@nyaruka/temba-components 0.131.2 → 0.131.3

package/out-tsc/src/flow/nodes/wait_for_response.js

@@ -1,7 +1,7 @@
-import { SPLIT_GROUPS } from '../types';
+import { SPLIT_GROUPS, FlowTypes } from '../types';
 import { generateUUID, createRulesRouter } from '../../utils';
 import { getWaitForResponseOperators, operatorsToSelectOptions, getOperatorConfig } from '../operators';
-import { resultNameField } from './shared';
+import { resultNameField, categoriesToLocalizationFormData, localizationFormDataToCategories } from './shared';
 import { createRulesArrayConfig, extractUserRules, casesToFormRules } from './shared-rules';
 const TIMEOUT_OPTIONS = [
     { value: '60', name: '1 minute' },
@@ -45,6 +45,7 @@ export const wait_for_response = {
     type: 'wait_for_response',
     name: 'Wait for Response',
     group: SPLIT_GROUPS.wait,
+    flowTypes: [FlowTypes.MESSAGE],
     dialogSize: 'large',
     form: {
         rules: createRulesArrayConfig(operatorsToSelectOptions(getWaitForResponseOperators()), 'Define rules to categorize responses'),
@@ -291,6 +292,10 @@ export const wait_for_response = {
             router: finalRouter,
             exits: exits
         };
-    }
+    },
+    // Localization support for categories
+    localizable: 'categories',
+    toLocalizationFormData: categoriesToLocalizationFormData,
+    fromLocalizationFormData: localizationFormDataToCategories
 };
 //# sourceMappingURL=wait_for_response.js.map

package/out-tsc/src/flow/nodes/wait_for_response.js.map

