@nyaruka/temba-components 0.131.1 → 0.131.2

package/out-tsc/src/flow/actions/add_contact_urn.js

@@ -1,16 +1,74 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
-import { urnSchemeMap } from '../utils';
+import { ACTION_GROUPS } from '../types';
+import { SCHEMES } from '../utils';
 export const add_contact_urn = {
     name: 'Add URN',
-    color: COLORS.update,
+    group: ACTION_GROUPS.contacts,
     render: (_node, action) => {
-        const friendlyScheme = urnSchemeMap[action.scheme] || action.scheme;
+        const schemeObj = SCHEMES.find((s) => s.scheme === action.scheme);
+        const friendlyScheme = (schemeObj === null || schemeObj === void 0 ? void 0 : schemeObj.path) || action.scheme;
         return html `<div
       style="word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;"
     >
       Add ${friendlyScheme} <strong>${action.path}</strong>
     </div>`;
+    },
+    toFormData: (action) => {
+        const schemeObj = SCHEMES.find((s) => s.scheme === action.scheme);
+        return {
+            uuid: action.uuid,
+            scheme: schemeObj
+                ? [{ name: schemeObj.path, value: action.scheme }]
+                : null,
+            path: action.path || ''
+        };
+    },
+    fromFormData: (formData) => {
+        // Extract scheme value from select format
+        const schemeValue = Array.isArray(formData.scheme) && formData.scheme.length > 0
+            ? formData.scheme[0].value
+            : 'tel';
+        return {
+            uuid: formData.uuid,
+            type: 'add_contact_urn',
+            scheme: schemeValue,
+            path: formData.path || ''
+        };
+    },
+    form: {
+        scheme: {
+            type: 'select',
+            label: 'URN Type',
+            helpText: 'Select the type of URN to add to the contact',
+            required: true,
+            searchable: false,
+            multi: false,
+            options: SCHEMES.map((scheme) => ({
+                name: scheme.path,
+                value: scheme.scheme
+            }))
+        },
+        path: {
+            type: 'text',
+            label: 'URN Value',
+            helpText: 'Enter the URN value (e.g., phone number, Facebook ID, etc.)',
+            required: true,
+            placeholder: 'Enter the URN value...',
+            evaluated: true
+        }
+    },
+    validate: (formData) => {
+        const errors = {};
+        if (!formData.scheme || formData.scheme.length === 0) {
+            errors.scheme = 'URN type is required';
+        }
+        if (!formData.path || formData.path.trim() === '') {
+            errors.path = 'URN value is required';
+        }
+        return {
+            valid: Object.keys(errors).length === 0,
+            errors
+        };
     }
 };
 //# sourceMappingURL=add_contact_urn.js.map

package/out-tsc/src/flow/actions/add_contact_urn.js.map

@@ -1 +1 @@
-{"version":3,"file":"add_contact_urn.js","sourceRoot":"","sources":["../../../../src/flow/actions/add_contact_urn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,MAAM,CAAC,MAAM;IACpB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAqB,EAAE,EAAE;QAC7C,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC;QACpE,OAAO,IAAI,CAAA;;;YAGH,cAAc,YAAY,MAAM,CAAC,IAAI;WACtC,CAAC;IACV,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS } from '../types';\nimport { Node, AddContactUrn } from '../../store/flow-definition';\nimport { urnSchemeMap } from '../utils';\n\nexport const add_contact_urn: ActionConfig = {\n  name: 'Add URN',\n  color: COLORS.update,\n  render: (_node: Node, action: AddContactUrn) => {\n    const friendlyScheme = urnSchemeMap[action.scheme] || action.scheme;\n    return html`<div\n      style=\"word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;\"\n    >\n      Add ${friendlyScheme} <strong>${action.path}</strong>\n    </div>`;\n  }\n};\n"]}
+{"version":3,"file":"add_contact_urn.js","sourceRoot":"","sources":["../../../../src/flow/actions/add_contact_urn.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\nimport {\n  ActionConfig,\n  ACTION_GROUPS,\n  FormData,\n  ValidationResult\n} from '../types';\nimport { Node, AddContactUrn } from '../../store/flow-definition';\nimport { SCHEMES } from '../utils';\n\nexport const add_contact_urn: ActionConfig = {\n  name: 'Add URN',\n  group: ACTION_GROUPS.contacts,\n  render: (_node: Node, action: AddContactUrn) => {\n    const schemeObj = SCHEMES.find((s) => s.scheme === action.scheme);\n    const friendlyScheme = schemeObj?.path || action.scheme;\n    return html`<div\n      style=\"word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;\"\n    >\n      Add ${friendlyScheme} <strong>${action.path}</strong>\n    </div>`;\n  },\n\n  toFormData: (action: AddContactUrn) => {\n    const schemeObj = SCHEMES.find((s) => s.scheme === action.scheme);\n    return {\n      uuid: action.uuid,\n      scheme: schemeObj\n        ? [{ name: schemeObj.path, value: action.scheme }]\n        : null,\n      path: action.path || ''\n    };\n  },\n\n  fromFormData: (formData: FormData): AddContactUrn => {\n    // Extract scheme value from select format\n    const schemeValue =\n      Array.isArray(formData.scheme) && formData.scheme.length > 0\n        ? formData.scheme[0].value\n        : 'tel';\n\n    return {\n      uuid: formData.uuid,\n      type: 'add_contact_urn',\n      scheme: schemeValue,\n      path: formData.path || ''\n    };\n  },\n\n  form: {\n    scheme: {\n      type: 'select',\n      label: 'URN Type',\n      helpText: 'Select the type of URN to add to the contact',\n      required: true,\n      searchable: false,\n      multi: false,\n      options: SCHEMES.map((scheme) => ({\n        name: scheme.path,\n        value: scheme.scheme\n      }))\n    },\n    path: {\n      type: 'text',\n      label: 'URN Value',\n      helpText: 'Enter the URN value (e.g., phone number, Facebook ID, etc.)',\n      required: true,\n      placeholder: 'Enter the URN value...',\n      evaluated: true\n    }\n  },\n\n  validate: (formData: FormData): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (!formData.scheme || formData.scheme.length === 0) {\n      errors.scheme = 'URN type is required';\n    }\n\n    if (!formData.path || formData.path.trim() === '') {\n      errors.path = 'URN value is required';\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  }\n};\n"]}

package/out-tsc/src/flow/actions/add_input_labels.js

