@nyaruka/temba-components 0.126.0 → 0.128.0

package/src/locales/fr.ts

@@ -1,13 +1,18 @@
-// Do not modify this file by hand!
-// Re-generate this file by running lit-localize
-
-/* eslint-disable no-irregular-whitespace */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-export const templates = {
-  s73b4d70c02f4b4e0: `No options`,
-  scf1453991c986b25: `Tab to complete, enter to select`,
-  s8f02e3a18ffc083a: `Are not currently in a flow`,
-  s638236250662c6b3: `Have sent a message in the last`,
-  s4788ee206c4570c7: `Have not started this flow in the last 90 days`
-};
+
+    // Do not modify this file by hand!
+    // Re-generate this file by running lit-localize
+
+    
+    
+
+    /* eslint-disable no-irregular-whitespace */
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+
+    export const templates = {
+      's73b4d70c02f4b4e0': `No options`,
+'scf1453991c986b25': `Tab to complete, enter to select`,
+'s8f02e3a18ffc083a': `Are not currently in a flow`,
+'s638236250662c6b3': `Have sent a message in the last`,
+'s4788ee206c4570c7': `Have not started this flow in the last 90 days`,
+    };
+  

package/src/locales/locale-codes.ts

@@ -10,9 +10,18 @@ export const sourceLocale = `en`;
  * The other locale codes that this application is localized into. Sorted
  * lexicographically.
  */
-export const targetLocales = [`es`, `fr`, `pt`] as const;
+export const targetLocales = [
+  `es`,
+  `fr`,
+  `pt`,
+] as const;
 
 /**
  * All valid project locale codes. Sorted lexicographically.
  */
-export const allLocales = [`en`, `es`, `fr`, `pt`] as const;
+export const allLocales = [
+  `en`,
+  `es`,
+  `fr`,
+  `pt`,
+] as const;

package/src/locales/pt.ts

@@ -1,13 +1,18 @@
-// Do not modify this file by hand!
-// Re-generate this file by running lit-localize
-
-/* eslint-disable no-irregular-whitespace */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-export const templates = {
-  s73b4d70c02f4b4e0: `No options`,
-  scf1453991c986b25: `Tab to complete, enter to select`,
-  s8f02e3a18ffc083a: `Are not currently in a flow`,
-  s638236250662c6b3: `Have sent a message in the last`,
-  s4788ee206c4570c7: `Have not started this flow in the last 90 days`
-};
+
+    // Do not modify this file by hand!
+    // Re-generate this file by running lit-localize
+
+    
+    
+
+    /* eslint-disable no-irregular-whitespace */
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+
+    export const templates = {
+      's73b4d70c02f4b4e0': `No options`,
+'scf1453991c986b25': `Tab to complete, enter to select`,
+'s8f02e3a18ffc083a': `Are not currently in a flow`,
+'s638236250662c6b3': `Have sent a message in the last`,
+'s4788ee206c4570c7': `Have not started this flow in the last 90 days`,
+    };
+  

package/src/store/AppState.ts

@@ -1,6 +1,14 @@
 import { createStore, StoreApi } from 'zustand/vanilla';
 import { fetchResults } from '../utils';
-import { FlowDefinition, FlowPosition } from './flow-definition';
+import {
+  Action,
+  Exit,
+  FlowDefinition,
+  FlowPosition,
+  Node,
+  Router,
+  StickyNote
+} from './flow-definition';
 import { immer } from 'zustand/middleware/immer';
 import { subscribeWithSelector } from 'zustand/middleware';
 import { property } from 'lit/decorators.js';
@@ -82,9 +90,16 @@ export interface AppState {
   setDirtyDate: (date: Date) => void;
   expandCanvas: (width: number, height: number) => void;
 
+  updateNode(
+    uuid: string,
+    node: { actions: Action[]; uuid: string; exits: Exit[]; router?: Router }
+  ): unknown;
   updateCanvasPositions: (positions: CanvasPositions) => void;
   updateNodePosition(uuid: string, newPosition: FlowPosition): void;
   removeNodes: (uuids: string[]) => void;
+
+  updateStickyPosition(uuid: string, newPosition: FlowPosition): void;
+  updateStickyNote(uuid: string, sticky: StickyNote): void;
 }
 
 export const zustand = createStore<AppState>()(
@@ -242,6 +257,41 @@ export const zustand = createStore<AppState>()(
             (node) => !uuids.includes(node.uuid)
           );
         });
+      },
+
+      updateStickyPosition: (uuid: string, newPosition: FlowPosition) => {
+        set((state: AppState) => {
+          if (!state.flowDefinition._ui.stickies) {
+            state.flowDefinition._ui.stickies = {};
+          }
+          if (state.flowDefinition._ui.stickies[uuid]) {
+            state.flowDefinition._ui.stickies[uuid].position = newPosition;
+            state.dirtyDate = new Date();
+          }
+        });
+      },
+
+      updateNode: (uuid: string, newNode: Node) => {
+        set((state: AppState) => {
+          const node = state.flowDefinition?.nodes.find((n) => n.uuid === uuid);
+          if (node) {
+            node.actions = newNode.actions;
+            node.uuid = newNode.uuid;
+            node.exits = newNode.exits;
+            node.router = newNode.router;
+          }
+          state.dirtyDate = new Date();
+        });
+      },
+
+      updateStickyNote: (uuid: string, sticky: StickyNote) => {
+        set((state: AppState) => {
+          if (!state.flowDefinition._ui.stickies) {
+            state.flowDefinition._ui.stickies = {};
+          }
+          state.flowDefinition._ui.stickies[uuid] = sticky;
+          state.dirtyDate = new Date();
+        });
       }
     }))
   )

