@wise/dynamic-flow-client 5.28.0 → 5.29.0-experimental-f7c2300

package/build/types/domain/components/collectionComponent/CollectionComponent.d.ts

@@ -1,9 +1,9 @@
-import { CollectionComponent, CollectionSearch } from './types';
+import { CollectionComponent, CollectionResponse } from './types';
 import { PerformCollectionQuery } from '../../features/collection/getPerformCollectionQuery';
 import { OnComponentUpdate } from '../../types';
-import { AnalyticsEventDispatcher, EventName } from '../../features/events';
-export type CollectionEvent = EventName & `Collection ${string}`;
-export declare const createCollectionComponent: (props: Pick<CollectionComponent, 'uid' | 'analyticsId' | 'control' | 'margin' | 'tags' | 'state'> & {
-    search?: Omit<CollectionSearch, 'onChange' | 'query'>;
+import { AnalyticsEventDispatcher } from '../../features/events';
+export type { CollectionEvent } from './CollectionState';
+export declare const createCollectionComponent: (props: Pick<CollectionComponent, 'uid' | 'analyticsId' | 'control' | 'margin' | 'tags'> & {
+    state: CollectionResponse;
 }, onComponentUpdate: OnComponentUpdate, queryFunction: PerformCollectionQuery, trackEvent: AnalyticsEventDispatcher) => CollectionComponent;
 //# sourceMappingURL=CollectionComponent.d.ts.map

package/build/types/domain/components/collectionComponent/CollectionComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/collectionComponent/CollectionComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EAEnB,gBAAgB,EAGjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAK5E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,cAAc,MAAM,EAAE,CAAC;AAKjE,eAAO,MAAM,yBAAyB,UAC7B,IAAI,CACT,mBAAmB,EACnB,KAAK,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAChE,GAAG;IACF,MAAM,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;CACvD,qBACkB,iBAAiB,iBACrB,sBAAsB,cACzB,wBAAwB,KACnC,mBA6KF,CAAC"}
+{"version":3,"file":"CollectionComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/collectionComponent/CollectionComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAGjE,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,yBAAyB,UAC7B,IAAI,CAAC,mBAAmB,EAAE,KAAK,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC,GAAG;IACxF,KAAK,EAAE,kBAAkB,CAAC;CAC3B,qBACkB,iBAAiB,iBACrB,sBAAsB,cACzB,wBAAwB,KACnC,mBAsDF,CAAC"}

package/build/types/domain/components/collectionComponent/CollectionState.d.ts

@@ -0,0 +1,19 @@
+import { CollectionResponse, CollectionState } from './types';
+import { PerformCollectionQuery } from '../../features/collection/getPerformCollectionQuery';
+import { OnComponentUpdate } from '../../types';
+import { AnalyticsEventDispatcher, EventName } from '../../features/events';
+export type CollectionEvent = EventName & `Collection ${string}`;
+export type CollectionStateProps = {
+    id: string;
+    initialState: CollectionResponse;
+    searchQuery: string;
+    onComponentUpdate: OnComponentUpdate;
+    queryFunction: PerformCollectionQuery;
+    trackEvent: AnalyticsEventDispatcher;
+};
+/**
+ * Creates a collection state. Each state owns its query, filters and results, and makes its own
+ * requests, so a response is always applied to the state that made the request.
+ */
+export declare const createCollectionState: ({ id, initialState, searchQuery, onComponentUpdate, queryFunction, trackEvent, }: CollectionStateProps) => CollectionState;
+//# sourceMappingURL=CollectionState.d.ts.map

package/build/types/domain/components/collectionComponent/CollectionState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionState.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/collectionComponent/CollectionState.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,kBAAkB,EAIlB,eAAe,EAEhB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAmB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAM5E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,cAAc,MAAM,EAAE,CAAC;AAIjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,kBAAkB,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,sBAAsB,CAAC;IACtC,UAAU,EAAE,wBAAwB,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,qFAO/B,oBAAoB,KAAG,eAiKzB,CAAC"}

package/build/types/domain/components/collectionComponent/mergeSections.d.ts

@@ -0,0 +1,3 @@
+import { CollectionSection } from './types';
+export declare const mergeSections: (existing: CollectionSection[], incoming: CollectionSection[]) => CollectionSection[];
+//# sourceMappingURL=mergeSections.d.ts.map

package/build/types/domain/components/collectionComponent/mergeSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeSections.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/collectionComponent/mergeSections.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,aAAa,aACd,iBAAiB,EAAE,YACnB,iBAAiB,EAAE,KAC5B,iBAAiB,EAoCnB,CAAC"}

package/build/types/domain/components/collectionComponent/types.d.ts

@@ -1,39 +1,61 @@
-import { AdditionalInfo, BaseLayoutComponent, CallToAction, DomainComponent, InlineAlert, Media, SupportingValues } from '../../types';
+import { AdditionalInfo, BaseLayoutComponent, CallToAction, DomainComponent, InlineAlert, LayoutComponent, Media, SupportingValues } from '../../types';
 export type CollectionStatus = {
     type: 'idle';
     loadMore?: () => void;
 } | {
     type: 'loading';
-    reason: 'search' | 'pagination';
+    reason: 'search' | 'filter' | 'pagination';
 } | {
     type: 'error';
-    reason: 'pagination' | 'search';
+    reason: 'search' | 'filter' | 'pagination';
     retry: () => void;
 };
 export type CollectionComponent = BaseLayoutComponent & {
     type: 'collection';
     kind: 'layout';
-    state: CollectionState;
+    /**
+     * A stack of states, where the last one is active. Forking pushes a copy of the active state,
+     * which can then be searched or filtered independently, and popping discards it.
+     */
+    stack: CollectionStack;
+    fork: () => void;
+    pop: () => void;
+    getChildren: () => DomainComponent[];
+};
+export type CollectionStack = [CollectionState, ...CollectionState[]];
+export type CollectionState = Omit<CollectionResponse, 'search'> & {
+    id: string;
     status: CollectionStatus;
+    search?: CollectionSearch;
+    /** Creates a copy of this state with the given id, which makes its own requests. */
+    fork: (id: string) => CollectionState;
+    /** Cancels any pending or in-flight request for this state. */
+    cancel: () => void;
+    /** Returns the layout components in this state, including its initial search sections. */
     getChildren: () => DomainComponent[];
 };
-export type CollectionState = {
+export type CollectionResponse = {
     sections: CollectionSection[];
-    search?: CollectionSearch;
     nextCursor?: string;
+    analytics: Record<string, string>;
+    search?: CollectionSearchConfig;
     filters?: CollectionFilter[];
     beforeSections?: DomainComponent[];
     afterSections?: DomainComponent[];
-    analytics: Record<string, string>;
 };
-export type CollectionResponse = Omit<CollectionState, 'filters'> & {
-    filters?: CollectionFilter[];
+export type CollectionSection = CollectionItemsSection | CollectionLayoutSection;
+export type CollectionItemsSection = BaseCollectionSection & {
+    type: 'items';
+    items: CollectionItem[];
 };
-export type CollectionSection = {
+export type CollectionLayoutSection = BaseCollectionSection & {
+    type: 'layout';
+    components: LayoutComponent[];
+};
+type BaseCollectionSection = {
     id: string;
     title?: string;
     callToAction?: CallToAction;
-    items: CollectionItem[];
     inlineAlert?: InlineAlert;
     help?: string;
 };
@@ -52,12 +74,17 @@ export type CollectionItem = {
     analyticsId?: string;
     tags?: string[];
 };
-export type CollectionSearch = {
+export type CollectionSearchConfig = {
     param: string;
-    query: string;
-    onChange: (query: string) => void;
     title?: string;
     hint?: string;
+    hints?: string[];
+    help?: string;
+    initialSections?: CollectionSection[];
+};
+export type CollectionSearch = CollectionSearchConfig & {
+    query: string;
+    onChange: (query: string) => void;
 };
 export type CollectionFilter = {
     type: 'select';
@@ -72,4 +99,5 @@ export type CollectionFilterOption = {
     onSelect: () => void;
     selected: boolean;
 };
+export {};
 //# sourceMappingURL=types.d.ts.map

package/build/types/domain/components/collectionComponent/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/collectionComponent/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/collectionComponent/types.ts"],"names":[],"mappings":"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"}

package/build/types/domain/features/collection/getPerformCollectionQuery.d.ts

@@ -1,6 +1,6 @@
 import { CollectionLayout, Request } from '@wise/dynamic-flow-types/spec';
 import { HttpClient } from '../../../types';
-import { CollectionFilter, CollectionResponse, CollectionState } from '../../components/collectionComponent/types';
+import { CollectionFilter, CollectionResponse } from '../../components/collectionComponent/types';
 type PerformCollectionQueryParameters = {
     searchParam?: string;
     query?: string | null;
@@ -9,6 +9,6 @@ type PerformCollectionQueryParameters = {
     filters?: CollectionFilter[];
 };
 export type PerformCollectionQuery = (params: PerformCollectionQueryParameters) => Promise<CollectionResponse | null>;
-export declare const getPerformCollectionQuery: (httpClient: HttpClient, baseRequest: Request, mapState: (state: CollectionLayout['initialState']) => CollectionState) => PerformCollectionQuery;
+export declare const getPerformCollectionQuery: (httpClient: HttpClient, baseRequest: Request, mapState: (state: CollectionLayout['initialState']) => CollectionResponse) => PerformCollectionQuery;
 export {};
 //# sourceMappingURL=getPerformCollectionQuery.d.ts.map

package/build/types/domain/features/collection/getPerformCollectionQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPerformCollectionQuery.d.ts","sourceRoot":"","sources":["../../../../../src/domain/features/collection/getPerformCollectionQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,OAAO,EACR,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EAChB,MAAM,4CAA4C,CAAC;AAGpD,KAAK,gCAAgC,GAAG;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC9B,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,CACnC,MAAM,EAAE,gCAAgC,KACrC,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;AAIxC,eAAO,MAAM,yBAAyB,eACxB,UAAU,eACT,OAAO,YACV,CAAC,KAAK,EAAE,gBAAgB,CAAC,cAAc,CAAC,KAAK,eAAe,KACrE,sBAkBF,CAAC"}
+{"version":3,"file":"getPerformCollectionQuery.d.ts","sourceRoot":"","sources":["../../../../../src/domain/features/collection/getPerformCollectionQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,OAAO,EACR,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAGlG,KAAK,gCAAgC,GAAG;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC9B,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,CACnC,MAAM,EAAE,gCAAgC,KACrC,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;AAIxC,eAAO,MAAM,yBAAyB,eACxB,UAAU,eACT,OAAO,YACV,CAAC,KAAK,EAAE,gBAAgB,CAAC,cAAc,CAAC,KAAK,kBAAkB,KACxE,sBAkBF,CAAC"}

package/build/types/domain/mappers/layout/collectionLayoutToComponent.d.ts

@@ -1,7 +1,7 @@
 import type { CollectionLayout, Layout } from '@wise/dynamic-flow-types/spec';
 import { CollectionResponse } from '../../components/collectionComponent/types';
 import type { MapperProps } from '../schema/types';
-import { LayoutComponent } from '../../types';
-export declare const collectionLayoutToComponent: (uid: string, { analyticsId, control, initialState, margin, search, tags, baseRequest }: CollectionLayout, mapperProps: MapperProps) => import("../../components/collectionComponent/types").CollectionComponent;
-export declare const mapCollectionSpecToDomainState: (specState: CollectionLayout['initialState'], mapperProps: MapperProps, mapLayout: (layout: Layout, index: number) => LayoutComponent) => CollectionResponse;
+import { LayoutComponent, SchemaComponent } from '../../types';
+export declare const collectionLayoutToComponent: (uid: string, { analyticsId, control, initialState, margin, search, tags, baseRequest }: CollectionLayout, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => import("../../components/collectionComponent/types").CollectionComponent;
+export declare const mapCollectionSpecToDomainState: (specState: CollectionLayout['initialState'], mapperProps: MapperProps, mapLayout: (layout: Layout) => LayoutComponent) => CollectionResponse;
 //# sourceMappingURL=collectionLayoutToComponent.d.ts.map

package/build/types/domain/mappers/layout/collectionLayoutToComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collectionLayoutToComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/mappers/layout/collectionLayoutToComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAEhB,MAAM,EACP,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAGL,kBAAkB,EACnB,MAAM,4CAA4C,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,2BAA2B,QACjC,MAAM,6EACgE,gBAAgB,eAC9E,WAAW,6EA2BzB,CAAC;AAEF,eAAO,MAAM,8BAA8B,cAC9B,gBAAgB,CAAC,cAAc,CAAC,eAC9B,WAAW,aACb,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,eAAe,KAC5D,kBA0CF,CAAC"}
+{"version":3,"file":"collectionLayoutToComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/mappers/layout/collectionLayoutToComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAKhB,MAAM,EACP,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAIL,kBAAkB,EAGnB,MAAM,4CAA4C,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOnD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE/D,eAAO,MAAM,2BAA2B,QACjC,MAAM,6EACgE,gBAAgB,eAC9E,WAAW,oBACN,eAAe,EAAE,6EAsCpC,CAAC;AAEF,eAAO,MAAM,8BAA8B,cAC9B,gBAAgB,CAAC,cAAc,CAAC,eAC9B,WAAW,aACb,CAAC,MAAM,EAAE,MAAM,KAAK,eAAe,KAC7C,kBAmBF,CAAC"}

package/build/types/renderers/mappers/collectionComponentToProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collectionComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/collectionComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAA4B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI3F,eAAO,MAAM,0BAA0B,cAC1B,mBAAmB,uBACT,mBAAmB,KACvC,uBAkCF,CAAC"}
+{"version":3,"file":"collectionComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/collectionComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EAGxB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EACV,mBAAmB,EAGpB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAA4B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI3F,eAAO,MAAM,0BAA0B,cAC1B,mBAAmB,uBACT,mBAAmB,KACvC,uBASF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.28.0",
+  "version": "5.29.0-experimental-f7c2300",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -41,9 +41,9 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
-    "@transferwise/components": "^46.162.0",
+    "@transferwise/components": "^46.165.4",
     "@transferwise/formatting": "^2.14.1",
-    "@transferwise/icons": "4.5.2",
+    "@transferwise/icons": "4.6.0",
     "@transferwise/navigation-ui": "^4.50.1",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.18",
@@ -58,6 +58,7 @@
     "eslint-plugin-storybook": "^10.6.0",
     "framer-motion": "^12.43.0",
     "jsdom-testing-mocks": "^1.16.0",
+    "motion": "^12.42.2",
     "npm-run-all2": "^9.0.3",
     "postcss": "^8.5.28",
     "postcss-cli": "^11.0.1",
@@ -76,7 +77,7 @@
     "vitest": "^4.1.11"
   },
   "peerDependencies": {
-    "@transferwise/components": "^46.104.0",
+    "@transferwise/components": "^46.162.0",
     "@transferwise/formatting": "^2",
     "@transferwise/icons": "^3 || ^4",
     "@wise/art": "^2.19.0",
@@ -85,7 +86,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.26.0"
+    "@wise/dynamic-flow-types": "4.27.0-experimental-f7c2300"
   },
   "wise": {
     "platform": "wise-library",

package/build/DynamicFlowCore.js

@@ -1,5 +0,0 @@
-import { useDynamicFlow } from './useDynamicFlow';
-export function DynamicFlowCore(props) {
-    const df = useDynamicFlow(props);
-    return df.view;
-}

package/build/common/capabilities/getHttpClientWithCapabilities.js

@@ -1,41 +0,0 @@
-import { mergeRequestInit } from '../makeHttpClient';
-export const getHttpClientWithCapabilities = (httpClient, nativeSubflowHandlers = []) => {
-    const headers = getCapabilitiesHeader(nativeSubflowHandlers);
-    return async (input, init) => {
-        return headers && isRelativeOrSameOrigin(input)
-            ? httpClient(input, mergeRequestInit(init !== null && init !== void 0 ? init : {}, { headers }))
-            : httpClient(input, init);
-    };
-};
-export const getCapabilitiesHeader = (nativeSubflowHandlers) => {
-    const capabilities = nativeSubflowHandlers.map(getCapability);
-    return capabilities.length > 0 ? { 'X-DF-Native-Capabilities': capabilities.join(';') } : null;
-};
-const getCapability = (handler) => {
-    return `${encode(handler.id)}${getCapabilityComments(handler)}`;
-};
-const getCapabilityComments = (handler) => {
-    var _a;
-    var _b;
-    const comments = Object.entries((_b = (_a = handler.getCapabilityComments) === null || _a === void 0 ? void 0 : _a.call(handler)) !== null && _b !== void 0 ? _b : {}).map(([key, value]) => {
-        return `${encode(key)}:${encode(value)}`;
-    });
-    return comments.length > 0 ? `(${comments.join(',')})` : '';
-};
-const isRelativeOrSameOrigin = (input) => {
-    var _a;
-    if (typeof input === 'string') {
-        return isRelativePath(input) || input.startsWith(`${(_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin}/`);
-    }
-    if (input instanceof Request) {
-        return isRelativeOrSameOrigin(input.url);
-    }
-    if (input instanceof URL) {
-        return isRelativeOrSameOrigin(input.toString());
-    }
-    return false;
-};
-const isRelativePath = (url = '') => {
-    return !['https://', 'http://', 'data:'].some((prefix) => url.startsWith(prefix) && url.length > prefix.length);
-};
-const encode = (value) => encodeURIComponent(value).replace(/\(/g, '%28').replace(/\)/g, '%29');

package/build/common/capabilities/getHttpClientWithCapabilities.test.js

@@ -1,106 +0,0 @@
-import { getCapabilitiesHeader } from './getHttpClientWithCapabilities';
-const makeHandler = (partial) => (Object.assign({ getPresentationMode: () => 'push', render: () => null }, partial));
-describe('getCapabilitiesHeader', () => {
-    describe('when there are no handlers', () => {
-        it('returns null', () => {
-            expect(getCapabilitiesHeader([])).toBeNull();
-        });
-    });
-    describe('when handlers have no comments', () => {
-        it('returns a header with a single capability ID', () => {
-            const result = getCapabilitiesHeader([makeHandler({ id: 'facetec' })]);
-            expect(result).toEqual({ 'X-DF-Native-Capabilities': 'facetec' });
-        });
-        it('returns a header with multiple capability IDs separated by semicolons', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({ id: 'facetec' }),
-                makeHandler({ id: 'biometric-authentication' }),
-            ]);
-            expect(result).toEqual({ 'X-DF-Native-Capabilities': 'facetec;biometric-authentication' });
-        });
-    });
-    describe('when handlers have comments', () => {
-        it('appends comments in parentheses after the capability ID', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({ id: 'facetec', getCapabilityComments: () => ({ 'sdk-version': '1.2.3' }) }),
-            ]);
-            expect(result).toEqual({ 'X-DF-Native-Capabilities': 'facetec(sdk-version:1.2.3)' });
-        });
-        it('separates multiple comments with commas', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({
-                    id: 'biometric-authentication',
-                    getCapabilityComments: () => ({ faceid: 'true', touchid: 'true' }),
-                }),
-            ]);
-            expect(result).toEqual({
-                'X-DF-Native-Capabilities': 'biometric-authentication(faceid:true,touchid:true)',
-            });
-        });
-        it('omits parentheses when getCapabilityComments returns an empty object', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({ id: 'facetec', getCapabilityComments: () => ({}) }),
-            ]);
-            expect(result).toEqual({ 'X-DF-Native-Capabilities': 'facetec' });
-        });
-        it('omits parentheses when getCapabilityComments is not defined', () => {
-            const result = getCapabilitiesHeader([makeHandler({ id: 'facetec' })]);
-            expect(result).toEqual({ 'X-DF-Native-Capabilities': 'facetec' });
-        });
-        it('produces the correct format for mixed handlers', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({ id: 'facetec', getCapabilityComments: () => ({ 'sdk-version': '1.2.3' }) }),
-                makeHandler({
-                    id: 'biometric-authentication',
-                    getCapabilityComments: () => ({ faceid: 'true', touchid: 'true' }),
-                }),
-                makeHandler({ id: 'camera' }),
-            ]);
-            expect(result).toEqual({
-                'X-DF-Native-Capabilities': 'facetec(sdk-version:1.2.3);biometric-authentication(faceid:true,touchid:true);camera',
-            });
-        });
-    });
-    describe('encoding delimiter characters', () => {
-        it('encodes delimiter characters in capability id', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({ id: 'face;tec' }),
-                makeHandler({ id: 'bio(metric)' }),
-                makeHandler({ id: 'apple,banana' }),
-                makeHandler({ id: 'foo:bar' }),
-            ]);
-            expect(result).toEqual({
-                'X-DF-Native-Capabilities': 'face%3Btec;bio%28metric%29;apple%2Cbanana;foo%3Abar',
-            });
-        });
-        it('encodes delimiter characters in comment keys and values', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({
-                    id: 'facetec',
-                    getCapabilityComments: () => ({
-                        'sdk;version': '1.2.3',
-                        'foo(bar)': 'baz,qux',
-                        'colon:key': 'colon:value',
-                    }),
-                }),
-            ]);
-            expect(result).toEqual({
-                'X-DF-Native-Capabilities': 'facetec(sdk%3Bversion:1.2.3,foo%28bar%29:baz%2Cqux,colon%3Akey:colon%3Avalue)',
-            });
-        });
-        it('encodes all delimiters in both id and comments', () => {
-            const result = getCapabilitiesHeader([
-                makeHandler({
-                    id: 'foo;bar,baz:qux(quux)',
-                    getCapabilityComments: () => ({
-                        'a;b': 'c,d',
-                        'e:f': 'g(h)i',
-                    }),
-                }),
-            ]);
-            expect(result).toEqual({
-                'X-DF-Native-Capabilities': 'foo%3Bbar%2Cbaz%3Aqux%28quux%29(a%3Bb:c%2Cd,e%3Af:g%28h%29i)',
-            });
-        });
-    });
-});