@@ -1 +1 @@
-{"version":3,"file":"wait_for_response.js","sourceRoot":"","sources":["../../../../src/flow/nodes/wait_for_response.ts"],"names":[],"mappings":"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","sourcesContent":["import { SPLIT_GROUPS, FormData, NodeConfig } from '../types';\nimport { Node, Category, Exit, Case } from '../../store/flow-definition';\nimport { generateUUID, createRulesRouter } from '../../utils';\nimport {\n  getWaitForResponseOperators,\n  operatorsToSelectOptions,\n  getOperatorConfig\n} from '../operators';\nimport { resultNameField } from './shared';\nimport {\n  createRulesArrayConfig,\n  extractUserRules,\n  casesToFormRules\n} from './shared-rules';\n\nconst TIMEOUT_OPTIONS = [\n  { value: '60', name: '1 minute' },\n  { value: '120', name: '2 minutes' },\n  { value: '180', name: '3 minutes' },\n  { value: '240', name: '4 minutes' },\n  { value: '300', name: '5 minutes' },\n  { value: '600', name: '10 minutes' },\n  { value: '900', name: '15 minutes' },\n  { value: '1800', name: '30 minutes' },\n  { value: '3600', name: '1 hour' },\n  { value: '7200', name: '2 hours' },\n  { value: '10800', name: '3 hours' },\n  { value: '21600', name: '6 hours' },\n  { value: '43200', name: '12 hours' },\n  { value: '64800', name: '18 hours' },\n  { value: '86400', name: '1 day' },\n  { value: '172800', name: '2 days' },\n  { value: '259200', name: '3 days' },\n  { value: '604800', name: '1 week' }\n];\n\n// Helper function to create a wait_for_response router with user rules\n// This is a thin wrapper around createRulesRouter that adds the No Response category for timeouts\nconst createWaitForResponseRouter = (\n  userRules: any[],\n  existingCategories: Category[] = [],\n  existingExits: Exit[] = [],\n  existingCases: Case[] = []\n) => {\n  const { router, exits } = createRulesRouter(\n    '@input.text',\n    userRules,\n    getOperatorConfig,\n    existingCategories,\n    existingExits,\n    existingCases\n  );\n\n  // Add \"No Response\" category last (if it exists in the original)\n  const existingNoResponseCategory = existingCategories.find(\n    (cat) => cat.name === 'No Response' || cat.name === 'Timeout'\n  );\n\n  if (existingNoResponseCategory) {\n    const existingNoResponseExit = existingExits.find(\n      (exit) => exit.uuid === existingNoResponseCategory.exit_uuid\n    );\n\n    if (existingNoResponseExit) {\n      router.categories.push(existingNoResponseCategory);\n      exits.push({\n        uuid: existingNoResponseExit.uuid,\n        destination_uuid: existingNoResponseExit.destination_uuid || null\n      });\n    }\n  }\n\n  return { router, exits };\n};\n\nexport const wait_for_response: NodeConfig = {\n  type: 'wait_for_response',\n  name: 'Wait for Response',\n  group: SPLIT_GROUPS.wait,\n  dialogSize: 'large',\n  form: {\n    rules: createRulesArrayConfig(\n      operatorsToSelectOptions(getWaitForResponseOperators()),\n      'Define rules to categorize responses'\n    ),\n    timeout_enabled: {\n      type: 'checkbox',\n      label: (formData: Record<string, any>) => {\n        return formData.timeout_enabled\n          ? 'Continue when there is no response for'\n          : 'Continue when there is no response..';\n      },\n      labelPadding: '4px 8px'\n    },\n    timeout_duration: {\n      type: 'select',\n      placeholder: '5 minutes',\n      multi: false,\n      maxWidth: '100px',\n      flavor: 'xsmall',\n      options: TIMEOUT_OPTIONS,\n\n      conditions: {\n        visible: (formData: Record<string, any>) => {\n          return formData.timeout_enabled === true;\n        }\n      }\n    },\n    result_name: resultNameField\n  },\n  layout: ['rules', 'result_name'],\n  gutter: [\n    {\n      type: 'row',\n      items: ['timeout_enabled', 'timeout_duration'],\n      gap: '0.5rem'\n    }\n  ],\n  validate: (_formData: FormData) => {\n    const errors: { [key: string]: string } = {};\n\n    // No validation needed - allow multiple rules to use same category name\n    // Rules with the same category name will be merged to use the same exit\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  },\n  toFormData: (node: Node) => {\n    // Extract rules from router cases using shared function\n    const rules = casesToFormRules(node);\n\n    // Extract timeout configuration\n    const timeoutSeconds = node.router?.wait?.timeout?.seconds;\n    let timeoutOption = TIMEOUT_OPTIONS.find(\n      (opt) => opt.value === String(timeoutSeconds)\n    );\n\n    if (!timeoutOption) {\n      timeoutOption = { value: '300', name: '5 minutes' };\n    }\n\n    return {\n      uuid: node.uuid,\n      rules: rules,\n      timeout_enabled: !!timeoutSeconds,\n      timeout_duration: timeoutOption,\n      result_name: node.router?.result_name || ''\n    };\n  },\n  fromFormData: (formData: FormData, originalNode: Node): Node => {\n    // Get user rules using shared extraction function\n    const userRules = extractUserRules(formData);\n\n    // If no user rules, clear cases but preserve other router config\n    if (userRules.length === 0) {\n      // Get existing router data for preservation\n      let existingCategories = originalNode.router?.categories || [];\n      const existingExits = [...(originalNode.exits || [])]; // Create a copy to avoid extensibility issues\n\n      // Handle timeout: ensure \"No Response\" category exists if timeout is enabled,\n      // or remove it if timeout is disabled\n      if (formData.timeout_enabled) {\n        let noResponseCategory = existingCategories.find(\n          (cat: any) => cat.name === 'No Response'\n        );\n\n        if (!noResponseCategory) {\n          // Create new \"No Response\" category and exit\n          const noResponseExitUuid = generateUUID();\n          noResponseCategory = {\n            uuid: generateUUID(),\n            name: 'No Response',\n            exit_uuid: noResponseExitUuid\n          };\n\n          // Add to existing categories for processing\n          existingCategories = [...existingCategories, noResponseCategory];\n\n          // Add corresponding exit if it doesn't exist\n          if (!existingExits.find((exit) => exit.uuid === noResponseExitUuid)) {\n            existingExits.push({\n              uuid: noResponseExitUuid,\n              destination_uuid: null\n            });\n          }\n        }\n      } else {\n        // If timeout is disabled, remove \"No Response\" category from existing categories\n        existingCategories = existingCategories.filter(\n          (cat: any) => cat.name !== 'No Response'\n        );\n      }\n\n      // Create router with \"All Responses\" as default category\n      // This will now properly handle the \"No Response\" category if it exists\n      const { router: noRulesRouter, exits: noRulesExits } =\n        createWaitForResponseRouter(\n          [], // No user rules\n          existingCategories,\n          existingExits,\n          [] // No cases\n        );\n\n      const router: any = {\n        ...noRulesRouter,\n        cases: [] // Clear all cases when no rules\n      };\n\n      // Only set result_name if provided\n      if (formData.result_name && formData.result_name.trim() !== '') {\n        router.result_name = formData.result_name.trim();\n      }\n\n      // Build wait configuration based on form data\n      const waitConfig: any = {\n        type: 'msg'\n      };\n\n      // Add timeout if enabled\n      if (formData.timeout_enabled) {\n        // Extract timeout value (handle both string and object formats)\n        let timeoutSeconds;\n\n        if (formData.timeout_duration) {\n          if (\n            Array.isArray(formData.timeout_duration) &&\n            formData.timeout_duration.length > 0\n          ) {\n            // Handle array of selected options (multi-select behavior)\n            timeoutSeconds = parseInt(formData.timeout_duration[0].value, 10);\n          } else if (typeof formData.timeout_duration === 'string') {\n            timeoutSeconds = parseInt(formData.timeout_duration, 10);\n          } else if (\n            formData.timeout_duration &&\n            typeof formData.timeout_duration === 'object' &&\n            formData.timeout_duration.value\n          ) {\n            timeoutSeconds = parseInt(formData.timeout_duration.value, 10);\n          } else {\n            timeoutSeconds = 300; // Default to 5 minutes\n          }\n        } else {\n          // No duration selected, use default\n          timeoutSeconds = 300; // Default to 5 minutes\n        }\n\n        // Validate that we got a valid number\n        if (isNaN(timeoutSeconds) || timeoutSeconds <= 0) {\n          timeoutSeconds = 300; // Default to 5 minutes\n        }\n\n        // Find the \"No Response\" category (should exist now)\n        const noResponseCategory = router.categories.find(\n          (cat: any) => cat.name === 'No Response'\n        );\n\n        if (noResponseCategory) {\n          waitConfig.timeout = {\n            seconds: timeoutSeconds,\n            category_uuid: noResponseCategory.uuid\n          };\n        }\n      }\n\n      router.wait = waitConfig;\n\n      return {\n        ...originalNode,\n        router,\n        exits: noRulesExits\n      };\n    }\n\n    // Get existing router data for preservation\n    const existingCategories = originalNode.router?.categories || [];\n    const existingExits = originalNode.exits || [];\n    const existingCases = originalNode.router?.cases || [];\n\n    // Create router and exits using existing data when possible\n    const { router, exits } = createWaitForResponseRouter(\n      userRules,\n      existingCategories,\n      existingExits,\n      existingCases\n    );\n\n    // Build final router with wait configuration and result_name\n    const finalRouter: any = {\n      ...router\n    };\n\n    // Only set result_name if provided\n    if (formData.result_name && formData.result_name.trim() !== '') {\n      finalRouter.result_name = formData.result_name.trim();\n    }\n\n    // Build wait configuration based on form data\n    const waitConfig: any = {\n      type: 'msg'\n    };\n\n    try {\n      // Handle timeout configuration\n      if (formData.timeout_enabled) {\n        // Extract timeout value (handle both string and object formats)\n        let timeoutSeconds;\n\n        if (formData.timeout_duration) {\n          try {\n            timeoutSeconds = parseInt(formData.timeout_duration[0].value, 10);\n          } catch (e) {\n            timeoutSeconds = 300; // Default to 5 minutes\n          }\n        }\n\n        // Find or create the \"No Response\" category\n        const existingNoResponseCategory =\n          originalNode.router?.categories?.find(\n            (cat: any) => cat.name === 'No Response'\n          );\n\n        const noResponseCategory = existingNoResponseCategory || {\n          uuid: generateUUID(),\n          name: 'No Response',\n          exit_uuid: generateUUID()\n        };\n\n        waitConfig.timeout = {\n          seconds: timeoutSeconds,\n          category_uuid: noResponseCategory.uuid\n        };\n\n        // Ensure No Response category and exit exist\n        if (\n          !router.categories?.some((cat: any) => cat.name === 'No Response')\n        ) {\n          router.categories = router.categories || [];\n          router.categories.push(noResponseCategory);\n\n          // Add corresponding exit if it doesn't exist\n          if (\n            !exits.some(\n              (exit: any) => exit.uuid === noResponseCategory.exit_uuid\n            )\n          ) {\n            const noResponseExit = {\n              uuid: noResponseCategory.exit_uuid,\n              destination_uuid: existingNoResponseCategory?.exit_uuid\n                ? originalNode.exits?.find(\n                    (exit) => exit.uuid === existingNoResponseCategory.exit_uuid\n                  )?.destination_uuid || null\n                : null\n            };\n            exits.push(noResponseExit);\n          }\n        }\n      } else {\n        // Remove \"No Response\" category if timeout is disabled\n        if (router.categories) {\n          const noResponseCategoryIndex = router.categories.findIndex(\n            (cat: any) => cat.name === 'No Response'\n          );\n          if (noResponseCategoryIndex !== -1) {\n            const noResponseCategory =\n              router.categories[noResponseCategoryIndex];\n\n            // Remove the category\n            router.categories.splice(noResponseCategoryIndex, 1);\n\n            // Remove corresponding exit\n            const exitIndex = exits.findIndex(\n              (exit: any) => exit.uuid === noResponseCategory.exit_uuid\n            );\n            if (exitIndex !== -1) {\n              exits.splice(exitIndex, 1);\n            }\n          }\n        }\n      }\n    } catch (error) {\n      console.error('Error processing timeout configuration:', error);\n      // Continue without timeout in case of error\n    }\n\n    finalRouter.wait = waitConfig;\n    return {\n      ...originalNode,\n      router: finalRouter,\n      exits: exits\n    };\n  }\n};\n"]}
+{"version":3,"file":"wait_for_response.js","sourceRoot":"","sources":["../../../../src/flow/nodes/wait_for_response.ts"],"names":[],"mappings":"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","sourcesContent":["import { SPLIT_GROUPS, FormData, NodeConfig, FlowTypes } from '../types';\nimport { Node, Category, Exit, Case } from '../../store/flow-definition';\nimport { generateUUID, createRulesRouter } from '../../utils';\nimport {\n  getWaitForResponseOperators,\n  operatorsToSelectOptions,\n  getOperatorConfig\n} from '../operators';\nimport {\n  resultNameField,\n  categoriesToLocalizationFormData,\n  localizationFormDataToCategories\n} from './shared';\nimport {\n  createRulesArrayConfig,\n  extractUserRules,\n  casesToFormRules\n} from './shared-rules';\n\nconst TIMEOUT_OPTIONS = [\n  { value: '60', name: '1 minute' },\n  { value: '120', name: '2 minutes' },\n  { value: '180', name: '3 minutes' },\n  { value: '240', name: '4 minutes' },\n  { value: '300', name: '5 minutes' },\n  { value: '600', name: '10 minutes' },\n  { value: '900', name: '15 minutes' },\n  { value: '1800', name: '30 minutes' },\n  { value: '3600', name: '1 hour' },\n  { value: '7200', name: '2 hours' },\n  { value: '10800', name: '3 hours' },\n  { value: '21600', name: '6 hours' },\n  { value: '43200', name: '12 hours' },\n  { value: '64800', name: '18 hours' },\n  { value: '86400', name: '1 day' },\n  { value: '172800', name: '2 days' },\n  { value: '259200', name: '3 days' },\n  { value: '604800', name: '1 week' }\n];\n\n// Helper function to create a wait_for_response router with user rules\n// This is a thin wrapper around createRulesRouter that adds the No Response category for timeouts\nconst createWaitForResponseRouter = (\n  userRules: any[],\n  existingCategories: Category[] = [],\n  existingExits: Exit[] = [],\n  existingCases: Case[] = []\n) => {\n  const { router, exits } = createRulesRouter(\n    '@input.text',\n    userRules,\n    getOperatorConfig,\n    existingCategories,\n    existingExits,\n    existingCases\n  );\n\n  // Add \"No Response\" category last (if it exists in the original)\n  const existingNoResponseCategory = existingCategories.find(\n    (cat) => cat.name === 'No Response' || cat.name === 'Timeout'\n  );\n\n  if (existingNoResponseCategory) {\n    const existingNoResponseExit = existingExits.find(\n      (exit) => exit.uuid === existingNoResponseCategory.exit_uuid\n    );\n\n    if (existingNoResponseExit) {\n      router.categories.push(existingNoResponseCategory);\n      exits.push({\n        uuid: existingNoResponseExit.uuid,\n        destination_uuid: existingNoResponseExit.destination_uuid || null\n      });\n    }\n  }\n\n  return { router, exits };\n};\n\nexport const wait_for_response: NodeConfig = {\n  type: 'wait_for_response',\n  name: 'Wait for Response',\n  group: SPLIT_GROUPS.wait,\n  flowTypes: [FlowTypes.MESSAGE],\n  dialogSize: 'large',\n  form: {\n    rules: createRulesArrayConfig(\n      operatorsToSelectOptions(getWaitForResponseOperators()),\n      'Define rules to categorize responses'\n    ),\n    timeout_enabled: {\n      type: 'checkbox',\n      label: (formData: Record<string, any>) => {\n        return formData.timeout_enabled\n          ? 'Continue when there is no response for'\n          : 'Continue when there is no response..';\n      },\n      labelPadding: '4px 8px'\n    },\n    timeout_duration: {\n      type: 'select',\n      placeholder: '5 minutes',\n      multi: false,\n      maxWidth: '100px',\n      flavor: 'xsmall',\n      options: TIMEOUT_OPTIONS,\n\n      conditions: {\n        visible: (formData: Record<string, any>) => {\n          return formData.timeout_enabled === true;\n        }\n      }\n    },\n    result_name: resultNameField\n  },\n  layout: ['rules', 'result_name'],\n  gutter: [\n    {\n      type: 'row',\n      items: ['timeout_enabled', 'timeout_duration'],\n      gap: '0.5rem'\n    }\n  ],\n  validate: (_formData: FormData) => {\n    const errors: { [key: string]: string } = {};\n\n    // No validation needed - allow multiple rules to use same category name\n    // Rules with the same category name will be merged to use the same exit\n\n    return {\n      valid: Object.keys(errors).length === 0,\n      errors\n    };\n  },\n  toFormData: (node: Node) => {\n    // Extract rules from router cases using shared function\n    const rules = casesToFormRules(node);\n\n    // Extract timeout configuration\n    const timeoutSeconds = node.router?.wait?.timeout?.seconds;\n    let timeoutOption = TIMEOUT_OPTIONS.find(\n      (opt) => opt.value === String(timeoutSeconds)\n    );\n\n    if (!timeoutOption) {\n      timeoutOption = { value: '300', name: '5 minutes' };\n    }\n\n    return {\n      uuid: node.uuid,\n      rules: rules,\n      timeout_enabled: !!timeoutSeconds,\n      timeout_duration: timeoutOption,\n      result_name: node.router?.result_name || ''\n    };\n  },\n  fromFormData: (formData: FormData, originalNode: Node): Node => {\n    // Get user rules using shared extraction function\n    const userRules = extractUserRules(formData);\n\n    // If no user rules, clear cases but preserve other router config\n    if (userRules.length === 0) {\n      // Get existing router data for preservation\n      let existingCategories = originalNode.router?.categories || [];\n      const existingExits = [...(originalNode.exits || [])]; // Create a copy to avoid extensibility issues\n\n      // Handle timeout: ensure \"No Response\" category exists if timeout is enabled,\n      // or remove it if timeout is disabled\n      if (formData.timeout_enabled) {\n        let noResponseCategory = existingCategories.find(\n          (cat: any) => cat.name === 'No Response'\n        );\n\n        if (!noResponseCategory) {\n          // Create new \"No Response\" category and exit\n          const noResponseExitUuid = generateUUID();\n          noResponseCategory = {\n            uuid: generateUUID(),\n            name: 'No Response',\n            exit_uuid: noResponseExitUuid\n          };\n\n          // Add to existing categories for processing\n          existingCategories = [...existingCategories, noResponseCategory];\n\n          // Add corresponding exit if it doesn't exist\n          if (!existingExits.find((exit) => exit.uuid === noResponseExitUuid)) {\n            existingExits.push({\n              uuid: noResponseExitUuid,\n              destination_uuid: null\n            });\n          }\n        }\n      } else {\n        // If timeout is disabled, remove \"No Response\" category from existing categories\n        existingCategories = existingCategories.filter(\n          (cat: any) => cat.name !== 'No Response'\n        );\n      }\n\n      // Create router with \"All Responses\" as default category\n      // This will now properly handle the \"No Response\" category if it exists\n      const { router: noRulesRouter, exits: noRulesExits } =\n        createWaitForResponseRouter(\n          [], // No user rules\n          existingCategories,\n          existingExits,\n          [] // No cases\n        );\n\n      const router: any = {\n        ...noRulesRouter,\n        cases: [] // Clear all cases when no rules\n      };\n\n      // Only set result_name if provided\n      if (formData.result_name && formData.result_name.trim() !== '') {\n        router.result_name = formData.result_name.trim();\n      }\n\n      // Build wait configuration based on form data\n      const waitConfig: any = {\n        type: 'msg'\n      };\n\n      // Add timeout if enabled\n      if (formData.timeout_enabled) {\n        // Extract timeout value (handle both string and object formats)\n        let timeoutSeconds;\n\n        if (formData.timeout_duration) {\n          if (\n            Array.isArray(formData.timeout_duration) &&\n            formData.timeout_duration.length > 0\n          ) {\n            // Handle array of selected options (multi-select behavior)\n            timeoutSeconds = parseInt(formData.timeout_duration[0].value, 10);\n          } else if (typeof formData.timeout_duration === 'string') {\n            timeoutSeconds = parseInt(formData.timeout_duration, 10);\n          } else if (\n            formData.timeout_duration &&\n            typeof formData.timeout_duration === 'object' &&\n            formData.timeout_duration.value\n          ) {\n            timeoutSeconds = parseInt(formData.timeout_duration.value, 10);\n          } else {\n            timeoutSeconds = 300; // Default to 5 minutes\n          }\n        } else {\n          // No duration selected, use default\n          timeoutSeconds = 300; // Default to 5 minutes\n        }\n\n        // Validate that we got a valid number\n        if (isNaN(timeoutSeconds) || timeoutSeconds <= 0) {\n          timeoutSeconds = 300; // Default to 5 minutes\n        }\n\n        // Find the \"No Response\" category (should exist now)\n        const noResponseCategory = router.categories.find(\n          (cat: any) => cat.name === 'No Response'\n        );\n\n        if (noResponseCategory) {\n          waitConfig.timeout = {\n            seconds: timeoutSeconds,\n            category_uuid: noResponseCategory.uuid\n          };\n        }\n      }\n\n      router.wait = waitConfig;\n\n      return {\n        ...originalNode,\n        router,\n        exits: noRulesExits\n      };\n    }\n\n    // Get existing router data for preservation\n    const existingCategories = originalNode.router?.categories || [];\n    const existingExits = originalNode.exits || [];\n    const existingCases = originalNode.router?.cases || [];\n\n    // Create router and exits using existing data when possible\n    const { router, exits } = createWaitForResponseRouter(\n      userRules,\n      existingCategories,\n      existingExits,\n      existingCases\n    );\n\n    // Build final router with wait configuration and result_name\n    const finalRouter: any = {\n      ...router\n    };\n\n    // Only set result_name if provided\n    if (formData.result_name && formData.result_name.trim() !== '') {\n      finalRouter.result_name = formData.result_name.trim();\n    }\n\n    // Build wait configuration based on form data\n    const waitConfig: any = {\n      type: 'msg'\n    };\n\n    try {\n      // Handle timeout configuration\n      if (formData.timeout_enabled) {\n        // Extract timeout value (handle both string and object formats)\n        let timeoutSeconds;\n\n        if (formData.timeout_duration) {\n          try {\n            timeoutSeconds = parseInt(formData.timeout_duration[0].value, 10);\n          } catch (e) {\n            timeoutSeconds = 300; // Default to 5 minutes\n          }\n        }\n\n        // Find or create the \"No Response\" category\n        const existingNoResponseCategory =\n          originalNode.router?.categories?.find(\n            (cat: any) => cat.name === 'No Response'\n          );\n\n        const noResponseCategory = existingNoResponseCategory || {\n          uuid: generateUUID(),\n          name: 'No Response',\n          exit_uuid: generateUUID()\n        };\n\n        waitConfig.timeout = {\n          seconds: timeoutSeconds,\n          category_uuid: noResponseCategory.uuid\n        };\n\n        // Ensure No Response category and exit exist\n        if (\n          !router.categories?.some((cat: any) => cat.name === 'No Response')\n        ) {\n          router.categories = router.categories || [];\n          router.categories.push(noResponseCategory);\n\n          // Add corresponding exit if it doesn't exist\n          if (\n            !exits.some(\n              (exit: any) => exit.uuid === noResponseCategory.exit_uuid\n            )\n          ) {\n            const noResponseExit = {\n              uuid: noResponseCategory.exit_uuid,\n              destination_uuid: existingNoResponseCategory?.exit_uuid\n                ? originalNode.exits?.find(\n                    (exit) => exit.uuid === existingNoResponseCategory.exit_uuid\n                  )?.destination_uuid || null\n                : null\n            };\n            exits.push(noResponseExit);\n          }\n        }\n      } else {\n        // Remove \"No Response\" category if timeout is disabled\n        if (router.categories) {\n          const noResponseCategoryIndex = router.categories.findIndex(\n            (cat: any) => cat.name === 'No Response'\n          );\n          if (noResponseCategoryIndex !== -1) {\n            const noResponseCategory =\n              router.categories[noResponseCategoryIndex];\n\n            // Remove the category\n            router.categories.splice(noResponseCategoryIndex, 1);\n\n            // Remove corresponding exit\n            const exitIndex = exits.findIndex(\n              (exit: any) => exit.uuid === noResponseCategory.exit_uuid\n            );\n            if (exitIndex !== -1) {\n              exits.splice(exitIndex, 1);\n            }\n          }\n        }\n      }\n    } catch (error) {\n      console.error('Error processing timeout configuration:', error);\n      // Continue without timeout in case of error\n    }\n\n    finalRouter.wait = waitConfig;\n    return {\n      ...originalNode,\n      router: finalRouter,\n      exits: exits\n    };\n  },\n\n  // Localization support for categories\n  localizable: 'categories',\n  toLocalizationFormData: categoriesToLocalizationFormData,\n  fromLocalizationFormData: localizationFormDataToCategories\n};\n"]}