@@ -1,16 +1,16 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 import { renderNamedObjects } from '../utils';
 export const add_input_labels = {
     name: 'Add Input Labels',
-    color: COLORS.save,
+    group: ACTION_GROUPS.save,
     render: (_node, action) => {
         return html `<div>${renderNamedObjects(action.labels, 'label')}</div>`;
     },
     // Form-level transformations
     toFormData: (action) => {
         return {
-            labels: action.labels || [],
+            labels: action.labels || null,
             uuid: action.uuid
         };
     },

package/out-tsc/src/flow/actions/add_input_labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"add_input_labels.js","sourceRoot":"","sources":["../../../../src/flow/actions/add_input_labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAsB,EAAE,EAAE;QAC9C,OAAO,IAAI,CAAA,QAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxE,CAAC;IAED,6BAA6B;IAC7B,UAAU,EAAE,CAAC,MAAsB,EAAE,EAAE;QACrC,OAAO;YACL,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,EAAE;YAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,QAAQ,EACN,wEAAwE;YAC1E,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;YAC9D,WAAW,EAAE,IAAI;YACjB,qBAAqB,EAAE,CAAC,KAAa,EAAE,OAAc,EAAE,EAAE;gBACvD,iDAAiD;gBACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAC3B,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAClE,CAAC;gBACF,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC;oBAC9B,OAAO;wBACL,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;wBAClB,SAAS,EAAE,IAAI;qBAChB,CAAC;gBACJ,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF;IACD,YAAY,EAAE,CAAC,QAAa,EAAkB,EAAE;QAC9C,OAAO;YACL,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,kBAAkB;YACxB,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;SAC9B,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS } from '../types';\nimport { Node, AddInputLabels } from '../../store/flow-definition';\nimport { renderNamedObjects } from '../utils';\n\nexport const add_input_labels: ActionConfig = {\n  name: 'Add Input Labels',\n  color: COLORS.save,\n  render: (_node: Node, action: AddInputLabels) => {\n    return html`<div>${renderNamedObjects(action.labels, 'label')}</div>`;\n  },\n\n  // Form-level transformations\n  toFormData: (action: AddInputLabels) => {\n    return {\n      labels: action.labels || [],\n      uuid: action.uuid\n    };\n  },\n  form: {\n    labels: {\n      type: 'select',\n      label: 'Labels',\n      helpText:\n        'Select labels to add to the input. Type a new label name to create it.',\n      required: true,\n      options: [],\n      multi: true,\n      searchable: true,\n      endpoint: '/api/v2/labels.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      placeholder: 'Search for labels or type to create new ones...',\n      allowCreate: true,\n      createArbitraryOption: (input: string, options: any[]) => {\n        // Check if a label with this name already exists\n        const existing = options.find(\n          (option) =>\n            option.name.toLowerCase().trim() === input.toLowerCase().trim()\n        );\n        if (!existing && input.trim()) {\n          return {\n            name: input.trim(),\n            arbitrary: true\n          };\n        }\n        return null;\n      }\n    }\n  },\n  fromFormData: (formData: any): AddInputLabels => {\n    return {\n      uuid: formData.uuid,\n      type: 'add_input_labels',\n      labels: formData.labels || []\n    };\n  }\n};\n"]}
+{"version":3,"file":"add_input_labels.js","sourceRoot":"","sources":["../../../../src/flow/actions/add_input_labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,aAAa,EAAY,MAAM,UAAU,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,aAAa,CAAC,IAAI;IACzB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAsB,EAAE,EAAE;QAC9C,OAAO,IAAI,CAAA,QAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxE,CAAC;IAED,6BAA6B;IAC7B,UAAU,EAAE,CAAC,MAAsB,EAAE,EAAE;QACrC,OAAO;YACL,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,IAAI;YAC7B,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,QAAQ,EACN,wEAAwE;YAC1E,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;YAC9D,WAAW,EAAE,IAAI;YACjB,qBAAqB,EAAE,CAAC,KAAa,EAAE,OAAc,EAAE,EAAE;gBACvD,iDAAiD;gBACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAC3B,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAClE,CAAC;gBACF,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC;oBAC9B,OAAO;wBACL,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;wBAClB,SAAS,EAAE,IAAI;qBAChB,CAAC;gBACJ,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF;IACD,YAAY,EAAE,CAAC,QAAkB,EAAkB,EAAE;QACnD,OAAO;YACL,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,kBAAkB;YACxB,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;SAC9B,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, ACTION_GROUPS, FormData } from '../types';\nimport { Node, AddInputLabels } from '../../store/flow-definition';\nimport { renderNamedObjects } from '../utils';\n\nexport const add_input_labels: ActionConfig = {\n  name: 'Add Input Labels',\n  group: ACTION_GROUPS.save,\n  render: (_node: Node, action: AddInputLabels) => {\n    return html`<div>${renderNamedObjects(action.labels, 'label')}</div>`;\n  },\n\n  // Form-level transformations\n  toFormData: (action: AddInputLabels) => {\n    return {\n      labels: action.labels || null,\n      uuid: action.uuid\n    };\n  },\n  form: {\n    labels: {\n      type: 'select',\n      label: 'Labels',\n      helpText:\n        'Select labels to add to the input. Type a new label name to create it.',\n      required: true,\n      options: [],\n      multi: true,\n      searchable: true,\n      endpoint: '/api/v2/labels.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      placeholder: 'Search for labels or type to create new ones...',\n      allowCreate: true,\n      createArbitraryOption: (input: string, options: any[]) => {\n        // Check if a label with this name already exists\n        const existing = options.find(\n          (option) =>\n            option.name.toLowerCase().trim() === input.toLowerCase().trim()\n        );\n        if (!existing && input.trim()) {\n          return {\n            name: input.trim(),\n            arbitrary: true\n          };\n        }\n        return null;\n      }\n    }\n  },\n  fromFormData: (formData: FormData): AddInputLabels => {\n    return {\n      uuid: formData.uuid,\n      type: 'add_input_labels',\n      labels: formData.labels || []\n    };\n  }\n};\n"]}

package/out-tsc/src/flow/actions/play_audio.js

