@nyaruka/temba-components 0.141.0 → 0.142.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"reflow.js","sourceRoot":"","sources":["../../../src/flow/reflow.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Node,\n  FlowPosition,\n  NodeUI,\n  StickyNote\n} from '../store/flow-definition';\nimport { snapToGrid } from './utils';\n\nconst VERTICAL_GAP = 80;\nconst HORIZONTAL_GAP = 60;\nconst STICKY_GAP = 20;\nconst MAX_WIDTH = 1200;\n\ninterface NodeSize {\n  width: number;\n  height: number;\n}\n\n/**\n * Calculates a layered layout for a flow, placing the start node at the\n * upper-left and arranging the flow downward. Sibling nodes at splits\n * share the same horizontal plane.\n */\nexport function calculateLayeredLayout(\n  nodes: Node[],\n  nodeUIs: Record<string, NodeUI>,\n  startNodeUuid: string,\n  getNodeSize: (uuid: string) => NodeSize\n): Record<string, FlowPosition> {\n  if (nodes.length === 0) return {};\n\n  const nodeSet = new Set(nodes.map((n) => n.uuid));\n\n  // Build deduplicated adjacency lists\n  const children = new Map<string, string[]>();\n  const parents = new Map<string, string[]>();\n\n  for (const node of nodes) {\n    const seen = new Set<string>();\n    const childUuids: string[] = [];\n    for (const exit of node.exits) {\n      if (\n        exit.destination_uuid &&\n        nodeSet.has(exit.destination_uuid) &&\n        !seen.has(exit.destination_uuid)\n      ) {\n        seen.add(exit.destination_uuid);\n        childUuids.push(exit.destination_uuid);\n        const p = parents.get(exit.destination_uuid) || [];\n        p.push(node.uuid);\n        parents.set(exit.destination_uuid, p);\n      }\n    }\n    children.set(node.uuid, childUuids);\n  }\n\n  // Find back-edges via DFS so we can ignore cycles during layering\n  const backEdges = findBackEdges(startNodeUuid, children);\n\n  // Assign layers using longest-path on the DAG (ignoring back-edges)\n  const layers = assignLayers(\n    startNodeUuid,\n    nodes,\n    children,\n    parents,\n    backEdges\n  );\n\n  // Group nodes by layer\n  const layerGroups = new Map<number, string[]>();\n  for (const [uuid, layer] of layers) {\n    const group = layerGroups.get(layer) || [];\n    group.push(uuid);\n    layerGroups.set(layer, group);\n  }\n\n  // Order nodes within each layer using barycenter heuristic\n  const sortedLayers = Array.from(layerGroups.keys()).sort((a, b) => a - b);\n  orderNodesInLayers(sortedLayers, layerGroups, parents, layers);\n\n  // Gather sizes\n  const sizes = new Map<string, NodeSize>();\n  for (const node of nodes) {\n    sizes.set(node.uuid, getNodeSize(node.uuid));\n  }\n\n  // Compute positions\n  return computePositions(\n    sortedLayers,\n    layerGroups,\n    sizes,\n    parents,\n    layers,\n    startNodeUuid\n  );\n}\n\n/**\n * Finds back-edges (cycle-forming edges) via DFS from the start node.\n * Returns a set of \"parentUuid->childUuid\" strings representing edges to ignore.\n */\nfunction findBackEdges(\n  startNodeUuid: string,\n  children: Map<string, string[]>\n): Set<string> {\n  const backEdges = new Set<string>();\n  const visiting = new Set<string>(); // currently on the DFS stack\n  const visited = new Set<string>(); // fully processed\n\n  function dfs(node: string): void {\n    visiting.add(node);\n    visited.add(node);\n\n    for (const child of children.get(node) || []) {\n      if (visiting.has(child)) {\n        backEdges.add(`${node}->${child}`);\n      } else if (!visited.has(child)) {\n        dfs(child);\n      }\n    }\n\n    visiting.delete(node);\n  }\n\n  dfs(startNodeUuid);\n  return backEdges;\n}\n\n/**\n * Assigns layers using topological processing order on the DAG\n * (back-edges removed). Each node's layer = max(parent layers) + 1,\n * giving the longest-path assignment so merge nodes sit below all parents.\n */\nfunction assignLayers(\n  startNodeUuid: string,\n  nodes: Node[],\n  children: Map<string, string[]>,\n  parents: Map<string, string[]>,\n  backEdges: Set<string>\n): Map<string, number> {\n  const layers = new Map<string, number>();\n  layers.set(startNodeUuid, 0);\n\n  // Build forward in-degree (ignoring back-edges) for topological processing\n  const inDegree = new Map<string, number>();\n  for (const node of nodes) {\n    inDegree.set(node.uuid, 0);\n  }\n  for (const [parent, childList] of children) {\n    for (const child of childList) {\n      if (!backEdges.has(`${parent}->${child}`)) {\n        inDegree.set(child, (inDegree.get(child) || 0) + 1);\n      }\n    }\n  }\n\n  // Process nodes in topological order (Kahn's algorithm)\n  // Start with nodes that have no forward in-edges\n  const queue: string[] = [];\n  for (const [uuid, deg] of inDegree) {\n    if (deg === 0) {\n      queue.push(uuid);\n      if (!layers.has(uuid)) {\n        layers.set(uuid, 0);\n      }\n    }\n  }\n\n  while (queue.length > 0) {\n    const current = queue.shift()!;\n    const currentLayer = layers.get(current)!;\n\n    for (const child of children.get(current) || []) {\n      if (backEdges.has(`${current}->${child}`)) continue;\n\n      // Longest path: child layer = max of all parent layers + 1\n      const newLayer = currentLayer + 1;\n      if (!layers.has(child) || newLayer > layers.get(child)!) {\n        layers.set(child, newLayer);\n      }\n\n      // Decrement in-degree; enqueue when all forward parents processed\n      const remaining = inDegree.get(child)! - 1;\n      inDegree.set(child, remaining);\n      if (remaining === 0) {\n        queue.push(child);\n      }\n    }\n  }\n\n  // Handle unreachable nodes (not reachable from start)\n  const unreachable = nodes.filter((n) => !layers.has(n.uuid));\n  if (unreachable.length > 0) {\n    const maxLayer = Math.max(...Array.from(layers.values()), -1);\n    let unreachableLayer = maxLayer + 2;\n    for (const node of unreachable) {\n      layers.set(node.uuid, unreachableLayer);\n      unreachableLayer++;\n    }\n  }\n\n  return layers;\n}\n\n/**\n * Orders nodes within each layer using a barycenter heuristic:\n * each node is positioned based on the average index of its parents\n * in layers above.\n */\nfunction orderNodesInLayers(\n  sortedLayers: number[],\n  layerGroups: Map<number, string[]>,\n  parents: Map<string, string[]>,\n  layers: Map<string, number>\n): void {\n  const indexInLayer = new Map<string, number>();\n\n  for (const layer of sortedLayers) {\n    const group = layerGroups.get(layer)!;\n\n    if (layer === sortedLayers[0]) {\n      group.forEach((uuid, idx) => indexInLayer.set(uuid, idx));\n      continue;\n    }\n\n    const barycenters: { uuid: string; value: number }[] = group.map((uuid) => {\n      // Only consider parents that are in layers above this one\n      const nodeParents = (parents.get(uuid) || []).filter((p) => {\n        const pl = layers.get(p);\n        return pl !== undefined && pl < layer;\n      });\n      if (nodeParents.length === 0) {\n        return { uuid, value: Infinity };\n      }\n      const sum = nodeParents.reduce((acc, p) => {\n        return acc + (indexInLayer.get(p) ?? 0);\n      }, 0);\n      return { uuid, value: sum / nodeParents.length };\n    });\n\n    barycenters.sort((a, b) => a.value - b.value);\n\n    const sorted = barycenters.map((b) => b.uuid);\n    layerGroups.set(layer, sorted);\n    sorted.forEach((uuid, idx) => indexInLayer.set(uuid, idx));\n  }\n}\n\n/**\n * Splits a layer's nodes into sub-rows that each fit within MAX_WIDTH.\n */\nfunction splitIntoRows(\n  group: string[],\n  sizes: Map<string, NodeSize>\n): string[][] {\n  const rows: string[][] = [];\n  let currentRow: string[] = [];\n  let currentWidth = 0;\n\n  for (const uuid of group) {\n    const nodeWidth = sizes.get(uuid)?.width || 200;\n    const additionalWidth =\n      currentRow.length > 0 ? HORIZONTAL_GAP + nodeWidth : nodeWidth;\n\n    if (currentRow.length > 0 && currentWidth + additionalWidth > MAX_WIDTH) {\n      rows.push(currentRow);\n      currentRow = [uuid];\n      currentWidth = nodeWidth;\n    } else {\n      currentRow.push(uuid);\n      currentWidth += additionalWidth;\n    }\n  }\n\n  if (currentRow.length > 0) {\n    rows.push(currentRow);\n  }\n\n  return rows;\n}\n\n/**\n * Computes pixel positions for each node. Each node's ideal X is centered\n * under its parent(s), with overlap resolution to prevent collisions.\n * Layers that exceed MAX_WIDTH are split into multiple rows.\n */\nfunction computePositions(\n  sortedLayers: number[],\n  layerGroups: Map<number, string[]>,\n  sizes: Map<string, NodeSize>,\n  parents: Map<string, string[]>,\n  layers: Map<string, number>,\n  startNodeUuid: string\n): Record<string, FlowPosition> {\n  const positions: Record<string, FlowPosition> = {};\n  let currentTop = 0;\n\n  for (const layer of sortedLayers) {\n    const group = layerGroups.get(layer)!;\n    const subRows = splitIntoRows(group, sizes);\n\n    for (const subRow of subRows) {\n      const top = snapToGrid(currentTop);\n\n      if (layer === sortedLayers[0]) {\n        // First layer: start node at top, others nudged down two grid squares\n        let x = 0;\n        for (const uuid of subRow) {\n          const nodeTop = uuid === startNodeUuid ? top : top + 40;\n          positions[uuid] = { left: snapToGrid(x), top: nodeTop };\n          x += (sizes.get(uuid)?.width || 200) + HORIZONTAL_GAP;\n        }\n      } else {\n        // Compute total width of this sub-row\n        let totalWidth = 0;\n        for (const uuid of subRow) {\n          totalWidth += sizes.get(uuid)?.width || 200;\n        }\n        totalWidth += HORIZONTAL_GAP * (subRow.length - 1);\n\n        // Find the center point to place this sub-row under: midpoint of\n        // the span of all parent centers for nodes in this sub-row\n        const parentCenters: number[] = [];\n        for (const uuid of subRow) {\n          const nodeParents = (parents.get(uuid) || []).filter((p) => {\n            const pl = layers.get(p);\n            return pl !== undefined && pl < layer;\n          });\n          for (const pUuid of nodeParents) {\n            const parentPos = positions[pUuid];\n            if (parentPos) {\n              const parentWidth = sizes.get(pUuid)?.width || 200;\n              parentCenters.push(parentPos.left + parentWidth / 2);\n            }\n          }\n        }\n\n        // Center the sub-row under the parent span, anchored left if not enough room\n        let rowLeft: number;\n        if (parentCenters.length > 0) {\n          const spanCenter =\n            (Math.min(...parentCenters) + Math.max(...parentCenters)) / 2;\n          rowLeft = Math.max(0, spanCenter - totalWidth / 2);\n        } else {\n          rowLeft = 0;\n        }\n\n        // Place nodes left-to-right starting from rowLeft\n        let x = rowLeft;\n        for (const uuid of subRow) {\n          const nodeWidth = sizes.get(uuid)?.width || 200;\n          positions[uuid] = { left: snapToGrid(x), top };\n          x = snapToGrid(x) + nodeWidth + HORIZONTAL_GAP;\n        }\n      }\n\n      // Advance past this sub-row\n      const maxHeight = Math.max(\n        ...subRow.map((uuid) => sizes.get(uuid)?.height || 100)\n      );\n      currentTop = top + maxHeight + VERTICAL_GAP;\n    }\n  }\n\n  // Shift everything so the start node is at (0, 0)\n  const startPos = positions[startNodeUuid];\n  if (startPos) {\n    const offsetX = startPos.left;\n    const offsetY = startPos.top;\n\n    for (const uuid of Object.keys(positions)) {\n      positions[uuid] = {\n        left: snapToGrid(Math.max(0, positions[uuid].left - offsetX)),\n        top: snapToGrid(Math.max(0, positions[uuid].top - offsetY))\n      };\n    }\n  }\n\n  return positions;\n}\n\ninterface StickySize {\n  width: number;\n  height: number;\n}\n\n/**\n * Places sticky notes next to the node they were closest to before reflow.\n * If a sticky was to the left of the start node, it is placed to the right instead.\n */\nexport function placeStickyNotes(\n  stickies: Record<string, StickyNote>,\n  oldNodePositions: Record<string, FlowPosition>,\n  newNodePositions: Record<string, FlowPosition>,\n  nodeSizes: Map<string, NodeSize>,\n  stickySizes: Map<string, StickySize>,\n  startNodeUuid: string\n): Record<string, FlowPosition> {\n  const stickyPositions: Record<string, FlowPosition> = {};\n  const nodeUuids = Object.keys(newNodePositions);\n  if (nodeUuids.length === 0) return stickyPositions;\n\n  // For each sticky, find the closest node based on pre-reflow positions\n  const stickyToNode = new Map<string, string>();\n  const nodeStickies = new Map<string, { uuid: string; wasLeft: boolean }[]>();\n\n  for (const [stickyUuid, sticky] of Object.entries(stickies)) {\n    if (!sticky.position) continue;\n\n    const sx = sticky.position.left;\n    const sy = sticky.position.top;\n\n    let closestNode = nodeUuids[0];\n    let closestDist = Infinity;\n\n    for (const nodeUuid of nodeUuids) {\n      const np = oldNodePositions[nodeUuid];\n      if (!np) continue;\n      const dx = sx - np.left;\n      const dy = sy - np.top;\n      const dist = dx * dx + dy * dy;\n      if (dist < closestDist) {\n        closestDist = dist;\n        closestNode = nodeUuid;\n      }\n    }\n\n    stickyToNode.set(stickyUuid, closestNode);\n\n    // Was the sticky to the left of the node?\n    const nodePos = oldNodePositions[closestNode];\n    const wasLeft = nodePos ? sx < nodePos.left : false;\n\n    const list = nodeStickies.get(closestNode) || [];\n    list.push({ uuid: stickyUuid, wasLeft });\n    nodeStickies.set(closestNode, list);\n  }\n\n  // Place stickies next to their associated nodes\n  // Collect all placed rectangles (nodes + stickies) for collision avoidance\n  const placed: { left: number; top: number; width: number; height: number }[] =\n    [];\n\n  // Add all nodes to placed rectangles\n  for (const nodeUuid of nodeUuids) {\n    const pos = newNodePositions[nodeUuid];\n    const size = nodeSizes.get(nodeUuid) || { width: 200, height: 100 };\n    placed.push({\n      left: pos.left,\n      top: pos.top,\n      width: size.width,\n      height: size.height\n    });\n  }\n\n  for (const [nodeUuid, stickyList] of nodeStickies) {\n    const nodePos = newNodePositions[nodeUuid];\n    if (!nodePos) continue;\n    const nodeSize = nodeSizes.get(nodeUuid) || { width: 200, height: 100 };\n\n    for (const { uuid: stickyUuid, wasLeft } of stickyList) {\n      const stickySize = stickySizes.get(stickyUuid) || {\n        width: 182,\n        height: 100\n      };\n\n      // Determine placement side: right of node if it's the start node and sticky\n      // was to the left, otherwise prefer the side it was on originally\n      const placeRight = (nodeUuid === startNodeUuid && wasLeft) || !wasLeft;\n\n      let candidateLeft: number;\n      if (placeRight) {\n        candidateLeft = nodePos.left + nodeSize.width + STICKY_GAP;\n      } else {\n        candidateLeft = nodePos.left - stickySize.width - STICKY_GAP;\n      }\n      let candidateTop = nodePos.top;\n\n      // Snap and clamp\n      candidateLeft = snapToGrid(Math.max(0, candidateLeft));\n      candidateTop = snapToGrid(Math.max(0, candidateTop));\n\n      // Nudge down if colliding with any placed rectangle\n      let maxAttempts = 50;\n      while (\n        maxAttempts-- > 0 &&\n        collidesWithAny(\n          candidateLeft,\n          candidateTop,\n          stickySize.width,\n          stickySize.height,\n          placed\n        )\n      ) {\n        candidateTop = snapToGrid(candidateTop + STICKY_GAP);\n      }\n\n      stickyPositions[stickyUuid] = {\n        left: candidateLeft,\n        top: candidateTop\n      };\n\n      // Add this sticky to placed rectangles\n      placed.push({\n        left: candidateLeft,\n        top: candidateTop,\n        width: stickySize.width,\n        height: stickySize.height\n      });\n    }\n  }\n\n  return stickyPositions;\n}\n\nfunction collidesWithAny(\n  left: number,\n  top: number,\n  width: number,\n  height: number,\n  placed: { left: number; top: number; width: number; height: number }[]\n): boolean {\n  for (const r of placed) {\n    if (\n      left < r.left + r.width + STICKY_GAP &&\n      left + width + STICKY_GAP > r.left &&\n      top < r.top + r.height + STICKY_GAP &&\n      top + height + STICKY_GAP > r.top\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n"]}

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