package/out-tsc/src/flow/types.js

@@ -1,3 +1,18 @@
+/**
+ * Flow types - defines the type of flow being edited
+ */
+export const FlowTypes = {
+    MESSAGE: 'message',
+    VOICE: 'voice',
+    BACKGROUND: 'background'
+};
+/**
+ * Features - defines the features available in the account
+ */
+export const Features = {
+    AI: 'ai',
+    AIRTIME: 'airtime'
+};
 /**
  * Action group constants - single source of truth for action categorization
  * Use as const for compile-time type checking

package/out-tsc/src/flow/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/flow/types.ts"],"names":[],"mappings":"AAqQA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;CACV,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACN,CAAC;AAeX;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAuC;IACvE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,mDAAmD;KACjE;IACD,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;QACxB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,yCAAyC;KACvD;IACD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,iCAAiC;KAC/C;IACD,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;QACxB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,iCAAiC;KAC/C;IACD,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,qDAAqD;KACnE;IACD,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QACvB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,qCAAqC;KACnD;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAsC;IACrE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QACnB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,2CAA2C;KACzD;IACD,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,oCAAoC;KAClD;CACF,CAAC","sourcesContent":["import { TemplateResult } from 'lit-html';\nimport { Action, Node, NodeUI } from '../store/flow-definition';\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors: { [key: string]: string };\n}\n\n// Component attribute interfaces - these define what's allowed for each component type\nexport interface TextInputAttributes {\n  type?: 'text' | 'email' | 'number' | 'url' | 'tel';\n  placeholder?: string;\n  clearable?: boolean;\n  maxlength?: number;\n  gsm?: boolean;\n  autogrow?: boolean;\n  textarea?: boolean;\n  submitOnEnter?: boolean;\n}\n\nexport interface CompletionAttributes {\n  placeholder?: string;\n  clearable?: boolean;\n  maxlength?: number;\n  gsm?: boolean;\n  autogrow?: boolean;\n  textarea?: boolean;\n  expressions?: string;\n  counter?: string;\n  minHeight?: number;\n}\n\nexport interface SelectAttributes {\n  placeholder?: string;\n  multi?: boolean;\n  searchable?: boolean;\n  tags?: boolean;\n  emails?: boolean;\n  clearable?: boolean;\n  endpoint?: string;\n  valueKey?: string;\n  nameKey?: string;\n  queryParam?: string;\n  maxItems?: number;\n  maxItemsText?: string;\n  expressions?: string;\n  options?: Array<{ name: string; value: any }>;\n  sorted?: boolean;\n  allowCreate?: boolean;\n  jsonValue?: boolean;\n  spaceSelect?: boolean;\n  infoText?: string;\n}\n\nexport interface CheckboxAttributes {\n  label?: string;\n  size?: number;\n  disabled?: boolean;\n  animateChange?: string;\n}\n\nexport interface SliderAttributes {\n  min?: number;\n  max?: number;\n  range?: boolean;\n}\n\nexport interface FormData extends Record<string, any> {}\n\nexport interface FormConfig {\n  form?: Record<string, FieldConfig>;\n  layout?: LayoutItem[];\n  gutter?: LayoutItem[];\n  sanitize?: (formData: FormData) => void;\n  validate?: (formData: FormData) => ValidationResult;\n}\n\nexport interface NodeConfig extends FormConfig {\n  type: string;\n  name?: string;\n  group?: ActionGroup | SplitGroup; // Nodes can use either when showAsAction is true\n  dialogSize?: 'small' | 'medium' | 'large' | 'xlarge';\n  action?: ActionConfig;\n  showAsAction?: boolean; // if true, show in action dialog instead of splits (default: false - nodes show in splits)\n  router?: {\n    type: 'switch' | 'random';\n    defaultCategory?: string;\n    operand?: string;\n    configurable?: boolean; // can the rules be configured in the UI\n    rules?: {\n      type:\n        | 'has_number_between'\n        | 'has_string'\n        | 'has_value'\n        | 'has_not_value'\n        | 'has_text';\n      arguments: string[];\n      categoryName: string;\n    }[];\n  };\n\n  toFormData?: (node: Node, nodeUI?: any) => FormData;\n  fromFormData?: (formData: FormData, originalNode: Node) => Node;\n  toUIConfig?: (formData: FormData) => Record<string, any>;\n  render?: (node: Node, nodeUI?: any) => TemplateResult;\n  renderTitle?: (node: Node, nodeUI?: NodeUI) => TemplateResult;\n}\n\n// New field configuration system for generic form generation\nexport interface BaseFieldConfig {\n  label?: string | ((formData: Record<string, any>) => string);\n  required?: boolean;\n  evaluated?: boolean;\n  dependsOn?: string[];\n  computeValue?: (\n    values: Record<string, any>,\n    currentValue: any,\n    originalValues?: Record<string, any>\n  ) => any;\n\n  // Validation properties\n  minLength?: number;\n  maxLength?: number;\n  pattern?: string;\n  helpText?: string;\n\n  // Layout properties\n  maxWidth?: string;\n  width?: string;\n\n  // Conditional rendering\n  conditions?: {\n    visible?: (formData: Record<string, any>) => boolean;\n    disabled?: (formData: Record<string, any>) => boolean;\n  };\n\n  // Optional field with reveal link\n  // When set, the field is hidden by default and a link with this text is shown\n  // Clicking the link reveals the field permanently (can't be hidden again)\n  optionalLink?: string;\n}\n\nexport interface TextFieldConfig extends BaseFieldConfig {\n  type: 'text';\n  placeholder?: string;\n  flavor?: 'xsmall' | 'small' | 'large';\n}\n\nexport interface TextareaFieldConfig extends BaseFieldConfig {\n  type: 'textarea';\n  placeholder?: string;\n  rows?: number;\n  minHeight?: number;\n}\n\nexport interface SelectFieldConfig extends BaseFieldConfig {\n  type: 'select';\n  options?: string[] | { value: string; name: string }[];\n  multi?: boolean;\n  clearable?: boolean;\n  searchable?: boolean;\n  tags?: boolean;\n  placeholder?: string;\n  maxItems?: number;\n  valueKey?: string;\n  nameKey?: string;\n  endpoint?: string;\n  emails?: boolean;\n  getName?: (item: any) => string;\n  flavor?: 'xsmall' | 'small' | 'large';\n  createArbitraryOption?: (input: string, options: any[]) => any;\n  allowCreate?: boolean;\n  getDynamicOptions?: () => Array<{ value: string; name: string }>;\n}\n\nexport interface KeyValueFieldConfig extends BaseFieldConfig {\n  type: 'key-value';\n  sortable?: boolean;\n  keyPlaceholder?: string;\n  valuePlaceholder?: string;\n  minRows?: number;\n}\n\nexport interface ArrayFieldConfig extends BaseFieldConfig {\n  type: 'array';\n  itemConfig: Record<string, FieldConfig>;\n  sortable?: boolean;\n  minItems?: number;\n  maxItems?: number;\n  itemLabel?: string;\n  maintainEmptyItem?: boolean;\n  onItemChange?: (\n    itemIndex: number,\n    field: string,\n    value: any,\n    allItems: any[]\n  ) => any[];\n  isEmptyItem?: (item: any) => boolean;\n}\n\nexport interface CheckboxFieldConfig extends BaseFieldConfig {\n  type: 'checkbox';\n  size?: number;\n  animateChange?: string;\n  labelPadding?: string;\n}\n\nexport interface MessageEditorFieldConfig extends BaseFieldConfig {\n  type: 'message-editor';\n  placeholder?: string;\n  minHeight?: number;\n  maxAttachments?: number;\n  accept?: string;\n  endpoint?: string;\n  counter?: string;\n  gsm?: boolean;\n  autogrow?: boolean;\n  disableCompletion?: boolean;\n}\n\nexport type FieldConfig =\n  | TextFieldConfig\n  | TextareaFieldConfig\n  | SelectFieldConfig\n  | KeyValueFieldConfig\n  | ArrayFieldConfig\n  | CheckboxFieldConfig\n  | MessageEditorFieldConfig;\n\n// Layout configurations for better form organization\n// Recursive layout system - any layout item can contain other layout items\n\nexport interface FieldItemConfig {\n  type: 'field';\n  field: string; // field name to render\n}\n\nexport interface RowLayoutConfig {\n  type: 'row';\n  items: LayoutItem[]; // can contain fields, groups, or other rows\n  gap?: string; // CSS gap value, defaults to '1rem'\n  label?: string; // optional label for the entire row\n  helpText?: string; // optional help text for the entire row\n}\n\nexport interface GroupLayoutConfig {\n  type: 'group';\n  label: string;\n  items: LayoutItem[]; // can contain fields, rows, or other groups\n  collapsible?: boolean;\n  collapsed?: boolean | ((formData: FormData) => boolean); // initial state if collapsible - can be a function\n  helpText?: string;\n  getGroupValueCount?: (formData: FormData) => number; // optional function to get count for bubble display\n}\n\nexport type LayoutItem =\n  | FieldItemConfig\n  | RowLayoutConfig\n  | GroupLayoutConfig\n  | string; // string is shorthand for field\n\n/**\n * Action group constants - single source of truth for action categorization\n * Use as const for compile-time type checking\n */\nexport const ACTION_GROUPS = {\n  send: 'send',\n  contacts: 'contacts',\n  save: 'save',\n  services: 'services',\n  broadcast: 'broadcast',\n  trigger: 'trigger'\n} as const;\n\n/**\n * Split group constants - single source of truth for split categorization\n * Use as const for compile-time type checking\n */\nexport const SPLIT_GROUPS = {\n  wait: 'wait',\n  split: 'split'\n} as const;\n\n// Extract types from const objects for compile-time checking\nexport type ActionGroup = (typeof ACTION_GROUPS)[keyof typeof ACTION_GROUPS];\nexport type SplitGroup = (typeof SPLIT_GROUPS)[keyof typeof SPLIT_GROUPS];\n\n/**\n * Metadata for group display\n */\nexport interface GroupMetadata {\n  color: string;\n  title: string;\n  description: string;\n}\n\n/**\n * Action group metadata - defines display properties for each action group\n * Order in this object determines display order in action selector (top to bottom)\n */\nexport const ACTION_GROUP_METADATA: Record<ActionGroup, GroupMetadata> = {\n  [ACTION_GROUPS.send]: {\n    color: '#3498db',\n    title: 'Send',\n    description: 'Actions that send messages or content to contacts'\n  },\n  [ACTION_GROUPS.contacts]: {\n    color: '#01c1af',\n    title: 'Contact',\n    description: 'Actions that update contact information'\n  },\n  [ACTION_GROUPS.save]: {\n    color: '#1a777c',\n    title: 'Save',\n    description: 'Actions that save or store data'\n  },\n  [ACTION_GROUPS.services]: {\n    color: '#f79035ff',\n    title: 'Services',\n    description: 'Call external services and APIs'\n  },\n  [ACTION_GROUPS.broadcast]: {\n    color: '#8e5ea7',\n    title: 'Other People',\n    description: 'Actions that apply to others instead of the contact'\n  },\n  [ACTION_GROUPS.trigger]: {\n    color: '#df419f',\n    title: 'Trigger',\n    description: 'Actions that trigger other behavior'\n  }\n};\n\n/**\n * Split group metadata - defines display properties for each split group\n * Order in this object determines display order in split selector (top to bottom)\n */\nexport const SPLIT_GROUP_METADATA: Record<SplitGroup, GroupMetadata> = {\n  [SPLIT_GROUPS.wait]: {\n    color: '#4d7dad',\n    title: 'Wait',\n    description: 'Wait for user and split on their response'\n  },\n  [SPLIT_GROUPS.split]: {\n    color: '#aaaaaa',\n    title: 'Split',\n    description: 'Split the flow based on conditions'\n  }\n};\n\nexport interface ActionConfig extends FormConfig {\n  name: string;\n  group: ActionGroup;\n  dialogSize?: 'small' | 'medium' | 'large' | 'xlarge';\n  evaluated?: string[];\n  hideFromActions?: boolean; // if true, don't show in action dialog (default: false - actions show in actions)\n  render?: (node: any, action: any) => TemplateResult;\n\n  form?: Record<string, FieldConfig>;\n  layout?: LayoutItem[]; // optional layout configuration - array of layout items\n  gutter?: LayoutItem[]; // fields to render in the dialog gutter (left side of buttons)\n\n  toFormData?: (action: Action) => FormData;\n  fromFormData?: (formData: FormData) => Action;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/flow/types.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;CAChB,CAAC;AAIX;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,EAAE,EAAE,IAAI;IACR,OAAO,EAAE,SAAS;CACV,CAAC;AA8QX;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;CACV,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACN,CAAC;AAeX;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAuC;IACvE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,mDAAmD;KACjE;IACD,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;QACxB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,yCAAyC;KACvD;IACD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,iCAAiC;KAC/C;IACD,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;QACxB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,iCAAiC;KAC/C;IACD,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,qDAAqD;KACnE;IACD,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QACvB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,qCAAqC;KACnD;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAsC;IACrE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QACnB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,2CAA2C;KACzD;IACD,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,oCAAoC;KAClD;CACF,CAAC","sourcesContent":["import { TemplateResult } from 'lit-html';\nimport { Action, Node, NodeUI } from '../store/flow-definition';\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors: { [key: string]: string };\n}\n\n/**\n * Flow types - defines the type of flow being edited\n */\nexport const FlowTypes = {\n  MESSAGE: 'message',\n  VOICE: 'voice',\n  BACKGROUND: 'background'\n} as const;\n\nexport type FlowType = (typeof FlowTypes)[keyof typeof FlowTypes];\n\n/**\n * Features - defines the features available in the account\n */\nexport const Features = {\n  AI: 'ai',\n  AIRTIME: 'airtime'\n} as const;\n\nexport type Feature = (typeof Features)[keyof typeof Features];\n\n// Component attribute interfaces - these define what's allowed for each component type\nexport interface TextInputAttributes {\n  type?: 'text' | 'email' | 'number' | 'url' | 'tel';\n  placeholder?: string;\n  clearable?: boolean;\n  maxlength?: number;\n  gsm?: boolean;\n  autogrow?: boolean;\n  textarea?: boolean;\n  submitOnEnter?: boolean;\n}\n\nexport interface CompletionAttributes {\n  placeholder?: string;\n  clearable?: boolean;\n  maxlength?: number;\n  gsm?: boolean;\n  autogrow?: boolean;\n  textarea?: boolean;\n  expressions?: string;\n  counter?: string;\n  minHeight?: number;\n}\n\nexport interface SelectAttributes {\n  placeholder?: string;\n  multi?: boolean;\n  searchable?: boolean;\n  tags?: boolean;\n  emails?: boolean;\n  clearable?: boolean;\n  endpoint?: string;\n  valueKey?: string;\n  nameKey?: string;\n  queryParam?: string;\n  maxItems?: number;\n  maxItemsText?: string;\n  expressions?: string;\n  options?: Array<{ name: string; value: any }>;\n  sorted?: boolean;\n  allowCreate?: boolean;\n  jsonValue?: boolean;\n  spaceSelect?: boolean;\n  infoText?: string;\n}\n\nexport interface CheckboxAttributes {\n  label?: string;\n  size?: number;\n  disabled?: boolean;\n  animateChange?: string;\n}\n\nexport interface SliderAttributes {\n  min?: number;\n  max?: number;\n  range?: boolean;\n}\n\nexport interface FormData extends Record<string, any> {}\n\nexport interface FormConfig {\n  form?: Record<string, FieldConfig>;\n  layout?: LayoutItem[];\n  gutter?: LayoutItem[];\n  sanitize?: (formData: FormData) => void;\n  validate?: (formData: FormData) => ValidationResult;\n}\n\nexport interface NodeConfig extends FormConfig {\n  type: string;\n  name?: string;\n  group?: ActionGroup | SplitGroup; // Nodes can use either when showAsAction is true\n  dialogSize?: 'small' | 'medium' | 'large' | 'xlarge';\n  action?: ActionConfig;\n  showAsAction?: boolean; // if true, show in action dialog instead of splits (default: false - nodes show in splits)\n  flowTypes?: FlowType[]; // which flow types this node is available for (defaults to all if not specified)\n  features?: Feature[]; // which features are required for this node (all must be present)\n  router?: {\n    type: 'switch' | 'random';\n    defaultCategory?: string;\n    operand?: string;\n    configurable?: boolean; // can the rules be configured in the UI\n    rules?: {\n      type:\n        | 'has_number_between'\n        | 'has_string'\n        | 'has_value'\n        | 'has_not_value'\n        | 'has_text';\n      arguments: string[];\n      categoryName: string;\n    }[];\n  };\n\n  toFormData?: (node: Node, nodeUI?: any) => FormData;\n  fromFormData?: (formData: FormData, originalNode: Node) => Node;\n  toUIConfig?: (formData: FormData) => Record<string, any>;\n  render?: (node: Node, nodeUI?: any) => TemplateResult;\n  renderTitle?: (node: Node, nodeUI?: NodeUI) => TemplateResult;\n\n  // Localization support for router categories\n  localizable?: 'categories'; // Only categories are localizable for routers\n  toLocalizationFormData?: (\n    node: Node,\n    localization: Record<string, any>\n  ) => FormData;\n  fromLocalizationFormData?: (\n    formData: FormData,\n    node: Node\n  ) => Record<string, any>;\n}\n\n// New field configuration system for generic form generation\nexport interface BaseFieldConfig {\n  label?: string | ((formData: Record<string, any>) => string);\n  required?: boolean;\n  evaluated?: boolean;\n  dependsOn?: string[];\n  computeValue?: (\n    values: Record<string, any>,\n    currentValue: any,\n    originalValues?: Record<string, any>\n  ) => any;\n\n  // Validation properties\n  minLength?: number;\n  maxLength?: number;\n  pattern?: string;\n  helpText?: string;\n\n  // Layout properties\n  maxWidth?: string;\n  width?: string;\n\n  // Conditional rendering\n  conditions?: {\n    visible?: (formData: Record<string, any>) => boolean;\n    disabled?: (formData: Record<string, any>) => boolean;\n  };\n\n  // Optional field with reveal link\n  // When set, the field is hidden by default and a link with this text is shown\n  // Clicking the link reveals the field permanently (can't be hidden again)\n  optionalLink?: string;\n}\n\nexport interface TextFieldConfig extends BaseFieldConfig {\n  type: 'text';\n  placeholder?: string;\n  flavor?: 'xsmall' | 'small' | 'large';\n}\n\nexport interface TextareaFieldConfig extends BaseFieldConfig {\n  type: 'textarea';\n  placeholder?: string;\n  rows?: number;\n  minHeight?: number;\n}\n\nexport interface SelectFieldConfig extends BaseFieldConfig {\n  type: 'select';\n  options?: string[] | { value: string; name: string }[];\n  multi?: boolean;\n  clearable?: boolean;\n  searchable?: boolean;\n  tags?: boolean;\n  placeholder?: string;\n  maxItems?: number;\n  valueKey?: string;\n  nameKey?: string;\n  endpoint?: string;\n  emails?: boolean;\n  getName?: (item: any) => string;\n  flavor?: 'xsmall' | 'small' | 'large';\n  createArbitraryOption?: (input: string, options: any[]) => any;\n  allowCreate?: boolean;\n  getDynamicOptions?: () => Array<{ value: string; name: string }>;\n}\n\nexport interface KeyValueFieldConfig extends BaseFieldConfig {\n  type: 'key-value';\n  sortable?: boolean;\n  keyPlaceholder?: string;\n  valuePlaceholder?: string;\n  minRows?: number;\n}\n\nexport interface ArrayFieldConfig extends BaseFieldConfig {\n  type: 'array';\n  itemConfig: Record<string, FieldConfig>;\n  sortable?: boolean;\n  minItems?: number;\n  maxItems?: number;\n  itemLabel?: string;\n  maintainEmptyItem?: boolean;\n  onItemChange?: (\n    itemIndex: number,\n    field: string,\n    value: any,\n    allItems: any[]\n  ) => any[];\n  isEmptyItem?: (item: any) => boolean;\n}\n\nexport interface CheckboxFieldConfig extends BaseFieldConfig {\n  type: 'checkbox';\n  size?: number;\n  animateChange?: string;\n  labelPadding?: string;\n}\n\nexport interface MessageEditorFieldConfig extends BaseFieldConfig {\n  type: 'message-editor';\n  placeholder?: string;\n  minHeight?: number;\n  maxAttachments?: number;\n  accept?: string;\n  endpoint?: string;\n  counter?: string;\n  gsm?: boolean;\n  autogrow?: boolean;\n  disableCompletion?: boolean;\n}\n\nexport type FieldConfig =\n  | TextFieldConfig\n  | TextareaFieldConfig\n  | SelectFieldConfig\n  | KeyValueFieldConfig\n  | ArrayFieldConfig\n  | CheckboxFieldConfig\n  | MessageEditorFieldConfig;\n\n// Layout configurations for better form organization\n// Recursive layout system - any layout item can contain other layout items\n\nexport interface FieldItemConfig {\n  type: 'field';\n  field: string; // field name to render\n}\n\nexport interface RowLayoutConfig {\n  type: 'row';\n  items: LayoutItem[]; // can contain fields, groups, or other rows\n  gap?: string; // CSS gap value, defaults to '1rem'\n  label?: string; // optional label for the entire row\n  helpText?: string; // optional help text for the entire row\n}\n\nexport interface GroupLayoutConfig {\n  type: 'group';\n  label: string;\n  items: LayoutItem[]; // can contain fields, rows, or other groups\n  collapsible?: boolean;\n  collapsed?: boolean | ((formData: FormData) => boolean); // initial state if collapsible - can be a function\n  helpText?: string;\n  getGroupValueCount?: (formData: FormData) => number; // optional function to get count for bubble display\n}\n\nexport type LayoutItem =\n  | FieldItemConfig\n  | RowLayoutConfig\n  | GroupLayoutConfig\n  | string; // string is shorthand for field\n\n/**\n * Action group constants - single source of truth for action categorization\n * Use as const for compile-time type checking\n */\nexport const ACTION_GROUPS = {\n  send: 'send',\n  contacts: 'contacts',\n  save: 'save',\n  services: 'services',\n  broadcast: 'broadcast',\n  trigger: 'trigger'\n} as const;\n\n/**\n * Split group constants - single source of truth for split categorization\n * Use as const for compile-time type checking\n */\nexport const SPLIT_GROUPS = {\n  wait: 'wait',\n  split: 'split'\n} as const;\n\n// Extract types from const objects for compile-time checking\nexport type ActionGroup = (typeof ACTION_GROUPS)[keyof typeof ACTION_GROUPS];\nexport type SplitGroup = (typeof SPLIT_GROUPS)[keyof typeof SPLIT_GROUPS];\n\n/**\n * Metadata for group display\n */\nexport interface GroupMetadata {\n  color: string;\n  title: string;\n  description: string;\n}\n\n/**\n * Action group metadata - defines display properties for each action group\n * Order in this object determines display order in action selector (top to bottom)\n */\nexport const ACTION_GROUP_METADATA: Record<ActionGroup, GroupMetadata> = {\n  [ACTION_GROUPS.send]: {\n    color: '#3498db',\n    title: 'Send',\n    description: 'Actions that send messages or content to contacts'\n  },\n  [ACTION_GROUPS.contacts]: {\n    color: '#01c1af',\n    title: 'Contact',\n    description: 'Actions that update contact information'\n  },\n  [ACTION_GROUPS.save]: {\n    color: '#1a777c',\n    title: 'Save',\n    description: 'Actions that save or store data'\n  },\n  [ACTION_GROUPS.services]: {\n    color: '#f79035ff',\n    title: 'Services',\n    description: 'Call external services and APIs'\n  },\n  [ACTION_GROUPS.broadcast]: {\n    color: '#8e5ea7',\n    title: 'Other People',\n    description: 'Actions that apply to others instead of the contact'\n  },\n  [ACTION_GROUPS.trigger]: {\n    color: '#df419f',\n    title: 'Trigger',\n    description: 'Actions that trigger other behavior'\n  }\n};\n\n/**\n * Split group metadata - defines display properties for each split group\n * Order in this object determines display order in split selector (top to bottom)\n */\nexport const SPLIT_GROUP_METADATA: Record<SplitGroup, GroupMetadata> = {\n  [SPLIT_GROUPS.wait]: {\n    color: '#4d7dad',\n    title: 'Wait',\n    description: 'Wait for user and split on their response'\n  },\n  [SPLIT_GROUPS.split]: {\n    color: '#aaaaaa',\n    title: 'Split',\n    description: 'Split the flow based on conditions'\n  }\n};\n\nexport interface ActionConfig extends FormConfig {\n  name: string;\n  group: ActionGroup;\n  dialogSize?: 'small' | 'medium' | 'large' | 'xlarge';\n  evaluated?: string[];\n  hideFromActions?: boolean; // if true, don't show in action dialog (default: false - actions show in actions)\n  flowTypes?: FlowType[]; // which flow types this action is available for (defaults to all if not specified)\n  features?: Feature[]; // which features are required for this action (all must be present)\n  render?: (node: any, action: any) => TemplateResult;\n\n  form?: Record<string, FieldConfig>;\n  layout?: LayoutItem[]; // optional layout configuration - array of layout items\n  gutter?: LayoutItem[]; // fields to render in the dialog gutter (left side of buttons)\n\n  toFormData?: (action: Action) => FormData;\n  fromFormData?: (formData: FormData) => Action;\n\n  // Localization support\n  localizable?: string[]; // array of field names that can be localized\n  toLocalizationFormData?: (\n    action: Action,\n    localization: Record<string, any>\n  ) => FormData;\n  fromLocalizationFormData?: (\n    formData: FormData,\n    action: Action\n  ) => Record<string, any>;\n}\n"]}

