@wise/dynamic-flow-client 5.24.0 → 5.24.2

package/build/main.js

@@ -1651,17 +1651,58 @@ var debounce = (callback, waitMs) => {
   return debouncedFn;
 };
 
+// src/utils/recursiveMerge.ts
+function recursiveMerge(valueA, valueB) {
+  if (valueA === null) {
+    return valueB;
+  }
+  if (valueB === null) {
+    return valueA;
+  }
+  if (isObject2(valueA) && isObject2(valueB)) {
+    return mergeObjects(valueA, valueB);
+  }
+  if (Array.isArray(valueA) && Array.isArray(valueB)) {
+    return mergeArrays(valueA, valueB);
+  }
+  return valueB;
+}
+function isObject2(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value) && !(value instanceof File);
+}
+function mergeObjects(valueA, valueB) {
+  const allKeys = /* @__PURE__ */ new Set([...Object.keys(valueA), ...Object.keys(valueB)]);
+  const entries = Array.from(allKeys).map((key) => {
+    var _a, _b;
+    const value = recursiveMerge((_a = valueA[key]) != null ? _a : null, (_b = valueB[key]) != null ? _b : null);
+    return [key, value];
+  });
+  return Object.fromEntries(entries);
+}
+function mergeArrays(valueA, valueB) {
+  const length = Math.max(valueA.length, valueB.length);
+  return Array.from(
+    { length },
+    (_, index) => {
+      var _a, _b;
+      return recursiveMerge((_a = valueA[index]) != null ? _a : null, (_b = valueB[index]) != null ? _b : null);
+    }
+  );
+}
+
 // src/domain/components/collectionComponent/CollectionComponent.ts
 var DEBOUNCE_TIME = 800;
-var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
+var createCollectionComponent = (props, onComponentUpdate, queryFunction, trackEvent) => {
   const { uid, analyticsId, control, margin, tags, state } = props;
   const update = getInputUpdateFunction(onComponentUpdate);
   let abortController = new AbortController();
-  const query = (mode) => {
+  const trackCollectionEvent = (source, status) => trackEvent(getEventName(source, status), component.state.analytics);
+  const query = (mode, source) => {
     var _a, _b;
     abortController.abort();
     abortController = new AbortController();
     const { signal } = abortController;
+    trackCollectionEvent(source != null ? source : mode, "Triggered");
     queryFunction({
       searchParam: (_a = component.state.search) == null ? void 0 : _a.param,
       query: (_b = component.state.search) == null ? void 0 : _b.query,
@@ -1673,27 +1714,20 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
         return;
       }
       update(component, (draft) => {
-        var _a2, _b2;
-        draft.state = {
-          sections: mode === "pagination" ? mergeSections(component.state.sections, response.sections) : response.sections,
-          nextCursor: response.nextCursor,
-          filters: response.filters ? mapFilters(response.filters) : component.state.filters,
-          search: response.search ? mapSearch(response.search) : component.state.search,
-          beforeSections: (_a2 = response.beforeSections) != null ? _a2 : component.state.beforeSections,
-          afterSections: (_b2 = response.afterSections) != null ? _b2 : component.state.afterSections
-        };
+        draft.state = mergeState(mode, component.state, response);
         draft.status = {
           type: "idle",
           loadMore: response.nextCursor ? paginate : void 0
         };
       });
+      trackCollectionEvent(source != null ? source : mode, "Succeeded");
     }).catch(() => {
       if (!signal.aborted) {
         const retry = () => {
           update(component, (draft) => {
             draft.status = { type: "loading", reason: mode };
           });
-          query(mode);
+          query(mode, source);
         };
         update(component, (draft) => {
           if (mode === "search") {
@@ -1701,6 +1735,7 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
           }
           draft.status = { type: "error", reason: mode, retry };
         });
+        trackCollectionEvent(source != null ? source : mode, "Failed");
       }
     });
   };
@@ -1710,10 +1745,22 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
     debouncedQuery("search");
   };
   const filter = () => {
-    debouncedQuery("search");
+    debouncedQuery("search", "filter");
     debouncedQuery.flush();
   };
   const paginate = () => query("pagination");
