feat: add sns topic message form

Author: FilipPyrek

presets/library/sns-topic-message-form/preset.mjs

@@ -0,0 +1,3 @@
+import { extend, extract } from '../../../src/index.js'
+
+export default [extend('presets/base/typescript-cdk'), extract()]

presets/library/sns-topic-message-form/templates/README.md

@@ -0,0 +1,25 @@
+<p align="center">
+  <a href="https://buttonize.io">
+    <img width="350" alt="Buttonize.io" src="https://user-images.githubusercontent.com/6282843/212024942-9fd50774-ea26-48ba-b2cf-ca2584498c9a.png">
+  </a>
+</p>
+
+---
+
+## SNS Topic Message Form
+
+[![SNS Topic Message Form](https://github.com/buttonize/create-buttonize/assets/6282843/d7413ee8-ce95-4b81-a351-2740103aab65)](https://buttonize.io/library/sns-topic-message-form)
+
+Learn more about SNS Topic Message Form Construct [here](https://buttonize.io/library/sns-topic-message-form).
+
+## CDK
+
+The `cdk.json` file tells the CDK Toolkit how to execute your app.
+
+### Useful commands
+
+* `npm run build`   compile typescript to js
+* `npm run watch`   watch for changes and compile
+* `npx cdk deploy`  deploy this stack to your default AWS account/region
+* `npx cdk diff`    compare deployed stack with current state
+* `npx cdk synth`   emits the synthesized CloudFormation template

presets/library/sns-topic-message-form/templates/lib/example-stack.ts

@@ -0,0 +1,56 @@
+import * as cdk from 'aws-cdk-lib'
+import { Topic } from 'aws-cdk-lib/aws-sns'
+import { EmailSubscription } from 'aws-cdk-lib/aws-sns-subscriptions'
+import { Buttonize, Input } from 'buttonize/cdk'
+import { SnsTopicMessageForm } from 'buttonize/library'
+import { Construct } from 'constructs'
+
+export class ExampleStack extends cdk.Stack {
+	constructor(scope: Construct, id: string, props?: cdk.StackProps) {
+		super(scope, id, props)
+
+		Buttonize.init(this, {
+			apiKey: '@@apiKey'
+		})
+
+		const topic = new Topic(this, 'SnsTopic')
+
+		new SnsTopicMessageForm(this, 'TopicMessageForm', {
+			name: 'Product cache invalidation panel',
+			description:
+				'Trigger invalidation of a product in all the caches in the in the company systems',
+			topic,
+			submitButtonLabel: 'Invalidate',
+			fields: [
+				Input.text({
+					id: 'id',
+					label: 'Product ID'
+				}),
+				Input.select({
+					id: 'reason',
+					options: [
+						{
+							label: 'New manual update',
+							value: 'manual_update'
+						},
+						{
+							label: 'System bug',
+							value: 'bug'
+						}
+					]
+				})
+			],
+			messagePayload: {
+				operation: 'invalidate',
+				product: {
+					pid: '{{id}}'
+				},
+				metadata: {
+					reasonStatement: '{{reason.value}}'
+				}
+			}
+		})
+
+		topic.addSubscription(new EmailSubscription('[email protected]'))
+	}
+}

presets/library/sns-topic-message-form/templates/src/discount-generator.ts

@@ -0,0 +1,15 @@
+interface FormEvent {
+	email: string
+	discount: {
+		label: string
+		value: number
+	}
+}
+export const handler = async (event: FormEvent) => {
+	console.log(`Generating discount of value ${event.discount.value} for customer ${event.email}`)
+
+	return {
+		discountValuePercent: event.discount.value,
+		discountCode: `${Math.random()}`.split('.')[1]
+	}
+}