@nyaruka/temba-components 0.170.1 → 0.172.0

package/src/store/identity.ts

@@ -0,0 +1,28 @@
+const UNHYPHENATED_UUID = /^[0-9a-f]{32}$/;
+
+/**
+ * Canonicalizes a uuid the way the server does, so a reference embedded in a
+ * flow definition in some other form (uppercase, braced, unhyphenated) still
+ * matches the normalized uuid the endpoint echoes back.
+ *
+ * This lives in its own module with no imports so both the store's asset cache
+ * and the flow definition rewriter can share it - they sit on opposite sides of
+ * a `Store -> AppState -> dependencies` chain, so a shared helper in either one
+ * would close an import cycle.
+ */
+export const normalizeUuid = (uuid: string): string => {
+  const trimmed = uuid
+    .trim()
+    .replace(/^\{|\}$/g, '')
+    .toLowerCase();
+  if (UNHYPHENATED_UUID.test(trimmed)) {
+    return [
+      trimmed.slice(0, 8),
+      trimmed.slice(8, 12),
+      trimmed.slice(12, 16),
+      trimmed.slice(16, 20),
+      trimmed.slice(20)
+    ].join('-');
+  }
+  return trimmed;
+};

package/src/utils.ts

@@ -47,8 +47,8 @@ interface KeyedAsset {
   key?: string;
 }
 
-interface AssetPage {
-  assets: Asset[];
+interface AssetPage<T = Asset> {
+  assets: T[];
   next: string;
 }
 
@@ -233,8 +233,10 @@ export const fetchResults = async (
   return results;
 };
 
-export const getAssetPage = (url: string): Promise<AssetPage> => {
-  return new Promise<AssetPage>((resolve, reject) => {
+/** Fetches one page of an asset endpoint. The caller names the shape it
+ * expects, since these endpoints serve everything from groups to shortcuts. */
+export const getAssetPage = <T = Asset>(url: string): Promise<AssetPage<T>> => {
+  return new Promise<AssetPage<T>>((resolve, reject) => {
     getUrl(url)
       .then((response: WebResponse) => {
         if (response.status >= 200 && response.status < 300) {
@@ -250,15 +252,15 @@ export const getAssetPage = (url: string): Promise<AssetPage> => {
   });
 };
 
-export const getAssets = async (url: string): Promise<Asset[]> => {
+export const getAssets = async <T = Asset>(url: string): Promise<T[]> => {
   if (!url) {
-    return new Promise<Asset[]>((resolve) => resolve([]));
+    return new Promise<T[]>((resolve) => resolve([]));
   }
 
-  let assets: Asset[] = [];
+  let assets: T[] = [];
   let pageUrl = url;
   while (pageUrl) {
-    const assetPage = await getAssetPage(pageUrl);
+    const assetPage = await getAssetPage<T>(pageUrl);
     if (assetPage.assets) {
       assets = assets.concat(assetPage.assets);
       pageUrl = assetPage.next;

package/temba-modules.ts

@@ -95,6 +95,7 @@ import { CardStack } from './src/layout/CardStack';
 import { CardLayout } from './src/layout/CardLayout';
 import { Simulator } from './src/simulator/Simulator';
 import { FlowSearch } from './src/flow/FlowSearch';
+import { TicketSearch } from './src/live/TicketSearch';
 import { IssuesWindow } from './src/flow/IssuesWindow';
 import { RevisionsWindow } from './src/flow/RevisionsWindow';
 import { AutoTranslate } from './src/flow/AutoTranslate';
@@ -205,6 +206,7 @@ addCustomElement('temba-floating-tab', FloatingTab);
 addCustomElement('temba-floating-window', FloatingWindow);
 addCustomElement('temba-simulator', Simulator);
 addCustomElement('temba-flow-search', FlowSearch);
+addCustomElement('temba-ticket-search', TicketSearch);
 addCustomElement('temba-issues-window', IssuesWindow);
 addCustomElement('temba-revisions-window', RevisionsWindow);
 addCustomElement('temba-auto-translate', AutoTranslate);