package/build/common/capabilities/index.js

@@ -1 +0,0 @@
-export { getHttpClientWithCapabilities } from './getHttpClientWithCapabilities';

package/build/common/errorBoundary/ErrorBoundary.js

@@ -1,26 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Component } from 'react';
-import { ErrorBoundaryAlert } from './ErrorBoundaryAlert';
-const noop = () => { };
-class ErrorBoundary extends Component {
-    static getDerivedStateFromError() {
-        return { hasError: true, isFatalError: true };
-    }
-    constructor(props) {
-        super(props);
-        this.handleErrorReset = () => {
-            this.setState({ hasError: false, isFatalError: false });
-        };
-        this.state = { hasError: false, isFatalError: false };
-    }
-    componentDidCatch(error) {
-        const { onError = noop } = this.props;
-        onError(error);
-    }
-    render() {
-        const { children } = this.props;
-        const { hasError, isFatalError } = this.state;
-        return (_jsxs(_Fragment, { children: [hasError && _jsx(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }), !isFatalError && children] }));
-    }
-}
-export default ErrorBoundary;

package/build/common/errorBoundary/ErrorBoundary.test.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { screen, waitFor } from '@testing-library/react';
-import { vi } from 'vitest';
-import { renderWithProviders } from '../../test-utils';
-import ErrorBoundary from './ErrorBoundary';
-describe('when an error occurs during rendering', () => {
-    const ThrowError = () => {
-        throw new Error('Forced error during rendering.');
-    };
-    beforeEach(() => {
-        vi.spyOn(console, 'error').mockImplementation(() => { });
-    });
-    afterEach(() => {
-        vi.restoreAllMocks();
-    });
-    it('should render an error message with a retry link', async () => {
-        const onError = vi.fn();
-        renderWithProviders(_jsx(ErrorBoundary, { onError: onError, children: _jsx(ThrowError, {}) }));
-        expect(screen.getByText('Something went wrong.')).toBeInTheDocument();
-        await waitFor(() => {
-            expect(screen.getByRole('link', { name: 'Retry' })).toBeInTheDocument();
-        });
-    });
-    it('should trigger the onError callback', () => {
-        const onError = vi.fn();
-        renderWithProviders(_jsx(ErrorBoundary, { onError: onError, children: _jsx(ThrowError, {}) }));
-        expect(onError).toHaveBeenCalledWith(new Error('Forced error during rendering.'));
-    });
-});

