@cowprotocol/widget-lib 2.0.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [2.0.1](https://github.com/cowprotocol/cowswap/compare/widget-lib-v2.0.0...widget-lib-v2.0.1) (2026-03-18)
+
+
+### 🐛 Bug Fixes
+
+* update libs publising and bundling ([#7173](https://github.com/cowprotocol/cowswap/issues/7173)) ([e3bc5f1](https://github.com/cowprotocol/cowswap/commit/e3bc5f179124c11590a992789db43d912f8ee4a6))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @cowprotocol/events bumped to 4.0.1
+    * @cowprotocol/iframe-transport bumped to 2.0.9
+
 ## [2.0.0](https://github.com/cowprotocol/cowswap/compare/widget-lib-v1.3.0...widget-lib-v2.0.0) (2026-03-11)
 
 

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@cowprotocol/widget-lib",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "CoW Swap Widget Library. Allows you to easily embed a CoW Swap widget on your website.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cowprotocol/cowswap.git",
+    "directory": "libs/widget-lib"
+  },
   "type": "commonjs",
-  "main": "./src/index.ts",
+  "main": "./src/index.js",
   "types": "./src/index.d.ts",
   "license": "ISC",
   "publishConfig": {
@@ -11,7 +16,25 @@
   },
   "dependencies": {
     "@cowprotocol/cow-sdk": "8.0.0",
-    "@cowprotocol/events": "4.0.0",
-    "@cowprotocol/iframe-transport": "2.0.8"
+    "@cowprotocol/events": "^4.0.1",
+    "@cowprotocol/iframe-transport": "^2.0.9",
+    "@cowprotocol/sdk-bridging": "3.0.0",
+    "@uniswap/sdk-core": "3.2.6",
+    "@web3-react/types": "8.2.3",
+    "eventemitter3": "4.0.7",
+    "@cowprotocol/types": "4.0.1",
+    "tslib": "1.14.1"
+  },
+  "resolutions": {
+    "@safe-global/safe-apps-sdk": "^9.1.0",
+    "@types/react": "19.1.3",
+    "@types/react-dom": "19.1.3",
+    "stylus": "npm:empty-npm-package@1.0.0",
+    "@babel/traverse": "^7.23.2",
+    "@walletconnect/ethereum-provider": "2.18.0",
+    "@walletconnect/sign-client": "2.18.0",
+    "@walletconnect/universal-provider": "2.18.0",
+    "@walletconnect/utils": "2.18.0",
+    "@walletconnect/types": "2.18.0"
   }
 }

package/src/IframeCowEventEmitter.d.ts

@@ -0,0 +1,10 @@
+import { CowWidgetEventListeners } from '@cowprotocol/events';
+export declare class IframeCowEventEmitter {
+    private contentWindow;
+    private eventEmitter;
+    private listeners;
+    private widgetListener;
+    constructor(contentWindow: Window, listeners?: CowWidgetEventListeners);
+    stopListeningIframe(): void;
+    updateListeners(listeners?: CowWidgetEventListeners): void;
+}

package/src/IframeCowEventEmitter.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeCowEventEmitter = void 0;
+const events_1 = require("@cowprotocol/events");
+const types_1 = require("./types");
+const widgetIframeTransport_1 = require("./widgetIframeTransport");
+class IframeCowEventEmitter {
+    contentWindow;
+    eventEmitter = new events_1.SimpleCowEventEmitter();
+    listeners = [];
+    widgetListener;
+    constructor(contentWindow, listeners = []) {
+        this.contentWindow = contentWindow;
+        // Subscribe listeners to local event emitter
+        this.updateListeners(listeners);
+        // Listen to iFrame, and forward to local event emitter
+        this.widgetListener = widgetIframeTransport_1.widgetIframeTransport.listenToMessageFromWindow(this.contentWindow, types_1.WidgetMethodsEmit.EMIT_COW_EVENT, (cowEvent) => this.eventEmitter.emit(cowEvent.event, cowEvent.payload));
+    }
+    stopListeningIframe() {
+        widgetIframeTransport_1.widgetIframeTransport.stopListeningWindowListener(this.contentWindow, this.widgetListener);
+    }
+    updateListeners(listeners) {
+        // Unsubscribe from previous listeners
+        for (const listener of this.listeners) {
+            this.eventEmitter.off(listener);
+        }
+        // Subscribe to events
+        this.listeners = listeners || [];
+        for (const listener of this.listeners) {
+            this.eventEmitter.on(listener);
+        }
+    }
+}
+exports.IframeCowEventEmitter = IframeCowEventEmitter;
+//# sourceMappingURL=IframeCowEventEmitter.js.map

package/src/IframeCowEventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeCowEventEmitter.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/IframeCowEventEmitter.ts"],"names":[],"mappings":";;;AAAA,gDAK4B;AAE5B,mCAA2D;AAC3D,mEAA+D;AAE/D,MAAa,qBAAqB;IAMtB;IALF,YAAY,GAAG,IAAI,8BAAqB,EAA6C,CAAA;IACrF,SAAS,GAA4B,EAAE,CAAA;IACvC,cAAc,CAAgB;IAEtC,YACU,aAAqB,EAC7B,YAAqC,EAAE;QAD/B,kBAAa,GAAb,aAAa,CAAQ;QAG7B,6CAA6C;QAC7C,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;QAE/B,uDAAuD;QACvD,IAAI,CAAC,cAAc,GAAG,6CAAqB,CAAC,yBAAyB,CACnE,IAAI,CAAC,aAAa,EAClB,yBAAiB,CAAC,cAAc,EAChC,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CACvE,CAAA;IACH,CAAC;IAEM,mBAAmB;QACxB,6CAAqB,CAAC,2BAA2B,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;IAC5F,CAAC;IAEM,eAAe,CAAC,SAAmC;QACxD,sCAAsC;QACtC,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjC,CAAC;QAED,sBAAsB;QACtB,IAAI,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE,CAAA;QAChC,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAA;QAChC,CAAC;IACH,CAAC;CACF;AApCD,sDAoCC"}

package/src/IframeSafeSdkBridge.d.ts

@@ -0,0 +1,8 @@
+export declare class IframeSafeSdkBridge {
+    private appWindow;
+    private iframeWidow;
+    forwardSdkMessage: (event: MessageEvent<unknown>) => void;
+    constructor(appWindow: Window, iframeWidow: Window);
+    private startListening;
+    stopListening(): void;
+}

package/src/IframeSafeSdkBridge.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeSafeSdkBridge = void 0;
+class IframeSafeSdkBridge {
+    appWindow;
+    iframeWidow;
+    forwardSdkMessage;
+    constructor(appWindow, iframeWidow) {
+        this.appWindow = appWindow;
+        this.iframeWidow = iframeWidow;
+        this.forwardSdkMessage = (event) => {
+            if (!isSafeMessage(event.data)) {
+                return;
+            }
+            if (typeof window !== 'undefined' && event.origin === window.location.origin) {
+                return;
+            }
+            if (isSafeMessageRequest(event.data)) {
+                this.appWindow.parent.postMessage(event.data, '*');
+            }
+            else if (isSafeMessageResponse(event.data)) {
+                this.iframeWidow.postMessage(event.data, '*');
+            }
+        };
+        this.startListening();
+    }
+    startListening() {
+        this.appWindow.addEventListener('message', this.forwardSdkMessage);
+    }
+    stopListening() {
+        this.appWindow.removeEventListener('message', this.forwardSdkMessage);
+    }
+}
+exports.IframeSafeSdkBridge = IframeSafeSdkBridge;
+function isSafeMessage(obj) {
+    return typeof obj === 'object' && obj !== null && 'id' in obj && typeof obj.id === 'string';
+}
+function isSafeMessageRequest(message) {
+    return ('method' in message &&
+        typeof message.method === 'string' &&
+        'params' in message &&
+        'env' in message &&
+        typeof message.env === 'object' &&
+        message.env !== null &&
+        'sdkVersion' in message.env);
+}
+function isSafeMessageResponse(message) {
+    return ('success' in message &&
+        typeof message.success === 'boolean' &&
+        'version' in message &&
+        typeof message.version === 'string');
+}
+//# sourceMappingURL=IframeSafeSdkBridge.js.map

package/src/IframeSafeSdkBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeSafeSdkBridge.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/IframeSafeSdkBridge.ts"],"names":[],"mappings":";;;AAAA,MAAa,mBAAmB;IAIpB;IACA;IAJV,iBAAiB,CAAwC;IAEzD,YACU,SAAiB,EACjB,WAAmB;QADnB,cAAS,GAAT,SAAS,CAAQ;QACjB,gBAAW,GAAX,WAAW,CAAQ;QAE3B,IAAI,CAAC,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;YACxD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/B,OAAM;YACR,CAAC;YAED,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAC7E,OAAM;YACR,CAAC;YAED,IAAI,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;YACpD,CAAC;iBAAM,IAAI,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7C,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC,CAAA;QAED,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAA;IACpE,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAA;IACvE,CAAC;CACF;AAjCD,kDAiCC;AAED,SAAS,aAAa,CAAC,GAAY;IACjC,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAA;AAC7F,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAoB;IAChD,OAAO,CACL,QAAQ,IAAI,OAAO;QACnB,OAAO,OAAO,CAAC,MAAM,KAAK,QAAQ;QAClC,QAAQ,IAAI,OAAO;QACnB,KAAK,IAAI,OAAO;QAChB,OAAO,OAAO,CAAC,GAAG,KAAK,QAAQ;QAC/B,OAAO,CAAC,GAAG,KAAK,IAAI;QACpB,YAAY,IAAI,OAAO,CAAC,GAAG,CAC5B,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAAC,OAAoB;IACjD,OAAO,CACL,SAAS,IAAI,OAAO;QACpB,OAAO,OAAO,CAAC,OAAO,KAAK,SAAS;QACpC,SAAS,IAAI,OAAO;QACpB,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,CACpC,CAAA;AACH,CAAC"}

package/src/cowSwapWidget.d.ts

@@ -0,0 +1,18 @@
+import { CowWidgetEventListeners } from '@cowprotocol/events';
+import { CowSwapWidgetParams, CowSwapWidgetProps, EthereumProvider } from './types';
+/**
+ * Callback function signature for updating the CoW Swap Widget.
+ */
+export interface CowSwapWidgetHandler {
+    updateParams: (params: CowSwapWidgetParams) => void;
+    updateListeners: (newListeners?: CowWidgetEventListeners) => void;
+    updateProvider: (newProvider?: EthereumProvider) => void;
+    destroy: () => void;
+}
+/**
+ * Generates and injects a CoW Swap Widget into the provided container.
+ * @param container - The HTML element to inject the widget into.
+ * @param params - Parameters for configuring the widget.
+ * @returns A callback function to update the widget with new settings.
+ */
+export declare function createCowSwapWidget(container: HTMLElement, props: CowSwapWidgetProps): CowSwapWidgetHandler;

package/src/cowSwapWidget.js

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCowSwapWidget = createCowSwapWidget;
+const iframe_transport_1 = require("@cowprotocol/iframe-transport");
+const IframeCowEventEmitter_1 = require("./IframeCowEventEmitter");
+const IframeSafeSdkBridge_1 = require("./IframeSafeSdkBridge");
+const types_1 = require("./types");
+const urlUtils_1 = require("./urlUtils");
+const widgetIframeTransport_1 = require("./widgetIframeTransport");
+const DEFAULT_HEIGHT = '640px';
+const DEFAULT_WIDTH = '450px';
+/**
+ * Reference: IframeResizer (apps/cowswap-frontend/src/modules/injectedWidget/updaters/IframeResizer.ts)
+ * Sometimes MutationObserver doesn't trigger when the height of the widget changes and the widget displays with a scrollbar.
+ * To avoid this we add a threshold to the height.
+ * 20px
+ */
+const HEIGHT_THRESHOLD = 20;
+const noopHandler = {
+    updateParams: () => void 0,
+    updateListeners: () => void 0,
+    updateProvider: () => void 0,
+    destroy: () => void 0,
+};
+/**
+ * Generates and injects a CoW Swap Widget into the provided container.
+ * @param container - The HTML element to inject the widget into.
+ * @param params - Parameters for configuring the widget.
+ * @returns A callback function to update the widget with new settings.
+ */
+function createCowSwapWidget(container, props) {
+    const { params, provider: providerAux, listeners } = props;
+    let provider = providerAux;
+    let currentParams = params;
+    if (typeof window === 'undefined')
+        return noopHandler;
+    // 1. Create a brand new iframe
+    const iframe = createIframe(params);
+    // 2. Clear the content (delete any previous iFrame if it exists)
+    container.innerHTML = '';
+    container.appendChild(iframe);
+    const { contentWindow: iframeWindow } = iframe;
+    if (!iframeWindow) {
+        console.error('Iframe does not contain a window', iframe);
+        throw new Error('Iframe does not contain a window!');
+    }
+    // 3. Send appCode (once the widget posts the ACTIVATE message)
+    const windowListeners = [];
+    windowListeners.push(sendAppCodeOnActivation(iframeWindow, params.appCode));
+    // 4. Handle widget height changes
+    windowListeners.push(...listenToHeightChanges(iframe, params.height, params.maxHeight));
+    // 5. Intercept deeplinks navigation in the iframe
+    windowListeners.push(interceptDeepLinks());
+    // 6. Handle and forward widget events to the listeners
+    const iFrameCowEventEmitter = new IframeCowEventEmitter_1.IframeCowEventEmitter(window, listeners);
+    // 7. Wire up the iframeRpcProviderBridge with the provider (so RPC calls flow back and forth)
+    let iframeRpcProviderBridge = updateProvider(iframeWindow, null, provider);
+    // 8. Schedule the uploading of the params, once the iframe is loaded
+    iframe.addEventListener('load', () => updateParams(iframeWindow, currentParams, provider));
+    // 9. Listen for messages from the iframe
+    const iframeSafeSdkBridge = new IframeSafeSdkBridge_1.IframeSafeSdkBridge(window, iframeWindow);
+    // 10. Return the handler, so the widget, listeners, and provider can be updated
+    return {
+        updateParams: (newParams) => {
+            currentParams = newParams;
+            updateParams(iframeWindow, currentParams, provider);
+        },
+        updateListeners: (newListeners) => iFrameCowEventEmitter.updateListeners(newListeners),
+        updateProvider: (newProvider) => {
+            provider = newProvider;
+            iframeRpcProviderBridge = updateProvider(iframeWindow, iframeRpcProviderBridge, newProvider);
+        },
+        destroy: () => {
+            // Disconnect rpc provider and unsubscribe to events
+            iframeRpcProviderBridge.disconnect();
+            // Stop listening for cow events
+            iFrameCowEventEmitter.stopListeningIframe();
+            // Disconnect all listeners
+            windowListeners.forEach((listener) => window.removeEventListener('message', listener));
+            // Stop listening for SDK messages
+            iframeSafeSdkBridge.stopListening();
+            // Destroy the iframe
+            container.removeChild(iframe);
+        },
+    };
+}
+/**
+ * Update the provider for the iframeRpcProviderBridge.
+ *
+ * It will disconnect from the previous provider and connect to the new one.
+ *
+ * @param iframe iframe window
+ * @param iframeRpcProviderBridge iframe RPC manager
+ * @param newProvider new provider
+ *
+ * @returns the iframeRpcProviderBridge
+ */
+function updateProvider(iframe, iframeRpcProviderBridge, newProvider) {
+    // Disconnect from the previous provider bridge
+    if (iframeRpcProviderBridge) {
+        iframeRpcProviderBridge.disconnect();
+    }
+    const providerBridge = iframeRpcProviderBridge || new iframe_transport_1.IframeRpcProviderBridge(iframe);
+    // Connect to the new provider
+    if (newProvider) {
+        providerBridge.onConnect(newProvider);
+    }
+    return providerBridge;
+}
+/**
+ * Creates an iframe element for the CoW Swap Widget based on provided parameters and settings.
+ * @param params - Parameters for the widget.
+ * @returns The generated HTMLIFrameElement.
+ */
+function createIframe(params) {
+    const { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT } = params;
+    const iframe = document.createElement('iframe');
+    iframe.src = (0, urlUtils_1.buildWidgetUrl)(params);
+    iframe.width = width;
+    iframe.height = height;
+    iframe.style.border = '0';
+    iframe.allow = 'clipboard-read; clipboard-write';
+    return iframe;
+}
+/**
+ * Updates the CoW Swap Widget based on the new settings provided.
+ * @param params - New params for the widget.
+ * @param contentWindow - Window object of the widget's iframe.
+ */
+function updateParams(contentWindow, params, provider) {
+    const hasProvider = !!provider;
+    const pathname = (0, urlUtils_1.buildWidgetPath)(params);
+    const search = (0, urlUtils_1.buildWidgetUrlQuery)(params).toString();
+    // Omit theme from appParams
+    const { theme: _theme, ...appParams } = params;
+    widgetIframeTransport_1.widgetIframeTransport.postMessageToWindow(contentWindow, types_1.WidgetMethodsListen.UPDATE_PARAMS, {
+        urlParams: {
+            pathname,
+            search,
+        },
+        appParams,
+        hasProvider,
+    });
+}
+/**
+ * Sends appCode to the contentWindow of the widget once the widget is activated.
+ *
+ * @param contentWindow - Window object of the widget's iframe.
+ * @param appCode - A unique identifier for the app.
+ */
+function sendAppCodeOnActivation(contentWindow, appCode) {
+    return widgetIframeTransport_1.widgetIframeTransport.listenToMessageFromWindow(window, types_1.WidgetMethodsEmit.ACTIVATE, () => {
+        // Update the appData
+        widgetIframeTransport_1.widgetIframeTransport.postMessageToWindow(contentWindow, types_1.WidgetMethodsListen.UPDATE_APP_DATA, {
+            metaData: appCode ? { appCode } : undefined,
+        });
+    });
+}
+/**
+ * Since deeplinks are not supported in iframes, this function intercepts the window.open calls from the widget and opens
+ */
+function interceptDeepLinks() {
+    return widgetIframeTransport_1.widgetIframeTransport.listenToMessageFromWindow(window, types_1.WidgetMethodsEmit.INTERCEPT_WINDOW_OPEN, ({ href, rel, target }) => {
+        const url = href.toString();
+        if (!url.startsWith('http') && url.match(/^[a-zA-Z0-9]+:\/\//)) {
+            window.open(url, target, rel);
+            return;
+        }
+    });
+}
+/**
+ * Listens for iframeHeight emitted by the widget, and applies dynamic height adjustments to the widget's iframe.
+ *
+ * @param iframe - The HTMLIFrameElement of the widget.
+ * @param defaultHeight - Default height for the widget.
+ * @param maxHeight - Maximum height for the widget.
+ */
+function listenToHeightChanges(iframe, defaultHeight = DEFAULT_HEIGHT, maxHeight) {
+    return [
+        widgetIframeTransport_1.widgetIframeTransport.listenToMessageFromWindow(window, types_1.WidgetMethodsEmit.UPDATE_HEIGHT, (data) => {
+            const newHeight = data.height ? data.height + HEIGHT_THRESHOLD : undefined;
+            iframe.style.height = newHeight ? `${maxHeight ? Math.min(newHeight, maxHeight) : newHeight}px` : defaultHeight;
+        }),
+        widgetIframeTransport_1.widgetIframeTransport.listenToMessageFromWindow(window, types_1.WidgetMethodsEmit.SET_FULL_HEIGHT, ({ isUpToSmall }) => {
+            iframe.style.height = isUpToSmall ? defaultHeight : `${maxHeight || document.body.offsetHeight}px`;
+        }),
+    ];
+}
+//# sourceMappingURL=cowSwapWidget.js.map

package/src/cowSwapWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cowSwapWidget.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/cowSwapWidget.ts"],"names":[],"mappings":"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"}

package/src/flexibleConfig.d.ts

@@ -0,0 +1,5 @@
+import type { SupportedChainId } from '@cowprotocol/cow-sdk';
+import { FlexibleConfig, PerNetworkConfig, PerTradeTypeConfig, TradeType } from './types';
+export declare function resolveFlexibleConfig<T>(config: FlexibleConfig<T>, chainId: SupportedChainId, tradeType: TradeType): T | undefined;
+export declare function isPerTradeTypeConfig<T>(config: FlexibleConfig<T>): config is PerTradeTypeConfig<T>;
+export declare function isPerNetworkConfig<T>(config: FlexibleConfig<T>): config is PerNetworkConfig<T>;

package/src/flexibleConfig.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveFlexibleConfig = resolveFlexibleConfig;
+exports.isPerTradeTypeConfig = isPerTradeTypeConfig;
+exports.isPerNetworkConfig = isPerNetworkConfig;
+const types_1 = require("./types");
+const TradeTypes = Object.values(types_1.TradeType);
+function resolveFlexibleConfig(config, chainId, tradeType) {
+    if (isPerTradeTypeConfig(config)) {
+        const value = config[tradeType];
+        return isPerNetworkConfig(value) ? value[chainId] : value;
+    }
+    if (isPerNetworkConfig(config)) {
+        const value = config[chainId];
+        return isPerTradeTypeConfig(value) ? value[tradeType] : value;
+    }
+    return config;
+}
+function isPerTradeTypeConfig(config) {
+    if (typeof config !== 'object')
+        return false;
+    return Object.keys(config).every((key) => TradeTypes.includes(key));
+}
+const D_REGEX = /^\d+$/;
+function isPerNetworkConfig(config) {
+    if (typeof config !== 'object')
+        return false;
+    return Object.keys(config).every((key) => D_REGEX.test(key));
+}
+//# sourceMappingURL=flexibleConfig.js.map

package/src/flexibleConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexibleConfig.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/flexibleConfig.ts"],"names":[],"mappings":";;AAMA,sDAkBC;AAED,oDAIC;AAID,gDAIC;AApCD,mCAAyF;AAEzF,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAS,CAAC,CAAA;AAE3C,SAAgB,qBAAqB,CACnC,MAAyB,EACzB,OAAyB,EACzB,SAAoB;IAEpB,IAAI,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;QAE/B,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC3D,CAAC;IAED,IAAI,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;QAE7B,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC/D,CAAC;IAED,OAAO,MAAW,CAAA;AACpB,CAAC;AAED,SAAgB,oBAAoB,CAAI,MAAyB;IAC/D,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAE5C,OAAO,MAAM,CAAC,IAAI,CAAC,MAAgB,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAgB,CAAC,CAAC,CAAA;AAC5F,CAAC;AAED,MAAM,OAAO,GAAG,OAAO,CAAA;AAEvB,SAAgB,kBAAkB,CAAI,MAAyB;IAC7D,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAE5C,OAAO,MAAM,CAAC,IAAI,CAAC,MAAgB,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AACxE,CAAC"}

package/src/index.d.ts

@@ -0,0 +1,7 @@
+export { createCowSwapWidget } from './cowSwapWidget';
+export { widgetIframeTransport } from './widgetIframeTransport';
+export type { CowSwapWidgetHandler } from './cowSwapWidget';
+export { resolveFlexibleConfigValues } from './resolveFlexibleConfigValues';
+export * from './types';
+export * from './themeUtils';
+export * from './flexibleConfig';

package/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveFlexibleConfigValues = exports.widgetIframeTransport = exports.createCowSwapWidget = void 0;
+const tslib_1 = require("tslib");
+var cowSwapWidget_1 = require("./cowSwapWidget");
+Object.defineProperty(exports, "createCowSwapWidget", { enumerable: true, get: function () { return cowSwapWidget_1.createCowSwapWidget; } });
+var widgetIframeTransport_1 = require("./widgetIframeTransport");
+Object.defineProperty(exports, "widgetIframeTransport", { enumerable: true, get: function () { return widgetIframeTransport_1.widgetIframeTransport; } });
+var resolveFlexibleConfigValues_1 = require("./resolveFlexibleConfigValues");
+Object.defineProperty(exports, "resolveFlexibleConfigValues", { enumerable: true, get: function () { return resolveFlexibleConfigValues_1.resolveFlexibleConfigValues; } });
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./themeUtils"), exports);
+tslib_1.__exportStar(require("./flexibleConfig"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/index.ts"],"names":[],"mappings":";;;;AAAA,iDAAqD;AAA5C,oHAAA,mBAAmB,OAAA;AAC5B,iEAA+D;AAAtD,8HAAA,qBAAqB,OAAA;AAE9B,6EAA2E;AAAlE,0IAAA,2BAA2B,OAAA;AAEpC,kDAAuB;AACvB,uDAA4B;AAC5B,2DAAgC"}

package/src/resolveFlexibleConfigValues.d.ts

@@ -0,0 +1,2 @@
+import { FlexibleConfig } from './types';
+export declare function resolveFlexibleConfigValues<T>(config: FlexibleConfig<T>): T[];

package/src/resolveFlexibleConfigValues.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveFlexibleConfigValues = resolveFlexibleConfigValues;
+const flexibleConfig_1 = require("./flexibleConfig");
+function resolveFlexibleConfigValues(config) {
+    if ((0, flexibleConfig_1.isPerTradeTypeConfig)(config)) {
+        return Object.values(config).flatMap((value) => ((0, flexibleConfig_1.isPerNetworkConfig)(value) ? Object.values(value) : [value]));
+    }
+    if ((0, flexibleConfig_1.isPerNetworkConfig)(config)) {
+        return Object.values(config).flatMap((value) => ((0, flexibleConfig_1.isPerTradeTypeConfig)(value) ? Object.values(value) : [value]));
+    }
+    return [config];
+}
+//# sourceMappingURL=resolveFlexibleConfigValues.js.map

package/src/resolveFlexibleConfigValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFlexibleConfigValues.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/resolveFlexibleConfigValues.ts"],"names":[],"mappings":";;AAGA,kEAUC;AAbD,qDAA2E;AAG3E,SAAgB,2BAA2B,CAAI,MAAyB;IACtE,IAAI,IAAA,qCAAoB,EAAC,MAAM,CAAC,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAA,mCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IAC/G,CAAC;IAED,IAAI,IAAA,mCAAkB,EAAC,MAAM,CAAC,EAAE,CAAC;QAC/B,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAA,qCAAoB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IACjH,CAAC;IAED,OAAO,CAAC,MAAM,CAAQ,CAAA;AACxB,CAAC"}

package/src/themeUtils.d.ts

@@ -0,0 +1,2 @@
+import { CowSwapTheme, CowSwapWidgetPalette } from './types';
+export declare function isCowSwapWidgetPalette(palette: CowSwapTheme | CowSwapWidgetPalette | undefined): palette is CowSwapWidgetPalette;

package/src/themeUtils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCowSwapWidgetPalette = isCowSwapWidgetPalette;
+function isCowSwapWidgetPalette(palette) {
+    return Boolean(palette && typeof palette === 'object');
+}
+//# sourceMappingURL=themeUtils.js.map

package/src/themeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/themeUtils.ts"],"names":[],"mappings":";;AAEA,wDAIC;AAJD,SAAgB,sBAAsB,CACpC,OAAwD;IAExD,OAAO,OAAO,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAA;AACxD,CAAC"}