+  const mergeState = (mode, original, incoming) => {
+    var _a, _b;
+    return {
+      sections: mode === "pagination" ? mergeSections(original.sections, incoming.sections) : incoming.sections,
+      nextCursor: incoming.nextCursor,
+      filters: incoming.filters ? mapFilters(incoming.filters) : original.filters,
+      search: incoming.search ? mapSearch(incoming.search) : original.search,
+      beforeSections: (_a = incoming.beforeSections) != null ? _a : original.beforeSections,
+      afterSections: (_b = incoming.afterSections) != null ? _b : original.afterSections,
+      analytics: mode === "pagination" ? recursiveMerge(original.analytics, incoming.analytics) : incoming.analytics
+    };
+  };
   const selectFilter = (filterIndex, optionIndex) => {
     var _a;
     const selected = (_a = component.state.filters) == null ? void 0 : _a[filterIndex];
@@ -1799,6 +1846,19 @@ var mergeSections = (existing, incoming) => {
   });
   return [...merged, ...newSections];
 };
+var getEventName = (mode, state) => {
+  const getMode = () => {
+    switch (mode) {
+      case "pagination":
+        return "Pagination";
+      case "search":
+        return "Search";
+      case "filter":
+        return "Filter";
+    }
+  };
+  return `Collection ${getMode()} ${state}`;
+};
 
 // src/domain/features/collection/getPerformCollectionQuery.ts
 var getPerformCollectionQuery = (httpClient, baseRequest, mapState) => {
@@ -1892,7 +1952,7 @@ var hashRequest = ({
 
 // src/domain/mappers/layout/collectionLayoutToComponent.ts
 var collectionLayoutToComponent = (uid, { analyticsId, control, initialState, margin, search, tags, baseRequest }, mapperProps) => {
-  const { httpClient, onComponentUpdate } = mapperProps;
+  const { httpClient, onComponentUpdate, trackEvent } = mapperProps;
   const mapLayout = (layout, index) => mapLayoutToComponent(`${uid}-collection-response-${index}`, layout, mapperProps, []);
   const mapState = (state) => mapCollectionSpecToDomainState(state, mapperProps, mapLayout);
   const queryFunction = getPerformCollectionQuery(httpClient, baseRequest, mapState);
@@ -1907,12 +1967,20 @@ var collectionLayoutToComponent = (uid, { analyticsId, control, initialState, ma
       search
     },
     onComponentUpdate,
-    queryFunction
+    queryFunction,
+    trackEvent
   );
   return component;
 };
 var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
-  const { sections, filters, beforeSections, afterSections, nextCursor } = specState;
+  const {
+    sections,
+    filters,
+    beforeSections,
+    afterSections,
+    nextCursor,
+    analytics = {}
+  } = specState;
   return {
     sections: sections.map((section) => {
       var _a;
@@ -1940,7 +2008,8 @@ var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
     filters: filters == null ? void 0 : filters.map(mapFilter),
     beforeSections: beforeSections == null ? void 0 : beforeSections.map(mapLayout),
     afterSections: afterSections == null ? void 0 : afterSections.map(mapLayout),
-    nextCursor
+    nextCursor,
+    analytics
   };
 };
 var mapFilter = (filter) => {
@@ -3012,45 +3081,6 @@ var createExternalConfirmation = (uid, url, onLink, onComponentUpdate) => {
   return component;
 };
 
-// src/utils/recursiveMerge.ts
-function recursiveMerge(valueA, valueB) {
-  if (valueA === null) {
-    return valueB;
-  }
-  if (valueB === null) {
-    return valueA;
-  }
-  if (isObject2(valueA) && isObject2(valueB)) {
-    return mergeObjects(valueA, valueB);
-  }
-  if (Array.isArray(valueA) && Array.isArray(valueB)) {
-    return mergeArrays(valueA, valueB);
-  }
-  return valueB;
-}
-function isObject2(value) {
-  return value != null && typeof value === "object" && !Array.isArray(value) && !(value instanceof File);
-}
-function mergeObjects(valueA, valueB) {
-  const allKeys = /* @__PURE__ */ new Set([...Object.keys(valueA), ...Object.keys(valueB)]);
-  const entries = Array.from(allKeys).map((key) => {
-    var _a, _b;
-    const value = recursiveMerge((_a = valueA[key]) != null ? _a : null, (_b = valueB[key]) != null ? _b : null);
-    return [key, value];
-  });
-  return Object.fromEntries(entries);
-}
-function mergeArrays(valueA, valueB) {
-  const length = Math.max(valueA.length, valueB.length);
-  return Array.from(
-    { length },
-    (_, index) => {
-      var _a, _b;
-      return recursiveMerge((_a = valueA[index]) != null ? _a : null, (_b = valueB[index]) != null ? _b : null);
-    }
-  );
-}
-
 // src/utils/component-utils.ts
 var getSubmittableData = async (components) => Promise.all(components.map(async (component) => component.getSubmittableValue())).then(
   (values) => values.reduce((acc, value) => recursiveMerge(acc, value), null)
@@ -9524,7 +9554,16 @@ var eventNames = [
   "Native Subflow Succeeded",
   "Native Subflow Failed",
   "Native Subflow Cancelled",
-  "Behavior Triggered"
+  "Behavior Triggered",
+  "Collection Search Triggered",
+  "Collection Search Succeeded",
+  "Collection Search Failed",
+  "Collection Filter Triggered",
+  "Collection Filter Succeeded",
+  "Collection Filter Failed",
+  "Collection Pagination Triggered",
+  "Collection Pagination Succeeded",
+  "Collection Pagination Failed"
 ];
 
 // src/renderers/subflow/getDynamicSubflowRenderer.tsx

package/build/main.mjs

@@ -1620,17 +1620,58 @@ var debounce = (callback, waitMs) => {
   return debouncedFn;
 };
 
+// src/utils/recursiveMerge.ts
+function recursiveMerge(valueA, valueB) {
+  if (valueA === null) {
+    return valueB;
+  }
+  if (valueB === null) {
+    return valueA;
+  }
+  if (isObject2(valueA) && isObject2(valueB)) {
+    return mergeObjects(valueA, valueB);
+  }
+  if (Array.isArray(valueA) && Array.isArray(valueB)) {
+    return mergeArrays(valueA, valueB);
+  }
+  return valueB;
+}
+function isObject2(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value) && !(value instanceof File);
+}
+function mergeObjects(valueA, valueB) {
+  const allKeys = /* @__PURE__ */ new Set([...Object.keys(valueA), ...Object.keys(valueB)]);
+  const entries = Array.from(allKeys).map((key) => {
+    var _a, _b;
+    const value = recursiveMerge((_a = valueA[key]) != null ? _a : null, (_b = valueB[key]) != null ? _b : null);
+    return [key, value];
+  });
+  return Object.fromEntries(entries);
+}
+function mergeArrays(valueA, valueB) {
+  const length = Math.max(valueA.length, valueB.length);
+  return Array.from(
+    { length },
+    (_, index) => {
+      var _a, _b;
+      return recursiveMerge((_a = valueA[index]) != null ? _a : null, (_b = valueB[index]) != null ? _b : null);
+    }
+  );
+}
+
 // src/domain/components/collectionComponent/CollectionComponent.ts
 var DEBOUNCE_TIME = 800;
-var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
+var createCollectionComponent = (props, onComponentUpdate, queryFunction, trackEvent) => {
   const { uid, analyticsId, control, margin, tags, state } = props;
   const update = getInputUpdateFunction(onComponentUpdate);
   let abortController = new AbortController();
-  const query = (mode) => {
+  const trackCollectionEvent = (source, status) => trackEvent(getEventName(source, status), component.state.analytics);
+  const query = (mode, source) => {
     var _a, _b;
     abortController.abort();
     abortController = new AbortController();
     const { signal } = abortController;
+    trackCollectionEvent(source != null ? source : mode, "Triggered");
     queryFunction({
       searchParam: (_a = component.state.search) == null ? void 0 : _a.param,
       query: (_b = component.state.search) == null ? void 0 : _b.query,
@@ -1642,27 +1683,20 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
         return;
       }
       update(component, (draft) => {
-        var _a2, _b2;
-        draft.state = {
-          sections: mode === "pagination" ? mergeSections(component.state.sections, response.sections) : response.sections,
-          nextCursor: response.nextCursor,
-          filters: response.filters ? mapFilters(response.filters) : component.state.filters,
-          search: response.search ? mapSearch(response.search) : component.state.search,
-          beforeSections: (_a2 = response.beforeSections) != null ? _a2 : component.state.beforeSections,
-          afterSections: (_b2 = response.afterSections) != null ? _b2 : component.state.afterSections
-        };
+        draft.state = mergeState(mode, component.state, response);
         draft.status = {
           type: "idle",
           loadMore: response.nextCursor ? paginate : void 0
         };
       });
+      trackCollectionEvent(source != null ? source : mode, "Succeeded");
     }).catch(() => {
       if (!signal.aborted) {
         const retry = () => {
           update(component, (draft) => {
             draft.status = { type: "loading", reason: mode };
           });
-          query(mode);
+          query(mode, source);
         };
         update(component, (draft) => {
           if (mode === "search") {
@@ -1670,6 +1704,7 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
           }
           draft.status = { type: "error", reason: mode, retry };
         });
+        trackCollectionEvent(source != null ? source : mode, "Failed");
       }
     });
   };
@@ -1679,10 +1714,22 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
     debouncedQuery("search");
   };
   const filter = () => {
-    debouncedQuery("search");
+    debouncedQuery("search", "filter");
     debouncedQuery.flush();
   };
   const paginate = () => query("pagination");
+  const mergeState = (mode, original, incoming) => {
+    var _a, _b;
+    return {
+      sections: mode === "pagination" ? mergeSections(original.sections, incoming.sections) : incoming.sections,
+      nextCursor: incoming.nextCursor,
+      filters: incoming.filters ? mapFilters(incoming.filters) : original.filters,
+      search: incoming.search ? mapSearch(incoming.search) : original.search,
+      beforeSections: (_a = incoming.beforeSections) != null ? _a : original.beforeSections,
+      afterSections: (_b = incoming.afterSections) != null ? _b : original.afterSections,
+      analytics: mode === "pagination" ? recursiveMerge(original.analytics, incoming.analytics) : incoming.analytics
+    };
+  };
   const selectFilter = (filterIndex, optionIndex) => {
     var _a;
     const selected = (_a = component.state.filters) == null ? void 0 : _a[filterIndex];
@@ -1768,6 +1815,19 @@ var mergeSections = (existing, incoming) => {
   });
   return [...merged, ...newSections];
 };
+var getEventName = (mode, state) => {
+  const getMode = () => {
+    switch (mode) {
+      case "pagination":
+        return "Pagination";
+      case "search":
+        return "Search";
+      case "filter":
+        return "Filter";
+    }
+  };
+  return `Collection ${getMode()} ${state}`;
+};
 
 // src/domain/features/collection/getPerformCollectionQuery.ts
 var getPerformCollectionQuery = (httpClient, baseRequest, mapState) => {
@@ -1861,7 +1921,7 @@ var hashRequest = ({
 
 // src/domain/mappers/layout/collectionLayoutToComponent.ts
 var collectionLayoutToComponent = (uid, { analyticsId, control, initialState, margin, search, tags, baseRequest }, mapperProps) => {
-  const { httpClient, onComponentUpdate } = mapperProps;
+  const { httpClient, onComponentUpdate, trackEvent } = mapperProps;
   const mapLayout = (layout, index) => mapLayoutToComponent(`${uid}-collection-response-${index}`, layout, mapperProps, []);
   const mapState = (state) => mapCollectionSpecToDomainState(state, mapperProps, mapLayout);
   const queryFunction = getPerformCollectionQuery(httpClient, baseRequest, mapState);
@@ -1876,12 +1936,20 @@ var collectionLayoutToComponent = (uid, { analyticsId, control, initialState, ma
       search
     },
     onComponentUpdate,
-    queryFunction
+    queryFunction,
+    trackEvent
   );
   return component;
 };
 var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
-  const { sections, filters, beforeSections, afterSections, nextCursor } = specState;
+  const {
+    sections,
+    filters,
+    beforeSections,
+    afterSections,
+    nextCursor,
+    analytics = {}
+  } = specState;
   return {
     sections: sections.map((section) => {
       var _a;
@@ -1909,7 +1977,8 @@ var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
     filters: filters == null ? void 0 : filters.map(mapFilter),
     beforeSections: beforeSections == null ? void 0 : beforeSections.map(mapLayout),
     afterSections: afterSections == null ? void 0 : afterSections.map(mapLayout),
-    nextCursor
+    nextCursor,
+    analytics
   };
 };
 var mapFilter = (filter) => {
@@ -2981,45 +3050,6 @@ var createExternalConfirmation = (uid, url, onLink, onComponentUpdate) => {
   return component;
 };
 
-// src/utils/recursiveMerge.ts
-function recursiveMerge(valueA, valueB) {
-  if (valueA === null) {
-    return valueB;
-  }
-  if (valueB === null) {
-    return valueA;
-  }
-  if (isObject2(valueA) && isObject2(valueB)) {
-    return mergeObjects(valueA, valueB);
-  }
-  if (Array.isArray(valueA) && Array.isArray(valueB)) {
-    return mergeArrays(valueA, valueB);
-  }
-  return valueB;
-}
-function isObject2(value) {
-  return value != null && typeof value === "object" && !Array.isArray(value) && !(value instanceof File);
-}
-function mergeObjects(valueA, valueB) {
-  const allKeys = /* @__PURE__ */ new Set([...Object.keys(valueA), ...Object.keys(valueB)]);
-  const entries = Array.from(allKeys).map((key) => {
-    var _a, _b;
-    const value = recursiveMerge((_a = valueA[key]) != null ? _a : null, (_b = valueB[key]) != null ? _b : null);
-    return [key, value];
-  });
-  return Object.fromEntries(entries);
-}
-function mergeArrays(valueA, valueB) {
-  const length = Math.max(valueA.length, valueB.length);
-  return Array.from(
-    { length },
-    (_, index) => {
-      var _a, _b;
-      return recursiveMerge((_a = valueA[index]) != null ? _a : null, (_b = valueB[index]) != null ? _b : null);
-    }
-  );
-}
-
 // src/utils/component-utils.ts
 var getSubmittableData = async (components) => Promise.all(components.map(async (component) => component.getSubmittableValue())).then(
   (values) => values.reduce((acc, value) => recursiveMerge(acc, value), null)
@@ -9493,7 +9523,16 @@ var eventNames = [
   "Native Subflow Succeeded",
   "Native Subflow Failed",
   "Native Subflow Cancelled",
-  "Behavior Triggered"
+  "Behavior Triggered",
+  "Collection Search Triggered",
+  "Collection Search Succeeded",
+  "Collection Search Failed",
+  "Collection Filter Triggered",
+  "Collection Filter Succeeded",
+  "Collection Filter Failed",
+  "Collection Pagination Triggered",
+  "Collection Pagination Succeeded",
+  "Collection Pagination Failed"
 ];
 
 // src/renderers/subflow/getDynamicSubflowRenderer.tsx