package/build/common/errorBoundary/ErrorBoundaryAlert.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert, Sentiment } from '@transferwise/components';
-import { useIntl } from 'react-intl';
-import messages from '../messages/generic-error.messages';
-export function ErrorBoundaryAlert({ onDismiss }) {
-    const { formatMessage } = useIntl();
-    return (_jsx(Alert, { action: {
-            text: formatMessage(messages.retry),
-            href: window.location.href,
-        }, message: formatMessage(messages.genericError), type: Sentiment.NEGATIVE, className: "m-b-3", onDismiss: onDismiss }));
-}

package/build/common/makeHttpClient/api-utils.js

@@ -1,3 +0,0 @@
-export function isRelativePath(url = '') {
-    return !['https://', 'http://', 'data:'].some((prefix) => url.startsWith(prefix) && url.length > prefix.length);
-}

package/build/common/makeHttpClient/index.js

@@ -1 +0,0 @@
-export * from './makeHttpClient';

package/build/common/makeHttpClient/makeHttpClient.js

@@ -1,10 +0,0 @@
-import { isRelativePath } from './api-utils';
-export const makeHttpClient = (baseUrl, additionalHeaders) => 
-// eslint-disable-next-line @typescript-eslint/promise-function-async
-(input, init) => {
-    const resource = applyBaseUrl(input, baseUrl || '');
-    return fetch(resource, mergeRequestInit(init !== null && init !== void 0 ? init : {}, { headers: additionalHeaders }));
-};
-const applyBaseUrl = (input, baseUrl) => typeof input === 'string' && isRelativePath(input) ? baseUrl + input : input;
-export const mergeRequestInit = (init, additionalInit) => (Object.assign(Object.assign(Object.assign({}, init), additionalInit), { headers: mergeHeaders(init === null || init === void 0 ? void 0 : init.headers, additionalInit === null || additionalInit === void 0 ? void 0 : additionalInit.headers) }));
-const mergeHeaders = (...headersInits) => headersInits.reduce((acc, headers) => (Object.assign(Object.assign({}, acc), Object.fromEntries(new Headers(headers).entries()))), {});