@nyaruka/temba-components 0.131.0 → 0.131.2

package/out-tsc/src/store/AppState.js

@@ -151,6 +151,17 @@ export const zustand = createStore()(subscribeWithSelector(immer((set, get) => (
             state.dirtyDate = new Date();
         });
     },
+    updateNodeUIConfig: (uuid, config) => {
+        set((state) => {
+            if (state.flowDefinition._ui.nodes[uuid]) {
+                if (!state.flowDefinition._ui.nodes[uuid].config) {
+                    state.flowDefinition._ui.nodes[uuid].config = {};
+                }
+                Object.assign(state.flowDefinition._ui.nodes[uuid].config, config);
+            }
+            state.dirtyDate = new Date();
+        });
+    },
     updateConnection: (nodeUuid, exitUuid, destinationNodeUuid) => {
         set((state) => {
             // Find the exit with this UUID
@@ -188,6 +199,48 @@ export const zustand = createStore()(subscribeWithSelector(immer((set, get) => (
             state.dirtyDate = new Date();
         });
         return uuid;
+    },
+    createNode: (nodeType, position) => {
+        const uuid = generateUUID();
+        const exitUuid = generateUUID();
+        set((state) => {
+            // Create a basic node with a single exit
+            const newNode = {
+                uuid,
+                actions: [],
+                exits: [
+                    {
+                        uuid: exitUuid,
+                        destination_uuid: null
+                    }
+                ]
+            };
+            // Add the node to the flow definition
+            state.flowDefinition.nodes.push(newNode);
+            // Set up UI for the node
+            if (!state.flowDefinition._ui.nodes) {
+                state.flowDefinition._ui.nodes = {};
+            }
+            state.flowDefinition._ui.nodes[uuid] = {
+                position,
+                type: nodeType,
+                config: {}
+            };
+            state.dirtyDate = new Date();
+        });
+        return uuid;
+    },
+    addNode: (node, nodeUI) => {
+        set((state) => {
+            // Add the node to the flow definition
+            state.flowDefinition.nodes.push(node);
+            // Set up UI for the node
+            if (!state.flowDefinition._ui.nodes) {
+                state.flowDefinition._ui.nodes = {};
+            }
+            state.flowDefinition._ui.nodes[node.uuid] = nodeUI;
+            state.dirtyDate = new Date();
+        });
     }
 }))));
 /**

package/out-tsc/src/store/AppState.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppState.js","sourceRoot":"","sources":["../../../src/store/AppState.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore, StoreApi } from 'zustand/vanilla';\nimport { fetchResults, generateUUID } from '../utils';\nimport {\n  Action,\n  Exit,\n  FlowDefinition,\n  FlowPosition,\n  Node,\n  Router,\n  StickyNote\n} from './flow-definition';\nimport { immer } from 'zustand/middleware/immer';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { property } from 'lit/decorators.js';\nimport { produce } from 'immer';\n\nexport const FLOW_SPEC_VERSION = '14.3';\nconst CANVAS_PADDING = 800;\n\nexport interface InfoResult {\n  key: string;\n  name: string;\n  categories: string[];\n  node_uuids: string[];\n}\n\nexport interface ObjectRef {\n  uuid: string;\n  name: string;\n}\n\nexport interface TypedObjectRef extends ObjectRef {\n  type: string;\n}\n\nexport interface Language {\n  code: string;\n  name: string;\n}\n\nexport interface FlowInfo {\n  results: InfoResult[];\n  dependencies: TypedObjectRef[];\n  counts: { nodes: number; languages: number };\n  locals: string[];\n}\n\nexport interface FlowContents {\n  definition: FlowDefinition;\n  info: FlowInfo;\n}\n\nexport interface Workspace {\n  anon: boolean;\n  country: string;\n  date_style: string;\n  languages: string[];\n  name: string;\n  primary_language: string;\n  timezone: string;\n  uuid: string;\n}\n\nexport interface CanvasPositions {\n  [uuid: string]: FlowPosition;\n}\n\nexport interface AppState {\n  flowDefinition: FlowDefinition;\n  flowInfo: FlowInfo;\n\n  languageCode: string;\n  languageNames: { [code: string]: Language };\n  workspace: Workspace;\n  isTranslating: boolean;\n\n  dirtyDate: Date | null;\n\n  canvasSize: { width: number; height: number };\n\n  fetchRevision: (endpoint: string, id?: string) => void;\n  fetchWorkspace: (endpoint: string) => Promise<void>;\n  fetchAllLanguages: (endpoint: string) => Promise<void>;\n\n  getFlowResults: () => InfoResult[];\n  getResultByKey(id: any): InfoResult;\n\n  setFlowContents: (flow: FlowContents) => void;\n  setFlowInfo: (info: FlowInfo) => void;\n  setLanguageCode: (languageCode: string) => void;\n  setDirtyDate: (date: Date) => void;\n  expandCanvas: (width: number, height: number) => void;\n\n  updateNode(\n    uuid: string,\n    node: { actions: Action[]; uuid: string; exits: Exit[]; router?: Router }\n  ): unknown;\n  updateConnection(\n    nodeUuid: string,\n    exitUuid: string,\n    destinationNodeUuid: string\n  ): unknown;\n  updateCanvasPositions: (positions: CanvasPositions) => void;\n  removeNodes: (uuids: string[]) => void;\n  removeStickyNotes: (uuids: string[]) => void;\n  updateStickyNote(uuid: string, sticky: StickyNote): void;\n  createStickyNote(position: FlowPosition): string;\n}\n\nexport const zustand = createStore<AppState>()(\n  subscribeWithSelector(\n    immer((set, get) => ({\n      languageNames: {},\n      canvasSize: { width: 0, height: 0 },\n      languageCode: '',\n      workspace: null,\n      flowDefinition: null,\n      flowInfo: null,\n      isTranslating: false,\n      dirtyDate: null,\n\n      setDirtyDate: (date: Date) => {\n        set((state: AppState) => {\n          state.dirtyDate = date;\n        });\n      },\n\n      fetchRevision: async (endpoint: string, id: string = null) => {\n        if (!id) {\n          id = 'latest';\n        }\n        const response = await fetch(\n          `${endpoint}/${id}/?version=${FLOW_SPEC_VERSION}`\n        );\n\n        if (!response.ok) {\n          throw new Error('Network response was not ok');\n        }\n        const data = (await response.json()) as FlowContents;\n        set({ flowInfo: data.info, flowDefinition: data.definition });\n      },\n\n      fetchWorkspace: async (endpoint) => {\n        const response = await fetch(endpoint);\n        if (!response.ok) {\n          throw new Error('Network response was not ok');\n        }\n        const data = await response.json();\n        set({ workspace: data });\n      },\n\n      fetchAllLanguages: async (endpoint) => {\n        const results = await fetchResults(endpoint);\n\n        // convert array to map for easier lookup\n        const allLanguages = results.reduce(function (\n          languages: any,\n          result: any\n        ) {\n          languages[result.value] = result.name;\n          return languages;\n        },\n        {});\n\n        set({ languageNames: allLanguages });\n      },\n\n      getFlowResults: () => {\n        const state = get();\n        return state.flowInfo.results;\n      },\n\n      getResultByKey: (id: any) => {\n        const state = get();\n        const results = state.flowInfo.results;\n        return results.find((result) => result.key === id);\n      },\n\n      getLanguage: () => {\n        const state = get();\n        const languageCode = state.languageCode;\n        const languageNames = state.languageNames;\n        return { name: languageNames[languageCode], code: languageCode };\n      },\n\n      // todo: eventually we should be doing the fetching\n      setFlowContents: (flow: FlowContents) => {\n        set((state: AppState) => {\n          const flowLang = flow.definition.language;\n          state.flowDefinition = flow.definition;\n          state.flowInfo = flow.info;\n          // Reset to the flow's default language when loading a new flow\n          state.languageCode = flowLang;\n          state.isTranslating = false;\n        });\n      },\n\n      setFlowInfo: (info: FlowInfo) => {\n        set((state: AppState) => {\n          state.flowInfo = info;\n        });\n      },\n\n      setLanguageCode: (languageCode: string) => {\n        set((state: AppState) => {\n          state.languageCode = languageCode;\n          state.isTranslating = state.flowDefinition.language !== languageCode;\n        });\n      },\n\n      expandCanvas: (width: number, height: number) => {\n        set((state: AppState) => {\n          const minWidth = Math.max(\n            state.canvasSize.width,\n            width + CANVAS_PADDING\n          );\n          const minHeight = Math.max(\n            state.canvasSize.height,\n            height + CANVAS_PADDING\n          );\n\n          state.canvasSize.width = minWidth;\n          state.canvasSize.height = minHeight;\n        });\n      },\n\n      updateCanvasPositions: (positions: CanvasPositions) => {\n        set((state: AppState) => {\n          for (const uuid in positions) {\n            // todo: add nodes that are created and then moved, for now ignore\n            if (state.flowDefinition._ui.nodes[uuid]) {\n              state.flowDefinition._ui.nodes[uuid].position = positions[uuid];\n            }\n\n            // otherwise, it might be a sticky\n            else if (state.flowDefinition._ui.stickies[uuid]) {\n              state.flowDefinition._ui.stickies[uuid].position =\n                positions[uuid];\n            }\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      removeNodes: (uuids: string[]) => {\n        set((state: AppState) => {\n          for (const uuid of uuids) {\n            delete state.flowDefinition._ui.nodes[uuid];\n          }\n\n          state.flowDefinition = produce(state.flowDefinition, (draft) => {\n            draft.nodes = draft.nodes.filter(\n              (node) => !uuids.includes(node.uuid)\n            );\n\n            draft.nodes.forEach((node) => {\n              node.exits.forEach((exit) => {\n                if (uuids.includes(exit.destination_uuid)) {\n                  exit.destination_uuid = null;\n                }\n              });\n            });\n          });\n\n          state.dirtyDate = new Date();\n        });\n      },\n\n      removeStickyNotes: (uuids: string[]) => {\n        set((state: AppState) => {\n          if (state.flowDefinition._ui?.stickies) {\n            for (const uuid of uuids) {\n              delete state.flowDefinition._ui.stickies[uuid];\n            }\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      updateNode: (uuid: string, newNode: Node) => {\n        set((state: AppState) => {\n          const node = state.flowDefinition?.nodes.find((n) => n.uuid === uuid);\n          if (node) {\n            node.actions = newNode.actions;\n            node.uuid = newNode.uuid;\n            node.exits = newNode.exits;\n            node.router = newNode.router;\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      updateConnection: (\n        nodeUuid: string,\n        exitUuid: string,\n        destinationNodeUuid: string\n      ) => {\n        set((state: AppState) => {\n          // Find the exit with this UUID\n          const node = state.flowDefinition.nodes.find(\n            (node) => node.uuid === nodeUuid\n          );\n\n          const exit = node?.exits.find((e) => e.uuid === exitUuid);\n          if (exit) {\n            // Update the destination\n            exit.destination_uuid = destinationNodeUuid;\n            state.dirtyDate = new Date();\n          }\n        });\n      },\n\n      updateStickyNote: (uuid: string, sticky: StickyNote) => {\n        set((state: AppState) => {\n          if (!state.flowDefinition._ui.stickies) {\n            state.flowDefinition._ui.stickies = {};\n          }\n          state.flowDefinition._ui.stickies[uuid] = sticky;\n          state.dirtyDate = new Date();\n        });\n      },\n\n      createStickyNote: (position: FlowPosition): string => {\n        const uuid = generateUUID();\n        set((state: AppState) => {\n          if (!state.flowDefinition._ui.stickies) {\n            state.flowDefinition._ui.stickies = {};\n          }\n\n          const newSticky: StickyNote = {\n            position,\n            title: '',\n            body: '',\n            color: 'yellow'\n          };\n\n          state.flowDefinition._ui.stickies[uuid] = newSticky;\n          state.dirtyDate = new Date();\n        });\n        return uuid;\n      }\n    }))\n  )\n);\n\ntype SelectorAwareStoreApi<S extends object> = StoreApi<S> & {\n  subscribe: <U>(\n    selector: (state: S) => U,\n    listener: (value: U, previous: U) => void\n  ) => () => void;\n};\n\n/**\n * Custom Lit property decorator that binds a property to a Zustand store subscription.\n *\n * @param store - The Zustand store to subscribe to.\n * @param selector - A function selecting the slice of state to bind to the property.\n */\nexport function fromStore<S extends object, V = unknown>(\n  store: SelectorAwareStoreApi<S>,\n  selector: (state: S) => V\n): PropertyDecorator {\n  return (proto: any, name: string | symbol) => {\n    property()(proto, name as string);\n\n    const connectedKey = 'connectedCallback';\n    const disconnectedKey = 'disconnectedCallback';\n\n    const userConnected = proto[connectedKey];\n    const userDisconnected = proto[disconnectedKey];\n\n    proto[connectedKey] = function () {\n      this._zustandUnsubscribe ??= {};\n      this[name] = selector(store.getState());\n\n      this._zustandUnsubscribe[name] = store.subscribe(selector, (val: V) => {\n        this[name] = val;\n      });\n\n      if (userConnected) userConnected.call(this);\n    };\n\n    proto[disconnectedKey] = function () {\n      this._zustandUnsubscribe?.[name]?.();\n      if (userDisconnected) userDisconnected.call(this);\n    };\n  };\n}\n"]}
+{"version":3,"file":"AppState.js","sourceRoot":"","sources":["../../../src/store/AppState.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore, StoreApi } from 'zustand/vanilla';\nimport { fetchResults, generateUUID } from '../utils';\nimport {\n  Action,\n  Exit,\n  FlowDefinition,\n  FlowPosition,\n  Node,\n  NodeUI,\n  Router,\n  StickyNote\n} from './flow-definition';\nimport { immer } from 'zustand/middleware/immer';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { property } from 'lit/decorators.js';\nimport { produce } from 'immer';\n\nexport const FLOW_SPEC_VERSION = '14.3';\nconst CANVAS_PADDING = 800;\n\nexport interface InfoResult {\n  key: string;\n  name: string;\n  categories: string[];\n  node_uuids: string[];\n}\n\nexport interface ObjectRef {\n  uuid: string;\n  name: string;\n}\n\nexport interface TypedObjectRef extends ObjectRef {\n  type: string;\n}\n\nexport interface Language {\n  code: string;\n  name: string;\n}\n\nexport interface FlowInfo {\n  results: InfoResult[];\n  dependencies: TypedObjectRef[];\n  counts: { nodes: number; languages: number };\n  locals: string[];\n}\n\nexport interface FlowContents {\n  definition: FlowDefinition;\n  info: FlowInfo;\n}\n\nexport interface Workspace {\n  anon: boolean;\n  country: string;\n  date_style: string;\n  languages: string[];\n  name: string;\n  primary_language: string;\n  timezone: string;\n  uuid: string;\n}\n\nexport interface CanvasPositions {\n  [uuid: string]: FlowPosition;\n}\n\nexport interface AppState {\n  flowDefinition: FlowDefinition;\n  flowInfo: FlowInfo;\n\n  languageCode: string;\n  languageNames: { [code: string]: Language };\n  workspace: Workspace;\n  isTranslating: boolean;\n\n  dirtyDate: Date | null;\n\n  canvasSize: { width: number; height: number };\n\n  fetchRevision: (endpoint: string, id?: string) => void;\n  fetchWorkspace: (endpoint: string) => Promise<void>;\n  fetchAllLanguages: (endpoint: string) => Promise<void>;\n\n  getFlowResults: () => InfoResult[];\n  getResultByKey(id: any): InfoResult;\n\n  setFlowContents: (flow: FlowContents) => void;\n  setFlowInfo: (info: FlowInfo) => void;\n  setLanguageCode: (languageCode: string) => void;\n  setDirtyDate: (date: Date) => void;\n  expandCanvas: (width: number, height: number) => void;\n\n  updateNode(\n    uuid: string,\n    node: { actions: Action[]; uuid: string; exits: Exit[]; router?: Router }\n  ): unknown;\n  updateNodeUIConfig(uuid: string, config: Record<string, any>): unknown;\n  updateConnection(\n    nodeUuid: string,\n    exitUuid: string,\n    destinationNodeUuid: string\n  ): unknown;\n  updateCanvasPositions: (positions: CanvasPositions) => void;\n  removeNodes: (uuids: string[]) => void;\n  removeStickyNotes: (uuids: string[]) => void;\n  updateStickyNote(uuid: string, sticky: StickyNote): void;\n  createStickyNote(position: FlowPosition): string;\n  createNode(nodeType: string, position: FlowPosition): string;\n  addNode(node: Node, nodeUI: NodeUI): void;\n}\n\nexport const zustand = createStore<AppState>()(\n  subscribeWithSelector(\n    immer((set, get) => ({\n      languageNames: {},\n      canvasSize: { width: 0, height: 0 },\n      languageCode: '',\n      workspace: null,\n      flowDefinition: null,\n      flowInfo: null,\n      isTranslating: false,\n      dirtyDate: null,\n\n      setDirtyDate: (date: Date) => {\n        set((state: AppState) => {\n          state.dirtyDate = date;\n        });\n      },\n\n      fetchRevision: async (endpoint: string, id: string = null) => {\n        if (!id) {\n          id = 'latest';\n        }\n        const response = await fetch(\n          `${endpoint}/${id}/?version=${FLOW_SPEC_VERSION}`\n        );\n\n        if (!response.ok) {\n          throw new Error('Network response was not ok');\n        }\n        const data = (await response.json()) as FlowContents;\n        set({ flowInfo: data.info, flowDefinition: data.definition });\n      },\n\n      fetchWorkspace: async (endpoint) => {\n        const response = await fetch(endpoint);\n        if (!response.ok) {\n          throw new Error('Network response was not ok');\n        }\n        const data = await response.json();\n        set({ workspace: data });\n      },\n\n      fetchAllLanguages: async (endpoint) => {\n        const results = await fetchResults(endpoint);\n\n        // convert array to map for easier lookup\n        const allLanguages = results.reduce(function (\n          languages: any,\n          result: any\n        ) {\n          languages[result.value] = result.name;\n          return languages;\n        },\n        {});\n\n        set({ languageNames: allLanguages });\n      },\n\n      getFlowResults: () => {\n        const state = get();\n        return state.flowInfo.results;\n      },\n\n      getResultByKey: (id: any) => {\n        const state = get();\n        const results = state.flowInfo.results;\n        return results.find((result) => result.key === id);\n      },\n\n      getLanguage: () => {\n        const state = get();\n        const languageCode = state.languageCode;\n        const languageNames = state.languageNames;\n        return { name: languageNames[languageCode], code: languageCode };\n      },\n\n      // todo: eventually we should be doing the fetching\n      setFlowContents: (flow: FlowContents) => {\n        set((state: AppState) => {\n          const flowLang = flow.definition.language;\n          state.flowDefinition = flow.definition;\n          state.flowInfo = flow.info;\n          // Reset to the flow's default language when loading a new flow\n          state.languageCode = flowLang;\n          state.isTranslating = false;\n        });\n      },\n\n      setFlowInfo: (info: FlowInfo) => {\n        set((state: AppState) => {\n          state.flowInfo = info;\n        });\n      },\n\n      setLanguageCode: (languageCode: string) => {\n        set((state: AppState) => {\n          state.languageCode = languageCode;\n          state.isTranslating = state.flowDefinition.language !== languageCode;\n        });\n      },\n\n      expandCanvas: (width: number, height: number) => {\n        set((state: AppState) => {\n          const minWidth = Math.max(\n            state.canvasSize.width,\n            width + CANVAS_PADDING\n          );\n          const minHeight = Math.max(\n            state.canvasSize.height,\n            height + CANVAS_PADDING\n          );\n\n          state.canvasSize.width = minWidth;\n          state.canvasSize.height = minHeight;\n        });\n      },\n\n      updateCanvasPositions: (positions: CanvasPositions) => {\n        set((state: AppState) => {\n          for (const uuid in positions) {\n            // todo: add nodes that are created and then moved, for now ignore\n            if (state.flowDefinition._ui.nodes[uuid]) {\n              state.flowDefinition._ui.nodes[uuid].position = positions[uuid];\n            }\n\n            // otherwise, it might be a sticky\n            else if (state.flowDefinition._ui.stickies[uuid]) {\n              state.flowDefinition._ui.stickies[uuid].position =\n                positions[uuid];\n            }\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      removeNodes: (uuids: string[]) => {\n        set((state: AppState) => {\n          for (const uuid of uuids) {\n            delete state.flowDefinition._ui.nodes[uuid];\n          }\n\n          state.flowDefinition = produce(state.flowDefinition, (draft) => {\n            draft.nodes = draft.nodes.filter(\n              (node) => !uuids.includes(node.uuid)\n            );\n\n            draft.nodes.forEach((node) => {\n              node.exits.forEach((exit) => {\n                if (uuids.includes(exit.destination_uuid)) {\n                  exit.destination_uuid = null;\n                }\n              });\n            });\n          });\n\n          state.dirtyDate = new Date();\n        });\n      },\n\n      removeStickyNotes: (uuids: string[]) => {\n        set((state: AppState) => {\n          if (state.flowDefinition._ui?.stickies) {\n            for (const uuid of uuids) {\n              delete state.flowDefinition._ui.stickies[uuid];\n            }\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      updateNode: (uuid: string, newNode: Node) => {\n        set((state: AppState) => {\n          const node = state.flowDefinition?.nodes.find((n) => n.uuid === uuid);\n          if (node) {\n            node.actions = newNode.actions;\n            node.uuid = newNode.uuid;\n            node.exits = newNode.exits;\n            node.router = newNode.router;\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      updateNodeUIConfig: (uuid: string, config: Record<string, any>) => {\n        set((state: AppState) => {\n          if (state.flowDefinition._ui.nodes[uuid]) {\n            if (!state.flowDefinition._ui.nodes[uuid].config) {\n              state.flowDefinition._ui.nodes[uuid].config = {};\n            }\n            Object.assign(state.flowDefinition._ui.nodes[uuid].config, config);\n          }\n          state.dirtyDate = new Date();\n        });\n      },\n\n      updateConnection: (\n        nodeUuid: string,\n        exitUuid: string,\n        destinationNodeUuid: string\n      ) => {\n        set((state: AppState) => {\n          // Find the exit with this UUID\n          const node = state.flowDefinition.nodes.find(\n            (node) => node.uuid === nodeUuid\n          );\n\n          const exit = node?.exits.find((e) => e.uuid === exitUuid);\n          if (exit) {\n            // Update the destination\n            exit.destination_uuid = destinationNodeUuid;\n            state.dirtyDate = new Date();\n          }\n        });\n      },\n\n      updateStickyNote: (uuid: string, sticky: StickyNote) => {\n        set((state: AppState) => {\n          if (!state.flowDefinition._ui.stickies) {\n            state.flowDefinition._ui.stickies = {};\n          }\n          state.flowDefinition._ui.stickies[uuid] = sticky;\n          state.dirtyDate = new Date();\n        });\n      },\n\n      createStickyNote: (position: FlowPosition): string => {\n        const uuid = generateUUID();\n        set((state: AppState) => {\n          if (!state.flowDefinition._ui.stickies) {\n            state.flowDefinition._ui.stickies = {};\n          }\n\n          const newSticky: StickyNote = {\n            position,\n            title: '',\n            body: '',\n            color: 'yellow'\n          };\n\n          state.flowDefinition._ui.stickies[uuid] = newSticky;\n          state.dirtyDate = new Date();\n        });\n        return uuid;\n      },\n\n      createNode: (nodeType: string, position: FlowPosition): string => {\n        const uuid = generateUUID();\n        const exitUuid = generateUUID();\n\n        set((state: AppState) => {\n          // Create a basic node with a single exit\n          const newNode: Node = {\n            uuid,\n            actions: [],\n            exits: [\n              {\n                uuid: exitUuid,\n                destination_uuid: null\n              }\n            ]\n          };\n\n          // Add the node to the flow definition\n          state.flowDefinition.nodes.push(newNode);\n\n          // Set up UI for the node\n          if (!state.flowDefinition._ui.nodes) {\n            state.flowDefinition._ui.nodes = {};\n          }\n\n          state.flowDefinition._ui.nodes[uuid] = {\n            position,\n            type: nodeType as any,\n            config: {}\n          };\n\n          state.dirtyDate = new Date();\n        });\n\n        return uuid;\n      },\n\n      addNode: (node: Node, nodeUI: NodeUI) => {\n        set((state: AppState) => {\n          // Add the node to the flow definition\n          state.flowDefinition.nodes.push(node);\n\n          // Set up UI for the node\n          if (!state.flowDefinition._ui.nodes) {\n            state.flowDefinition._ui.nodes = {};\n          }\n\n          state.flowDefinition._ui.nodes[node.uuid] = nodeUI;\n\n          state.dirtyDate = new Date();\n        });\n      }\n    }))\n  )\n);\n\ntype SelectorAwareStoreApi<S extends object> = StoreApi<S> & {\n  subscribe: <U>(\n    selector: (state: S) => U,\n    listener: (value: U, previous: U) => void\n  ) => () => void;\n};\n\n/**\n * Custom Lit property decorator that binds a property to a Zustand store subscription.\n *\n * @param store - The Zustand store to subscribe to.\n * @param selector - A function selecting the slice of state to bind to the property.\n */\nexport function fromStore<S extends object, V = unknown>(\n  store: SelectorAwareStoreApi<S>,\n  selector: (state: S) => V\n): PropertyDecorator {\n  return (proto: any, name: string | symbol) => {\n    property()(proto, name as string);\n\n    const connectedKey = 'connectedCallback';\n    const disconnectedKey = 'disconnectedCallback';\n\n    const userConnected = proto[connectedKey];\n    const userDisconnected = proto[disconnectedKey];\n\n    proto[connectedKey] = function () {\n      this._zustandUnsubscribe ??= {};\n      this[name] = selector(store.getState());\n\n      this._zustandUnsubscribe[name] = store.subscribe(selector, (val: V) => {\n        this[name] = val;\n      });\n\n      if (userConnected) userConnected.call(this);\n    };\n\n    proto[disconnectedKey] = function () {\n      this._zustandUnsubscribe?.[name]?.();\n      if (userDisconnected) userDisconnected.call(this);\n    };\n  };\n}\n"]}