package/out-tsc/src/layout/FloatingWindow.js

@@ -0,0 +1,346 @@
+import { __decorate } from "tslib";
+import { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { RapidElement } from '../RapidElement';
+import { CustomEventType } from '../interfaces';
+import { getClasses } from '../utils';
+import { FloatingTab } from '../display/FloatingTab';
+export class FloatingWindow extends RapidElement {
+    constructor() {
+        super(...arguments);
+        this.header = '';
+        this.width = 500;
+        this.minHeight = 200;
+        this.maxHeight = 800;
+        this.top = 100;
+        this.left = -1; // -1 means calculate from right side
+        this.hidden = true;
+        this.dragging = false;
+        this.chromeless = false;
+        this.color = '#6B7280';
+        this.dragStartX = 0;
+        this.dragStartY = 0;
+        this.dragOffsetX = 0;
+        this.dragOffsetY = 0;
+        this.positionFromRight = false;
+        this.defaultTop = 100;
+        this.defaultLeft = -1;
+        this.handleSlotMouseDown = (event) => {
+            // check if the target or any parent has the drag-handle class
+            const target = event.target;
+            const dragHandle = target.closest('.drag-handle');
+            if (!dragHandle) {
+                return;
+            }
+            this.dragging = true;
+            this.dragStartX = event.clientX;
+            this.dragStartY = event.clientY;
+            this.dragOffsetX = this.left;
+            this.dragOffsetY = this.top;
+            document.addEventListener('mousemove', this.handleMouseMove);
+            document.addEventListener('mouseup', this.handleMouseUp);
+            event.preventDefault();
+        };
+        this.handleMouseMove = (event) => {
+            var _a;
+            if (!this.dragging)
+                return;
+            const deltaX = event.clientX - this.dragStartX;
+            const deltaY = event.clientY - this.dragStartY;
+            this.left = this.dragOffsetX + deltaX;
+            this.top = this.dragOffsetY + deltaY;
+            // keep window within viewport bounds with 20px padding
+            const padding = 20;
+            this.left = Math.max(padding, Math.min(this.left, window.innerWidth - this.width - padding));
+            // get the actual rendered height of the window element
+            const windowElement = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.window');
+            const currentHeight = (windowElement === null || windowElement === void 0 ? void 0 : windowElement.offsetHeight) || this.maxHeight || window.innerHeight;
+            const maxTop = Math.max(padding, window.innerHeight - currentHeight - padding);
+            this.top = Math.max(padding, Math.min(this.top, maxTop));
+        };
+        this.handleMouseUp = () => {
+            this.dragging = false;
+            document.removeEventListener('mousemove', this.handleMouseMove);
+            document.removeEventListener('mouseup', this.handleMouseUp);
+            // once user drags the window, stop auto-positioning from right
+            this.positionFromRight = false;
+        };
+        this.handleResize = () => {
+            var _a;
+            // only constrain position if window is visible
+            if (this.hidden)
+                return;
+            const padding = 20;
+            const windowElement = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.window');
+            const currentHeight = (windowElement === null || windowElement === void 0 ? void 0 : windowElement.offsetHeight) || this.maxHeight || window.innerHeight;
+            // if positioned from right, always recalculate from right edge
+            if (this.positionFromRight) {
+                this.left = window.innerWidth - this.width - padding;
+            }
+            else {
+                // only adjust left if out of bounds
+                const minLeft = padding;
+                const maxLeft = window.innerWidth - this.width - padding;
+                if (this.left < minLeft) {
+                    this.left = minLeft;
+                }
+                else if (this.left > maxLeft) {
+                    this.left = maxLeft;
+                }
+            }
+            // only adjust top if out of bounds
+            const minTop = padding;
+            const maxTop = Math.max(padding, window.innerHeight - currentHeight - padding);
+            if (this.top < minTop) {
+                this.top = minTop;
+            }
+            else if (this.top > maxTop) {
+                this.top = maxTop;
+            }
+        };
+    }
+    static get styles() {
+        return css `
+      .window.hidden {
+        transform: translateX(100%);
+        opacity: 0;
+        pointer-events: none;
+      }
+
+      .window {
+        transition: transform var(--transition-duration, 300ms) ease-in-out,
+          opacity var(--transition-duration, 300ms) ease-in-out;
+        position: fixed;
+        z-index: 9999;
+        top: 100px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.3);
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+      }
+
+      .window.chromeless {
+        background: transparent;
+        border-radius: 0;
+        box-shadow: none;
+      }
+
+      .window.dragging {
+        user-select: none;
+        cursor: move;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 6px 6px;
+        background: var(--header-color, var(--color-primary-light, #f3f4f6));
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        cursor: move;
+        user-select: none;
+      }
+
+      .title {
+        font-weight: 600;
+        font-size: 16px;
+        color: white;
+        padding-left: 8px;
+      }
+
+      .close-button {
+        background: none;
+        border: none;
+        cursor: pointer;
+        padding: 4px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 4px;
+        transition: background-color calc(var(--transition-duration, 150ms) / 2)
+          ease-in-out;
+      }
+
+      .close-button:hover {
+        background-color: rgba(255, 255, 255, 0.2);
+      }
+
+      .close-button temba-icon {
+        --icon-color: white;
+      }
+
+      .body {
+        flex: 1;
+        overflow-y: auto;
+        padding: 16px;
+      }
+
+      .window.chromeless .body {
+        padding: 0;
+      }
+
+      ::slotted(.drag-handle) {
+        cursor: move;
+        user-select: none;
+        border: 1px solid red;
+      }
+    `;
+    }
+    firstUpdated(changes) {
+        super.firstUpdated(changes);
+        // store the default position from properties
+        this.defaultTop = this.top;
+        this.defaultLeft = this.left;
+        // determine if we should position from right side
+        if (this.left === -1) {
+            this.positionFromRight = true;
+        }
+        // set up drag handle listeners for chromeless windows
+        if (this.chromeless) {
+            this.setupDragHandles();
+        }
+        // listen for window resize to keep window in bounds
+        window.addEventListener('resize', this.handleResize);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener('resize', this.handleResize);
+    }
+    setupDragHandles() {
+        // listen for mousedown on slotted content
+        this.addEventListener('mousedown', this.handleSlotMouseDown);
+    }
+    updated(changes) {
+        super.updated(changes);
+        if (changes.has('hidden')) {
+            this.classList.toggle('hidden', this.hidden);
+            // when hiding, reset positioning behavior to original
+            if (this.hidden && !changes.get('hidden')) {
+                if (this.defaultLeft === -1) {
+                    this.positionFromRight = true;
+                }
+            }
+            // reset to default position when showing
+            if (!this.hidden && changes.get('hidden')) {
+                // reset top to default
+                this.top = this.defaultTop;
+                // if positioned from right, recalculate based on current viewport
+                if (this.positionFromRight) {
+                    this.left = window.innerWidth - this.width - 20;
+                }
+                else {
+                    // reset left to default
+                    this.left = this.defaultLeft;
+                }
+            }
+        }
+        // setup drag handles if chromeless changed to true
+        if (changes.has('chromeless') && this.chromeless) {
+            this.setupDragHandles();
+        }
+    }
+    handleClose() {
+        this.hidden = true;
+        // show all tabs when window is closed
+        FloatingTab.showAllTabs();
+        this.fireCustomEvent(CustomEventType.DialogHidden);
+    }
+    handleHeaderMouseDown(event) {
+        // don't start drag if clicking on close button
+        if (event.target.closest('.close-button')) {
+            return;
+        }
+        this.dragging = true;
+        this.dragStartX = event.clientX;
+        this.dragStartY = event.clientY;
+        this.dragOffsetX = this.left;
+        this.dragOffsetY = this.top;
+        document.addEventListener('mousemove', this.handleMouseMove);
+        document.addEventListener('mouseup', this.handleMouseUp);
+        event.preventDefault();
+    }
+    show() {
+        this.hidden = false;
+    }
+    hide() {
+        this.hidden = true;
+    }
+    close() {
+        this.hidden = true;
+        // show all tabs when window is closed
+        FloatingTab.showAllTabs();
+        this.fireCustomEvent(CustomEventType.DialogHidden);
+    }
+    render() {
+        const minHeightStyle = this.minHeight
+            ? `min-height: ${this.minHeight}px;`
+            : '';
+        const maxHeightStyle = this.maxHeight
+            ? `max-height: ${this.maxHeight}px;`
+            : '';
+        const windowStyle = `
+      width: ${this.width}px;
+      ${minHeightStyle}
+      ${maxHeightStyle}
+      top: ${this.top}px;
+      left: ${this.left}px;
+      --header-color: ${this.color};
+    `;
+        const windowClasses = getClasses({
+            window: true,
+            dragging: this.dragging,
+            hidden: this.hidden,
+            chromeless: this.chromeless
+        });
+        return html `
+      <div class="${windowClasses}" style="${windowStyle}">
+        ${!this.chromeless
+            ? html `
+              <div class="header" @mousedown=${this.handleHeaderMouseDown}>
+                <div class="title">${this.header}</div>
+                <button class="close-button" @click=${this.handleClose}>
+                  <temba-icon name="close" size="1.5"></temba-icon>
+                </button>
+              </div>
+            `
+            : ''}
+        <div class="body">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: String })
+], FloatingWindow.prototype, "header", void 0);
+__decorate([
+    property({ type: Number })
+], FloatingWindow.prototype, "width", void 0);
+__decorate([
+    property({ type: Number })
+], FloatingWindow.prototype, "minHeight", void 0);
+__decorate([
+    property({ type: Number })
+], FloatingWindow.prototype, "maxHeight", void 0);
+__decorate([
+    property({ type: Number })
+], FloatingWindow.prototype, "top", void 0);
+__decorate([
+    property({ type: Number })
+], FloatingWindow.prototype, "left", void 0);
+__decorate([
+    property({ type: Boolean })
+], FloatingWindow.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean })
+], FloatingWindow.prototype, "dragging", void 0);
+__decorate([
+    property({ type: Boolean })
+], FloatingWindow.prototype, "chromeless", void 0);
+__decorate([
+    property({ type: String })
+], FloatingWindow.prototype, "color", void 0);
+//# sourceMappingURL=FloatingWindow.js.map

package/out-tsc/src/layout/FloatingWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWindow.js","sourceRoot":"","sources":["../../../src/layout/FloatingWindow.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { CustomEventType } from '../interfaces';\nimport { getClasses } from '../utils';\nimport { FloatingTab } from '../display/FloatingTab';\n\nexport class FloatingWindow extends RapidElement {\n  static get styles() {\n    return css`\n      .window.hidden {\n        transform: translateX(100%);\n        opacity: 0;\n        pointer-events: none;\n      }\n\n      .window {\n        transition: transform var(--transition-duration, 300ms) ease-in-out,\n          opacity var(--transition-duration, 300ms) ease-in-out;\n        position: fixed;\n        z-index: 9999;\n        top: 100px;\n        background: white;\n        border-radius: 8px;\n        box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.3);\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n\n      .window.chromeless {\n        background: transparent;\n        border-radius: 0;\n        box-shadow: none;\n      }\n\n      .window.dragging {\n        user-select: none;\n        cursor: move;\n      }\n\n      .header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 6px 6px;\n        background: var(--header-color, var(--color-primary-light, #f3f4f6));\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        cursor: move;\n        user-select: none;\n      }\n\n      .title {\n        font-weight: 600;\n        font-size: 16px;\n        color: white;\n        padding-left: 8px;\n      }\n\n      .close-button {\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 4px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 4px;\n        transition: background-color calc(var(--transition-duration, 150ms) / 2)\n          ease-in-out;\n      }\n\n      .close-button:hover {\n        background-color: rgba(255, 255, 255, 0.2);\n      }\n\n      .close-button temba-icon {\n        --icon-color: white;\n      }\n\n      .body {\n        flex: 1;\n        overflow-y: auto;\n        padding: 16px;\n      }\n\n      .window.chromeless .body {\n        padding: 0;\n      }\n\n      ::slotted(.drag-handle) {\n        cursor: move;\n        user-select: none;\n        border: 1px solid red;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  header = '';\n\n  @property({ type: Number })\n  width = 500;\n\n  @property({ type: Number })\n  minHeight = 200;\n\n  @property({ type: Number })\n  maxHeight = 800;\n\n  @property({ type: Number })\n  top = 100;\n\n  @property({ type: Number })\n  left = -1; // -1 means calculate from right side\n\n  @property({ type: Boolean })\n  hidden = true;\n\n  @property({ type: Boolean })\n  dragging = false;\n\n  @property({ type: Boolean })\n  chromeless = false;\n\n  @property({ type: String })\n  color = '#6B7280';\n\n  private dragStartX = 0;\n  private dragStartY = 0;\n  private dragOffsetX = 0;\n  private dragOffsetY = 0;\n  private positionFromRight = false;\n  private defaultTop = 100;\n  private defaultLeft = -1;\n\n  public firstUpdated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changes);\n\n    // store the default position from properties\n    this.defaultTop = this.top;\n    this.defaultLeft = this.left;\n\n    // determine if we should position from right side\n    if (this.left === -1) {\n      this.positionFromRight = true;\n    }\n\n    // set up drag handle listeners for chromeless windows\n    if (this.chromeless) {\n      this.setupDragHandles();\n    }\n\n    // listen for window resize to keep window in bounds\n    window.addEventListener('resize', this.handleResize);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  private setupDragHandles() {\n    // listen for mousedown on slotted content\n    this.addEventListener('mousedown', this.handleSlotMouseDown);\n  }\n\n  private handleSlotMouseDown = (event: MouseEvent) => {\n    // check if the target or any parent has the drag-handle class\n    const target = event.target as HTMLElement;\n    const dragHandle = target.closest('.drag-handle');\n\n    if (!dragHandle) {\n      return;\n    }\n\n    this.dragging = true;\n    this.dragStartX = event.clientX;\n    this.dragStartY = event.clientY;\n    this.dragOffsetX = this.left;\n    this.dragOffsetY = this.top;\n\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n\n    event.preventDefault();\n  };\n\n  public updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n    if (changes.has('hidden')) {\n      this.classList.toggle('hidden', this.hidden);\n\n      // when hiding, reset positioning behavior to original\n      if (this.hidden && !changes.get('hidden')) {\n        if (this.defaultLeft === -1) {\n          this.positionFromRight = true;\n        }\n      }\n\n      // reset to default position when showing\n      if (!this.hidden && changes.get('hidden')) {\n        // reset top to default\n        this.top = this.defaultTop;\n\n        // if positioned from right, recalculate based on current viewport\n        if (this.positionFromRight) {\n          this.left = window.innerWidth - this.width - 20;\n        } else {\n          // reset left to default\n          this.left = this.defaultLeft;\n        }\n      }\n    }\n\n    // setup drag handles if chromeless changed to true\n    if (changes.has('chromeless') && this.chromeless) {\n      this.setupDragHandles();\n    }\n  }\n\n  private handleClose() {\n    this.hidden = true;\n    // show all tabs when window is closed\n    FloatingTab.showAllTabs();\n    this.fireCustomEvent(CustomEventType.DialogHidden);\n  }\n\n  private handleHeaderMouseDown(event: MouseEvent) {\n    // don't start drag if clicking on close button\n    if ((event.target as HTMLElement).closest('.close-button')) {\n      return;\n    }\n\n    this.dragging = true;\n    this.dragStartX = event.clientX;\n    this.dragStartY = event.clientY;\n    this.dragOffsetX = this.left;\n    this.dragOffsetY = this.top;\n\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n\n    event.preventDefault();\n  }\n\n  private handleMouseMove = (event: MouseEvent) => {\n    if (!this.dragging) return;\n\n    const deltaX = event.clientX - this.dragStartX;\n    const deltaY = event.clientY - this.dragStartY;\n\n    this.left = this.dragOffsetX + deltaX;\n    this.top = this.dragOffsetY + deltaY;\n\n    // keep window within viewport bounds with 20px padding\n    const padding = 20;\n    this.left = Math.max(\n      padding,\n      Math.min(this.left, window.innerWidth - this.width - padding)\n    );\n\n    // get the actual rendered height of the window element\n    const windowElement = this.shadowRoot?.querySelector(\n      '.window'\n    ) as HTMLElement;\n    const currentHeight =\n      windowElement?.offsetHeight || this.maxHeight || window.innerHeight;\n    const maxTop = Math.max(\n      padding,\n      window.innerHeight - currentHeight - padding\n    );\n    this.top = Math.max(padding, Math.min(this.top, maxTop));\n  };\n\n  private handleMouseUp = () => {\n    this.dragging = false;\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n\n    // once user drags the window, stop auto-positioning from right\n    this.positionFromRight = false;\n  };\n\n  private handleResize = () => {\n    // only constrain position if window is visible\n    if (this.hidden) return;\n\n    const padding = 20;\n    const windowElement = this.shadowRoot?.querySelector(\n      '.window'\n    ) as HTMLElement;\n    const currentHeight =\n      windowElement?.offsetHeight || this.maxHeight || window.innerHeight;\n\n    // if positioned from right, always recalculate from right edge\n    if (this.positionFromRight) {\n      this.left = window.innerWidth - this.width - padding;\n    } else {\n      // only adjust left if out of bounds\n      const minLeft = padding;\n      const maxLeft = window.innerWidth - this.width - padding;\n\n      if (this.left < minLeft) {\n        this.left = minLeft;\n      } else if (this.left > maxLeft) {\n        this.left = maxLeft;\n      }\n    }\n\n    // only adjust top if out of bounds\n    const minTop = padding;\n    const maxTop = Math.max(\n      padding,\n      window.innerHeight - currentHeight - padding\n    );\n\n    if (this.top < minTop) {\n      this.top = minTop;\n    } else if (this.top > maxTop) {\n      this.top = maxTop;\n    }\n  };\n\n  public show() {\n    this.hidden = false;\n  }\n\n  public hide() {\n    this.hidden = true;\n  }\n\n  public close() {\n    this.hidden = true;\n    // show all tabs when window is closed\n    FloatingTab.showAllTabs();\n    this.fireCustomEvent(CustomEventType.DialogHidden);\n  }\n\n  public render(): TemplateResult {\n    const minHeightStyle = this.minHeight\n      ? `min-height: ${this.minHeight}px;`\n      : '';\n    const maxHeightStyle = this.maxHeight\n      ? `max-height: ${this.maxHeight}px;`\n      : '';\n\n    const windowStyle = `\n      width: ${this.width}px;\n      ${minHeightStyle}\n      ${maxHeightStyle}\n      top: ${this.top}px;\n      left: ${this.left}px;\n      --header-color: ${this.color};\n    `;\n\n    const windowClasses = getClasses({\n      window: true,\n      dragging: this.dragging,\n      hidden: this.hidden,\n      chromeless: this.chromeless\n    });\n\n    return html`\n      <div class=\"${windowClasses}\" style=\"${windowStyle}\">\n        ${!this.chromeless\n          ? html`\n              <div class=\"header\" @mousedown=${this.handleHeaderMouseDown}>\n                <div class=\"title\">${this.header}</div>\n                <button class=\"close-button\" @click=${this.handleClose}>\n                  <temba-icon name=\"close\" size=\"1.5\"></temba-icon>\n                </button>\n              </div>\n            `\n          : ''}\n        <div class=\"body\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}