package/src/store/flow-definition.d.ts

@@ -154,8 +154,16 @@ export interface NodeUI {
   config?: Record<string, any>;
 }
 
+export interface StickyNote {
+  position: FlowPosition;
+  title: string;
+  body: string;
+  color: 'yellow' | 'blue' | 'pink' | 'green' | 'gray';
+}
+
 export interface FlowUI {
   nodes: Record<string, NodeUI>;
+  stickies?: Record<string, StickyNote>;
   languages: Record<string, string>[];
   translation_filters?: { categories: boolean };
   auto_translations?: Record<string, Record<string, string[]>>;

package/src/vectoricon/index.ts

@@ -58,7 +58,8 @@ export enum Icon {
   delete_small = 'x',
   down = 'chevron-down',
   download = 'download-01',
-  edit = 'edit-03',
+  drag = 'dots-grid',
+  edit = 'edit-02',
   email = 'mail-01',
   error = 'alert-circle',
   event = 'zap',

package/static/svg/index.pdf

@@ -679392,3 +679392,140 @@ trailer
 startxref
 23884040
 %%EOF
+428 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 2180 ] /Resources 425 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 426 0 R >>
+endobj
+744 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1140 ] /Resources 741 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 742 0 R >>
+endobj
+1114 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 740 ] /Resources 1111 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1112 0 R >>
+endobj
+1344 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 660 ] /Resources 1341 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1342 0 R >>
+endobj
+1612 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 820 ] /Resources 1609 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1610 0 R >>
+endobj
+1972 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 860 ] /Resources 1969 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1970 0 R >>
+endobj
+2206 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 500 ] /Resources 2203 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 2204 0 R >>
+endobj
+2408 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 500 ] /Resources 2405 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 2406 0 R >>
+endobj
+2718 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1300 ] /Resources 2715 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 2716 0 R >>
+endobj
+3060 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 820 ] /Resources 3057 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3058 0 R >>
+endobj
+3370 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 820 ] /Resources 3367 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3368 0 R >>
+endobj
+3586 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 580 ] /Resources 3583 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3584 0 R >>
+endobj
+3920 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1020 ] /Resources 3917 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3918 0 R >>
+endobj
+4180 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 540 ] /Resources 4177 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 4178 0 R >>
+endobj
+4484 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 500 ] /Resources 4481 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 4482 0 R >>
+endobj
+4786 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1260 ] /Resources 4783 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 4784 0 R >>
+endobj
+5004 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 660 ] /Resources 5001 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 5002 0 R >>
+endobj
+5334 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 740 ] /Resources 5331 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 5332 0 R >>
+endobj
+5606 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 540 ] /Resources 5603 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 5604 0 R >>
+endobj
+5608 0 obj
+<< /Info 5618 0 R /Pages 5607 0 R /Type /Catalog >>
+endobj
+5617 0 obj
+<< /Producer (macOS Version 15.5 \(Build 24F74\) Quartz PDFContext, AppendMode 1.1)
+/ModDate (D:20250620015519Z00'00') >>
+endobj
+5618 0 obj
+5617 0 R
+endobj
+xref
+0 1
+0000000000 65535 f 
+428 1
+0023884787 00000 n 
+744 1
+0023884926 00000 n 
+1114 1
+0023885065 00000 n 
+1344 1
+0023885206 00000 n 
+1612 1
+0023885347 00000 n 
+1972 1
+0023885488 00000 n 
+2206 1
+0023885629 00000 n 
+2408 1
+0023885770 00000 n 
+2718 1
+0023885911 00000 n 
+3060 1
+0023886053 00000 n 
+3370 1
+0023886194 00000 n 
+3586 1
+0023886335 00000 n 
+3920 1
+0023886476 00000 n 
+4180 1
+0023886618 00000 n 
+4484 1
+0023886759 00000 n 
+4786 1
+0023886900 00000 n 
+5004 1
+0023887042 00000 n 
+5334 1
+0023887183 00000 n 
+5606 1
+0023887324 00000 n 
+5608 1
+0023887465 00000 n 
+5617 2
+0023887535 00000 n 
+0023887675 00000 n 
+trailer
+<< /ID [<736F6D65><6182B425B6660962C43AF789544507B2> ] /Root 5608 0 R /Size 5619 /Prev 23884040 >> 
+startxref
+23887702
+%%EOF

package/temba-modules.ts

@@ -57,6 +57,7 @@ import { Chat } from './src/chat/Chat';
 import { MediaPicker } from './src/mediapicker/MediaPicker';
 import { Editor } from './src/flow/Editor';
 import { EditorNode } from './src/flow/EditorNode';
+import { StickyNote } from './src/flow/StickyNote';
 import { ContactNotepad } from './src/contacts/ContactNotepad';
 import { ProgressBar } from './src/progress/ProgressBar';
 import { StartProgress } from './src/progress/StartProgress';
@@ -132,6 +133,7 @@ addCustomElement('temba-chat', Chat);
 addCustomElement('temba-media-picker', MediaPicker);
 addCustomElement('temba-flow-editor', Editor);
 addCustomElement('temba-flow-node', EditorNode);
+addCustomElement('temba-sticky-note', StickyNote);
 addCustomElement('temba-contact-notepad', ContactNotepad);
 addCustomElement('temba-progress', ProgressBar);
 addCustomElement('temba-start-progress', StartProgress);