@scryme/chat 2.91.120 → 2.91.122

package/dist/custom-message-schema.d.ts

@@ -45,7 +45,7 @@ export declare const ValidationSchema: z.ZodObject<{
 }>;
 export type ValidationSchemaType = z.infer<typeof ValidationSchema>;
 /**
- * Data Source Schema for dynamic content (e.g., Select options or dynamic dropdowns).
+ * Data Source Schema for dynamic content (e.g., Select or Radio options).
  */
 export declare const DataSourceSchema: z.ZodObject<{
     /** Source type: 'STATIC' for inline items, 'API' for external fetching, 'VARIABLE' for message data interpolation */
@@ -141,6 +141,10 @@ export declare const CustomMessageThemeSchema: z.ZodObject<{
     textColor: z.ZodOptional<z.ZodString>;
     /** Accent / Brand highlight color */
     accentColor: z.ZodOptional<z.ZodString>;
+    /** Inner card background override */
+    cardBackgroundColor: z.ZodOptional<z.ZodString>;
+    /** Primary button background override */
+    primaryButtonColor: z.ZodOptional<z.ZodString>;
     /** Custom CSS class names applied to the container */
     className: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
@@ -148,12 +152,16 @@ export declare const CustomMessageThemeSchema: z.ZodObject<{
     borderColor?: string | undefined;
     textColor?: string | undefined;
     accentColor?: string | undefined;
+    cardBackgroundColor?: string | undefined;
+    primaryButtonColor?: string | undefined;
     className?: string | undefined;
 }, {
     backgroundColor?: string | undefined;
     borderColor?: string | undefined;
     textColor?: string | undefined;
     accentColor?: string | undefined;
+    cardBackgroundColor?: string | undefined;
+    primaryButtonColor?: string | undefined;
     className?: string | undefined;
 }>;
 export type CustomMessageTheme = z.infer<typeof CustomMessageThemeSchema>;
@@ -161,7 +169,7 @@ export type CustomMessageTheme = z.infer<typeof CustomMessageThemeSchema>;
  * A Node is the recursive structural building block of custom message UI components.
  */
 export type MessageNode = {
-    /** The type identifier of the component (e.g., 'Layout.Card', 'Display.Field', 'Input.Text', 'Data.Stat') */
+    /** The type identifier of the component (e.g., 'Layout.Card', 'Display.Field', 'Input.Text', 'Input.RadioGroup', 'Input.Switch', 'Display.Progress') */
     type: string;
     /** Unique identifier for the node (required for form inputs to track state & validation) */
     id?: string;
@@ -169,6 +177,9 @@ export type MessageNode = {
     properties?: Record<string, any>;
     /** Nested child nodes rendered inside this node */
     children?: MessageNode[];
+    /** Allow multiple responses toggle */
+    allowMultipleResponses?: boolean;
+    allowMultiple?: boolean;
     /** Optional conditional display logic evaluating visibility based on form state or message data */
     condition?: ConditionSchemaType;
     /** Optional validation rules for user inputs */
@@ -180,7 +191,7 @@ export declare const MessageNodeSchema: z.ZodType<MessageNode>;
 /**
  * Predefined Custom Message Types supported out of the box.
  */
-export declare const PredefinedCustomMessageTypeSchema: z.ZodEnum<["APPROVAL", "REPORT", "FORM", "FEEDBACK", "TASK_CARD", "SURVEY", "GENERIC"]>;
+export declare const PredefinedCustomMessageTypeSchema: z.ZodEnum<["APPROVAL", "REPORT", "FORM", "FEEDBACK", "TASK_CARD", "SURVEY", "LOW_STOCK_ALERT", "GENERIC"]>;
 export type PredefinedCustomMessageType = z.infer<typeof PredefinedCustomMessageTypeSchema>;
 /**
  * Action item schema for interactive buttons rendered on custom messages.
@@ -219,9 +230,10 @@ export declare const MessageActionSchema: z.ZodObject<{
         payload?: Record<string, any> | undefined;
         includeFormState?: boolean | undefined;
     }>;
-    /** Optional visibility condition for displaying this action button */
+    /** Flag to allow users to trigger this action multiple times */
     allowMultipleResponses: z.ZodOptional<z.ZodBoolean>;
     allowMultiple: z.ZodOptional<z.ZodBoolean>;
+    /** Optional visibility condition for displaying this action button */
     condition: z.ZodOptional<z.ZodObject<{
         /** The field ID or path inside data/formState to evaluate */
         field: z.ZodString;
@@ -286,7 +298,7 @@ export declare const CustomMessageSchema: z.ZodObject<{
     version: z.ZodDefault<z.ZodString>;
     /** Optional template identifier reference */
     templateId: z.ZodOptional<z.ZodString>;
-    /** The logical message category type (e.g. 'APPROVAL', 'REPORT', 'FORM', 'FEEDBACK', 'TASK_CARD', 'SURVEY', or custom string) */
+    /** The logical message category type (e.g. 'APPROVAL', 'REPORT', 'FORM', 'FEEDBACK', 'TASK_CARD', 'SURVEY', 'LOW_STOCK_ALERT', or custom string) */
     type: z.ZodString;
     /** Top-level configuration, branding, and header context */
     context: z.ZodObject<{
@@ -323,6 +335,10 @@ export declare const CustomMessageSchema: z.ZodObject<{
         textColor: z.ZodOptional<z.ZodString>;
         /** Accent / Brand highlight color */
         accentColor: z.ZodOptional<z.ZodString>;
+        /** Inner card background override */
+        cardBackgroundColor: z.ZodOptional<z.ZodString>;
+        /** Primary button background override */
+        primaryButtonColor: z.ZodOptional<z.ZodString>;
         /** Custom CSS class names applied to the container */
         className: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
@@ -330,12 +346,16 @@ export declare const CustomMessageSchema: z.ZodObject<{
         borderColor?: string | undefined;
         textColor?: string | undefined;
         accentColor?: string | undefined;
+        cardBackgroundColor?: string | undefined;
+        primaryButtonColor?: string | undefined;
         className?: string | undefined;
     }, {
         backgroundColor?: string | undefined;
         borderColor?: string | undefined;
         textColor?: string | undefined;
         accentColor?: string | undefined;
+        cardBackgroundColor?: string | undefined;
+        primaryButtonColor?: string | undefined;
         className?: string | undefined;
     }>>;
     /** Hierarchical node tree defining the layout and components */
@@ -375,9 +395,10 @@ export declare const CustomMessageSchema: z.ZodObject<{
             payload?: Record<string, any> | undefined;
             includeFormState?: boolean | undefined;
         }>;
-        /** Optional visibility condition for displaying this action button */
+        /** Flag to allow users to trigger this action multiple times */
         allowMultipleResponses: z.ZodOptional<z.ZodBoolean>;
         allowMultiple: z.ZodOptional<z.ZodBoolean>;
+        /** Optional visibility condition for displaying this action button */
         condition: z.ZodOptional<z.ZodObject<{
             /** The field ID or path inside data/formState to evaluate */
             field: z.ZodString;
@@ -470,6 +491,8 @@ export declare const CustomMessageSchema: z.ZodObject<{
         borderColor?: string | undefined;
         textColor?: string | undefined;
         accentColor?: string | undefined;
+        cardBackgroundColor?: string | undefined;
+        primaryButtonColor?: string | undefined;
         className?: string | undefined;
     } | undefined;
     actions?: {
@@ -515,6 +538,8 @@ export declare const CustomMessageSchema: z.ZodObject<{
         borderColor?: string | undefined;
         textColor?: string | undefined;
         accentColor?: string | undefined;
+        cardBackgroundColor?: string | undefined;
+        primaryButtonColor?: string | undefined;
         className?: string | undefined;
     } | undefined;
     actions?: {
@@ -558,24 +583,12 @@ export interface CreateApprovalMessageOptions {
     priority?: 'low' | 'normal' | 'high' | 'urgent';
     approveLabel?: string;
     rejectLabel?: string;
+    allowMultipleResponses?: boolean;
     data?: Record<string, any>;
     theme?: CustomMessageTheme;
 }
 /**
  * Creates a standard Approval Custom Message schema structure.
- *
- * @example
- * ```ts
- * const approvalSchema = createApprovalMessage({
- *   title: 'Expense Reimbursement Request',
- *   description: 'Requested by Jane Doe for $450.00',
- *   fields: [
- *     { label: 'Category', value: 'Travel' },
- *     { label: 'Amount', value: '$450.00' }
- *   ],
- *   callbackId: 'expense-approval-101'
- * });
- * ```
  */
 export declare const createApprovalMessage: (options: CreateApprovalMessageOptions) => CustomMessage;
 /**
@@ -603,7 +616,7 @@ export declare const createReportMessage: (options: CreateReportMessageOptions)
 export interface FormFieldConfig {
     id: string;
     label: string;
-    type?: 'text' | 'textarea' | 'select' | 'checkbox';
+    type?: 'text' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'switch';
     placeholder?: string;
     options?: Array<{
         label: string;
@@ -621,6 +634,7 @@ export interface CreateFormMessageOptions {
     submitCallbackId: string;
     submitLabel?: string;
     type?: 'FORM' | 'FEEDBACK' | 'SURVEY';
+    allowMultipleResponses?: boolean;
     data?: Record<string, any>;
     theme?: CustomMessageTheme;
 }
@@ -638,6 +652,7 @@ export interface CreateTaskCardMessageOptions {
     assignee?: string;
     dueDate?: string;
     callbackId: string;
+    allowMultipleResponses?: boolean;
     data?: Record<string, any>;
     theme?: CustomMessageTheme;
 }

package/dist/custom-message-schema.js

@@ -35,7 +35,7 @@ export var ValidationSchema = z.object({
     errorMessage: z.string().optional(),
 });
 /**
- * Data Source Schema for dynamic content (e.g., Select options or dynamic dropdowns).
+ * Data Source Schema for dynamic content (e.g., Select or Radio options).
  */
 export var DataSourceSchema = z.object({
     /** Source type: 'STATIC' for inline items, 'API' for external fetching, 'VARIABLE' for message data interpolation */
@@ -82,6 +82,10 @@ export var CustomMessageThemeSchema = z.object({
     textColor: z.string().optional(),
     /** Accent / Brand highlight color */
     accentColor: z.string().optional(),
+    /** Inner card background override */
+    cardBackgroundColor: z.string().optional(),
+    /** Primary button background override */
+    primaryButtonColor: z.string().optional(),
     /** Custom CSS class names applied to the container */
     className: z.string().optional(),
 });
@@ -109,6 +113,7 @@ export var PredefinedCustomMessageTypeSchema = z.enum([
     'FEEDBACK',
     'TASK_CARD',
     'SURVEY',
+    'LOW_STOCK_ALERT',
     'GENERIC',
 ]);
 /**
@@ -136,9 +141,10 @@ export var MessageActionSchema = z.object({
         /** Whether to automatically gather and send all current form input state in the callback payload */
         includeFormState: z.boolean().default(true).optional(),
     }),
-    /** Optional visibility condition for displaying this action button */
+    /** Flag to allow users to trigger this action multiple times */
     allowMultipleResponses: z.boolean().optional(),
     allowMultiple: z.boolean().optional(),
+    /** Optional visibility condition for displaying this action button */
     condition: ConditionSchema.optional(),
 });
 /**
@@ -149,7 +155,7 @@ export var CustomMessageSchema = z.object({
     version: z.string().default('v1'),
     /** Optional template identifier reference */
     templateId: z.string().optional(),
-    /** The logical message category type (e.g. 'APPROVAL', 'REPORT', 'FORM', 'FEEDBACK', 'TASK_CARD', 'SURVEY', or custom string) */
+    /** The logical message category type (e.g. 'APPROVAL', 'REPORT', 'FORM', 'FEEDBACK', 'TASK_CARD', 'SURVEY', 'LOW_STOCK_ALERT', or custom string) */
     type: z.string(),
     /** Top-level configuration, branding, and header context */
     context: z.object({
@@ -186,71 +192,63 @@ export var CustomMessageSchema = z.object({
 });
 /**
  * Creates a standard Approval Custom Message schema structure.
- *
- * @example
- * ```ts
- * const approvalSchema = createApprovalMessage({
- *   title: 'Expense Reimbursement Request',
- *   description: 'Requested by Jane Doe for $450.00',
- *   fields: [
- *     { label: 'Category', value: 'Travel' },
- *     { label: 'Amount', value: '$450.00' }
- *   ],
- *   callbackId: 'expense-approval-101'
- * });
- * ```
  */
-export var createApprovalMessage = function (options) { return ({
-    version: 'v1',
-    type: 'APPROVAL',
-    context: {
-        title: options.title,
-        description: options.description,
-        icon: 'CheckSquare',
-        priority: options.priority || 'normal',
-    },
-    theme: options.theme,
-    root: {
-        type: 'Layout.Card',
-        children: [
+export var createApprovalMessage = function (options) {
+    var _a, _b;
+    return ({
+        version: 'v1',
+        type: 'APPROVAL',
+        context: {
+            title: options.title,
+            description: options.description,
+            icon: 'CheckSquare',
+            priority: options.priority || 'normal',
+        },
+        theme: options.theme,
+        root: {
+            type: 'Layout.Card',
+            children: [
+                {
+                    type: 'Layout.Grid',
+                    properties: { columns: 2 },
+                    children: options.fields.map(function (f) { return ({
+                        type: 'Display.Field',
+                        properties: { label: f.label, value: f.value },
+                    }); }),
+                },
+            ],
+        },
+        actions: [
             {
-                type: 'Layout.Grid',
-                properties: { columns: 2 },
-                children: options.fields.map(function (f) { return ({
-                    type: 'Display.Field',
-                    properties: { label: f.label, value: f.value },
-                }); }),
-            },
-        ],
-    },
-    actions: [
-        {
-            id: 'approve',
-            label: options.approveLabel || 'Approve',
-            type: 'PRIMARY',
-            icon: 'Check',
-            handler: {
-                type: 'CALLBACK',
-                callbackId: options.callbackId,
-                payload: { action: 'approve' },
-                includeFormState: true,
+                id: 'approve',
+                label: options.approveLabel || 'Approve',
+                type: 'PRIMARY',
+                icon: 'Check',
+                allowMultipleResponses: (_a = options.allowMultipleResponses) !== null && _a !== void 0 ? _a : false,
+                handler: {
+                    type: 'CALLBACK',
+                    callbackId: options.callbackId,
+                    payload: { action: 'approve' },
+                    includeFormState: true,
+                },
             },
-        },
-        {
-            id: 'reject',
-            label: options.rejectLabel || 'Reject',
-            type: 'DESTRUCTIVE',
-            icon: 'X',
-            handler: {
-                type: 'CALLBACK',
-                callbackId: options.callbackId,
-                payload: { action: 'reject' },
-                includeFormState: true,
+            {
+                id: 'reject',
+                label: options.rejectLabel || 'Reject',
+                type: 'DESTRUCTIVE',
+                icon: 'X',
+                allowMultipleResponses: (_b = options.allowMultipleResponses) !== null && _b !== void 0 ? _b : false,
+                handler: {
+                    type: 'CALLBACK',
+                    callbackId: options.callbackId,
+                    payload: { action: 'reject' },
+                    includeFormState: true,
+                },
             },
-        },
-    ],
-    data: options.data,
-}); };
+        ],
+        data: options.data,
+    });
+};
 /**
  * Creates a standard Report Custom Message schema structure.
  */
@@ -296,104 +294,117 @@ export var createReportMessage = function (options) { return ({
 /**
  * Creates an interactive Form / Survey / Feedback Custom Message schema structure.
  */
-export var createFormMessage = function (options) { return ({
-    version: 'v1',
-    type: options.type || 'FORM',
-    context: {
-        title: options.title,
-        description: options.description,
-        icon: options.type === 'FEEDBACK' ? 'HelpCircle' : 'FileText',
-        priority: 'normal',
-    },
-    theme: options.theme,
-    root: {
-        type: 'Layout.Stack',
-        children: options.fields.map(function (field) {
-            var nodeType = field.type === 'select'
-                ? 'Input.Select'
-                : field.type === 'checkbox'
-                    ? 'Input.Checkbox'
-                    : 'Input.Text';
-            var validation = field.required
-                ? { required: true, errorMessage: "".concat(field.label, " is required") }
-                : undefined;
-            var properties = {
-                label: field.label,
-                placeholder: field.placeholder,
-            };
-            if (field.type === 'textarea') {
-                properties.multiline = true;
-            }
-            if (field.type === 'select' && field.options) {
-                properties.dataSource = {
-                    type: 'STATIC',
-                    items: field.options,
+export var createFormMessage = function (options) {
+    var _a;
+    return ({
+        version: 'v1',
+        type: options.type || 'FORM',
+        context: {
+            title: options.title,
+            description: options.description,
+            icon: options.type === 'FEEDBACK' ? 'HelpCircle' : 'FileText',
+            priority: 'normal',
+        },
+        theme: options.theme,
+        root: {
+            type: 'Layout.Stack',
+            children: options.fields.map(function (field) {
+                var nodeType = field.type === 'select'
+                    ? 'Input.Select'
+                    : field.type === 'checkbox'
+                        ? 'Input.Checkbox'
+                        : field.type === 'radio'
+                            ? 'Input.RadioGroup'
+                            : field.type === 'switch'
+                                ? 'Input.Switch'
+                                : 'Input.Text';
+                var validation = field.required
+                    ? { required: true, errorMessage: "".concat(field.label, " is required") }
+                    : undefined;
+                var properties = {
+                    label: field.label,
+                    placeholder: field.placeholder,
                 };
-            }
-            return {
-                type: nodeType,
-                id: field.id,
-                properties: properties,
-                validation: validation,
-            };
-        }),
-    },
-    actions: [
-        {
-            id: 'submit',
-            label: options.submitLabel || 'Submit',
-            type: 'PRIMARY',
-            icon: 'Send',
-            handler: {
-                type: 'CALLBACK',
-                callbackId: options.submitCallbackId,
-                payload: { action: 'submit' },
-                includeFormState: true,
-            },
+                if (field.type === 'textarea') {
+                    properties.multiline = true;
+                }
+                if ((field.type === 'select' || field.type === 'radio') && field.options) {
+                    properties.dataSource = {
+                        type: 'STATIC',
+                        items: field.options,
+                    };
+                    properties.options = field.options;
+                }
+                return {
+                    type: nodeType,
+                    id: field.id,
+                    properties: properties,
+                    validation: validation,
+                };
+            }),
         },
-    ],
-    data: options.data,
-}); };
+        actions: [
+            {
+                id: 'submit',
+                label: options.submitLabel || 'Submit',
+                type: 'PRIMARY',
+                icon: 'Send',
+                allowMultipleResponses: (_a = options.allowMultipleResponses) !== null && _a !== void 0 ? _a : false,
+                handler: {
+                    type: 'CALLBACK',
+                    callbackId: options.submitCallbackId,
+                    payload: { action: 'submit' },
+                    includeFormState: true,
+                },
+            },
+        ],
+        data: options.data,
+    });
+};
 /**
  * Creates a Task Card Custom Message schema structure.
  */
-export var createTaskCardMessage = function (options) { return ({
-    version: 'v1',
-    type: 'TASK_CARD',
-    context: {
-        title: options.title,
-        description: options.description,
-        icon: 'CheckSquare',
-        priority: 'normal',
-    },
-    theme: options.theme,
-    root: {
-        type: 'Layout.Stack',
-        children: [
+export var createTaskCardMessage = function (options) {
+    var _a;
+    return ({
+        version: 'v1',
+        type: 'TASK_CARD',
+        context: {
+            title: options.title,
+            description: options.description,
+            icon: 'CheckSquare',
+            priority: 'normal',
+        },
+        theme: options.theme,
+        root: {
+            type: 'Layout.Stack',
+            children: [
+                {
+                    type: 'Layout.Grid',
+                    properties: { columns: 3 },
+                    children: [
+                        { type: 'Display.Field', properties: { label: 'Status', value: options.status } },
+                        { type: 'Display.Field', properties: { label: 'Assignee', value: options.assignee || 'Unassigned' } },
+                        { type: 'Display.Field', properties: { label: 'Due Date', value: options.dueDate || 'None' } },
+                    ],
+                },
+            ],
+        },
+        actions: [
             {
-                type: 'Layout.Grid',
-                properties: { columns: 3 },
-                children: [
-                    { type: 'Display.Field', properties: { label: 'Status', value: options.status } },
-                    { type: 'Display.Field', properties: { label: 'Assignee', value: options.assignee || 'Unassigned' } },
-                    { type: 'Display.Field', properties: { label: 'Due Date', value: options.dueDate || 'None' } },
-                ],
+                id: 'complete_task',
+                label: 'Mark Completed',
+                type: 'PRIMARY',
+                icon: 'Check',
+                allowMultipleResponses: (_a = options.allowMultipleResponses) !== null && _a !== void 0 ? _a : false,
+                handler: {
+                    type: 'CALLBACK',
+                    callbackId: options.callbackId,
+                    payload: { action: 'complete' },
+                    includeFormState: false,
+                },
             },
         ],
-    },
-    actions: [
-        {
-            id: 'complete_task',
-            label: 'Mark Completed',
-            type: 'PRIMARY',
-            icon: 'Check',
-            handler: {
-                type: 'CALLBACK',
-                callbackId: options.callbackId,
-                payload: { action: 'complete' },
-                includeFormState: false,
-            },
-        },
-    ],
-    data: options.data,
-}); };
+        data: options.data,
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scryme/chat",
-  "version": "2.91.120",
+  "version": "2.91.122",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/__tests__/custom-message.test.ts

@@ -19,6 +19,7 @@ describe('Custom Message Schema & Helper Builders', () => {
         ],
         callbackId: 'reimbursement_123',
         priority: 'urgent',
+        allowMultipleResponses: true,
       });
 
       expect(approval.type).toBe('APPROVAL');
@@ -26,6 +27,7 @@ describe('Custom Message Schema & Helper Builders', () => {
       expect(approval.context.priority).toBe('urgent');
       expect(approval.actions).toHaveLength(2);
       expect(approval.actions?.[0].id).toBe('approve');
+      expect(approval.actions?.[0].allowMultipleResponses).toBe(true);
       expect(approval.actions?.[1].id).toBe('reject');
 
       const validationResult = CustomMessageSchema.safeParse(approval);
@@ -54,7 +56,7 @@ describe('Custom Message Schema & Helper Builders', () => {
   });
 
   describe('createFormMessage', () => {
-    it('should generate a valid CustomMessage for forms and surveys', () => {
+    it('should generate a valid CustomMessage for forms and surveys with Radio and Switch inputs', () => {
       const form = createFormMessage({
         title: 'User Feedback Survey',
         description: 'Please rate your experience',
@@ -71,6 +73,20 @@ describe('Custom Message Schema & Helper Builders', () => {
               { label: 'Low', value: 'low' },
             ],
           },
+          {
+            id: 'frequency',
+            label: 'Usage Frequency',
+            type: 'radio',
+            options: [
+              { label: 'Daily', value: 'daily' },
+              { label: 'Weekly', value: 'weekly' },
+            ],
+          },
+          {
+            id: 'newsletter',
+            label: 'Subscribe to product newsletter',
+            type: 'switch',
+          },
           {
             id: 'comments',
             label: 'Additional Comments',
@@ -80,9 +96,10 @@ describe('Custom Message Schema & Helper Builders', () => {
       });
 
       expect(form.type).toBe('FORM');
-      expect(form.root.children).toHaveLength(2);
+      expect(form.root.children).toHaveLength(4);
       expect(form.root.children?.[0].type).toBe('Input.Select');
-      expect(form.root.children?.[0].validation?.required).toBe(true);
+      expect(form.root.children?.[1].type).toBe('Input.RadioGroup');
+      expect(form.root.children?.[2].type).toBe('Input.Switch');
 
       const validationResult = CustomMessageSchema.safeParse(form);
       expect(validationResult.success).toBe(true);

package/src/custom-message-schema.ts

@@ -41,7 +41,7 @@ export const ValidationSchema = z.object({
 export type ValidationSchemaType = z.infer<typeof ValidationSchema>;
 
 /**
- * Data Source Schema for dynamic content (e.g., Select options or dynamic dropdowns).
+ * Data Source Schema for dynamic content (e.g., Select or Radio options).
  */
 export const DataSourceSchema = z.object({
   /** Source type: 'STATIC' for inline items, 'API' for external fetching, 'VARIABLE' for message data interpolation */
@@ -92,6 +92,10 @@ export const CustomMessageThemeSchema = z.object({
   textColor: z.string().optional(),
   /** Accent / Brand highlight color */
   accentColor: z.string().optional(),
+  /** Inner card background override */
+  cardBackgroundColor: z.string().optional(),
+  /** Primary button background override */
+  primaryButtonColor: z.string().optional(),
   /** Custom CSS class names applied to the container */
   className: z.string().optional(),
 });
@@ -102,7 +106,7 @@ export type CustomMessageTheme = z.infer<typeof CustomMessageThemeSchema>;
  * A Node is the recursive structural building block of custom message UI components.
  */
 export type MessageNode = {
-  /** The type identifier of the component (e.g., 'Layout.Card', 'Display.Field', 'Input.Text', 'Data.Stat') */
+  /** The type identifier of the component (e.g., 'Layout.Card', 'Display.Field', 'Input.Text', 'Input.RadioGroup', 'Input.Switch', 'Display.Progress') */
   type: string;
   /** Unique identifier for the node (required for form inputs to track state & validation) */
   id?: string;
@@ -110,6 +114,9 @@ export type MessageNode = {
   properties?: Record<string, any>;
   /** Nested child nodes rendered inside this node */
   children?: MessageNode[];
+  /** Allow multiple responses toggle */
+  allowMultipleResponses?: boolean;
+  allowMultiple?: boolean;
   /** Optional conditional display logic evaluating visibility based on form state or message data */
   condition?: ConditionSchemaType;
   /** Optional validation rules for user inputs */
@@ -126,8 +133,8 @@ export const MessageNodeSchema: z.ZodType<MessageNode> = z.lazy(() =>
     properties: z.record(z.string(), z.any()).optional(),
     children: z.array(MessageNodeSchema).optional(),
     allowMultipleResponses: z.boolean().optional(),
-  allowMultiple: z.boolean().optional(),
-  condition: ConditionSchema.optional(),
+    allowMultiple: z.boolean().optional(),
+    condition: ConditionSchema.optional(),
     validation: ValidationSchema.optional(),
     metadata: z.record(z.string(), z.any()).optional(),
   })
@@ -143,6 +150,7 @@ export const PredefinedCustomMessageTypeSchema = z.enum([
   'FEEDBACK',
   'TASK_CARD',
   'SURVEY',
+  'LOW_STOCK_ALERT',
   'GENERIC',
 ]);
 
@@ -173,9 +181,10 @@ export const MessageActionSchema = z.object({
     /** Whether to automatically gather and send all current form input state in the callback payload */
     includeFormState: z.boolean().default(true).optional(),
   }),
-  /** Optional visibility condition for displaying this action button */
+  /** Flag to allow users to trigger this action multiple times */
   allowMultipleResponses: z.boolean().optional(),
   allowMultiple: z.boolean().optional(),
+  /** Optional visibility condition for displaying this action button */
   condition: ConditionSchema.optional(),
 });
 
@@ -189,7 +198,7 @@ export const CustomMessageSchema = z.object({
   version: z.string().default('v1'),
   /** Optional template identifier reference */
   templateId: z.string().optional(),
-  /** The logical message category type (e.g. 'APPROVAL', 'REPORT', 'FORM', 'FEEDBACK', 'TASK_CARD', 'SURVEY', or custom string) */
+  /** The logical message category type (e.g. 'APPROVAL', 'REPORT', 'FORM', 'FEEDBACK', 'TASK_CARD', 'SURVEY', 'LOW_STOCK_ALERT', or custom string) */
   type: z.string(),
   /** Top-level configuration, branding, and header context */
   context: z.object({
@@ -240,25 +249,13 @@ export interface CreateApprovalMessageOptions {
   priority?: 'low' | 'normal' | 'high' | 'urgent';
   approveLabel?: string;
   rejectLabel?: string;
+  allowMultipleResponses?: boolean;
   data?: Record<string, any>;
   theme?: CustomMessageTheme;
 }
 
 /**
  * Creates a standard Approval Custom Message schema structure.
- *
- * @example
- * ```ts
- * const approvalSchema = createApprovalMessage({
- *   title: 'Expense Reimbursement Request',
- *   description: 'Requested by Jane Doe for $450.00',
- *   fields: [
- *     { label: 'Category', value: 'Travel' },
- *     { label: 'Amount', value: '$450.00' }
- *   ],
- *   callbackId: 'expense-approval-101'
- * });
- * ```
  */
 export const createApprovalMessage = (options: CreateApprovalMessageOptions): CustomMessage => ({
   version: 'v1',
@@ -289,6 +286,7 @@ export const createApprovalMessage = (options: CreateApprovalMessageOptions): Cu
       label: options.approveLabel || 'Approve',
       type: 'PRIMARY',
       icon: 'Check',
+      allowMultipleResponses: options.allowMultipleResponses ?? false,
       handler: {
         type: 'CALLBACK',
         callbackId: options.callbackId,
@@ -301,6 +299,7 @@ export const createApprovalMessage = (options: CreateApprovalMessageOptions): Cu
       label: options.rejectLabel || 'Reject',
       type: 'DESTRUCTIVE',
       icon: 'X',
+      allowMultipleResponses: options.allowMultipleResponses ?? false,
       handler: {
         type: 'CALLBACK',
         callbackId: options.callbackId,
@@ -374,7 +373,7 @@ export const createReportMessage = (options: CreateReportMessageOptions): Custom
 export interface FormFieldConfig {
   id: string;
   label: string;
-  type?: 'text' | 'textarea' | 'select' | 'checkbox';
+  type?: 'text' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'switch';
   placeholder?: string;
   options?: Array<{ label: string; value: string }>;
   required?: boolean;
@@ -390,6 +389,7 @@ export interface CreateFormMessageOptions {
   submitCallbackId: string;
   submitLabel?: string;
   type?: 'FORM' | 'FEEDBACK' | 'SURVEY';
+  allowMultipleResponses?: boolean;
   data?: Record<string, any>;
   theme?: CustomMessageTheme;
 }
@@ -415,7 +415,11 @@ export const createFormMessage = (options: CreateFormMessageOptions): CustomMess
           ? 'Input.Select'
           : field.type === 'checkbox'
             ? 'Input.Checkbox'
-            : 'Input.Text';
+            : field.type === 'radio'
+              ? 'Input.RadioGroup'
+              : field.type === 'switch'
+                ? 'Input.Switch'
+                : 'Input.Text';
 
       const validation: ValidationSchemaType | undefined = field.required
         ? { required: true, errorMessage: `${field.label} is required` }
@@ -430,11 +434,12 @@ export const createFormMessage = (options: CreateFormMessageOptions): CustomMess
         properties.multiline = true;
       }
 
-      if (field.type === 'select' && field.options) {
+      if ((field.type === 'select' || field.type === 'radio') && field.options) {
         properties.dataSource = {
           type: 'STATIC',
           items: field.options,
         };
+        properties.options = field.options;
       }
 
       return {
@@ -451,6 +456,7 @@ export const createFormMessage = (options: CreateFormMessageOptions): CustomMess
       label: options.submitLabel || 'Submit',
       type: 'PRIMARY',
       icon: 'Send',
+      allowMultipleResponses: options.allowMultipleResponses ?? false,
       handler: {
         type: 'CALLBACK',
         callbackId: options.submitCallbackId,
@@ -472,6 +478,7 @@ export interface CreateTaskCardMessageOptions {
   assignee?: string;
   dueDate?: string;
   callbackId: string;
+  allowMultipleResponses?: boolean;
   data?: Record<string, any>;
   theme?: CustomMessageTheme;
 }
@@ -509,6 +516,7 @@ export const createTaskCardMessage = (options: CreateTaskCardMessageOptions): Cu
       label: 'Mark Completed',
       type: 'PRIMARY',
       icon: 'Check',
+      allowMultipleResponses: options.allowMultipleResponses ?? false,
       handler: {
         type: 'CALLBACK',
         callbackId: options.callbackId,