@scryme/chat 2.91.119 → 2.91.121

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;
 }
@@ -645,31 +660,3 @@ export interface CreateTaskCardMessageOptions {
  * Creates a Task Card Custom Message schema structure.
  */
 export declare const createTaskCardMessage: (options: CreateTaskCardMessageOptions) => CustomMessage;
-/**
- * Helper to format product item name combining productName and variantName.
- * If variantName is missing, empty, or 'default' (case-insensitive), returns productName.
- */
-export declare const formatLowStockItemName: (options: {
-    productName: string;
-    variantName?: string | null;
-}) => string;
-/**
- * Builder options for creating a Low Stock Alert custom message schema.
- */
-export interface CreateLowStockAlertMessageOptions {
-    productName: string;
-    variantName?: string | null;
-    currentQuantity: number;
-    thresholdQuantity: number;
-    sku?: string;
-    location?: string;
-    reorderUrl?: string;
-    callbackId?: string;
-    priority?: 'low' | 'normal' | 'high' | 'urgent';
-    data?: Record<string, any>;
-    theme?: CustomMessageTheme;
-}
-/**
- * Creates a standard Low Stock Alert Custom Message schema structure.
- */
-export declare const createLowStockAlertMessage: (options: CreateLowStockAlertMessageOptions) => CustomMessage;

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,197 +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,
-}); };
-/**
- * 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: [
+        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: '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,
+                },
             },
         ],
-    },
-    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,
-}); };
-/**
- * Helper to format product item name combining productName and variantName.
- * If variantName is missing, empty, or 'default' (case-insensitive), returns productName.
- */
-export var formatLowStockItemName = function (options) {
-    var trimmedProduct = options.productName.trim();
-    var trimmedVariant = options.variantName ? options.variantName.trim() : '';
-    if (!trimmedVariant || trimmedVariant.toLowerCase() === 'default') {
-        return trimmedProduct;
-    }
-    return "".concat(trimmedProduct, " - ").concat(trimmedVariant);
+        data: options.data,
+    });
 };
 /**
- * Creates a standard Low Stock Alert Custom Message schema structure.
+ * Creates a Task Card Custom Message schema structure.
  */