@@ -1,8 +1,8 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 export const play_audio = {
     name: 'Play Audio',
-    color: COLORS.send,
+    group: ACTION_GROUPS.send,
     render: (_node, _action) => {
         // This will need to be implemented based on the actual render logic
         return html `<div>Play Audio</div>`;

package/out-tsc/src/flow/actions/play_audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"play_audio.js","sourceRoot":"","sources":["../../../../src/flow/actions/play_audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGhD,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,MAAM,EAAE,CAAC,KAAW,EAAE,OAAkB,EAAE,EAAE;QAC1C,oEAAoE;QACpE,OAAO,IAAI,CAAA,uBAAuB,CAAC;IACrC,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS } from '../types';\nimport { Node, PlayAudio } from '../../store/flow-definition';\n\nexport const play_audio: ActionConfig = {\n  name: 'Play Audio',\n  color: COLORS.send,\n  render: (_node: Node, _action: PlayAudio) => {\n    // This will need to be implemented based on the actual render logic\n    return html`<div>Play Audio</div>`;\n  }\n};\n"]}
+{"version":3,"file":"play_audio.js","sourceRoot":"","sources":["../../../../src/flow/actions/play_audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,aAAa,EAAE,MAAM,UAAU,CAAC;AAGvD,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa,CAAC,IAAI;IACzB,MAAM,EAAE,CAAC,KAAW,EAAE,OAAkB,EAAE,EAAE;QAC1C,oEAAoE;QACpE,OAAO,IAAI,CAAA,uBAAuB,CAAC;IACrC,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, ACTION_GROUPS } from '../types';\nimport { Node, PlayAudio } from '../../store/flow-definition';\n\nexport const play_audio: ActionConfig = {\n  name: 'Play Audio',\n  group: ACTION_GROUPS.send,\n  render: (_node: Node, _action: PlayAudio) => {\n    // This will need to be implemented based on the actual render logic\n    return html`<div>Play Audio</div>`;\n  }\n};\n"]}

package/out-tsc/src/flow/actions/remove_contact_groups.js

@@ -1,9 +1,9 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 import { renderNamedObjects } from '../utils';
 export const remove_contact_groups = {
     name: 'Remove from Group',
-    color: COLORS.update,
+    group: ACTION_GROUPS.contacts,
     render: (_node, action) => {
         if (action.all_groups) {
             return html `<div>Remove from all groups</div>`;
@@ -14,7 +14,7 @@ export const remove_contact_groups = {
         return {
             uuid: action.uuid,
             all_groups: action.all_groups || false,
-            groups: action.groups || []
+            groups: action.groups || null
         };
     },
     form: {
@@ -39,9 +39,10 @@ export const remove_contact_groups = {
             helpText: 'Check this to remove the contact from all groups instead of specific ones'
         }
     },
-    validate: (action) => {
+    validate: (formData) => {
         const errors = {};
-        if (!action.all_groups && (!action.groups || action.groups.length === 0)) {
+        if (!formData.all_groups &&
+            (!formData.groups || formData.groups.length === 0)) {
             errors.groups =
                 'At least one group must be selected or check "Remove from All Groups"';
         }

package/out-tsc/src/flow/actions/remove_contact_groups.js.map

@@ -1 +1 @@
-{"version":3,"file":"remove_contact_groups.js","sourceRoot":"","sources":["../../../../src/flow/actions/remove_contact_groups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAoB,MAAM,UAAU,CAAC;AAElE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM;IACpB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAuB,EAAE,EAAE;QAC/C,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA,mCAAmC,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAA,QAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxE,CAAC;IACD,UAAU,EAAE,CAAC,MAAuB,EAAE,EAAE;QACtC,OAAO;YACL,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,KAAK;YACtC,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,EAAE;SAC5B,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,8CAA8C;YACxD,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sBAAsB;YACnC,UAAU,EAAE;gBACV,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,UAAU;aAC5C;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,wBAAwB;YAC/B,QAAQ,EACN,2EAA2E;SAC9E;KACF;IACD,QAAQ,EAAE,CAAC,MAAuB,EAAoB,EAAE;QACtD,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YACzE,MAAM,CAAC,MAAM;gBACX,uEAAuE,CAAC;QAC5E,CAAC;QAED,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;YACvC,MAAM;SACP,CAAC;IACJ,CAAC;IACD,YAAY,EAAE,CAAC,QAAa,EAAmB,EAAE;QAC/C,OAAO;YACL,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,uBAAuB;YAC7B,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE;YACxD,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,KAAK;SACzC,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS, ValidationResult } from '../types';\nimport { Node, RemoveFromGroup } from '../../store/flow-definition';\nimport { renderNamedObjects } from '../utils';\n\nexport const remove_contact_groups: ActionConfig = {\n  name: 'Remove from Group',\n  color: COLORS.update,\n  render: (_node: Node, action: RemoveFromGroup) => {\n    if (action.all_groups) {\n      return html`<div>Remove from all groups</div>`;\n    }\n    return html`<div>${renderNamedObjects(action.groups, 'group')}</div>`;\n  },\n  toFormData: (action: RemoveFromGroup) => {\n    return {\n      uuid: action.uuid,\n      all_groups: action.all_groups || false,\n      groups: action.groups || []\n    };\n  },\n  form: {\n    groups: {\n      type: 'select',\n      label: 'Groups',\n      helpText: 'Select the groups to remove the contact from',\n      options: [],\n      multi: true,\n      searchable: true,\n      endpoint: '/api/v2/groups.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      placeholder: 'Search for groups...',\n      conditions: {\n        visible: (formData) => !formData.all_groups\n      }\n    },\n    all_groups: {\n      type: 'checkbox',\n      label: 'Remove from All Groups',\n      helpText:\n        'Check this to remove the contact from all groups instead of specific ones'\n    }\n  },\n  validate: (action: RemoveFromGroup): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (!action.all_groups && (!action.groups || action.groups.length === 0)) {\n      errors.groups =\n        'At least one group must be selected or check \"Remove from All Groups\"';\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  },\n  fromFormData: (formData: any): RemoveFromGroup => {\n    return {\n      uuid: formData.uuid,\n      type: 'remove_contact_groups',\n      groups: formData.all_groups ? [] : formData.groups || [],\n      all_groups: formData.all_groups || false\n    };\n  }\n};\n"]}
+{"version":3,"file":"remove_contact_groups.js","sourceRoot":"","sources":["../../../../src/flow/actions/remove_contact_groups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAEL,aAAa,EAGd,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,aAAa,CAAC,QAAQ;IAC7B,MAAM,EAAE,CAAC,KAAW,EAAE,MAAuB,EAAE,EAAE;QAC/C,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA,mCAAmC,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAA,QAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxE,CAAC;IACD,UAAU,EAAE,CAAC,MAAuB,EAAE,EAAE;QACtC,OAAO;YACL,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,KAAK;YACtC,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,IAAI;SAC9B,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,8CAA8C;YACxD,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sBAAsB;YACnC,UAAU,EAAE;gBACV,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,UAAU;aAC5C;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,wBAAwB;YAC/B,QAAQ,EACN,2EAA2E;SAC9E;KACF;IACD,QAAQ,EAAE,CAAC,QAAkB,EAAoB,EAAE;QACjD,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,IACE,CAAC,QAAQ,CAAC,UAAU;YACpB,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,EAClD,CAAC;YACD,MAAM,CAAC,MAAM;gBACX,uEAAuE,CAAC;QAC5E,CAAC;QAED,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;YACvC,MAAM;SACP,CAAC;IACJ,CAAC;IACD,YAAY,EAAE,CAAC,QAAkB,EAAmB,EAAE;QACpD,OAAO;YACL,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,uBAAuB;YAC7B,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE;YACxD,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,KAAK;SACzC,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport {\n  ActionConfig,\n  ACTION_GROUPS,\n  FormData,\n  ValidationResult\n} from '../types';\nimport { Node, RemoveFromGroup } from '../../store/flow-definition';\nimport { renderNamedObjects } from '../utils';\n\nexport const remove_contact_groups: ActionConfig = {\n  name: 'Remove from Group',\n  group: ACTION_GROUPS.contacts,\n  render: (_node: Node, action: RemoveFromGroup) => {\n    if (action.all_groups) {\n      return html`<div>Remove from all groups</div>`;\n    }\n    return html`<div>${renderNamedObjects(action.groups, 'group')}</div>`;\n  },\n  toFormData: (action: RemoveFromGroup) => {\n    return {\n      uuid: action.uuid,\n      all_groups: action.all_groups || false,\n      groups: action.groups || null\n    };\n  },\n  form: {\n    groups: {\n      type: 'select',\n      label: 'Groups',\n      helpText: 'Select the groups to remove the contact from',\n      options: [],\n      multi: true,\n      searchable: true,\n      endpoint: '/api/v2/groups.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      placeholder: 'Search for groups...',\n      conditions: {\n        visible: (formData) => !formData.all_groups\n      }\n    },\n    all_groups: {\n      type: 'checkbox',\n      label: 'Remove from All Groups',\n      helpText:\n        'Check this to remove the contact from all groups instead of specific ones'\n    }\n  },\n  validate: (formData: FormData): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (\n      !formData.all_groups &&\n      (!formData.groups || formData.groups.length === 0)\n    ) {\n      errors.groups =\n        'At least one group must be selected or check \"Remove from All Groups\"';\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  },\n  fromFormData: (formData: FormData): RemoveFromGroup => {\n    return {\n      uuid: formData.uuid,\n      type: 'remove_contact_groups',\n      groups: formData.all_groups ? [] : formData.groups || [],\n      all_groups: formData.all_groups || false\n    };\n  }\n};\n"]}

package/out-tsc/src/flow/actions/request_optin.js

@@ -1,8 +1,8 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 export const request_optin = {
     name: 'Request Opt-in',
-    color: COLORS.send,
+    group: ACTION_GROUPS.send,
     render: (_node, _action) => {
         // This will need to be implemented based on the actual render logic
         return html `<div>Request Opt-in</div>`;

package/out-tsc/src/flow/actions/request_optin.js.map

@@ -1 +1 @@
-{"version":3,"file":"request_optin.js","sourceRoot":"","sources":["../../../../src/flow/actions/request_optin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGhD,MAAM,CAAC,MAAM,aAAa,GAAiB;IACzC,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,MAAM,EAAE,CAAC,KAAW,EAAE,OAAqB,EAAE,EAAE;QAC7C,oEAAoE;QACpE,OAAO,IAAI,CAAA,2BAA2B,CAAC;IACzC,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS } from '../types';\nimport { Node, RequestOptin } from '../../store/flow-definition';\n\nexport const request_optin: ActionConfig = {\n  name: 'Request Opt-in',\n  color: COLORS.send,\n  render: (_node: Node, _action: RequestOptin) => {\n    // This will need to be implemented based on the actual render logic\n    return html`<div>Request Opt-in</div>`;\n  }\n};\n"]}
+{"version":3,"file":"request_optin.js","sourceRoot":"","sources":["../../../../src/flow/actions/request_optin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,aAAa,EAAE,MAAM,UAAU,CAAC;AAGvD,MAAM,CAAC,MAAM,aAAa,GAAiB;IACzC,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,aAAa,CAAC,IAAI;IACzB,MAAM,EAAE,CAAC,KAAW,EAAE,OAAqB,EAAE,EAAE;QAC7C,oEAAoE;QACpE,OAAO,IAAI,CAAA,2BAA2B,CAAC;IACzC,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, ACTION_GROUPS } from '../types';\nimport { Node, RequestOptin } from '../../store/flow-definition';\n\nexport const request_optin: ActionConfig = {\n  name: 'Request Opt-in',\n  group: ACTION_GROUPS.send,\n  render: (_node: Node, _action: RequestOptin) => {\n    // This will need to be implemented based on the actual render logic\n    return html`<div>Request Opt-in</div>`;\n  }\n};\n"]}

package/out-tsc/src/flow/actions/say_msg.js

@@ -1,8 +1,8 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 export const say_msg = {
     name: 'Say Message',
-    color: COLORS.send,
+    group: ACTION_GROUPS.send,
     render: (_node, _action) => {
         // This will need to be implemented based on the actual render logic
         return html `<div>Say Message</div>`;

package/out-tsc/src/flow/actions/say_msg.js.map

@@ -1 +1 @@
-{"version":3,"file":"say_msg.js","sourceRoot":"","sources":["../../../../src/flow/actions/say_msg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGhD,MAAM,CAAC,MAAM,OAAO,GAAiB;IACnC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,MAAM,EAAE,CAAC,KAAW,EAAE,OAAe,EAAE,EAAE;QACvC,oEAAoE;QACpE,OAAO,IAAI,CAAA,wBAAwB,CAAC;IACtC,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS } from '../types';\nimport { Node, SayMsg } from '../../store/flow-definition';\n\nexport const say_msg: ActionConfig = {\n  name: 'Say Message',\n  color: COLORS.send,\n  render: (_node: Node, _action: SayMsg) => {\n    // This will need to be implemented based on the actual render logic\n    return html`<div>Say Message</div>`;\n  }\n};\n"]}
+{"version":3,"file":"say_msg.js","sourceRoot":"","sources":["../../../../src/flow/actions/say_msg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,aAAa,EAAE,MAAM,UAAU,CAAC;AAGvD,MAAM,CAAC,MAAM,OAAO,GAAiB;IACnC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,aAAa,CAAC,IAAI;IACzB,MAAM,EAAE,CAAC,KAAW,EAAE,OAAe,EAAE,EAAE;QACvC,oEAAoE;QACpE,OAAO,IAAI,CAAA,wBAAwB,CAAC;IACtC,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, ACTION_GROUPS } from '../types';\nimport { Node, SayMsg } from '../../store/flow-definition';\n\nexport const say_msg: ActionConfig = {\n  name: 'Say Message',\n  group: ACTION_GROUPS.send,\n  render: (_node: Node, _action: SayMsg) => {\n    // This will need to be implemented based on the actual render logic\n    return html`<div>Say Message</div>`;\n  }\n};\n"]}

package/out-tsc/src/flow/actions/send_broadcast.js

@@ -1,33 +1,86 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
-import { renderNamedObjects } from '../utils';
+import { ACTION_GROUPS } from '../types';
+import { renderStringList } from '../utils';
+import { Icon } from '../../Icons';
 export const send_broadcast = {
     name: 'Send Broadcast',
-    color: COLORS.broadcast,
+    group: ACTION_GROUPS.broadcast,
     render: (_node, action) => {
-        const hasGroups = action.groups && action.groups.length > 0;
-        const hasContacts = action.contacts && action.contacts.length > 0;
+        const recipients = [
+            ...(action.contacts || []).map((c) => c.name),
+            ...(action.groups || []).map((g) => g.name)
+        ];
         return html `<div>
-      <div
-        style="word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; margin-bottom: 0.5em"
-      >
-        ${action.text}
+      <div>${renderStringList(recipients, Icon.contacts)}</div>
+      <div style="margin-top: 0.5em">
+        <div
+          style="word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;"
+        >
+          ${action.text}
+        </div>
       </div>
-      ${hasGroups
-            ? html `<div style="margin-bottom: 0.25em">
-            <div style="font-weight: bold; margin-bottom: 0.25em">Groups:</div>
-            ${renderNamedObjects(action.groups, 'group')}
-          </div>`
-            : null}
-      ${hasContacts
-            ? html `<div>
-            <div style="font-weight: bold; margin-bottom: 0.25em">
-              Contacts:
-            </div>
-            ${renderNamedObjects(action.contacts, 'contact')}
-          </div>`
-            : null}
     </div>`;
+    },
+    form: {
+        recipients: {
+            type: 'select',
+            label: 'Recipients',
+            helpText: 'Select the contacts or groups to receive the broadcast',
+            options: [],
+            multi: true,
+            searchable: true,
+            endpoint: '/api/v2/contacts.json',
+            valueKey: 'uuid',
+            nameKey: 'name',
+            placeholder: 'Search for contacts or groups...',
+            required: true
+        },
+        text: {
+            type: 'message-editor',
+            label: 'Message',
+            helpText: 'Enter the message to send with optional attachments. You can use expressions like @contact.name',
+            required: true,
+            evaluated: true,
+            placeholder: 'Type your message here...',
+            maxAttachments: 10,
+            accept: '',
+            endpoint: '/api/v2/media.json',
+            counter: 'temba-charcount',
+            gsm: true,
+            autogrow: true
+        }
+    },
+    layout: ['recipients', 'text'],
+    toFormData: (action) => {
+        return {
+            uuid: action.uuid,
+            recipients: [...(action.contacts || []), ...(action.groups || [])],
+            text: action.text || '',
+            attachments: action.attachments || []
+        };
+    },
+    fromFormData: (formData) => {
+        const recipients = formData.recipients || [];
+        const contacts = recipients.filter((r) => !r.group);
+        const groups = recipients.filter((r) => r.group);
+        const result = {
+            uuid: formData.uuid,
+            type: 'send_broadcast',
+            text: formData.text || '',
+            contacts,
+            groups,
+            attachments: formData.attachments || []
+        };
+        // Remove empty attachments array to match original format
+        if (result.attachments.length === 0) {
+            delete result.attachments;
+        }
+        return result;
+    },
+    sanitize: (formData) => {
+        if (formData.text && typeof formData.text === 'string') {
+            formData.text = formData.text.trim();
+        }
     }
 };
 //# sourceMappingURL=send_broadcast.js.map

package/out-tsc/src/flow/actions/send_broadcast.js.map

@@ -1 +1 @@
-{"version":3,"file":"send_broadcast.js","sourceRoot":"","sources":["../../../../src/flow/actions/send_broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC,SAAS;IACvB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAqB,EAAE,EAAE;QAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAElE,OAAO,IAAI,CAAA;;;;UAIL,MAAM,CAAC,IAAI;;QAEb,SAAS;YACT,CAAC,CAAC,IAAI,CAAA;;cAEA,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;iBACvC;YACT,CAAC,CAAC,IAAI;QACN,WAAW;YACX,CAAC,CAAC,IAAI,CAAA;;;;cAIA,kBAAkB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC;iBAC3C;YACT,CAAC,CAAC,IAAI;WACH,CAAC;IACV,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS } from '../types';\nimport { Node, SendBroadcast } from '../../store/flow-definition';\nimport { renderNamedObjects } from '../utils';\n\nexport const send_broadcast: ActionConfig = {\n  name: 'Send Broadcast',\n  color: COLORS.broadcast,\n  render: (_node: Node, action: SendBroadcast) => {\n    const hasGroups = action.groups && action.groups.length > 0;\n    const hasContacts = action.contacts && action.contacts.length > 0;\n\n    return html`<div>\n      <div\n        style=\"word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; margin-bottom: 0.5em\"\n      >\n        ${action.text}\n      </div>\n      ${hasGroups\n        ? html`<div style=\"margin-bottom: 0.25em\">\n            <div style=\"font-weight: bold; margin-bottom: 0.25em\">Groups:</div>\n            ${renderNamedObjects(action.groups, 'group')}\n          </div>`\n        : null}\n      ${hasContacts\n        ? html`<div>\n            <div style=\"font-weight: bold; margin-bottom: 0.25em\">\n              Contacts:\n            </div>\n            ${renderNamedObjects(action.contacts, 'contact')}\n          </div>`\n        : null}\n    </div>`;\n  }\n};\n"]}
+{"version":3,"file":"send_broadcast.js","sourceRoot":"","sources":["../../../../src/flow/actions/send_broadcast.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, ACTION_GROUPS, FormData } from '../types';\nimport { Node, SendBroadcast } from '../../store/flow-definition';\nimport { renderStringList } from '../utils';\nimport { Icon } from '../../Icons';\n\nexport const send_broadcast: ActionConfig = {\n  name: 'Send Broadcast',\n  group: ACTION_GROUPS.broadcast,\n  render: (_node: Node, action: SendBroadcast) => {\n    const recipients = [\n      ...(action.contacts || []).map((c) => c.name),\n      ...(action.groups || []).map((g) => g.name)\n    ];\n\n    return html`<div>\n      <div>${renderStringList(recipients, Icon.contacts)}</div>\n      <div style=\"margin-top: 0.5em\">\n        <div\n          style=\"word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;\"\n        >\n          ${action.text}\n        </div>\n      </div>\n    </div>`;\n  },\n\n  form: {\n    recipients: {\n      type: 'select',\n      label: 'Recipients',\n      helpText: 'Select the contacts or groups to receive the broadcast',\n      options: [],\n      multi: true,\n      searchable: true,\n      endpoint: '/api/v2/contacts.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      placeholder: 'Search for contacts or groups...',\n      required: true\n    },\n    text: {\n      type: 'message-editor',\n      label: 'Message',\n      helpText:\n        'Enter the message to send with optional attachments. You can use expressions like @contact.name',\n      required: true,\n      evaluated: true,\n      placeholder: 'Type your message here...',\n      maxAttachments: 10,\n      accept: '',\n      endpoint: '/api/v2/media.json',\n      counter: 'temba-charcount',\n      gsm: true,\n      autogrow: true\n    }\n  },\n\n  layout: ['recipients', 'text'],\n\n  toFormData: (action: SendBroadcast) => {\n    return {\n      uuid: action.uuid,\n      recipients: [...(action.contacts || []), ...(action.groups || [])],\n      text: action.text || '',\n      attachments: action.attachments || []\n    };\n  },\n\n  fromFormData: (formData: FormData): SendBroadcast => {\n    const recipients = formData.recipients || [];\n    const contacts = recipients.filter((r: any) => !r.group);\n    const groups = recipients.filter((r: any) => r.group);\n\n    const result: SendBroadcast = {\n      uuid: formData.uuid,\n      type: 'send_broadcast',\n      text: formData.text || '',\n      contacts,\n      groups,\n      attachments: formData.attachments || []\n    };\n\n    // Remove empty attachments array to match original format\n    if (result.attachments.length === 0) {\n      delete result.attachments;\n    }\n\n    return result;\n  },\n\n  sanitize: (formData: FormData): void => {\n    if (formData.text && typeof formData.text === 'string') {\n      formData.text = formData.text.trim();\n    }\n  }\n};\n"]}

package/out-tsc/src/flow/actions/send_email.js

@@ -1,10 +1,10 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 import { renderStringList } from '../utils';
 import { Icon } from '../../Icons';
 export const send_email = {
     name: 'Send Email',
-    color: COLORS.send,
+    group: ACTION_GROUPS.broadcast,
     render: (_node, action) => {
         return html `<div>
       <div>${renderStringList(action.addresses, Icon.email)}</div>
@@ -21,7 +21,6 @@ export const send_email = {
         addresses: {
             type: 'select',
             label: 'Recipients',
-            options: [],
             multi: true,
             searchable: true,
             placeholder: 'Search for contacts...',
@@ -50,9 +49,9 @@ export const send_email = {
             body: formData.body
         };
     },
-    validate: (action) => {
+    validate: (formData) => {
         const errors = {};
-        if (!action.addresses || action.addresses.length === 0) {
+        if (!formData.addresses || formData.addresses.length === 0) {
             errors.addresses = 'At least one recipient email address is required';
         }
         return {

package/out-tsc/src/flow/actions/send_email.js.map

@@ -1 +1 @@
-{"version":3,"file":"send_email.js","sourceRoot":"","sources":["../../../../src/flow/actions/send_email.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAoB,MAAM,UAAU,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAiB,EAAE,EAAE;QACzC,OAAO,IAAI,CAAA;aACF,gBAAgB,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC;;;;;YAK/C,MAAM,CAAC,OAAO;;;WAGf,CAAC;IACV,CAAC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,wBAAwB;YACrC,MAAM,EAAE,IAAI;SACb;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,qBAAqB;YAClC,SAAS,EAAE,GAAG;SACf;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,GAAG;SACf;KACF;IACD,YAAY,EAAE,CAAC,QAAa,EAAa,EAAE;QACzC,OAAO;YACL,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,CAC/B,CAAC,IAAqC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CACtD;YACD,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,IAAI,EAAE,QAAQ,CAAC,IAAI;SACpB,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,CAAC,MAAiB,EAAoB,EAAE;QAChD,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvD,MAAM,CAAC,SAAS,GAAG,kDAAkD,CAAC;QACxE,CAAC;QAED,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;YACvC,MAAM;SACP,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS, ValidationResult } from '../types';\nimport { Node, SendEmail } from '../../store/flow-definition';\nimport { renderStringList } from '../utils';\nimport { Icon } from '../../Icons';\n\nexport const send_email: ActionConfig = {\n  name: 'Send Email',\n  color: COLORS.send,\n  render: (_node: Node, action: SendEmail) => {\n    return html`<div>\n      <div>${renderStringList(action.addresses, Icon.email)}</div>\n      <div style=\"margin-top: 0.5em\">\n        <div\n          style=\"word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;\"\n        >\n          ${action.subject}\n        </div>\n      </div>\n    </div>`;\n  },\n  form: {\n    addresses: {\n      type: 'select',\n      label: 'Recipients',\n      options: [],\n      multi: true,\n      searchable: true,\n      placeholder: 'Search for contacts...',\n      emails: true\n    },\n    subject: {\n      type: 'text',\n      label: 'Subject',\n      required: true,\n      placeholder: 'Enter email subject',\n      maxLength: 255\n    },\n    body: {\n      type: 'textarea',\n      required: true,\n      evaluated: true,\n      minHeight: 175\n    }\n  },\n  fromFormData: (formData: any): SendEmail => {\n    return {\n      uuid: formData.uuid,\n      type: 'send_email',\n      addresses: formData.addresses.map(\n        (addr: { name: string; value: string }) => addr.value\n      ),\n      subject: formData.subject,\n      body: formData.body\n    };\n  },\n  validate: (action: SendEmail): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (!action.addresses || action.addresses.length === 0) {\n      errors.addresses = 'At least one recipient email address is required';\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  }\n};\n"]}
+{"version":3,"file":"send_email.js","sourceRoot":"","sources":["../../../../src/flow/actions/send_email.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAEL,aAAa,EAGd,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa,CAAC,SAAS;IAC9B,MAAM,EAAE,CAAC,KAAW,EAAE,MAAiB,EAAE,EAAE;QACzC,OAAO,IAAI,CAAA;aACF,gBAAgB,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC;;;;;YAK/C,MAAM,CAAC,OAAO;;;WAGf,CAAC;IACV,CAAC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,wBAAwB;YACrC,MAAM,EAAE,IAAI;SACb;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,qBAAqB;YAClC,SAAS,EAAE,GAAG;SACf;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,GAAG;SACf;KACF;IACD,YAAY,EAAE,CAAC,QAAkB,EAAa,EAAE;QAC9C,OAAO;YACL,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,CAC/B,CAAC,IAAqC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CACtD;YACD,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,IAAI,EAAE,QAAQ,CAAC,IAAI;SACpB,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,CAAC,QAAkB,EAAoB,EAAE;QACjD,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3D,MAAM,CAAC,SAAS,GAAG,kDAAkD,CAAC;QACxE,CAAC;QAED,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;YACvC,MAAM;SACP,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport {\n  ActionConfig,\n  ACTION_GROUPS,\n  FormData,\n  ValidationResult\n} from '../types';\nimport { Node, SendEmail } from '../../store/flow-definition';\nimport { renderStringList } from '../utils';\nimport { Icon } from '../../Icons';\n\nexport const send_email: ActionConfig = {\n  name: 'Send Email',\n  group: ACTION_GROUPS.broadcast,\n  render: (_node: Node, action: SendEmail) => {\n    return html`<div>\n      <div>${renderStringList(action.addresses, Icon.email)}</div>\n      <div style=\"margin-top: 0.5em\">\n        <div\n          style=\"word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;\"\n        >\n          ${action.subject}\n        </div>\n      </div>\n    </div>`;\n  },\n  form: {\n    addresses: {\n      type: 'select',\n      label: 'Recipients',\n      multi: true,\n      searchable: true,\n      placeholder: 'Search for contacts...',\n      emails: true\n    },\n    subject: {\n      type: 'text',\n      label: 'Subject',\n      required: true,\n      placeholder: 'Enter email subject',\n      maxLength: 255\n    },\n    body: {\n      type: 'textarea',\n      required: true,\n      evaluated: true,\n      minHeight: 175\n    }\n  },\n  fromFormData: (formData: FormData): SendEmail => {\n    return {\n      uuid: formData.uuid,\n      type: 'send_email',\n      addresses: formData.addresses.map(\n        (addr: { name: string; value: string }) => addr.value\n      ),\n      subject: formData.subject,\n      body: formData.body\n    };\n  },\n  validate: (formData: FormData): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (!formData.addresses || formData.addresses.length === 0) {\n      errors.addresses = 'At least one recipient email address is required';\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  }\n};\n"]}

package/out-tsc/src/flow/actions/send_msg.js

@@ -1,10 +1,10 @@
 import { html } from 'lit-html';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 import { titleCase } from '../../utils';
 export const send_msg = {
     name: 'Send Message',
-    color: COLORS.send,
+    group: ACTION_GROUPS.send,
     render: (_node, action) => {
         var _a;
         const text = action.text.replace(/\n/g, '<br>');
@@ -169,29 +169,19 @@ export const send_msg = {
             formData.text = formData.text.trim();
         }
     },
-    validate: (action) => {
+    validate: (formData) => {
         const errors = {};
-        if (!action.text || action.text.trim() === '') {
-            errors.text = 'Message text is required';
-        }
-        const attachments = action.attachments || [];
-        if (attachments.length > 10) {
-            const staticAttachments = attachments.filter((attachment) => typeof attachment === 'string' &&
-                attachment.substring(0, attachment.indexOf(':')).includes('/'));
-            const runtimeAttachments = attachments.filter((attachment) => typeof attachment === 'string' &&
-                !attachment.substring(0, attachment.indexOf(':')).includes('/'));
+        // Check total attachment count (static + runtime should not exceed 10)
+        const staticAttachments = formData.attachments || [];
+        const runtimeAttachments = (formData.runtime_attachments || []).filter((item) => item && item.expression && item.expression.trim() !== '');
+        const totalAttachments = staticAttachments.length + runtimeAttachments.length;
+        if (totalAttachments > 10) {
             if (runtimeAttachments.length > 0) {
                 errors.runtime_attachments =
                     'Each message can only have up to 10 attachments';
             }
             if (staticAttachments.length > 0) {
-                const message = 'Each message can only have up to 10 total attachments';
-                if (errors.text) {
-                    errors.text += ` ${message}`;
-                }
-                else {
-                    errors.text = message;
-                }
+                errors.text = 'Each message can only have up to 10 total attachments';
             }
         }
         return {

package/out-tsc/src/flow/actions/send_msg.js.map

@@ -1 +1 @@
-{"version":3,"file":"send_msg.js","sourceRoot":"","sources":["../../../../src/flow/actions/send_msg.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { ActionConfig, COLORS, ValidationResult } from '../types';\nimport { Node, SendMsg } from '../../store/flow-definition';\nimport { titleCase } from '../../utils';\n\nexport const send_msg: ActionConfig = {\n  name: 'Send Message',\n  color: COLORS.send,\n  render: (_node: Node, action: SendMsg) => {\n    const text = action.text.replace(/\\n/g, '<br>');\n    return html`\n      ${unsafeHTML(text)}\n      ${action.quick_replies?.length > 0\n        ? html`<div class=\"quick-replies\">\n            ${action.quick_replies.map((reply) => {\n              return html`<div class=\"quick-reply\">${reply}</div>`;\n            })}\n            ${action.template\n              ? html`<div\n                  style=\"border: 1px solid var(--color-widget-border);padding: 0.5em;margin-top: 1em;border-radius: var(--curvature); display:flex;background: rgba(0,0,0,.03);\"\n                >\n                  <temba-icon name=\"channel_wac\"></temba-icon>\n                  <div style=\"margin-left:0.5em\">${action.template.name}</div>\n                </div>`\n              : null}\n          </div>`\n        : null}\n    `;\n  },\n  form: {\n    text: {\n      type: 'message-editor',\n      label: 'Message',\n      helpText:\n        'Enter the message to send with optional attachments. You can use expressions like @contact.name',\n      required: true,\n      evaluated: true,\n      placeholder: 'Type your message here...',\n      maxAttachments: 10,\n      accept: '',\n      endpoint: '/api/v2/media.json',\n      counter: 'temba-charcount',\n      gsm: true,\n      autogrow: true\n    },\n    quick_replies: {\n      type: 'select',\n      options: [],\n      multi: true,\n      tags: true,\n      searchable: true,\n      placeholder: 'Add quick replies...',\n      maxItems: 10,\n      evaluated: true\n    },\n    runtime_attachments: {\n      type: 'array',\n      helpText: 'Add dynamic attachments using expressions',\n      itemLabel: 'Attachment',\n      sortable: true,\n      maxItems: 10,\n      isEmptyItem: (item: any) => {\n        return !item.expression || item.expression.trim() === '';\n      },\n      itemConfig: {\n        type: {\n          type: 'select',\n          options: [\n            { value: 'image', name: 'Image' },\n            { value: 'audio', name: 'Audio' },\n            { value: 'video', name: 'Video' },\n            { value: 'document', name: 'Document' }\n          ],\n          required: true,\n          searchable: false\n        },\n        expression: {\n          type: 'text',\n          placeholder: 'Expression (e.g. @contact.photo)',\n          required: true,\n          evaluated: true\n        }\n      }\n    }\n  },\n  layout: [\n    'text',\n    {\n      type: 'group',\n      label: 'Quick Replies',\n      items: ['quick_replies'],\n      collapsible: true,\n      collapsed: (formData: any) => {\n        // Collapse only if there are no quick replies\n        return !formData.quick_replies || formData.quick_replies.length === 0;\n      },\n      getGroupValueCount: (formData: any) => {\n        return formData.quick_replies?.length || 0;\n      }\n    },\n    {\n      type: 'group',\n      label: 'Runtime Attachments',\n      items: ['runtime_attachments'],\n      collapsible: true,\n      collapsed: true,\n      helpText: 'Add dynamic attachments that are evaluated at runtime',\n      getGroupValueCount: (formData: any) => {\n        return (\n          formData.runtime_attachments?.filter(\n            (item: any) =>\n              item && item.expression && item.expression.trim() !== ''\n          ).length || 0\n        );\n      }\n    }\n  ],\n  toFormData: (action: SendMsg) => {\n    // Extract runtime attachments from the text field attachments\n    const runtimeAttachments: {\n      type: { name: string; value: string };\n      expression: string;\n    }[] = [];\n    const staticAttachments: string[] = [];\n\n    if (action.attachments && Array.isArray(action.attachments)) {\n      action.attachments.forEach((attachment) => {\n        if (typeof attachment === 'string' && attachment.includes(':')) {\n          const colonIndex = attachment.indexOf(':');\n          const contentType = attachment.substring(0, colonIndex);\n          const value = attachment.substring(colonIndex + 1);\n\n          if (!contentType.includes('/')) {\n            runtimeAttachments.push({\n              type: { name: titleCase(contentType), value: contentType },\n              expression: value\n            });\n          } else {\n            staticAttachments.push(attachment);\n          }\n        }\n      });\n    }\n\n    return {\n      uuid: action.uuid,\n      text: action.text || '',\n      attachments: staticAttachments,\n      runtime_attachments: runtimeAttachments,\n      quick_replies: (action.quick_replies || []).map((reply) => ({\n        name: reply,\n        value: reply\n      }))\n    };\n  },\n  fromFormData: (data: Record<string, any>) => {\n    const result = {\n      uuid: data.uuid,\n      type: 'send_msg',\n      text: data.text || '',\n      attachments: [],\n      quick_replies: (data.quick_replies || []).map((reply: any) =>\n        typeof reply === 'string' ? reply : reply.value || reply.name || reply\n      )\n    };\n\n    // Combine static attachments from text field with runtime attachments\n    const staticAttachments = data.attachments || [];\n    const runtimeAttachments = (data.runtime_attachments || [])\n      .filter(\n        (item: {\n          type: [{ name: string; value: string }];\n          expression: string;\n        }) => item && item.type && item.expression\n      ) // Filter out invalid items\n      .map(\n        (item: {\n          type: [{ name: string; value: string }];\n          expression: string;\n        }) => `${item.type[0].value}:${item.expression}`\n      );\n\n    result.attachments = [...staticAttachments, ...runtimeAttachments];\n\n    // Remove quick_replies if empty to match original format\n    if (result.quick_replies.length === 0) {\n      delete (result as any).quick_replies;\n    }\n\n    return result as SendMsg;\n  },\n  sanitize: (formData: any): void => {\n    if (formData.text && typeof formData.text === 'string') {\n      formData.text = formData.text.trim();\n    }\n  },\n  validate: (action: SendMsg): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (!action.text || action.text.trim() === '') {\n      errors.text = 'Message text is required';\n    }\n\n    const attachments = action.attachments || [];\n    if (attachments.length > 10) {\n      const staticAttachments = attachments.filter(\n        (attachment) =>\n          typeof attachment === 'string' &&\n          attachment.substring(0, attachment.indexOf(':')).includes('/')\n      );\n\n      const runtimeAttachments = attachments.filter(\n        (attachment) =>\n          typeof attachment === 'string' &&\n          !attachment.substring(0, attachment.indexOf(':')).includes('/')\n      );\n\n      if (runtimeAttachments.length > 0) {\n        errors.runtime_attachments =\n          'Each message can only have up to 10 attachments';\n      }\n\n      if (staticAttachments.length > 0) {\n        const message = 'Each message can only have up to 10 total attachments';\n        if (errors.text) {\n          errors.text += ` ${message}`;\n        } else {\n          errors.text = message;\n        }\n      }\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  }\n};\n"]}
+{"version":3,"file":"send_msg.js","sourceRoot":"","sources":["../../../../src/flow/actions/send_msg.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport {\n  ActionConfig,\n  ACTION_GROUPS,\n  FormData,\n  ValidationResult\n} from '../types';\nimport { Node, SendMsg } from '../../store/flow-definition';\nimport { titleCase } from '../../utils';\n\nexport const send_msg: ActionConfig = {\n  name: 'Send Message',\n  group: ACTION_GROUPS.send,\n  render: (_node: Node, action: SendMsg) => {\n    const text = action.text.replace(/\\n/g, '<br>');\n    return html`\n      ${unsafeHTML(text)}\n      ${action.quick_replies?.length > 0\n        ? html`<div class=\"quick-replies\">\n            ${action.quick_replies.map((reply) => {\n              return html`<div class=\"quick-reply\">${reply}</div>`;\n            })}\n            ${action.template\n              ? html`<div\n                  style=\"border: 1px solid var(--color-widget-border);padding: 0.5em;margin-top: 1em;border-radius: var(--curvature); display:flex;background: rgba(0,0,0,.03);\"\n                >\n                  <temba-icon name=\"channel_wac\"></temba-icon>\n                  <div style=\"margin-left:0.5em\">${action.template.name}</div>\n                </div>`\n              : null}\n          </div>`\n        : null}\n    `;\n  },\n  form: {\n    text: {\n      type: 'message-editor',\n      label: 'Message',\n      helpText:\n        'Enter the message to send with optional attachments. You can use expressions like @contact.name',\n      required: true,\n      evaluated: true,\n      placeholder: 'Type your message here...',\n      maxAttachments: 10,\n      accept: '',\n      endpoint: '/api/v2/media.json',\n      counter: 'temba-charcount',\n      gsm: true,\n      autogrow: true\n    },\n    quick_replies: {\n      type: 'select',\n      options: [],\n      multi: true,\n      tags: true,\n      searchable: true,\n      placeholder: 'Add quick replies...',\n      maxItems: 10,\n      evaluated: true\n    },\n    runtime_attachments: {\n      type: 'array',\n      helpText: 'Add dynamic attachments using expressions',\n      itemLabel: 'Attachment',\n      sortable: true,\n      maxItems: 10,\n      isEmptyItem: (item: any) => {\n        return !item.expression || item.expression.trim() === '';\n      },\n      itemConfig: {\n        type: {\n          type: 'select',\n          options: [\n            { value: 'image', name: 'Image' },\n            { value: 'audio', name: 'Audio' },\n            { value: 'video', name: 'Video' },\n            { value: 'document', name: 'Document' }\n          ],\n          required: true,\n          searchable: false\n        },\n        expression: {\n          type: 'text',\n          placeholder: 'Expression (e.g. @contact.photo)',\n          required: true,\n          evaluated: true\n        }\n      }\n    }\n  },\n  layout: [\n    'text',\n    {\n      type: 'group',\n      label: 'Quick Replies',\n      items: ['quick_replies'],\n      collapsible: true,\n      collapsed: (formData: FormData) => {\n        // Collapse only if there are no quick replies\n        return !formData.quick_replies || formData.quick_replies.length === 0;\n      },\n      getGroupValueCount: (formData: FormData) => {\n        return formData.quick_replies?.length || 0;\n      }\n    },\n    {\n      type: 'group',\n      label: 'Runtime Attachments',\n      items: ['runtime_attachments'],\n      collapsible: true,\n      collapsed: true,\n      helpText: 'Add dynamic attachments that are evaluated at runtime',\n      getGroupValueCount: (formData: FormData) => {\n        return (\n          formData.runtime_attachments?.filter(\n            (item: any) =>\n              item && item.expression && item.expression.trim() !== ''\n          ).length || 0\n        );\n      }\n    }\n  ],\n  toFormData: (action: SendMsg) => {\n    // Extract runtime attachments from the text field attachments\n    const runtimeAttachments: {\n      type: { name: string; value: string };\n      expression: string;\n    }[] = [];\n    const staticAttachments: string[] = [];\n\n    if (action.attachments && Array.isArray(action.attachments)) {\n      action.attachments.forEach((attachment) => {\n        if (typeof attachment === 'string' && attachment.includes(':')) {\n          const colonIndex = attachment.indexOf(':');\n          const contentType = attachment.substring(0, colonIndex);\n          const value = attachment.substring(colonIndex + 1);\n\n          if (!contentType.includes('/')) {\n            runtimeAttachments.push({\n              type: { name: titleCase(contentType), value: contentType },\n              expression: value\n            });\n          } else {\n            staticAttachments.push(attachment);\n          }\n        }\n      });\n    }\n\n    return {\n      uuid: action.uuid,\n      text: action.text || '',\n      attachments: staticAttachments,\n      runtime_attachments: runtimeAttachments,\n      quick_replies: (action.quick_replies || []).map((reply) => ({\n        name: reply,\n        value: reply\n      }))\n    };\n  },\n  fromFormData: (data: FormData) => {\n    const result = {\n      uuid: data.uuid,\n      type: 'send_msg',\n      text: data.text || '',\n      attachments: [],\n      quick_replies: (data.quick_replies || []).map((reply: any) =>\n        typeof reply === 'string' ? reply : reply.value || reply.name || reply\n      )\n    };\n\n    // Combine static attachments from text field with runtime attachments\n    const staticAttachments = data.attachments || [];\n    const runtimeAttachments = (data.runtime_attachments || [])\n      .filter(\n        (item: {\n          type: [{ name: string; value: string }];\n          expression: string;\n        }) => item && item.type && item.expression\n      ) // Filter out invalid items\n      .map(\n        (item: {\n          type: [{ name: string; value: string }];\n          expression: string;\n        }) => `${item.type[0].value}:${item.expression}`\n      );\n\n    result.attachments = [...staticAttachments, ...runtimeAttachments];\n\n    // Remove quick_replies if empty to match original format\n    if (result.quick_replies.length === 0) {\n      delete (result as any).quick_replies;\n    }\n\n    return result as SendMsg;\n  },\n  sanitize: (formData: FormData): void => {\n    if (formData.text && typeof formData.text === 'string') {\n      formData.text = formData.text.trim();\n    }\n  },\n  validate: (formData: FormData): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    // Check total attachment count (static + runtime should not exceed 10)\n    const staticAttachments = formData.attachments || [];\n    const runtimeAttachments = (formData.runtime_attachments || []).filter(\n      (item: any) => item && item.expression && item.expression.trim() !== ''\n    );\n\n    const totalAttachments =\n      staticAttachments.length + runtimeAttachments.length;\n    if (totalAttachments > 10) {\n      if (runtimeAttachments.length > 0) {\n        errors.runtime_attachments =\n          'Each message can only have up to 10 attachments';\n      }\n      if (staticAttachments.length > 0) {\n        errors.text = 'Each message can only have up to 10 total attachments';\n      }\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  }\n};\n"]}

package/out-tsc/src/flow/actions/set_contact_channel.js

@@ -1,8 +1,8 @@
 import { html } from 'lit-html';
-import { COLORS } from '../types';
+import { ACTION_GROUPS } from '../types';
 export const set_contact_channel = {
     name: 'Update Channel',
-    color: COLORS.update,
+    group: ACTION_GROUPS.contacts,
     render: (_node, action) => {
         return html `<div>Set to <strong>${action.channel.name}</strong></div>`;
     },
@@ -19,14 +19,10 @@ export const set_contact_channel = {
             helpText: 'Select the channel to set for the contact'
         }
     },
-    validate: (formData) => {
-        const errors = {};
-        if (!formData.channel) {
-            errors.channel = 'Channel is required';
-        }
+    toFormData: (action) => {
         return {
-            valid: Object.keys(errors).length === 0,
-            errors
+            uuid: action.uuid,
+            channel: action.channel ? [action.channel] : null
         };
     }
 };

package/out-tsc/src/flow/actions/set_contact_channel.js.map

@@ -1 +1 @@
-{"version":3,"file":"set_contact_channel.js","sourceRoot":"","sources":["../../../../src/flow/actions/set_contact_channel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,MAAM,EAAoB,MAAM,UAAU,CAAC;AAGlE,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC,MAAM;IACpB,MAAM,EAAE,CAAC,KAAW,EAAE,MAAyB,EAAE,EAAE;QACjD,OAAO,IAAI,CAAA,uBAAuB,MAAM,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC;IACzE,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,uBAAuB;YACjC,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,2CAA2C;SACtD;KACF;IACD,QAAQ,EAAE,CAAC,QAA2B,EAAoB,EAAE;QAC1D,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtB,MAAM,CAAC,OAAO,GAAG,qBAAqB,CAAC;QACzC,CAAC;QAED,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;YACvC,MAAM;SACP,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, COLORS, ValidationResult } from '../types';\nimport { Node, SetContactChannel } from '../../store/flow-definition';\n\nexport const set_contact_channel: ActionConfig = {\n  name: 'Update Channel',\n  color: COLORS.update,\n  render: (_node: Node, action: SetContactChannel) => {\n    return html`<div>Set to <strong>${action.channel.name}</strong></div>`;\n  },\n  form: {\n    channel: {\n      type: 'select',\n      label: 'Channel',\n      required: true,\n      searchable: true,\n      clearable: false,\n      endpoint: '/api/v2/channels.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      helpText: 'Select the channel to set for the contact'\n    }\n  },\n  validate: (formData: SetContactChannel): ValidationResult => {\n    const errors: { [key: string]: string } = {};\n\n    if (!formData.channel) {\n      errors.channel = 'Channel is required';\n    }\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  }\n};\n"]}
+{"version":3,"file":"set_contact_channel.js","sourceRoot":"","sources":["../../../../src/flow/actions/set_contact_channel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAgB,aAAa,EAAE,MAAM,UAAU,CAAC;AAGvD,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,aAAa,CAAC,QAAQ;IAC7B,MAAM,EAAE,CAAC,KAAW,EAAE,MAAyB,EAAE,EAAE;QACjD,OAAO,IAAI,CAAA,uBAAuB,MAAM,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC;IACzE,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,uBAAuB;YACjC,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,2CAA2C;SACtD;KACF;IACD,UAAU,EAAE,CAAC,MAAyB,EAAE,EAAE;QACxC,OAAO;YACL,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;SAClD,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { ActionConfig, ACTION_GROUPS } from '../types';\nimport { Node, SetContactChannel } from '../../store/flow-definition';\n\nexport const set_contact_channel: ActionConfig = {\n  name: 'Update Channel',\n  group: ACTION_GROUPS.contacts,\n  render: (_node: Node, action: SetContactChannel) => {\n    return html`<div>Set to <strong>${action.channel.name}</strong></div>`;\n  },\n  form: {\n    channel: {\n      type: 'select',\n      label: 'Channel',\n      required: true,\n      searchable: true,\n      clearable: false,\n      endpoint: '/api/v2/channels.json',\n      valueKey: 'uuid',\n      nameKey: 'name',\n      helpText: 'Select the channel to set for the contact'\n    }\n  },\n  toFormData: (action: SetContactChannel) => {\n    return {\n      uuid: action.uuid,\n      channel: action.channel ? [action.channel] : null\n    };\n  }\n};\n"]}