@@ -1 +1 @@
-{"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;AAqSX;;;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  aliases?: string[]; // alternate type names for backwards compatibility (won't show in selector)\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_number_eq'\n        | 'has_only_text'\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 interface MediaFieldConfig extends BaseFieldConfig {\n  type: 'media';\n  accept?: string; // MIME filter, e.g. 'audio/*'\n  endpoint?: string; // upload endpoint, defaults to DEFAULT_MEDIA_ENDPOINT\n}\n\nexport type FieldConfig =\n  | TextFieldConfig\n  | TextareaFieldConfig\n  | SelectFieldConfig\n  | KeyValueFieldConfig\n  | ArrayFieldConfig\n  | CheckboxFieldConfig\n  | MessageEditorFieldConfig\n  | MediaFieldConfig;\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  inlineLabels?: Record<string, string>; // map of field name to inline label text\n  marginBottom?: string; // CSS margin-bottom for spacing below the 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 interface SpacerLayoutConfig {\n  type: 'spacer';\n}\n\nexport interface TextLayoutConfig {\n  type: 'text';\n  text: string;\n}\n\nexport type LayoutItem =\n  | FieldItemConfig\n  | RowLayoutConfig\n  | GroupLayoutConfig\n  | SpacerLayoutConfig\n  | TextLayoutConfig\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  aliases?: string[]; // alternate type names for backwards compatibility (won't show in selector)\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"]}
+{"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;AAsSX;;;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  aliases?: string[]; // alternate type names for backwards compatibility (won't show in selector)\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_number_eq'\n        | 'has_only_text'\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 interface MediaFieldConfig extends BaseFieldConfig {\n  type: 'media';\n  accept?: string; // MIME filter, e.g. 'audio/*'\n  endpoint?: string; // upload endpoint, defaults to DEFAULT_MEDIA_ENDPOINT\n}\n\nexport type FieldConfig =\n  | TextFieldConfig\n  | TextareaFieldConfig\n  | SelectFieldConfig\n  | KeyValueFieldConfig\n  | ArrayFieldConfig\n  | CheckboxFieldConfig\n  | MessageEditorFieldConfig\n  | MediaFieldConfig;\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  inlineLabels?: Record<string, string>; // map of field name to inline label text\n  marginBottom?: string; // CSS margin-bottom for spacing below the 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  contentPadding?: string; // CSS padding for group content area\n  getGroupValueCount?: (formData: FormData) => number; // optional function to get count for bubble display\n}\n\nexport interface SpacerLayoutConfig {\n  type: 'spacer';\n}\n\nexport interface TextLayoutConfig {\n  type: 'text';\n  text: string;\n}\n\nexport type LayoutItem =\n  | FieldItemConfig\n  | RowLayoutConfig\n  | GroupLayoutConfig\n  | SpacerLayoutConfig\n  | TextLayoutConfig\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  aliases?: string[]; // alternate type names for backwards compatibility (won't show in selector)\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/flow/utils.js

@@ -1,4 +1,18 @@
 import { html } from 'lit-html';
+const IS_MAC = typeof navigator !== 'undefined' &&
+    /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+/**
+ * Returns true if the mouse event is a right-click or equivalent:
+ * - button !== 0 (actual right-click or middle-click on any platform)
+ * - ctrl+click on macOS (emulates right-click / context menu)
+ */
+export function isRightClick(event) {
+    if (event.button !== 0)
+        return true;
+    if (IS_MAC && event.ctrlKey)
+        return true;
+    return false;
+}
 export function formatIssueMessage(issue) {
     if (issue.dependency) {
         const name = issue.dependency.name || issue.dependency.key;
@@ -188,9 +202,10 @@ export const getNodeBounds = (nodeUuid, position, element) => {
     if (!nodeElement) {
         return null;
     }
-    const rect = nodeElement.getBoundingClientRect();
-    const width = rect.width;
-    const height = rect.height;
+    // Use offsetWidth/offsetHeight instead of getBoundingClientRect() so
+    // dimensions are in CSS-layout space and unaffected by ancestor transforms (zoom).
+    const width = nodeElement.offsetWidth;
+    const height = nodeElement.offsetHeight;
     return {
         uuid: nodeUuid,
         left: position.left,

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/flow/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIhC,MAAM,UAAU,kBAAkB,CAAC,KAAgB;IACjD,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACrB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;QAC3D,OAAO,iBAAiB,KAAK,CAAC,UAAU,CAAC,IAAI,QAAQ,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,CAAC;AAC3B,CAAC;AAED,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC1D,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AAC9B,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,IAAa,EAAE,EAAE;IAC5D,OAAO,IAAI,CAAA;MACP,IAAI;QACJ,CAAC,CAAC,IAAI,CAAA,oBAAoB,IAAI,2CAA2C;QACzE,CAAC,CAAC,IAAI;;;;QAIJ,IAAI;;SAEH,CAAC;AACV,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAE,IAAa,EAAE,EAAE;IACzE,OAAO,gBAAgB,CACrB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EACjC,IAAI,CACL,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAe,EAAE,IAAa,EAAE,EAAE;IACjE,MAAM,YAAY,GAAG,EAAE,CAAC;IACxB,MAAM,UAAU,GAAG,CAAC,CAAC;IAErB,kDAAkD;IAClD,MAAM,YAAY,GAChB,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,mEAAmE;IACnE,IAAI,KAAK,CAAC,MAAM,GAAG,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;QACjD,YAAY,CAAC,IAAI,CAAC,IAAI,CAAA;;;QAGlB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA,qDAAqD,CAAC,sBAAsB;YAClF,CAAC,CAAC,IAAI;sCACwB,cAAc;WACzC,CAAC,CAAC;IACX,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B;QACE,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,cAAc;KACrB;IACD;QACE,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,iBAAiB;KACxB;IACD;QACE,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,aAAa;KACpB;IACD;QACE,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,cAAc;KACrB;IACD;QACE,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,YAAY;QAClB,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,aAAa;KACpB;IACD;QACE,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;KACjB;IACD;QACE,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,SAAS;KAChB;IACD;QACE,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,WAAW;KAClB;IACD;QACE,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,aAAa;KACpB;IACD;QACE,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,YAAY;KACnB;IACD;QACE,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,cAAc;KACrB;IACD;QACE,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,eAAe;QACrB,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,gBAAgB;QACtB,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,OAAO;KACd;IACD;QACE,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,YAAY;KACnB;IACD;QACE,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,YAAY;QAClB,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,eAAe;KACtB;IACD;QACE,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,aAAa;KACpB;CACF,CAAC;AAeF;;GAEG;AACH,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B;;;;GAIG;AACH,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,QAAgB,EAChB,QAAsB,EACtB,OAAqB,EACF,EAAE;IACrB,kEAAkE;IAClE,MAAM,WAAW,GACf,OAAO,IAAK,QAAQ,CAAC,aAAa,CAAC,QAAQ,QAAQ,IAAI,CAAiB,CAAC;IAE3E,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAE3B,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,KAAK,EAAE,QAAQ,CAAC,IAAI,GAAG,KAAK;QAC5B,MAAM,EAAE,QAAQ,CAAC,GAAG,GAAG,MAAM;QAC7B,KAAK;QACL,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,OAAmB,EACnB,OAAmB,EACV,EAAE;IACX,8DAA8D;IAC9D,MAAM,MAAM,GAAG,cAAc,CAAC;IAE9B,OAAO,CAAC,CACN,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,GAAG,MAAM;QACtC,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,GAAG,MAAM;QACtC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,GAAG,GAAG,MAAM;QACtC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,MAAM,GAAG,MAAM,CACvC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,YAAwB,EACxB,SAAuB,EACT,EAAE;IAChB,OAAO,SAAS,CAAC,MAAM,CACrB,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAC1E,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,UAAU,GAAgB,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,YAAY,GAAG,CACnB,QAAoB,EACpB,IAAY,EACZ,GAAW,EACC,EAAE,CAAC,CAAC;IAChB,GAAG,QAAQ;IACX,IAAI;IACJ,GAAG;IACH,KAAK,EAAE,IAAI,GAAG,QAAQ,CAAC,KAAK;IAC5B,MAAM,EAAE,GAAG,GAAG,QAAQ,CAAC,MAAM;CAC9B,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,2BAA2B,GAAG,CAClC,QAAoB,EACpB,UAAwB,EACxB,SAAoB,EACkB,EAAE;IACxC,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;YAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,GAAG,gBAAgB,CAAC,CAAC;YACxD,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAC9C,CAAC;QACD,KAAK,IAAI,CAAC,CAAC,CAAC;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACzD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;YACvE,IAAI,MAAM,GAAG,CAAC;gBAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;YACvD,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAC9C,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAC7D,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,GAAG,gBAAgB,CAAC,CAAC;YACxD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC9C,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC3D,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,GAAG,gBAAgB,CAAC,CAAC;YACxE,IAAI,OAAO,GAAG,CAAC;gBAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;YACvD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC9C,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,eAAyB,EACzB,SAAuB,EACI,EAAE;IAC7B,MAAM,YAAY,GAAG,IAAI,GAAG,EAAwB,CAAC;IACrD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAC;IAE3C,oEAAoE;IACpE,MAAM,aAAa,GAAG,IAAI,GAAG,EAAsB,CAAC;IACpD,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QAC1B,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,yEAAyE;IACzE,sEAAsE;IACtE,oDAAoD;IACpD,KAAK,MAAM,UAAU,IAAI,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM;YAAE,SAAS;QAEtB,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,aAAa,EAAE,CAAC;YAC3C,IAAI,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,SAAS;YACzD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;gBAAE,SAAS;YAE5C,IAAI,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,GAAG,gBAAgB,EAAE,CAAC;gBAC7D,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBAC7B,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACpB,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAED,oEAAoE;IACpE,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAElC,KAAK,MAAM,UAAU,IAAI,SAAS,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM;YAAE,SAAS;QACtB,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,aAAa,EAAE,CAAC;YAC3C,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,SAAS;YACvD,IAAI,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;gBACjC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACjB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IACnC,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,aAAa,GAAG,GAAG,CAAC;IAE1B,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,GAAG,aAAa,EAAE,CAAC;QACtD,UAAU,EAAE,CAAC;QACb,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAG,CAAC;QAE5B,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,SAAS;QAEjC,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAE1C,0EAA0E;QAC1E,MAAM,aAAa,GAAiB,EAAE,CAAC;QACvC,KAAK,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,IAAI,aAAa,EAAE,CAAC;YACrD,IAAI,SAAS,KAAK,IAAI;gBAAE,SAAS;YACjC,IAAI,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;gBACxD,IAAI,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;oBACxC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAClC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,SAAS;QAEzC,0EAA0E;QAC1E,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1E,MAAM,iBAAiB,GAAgB,CAAC,GAAG,UAAU,CAAC,CAAC;QACvD,IAAI,QAAQ,GAAqC,IAAI,CAAC;QAEtD,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,wDAAwD;YACxD,oEAAoE;YACpE,KAAK,MAAM,MAAM,IAAI,cAAc,EAAE,CAAC;gBACpC,IAAI,QAAQ,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;oBAC9B,MAAM,GAAG,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBAC5C,IAAI,GAAG,KAAK,CAAC,CAAC;wBAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACnD,CAAC;gBACD,IAAI,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;oBAChC,MAAM,GAAG,GAAG,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBAC9C,IAAI,GAAG,KAAK,CAAC,CAAC;wBAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACnD,CAAC;YACH,CAAC;YAED,gDAAgD;YAChD,IAAI,iBAAiB,GAAG,CAAC,CAAC;YAC1B,IAAI,kBAAkB,GAAG,CAAC,CAAC;YAC3B,KAAK,MAAM,MAAM,IAAI,cAAc,EAAE,CAAC;gBACpC,iBAAiB;oBACf,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;wBACtC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;gBACvC,kBAAkB;oBAChB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;wBACxC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;YACvC,CAAC;YACD,IAAI,iBAAiB,GAAG,kBAAkB,EAAE,CAAC;gBAC3C,QAAQ,GAAG,UAAU,CAAC,CAAC,gDAAgD;YACzE,CAAC;iBAAM,IAAI,kBAAkB,GAAG,iBAAiB,EAAE,CAAC;gBAClD,QAAQ,GAAG,YAAY,CAAC,CAAC,wDAAwD;YACnF,CAAC;QACH,CAAC;QAED,iEAAiE;QACjE,IAAI,OAAO,GAAyC,IAAI,CAAC;QACzD,IAAI,SAAS,GAAG,QAAQ,CAAC;QAEzB,KAAK,MAAM,GAAG,IAAI,iBAAiB,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,2BAA2B,CAC3C,QAAQ,EACR,aAAa,EACb,GAAG,CACJ,CAAC;YACF,IAAI,CAAC,SAAS;gBAAE,SAAS;YAEzB,MAAM,eAAe,GAAG,YAAY,CAClC,QAAQ,EACR,SAAS,CAAC,IAAI,EACd,SAAS,CAAC,GAAG,CACd,CAAC;YAEF,qDAAqD;YACrD,IAAI,aAAa,GAAG,KAAK,CAAC;YAC1B,IAAI,YAAY,GAAG,CAAC,CAAC;YACrB,KAAK,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,IAAI,aAAa,EAAE,CAAC;gBACrD,IAAI,SAAS,KAAK,IAAI;oBAAE,SAAS;gBACjC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,WAAW,CAAC;oBAAE,SAAS;gBAE1D,IAAI,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;oBACxD,aAAa,GAAG,IAAI,CAAC;oBACrB,MAAM;gBACR,CAAC;gBACD,YAAY,EAAE,CAAC;YACjB,CAAC;YACD,IAAI,aAAa;gBAAE,SAAS;YAE5B,MAAM,QAAQ,GACZ,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;gBACxC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YAEzC,2DAA2D;YAC3D,qEAAqE;YACrE,IAAI,KAAa,CAAC;YAClB,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9B,MAAM,aAAa,GAAG,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,MAAM,CAAC;gBACrD,MAAM,SAAS,GACb,QAAQ,KAAK,IAAI;oBACjB,CAAC,QAAQ,KAAK,UAAU,IAAI,aAAa,CAAC;oBAC1C,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,aAAa,CAAC,CAAC;gBAChD,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBACzC,KAAK,GAAG,YAAY,GAAG,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC;YACvD,CAAC;iBAAM,CAAC;gBACN,KAAK,GAAG,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC;YAC1C,CAAC;YAED,IAAI,KAAK,GAAG,SAAS,EAAE,CAAC;gBACtB,SAAS,GAAG,KAAK,CAAC;gBAClB,OAAO,GAAG,SAAS,CAAC;YACtB,CAAC;QACH,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;YACjE,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;YACpE,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACnC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEnB,uCAAuC;YACvC,KAAK,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,IAAI,aAAa,EAAE,CAAC;gBACrD,IAAI,SAAS,KAAK,IAAI;oBAAE,SAAS;gBACjC,IAAI,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC;oBAAE,SAAS;gBAClE,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC;oBAAE,SAAS;gBACrC,IAAI,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,CAAC;oBACzC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;oBACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import { html } from 'lit-html';\nimport { NamedObject, FlowPosition } from '../store/flow-definition';\nimport { FlowIssue } from '../store/AppState';\n\nexport function formatIssueMessage(issue: FlowIssue): string {\n  if (issue.dependency) {\n    const name = issue.dependency.name || issue.dependency.key;\n    return `Cannot find a ${issue.dependency.type} for ${name}`;\n  }\n  return issue.description;\n}\n\nconst GRID_SIZE = 20;\n\nexport function snapToGrid(value: number): number {\n  const snapped = Math.round(value / GRID_SIZE) * GRID_SIZE;\n  return Math.max(snapped, 0);\n}\n\n/**\n * Renders a single line item with optional icon\n */\nexport const renderLineItem = (name: string, icon?: string) => {\n  return html`<div style=\"display:flex;items-align:center;\">\n    ${icon\n      ? html`<temba-icon name=${icon} style=\"margin-right:0.5em\"></temba-icon>`\n      : null}\n    <div\n      style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px;\"\n    >\n      ${name}\n    </div>\n  </div>`;\n};\n\n/**\n * Renders a list of named objects with optional icon, showing up to 3 items\n * with a \"+X more\" indicator if there are more items\n */\nexport const renderNamedObjects = (assets: NamedObject[], icon?: string) => {\n  return renderStringList(\n    assets.map((asset) => asset.name),\n    icon\n  );\n};\n\n/**\n * Renders a list of strings with optional icon, showing up to 3 items\n * with a \"+X more\" indicator if there are more items\n */\nexport const renderStringList = (items: string[], icon?: string) => {\n  const itemElements = [];\n  const maxDisplay = 3;\n\n  // Show up to 3 items, or all 4 if exactly 4 items\n  const displayCount =\n    items.length === 4 ? 4 : Math.min(maxDisplay, items.length);\n\n  for (let i = 0; i < displayCount; i++) {\n    const item = items[i];\n    itemElements.push(renderLineItem(item, icon));\n  }\n\n  // Add \"+X more\" if there are more than 3 items (and not exactly 4)\n  if (items.length > maxDisplay && items.length !== 4) {\n    const remainingCount = items.length - maxDisplay;\n    itemElements.push(html`<div\n      style=\"display:flex;items-align:center;margin-top:0.2em;\"\n    >\n      ${icon\n        ? html`<div style=\"margin-right:0.4em; width: 1em;\"></div>` // spacing placeholder\n        : null}\n      <div style=\"font-size:0.8em\">+${remainingCount} more</div>\n    </div>`);\n  }\n  return itemElements;\n};\n\nexport interface Scheme {\n  scheme: string;\n  name: string;\n  path: string;\n  excludeFromSplit?: boolean;\n}\n\nexport const SCHEMES: Scheme[] = [\n  {\n    scheme: 'tel',\n    name: 'SMS',\n    path: 'Phone Number'\n  },\n  {\n    scheme: 'whatsapp',\n    name: 'WhatsApp',\n    path: 'WhatsApp Number'\n  },\n  {\n    scheme: 'facebook',\n    name: 'Facebook',\n    path: 'Facebook ID'\n  },\n  {\n    scheme: 'instagram',\n    name: 'Instagram',\n    path: 'Instagram ID'\n  },\n  {\n    scheme: 'twitterid',\n    name: 'Twitter',\n    path: 'Twitter ID',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'telegram',\n    name: 'Telegram',\n    path: 'Telegram ID'\n  },\n  {\n    scheme: 'viber',\n    name: 'Viber',\n    path: 'Viber ID'\n  },\n  {\n    scheme: 'line',\n    name: 'Line',\n    path: 'Line ID'\n  },\n  {\n    scheme: 'wechat',\n    name: 'WeChat',\n    path: 'WeChat ID'\n  },\n  {\n    scheme: 'fcm',\n    name: 'Firebase',\n    path: 'Firebase ID'\n  },\n  {\n    scheme: 'jiochat',\n    name: 'JioChat',\n    path: 'JioChat ID'\n  },\n  {\n    scheme: 'freshchat',\n    name: 'Freshchat',\n    path: 'Freshchat ID'\n  },\n  {\n    scheme: 'mailto',\n    name: 'Email',\n    path: 'Email Address',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'twitter',\n    name: 'Twitter',\n    path: 'Twitter Handle',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'vk',\n    name: 'VK',\n    path: 'VK ID'\n  },\n  {\n    scheme: 'discord',\n    name: 'Discord',\n    path: 'Discord ID'\n  },\n  {\n    scheme: 'webchat',\n    name: 'Webchat',\n    path: 'Webchat ID',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'rocketchat',\n    name: 'RocketChat',\n    path: 'RocketChat ID'\n  },\n  {\n    scheme: 'ext',\n    name: 'External',\n    path: 'External ID'\n  }\n];\n\n/**\n * Represents the bounding box of a node on the canvas\n */\nexport interface NodeBounds {\n  uuid: string;\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Minimum vertical spacing between nodes (in pixels)\n */\nconst MIN_NODE_SPACING = 30;\n\n/**\n * Small buffer to avoid floating point precision issues in overlap detection (in pixels)\n * This prevents false positives when nodes are exactly adjacent (e.g., bottom of one node\n * at exactly the same position as top of another)\n */\nconst OVERLAP_BUFFER = 10;\n\n/**\n * Gets the bounding box for a node from the DOM\n *\n * @param nodeUuid - The UUID of the node\n * @param position - The current position of the node\n * @param element - Optional pre-fetched DOM element (recommended for performance when checking multiple nodes)\n * @returns NodeBounds object or null if element not found\n *\n * Note: When element is not provided, performs a DOM query which may impact performance\n * during bulk collision detection. Consider fetching elements beforehand when possible.\n */\nexport const getNodeBounds = (\n  nodeUuid: string,\n  position: FlowPosition,\n  element?: HTMLElement\n): NodeBounds | null => {\n  // If element is provided, use it; otherwise try to find it in DOM\n  const nodeElement =\n    element || (document.querySelector(`[id=\"${nodeUuid}\"]`) as HTMLElement);\n\n  if (!nodeElement) {\n    return null;\n  }\n\n  const rect = nodeElement.getBoundingClientRect();\n  const width = rect.width;\n  const height = rect.height;\n\n  return {\n    uuid: nodeUuid,\n    left: position.left,\n    top: position.top,\n    right: position.left + width,\n    bottom: position.top + height,\n    width,\n    height\n  };\n};\n\n/**\n * Checks if two node bounding boxes overlap\n */\nexport const nodesOverlap = (\n  bounds1: NodeBounds,\n  bounds2: NodeBounds\n): boolean => {\n  // Use a small buffer to avoid floating point precision issues\n  const buffer = OVERLAP_BUFFER;\n\n  return !(\n    bounds1.right <= bounds2.left - buffer ||\n    bounds1.left >= bounds2.right + buffer ||\n    bounds1.bottom <= bounds2.top - buffer ||\n    bounds1.top >= bounds2.bottom + buffer\n  );\n};\n\n/**\n * Detects all collisions between a node and other nodes\n */\nexport const detectCollisions = (\n  targetBounds: NodeBounds,\n  allBounds: NodeBounds[]\n): NodeBounds[] => {\n  return allBounds.filter(\n    (bounds) =>\n      bounds.uuid !== targetBounds.uuid && nodesOverlap(targetBounds, bounds)\n  );\n};\n\ntype Direction = 'down' | 'up' | 'right' | 'left';\n\nconst DIRECTIONS: Direction[] = ['down', 'up', 'right', 'left'];\n\n/**\n * Creates a new NodeBounds at a different position\n */\nconst makeBoundsAt = (\n  original: NodeBounds,\n  left: number,\n  top: number\n): NodeBounds => ({\n  ...original,\n  left,\n  top,\n  right: left + original.width,\n  bottom: top + original.height\n});\n\n/**\n * Computes the minimum position needed to clear all fixed nodes in a given direction.\n * Returns null if the direction is not viable (e.g., would require negative coordinates\n * and still overlap).\n */\nconst computeDirectionalClearance = (\n  collider: NodeBounds,\n  fixedNodes: NodeBounds[],\n  direction: Direction\n): { left: number; top: number } | null => {\n  switch (direction) {\n    case 'down': {\n      const maxBottom = Math.max(...fixedNodes.map((f) => f.bottom));\n      const newTop = snapToGrid(maxBottom + MIN_NODE_SPACING);\n      return { left: collider.left, top: newTop };\n    }\n    case 'up': {\n      const minTop = Math.min(...fixedNodes.map((f) => f.top));\n      const newTop = snapToGrid(minTop - collider.height - MIN_NODE_SPACING);\n      if (newTop < 0) return { left: collider.left, top: 0 };\n      return { left: collider.left, top: newTop };\n    }\n    case 'right': {\n      const maxRight = Math.max(...fixedNodes.map((f) => f.right));\n      const newLeft = snapToGrid(maxRight + MIN_NODE_SPACING);\n      return { left: newLeft, top: collider.top };\n    }\n    case 'left': {\n      const minLeft = Math.min(...fixedNodes.map((f) => f.left));\n      const newLeft = snapToGrid(minLeft - collider.width - MIN_NODE_SPACING);\n      if (newLeft < 0) return { left: 0, top: collider.top };\n      return { left: newLeft, top: collider.top };\n    }\n  }\n};\n\n/**\n * Calculates new positions to resolve all collisions using multi-directional reflow.\n *\n * Sacred nodes (the ones just dropped/created) keep their positions. All other\n * colliding nodes are moved in whichever direction requires the least displacement\n * and causes the fewest cascading collisions.\n */\nexport const calculateReflowPositions = (\n  sacredNodeUuids: string[],\n  allBounds: NodeBounds[]\n): Map<string, FlowPosition> => {\n  const newPositions = new Map<string, FlowPosition>();\n  const sacredSet = new Set(sacredNodeUuids);\n\n  // Mutable map of current bounds, updated as collisions are resolved\n  const currentBounds = new Map<string, NodeBounds>();\n  for (const b of allBounds) {\n    currentBounds.set(b.uuid, { ...b });\n  }\n\n  // A sacred node yields to an existing node at the top of the canvas when\n  // the sacred wasn't dropped above it. The existing node keeps its top\n  // position and the sacred node moves below instead.\n  for (const sacredUuid of [...sacredSet]) {\n    const sacred = currentBounds.get(sacredUuid);\n    if (!sacred) continue;\n\n    for (const [uuid, bounds] of currentBounds) {\n      if (uuid === sacredUuid || sacredSet.has(uuid)) continue;\n      if (!nodesOverlap(sacred, bounds)) continue;\n\n      if (sacred.top > bounds.top && bounds.top < MIN_NODE_SPACING) {\n        sacredSet.delete(sacredUuid);\n        sacredSet.add(uuid);\n        break;\n      }\n    }\n  }\n\n  // Seed the queue with non-sacred nodes that overlap any sacred node\n  const queue: string[] = [];\n  const inQueue = new Set<string>();\n\n  for (const sacredUuid of sacredSet) {\n    const sacred = currentBounds.get(sacredUuid);\n    if (!sacred) continue;\n    for (const [uuid, bounds] of currentBounds) {\n      if (sacredSet.has(uuid) || inQueue.has(uuid)) continue;\n      if (nodesOverlap(sacred, bounds)) {\n        queue.push(uuid);\n        inQueue.add(uuid);\n      }\n    }\n  }\n\n  const resolved = new Set<string>();\n  let iterations = 0;\n  const maxIterations = 200;\n\n  while (queue.length > 0 && iterations < maxIterations) {\n    iterations++;\n    const uuid = queue.shift()!;\n\n    if (resolved.has(uuid)) continue;\n\n    const collider = currentBounds.get(uuid)!;\n\n    // Find all fixed nodes (sacred + already-resolved) that overlap this node\n    const fixedOverlaps: NodeBounds[] = [];\n    for (const [otherUuid, otherBounds] of currentBounds) {\n      if (otherUuid === uuid) continue;\n      if (sacredSet.has(otherUuid) || resolved.has(otherUuid)) {\n        if (nodesOverlap(collider, otherBounds)) {\n          fixedOverlaps.push(otherBounds);\n        }\n      }\n    }\n\n    if (fixedOverlaps.length === 0) continue;\n\n    // Determine direction constraints and axis bias from sacred node overlaps\n    const sacredOverlaps = fixedOverlaps.filter((f) => sacredSet.has(f.uuid));\n    const allowedDirections: Direction[] = [...DIRECTIONS];\n    let axisBias: 'vertical' | 'horizontal' | null = null;\n\n    if (sacredOverlaps.length > 0) {\n      // Rule 1: don't move a lower node above the sacred node\n      // Rule 2: don't move a right-of node to the left of the sacred node\n      for (const sacred of sacredOverlaps) {\n        if (collider.top > sacred.top) {\n          const idx = allowedDirections.indexOf('up');\n          if (idx !== -1) allowedDirections.splice(idx, 1);\n        }\n        if (collider.left > sacred.left) {\n          const idx = allowedDirections.indexOf('left');\n          if (idx !== -1) allowedDirections.splice(idx, 1);\n        }\n      }\n\n      // Rule 3: bias direction based on overlap shape\n      let totalOverlapWidth = 0;\n      let totalOverlapHeight = 0;\n      for (const sacred of sacredOverlaps) {\n        totalOverlapWidth +=\n          Math.min(collider.right, sacred.right) -\n          Math.max(collider.left, sacred.left);\n        totalOverlapHeight +=\n          Math.min(collider.bottom, sacred.bottom) -\n          Math.max(collider.top, sacred.top);\n      }\n      if (totalOverlapWidth > totalOverlapHeight) {\n        axisBias = 'vertical'; // wide overlap = nodes stacked = prefer up/down\n      } else if (totalOverlapHeight > totalOverlapWidth) {\n        axisBias = 'horizontal'; // tall overlap = nodes side-by-side = prefer left/right\n      }\n    }\n\n    // Try each allowed direction, pick the one with least disruption\n    let bestPos: { left: number; top: number } | null = null;\n    let bestScore = Infinity;\n\n    for (const dir of allowedDirections) {\n      const candidate = computeDirectionalClearance(\n        collider,\n        fixedOverlaps,\n        dir\n      );\n      if (!candidate) continue;\n\n      const candidateBounds = makeBoundsAt(\n        collider,\n        candidate.left,\n        candidate.top\n      );\n\n      // Verify no overlap with any sacred or resolved node\n      let stillOverlaps = false;\n      let cascadeCount = 0;\n      for (const [otherUuid, otherBounds] of currentBounds) {\n        if (otherUuid === uuid) continue;\n        if (!nodesOverlap(candidateBounds, otherBounds)) continue;\n\n        if (sacredSet.has(otherUuid) || resolved.has(otherUuid)) {\n          stillOverlaps = true;\n          break;\n        }\n        cascadeCount++;\n      }\n      if (stillOverlaps) continue;\n\n      const distance =\n        Math.abs(candidate.left - collider.left) +\n        Math.abs(candidate.top - collider.top);\n\n      // When colliding with sacred nodes, use axis bias scoring;\n      // for cascading collisions (no sacred overlap), use original scoring\n      let score: number;\n      if (sacredOverlaps.length > 0) {\n        const isVerticalDir = dir === 'up' || dir === 'down';\n        const axisMatch =\n          axisBias === null ||\n          (axisBias === 'vertical' && isVerticalDir) ||\n          (axisBias === 'horizontal' && !isVerticalDir);\n        const axisPenalty = axisMatch ? 0 : 5000;\n        score = cascadeCount * 2000 + axisPenalty + distance;\n      } else {\n        score = cascadeCount * 10000 + distance;\n      }\n\n      if (score < bestScore) {\n        bestScore = score;\n        bestPos = candidate;\n      }\n    }\n\n    if (bestPos) {\n      newPositions.set(uuid, { left: bestPos.left, top: bestPos.top });\n      const newBounds = makeBoundsAt(collider, bestPos.left, bestPos.top);\n      currentBounds.set(uuid, newBounds);\n      resolved.add(uuid);\n\n      // Enqueue any new cascading collisions\n      for (const [otherUuid, otherBounds] of currentBounds) {\n        if (otherUuid === uuid) continue;\n        if (sacredSet.has(otherUuid) || resolved.has(otherUuid)) continue;\n        if (inQueue.has(otherUuid)) continue;\n        if (nodesOverlap(newBounds, otherBounds)) {\n          queue.push(otherUuid);\n          inQueue.add(otherUuid);\n        }\n      }\n    }\n  }\n\n  return newPositions;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/flow/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\nimport { NamedObject, FlowPosition } from '../store/flow-definition';\nimport { FlowIssue } from '../store/AppState';\n\nconst IS_MAC =\n  typeof navigator !== 'undefined' &&\n  /Mac|iPod|iPhone|iPad/.test(navigator.platform);\n\n/**\n * Returns true if the mouse event is a right-click or equivalent:\n * - button !== 0 (actual right-click or middle-click on any platform)\n * - ctrl+click on macOS (emulates right-click / context menu)\n */\nexport function isRightClick(event: MouseEvent): boolean {\n  if (event.button !== 0) return true;\n  if (IS_MAC && event.ctrlKey) return true;\n  return false;\n}\n\nexport function formatIssueMessage(issue: FlowIssue): string {\n  if (issue.dependency) {\n    const name = issue.dependency.name || issue.dependency.key;\n    return `Cannot find a ${issue.dependency.type} for ${name}`;\n  }\n  return issue.description;\n}\n\nconst GRID_SIZE = 20;\n\nexport function snapToGrid(value: number): number {\n  const snapped = Math.round(value / GRID_SIZE) * GRID_SIZE;\n  return Math.max(snapped, 0);\n}\n\n/**\n * Renders a single line item with optional icon\n */\nexport const renderLineItem = (name: string, icon?: string) => {\n  return html`<div style=\"display:flex;items-align:center;\">\n    ${icon\n      ? html`<temba-icon name=${icon} style=\"margin-right:0.5em\"></temba-icon>`\n      : null}\n    <div\n      style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px;\"\n    >\n      ${name}\n    </div>\n  </div>`;\n};\n\n/**\n * Renders a list of named objects with optional icon, showing up to 3 items\n * with a \"+X more\" indicator if there are more items\n */\nexport const renderNamedObjects = (assets: NamedObject[], icon?: string) => {\n  return renderStringList(\n    assets.map((asset) => asset.name),\n    icon\n  );\n};\n\n/**\n * Renders a list of strings with optional icon, showing up to 3 items\n * with a \"+X more\" indicator if there are more items\n */\nexport const renderStringList = (items: string[], icon?: string) => {\n  const itemElements = [];\n  const maxDisplay = 3;\n\n  // Show up to 3 items, or all 4 if exactly 4 items\n  const displayCount =\n    items.length === 4 ? 4 : Math.min(maxDisplay, items.length);\n\n  for (let i = 0; i < displayCount; i++) {\n    const item = items[i];\n    itemElements.push(renderLineItem(item, icon));\n  }\n\n  // Add \"+X more\" if there are more than 3 items (and not exactly 4)\n  if (items.length > maxDisplay && items.length !== 4) {\n    const remainingCount = items.length - maxDisplay;\n    itemElements.push(html`<div\n      style=\"display:flex;items-align:center;margin-top:0.2em;\"\n    >\n      ${icon\n        ? html`<div style=\"margin-right:0.4em; width: 1em;\"></div>` // spacing placeholder\n        : null}\n      <div style=\"font-size:0.8em\">+${remainingCount} more</div>\n    </div>`);\n  }\n  return itemElements;\n};\n\nexport interface Scheme {\n  scheme: string;\n  name: string;\n  path: string;\n  excludeFromSplit?: boolean;\n}\n\nexport const SCHEMES: Scheme[] = [\n  {\n    scheme: 'tel',\n    name: 'SMS',\n    path: 'Phone Number'\n  },\n  {\n    scheme: 'whatsapp',\n    name: 'WhatsApp',\n    path: 'WhatsApp Number'\n  },\n  {\n    scheme: 'facebook',\n    name: 'Facebook',\n    path: 'Facebook ID'\n  },\n  {\n    scheme: 'instagram',\n    name: 'Instagram',\n    path: 'Instagram ID'\n  },\n  {\n    scheme: 'twitterid',\n    name: 'Twitter',\n    path: 'Twitter ID',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'telegram',\n    name: 'Telegram',\n    path: 'Telegram ID'\n  },\n  {\n    scheme: 'viber',\n    name: 'Viber',\n    path: 'Viber ID'\n  },\n  {\n    scheme: 'line',\n    name: 'Line',\n    path: 'Line ID'\n  },\n  {\n    scheme: 'wechat',\n    name: 'WeChat',\n    path: 'WeChat ID'\n  },\n  {\n    scheme: 'fcm',\n    name: 'Firebase',\n    path: 'Firebase ID'\n  },\n  {\n    scheme: 'jiochat',\n    name: 'JioChat',\n    path: 'JioChat ID'\n  },\n  {\n    scheme: 'freshchat',\n    name: 'Freshchat',\n    path: 'Freshchat ID'\n  },\n  {\n    scheme: 'mailto',\n    name: 'Email',\n    path: 'Email Address',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'twitter',\n    name: 'Twitter',\n    path: 'Twitter Handle',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'vk',\n    name: 'VK',\n    path: 'VK ID'\n  },\n  {\n    scheme: 'discord',\n    name: 'Discord',\n    path: 'Discord ID'\n  },\n  {\n    scheme: 'webchat',\n    name: 'Webchat',\n    path: 'Webchat ID',\n    excludeFromSplit: true\n  },\n  {\n    scheme: 'rocketchat',\n    name: 'RocketChat',\n    path: 'RocketChat ID'\n  },\n  {\n    scheme: 'ext',\n    name: 'External',\n    path: 'External ID'\n  }\n];\n\n/**\n * Represents the bounding box of a node on the canvas\n */\nexport interface NodeBounds {\n  uuid: string;\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Minimum vertical spacing between nodes (in pixels)\n */\nconst MIN_NODE_SPACING = 30;\n\n/**\n * Small buffer to avoid floating point precision issues in overlap detection (in pixels)\n * This prevents false positives when nodes are exactly adjacent (e.g., bottom of one node\n * at exactly the same position as top of another)\n */\nconst OVERLAP_BUFFER = 10;\n\n/**\n * Gets the bounding box for a node from the DOM\n *\n * @param nodeUuid - The UUID of the node\n * @param position - The current position of the node\n * @param element - Optional pre-fetched DOM element (recommended for performance when checking multiple nodes)\n * @returns NodeBounds object or null if element not found\n *\n * Note: When element is not provided, performs a DOM query which may impact performance\n * during bulk collision detection. Consider fetching elements beforehand when possible.\n */\nexport const getNodeBounds = (\n  nodeUuid: string,\n  position: FlowPosition,\n  element?: HTMLElement\n): NodeBounds | null => {\n  // If element is provided, use it; otherwise try to find it in DOM\n  const nodeElement =\n    element || (document.querySelector(`[id=\"${nodeUuid}\"]`) as HTMLElement);\n\n  if (!nodeElement) {\n    return null;\n  }\n\n  // Use offsetWidth/offsetHeight instead of getBoundingClientRect() so\n  // dimensions are in CSS-layout space and unaffected by ancestor transforms (zoom).\n  const width = nodeElement.offsetWidth;\n  const height = nodeElement.offsetHeight;\n\n  return {\n    uuid: nodeUuid,\n    left: position.left,\n    top: position.top,\n    right: position.left + width,\n    bottom: position.top + height,\n    width,\n    height\n  };\n};\n\n/**\n * Checks if two node bounding boxes overlap\n */\nexport const nodesOverlap = (\n  bounds1: NodeBounds,\n  bounds2: NodeBounds\n): boolean => {\n  // Use a small buffer to avoid floating point precision issues\n  const buffer = OVERLAP_BUFFER;\n\n  return !(\n    bounds1.right <= bounds2.left - buffer ||\n    bounds1.left >= bounds2.right + buffer ||\n    bounds1.bottom <= bounds2.top - buffer ||\n    bounds1.top >= bounds2.bottom + buffer\n  );\n};\n\n/**\n * Detects all collisions between a node and other nodes\n */\nexport const detectCollisions = (\n  targetBounds: NodeBounds,\n  allBounds: NodeBounds[]\n): NodeBounds[] => {\n  return allBounds.filter(\n    (bounds) =>\n      bounds.uuid !== targetBounds.uuid && nodesOverlap(targetBounds, bounds)\n  );\n};\n\ntype Direction = 'down' | 'up' | 'right' | 'left';\n\nconst DIRECTIONS: Direction[] = ['down', 'up', 'right', 'left'];\n\n/**\n * Creates a new NodeBounds at a different position\n */\nconst makeBoundsAt = (\n  original: NodeBounds,\n  left: number,\n  top: number\n): NodeBounds => ({\n  ...original,\n  left,\n  top,\n  right: left + original.width,\n  bottom: top + original.height\n});\n\n/**\n * Computes the minimum position needed to clear all fixed nodes in a given direction.\n * Returns null if the direction is not viable (e.g., would require negative coordinates\n * and still overlap).\n */\nconst computeDirectionalClearance = (\n  collider: NodeBounds,\n  fixedNodes: NodeBounds[],\n  direction: Direction\n): { left: number; top: number } | null => {\n  switch (direction) {\n    case 'down': {\n      const maxBottom = Math.max(...fixedNodes.map((f) => f.bottom));\n      const newTop = snapToGrid(maxBottom + MIN_NODE_SPACING);\n      return { left: collider.left, top: newTop };\n    }\n    case 'up': {\n      const minTop = Math.min(...fixedNodes.map((f) => f.top));\n      const newTop = snapToGrid(minTop - collider.height - MIN_NODE_SPACING);\n      if (newTop < 0) return { left: collider.left, top: 0 };\n      return { left: collider.left, top: newTop };\n    }\n    case 'right': {\n      const maxRight = Math.max(...fixedNodes.map((f) => f.right));\n      const newLeft = snapToGrid(maxRight + MIN_NODE_SPACING);\n      return { left: newLeft, top: collider.top };\n    }\n    case 'left': {\n      const minLeft = Math.min(...fixedNodes.map((f) => f.left));\n      const newLeft = snapToGrid(minLeft - collider.width - MIN_NODE_SPACING);\n      if (newLeft < 0) return { left: 0, top: collider.top };\n      return { left: newLeft, top: collider.top };\n    }\n  }\n};\n\n/**\n * Calculates new positions to resolve all collisions using multi-directional reflow.\n *\n * Sacred nodes (the ones just dropped/created) keep their positions. All other\n * colliding nodes are moved in whichever direction requires the least displacement\n * and causes the fewest cascading collisions.\n */\nexport const calculateReflowPositions = (\n  sacredNodeUuids: string[],\n  allBounds: NodeBounds[]\n): Map<string, FlowPosition> => {\n  const newPositions = new Map<string, FlowPosition>();\n  const sacredSet = new Set(sacredNodeUuids);\n\n  // Mutable map of current bounds, updated as collisions are resolved\n  const currentBounds = new Map<string, NodeBounds>();\n  for (const b of allBounds) {\n    currentBounds.set(b.uuid, { ...b });\n  }\n\n  // A sacred node yields to an existing node at the top of the canvas when\n  // the sacred wasn't dropped above it. The existing node keeps its top\n  // position and the sacred node moves below instead.\n  for (const sacredUuid of [...sacredSet]) {\n    const sacred = currentBounds.get(sacredUuid);\n    if (!sacred) continue;\n\n    for (const [uuid, bounds] of currentBounds) {\n      if (uuid === sacredUuid || sacredSet.has(uuid)) continue;\n      if (!nodesOverlap(sacred, bounds)) continue;\n\n      if (sacred.top > bounds.top && bounds.top < MIN_NODE_SPACING) {\n        sacredSet.delete(sacredUuid);\n        sacredSet.add(uuid);\n        break;\n      }\n    }\n  }\n\n  // Seed the queue with non-sacred nodes that overlap any sacred node\n  const queue: string[] = [];\n  const inQueue = new Set<string>();\n\n  for (const sacredUuid of sacredSet) {\n    const sacred = currentBounds.get(sacredUuid);\n    if (!sacred) continue;\n    for (const [uuid, bounds] of currentBounds) {\n      if (sacredSet.has(uuid) || inQueue.has(uuid)) continue;\n      if (nodesOverlap(sacred, bounds)) {\n        queue.push(uuid);\n        inQueue.add(uuid);\n      }\n    }\n  }\n\n  const resolved = new Set<string>();\n  let iterations = 0;\n  const maxIterations = 200;\n\n  while (queue.length > 0 && iterations < maxIterations) {\n    iterations++;\n    const uuid = queue.shift()!;\n\n    if (resolved.has(uuid)) continue;\n\n    const collider = currentBounds.get(uuid)!;\n\n    // Find all fixed nodes (sacred + already-resolved) that overlap this node\n    const fixedOverlaps: NodeBounds[] = [];\n    for (const [otherUuid, otherBounds] of currentBounds) {\n      if (otherUuid === uuid) continue;\n      if (sacredSet.has(otherUuid) || resolved.has(otherUuid)) {\n        if (nodesOverlap(collider, otherBounds)) {\n          fixedOverlaps.push(otherBounds);\n        }\n      }\n    }\n\n    if (fixedOverlaps.length === 0) continue;\n\n    // Determine direction constraints and axis bias from sacred node overlaps\n    const sacredOverlaps = fixedOverlaps.filter((f) => sacredSet.has(f.uuid));\n    const allowedDirections: Direction[] = [...DIRECTIONS];\n    let axisBias: 'vertical' | 'horizontal' | null = null;\n\n    if (sacredOverlaps.length > 0) {\n      // Rule 1: don't move a lower node above the sacred node\n      // Rule 2: don't move a right-of node to the left of the sacred node\n      for (const sacred of sacredOverlaps) {\n        if (collider.top > sacred.top) {\n          const idx = allowedDirections.indexOf('up');\n          if (idx !== -1) allowedDirections.splice(idx, 1);\n        }\n        if (collider.left > sacred.left) {\n          const idx = allowedDirections.indexOf('left');\n          if (idx !== -1) allowedDirections.splice(idx, 1);\n        }\n      }\n\n      // Rule 3: bias direction based on overlap shape\n      let totalOverlapWidth = 0;\n      let totalOverlapHeight = 0;\n      for (const sacred of sacredOverlaps) {\n        totalOverlapWidth +=\n          Math.min(collider.right, sacred.right) -\n          Math.max(collider.left, sacred.left);\n        totalOverlapHeight +=\n          Math.min(collider.bottom, sacred.bottom) -\n          Math.max(collider.top, sacred.top);\n      }\n      if (totalOverlapWidth > totalOverlapHeight) {\n        axisBias = 'vertical'; // wide overlap = nodes stacked = prefer up/down\n      } else if (totalOverlapHeight > totalOverlapWidth) {\n        axisBias = 'horizontal'; // tall overlap = nodes side-by-side = prefer left/right\n      }\n    }\n\n    // Try each allowed direction, pick the one with least disruption\n    let bestPos: { left: number; top: number } | null = null;\n    let bestScore = Infinity;\n\n    for (const dir of allowedDirections) {\n      const candidate = computeDirectionalClearance(\n        collider,\n        fixedOverlaps,\n        dir\n      );\n      if (!candidate) continue;\n\n      const candidateBounds = makeBoundsAt(\n        collider,\n        candidate.left,\n        candidate.top\n      );\n\n      // Verify no overlap with any sacred or resolved node\n      let stillOverlaps = false;\n      let cascadeCount = 0;\n      for (const [otherUuid, otherBounds] of currentBounds) {\n        if (otherUuid === uuid) continue;\n        if (!nodesOverlap(candidateBounds, otherBounds)) continue;\n\n        if (sacredSet.has(otherUuid) || resolved.has(otherUuid)) {\n          stillOverlaps = true;\n          break;\n        }\n        cascadeCount++;\n      }\n      if (stillOverlaps) continue;\n\n      const distance =\n        Math.abs(candidate.left - collider.left) +\n        Math.abs(candidate.top - collider.top);\n\n      // When colliding with sacred nodes, use axis bias scoring;\n      // for cascading collisions (no sacred overlap), use original scoring\n      let score: number;\n      if (sacredOverlaps.length > 0) {\n        const isVerticalDir = dir === 'up' || dir === 'down';\n        const axisMatch =\n          axisBias === null ||\n          (axisBias === 'vertical' && isVerticalDir) ||\n          (axisBias === 'horizontal' && !isVerticalDir);\n        const axisPenalty = axisMatch ? 0 : 5000;\n        score = cascadeCount * 2000 + axisPenalty + distance;\n      } else {\n        score = cascadeCount * 10000 + distance;\n      }\n\n      if (score < bestScore) {\n        bestScore = score;\n        bestPos = candidate;\n      }\n    }\n\n    if (bestPos) {\n      newPositions.set(uuid, { left: bestPos.left, top: bestPos.top });\n      const newBounds = makeBoundsAt(collider, bestPos.left, bestPos.top);\n      currentBounds.set(uuid, newBounds);\n      resolved.add(uuid);\n\n      // Enqueue any new cascading collisions\n      for (const [otherUuid, otherBounds] of currentBounds) {\n        if (otherUuid === uuid) continue;\n        if (sacredSet.has(otherUuid) || resolved.has(otherUuid)) continue;\n        if (inQueue.has(otherUuid)) continue;\n        if (nodesOverlap(newBounds, otherBounds)) {\n          queue.push(otherUuid);\n          inQueue.add(otherUuid);\n        }\n      }\n    }\n  }\n\n  return newPositions;\n};\n"]}

package/out-tsc/src/form/Compose.js

@@ -368,6 +368,11 @@ export class Compose extends FieldElement {
         }
     }
     triggerSend() {
+        // Recompute empty synchronously since the Lit update cycle that normally
+        // calls checkIfEmpty() in updated() may not have flushed yet (currentText
+        // is set synchronously in handleChatboxChange, but empty is only updated
+        // in the async updated() callback).
+        this.checkIfEmpty();
         if (!this.empty) {
             this.fireCustomEvent(CustomEventType.Submitted, {
                 langValues: this.langValues

package/out-tsc/src/form/Compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"Compose.js","sourceRoot":"","sources":["../../../src/form/Compose.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { FieldElement } from './FieldElement';\nimport { property } from 'lit/decorators.js';\nimport { Attachment, CustomEventType, Language, Shortcut } from '../interfaces';\nimport { DEFAULT_MEDIA_ENDPOINT, getClasses } from '../utils';\nimport { Completion } from './Completion';\nimport { Select } from './select/Select';\nimport { TabPane } from '../layout/TabPane';\nimport { MediaPicker } from './MediaPicker';\nimport { Tab } from '../layout/Tab';\nimport { TextInput } from './TextInput';\nimport { ShortcutList } from '../list/ShortcutList';\n\nexport interface ComposeValue {\n  text: string;\n  attachments: { uuid: string }[];\n  quick_replies: string[];\n  optin: string;\n  template: string;\n  variables: string[];\n}\n\nexport class Compose extends FieldElement {\n  static get styles() {\n    return css`\n      :host {\n        overflow: hidden;\n        border-top-right-radius: var(--curvature);\n        border-top-left-radius: var(--curvature);\n      }\n\n      .active-template .chatbox {\n        display: none;\n      }\n\n      .active-template .actions {\n        border: none;\n      }\n\n      .container {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        position: relative;\n        overflow: hidden;\n        border-radius: var(--compose-curvature, var(--curvature-widget));\n        background: var(--color-widget-bg);\n        border: var(--compose-border, 1px solid var(--color-widget-border));\n        transition: all ease-in-out var(--transition-speed);\n        box-shadow: var(--compose-shadow, var(--widget-box-shadow));\n        caret-color: var(--input-caret);\n        --color-widget-bg-focused: transparent;\n        --color-widget-bg: transparent;\n      }\n\n      .chatbox {\n        --color-widget-border: none;\n        --curvature-widget: var(\n          --compose-curvature,\n          var(--curvature) var(--curvature) 0px 0px\n        );\n\n        --widget-box-shadow: none;\n        display: block;\n        flex-grow: 1;\n        --widget-box-shadow-focused: none;\n        --temba-textinput-padding: 1em 1em;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0em;\n        background: #f9f9f9;\n      }\n\n      .actions-right {\n        display: flex;\n        align-items: center;\n      }\n\n      temba-charcount {\n        margin-right: 5px;\n        overflow: hidden;\n        --temba-charcount-counts-margin-top: 0px;\n        --temba-charcount-summary-margin-top: 0px;\n        --temba-charcount-summary-position: fixed;\n        --temba-charcount-summary-right: 105px;\n        --temba-charcount-summary-bottom: 105px;\n      }\n\n      .send-error {\n        color: rgba(250, 0, 0, 0.75);\n        font-size: var(--help-text-size);\n        padding: 0.5em;\n      }\n\n      .language {\n        margin-bottom: 0.6em;\n        display: block;\n      }\n\n      .top-right {\n        align-items: center;\n        display: flex;\n      }\n\n      .gutter {\n        align-items: center;\n        display: flex;\n        margin: 0.5em;\n      }\n\n      temba-tabs {\n        --temba-tabs-border-bottom: none;\n        --temba-tabs-border-left: none;\n        --temba-tabs-border-right: none;\n        --temba-tabs-options-padding: 0.25em 0 0 0.25em;\n      }\n\n      temba-completion {\n        --textarea-min-height: 8em;\n      }\n\n      .quick-replies {\n        margin: 0.8em;\n      }\n\n      .optins {\n        margin: 0.8em;\n      }\n\n      .templates {\n        margin: 0.8em;\n      }\n\n      .attachments {\n        min-height: 5em;\n        padding: 0.2em;\n        align-items: center;\n        display: flex;\n        background: #f9f9f9;\n        border-radius: var(--curvature);\n        margin: 0.6em;\n        margin-bottom: 0em;\n      }\n\n      .pane-bottom {\n        border: 0px solid red;\n        --color-placeholder: rgba(0, 0, 0, 0.2);\n        flex-grow: 99;\n      }\n\n      .shortcut-wrapper {\n        max-height: var(--shortcuts-height, 12em);\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n        --options-block-shadow: none;\n        --curvature-widget: 0px;\n        --color-options-bg: #fff;\n        border-bottom: 1px solid var(--color-widget-border);\n      }\n\n      temba-shortcuts {\n        flex-grow: 1;\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  index = 1;\n\n  @property({ type: Number })\n  maxAttachments = 3;\n\n  @property({ type: Number })\n  maxLength = 640;\n\n  @property({ type: Number })\n  maxQuickReplies = 10;\n\n  @property({ type: Boolean })\n  completion: boolean;\n\n  @property({ type: Boolean })\n  attachments: boolean;\n\n  @property({ type: Boolean })\n  quickReplies: boolean;\n\n  @property({ type: Boolean })\n  optIns: boolean;\n\n  @property({ type: Boolean })\n  templates: boolean;\n\n  @property({ type: Boolean })\n  counter: boolean;\n\n  @property({ type: Boolean })\n  autogrow: boolean;\n\n  @property({ type: Boolean })\n  shortcuts: boolean;\n\n  @property({ type: String })\n  currentText = '';\n\n  @property({ type: String })\n  initialText = '';\n\n  @property({ type: String })\n  accept = ''; //e.g. \".xls,.xlsx\"\n\n  @property({ type: String, attribute: false })\n  endpoint = DEFAULT_MEDIA_ENDPOINT;\n\n  @property({ type: Boolean, attribute: false })\n  uploading: boolean;\n\n  @property({ type: Array })\n  languages: Language[] = [];\n\n  @property({ type: Array })\n  currentAttachments: Attachment[] = [];\n\n  @property({ type: Array })\n  currentQuickReplies: { name: string; value: string }[] = [];\n\n  @property({ type: Array })\n  currentOptin: { name: string; uuid: string }[] = [];\n\n  @property({ type: Array })\n  variables: string[] = [];\n\n  @property({ type: String })\n  template: string;\n\n  @property({ type: Object })\n  currentTemplate: { name: string; uuid: string };\n\n  // locale for the template\n  @property({ type: String })\n  locale: string;\n\n  @property({ type: String })\n  optinEndpoint = '/api/v2/optins.json';\n\n  @property({ type: String })\n  templateEndpoint = '/api/internal/templates.json';\n\n  @property({ type: Boolean, attribute: false })\n  empty = true;\n\n  @property({ type: Boolean, attribute: 'widget_only' })\n  widgetOnly: boolean;\n\n  @property({ type: Array })\n  errors: string[];\n\n  @property({ type: Object })\n  langValues: {\n    [lang: string]: {\n      text: string;\n      attachments: Attachment[];\n      quick_replies: string[];\n      optin?: { name: string; uuid: string };\n      template?: string;\n      variables?: string[];\n      locale?: string;\n    };\n  } = {};\n\n  @property({ type: String })\n  currentLanguage = 'und';\n\n  @property({ type: Object })\n  currentTab: Tab;\n\n  @property({ type: Boolean })\n  hasPendingText = false;\n\n  @property({ type: Object })\n  activeShortcut: Shortcut;\n\n  public constructor() {\n    super();\n  }\n\n  private isBaseLanguage(): boolean {\n    return (\n      this.currentLanguage == 'und' ||\n      this.currentLanguage == this.languages[0].iso\n    );\n  }\n\n  private handleTabChanged() {\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    this.currentTab = tabs.getCurrentTab();\n    if (this.currentTab && this.currentTab.name === 'Shortcuts') {\n      const shortcuts = this.shadowRoot.querySelector(\n        'temba-shortcuts'\n      ) as ShortcutList;\n      shortcuts.filter = '';\n    }\n    this.setFocusOnChatbox();\n  }\n\n  public firstUpdated(changes: Map<string, any>): void {\n    super.firstUpdated(changes);\n\n    if (changes.has('languages') && this.languages.length > 0) {\n      this.currentLanguage = this.languages[0].iso;\n    }\n\n    if (changes.has('value')) {\n      this.langValues = this.getDeserializedValue() || {};\n      this.variables = this.langValues[this.currentLanguage]?.variables || [];\n      this.template = this.langValues[this.currentLanguage]?.template || null;\n    }\n    this.setFocusOnChatbox();\n  }\n\n  public updated(changes: Map<string, any>): void {\n    super.updated(changes);\n\n    if (changes.has('currentLanguage') && this.langValues) {\n      let langValue = {\n        text: '',\n        attachments: [],\n        quick_replies: []\n      };\n\n      if (this.currentLanguage in this.langValues) {\n        langValue = this.langValues[this.currentLanguage];\n      }\n\n      this.currentText = langValue.text;\n      this.initialText = langValue.text;\n      this.currentAttachments = langValue.attachments;\n      this.currentQuickReplies = (langValue.quick_replies || []).map(\n        (value) => {\n          return { name: value, value };\n        }\n      );\n      this.currentOptin = langValue['optin'] ? [langValue['optin']] : [];\n      this.setFocusOnChatbox();\n\n      // TODO: this feels like it shouldn't be needed\n      const chatbox = this.shadowRoot.querySelector('.chatbox') as any;\n      if (chatbox) {\n        chatbox.value = this.initialText;\n      }\n      this.resetTabs();\n      this.requestUpdate('currentAttachments');\n    }\n\n    if (\n      (this.langValues &&\n        (changes.has('currentText') ||\n          changes.has('currentAttachments') ||\n          changes.has('currentQuickReplies'))) ||\n      changes.has('currentOptin') ||\n      changes.has('currentTemplate') ||\n      changes.has('variables')\n    ) {\n      this.checkIfEmpty();\n\n      const trimmed = this.currentText ? this.currentText.trim() : '';\n      if (\n        trimmed ||\n        (this.currentAttachments || []).length > 0 ||\n        this.currentQuickReplies.length > 0 ||\n        this.variables.length > 0\n      ) {\n        this.langValues[this.currentLanguage] = {\n          text: trimmed,\n          attachments: this.currentAttachments,\n          quick_replies: this.currentQuickReplies.map((option) => option.value),\n          optin: this.currentOptin.length > 0 ? this.currentOptin[0] : null,\n          template: this.currentTemplate ? this.currentTemplate.uuid : null,\n          variables: this.variables,\n          locale: this.locale\n        };\n      } else {\n        delete this.langValues[this.currentLanguage];\n      }\n      this.fireCustomEvent(CustomEventType.ContentChanged, this.langValues);\n      this.requestUpdate('langValues');\n      this.setValue(this.langValues);\n    }\n  }\n\n  private handleAttachmentsChanged(event: CustomEvent) {\n    const media = event.target as MediaPicker;\n    this.currentAttachments = media.attachments;\n    this.requestUpdate();\n  }\n\n  private setFocusOnChatbox(): void {\n    const completion = this.shadowRoot.querySelector('.chatbox') as Completion;\n    if (completion) {\n      window.setTimeout(() => {\n        completion.focus();\n      }, 0);\n    }\n  }\n\n  public reset(): void {\n    const completion = this.shadowRoot.querySelector('.chatbox') as Completion;\n    if (completion) {\n      completion.textInputElement.value = '';\n      completion.value = '';\n      this.initialText = '';\n      this.currentText = '';\n      this.currentQuickReplies = [];\n      this.currentAttachments = [];\n      this.resetTabs();\n    }\n  }\n\n  private handleQuickReplyChange() {\n    this.requestUpdate('currentQuickReplies');\n  }\n\n  private handleOptInChange(event: InputEvent) {\n    this.currentOptin = (event.target as any).values;\n    this.requestUpdate('optIn');\n  }\n\n  private handleChatboxChange(evt: Event) {\n    const chatbox = evt.target as Completion;\n    const inputElement = chatbox.getTextInput().inputElement;\n\n    this.currentText = inputElement.value;\n    this.hasPendingText = inputElement.value.length > 0;\n\n    // is the last character a / and is it at the beginning of the line\n    const cursor = inputElement.selectionStart;\n    const text = inputElement.value;\n    const lineStart = text.lastIndexOf('\\n', cursor - 1) + 1;\n    const line = text.substring(lineStart, cursor);\n\n    if (line.startsWith('/')) {\n      // switch to the shortcuts tab\n      if (this.currentTab.name !== 'Shortcuts') {\n        this.getTabs().focusTab('Shortcuts');\n      }\n      const shortcuts = this.shadowRoot.querySelector(\n        'temba-shortcuts'\n      ) as ShortcutList;\n      shortcuts.filter = line.substring(1);\n    }\n  }\n\n  public checkIfEmpty() {\n    const chatboxEmpty = this.currentText.trim().length === 0;\n    const attachmentsEmpty = this.currentAttachments.length === 0;\n    if (this.attachments) {\n      this.empty = chatboxEmpty && attachmentsEmpty;\n    } else {\n      this.empty = chatboxEmpty;\n    }\n  }\n\n  private getCurrentLine(): { text: string; index: number } {\n    const chatbox = this.shadowRoot.querySelector('.chatbox') as Completion;\n\n    const cursor = chatbox.getTextInput().inputElement.selectionStart - 1;\n    const text = chatbox.value;\n    const start = text.substring(0, cursor).lastIndexOf('\\n') + 1;\n\n    let end = chatbox.value.indexOf('\\n', start);\n    if (end === -1) {\n      end = chatbox.value.length;\n    }\n\n    return { text: chatbox.value.substring(start, end), index: start };\n  }\n\n  private handleKeyDown(evt: KeyboardEvent) {\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    const num = parseInt(evt.key);\n    if (\n      !Number.isNaN(num) &&\n      num > 0 &&\n      evt.ctrlKey &&\n      evt.metaKey &&\n      num <= tabs.options.length\n    ) {\n      tabs.index = num - 1;\n    }\n\n    if (evt.key === 'Backspace') {\n      const line = this.getCurrentLine();\n      const text = line.text;\n      if (text === '/') {\n        tabs.focusTab('Reply');\n      }\n    }\n\n    if (this.currentTab.name === 'Shortcuts') {\n      if (evt.key === 'Enter' && !evt.shiftKey) {\n        return;\n      }\n    }\n\n    if (evt.key === 'Enter') {\n      if (!evt.shiftKey) {\n        evt.preventDefault();\n        if (this.completion) {\n          const chat = evt.target as Completion;\n          if (!chat.hasVisibleOptions()) {\n            this.triggerSend();\n          }\n        } else {\n          this.triggerSend();\n        }\n      }\n    }\n  }\n\n  public triggerSend() {\n    if (!this.empty) {\n      this.fireCustomEvent(CustomEventType.Submitted, {\n        langValues: this.langValues\n      });\n    }\n  }\n\n  private handleLanguageChange(evt: Event) {\n    const select = evt.target as Select<any>;\n    this.currentLanguage = select.values[0].iso;\n  }\n\n  public resetTabs() {\n    this.getTabs().focusTab('Reply');\n  }\n\n  public getTabs(): TabPane {\n    return this.shadowRoot.querySelector('temba-tabs') as TabPane;\n  }\n\n  public render(): TemplateResult {\n    return this.renderField();\n  }\n\n  protected renderWidget(): TemplateResult {\n    return html`\n      <div\n        class=${getClasses({\n          'active-template':\n            !!this.currentTemplate &&\n            this.currentTab &&\n            this.currentTab.name === 'Template'\n        })}\n      >\n        ${this.languages.length > 1\n          ? html`<temba-select\n              @change=${this.handleLanguageChange}\n              class=\"language\"\n              name=\"language\"\n              .staticOptions=${this.languages}\n              valueKey=\"iso\"\n            >\n            </temba-select>`\n          : null}\n        <div class=\"container\">\n          <div class=\"items actions\">${this.getActions()}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  private handleTemplateChanged(evt: CustomEvent) {\n    this.currentTemplate = evt.detail.template;\n    this.locale = evt.detail.translation?.locale;\n    this.requestUpdate();\n  }\n\n  private handleTemplateVariablesChanged(evt: CustomEvent) {\n    this.variables = [...evt.detail.variables];\n  }\n\n  public getTextInput(): TextInput {\n    return (\n      this.shadowRoot.querySelector('.chatbox') as Completion\n    ).getTextInput();\n  }\n\n  public handleShortcutSelection(event: CustomEvent) {\n    this.activeShortcut = event.detail.selected;\n    const line = this.getCurrentLine();\n    const chatbox = this.getTextInput();\n\n    const originalText = chatbox.value;\n\n    if (line.text.startsWith('/')) {\n      const newText =\n        originalText.substring(0, line.index) +\n        this.activeShortcut.text +\n        originalText.substring(line.index + line.text.length);\n\n      chatbox.updateValue(newText);\n\n      // set our cursor to the end of the shortcut\n      const cursor = line.index + this.activeShortcut.text.length;\n      chatbox.inputElement.setSelectionRange(cursor, cursor);\n    } else {\n      // add the text where the cursor is\n      const cursor = chatbox.inputElement.selectionStart;\n      const newText =\n        originalText.substring(0, cursor) +\n        this.activeShortcut.text +\n        originalText.substring(cursor);\n      chatbox.updateValue(newText);\n\n      // set the cursor to the end of the shortcut text\n      const newCursor = cursor + this.activeShortcut.text.length;\n      chatbox.inputElement.setSelectionRange(newCursor, newCursor);\n    }\n\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    tabs.index = tabs.options.findIndex((tab) => tab.name === 'Reply');\n  }\n\n  private getActions(): TemplateResult {\n    const showOptins = this.optIns && this.isBaseLanguage();\n    const showTemplates = this.templates && this.isBaseLanguage();\n    return html`\n      <temba-tabs\n        focusedname\n        @temba-context-changed=${this.handleTabChanged}\n        refresh=\"${(this.currentAttachments || []).length}|${this.index}|${this\n          .currentQuickReplies.length}|${showOptins}|${this\n          .currentOptin}|${showTemplates}|${this.currentTemplate}\"\n      >\n        <temba-tab\n          name=\"Reply\"\n          icon=\"message\"\n          selectionBackground=\"#fff\"\n        ></temba-tab>\n        ${this.attachments\n          ? html`<temba-tab\n              name=\"Attachments\"\n              icon=\"attachment\"\n              selectionBackground=\"#fff\"\n              .count=${(this.currentAttachments || []).length}\n            >\n              <div class=\"items attachments\">\n                <temba-media-picker\n                  accept=${this.accept}\n                  max=${this.maxAttachments}\n                  attachments=${JSON.stringify(this.currentAttachments || [])}\n                  @change=${this.handleAttachmentsChanged.bind(this)}\n                ></temba-media-picker>\n              </div>\n            </temba-tab>`\n          : null}\n        ${this.quickReplies\n          ? html`<temba-tab\n              name=\"Quick Replies\"\n              icon=\"quick_replies\"\n              selectionBackground=\"#fff\"\n              .count=${this.currentQuickReplies.length}\n            >\n              <temba-select\n                @change=${this.handleQuickReplyChange}\n                .values=${this.currentQuickReplies}\n                maxItems=${this.maxQuickReplies}\n                maxItemsText=\"You can only add ${this\n                  .maxQuickReplies} Quick Replies\"\n                class=\"quick-replies\"\n                tags\n                multi\n                searchable\n                expressions\n                placeholder=\"Add Quick Reply\"\n              ></temba-select>\n            </temba-tab>`\n          : null}\n        ${showOptins\n          ? html`<temba-tab\n              name=\"Opt-in\"\n              icon=\"channel_fba\"\n              selectionBackground=\"#fff\"\n              ?hidden=${!showOptins}\n              ?checked=${this.currentOptin.length > 0}\n            >\n              <temba-select\n                @change=${this.handleOptInChange}\n                .values=${this.currentOptin}\n                endpoint=\"${this.optinEndpoint}\"\n                valueKey=\"uuid\"\n                class=\"optins\"\n                searchable\n                clearable\n                placeholder=\"Select an opt-in to use for Facebook (optional)\"\n              ></temba-select>\n            </temba-tab>`\n          : null}\n        ${showTemplates\n          ? html`<temba-tab\n              name=\"Template\"\n              icon=\"channel_wa\"\n              selectionBackground=\"#fff\"\n              ?alert=${this.errors &&\n              this.errors.find((error) => error.includes('template'))}\n              ?hidden=${!showTemplates}\n              ?checked=${this.currentTemplate}\n            >\n              <temba-template-editor\n                class=\"templates\"\n                @temba-context-changed=${this.handleTemplateChanged}\n                @temba-content-changed=${this.handleTemplateVariablesChanged}\n                template=${this.template}\n                variables=${JSON.stringify(this.variables)}\n                url=${this.templateEndpoint}\n                lang=${this.currentLanguage}\n              >\n              </temba-template-editor>\n            </temba-tab>`\n          : null}\n\n        <!--temba-tab\n          name=\"Note\"\n          icon=\"notes\"\n          activityColor=\"#ffbd00\"\n          selectionBackground=\"#fff9c2\"\n          borderColor=\"#ebdf6f\"\n        ></temba-tab-->\n\n        ${this.shortcuts\n          ? html`<temba-tab\n              name=\"Shortcuts\"\n              icon=\"shortcut\"\n              selectionBackground=\"#fff\"\n            >\n              <div class=\"shortcut-wrapper\">\n                <temba-shortcuts\n                  @temba-selection=${this.handleShortcutSelection}\n                ></temba-shortcuts>\n              </div>\n            </temba-tab>`\n          : null}\n\n        <div slot=\"tab-right\" class=\"top-right\">\n          ${this.counter ? this.getCounter() : null}\n        </div>\n\n        <div\n          slot=\"pane-bottom\"\n          class=\"pane-bottom ${this.hasPendingText ? 'pending' : ''}\"\n        >\n          <temba-completion\n            class=\"chatbox\"\n            .value=${this.initialText}\n            gsm\n            textarea\n            ?disableCompletion=${!this.completion}\n            ?autogrow=${this.autogrow}\n            maxlength=${this.maxLength}\n            @change=${this.handleChatboxChange}\n            @keydown=${this.handleKeyDown}\n            placeholder=\"Write something here\"\n          >\n          </temba-completion>\n        </div>\n      </temba-tabs>\n    `;\n  }\n\n  private getCounter(): TemplateResult {\n    return html`<temba-charcount\n      .text=\"${this.currentText}\"\n    ></temba-charcount>`;\n  }\n}\n"]}
+{"version":3,"file":"Compose.js","sourceRoot":"","sources":["../../../src/form/Compose.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { FieldElement } from './FieldElement';\nimport { property } from 'lit/decorators.js';\nimport { Attachment, CustomEventType, Language, Shortcut } from '../interfaces';\nimport { DEFAULT_MEDIA_ENDPOINT, getClasses } from '../utils';\nimport { Completion } from './Completion';\nimport { Select } from './select/Select';\nimport { TabPane } from '../layout/TabPane';\nimport { MediaPicker } from './MediaPicker';\nimport { Tab } from '../layout/Tab';\nimport { TextInput } from './TextInput';\nimport { ShortcutList } from '../list/ShortcutList';\n\nexport interface ComposeValue {\n  text: string;\n  attachments: { uuid: string }[];\n  quick_replies: string[];\n  optin: string;\n  template: string;\n  variables: string[];\n}\n\nexport class Compose extends FieldElement {\n  static get styles() {\n    return css`\n      :host {\n        overflow: hidden;\n        border-top-right-radius: var(--curvature);\n        border-top-left-radius: var(--curvature);\n      }\n\n      .active-template .chatbox {\n        display: none;\n      }\n\n      .active-template .actions {\n        border: none;\n      }\n\n      .container {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        position: relative;\n        overflow: hidden;\n        border-radius: var(--compose-curvature, var(--curvature-widget));\n        background: var(--color-widget-bg);\n        border: var(--compose-border, 1px solid var(--color-widget-border));\n        transition: all ease-in-out var(--transition-speed);\n        box-shadow: var(--compose-shadow, var(--widget-box-shadow));\n        caret-color: var(--input-caret);\n        --color-widget-bg-focused: transparent;\n        --color-widget-bg: transparent;\n      }\n\n      .chatbox {\n        --color-widget-border: none;\n        --curvature-widget: var(\n          --compose-curvature,\n          var(--curvature) var(--curvature) 0px 0px\n        );\n\n        --widget-box-shadow: none;\n        display: block;\n        flex-grow: 1;\n        --widget-box-shadow-focused: none;\n        --temba-textinput-padding: 1em 1em;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0em;\n        background: #f9f9f9;\n      }\n\n      .actions-right {\n        display: flex;\n        align-items: center;\n      }\n\n      temba-charcount {\n        margin-right: 5px;\n        overflow: hidden;\n        --temba-charcount-counts-margin-top: 0px;\n        --temba-charcount-summary-margin-top: 0px;\n        --temba-charcount-summary-position: fixed;\n        --temba-charcount-summary-right: 105px;\n        --temba-charcount-summary-bottom: 105px;\n      }\n\n      .send-error {\n        color: rgba(250, 0, 0, 0.75);\n        font-size: var(--help-text-size);\n        padding: 0.5em;\n      }\n\n      .language {\n        margin-bottom: 0.6em;\n        display: block;\n      }\n\n      .top-right {\n        align-items: center;\n        display: flex;\n      }\n\n      .gutter {\n        align-items: center;\n        display: flex;\n        margin: 0.5em;\n      }\n\n      temba-tabs {\n        --temba-tabs-border-bottom: none;\n        --temba-tabs-border-left: none;\n        --temba-tabs-border-right: none;\n        --temba-tabs-options-padding: 0.25em 0 0 0.25em;\n      }\n\n      temba-completion {\n        --textarea-min-height: 8em;\n      }\n\n      .quick-replies {\n        margin: 0.8em;\n      }\n\n      .optins {\n        margin: 0.8em;\n      }\n\n      .templates {\n        margin: 0.8em;\n      }\n\n      .attachments {\n        min-height: 5em;\n        padding: 0.2em;\n        align-items: center;\n        display: flex;\n        background: #f9f9f9;\n        border-radius: var(--curvature);\n        margin: 0.6em;\n        margin-bottom: 0em;\n      }\n\n      .pane-bottom {\n        border: 0px solid red;\n        --color-placeholder: rgba(0, 0, 0, 0.2);\n        flex-grow: 99;\n      }\n\n      .shortcut-wrapper {\n        max-height: var(--shortcuts-height, 12em);\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n        --options-block-shadow: none;\n        --curvature-widget: 0px;\n        --color-options-bg: #fff;\n        border-bottom: 1px solid var(--color-widget-border);\n      }\n\n      temba-shortcuts {\n        flex-grow: 1;\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  index = 1;\n\n  @property({ type: Number })\n  maxAttachments = 3;\n\n  @property({ type: Number })\n  maxLength = 640;\n\n  @property({ type: Number })\n  maxQuickReplies = 10;\n\n  @property({ type: Boolean })\n  completion: boolean;\n\n  @property({ type: Boolean })\n  attachments: boolean;\n\n  @property({ type: Boolean })\n  quickReplies: boolean;\n\n  @property({ type: Boolean })\n  optIns: boolean;\n\n  @property({ type: Boolean })\n  templates: boolean;\n\n  @property({ type: Boolean })\n  counter: boolean;\n\n  @property({ type: Boolean })\n  autogrow: boolean;\n\n  @property({ type: Boolean })\n  shortcuts: boolean;\n\n  @property({ type: String })\n  currentText = '';\n\n  @property({ type: String })\n  initialText = '';\n\n  @property({ type: String })\n  accept = ''; //e.g. \".xls,.xlsx\"\n\n  @property({ type: String, attribute: false })\n  endpoint = DEFAULT_MEDIA_ENDPOINT;\n\n  @property({ type: Boolean, attribute: false })\n  uploading: boolean;\n\n  @property({ type: Array })\n  languages: Language[] = [];\n\n  @property({ type: Array })\n  currentAttachments: Attachment[] = [];\n\n  @property({ type: Array })\n  currentQuickReplies: { name: string; value: string }[] = [];\n\n  @property({ type: Array })\n  currentOptin: { name: string; uuid: string }[] = [];\n\n  @property({ type: Array })\n  variables: string[] = [];\n\n  @property({ type: String })\n  template: string;\n\n  @property({ type: Object })\n  currentTemplate: { name: string; uuid: string };\n\n  // locale for the template\n  @property({ type: String })\n  locale: string;\n\n  @property({ type: String })\n  optinEndpoint = '/api/v2/optins.json';\n\n  @property({ type: String })\n  templateEndpoint = '/api/internal/templates.json';\n\n  @property({ type: Boolean, attribute: false })\n  empty = true;\n\n  @property({ type: Boolean, attribute: 'widget_only' })\n  widgetOnly: boolean;\n\n  @property({ type: Array })\n  errors: string[];\n\n  @property({ type: Object })\n  langValues: {\n    [lang: string]: {\n      text: string;\n      attachments: Attachment[];\n      quick_replies: string[];\n      optin?: { name: string; uuid: string };\n      template?: string;\n      variables?: string[];\n      locale?: string;\n    };\n  } = {};\n\n  @property({ type: String })\n  currentLanguage = 'und';\n\n  @property({ type: Object })\n  currentTab: Tab;\n\n  @property({ type: Boolean })\n  hasPendingText = false;\n\n  @property({ type: Object })\n  activeShortcut: Shortcut;\n\n  public constructor() {\n    super();\n  }\n\n  private isBaseLanguage(): boolean {\n    return (\n      this.currentLanguage == 'und' ||\n      this.currentLanguage == this.languages[0].iso\n    );\n  }\n\n  private handleTabChanged() {\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    this.currentTab = tabs.getCurrentTab();\n    if (this.currentTab && this.currentTab.name === 'Shortcuts') {\n      const shortcuts = this.shadowRoot.querySelector(\n        'temba-shortcuts'\n      ) as ShortcutList;\n      shortcuts.filter = '';\n    }\n    this.setFocusOnChatbox();\n  }\n\n  public firstUpdated(changes: Map<string, any>): void {\n    super.firstUpdated(changes);\n\n    if (changes.has('languages') && this.languages.length > 0) {\n      this.currentLanguage = this.languages[0].iso;\n    }\n\n    if (changes.has('value')) {\n      this.langValues = this.getDeserializedValue() || {};\n      this.variables = this.langValues[this.currentLanguage]?.variables || [];\n      this.template = this.langValues[this.currentLanguage]?.template || null;\n    }\n    this.setFocusOnChatbox();\n  }\n\n  public updated(changes: Map<string, any>): void {\n    super.updated(changes);\n\n    if (changes.has('currentLanguage') && this.langValues) {\n      let langValue = {\n        text: '',\n        attachments: [],\n        quick_replies: []\n      };\n\n      if (this.currentLanguage in this.langValues) {\n        langValue = this.langValues[this.currentLanguage];\n      }\n\n      this.currentText = langValue.text;\n      this.initialText = langValue.text;\n      this.currentAttachments = langValue.attachments;\n      this.currentQuickReplies = (langValue.quick_replies || []).map(\n        (value) => {\n          return { name: value, value };\n        }\n      );\n      this.currentOptin = langValue['optin'] ? [langValue['optin']] : [];\n      this.setFocusOnChatbox();\n\n      // TODO: this feels like it shouldn't be needed\n      const chatbox = this.shadowRoot.querySelector('.chatbox') as any;\n      if (chatbox) {\n        chatbox.value = this.initialText;\n      }\n      this.resetTabs();\n      this.requestUpdate('currentAttachments');\n    }\n\n    if (\n      (this.langValues &&\n        (changes.has('currentText') ||\n          changes.has('currentAttachments') ||\n          changes.has('currentQuickReplies'))) ||\n      changes.has('currentOptin') ||\n      changes.has('currentTemplate') ||\n      changes.has('variables')\n    ) {\n      this.checkIfEmpty();\n\n      const trimmed = this.currentText ? this.currentText.trim() : '';\n      if (\n        trimmed ||\n        (this.currentAttachments || []).length > 0 ||\n        this.currentQuickReplies.length > 0 ||\n        this.variables.length > 0\n      ) {\n        this.langValues[this.currentLanguage] = {\n          text: trimmed,\n          attachments: this.currentAttachments,\n          quick_replies: this.currentQuickReplies.map((option) => option.value),\n          optin: this.currentOptin.length > 0 ? this.currentOptin[0] : null,\n          template: this.currentTemplate ? this.currentTemplate.uuid : null,\n          variables: this.variables,\n          locale: this.locale\n        };\n      } else {\n        delete this.langValues[this.currentLanguage];\n      }\n      this.fireCustomEvent(CustomEventType.ContentChanged, this.langValues);\n      this.requestUpdate('langValues');\n      this.setValue(this.langValues);\n    }\n  }\n\n  private handleAttachmentsChanged(event: CustomEvent) {\n    const media = event.target as MediaPicker;\n    this.currentAttachments = media.attachments;\n    this.requestUpdate();\n  }\n\n  private setFocusOnChatbox(): void {\n    const completion = this.shadowRoot.querySelector('.chatbox') as Completion;\n    if (completion) {\n      window.setTimeout(() => {\n        completion.focus();\n      }, 0);\n    }\n  }\n\n  public reset(): void {\n    const completion = this.shadowRoot.querySelector('.chatbox') as Completion;\n    if (completion) {\n      completion.textInputElement.value = '';\n      completion.value = '';\n      this.initialText = '';\n      this.currentText = '';\n      this.currentQuickReplies = [];\n      this.currentAttachments = [];\n      this.resetTabs();\n    }\n  }\n\n  private handleQuickReplyChange() {\n    this.requestUpdate('currentQuickReplies');\n  }\n\n  private handleOptInChange(event: InputEvent) {\n    this.currentOptin = (event.target as any).values;\n    this.requestUpdate('optIn');\n  }\n\n  private handleChatboxChange(evt: Event) {\n    const chatbox = evt.target as Completion;\n    const inputElement = chatbox.getTextInput().inputElement;\n\n    this.currentText = inputElement.value;\n    this.hasPendingText = inputElement.value.length > 0;\n\n    // is the last character a / and is it at the beginning of the line\n    const cursor = inputElement.selectionStart;\n    const text = inputElement.value;\n    const lineStart = text.lastIndexOf('\\n', cursor - 1) + 1;\n    const line = text.substring(lineStart, cursor);\n\n    if (line.startsWith('/')) {\n      // switch to the shortcuts tab\n      if (this.currentTab.name !== 'Shortcuts') {\n        this.getTabs().focusTab('Shortcuts');\n      }\n      const shortcuts = this.shadowRoot.querySelector(\n        'temba-shortcuts'\n      ) as ShortcutList;\n      shortcuts.filter = line.substring(1);\n    }\n  }\n\n  public checkIfEmpty() {\n    const chatboxEmpty = this.currentText.trim().length === 0;\n    const attachmentsEmpty = this.currentAttachments.length === 0;\n    if (this.attachments) {\n      this.empty = chatboxEmpty && attachmentsEmpty;\n    } else {\n      this.empty = chatboxEmpty;\n    }\n  }\n\n  private getCurrentLine(): { text: string; index: number } {\n    const chatbox = this.shadowRoot.querySelector('.chatbox') as Completion;\n\n    const cursor = chatbox.getTextInput().inputElement.selectionStart - 1;\n    const text = chatbox.value;\n    const start = text.substring(0, cursor).lastIndexOf('\\n') + 1;\n\n    let end = chatbox.value.indexOf('\\n', start);\n    if (end === -1) {\n      end = chatbox.value.length;\n    }\n\n    return { text: chatbox.value.substring(start, end), index: start };\n  }\n\n  private handleKeyDown(evt: KeyboardEvent) {\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    const num = parseInt(evt.key);\n    if (\n      !Number.isNaN(num) &&\n      num > 0 &&\n      evt.ctrlKey &&\n      evt.metaKey &&\n      num <= tabs.options.length\n    ) {\n      tabs.index = num - 1;\n    }\n\n    if (evt.key === 'Backspace') {\n      const line = this.getCurrentLine();\n      const text = line.text;\n      if (text === '/') {\n        tabs.focusTab('Reply');\n      }\n    }\n\n    if (this.currentTab.name === 'Shortcuts') {\n      if (evt.key === 'Enter' && !evt.shiftKey) {\n        return;\n      }\n    }\n\n    if (evt.key === 'Enter') {\n      if (!evt.shiftKey) {\n        evt.preventDefault();\n        if (this.completion) {\n          const chat = evt.target as Completion;\n          if (!chat.hasVisibleOptions()) {\n            this.triggerSend();\n          }\n        } else {\n          this.triggerSend();\n        }\n      }\n    }\n  }\n\n  public triggerSend() {\n    // Recompute empty synchronously since the Lit update cycle that normally\n    // calls checkIfEmpty() in updated() may not have flushed yet (currentText\n    // is set synchronously in handleChatboxChange, but empty is only updated\n    // in the async updated() callback).\n    this.checkIfEmpty();\n    if (!this.empty) {\n      this.fireCustomEvent(CustomEventType.Submitted, {\n        langValues: this.langValues\n      });\n    }\n  }\n\n  private handleLanguageChange(evt: Event) {\n    const select = evt.target as Select<any>;\n    this.currentLanguage = select.values[0].iso;\n  }\n\n  public resetTabs() {\n    this.getTabs().focusTab('Reply');\n  }\n\n  public getTabs(): TabPane {\n    return this.shadowRoot.querySelector('temba-tabs') as TabPane;\n  }\n\n  public render(): TemplateResult {\n    return this.renderField();\n  }\n\n  protected renderWidget(): TemplateResult {\n    return html`\n      <div\n        class=${getClasses({\n          'active-template':\n            !!this.currentTemplate &&\n            this.currentTab &&\n            this.currentTab.name === 'Template'\n        })}\n      >\n        ${this.languages.length > 1\n          ? html`<temba-select\n              @change=${this.handleLanguageChange}\n              class=\"language\"\n              name=\"language\"\n              .staticOptions=${this.languages}\n              valueKey=\"iso\"\n            >\n            </temba-select>`\n          : null}\n        <div class=\"container\">\n          <div class=\"items actions\">${this.getActions()}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  private handleTemplateChanged(evt: CustomEvent) {\n    this.currentTemplate = evt.detail.template;\n    this.locale = evt.detail.translation?.locale;\n    this.requestUpdate();\n  }\n\n  private handleTemplateVariablesChanged(evt: CustomEvent) {\n    this.variables = [...evt.detail.variables];\n  }\n\n  public getTextInput(): TextInput {\n    return (\n      this.shadowRoot.querySelector('.chatbox') as Completion\n    ).getTextInput();\n  }\n\n  public handleShortcutSelection(event: CustomEvent) {\n    this.activeShortcut = event.detail.selected;\n    const line = this.getCurrentLine();\n    const chatbox = this.getTextInput();\n\n    const originalText = chatbox.value;\n\n    if (line.text.startsWith('/')) {\n      const newText =\n        originalText.substring(0, line.index) +\n        this.activeShortcut.text +\n        originalText.substring(line.index + line.text.length);\n\n      chatbox.updateValue(newText);\n\n      // set our cursor to the end of the shortcut\n      const cursor = line.index + this.activeShortcut.text.length;\n      chatbox.inputElement.setSelectionRange(cursor, cursor);\n    } else {\n      // add the text where the cursor is\n      const cursor = chatbox.inputElement.selectionStart;\n      const newText =\n        originalText.substring(0, cursor) +\n        this.activeShortcut.text +\n        originalText.substring(cursor);\n      chatbox.updateValue(newText);\n\n      // set the cursor to the end of the shortcut text\n      const newCursor = cursor + this.activeShortcut.text.length;\n      chatbox.inputElement.setSelectionRange(newCursor, newCursor);\n    }\n\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    tabs.index = tabs.options.findIndex((tab) => tab.name === 'Reply');\n  }\n\n  private getActions(): TemplateResult {\n    const showOptins = this.optIns && this.isBaseLanguage();\n    const showTemplates = this.templates && this.isBaseLanguage();\n    return html`\n      <temba-tabs\n        focusedname\n        @temba-context-changed=${this.handleTabChanged}\n        refresh=\"${(this.currentAttachments || []).length}|${this.index}|${this\n          .currentQuickReplies.length}|${showOptins}|${this\n          .currentOptin}|${showTemplates}|${this.currentTemplate}\"\n      >\n        <temba-tab\n          name=\"Reply\"\n          icon=\"message\"\n          selectionBackground=\"#fff\"\n        ></temba-tab>\n        ${this.attachments\n          ? html`<temba-tab\n              name=\"Attachments\"\n              icon=\"attachment\"\n              selectionBackground=\"#fff\"\n              .count=${(this.currentAttachments || []).length}\n            >\n              <div class=\"items attachments\">\n                <temba-media-picker\n                  accept=${this.accept}\n                  max=${this.maxAttachments}\n                  attachments=${JSON.stringify(this.currentAttachments || [])}\n                  @change=${this.handleAttachmentsChanged.bind(this)}\n                ></temba-media-picker>\n              </div>\n            </temba-tab>`\n          : null}\n        ${this.quickReplies\n          ? html`<temba-tab\n              name=\"Quick Replies\"\n              icon=\"quick_replies\"\n              selectionBackground=\"#fff\"\n              .count=${this.currentQuickReplies.length}\n            >\n              <temba-select\n                @change=${this.handleQuickReplyChange}\n                .values=${this.currentQuickReplies}\n                maxItems=${this.maxQuickReplies}\n                maxItemsText=\"You can only add ${this\n                  .maxQuickReplies} Quick Replies\"\n                class=\"quick-replies\"\n                tags\n                multi\n                searchable\n                expressions\n                placeholder=\"Add Quick Reply\"\n              ></temba-select>\n            </temba-tab>`\n          : null}\n        ${showOptins\n          ? html`<temba-tab\n              name=\"Opt-in\"\n              icon=\"channel_fba\"\n              selectionBackground=\"#fff\"\n              ?hidden=${!showOptins}\n              ?checked=${this.currentOptin.length > 0}\n            >\n              <temba-select\n                @change=${this.handleOptInChange}\n                .values=${this.currentOptin}\n                endpoint=\"${this.optinEndpoint}\"\n                valueKey=\"uuid\"\n                class=\"optins\"\n                searchable\n                clearable\n                placeholder=\"Select an opt-in to use for Facebook (optional)\"\n              ></temba-select>\n            </temba-tab>`\n          : null}\n        ${showTemplates\n          ? html`<temba-tab\n              name=\"Template\"\n              icon=\"channel_wa\"\n              selectionBackground=\"#fff\"\n              ?alert=${this.errors &&\n              this.errors.find((error) => error.includes('template'))}\n              ?hidden=${!showTemplates}\n              ?checked=${this.currentTemplate}\n            >\n              <temba-template-editor\n                class=\"templates\"\n                @temba-context-changed=${this.handleTemplateChanged}\n                @temba-content-changed=${this.handleTemplateVariablesChanged}\n                template=${this.template}\n                variables=${JSON.stringify(this.variables)}\n                url=${this.templateEndpoint}\n                lang=${this.currentLanguage}\n              >\n              </temba-template-editor>\n            </temba-tab>`\n          : null}\n\n        <!--temba-tab\n          name=\"Note\"\n          icon=\"notes\"\n          activityColor=\"#ffbd00\"\n          selectionBackground=\"#fff9c2\"\n          borderColor=\"#ebdf6f\"\n        ></temba-tab-->\n\n        ${this.shortcuts\n          ? html`<temba-tab\n              name=\"Shortcuts\"\n              icon=\"shortcut\"\n              selectionBackground=\"#fff\"\n            >\n              <div class=\"shortcut-wrapper\">\n                <temba-shortcuts\n                  @temba-selection=${this.handleShortcutSelection}\n                ></temba-shortcuts>\n              </div>\n            </temba-tab>`\n          : null}\n\n        <div slot=\"tab-right\" class=\"top-right\">\n          ${this.counter ? this.getCounter() : null}\n        </div>\n\n        <div\n          slot=\"pane-bottom\"\n          class=\"pane-bottom ${this.hasPendingText ? 'pending' : ''}\"\n        >\n          <temba-completion\n            class=\"chatbox\"\n            .value=${this.initialText}\n            gsm\n            textarea\n            ?disableCompletion=${!this.completion}\n            ?autogrow=${this.autogrow}\n            maxlength=${this.maxLength}\n            @change=${this.handleChatboxChange}\n            @keydown=${this.handleKeyDown}\n            placeholder=\"Write something here\"\n          >\n          </temba-completion>\n        </div>\n      </temba-tabs>\n    `;\n  }\n\n  private getCounter(): TemplateResult {\n    return html`<temba-charcount\n      .text=\"${this.currentText}\"\n    ></temba-charcount>`;\n  }\n}\n"]}

package/out-tsc/src/form/FieldRenderer.js

@@ -211,9 +211,7 @@ export class FieldRenderer {
         const { errors = [], onChange, showLabel = true, extraClasses, style } = context;
         return html `<div class="form-field">
       ${config.helpText
-            ? html `<div
-            style="color: #666; font-size: 13px; margin-bottom: 14px;"
-          >
+            ? html `<div style="color: #666; font-size: 13px; margin-bottom: 14px;">
             ${config.helpText}
           </div>`
             : ''}