-export var createLowStockAlertMessage = function (options) {
-    var itemName = formatLowStockItemName({
-        productName: options.productName,
-        variantName: options.variantName,
-    });
-    var fields = [
-        { label: 'Item Name', value: itemName },
-        { label: 'Current Stock', value: "".concat(options.currentQuantity, " units") },
-        { label: 'Reorder Threshold', value: "".concat(options.thresholdQuantity, " units") },
-    ];
-    if (options.sku) {
-        fields.push({ label: 'SKU', value: options.sku });
-    }
-    if (options.location) {
-        fields.push({ label: 'Location', value: options.location });
-    }
-    var actions = [];
-    if (options.reorderUrl) {
-        actions.push({
-            id: 'reorder',
-            label: 'Reorder Stock',
-            type: 'PRIMARY',
-            icon: 'ExternalLink',
-            handler: {
-                type: 'LINK',
-                url: options.reorderUrl,
-            },
-        });
-    }
-    else if (options.callbackId) {
-        actions.push({
-            id: 'reorder',
-            label: 'Reorder Stock',
-            type: 'PRIMARY',
-            icon: 'Send',
-            handler: {
-                type: 'CALLBACK',
-                callbackId: options.callbackId,
-                payload: {
-                    action: 'reorder',
-                    productName: options.productName,
-                    variantName: options.variantName || undefined,
-                    itemName: itemName,
-                    currentQuantity: options.currentQuantity,
-                    thresholdQuantity: options.thresholdQuantity,
-                    sku: options.sku,
-                },
-                includeFormState: false,
-            },
-        });
-    }
-    return {
+export var createTaskCardMessage = function (options) {
+    var _a;
+    return ({
         version: 'v1',
-        type: 'LOW_STOCK_ALERT',
+        type: 'TASK_CARD',
         context: {
-            title: 'Low Stock Alert',
-            description: "Stock level for ".concat(itemName, " has dropped below threshold."),
-            icon: 'AlertCircle',
-            priority: options.priority || 'high',
+            title: options.title,
+            description: options.description,
+            icon: 'CheckSquare',
+            priority: 'normal',
         },
         theme: options.theme,
         root: {
-            type: 'Layout.Card',
+            type: 'Layout.Stack',
             children: [
                 {
                     type: 'Layout.Grid',
-                    properties: { columns: 2 },
-                    children: fields.map(function (f) { return ({
-                        type: 'Display.Field',
-                        properties: { label: f.label, value: f.value },
-                    }); }),
+                    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: actions.length > 0 ? actions : undefined,
+        actions: [
+            {
+                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,
+                },
+            },
+        ],
         data: options.data,
-    };
+    });
 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './custom-instance';
 export * from './generated/v3-client';
 export * from './sdk';
-export { CustomMessageSchema, MessageNodeSchema, ConditionSchema, ValidationSchema, DataSourceSchema, CustomMessageThemeSchema, PredefinedCustomMessageTypeSchema, MessageActionSchema, createApprovalMessage, createReportMessage, createFormMessage, createTaskCardMessage, createLowStockAlertMessage, formatLowStockItemName, type CustomMessage, type MessageNode, type ConditionSchemaType, type ValidationSchemaType, type CustomMessageTheme, type PredefinedCustomMessageType, type MessageAction, type CreateApprovalMessageOptions, type CreateReportMessageOptions, type CreateFormMessageOptions, type CreateTaskCardMessageOptions, type CreateLowStockAlertMessageOptions, type FormFieldConfig, } from './custom-message-schema';
+export { CustomMessageSchema, MessageNodeSchema, ConditionSchema, ValidationSchema, DataSourceSchema, CustomMessageThemeSchema, PredefinedCustomMessageTypeSchema, MessageActionSchema, createApprovalMessage, createReportMessage, createFormMessage, createTaskCardMessage, type CustomMessage, type MessageNode, type ConditionSchemaType, type ValidationSchemaType, type CustomMessageTheme, type PredefinedCustomMessageType, type MessageAction, type CreateApprovalMessageOptions, type CreateReportMessageOptions, type CreateFormMessageOptions, type CreateTaskCardMessageOptions, type FormFieldConfig, } from './custom-message-schema';

package/dist/index.js

@@ -1,4 +1,4 @@
 export * from './custom-instance';
 export * from './generated/v3-client';
 export * from './sdk';
-export { CustomMessageSchema, MessageNodeSchema, ConditionSchema, ValidationSchema, DataSourceSchema, CustomMessageThemeSchema, PredefinedCustomMessageTypeSchema, MessageActionSchema, createApprovalMessage, createReportMessage, createFormMessage, createTaskCardMessage, createLowStockAlertMessage, formatLowStockItemName, } from './custom-message-schema';
+export { CustomMessageSchema, MessageNodeSchema, ConditionSchema, ValidationSchema, DataSourceSchema, CustomMessageThemeSchema, PredefinedCustomMessageTypeSchema, MessageActionSchema, createApprovalMessage, createReportMessage, createFormMessage, createTaskCardMessage, } from './custom-message-schema';

package/package.json

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

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

@@ -5,8 +5,6 @@ import {
   createReportMessage,
   createFormMessage,
   createTaskCardMessage,
-  createLowStockAlertMessage,
-  formatLowStockItemName,
 } from '../index';
 
 describe('Custom Message Schema & Helper Builders', () => {
@@ -21,6 +19,7 @@ describe('Custom Message Schema & Helper Builders', () => {
         ],
         callbackId: 'reimbursement_123',
         priority: 'urgent',
+        allowMultipleResponses: true,
       });
 
       expect(approval.type).toBe('APPROVAL');
@@ -28,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);
@@ -56,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',
@@ -73,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',
@@ -82,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);
@@ -110,70 +125,6 @@ describe('Custom Message Schema & Helper Builders', () => {
     });
   });
 
-  describe('createLowStockAlertMessage & formatLowStockItemName', () => {
-    it('should omit variant name if variant is missing, empty, or default (case-insensitive)', () => {
-      expect(formatLowStockItemName({ productName: 'Wireless Mouse' })).toBe('Wireless Mouse');
-      expect(formatLowStockItemName({ productName: 'Wireless Mouse', variantName: 'default' })).toBe('Wireless Mouse');
-      expect(formatLowStockItemName({ productName: 'Wireless Mouse', variantName: 'DEFAULT' })).toBe('Wireless Mouse');
-      expect(formatLowStockItemName({ productName: 'Wireless Mouse', variantName: ' Default ' })).toBe('Wireless Mouse');
-
-      expect(createLowStockAlertMessage({
-        productName: 'Wireless Mouse',
-        currentQuantity: 2,
-        thresholdQuantity: 5,
-      }).context.description).toContain('Wireless Mouse');
-
-      const msg1 = createLowStockAlertMessage({
-        productName: 'Wireless Mouse',
-        variantName: 'default',
-        currentQuantity: 2,
-        thresholdQuantity: 5,
-      });
-
-      const gridChildren1 = msg1.root.children?.[0]?.children || [];
-      const itemNameField1 = gridChildren1.find((c: any) => c.properties?.label === 'Item Name');
-      expect(itemNameField1?.properties?.value).toBe('Wireless Mouse');
-
-      const msg2 = createLowStockAlertMessage({
-        productName: 'Mechanical Keyboard',
-        variantName: 'DEFAULT',
-        currentQuantity: 1,
-        thresholdQuantity: 10,
-      });
-      const gridChildren2 = msg2.root.children?.[0]?.children || [];
-      const itemNameField2 = gridChildren2.find((c: any) => c.properties?.label === 'Item Name');
-      expect(itemNameField2?.properties?.value).toBe('Mechanical Keyboard');
-    });
-
-    it('should include variant name when variant is not default', () => {
-      expect(formatLowStockItemName({ productName: 'Ergonomic Chair', variantName: 'Mesh Black' })).toBe('Ergonomic Chair - Mesh Black');
-
-      const msg = createLowStockAlertMessage({
-        productName: 'Ergonomic Chair',
-        variantName: 'Mesh Black',
-        currentQuantity: 3,
-        thresholdQuantity: 8,
-        sku: 'CHAIR-BLK-01',
-        location: 'Warehouse A',
-        reorderUrl: 'https://inventory.example.com/reorder/CHAIR-BLK-01',
-      });
-
-      expect(msg.type).toBe('LOW_STOCK_ALERT');
-      expect(msg.context.title).toBe('Low Stock Alert');
-      expect(msg.context.priority).toBe('high');
-
-      const gridChildren = msg.root.children?.[0]?.children || [];
-      const itemNameField = gridChildren.find((c: any) => c.properties?.label === 'Item Name');
-      expect(itemNameField?.properties?.value).toBe('Ergonomic Chair - Mesh Black');
-
-      expect(msg.actions?.[0].handler.type).toBe('LINK');
-      expect(msg.actions?.[0].handler.url).toBe('https://inventory.example.com/reorder/CHAIR-BLK-01');
-
-      const validationResult = CustomMessageSchema.safeParse(msg);
-      expect(validationResult.success).toBe(true);
-    });
-  });
-
   describe('Customization and Theming', () => {
     it('should validate custom message theme overrides', () => {
       const customMessage = createApprovalMessage({

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,
@@ -519,122 +527,3 @@ export const createTaskCardMessage = (options: CreateTaskCardMessageOptions): Cu
   ],
   data: options.data,
 });
-
-/**
- * Helper to format product item name combining productName and variantName.
- * If variantName is missing, empty, or 'default' (case-insensitive), returns productName.
- */
-export const formatLowStockItemName = (options: { productName: string; variantName?: string | null }): string => {
-  const trimmedProduct = options.productName.trim();
-  const trimmedVariant = options.variantName ? options.variantName.trim() : '';
-
-  if (!trimmedVariant || trimmedVariant.toLowerCase() === 'default') {
-    return trimmedProduct;
-  }
-
-  return `${trimmedProduct} - ${trimmedVariant}`;
-};
-
-/**
- * Builder options for creating a Low Stock Alert custom message schema.
- */
-export interface CreateLowStockAlertMessageOptions {
-  productName: string;
-  variantName?: string | null;
-  currentQuantity: number;
-  thresholdQuantity: number;
-  sku?: string;
-  location?: string;
-  reorderUrl?: string;
-  callbackId?: string;
-  priority?: 'low' | 'normal' | 'high' | 'urgent';
-  data?: Record<string, any>;
-  theme?: CustomMessageTheme;
-}
-
-/**
- * Creates a standard Low Stock Alert Custom Message schema structure.
- */
-export const createLowStockAlertMessage = (options: CreateLowStockAlertMessageOptions): CustomMessage => {
-  const itemName = formatLowStockItemName({
-    productName: options.productName,
-    variantName: options.variantName,
-  });
-
-  const fields: Array<{ label: string; value: string }> = [
-    { label: 'Item Name', value: itemName },
-    { label: 'Current Stock', value: `${options.currentQuantity} units` },
-    { label: 'Reorder Threshold', value: `${options.thresholdQuantity} units` },
-  ];
-
-  if (options.sku) {
-    fields.push({ label: 'SKU', value: options.sku });
-  }
-
-  if (options.location) {
-    fields.push({ label: 'Location', value: options.location });
-  }
-
-  const actions: MessageAction[] = [];
-
-  if (options.reorderUrl) {
-    actions.push({
-      id: 'reorder',
-      label: 'Reorder Stock',
-      type: 'PRIMARY',
-      icon: 'ExternalLink',
-      handler: {
-        type: 'LINK',
-        url: options.reorderUrl,
-      },
-    });
-  } else if (options.callbackId) {
-    actions.push({
-      id: 'reorder',
-      label: 'Reorder Stock',
-      type: 'PRIMARY',
-      icon: 'Send',
-      handler: {
-        type: 'CALLBACK',
-        callbackId: options.callbackId,
-        payload: {
-          action: 'reorder',
-          productName: options.productName,
-          variantName: options.variantName || undefined,
-          itemName,
-          currentQuantity: options.currentQuantity,
-          thresholdQuantity: options.thresholdQuantity,
-          sku: options.sku,
-        },
-        includeFormState: false,
-      },
-    });
-  }
-
-  return {
-    version: 'v1',
-    type: 'LOW_STOCK_ALERT',
-    context: {
-      title: 'Low Stock Alert',
-      description: `Stock level for ${itemName} has dropped below threshold.`,
-      icon: 'AlertCircle',
-      priority: options.priority || 'high',
-    },
-    theme: options.theme,
-    root: {
-      type: 'Layout.Card',
-      children: [
-        {
-          type: 'Layout.Grid',
-          properties: { columns: 2 },
-          children: fields.map(f => ({
-            type: 'Display.Field',
-            properties: { label: f.label, value: f.value },
-          })),
-        },
-      ],
-    },
-    actions: actions.length > 0 ? actions : undefined,
-    data: options.data,
-  };
-};

package/src/index.ts

@@ -14,8 +14,6 @@ export {
   createReportMessage,
   createFormMessage,
   createTaskCardMessage,
-  createLowStockAlertMessage,
-  formatLowStockItemName,
   type CustomMessage,
   type MessageNode,
   type ConditionSchemaType,
@@ -27,6 +25,5 @@ export {
   type CreateReportMessageOptions,
   type CreateFormMessageOptions,
   type CreateTaskCardMessageOptions,
-  type CreateLowStockAlertMessageOptions,
   type FormFieldConfig,
 } from './custom-message-schema';