package/out-tsc/src/utils.js

@@ -378,19 +378,6 @@ export class Stubbable {
     }
 }
 export const stubbable = new Stubbable();
-export const spreadAttributes = (obj) => {
-    return Object.entries(obj).map(([key, value]) => {
-        if (key.startsWith('@')) {
-            return html `@${key.slice(1)}=${value}`;
-        }
-        else if (key.startsWith('.')) {
-            return html `.${key.slice(1)}=${value}`;
-        }
-        else {
-            return html `${key}=${value}`;
-        }
-    });
-};
 export const timeSince = (date, options = {
     suffix: ''
 }) => {
@@ -843,6 +830,260 @@ export const createMultiCategoryRouter = (operand, userCategories, categoryToCas
         exits: exits
     };
 };
+// Helper function to check if a category is a system category
+export const isSystemCategory = (categoryName) => {
+    return ['No Response', 'Other', 'All Responses', 'Timeout'].includes(categoryName);
+};
+// Helper function to check if a UUID belongs to a system category
+export const isSystemCategoryUuid = (uuid, categories) => {
+    const category = categories.find((cat) => cat.uuid === uuid);
+    return category ? isSystemCategory(category.name) : false;
+};
+// Helper function to generate default category name based on operator and operands
+export const generateDefaultCategoryName = (operator, getOperatorConfig, value1, value2) => {
+    const operatorConfig = getOperatorConfig(operator);
+    if (!operatorConfig)
+        return '';
+    // Fixed category names (no operands)
+    if (operatorConfig.operands === 0) {
+        return operatorConfig.categoryName || '';
+    }
+    // Dynamic category names based on operands
+    const cleanValue1 = (value1 || '').trim();
+    const cleanValue2 = (value2 || '').trim();
+    // Helper to capitalize first letter
+    const capitalize = (str) => {
+        if (!str)
+            return '';
+        return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+    };
+    // Handle different operator types
+    switch (operator) {
+        // Word/phrase operators - capitalize first letter of value
+        case 'has_any_word':
+        case 'has_all_words':
+        case 'has_phrase':
+        case 'has_only_phrase':
+        case 'has_beginning':
+            return cleanValue1 ? capitalize(cleanValue1) : '';
+        // Pattern operators - show as-is
+        case 'has_pattern':
+            return cleanValue1;
+        // Number comparison operators - include symbol
+        case 'has_number_eq':
+            return cleanValue1 ? `= ${cleanValue1}` : '';
+        case 'has_number_lt':
+            return cleanValue1 ? `< ${cleanValue1}` : '';
+        case 'has_number_lte':
+            return cleanValue1 ? `≤ ${cleanValue1}` : '';
+        case 'has_number_gt':
+            return cleanValue1 ? `> ${cleanValue1}` : '';
+        case 'has_number_gte':
+            return cleanValue1 ? `≥ ${cleanValue1}` : '';
+        // Number between - range format
+        case 'has_number_between':
+            if (cleanValue1 && cleanValue2) {
+                return `${cleanValue1} - ${cleanValue2}`;
+            }
+            return '';
+        // Date operators - format with relative expressions
+        case 'has_date_lt':
+        case 'has_date_lte':
+            if (cleanValue1) {
+                // Parse relative date expression (e.g., "today + 5" or "today - 3")
+                const match = cleanValue1.match(/^(today)\s*([+-])\s*(\d+)$/i);
+                if (match) {
+                    const [, base, operator, days] = match;
+                    const dayWord = days === '1' ? 'day' : 'days';
+                    return `Before ${base} ${operator} ${days} ${dayWord}`;
+                }
+                // Fallback for other date formats
+                return `Before ${cleanValue1}`;
+            }
+            return '';
+        case 'has_date_gt':
+        case 'has_date_gte':
+            if (cleanValue1) {
+                // Parse relative date expression
+                const match = cleanValue1.match(/^(today)\s*([+-])\s*(\d+)$/i);
+                if (match) {
+                    const [, base, operator, days] = match;
+                    const dayWord = days === '1' ? 'day' : 'days';
+                    return `After ${base} ${operator} ${days} ${dayWord}`;
+                }
+                // Fallback for other date formats
+                return `After ${cleanValue1}`;
+            }
+            return '';
+        case 'has_date_eq':
+            if (cleanValue1) {
+                // Parse relative date expression
+                const match = cleanValue1.match(/^(today)\s*([+-])\s*(\d+)$/i);
+                if (match) {
+                    const [, base, operator, days] = match;
+                    const dayWord = days === '1' ? 'day' : 'days';
+                    return `${base} ${operator} ${days} ${dayWord}`;
+                }
+                return cleanValue1;
+            }
+            return '';
+        default:
+            // Fallback - capitalize first value
+            return cleanValue1 ? capitalize(cleanValue1) : '';
+    }
+};
+// Helper function to create a rules-based router (used by wait_for_response and split_by_expression)
+export const createRulesRouter = (operand, userRules, getOperatorConfig, existingCategories = [], existingExits = [], existingCases = []) => {
+    const categories = [];
+    const exits = [];
+    const cases = [];
+    // Filter existing categories to get only user-defined rules (exclude system categories)
+    const existingUserCategories = existingCategories.filter((cat) => !isSystemCategory(cat.name));
+    // Track categories as we create them (case-insensitive lookup)
+    const createdCategories = new Map();
+    // Process rules in their original order to preserve rule order
+    userRules.forEach((rule, ruleIndex) => {
+        const categoryKey = rule.category.trim().toLowerCase();
+        const categoryName = rule.category.trim(); // Use original casing
+        let categoryInfo = createdCategories.get(categoryKey);
+        if (!categoryInfo) {
+            // First time seeing this category - create it
+            // Smart category matching: try by name first, then fall back to position
+            let existingCategory = existingUserCategories.find((cat) => cat.name.toLowerCase() === categoryKey);
+            // If no match by name, try by position (for category rename scenarios)
+            const categoryCreationOrder = Array.from(createdCategories.keys()).length;
+            if (!existingCategory &&
+                categoryCreationOrder < existingUserCategories.length) {
+                const candidateCategory = existingUserCategories[categoryCreationOrder];
+                // Double-check that this candidate is not a system category UUID
+                if (candidateCategory &&
+                    !isSystemCategoryUuid(candidateCategory.uuid, existingCategories)) {
+                    existingCategory = candidateCategory;
+                }
+            }
+            const existingExit = existingCategory
+                ? existingExits.find((exit) => exit.uuid === existingCategory.exit_uuid)
+                : null;
+            // Generate UUIDs, ensuring we don't reuse system category UUIDs
+            let exitUuid = (existingExit === null || existingExit === void 0 ? void 0 : existingExit.uuid) || generateUUID();
+            let categoryUuid = (existingCategory === null || existingCategory === void 0 ? void 0 : existingCategory.uuid) || generateUUID();
+            // Additional safety check: if somehow we got a system category UUID, generate new ones
+            if (isSystemCategoryUuid(categoryUuid, existingCategories)) {
+                categoryUuid = generateUUID();
+                exitUuid = generateUUID();
+            }
+            categoryInfo = {
+                uuid: categoryUuid,
+                name: categoryName,
+                exit_uuid: exitUuid
+            };
+            createdCategories.set(categoryKey, categoryInfo);
+            // Add category and exit
+            categories.push({
+                uuid: categoryUuid,
+                name: categoryName,
+                exit_uuid: exitUuid
+            });
+            exits.push({
+                uuid: exitUuid,
+                destination_uuid: (existingExit === null || existingExit === void 0 ? void 0 : existingExit.destination_uuid) || null
+            });
+        }
+        // Create case for this rule
+        let existingCase = existingCases[ruleIndex];
+        // If we can't find by position, try to find by matching rule content
+        if (!existingCase && existingCases.length > 0) {
+            existingCase = existingCases.find((case_) => {
+                // Find the category for this case
+                const caseCategory = existingCategories.find((cat) => cat.uuid === case_.category_uuid);
+                // Match by operator type and category name
+                return (case_.type === rule.operator &&
+                    (caseCategory === null || caseCategory === void 0 ? void 0 : caseCategory.name.toLowerCase()) === categoryKey);
+            });
+        }
+        const caseUuid = (existingCase === null || existingCase === void 0 ? void 0 : existingCase.uuid) || generateUUID();
+        // Parse rule value based on operator configuration
+        const operatorConfig = getOperatorConfig(rule.operator);
+        let arguments_ = [];
+        if (operatorConfig) {
+            if (operatorConfig.operands === 0) {
+                // No operands needed
+                arguments_ = [];
+            }
+            else if (operatorConfig.operands === 2) {
+                // Split value for two operands (e.g., "1 10" for between)
+                arguments_ = rule.value.split(' ').filter((arg) => arg.trim());
+            }
+            else {
+                // Single operand - but split words for operators that expect multiple words
+                if (rule.value && rule.value.trim()) {
+                    // Split on spaces and filter out empty strings
+                    arguments_ = rule.value
+                        .trim()
+                        .split(/\s+/)
+                        .filter((arg) => arg.length > 0);
+                }
+                else {
+                    arguments_ = [];
+                }
+            }
+        }
+        else {
+            // Fallback for unknown operators - split on spaces if value exists
+            if (rule.value && rule.value.trim()) {
+                arguments_ = rule.value
+                    .trim()
+                    .split(/\s+/)
+                    .filter((arg) => arg.length > 0);
+            }
+            else {
+                arguments_ = [];
+            }
+        }
+        cases.push({
+            uuid: caseUuid,
+            type: rule.operator,
+            arguments: arguments_,
+            category_uuid: categoryInfo.uuid
+        });
+    });
+    // Add default category (always present)
+    // Name is "Other" if there are user rules, "All Responses" if there are no user rules
+    const defaultCategoryName = userRules.length > 0 ? 'Other' : 'All Responses';
+    // Try to find existing default category by name (prefer exact match)
+    let existingDefaultCategory = existingCategories.find((cat) => cat.name === defaultCategoryName);
+    // If no exact match, try to find the other possible default category name
+    if (!existingDefaultCategory) {
+        const alternateName = userRules.length > 0 ? 'All Responses' : 'Other';
+        existingDefaultCategory = existingCategories.find((cat) => cat.name === alternateName);
+    }
+    const existingDefaultExit = existingDefaultCategory
+        ? existingExits.find((exit) => exit.uuid === existingDefaultCategory.exit_uuid)
+        : null;
+    const defaultExitUuid = (existingDefaultExit === null || existingDefaultExit === void 0 ? void 0 : existingDefaultExit.uuid) || generateUUID();
+    const defaultCategoryUuid = (existingDefaultCategory === null || existingDefaultCategory === void 0 ? void 0 : existingDefaultCategory.uuid) || generateUUID();
+    categories.push({
+        uuid: defaultCategoryUuid,
+        name: defaultCategoryName,
+        exit_uuid: defaultExitUuid
+    });
+    exits.push({
+        uuid: defaultExitUuid,
+        destination_uuid: (existingDefaultExit === null || existingDefaultExit === void 0 ? void 0 : existingDefaultExit.destination_uuid) || null
+    });
+    // Find the default category (either "Other" or "All Responses")
+    const defaultCategory = categories.find((cat) => cat.name === 'Other' || cat.name === 'All Responses');
+    return {
+        router: {
+            type: 'switch',
+            categories: categories,
+            default_category_uuid: defaultCategory === null || defaultCategory === void 0 ? void 0 : defaultCategory.uuid,
+            operand: operand,
+            cases: cases
+        },
+        exits: exits
+    };
+};
 export const titleCase = (str) => {
     return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
 };