@cowprotocol/widget-lib 0.11.1 → 0.13.2

package/flexibleConfig.d.ts

@@ -0,0 +1,6 @@
+import { FlexibleConfig, PerNetworkConfig, PerTradeTypeConfig, TradeType } from './types';
+import { SupportedChainId } from '@cowprotocol/cow-sdk';
+
+export declare function resolveFlexibleConfig<T extends string | number>(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/index.d.ts

@@ -3,3 +3,4 @@ export type { CowSwapWidgetHandler } from './cowSwapWidget';
 export * from './types';
 export * from './messages';
 export * from './themeUtils';
+export * from './flexibleConfig';

package/index.iife.js

@@ -1 +1 @@
-var cowSwapWidget=function(o){"use strict";class L{constructor(){this.subscriptions={}}on(n){const{event:t,handler:i}=n;this.subscriptions[t]||(this.subscriptions[t]=[]),this.subscriptions[t].push(i)}off(n){const{event:t,handler:i}=n;this.subscriptions[t]&&(this.subscriptions[t]=this.subscriptions[t].filter(s=>s!==i))}emit(n,t){this.subscriptions[n]&&this.subscriptions[n].forEach(i=>i(t))}}const P="cowSwapWidget";function f(e,n,t){const s={key:P,method:n,...typeof t=="object"?t:{}};e.postMessage(s,"*")}function p(e,n,t){const i=s=>{!D(s.data)||s.data.key!==P||s.data.method!==n||t(s.data)};return e.addEventListener("message",i),i}function D(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}function g(e,n,t){e.removeEventListener("message",t)}function w(e,n){e.removeEventListener("message",n)}var a=(e=>(e.ACTIVATE="ACTIVATE",e.UPDATE_HEIGHT="UPDATE_HEIGHT",e.SET_FULL_HEIGHT="SET_FULL_HEIGHT",e.EMIT_COW_EVENT="EMIT_COW_EVENT",e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e))(a||{}),E=(e=>(e.UPDATE_PARAMS="UPDATE_PARAMS",e.UPDATE_APP_DATA="UPDATE_APP_DATA",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e))(E||{}),m=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e))(m||{});const O=["primary","background","paper","text","danger","warning","alert","info","success"];class U{constructor(n,t=[]){this.contentWindow=n,this.eventEmitter=new L,this.listeners=[],this.updateListeners(t),this.widgetListener=p(this.contentWindow,a.EMIT_COW_EVENT,i=>this.eventEmitter.emit(i.event,i.payload))}stopListeningIframe(){w(this.contentWindow,this.widgetListener)}updateListeners(n){for(const t of this.listeners)this.eventEmitter.off(t);this.listeners=n||[];for(const t of this.listeners)this.eventEmitter.on(t)}}const V=["connect","disconnect","close","chainChanged","accountsChanged"];class y{constructor(n){this.iframeWidow=n,this.ethereumProvider=null,this.requestWaitingForConnection={},this.processRpcCallFromWindow=({rpcRequest:t})=>{if(!this.ethereumProvider){t.id&&(this.requestWaitingForConnection[t.id]=t);return}this.processRpcRequest(t)}}disconnect(){this.ethereumProvider=null,g(window,a.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow)}onConnect(n){this.ethereumProvider?this.disconnect():p(window,a.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=n,this.processPendingRequests(),V.forEach(t=>{n.on(t,i=>this.onProviderEvent(t,i))})}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(n=>{this.processRpcRequest(this.requestWaitingForConnection[n])}),this.requestWaitingForConnection={}}processRpcRequest(n){const{id:t,jsonrpc:i,method:s}=n;if(!this.ethereumProvider||!t)return;(s==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request({...n,id:t})).then(c=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:t,result:c}})).catch(c=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:t,error:c}}))}onProviderEvent(n,t){f(this.iframeWidow,E.PROVIDER_ON_EVENT,{event:n,params:t})}forwardRpcResponseToIframe(n){f(this.iframeWidow,E.PROVIDER_RPC_RESPONSE,n)}}class H{constructor(n,t){this.appWindow=n,this.iframeWidow=t,this.forwardSdkMessage=i=>{M(i.data)&&i.origin!==window.location.origin&&(b(i.data)?this.appWindow.parent.postMessage(i.data,"*"):F(i.data)&&this.iframeWidow.postMessage(i.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function M(e){return typeof e=="object"&&e!==null&&"id"in e&&typeof e.id=="string"}function b(e){return"method"in e&&typeof e.method=="string"&&"params"in e&&"env"in e&&typeof e.env=="object"&&e.env!==null&&"sdkVersion"in e.env}function F(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function R(e){return!!(e&&typeof e=="object")}const _="_";function N(e){const n=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",t=A(e);return n+"/#"+t+"?"+W(e)}function A(e){const{chainId:n=1,sell:t,buy:i,tradeType:s=m.SWAP}=e,r=[(t==null?void 0:t.asset)||_,(i==null?void 0:i.asset)||_].map(encodeURIComponent).join("/");return`/${n}/widget/${s}/${r}`}function W(e){const n=new URLSearchParams;return G(k(n,e),e)}function k(e,n){const{sell:t,buy:i}=n;return t!=null&&t.amount&&e.append("sellAmount",t.amount),i!=null&&i.amount&&e.append("buyAmount",i.amount),e}function G(e,n){const t=n.theme;return t?(R(t)?(e.append("palette",encodeURIComponent(JSON.stringify(t))),e.append("theme",t.baseTheme)):(e.append("palette","null"),e.append("theme",t)),e):(e.append("palette","null"),e)}const I="640px",Q="450px",$=20;function B(e,n){const{params:t,provider:i,listeners:s}=n;let r=i,c=t;const d=q(t);e.innerHTML="",e.appendChild(d);const{contentWindow:u}=d;if(!u)throw console.error("Iframe does not contain a window",d),new Error("Iframe does not contain a window!");const l=[];l.push(K(u,t.appCode)),l.push(...Y(d,t.height));const C=new U(window,s);let T=S(u,null,r);d.addEventListener("load",()=>v(u,c,r));const j=new H(window,u);return{updateParams:h=>{c=h,v(u,c,r)},updateListeners:h=>C.updateListeners(h),updateProvider:h=>{r=h,T=S(u,T,h)},destroy:()=>{T.disconnect(),C.stopListeningIframe(),l.forEach(h=>window.removeEventListener("message",h)),j.stopListening(),e.removeChild(d)}}}function S(e,n,t){n&&n.disconnect();const i=n||new y(e);return t&&i.onConnect(t),i}function q(e){const{width:n=Q,height:t=I}=e,i=document.createElement("iframe");return i.src=N(e),i.width=n,i.height=t,i.style.border="0",i}function v(e,n,t){const i=!!t,s=A(n),r=W(n).toString(),{theme:c,...d}=n;f(e,E.UPDATE_PARAMS,{urlParams:{pathname:s,search:r},appParams:d,hasProvider:i})}function K(e,n){const t=p(window,a.ACTIVATE,()=>{w(window,t),f(e,E.UPDATE_APP_DATA,{metaData:n?{appCode:n}:void 0})});return t}function Y(e,n=I){return[p(window,a.UPDATE_HEIGHT,t=>{e.style.height=t.height?`${t.height+$}px`:n}),p(window,a.SET_FULL_HEIGHT,({isUpToSmall:t})=>{e.style.height=t?n:`${document.body.offsetHeight}px`})]}return o.TradeType=m,o.WIDGET_PALETTE_COLORS=O,o.WidgetMethodsEmit=a,o.WidgetMethodsListen=E,o.createCowSwapWidget=B,o.isCowSwapWidgetPalette=R,o.listenToMessageFromWindow=p,o.postMessageToWindow=f,o.stopListeningToMessageFromWindow=g,o.stopListeningWindowListener=w,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),o}({});
+var cowSwapWidget=function(s){"use strict";var ne=Object.defineProperty;var ie=(s,r,u)=>r in s?ne(s,r,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[r]=u;var d=(s,r,u)=>(ie(s,typeof r!="symbol"?r+"":r,u),u);class r{constructor(){d(this,"subscriptions",{})}on(t){const{event:n,handler:i}=t;this.subscriptions[n]||(this.subscriptions[n]=[]),this.subscriptions[n].push(i)}off(t){const{event:n,handler:i}=t;this.subscriptions[n]&&(this.subscriptions[n]=this.subscriptions[n].filter(o=>o!==i))}emit(t,n){this.subscriptions[t]&&this.subscriptions[t].forEach(i=>i(n))}}const u="cowSwapWidget";function T(e,t,n){const o={key:u,method:t,...typeof n=="object"?n:{}};e.postMessage(o,"*")}function E(e,t,n){const i=o=>{!y(o.data)||o.data.key!==u||o.data.method!==t||n(o.data)};return e.addEventListener("message",i),i}function y(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}function W(e,t,n){e.removeEventListener("message",n)}function C(e,t){e.removeEventListener("message",t)}var a=(e=>(e.ACTIVATE="ACTIVATE",e.UPDATE_HEIGHT="UPDATE_HEIGHT",e.SET_FULL_HEIGHT="SET_FULL_HEIGHT",e.EMIT_COW_EVENT="EMIT_COW_EVENT",e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e.INTERCEPT_WINDOW_OPEN="INTERCEPT_WINDOW_OPEN",e))(a||{}),w=(e=>(e.UPDATE_PARAMS="UPDATE_PARAMS",e.UPDATE_APP_DATA="UPDATE_APP_DATA",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e))(w||{}),m=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e))(m||{});const N=["primary","background","paper","text","danger","warning","alert","info","success"];class U{constructor(t,n=[]){d(this,"eventEmitter",new r);d(this,"listeners",[]);d(this,"widgetListener");this.contentWindow=t,this.updateListeners(n),this.widgetListener=E(this.contentWindow,a.EMIT_COW_EVENT,i=>this.eventEmitter.emit(i.event,i.payload))}stopListeningIframe(){C(this.contentWindow,this.widgetListener)}updateListeners(t){for(const n of this.listeners)this.eventEmitter.off(n);this.listeners=t||[];for(const n of this.listeners)this.eventEmitter.on(n)}}const V=["connect","disconnect","close","chainChanged","accountsChanged"];class F{constructor(t){d(this,"ethereumProvider",null);d(this,"requestWaitingForConnection",{});d(this,"processRpcCallFromWindow",({rpcRequest:t})=>{if(!this.ethereumProvider){t.id&&(this.requestWaitingForConnection[t.id]=t);return}this.processRpcRequest(t)});this.iframeWidow=t}disconnect(){this.ethereumProvider=null,W(window,a.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow)}onConnect(t){this.ethereumProvider?this.disconnect():E(window,a.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=t,this.processPendingRequests(),V.forEach(n=>{t.on(n,i=>this.onProviderEvent(n,i))})}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(t=>{this.processRpcRequest(this.requestWaitingForConnection[t])}),this.requestWaitingForConnection={}}processRpcRequest(t){const{id:n,jsonrpc:i,method:o}=t;if(!this.ethereumProvider||!n)return;(o==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request({...t,id:n})).then(p=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:n,result:p}})).catch(p=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:n,error:p}}))}onProviderEvent(t,n){T(this.iframeWidow,w.PROVIDER_ON_EVENT,{event:t,params:n})}forwardRpcResponseToIframe(t){T(this.iframeWidow,w.PROVIDER_RPC_RESPONSE,t)}}class H{constructor(t,n){d(this,"forwardSdkMessage");this.appWindow=t,this.iframeWidow=n,this.forwardSdkMessage=i=>{M(i.data)&&i.origin!==window.location.origin&&(k(i.data)?this.appWindow.parent.postMessage(i.data,"*"):G(i.data)&&this.iframeWidow.postMessage(i.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function M(e){return typeof e=="object"&&e!==null&&"id"in e&&typeof e.id=="string"}function k(e){return"method"in e&&typeof e.method=="string"&&"params"in e&&"env"in e&&typeof e.env=="object"&&e.env!==null&&"sdkVersion"in e.env}function G(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function I(e){return!!(e&&typeof e=="object")}const v="_";function Q(e){const t=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",n=A(e);return t+"/#"+n+"?"+S(e)}function A(e){const{chainId:t=1,sell:n,buy:i,tradeType:o=m.SWAP}=e,c=[(n==null?void 0:n.asset)||v,(i==null?void 0:i.asset)||v].map(encodeURIComponent).join("/");return`/${t}/widget/${o}/${c}`}function S(e){const t=new URLSearchParams;return $(j(t,e),e)}function j(e,t){const{sell:n,buy:i}=t;return n!=null&&n.amount&&e.append("sellAmount",n.amount),i!=null&&i.amount&&e.append("buyAmount",i.amount),e}function $(e,t){const n=t.theme;return n?(I(n)?(e.append("palette",encodeURIComponent(JSON.stringify(n))),e.append("theme",n.baseTheme)):(e.append("palette","null"),e.append("theme",n)),e):(e.append("palette","null"),e)}const L="640px",B="450px",q=20;function K(e,t){const{params:n,provider:i,listeners:o}=t;let c=i,p=n;const h=Y(n);e.innerHTML="",e.appendChild(h);const{contentWindow:l}=h;if(!l)throw console.error("Iframe does not contain a window",h),new Error("Iframe does not contain a window!");const P=[];P.push(z(l,n.appCode)),P.push(...X(h,n.height)),P.push(J());const b=new U(window,o);let g=O(l,null,c);h.addEventListener("load",()=>D(l,p,c));const te=new H(window,l);return{updateParams:f=>{p=f,D(l,p,c)},updateListeners:f=>b.updateListeners(f),updateProvider:f=>{c=f,g=O(l,g,f)},destroy:()=>{g.disconnect(),b.stopListeningIframe(),P.forEach(f=>window.removeEventListener("message",f)),te.stopListening(),e.removeChild(h)}}}function O(e,t,n){t&&t.disconnect();const i=t||new F(e);return n&&i.onConnect(n),i}function Y(e){const{width:t=B,height:n=L}=e,i=document.createElement("iframe");return i.src=Q(e),i.width=t,i.height=n,i.style.border="0",i.allow="clipboard-read; clipboard-write",i}function D(e,t,n){const i=!!n,o=A(t),c=S(t).toString(),{theme:p,...h}=t;T(e,w.UPDATE_PARAMS,{urlParams:{pathname:o,search:c},appParams:h,hasProvider:i})}function z(e,t){return E(window,a.ACTIVATE,()=>{T(e,w.UPDATE_APP_DATA,{metaData:t?{appCode:t}:void 0})})}function J(){return E(window,a.INTERCEPT_WINDOW_OPEN,({href:e,rel:t,target:n})=>{const i=e.toString();if(!i.startsWith("http")&&i.match(/^[a-zA-Z0-9]+:\/\//)){window.open(i,n,t);return}})}function X(e,t=L){return[E(window,a.UPDATE_HEIGHT,n=>{e.style.height=n.height?`${n.height+q}px`:t}),E(window,a.SET_FULL_HEIGHT,({isUpToSmall:n})=>{e.style.height=n?t:`${document.body.offsetHeight}px`})]}const Z=Object.values(m);function x(e,t,n){if(_(e)){const i=e[n];return R(i)?i[t]:i}if(R(e)){const i=e[t];return _(i)?i[n]:i}return e}function _(e){return typeof e!="object"?!1:Object.keys(e).every(t=>Z.includes(t))}const ee=/^\d+$/;function R(e){return typeof e!="object"?!1:Object.keys(e).every(t=>typeof t=="number"||ee.test(t))}return s.TradeType=m,s.WIDGET_PALETTE_COLORS=N,s.WidgetMethodsEmit=a,s.WidgetMethodsListen=w,s.createCowSwapWidget=K,s.isCowSwapWidgetPalette=I,s.isPerNetworkConfig=R,s.isPerTradeTypeConfig=_,s.listenToMessageFromWindow=E,s.postMessageToWindow=T,s.resolveFlexibleConfig=x,s.stopListeningToMessageFromWindow=W,s.stopListeningWindowListener=C,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),s}({});

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class L{constructor(){this.subscriptions={}}on(n){const{event:t,handler:i}=n;this.subscriptions[t]||(this.subscriptions[t]=[]),this.subscriptions[t].push(i)}off(n){const{event:t,handler:i}=n;this.subscriptions[t]&&(this.subscriptions[t]=this.subscriptions[t].filter(s=>s!==i))}emit(n,t){this.subscriptions[n]&&this.subscriptions[n].forEach(i=>i(t))}}const _="cowSwapWidget";function E(e,n,t){const s={key:_,method:n,...typeof t=="object"?t:{}};e.postMessage(s,"*")}function p(e,n,t){const i=s=>{!D(s.data)||s.data.key!==_||s.data.method!==n||t(s.data)};return e.addEventListener("message",i),i}function D(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}function A(e,n,t){e.removeEventListener("message",t)}function m(e,n){e.removeEventListener("message",n)}var d=(e=>(e.ACTIVATE="ACTIVATE",e.UPDATE_HEIGHT="UPDATE_HEIGHT",e.SET_FULL_HEIGHT="SET_FULL_HEIGHT",e.EMIT_COW_EVENT="EMIT_COW_EVENT",e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e))(d||{}),u=(e=>(e.UPDATE_PARAMS="UPDATE_PARAMS",e.UPDATE_APP_DATA="UPDATE_APP_DATA",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e))(u||{}),l=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e))(l||{});const O=["primary","background","paper","text","danger","warning","alert","info","success"];class U{constructor(n,t=[]){this.contentWindow=n,this.eventEmitter=new L,this.listeners=[],this.updateListeners(t),this.widgetListener=p(this.contentWindow,d.EMIT_COW_EVENT,i=>this.eventEmitter.emit(i.event,i.payload))}stopListeningIframe(){m(this.contentWindow,this.widgetListener)}updateListeners(n){for(const t of this.listeners)this.eventEmitter.off(t);this.listeners=n||[];for(const t of this.listeners)this.eventEmitter.on(t)}}const V=["connect","disconnect","close","chainChanged","accountsChanged"];class y{constructor(n){this.iframeWidow=n,this.ethereumProvider=null,this.requestWaitingForConnection={},this.processRpcCallFromWindow=({rpcRequest:t})=>{if(!this.ethereumProvider){t.id&&(this.requestWaitingForConnection[t.id]=t);return}this.processRpcRequest(t)}}disconnect(){this.ethereumProvider=null,A(window,d.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow)}onConnect(n){this.ethereumProvider?this.disconnect():p(window,d.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=n,this.processPendingRequests(),V.forEach(t=>{n.on(t,i=>this.onProviderEvent(t,i))})}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(n=>{this.processRpcRequest(this.requestWaitingForConnection[n])}),this.requestWaitingForConnection={}}processRpcRequest(n){const{id:t,jsonrpc:i,method:s}=n;if(!this.ethereumProvider||!t)return;(s==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request({...n,id:t})).then(r=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:t,result:r}})).catch(r=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:t,error:r}}))}onProviderEvent(n,t){E(this.iframeWidow,u.PROVIDER_ON_EVENT,{event:n,params:t})}forwardRpcResponseToIframe(n){E(this.iframeWidow,u.PROVIDER_RPC_RESPONSE,n)}}class H{constructor(n,t){this.appWindow=n,this.iframeWidow=t,this.forwardSdkMessage=i=>{M(i.data)&&i.origin!==window.location.origin&&(b(i.data)?this.appWindow.parent.postMessage(i.data,"*"):F(i.data)&&this.iframeWidow.postMessage(i.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function M(e){return typeof e=="object"&&e!==null&&"id"in e&&typeof e.id=="string"}function b(e){return"method"in e&&typeof e.method=="string"&&"params"in e&&"env"in e&&typeof e.env=="object"&&e.env!==null&&"sdkVersion"in e.env}function F(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function I(e){return!!(e&&typeof e=="object")}const P="_";function N(e){const n=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",t=W(e);return n+"/#"+t+"?"+S(e)}function W(e){const{chainId:n=1,sell:t,buy:i,tradeType:s=l.SWAP}=e,o=[(t==null?void 0:t.asset)||P,(i==null?void 0:i.asset)||P].map(encodeURIComponent).join("/");return`/${n}/widget/${s}/${o}`}function S(e){const n=new URLSearchParams;return G(k(n,e),e)}function k(e,n){const{sell:t,buy:i}=n;return t!=null&&t.amount&&e.append("sellAmount",t.amount),i!=null&&i.amount&&e.append("buyAmount",i.amount),e}function G(e,n){const t=n.theme;return t?(I(t)?(e.append("palette",encodeURIComponent(JSON.stringify(t))),e.append("theme",t.baseTheme)):(e.append("palette","null"),e.append("theme",t)),e):(e.append("palette","null"),e)}const C="640px",Q="450px",x=20;function $(e,n){const{params:t,provider:i,listeners:s}=n;let o=i,r=t;const a=B(t);e.innerHTML="",e.appendChild(a);const{contentWindow:h}=a;if(!h)throw console.error("Iframe does not contain a window",a),new Error("Iframe does not contain a window!");const f=[];f.push(q(h,t.appCode)),f.push(...K(a,t.height));const T=new U(window,s);let w=g(h,null,o);a.addEventListener("load",()=>R(h,r,o));const v=new H(window,h);return{updateParams:c=>{r=c,R(h,r,o)},updateListeners:c=>T.updateListeners(c),updateProvider:c=>{o=c,w=g(h,w,c)},destroy:()=>{w.disconnect(),T.stopListeningIframe(),f.forEach(c=>window.removeEventListener("message",c)),v.stopListening(),e.removeChild(a)}}}function g(e,n,t){n&&n.disconnect();const i=n||new y(e);return t&&i.onConnect(t),i}function B(e){const{width:n=Q,height:t=C}=e,i=document.createElement("iframe");return i.src=N(e),i.width=n,i.height=t,i.style.border="0",i}function R(e,n,t){const i=!!t,s=W(n),o=S(n).toString(),{theme:r,...a}=n;E(e,u.UPDATE_PARAMS,{urlParams:{pathname:s,search:o},appParams:a,hasProvider:i})}function q(e,n){const t=p(window,d.ACTIVATE,()=>{m(window,t),E(e,u.UPDATE_APP_DATA,{metaData:n?{appCode:n}:void 0})});return t}function K(e,n=C){return[p(window,d.UPDATE_HEIGHT,t=>{e.style.height=t.height?`${t.height+x}px`:n}),p(window,d.SET_FULL_HEIGHT,({isUpToSmall:t})=>{e.style.height=t?n:`${document.body.offsetHeight}px`})]}exports.TradeType=l;exports.WIDGET_PALETTE_COLORS=O;exports.WidgetMethodsEmit=d;exports.WidgetMethodsListen=u;exports.createCowSwapWidget=$;exports.isCowSwapWidgetPalette=I;exports.listenToMessageFromWindow=p;exports.postMessageToWindow=E;exports.stopListeningToMessageFromWindow=A;exports.stopListeningWindowListener=m;
+"use strict";var b=Object.defineProperty;var y=(e,t,n)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var r=(e,t,n)=>(y(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class N{constructor(){r(this,"subscriptions",{})}on(t){const{event:n,handler:i}=t;this.subscriptions[n]||(this.subscriptions[n]=[]),this.subscriptions[n].push(i)}off(t){const{event:n,handler:i}=t;this.subscriptions[n]&&(this.subscriptions[n]=this.subscriptions[n].filter(s=>s!==i))}emit(t,n){this.subscriptions[t]&&this.subscriptions[t].forEach(i=>i(n))}}const W="cowSwapWidget";function E(e,t,n){const s={key:W,method:t,...typeof n=="object"?n:{}};e.postMessage(s,"*")}function h(e,t,n){const i=s=>{!U(s.data)||s.data.key!==W||s.data.method!==t||n(s.data)};return e.addEventListener("message",i),i}function U(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}function I(e,t,n){e.removeEventListener("message",n)}function v(e,t){e.removeEventListener("message",t)}var a=(e=>(e.ACTIVATE="ACTIVATE",e.UPDATE_HEIGHT="UPDATE_HEIGHT",e.SET_FULL_HEIGHT="SET_FULL_HEIGHT",e.EMIT_COW_EVENT="EMIT_COW_EVENT",e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e.INTERCEPT_WINDOW_OPEN="INTERCEPT_WINDOW_OPEN",e))(a||{}),f=(e=>(e.UPDATE_PARAMS="UPDATE_PARAMS",e.UPDATE_APP_DATA="UPDATE_APP_DATA",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e))(f||{}),w=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e))(w||{});const V=["primary","background","paper","text","danger","warning","alert","info","success"];class F{constructor(t,n=[]){r(this,"eventEmitter",new N);r(this,"listeners",[]);r(this,"widgetListener");this.contentWindow=t,this.updateListeners(n),this.widgetListener=h(this.contentWindow,a.EMIT_COW_EVENT,i=>this.eventEmitter.emit(i.event,i.payload))}stopListeningIframe(){v(this.contentWindow,this.widgetListener)}updateListeners(t){for(const n of this.listeners)this.eventEmitter.off(n);this.listeners=t||[];for(const n of this.listeners)this.eventEmitter.on(n)}}const H=["connect","disconnect","close","chainChanged","accountsChanged"];class M{constructor(t){r(this,"ethereumProvider",null);r(this,"requestWaitingForConnection",{});r(this,"processRpcCallFromWindow",({rpcRequest:t})=>{if(!this.ethereumProvider){t.id&&(this.requestWaitingForConnection[t.id]=t);return}this.processRpcRequest(t)});this.iframeWidow=t}disconnect(){this.ethereumProvider=null,I(window,a.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow)}onConnect(t){this.ethereumProvider?this.disconnect():h(window,a.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=t,this.processPendingRequests(),H.forEach(n=>{t.on(n,i=>this.onProviderEvent(n,i))})}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(t=>{this.processRpcRequest(this.requestWaitingForConnection[t])}),this.requestWaitingForConnection={}}processRpcRequest(t){const{id:n,jsonrpc:i,method:s}=t;if(!this.ethereumProvider||!n)return;(s==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request({...t,id:n})).then(c=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:n,result:c}})).catch(c=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:i,id:n,error:c}}))}onProviderEvent(t,n){E(this.iframeWidow,f.PROVIDER_ON_EVENT,{event:t,params:n})}forwardRpcResponseToIframe(t){E(this.iframeWidow,f.PROVIDER_RPC_RESPONSE,t)}}class k{constructor(t,n){r(this,"forwardSdkMessage");this.appWindow=t,this.iframeWidow=n,this.forwardSdkMessage=i=>{G(i.data)&&i.origin!==window.location.origin&&(x(i.data)?this.appWindow.parent.postMessage(i.data,"*"):Q(i.data)&&this.iframeWidow.postMessage(i.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function G(e){return typeof e=="object"&&e!==null&&"id"in e&&typeof e.id=="string"}function x(e){return"method"in e&&typeof e.method=="string"&&"params"in e&&"env"in e&&typeof e.env=="object"&&e.env!==null&&"sdkVersion"in e.env}function Q(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function A(e){return!!(e&&typeof e=="object")}const R="_";function j(e){const t=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",n=S(e);return t+"/#"+n+"?"+L(e)}function S(e){const{chainId:t=1,sell:n,buy:i,tradeType:s=w.SWAP}=e,o=[(n==null?void 0:n.asset)||R,(i==null?void 0:i.asset)||R].map(encodeURIComponent).join("/");return`/${t}/widget/${s}/${o}`}function L(e){const t=new URLSearchParams;return B($(t,e),e)}function $(e,t){const{sell:n,buy:i}=t;return n!=null&&n.amount&&e.append("sellAmount",n.amount),i!=null&&i.amount&&e.append("buyAmount",i.amount),e}function B(e,t){const n=t.theme;return n?(A(n)?(e.append("palette",encodeURIComponent(JSON.stringify(n))),e.append("theme",n.baseTheme)):(e.append("palette","null"),e.append("theme",n)),e):(e.append("palette","null"),e)}const O="640px",q="450px",K=20;function Y(e,t){const{params:n,provider:i,listeners:s}=t;let o=i,c=n;const d=z(n);e.innerHTML="",e.appendChild(d);const{contentWindow:u}=d;if(!u)throw console.error("Iframe does not contain a window",d),new Error("Iframe does not contain a window!");const l=[];l.push(J(u,n.appCode)),l.push(...Z(d,n.height)),l.push(X());const _=new F(window,s);let T=g(u,null,o);d.addEventListener("load",()=>C(u,c,o));const D=new k(window,u);return{updateParams:p=>{c=p,C(u,c,o)},updateListeners:p=>_.updateListeners(p),updateProvider:p=>{o=p,T=g(u,T,p)},destroy:()=>{T.disconnect(),_.stopListeningIframe(),l.forEach(p=>window.removeEventListener("message",p)),D.stopListening(),e.removeChild(d)}}}function g(e,t,n){t&&t.disconnect();const i=t||new M(e);return n&&i.onConnect(n),i}function z(e){const{width:t=q,height:n=O}=e,i=document.createElement("iframe");return i.src=j(e),i.width=t,i.height=n,i.style.border="0",i.allow="clipboard-read; clipboard-write",i}function C(e,t,n){const i=!!n,s=S(t),o=L(t).toString(),{theme:c,...d}=t;E(e,f.UPDATE_PARAMS,{urlParams:{pathname:s,search:o},appParams:d,hasProvider:i})}function J(e,t){return h(window,a.ACTIVATE,()=>{E(e,f.UPDATE_APP_DATA,{metaData:t?{appCode:t}:void 0})})}function X(){return h(window,a.INTERCEPT_WINDOW_OPEN,({href:e,rel:t,target:n})=>{const i=e.toString();if(!i.startsWith("http")&&i.match(/^[a-zA-Z0-9]+:\/\//)){window.open(i,n,t);return}})}function Z(e,t=O){return[h(window,a.UPDATE_HEIGHT,n=>{e.style.height=n.height?`${n.height+K}px`:t}),h(window,a.SET_FULL_HEIGHT,({isUpToSmall:n})=>{e.style.height=n?t:`${document.body.offsetHeight}px`})]}const ee=Object.values(w);function te(e,t,n){if(m(e)){const i=e[n];return P(i)?i[t]:i}if(P(e)){const i=e[t];return m(i)?i[n]:i}return e}function m(e){return typeof e!="object"?!1:Object.keys(e).every(t=>ee.includes(t))}const ne=/^\d+$/;function P(e){return typeof e!="object"?!1:Object.keys(e).every(t=>typeof t=="number"||ne.test(t))}exports.TradeType=w;exports.WIDGET_PALETTE_COLORS=V;exports.WidgetMethodsEmit=a;exports.WidgetMethodsListen=f;exports.createCowSwapWidget=Y;exports.isCowSwapWidgetPalette=A;exports.isPerNetworkConfig=P;exports.isPerTradeTypeConfig=m;exports.listenToMessageFromWindow=h;exports.postMessageToWindow=E;exports.resolveFlexibleConfig=te;exports.stopListeningToMessageFromWindow=I;exports.stopListeningWindowListener=v;

package/index.mjs

@@ -1,49 +1,52 @@
-class S {
+var O = Object.defineProperty;
+var D = (e, t, n) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var r = (e, t, n) => (D(e, typeof t != "symbol" ? t + "" : t, n), n);
+class L {
   constructor() {
-    this.subscriptions = {};
+    r(this, "subscriptions", {});
   }
-  on(n) {
-    const { event: t, handler: i } = n;
-    this.subscriptions[t] || (this.subscriptions[t] = []), this.subscriptions[t].push(i);
+  on(t) {
+    const { event: n, handler: s } = t;
+    this.subscriptions[n] || (this.subscriptions[n] = []), this.subscriptions[n].push(s);
   }
-  off(n) {
-    const { event: t, handler: i } = n;
-    this.subscriptions[t] && (this.subscriptions[t] = this.subscriptions[t].filter((s) => s !== i));
+  off(t) {
+    const { event: n, handler: s } = t;
+    this.subscriptions[n] && (this.subscriptions[n] = this.subscriptions[n].filter((i) => i !== s));
   }
-  emit(n, t) {
-    this.subscriptions[n] && this.subscriptions[n].forEach((i) => i(t));
+  emit(t, n) {
+    this.subscriptions[t] && this.subscriptions[t].forEach((s) => s(n));
   }
 }
-const R = "cowSwapWidget";
-function E(e, n, t) {
-  const s = {
-    key: R,
-    method: n,
-    ...typeof t == "object" ? t : {}
+const A = "cowSwapWidget";
+function l(e, t, n) {
+  const i = {
+    key: A,
+    method: t,
+    ...typeof n == "object" ? n : {}
   };
   e.postMessage(
-    s,
+    i,
     "*"
     // TODO: Change to CoW specific origin in production. https://github.com/cowprotocol/cowswap/issues/3828
   );
 }
-function p(e, n, t) {
-  const i = (s) => {
-    !W(s.data) || s.data.key !== R || s.data.method !== n || t(s.data);
+function h(e, t, n) {
+  const s = (i) => {
+    !b(i.data) || i.data.key !== A || i.data.method !== t || n(i.data);
   };
-  return e.addEventListener("message", i), i;
+  return e.addEventListener("message", s), s;
 }
-function W(e) {
+function b(e) {
   return typeof e == "object" && e !== null && "key" in e && "method" in e && typeof e.key == "string" && typeof e.method == "string";
 }
-function L(e, n, t) {
-  e.removeEventListener("message", t);
-}
-function _(e, n) {
+function N(e, t, n) {
   e.removeEventListener("message", n);
 }
-var h = /* @__PURE__ */ ((e) => (e.ACTIVATE = "ACTIVATE", e.UPDATE_HEIGHT = "UPDATE_HEIGHT", e.SET_FULL_HEIGHT = "SET_FULL_HEIGHT", e.EMIT_COW_EVENT = "EMIT_COW_EVENT", e.PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST", e))(h || {}), u = /* @__PURE__ */ ((e) => (e.UPDATE_PARAMS = "UPDATE_PARAMS", e.UPDATE_APP_DATA = "UPDATE_APP_DATA", e.PROVIDER_RPC_RESPONSE = "PROVIDER_RPC_RESPONSE", e.PROVIDER_ON_EVENT = "PROVIDER_ON_EVENT", e))(u || {}), g = /* @__PURE__ */ ((e) => (e.SWAP = "swap", e.LIMIT = "limit", e.ADVANCED = "advanced", e))(g || {});
-const q = [
+function y(e, t) {
+  e.removeEventListener("message", t);
+}
+var u = /* @__PURE__ */ ((e) => (e.ACTIVATE = "ACTIVATE", e.UPDATE_HEIGHT = "UPDATE_HEIGHT", e.SET_FULL_HEIGHT = "SET_FULL_HEIGHT", e.EMIT_COW_EVENT = "EMIT_COW_EVENT", e.PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST", e.INTERCEPT_WINDOW_OPEN = "INTERCEPT_WINDOW_OPEN", e))(u || {}), f = /* @__PURE__ */ ((e) => (e.UPDATE_PARAMS = "UPDATE_PARAMS", e.UPDATE_APP_DATA = "UPDATE_APP_DATA", e.PROVIDER_RPC_RESPONSE = "PROVIDER_RPC_RESPONSE", e.PROVIDER_ON_EVENT = "PROVIDER_ON_EVENT", e))(f || {}), m = /* @__PURE__ */ ((e) => (e.SWAP = "swap", e.LIMIT = "limit", e.ADVANCED = "advanced", e))(m || {});
+const te = [
   "primary",
   "background",
   "paper",
@@ -54,96 +57,108 @@ const q = [
   "info",
   "success"
 ];
-class D {
-  constructor(n, t = []) {
-    this.contentWindow = n, this.eventEmitter = new S(), this.listeners = [], this.updateListeners(t), this.widgetListener = p(
+class U {
+  constructor(t, n = []) {
+    r(this, "eventEmitter", new L());
+    r(this, "listeners", []);
+    r(this, "widgetListener");
+    this.contentWindow = t, this.updateListeners(n), this.widgetListener = h(
       this.contentWindow,
-      h.EMIT_COW_EVENT,
-      (i) => this.eventEmitter.emit(i.event, i.payload)
+      u.EMIT_COW_EVENT,
+      (s) => this.eventEmitter.emit(s.event, s.payload)
     );
   }
   stopListeningIframe() {
-    _(this.contentWindow, this.widgetListener);
+    y(this.contentWindow, this.widgetListener);
   }
-  updateListeners(n) {
-    for (const t of this.listeners)
-      this.eventEmitter.off(t);
-    this.listeners = n || [];
-    for (const t of this.listeners)
-      this.eventEmitter.on(t);
+  updateListeners(t) {
+    for (const n of this.listeners)
+      this.eventEmitter.off(n);
+    this.listeners = t || [];
+    for (const n of this.listeners)
+      this.eventEmitter.on(n);
   }
 }
-const O = ["connect", "disconnect", "close", "chainChanged", "accountsChanged"];
-class U {
+const V = ["connect", "disconnect", "close", "chainChanged", "accountsChanged"];
+class H {
   /**
    * Creates an instance of IframeRpcProviderBridge.
    * @param iframeWidow - The iFrame window that will post up general RPC messages and to which the IframeRpcProviderBridge will forward the RPC result.
    *  Also it will receive some special RPC events coming from the wallet, like connect/chainChanged,accountChanged
    */
-  constructor(n) {
-    this.iframeWidow = n, this.ethereumProvider = null, this.requestWaitingForConnection = {}, this.processRpcCallFromWindow = ({ rpcRequest: t }) => {
+  constructor(t) {
+    /**
+     * The Ethereum provider instance.
+     * When is null the JSON-RPC bridge is disconnected from the Ethereum provider.
+     * */
+    r(this, "ethereumProvider", null);
+    /** Stored JSON-RPC requests, to queue them when disconnected. */
+    r(this, "requestWaitingForConnection", {});
+    r(this, "processRpcCallFromWindow", ({ rpcRequest: t }) => {
       if (!this.ethereumProvider) {
         t.id && (this.requestWaitingForConnection[t.id] = t);
         return;
       }
       this.processRpcRequest(t);
-    };
+    });
+    this.iframeWidow = t;
   }
   /**
    * Disconnects the JSON-RPC bridge from the Ethereum provider.
    */
   disconnect() {
-    this.ethereumProvider = null, L(window, h.PROVIDER_RPC_REQUEST, this.processRpcCallFromWindow);
+    this.ethereumProvider = null, N(window, u.PROVIDER_RPC_REQUEST, this.processRpcCallFromWindow);
   }
   /**
    * Handles the 'connect' event and sets up event listeners for Ethereum provider events.
    * @param newProvider - The Ethereum provider to connect.
    */
-  onConnect(n) {
-    this.ethereumProvider ? this.disconnect() : p(window, h.PROVIDER_RPC_REQUEST, this.processRpcCallFromWindow), this.ethereumProvider = n, this.processPendingRequests(), O.forEach((t) => {
-      n.on(t, (i) => this.onProviderEvent(t, i));
+  onConnect(t) {
+    this.ethereumProvider ? this.disconnect() : h(window, u.PROVIDER_RPC_REQUEST, this.processRpcCallFromWindow), this.ethereumProvider = t, this.processPendingRequests(), V.forEach((n) => {
+      t.on(n, (s) => this.onProviderEvent(n, s));
     });
   }
   processPendingRequests() {
-    Object.keys(this.requestWaitingForConnection).forEach((n) => {
-      this.processRpcRequest(this.requestWaitingForConnection[n]);
+    Object.keys(this.requestWaitingForConnection).forEach((t) => {
+      this.processRpcRequest(this.requestWaitingForConnection[t]);
     }), this.requestWaitingForConnection = {};
   }
   /**
    * Processes a JSON-RPC request and sends appropriate response or error via the content window.
    * @param request - The JSON-RPC request to be processed.
    */
-  processRpcRequest(n) {
-    const { id: t, jsonrpc: i, method: s } = n;
-    if (!this.ethereumProvider || !t)
+  processRpcRequest(t) {
+    const { id: n, jsonrpc: s, method: i } = t;
+    if (!this.ethereumProvider || !n)
       return;
-    (s === "enable" ? this.ethereumProvider.enable() : this.ethereumProvider.request({ ...n, id: t })).then(
-      (r) => this.forwardRpcResponseToIframe({
-        rpcResponse: { jsonrpc: i, id: t, result: r }
+    (i === "enable" ? this.ethereumProvider.enable() : this.ethereumProvider.request({ ...t, id: n })).then(
+      (a) => this.forwardRpcResponseToIframe({
+        rpcResponse: { jsonrpc: s, id: n, result: a }
       })
     ).catch(
-      (r) => this.forwardRpcResponseToIframe({
-        rpcResponse: { jsonrpc: i, id: t, error: r }
+      (a) => this.forwardRpcResponseToIframe({
+        rpcResponse: { jsonrpc: s, id: n, error: a }
       })
     );
   }
-  onProviderEvent(n, t) {
-    E(this.iframeWidow, u.PROVIDER_ON_EVENT, {
-      event: n,
-      params: t
+  onProviderEvent(t, n) {
+    l(this.iframeWidow, f.PROVIDER_ON_EVENT, {
+      event: t,
+      params: n
     });
   }
   /**
    * Forward a JSON-RPC message to the content window.
    */
-  forwardRpcResponseToIframe(n) {
-    E(this.iframeWidow, u.PROVIDER_RPC_RESPONSE, n);
+  forwardRpcResponseToIframe(t) {
+    l(this.iframeWidow, f.PROVIDER_RPC_RESPONSE, t);
   }
 }
-class V {
-  constructor(n, t) {
-    this.appWindow = n, this.iframeWidow = t, this.forwardSdkMessage = (i) => {
-      H(i.data) && i.origin !== window.location.origin && (y(i.data) ? this.appWindow.parent.postMessage(i.data, "*") : b(i.data) && this.iframeWidow.postMessage(i.data, "*"));
+class F {
+  constructor(t, n) {
+    r(this, "forwardSdkMessage");
+    this.appWindow = t, this.iframeWidow = n, this.forwardSdkMessage = (s) => {
+      k(s.data) && s.origin !== window.location.origin && (M(s.data) ? this.appWindow.parent.postMessage(s.data, "*") : G(s.data) && this.iframeWidow.postMessage(s.data, "*"));
     }, this.startListening();
   }
   startListening() {
@@ -153,114 +168,144 @@ class V {
     this.appWindow.removeEventListener("message", this.forwardSdkMessage);
   }
 }
-function H(e) {
+function k(e) {
   return typeof e == "object" && e !== null && "id" in e && typeof e.id == "string";
 }
-function y(e) {
+function M(e) {
   return "method" in e && typeof e.method == "string" && "params" in e && "env" in e && typeof e.env == "object" && e.env !== null && "sdkVersion" in e.env;
 }
-function b(e) {
+function G(e) {
   return "success" in e && typeof e.success == "boolean" && "version" in e && typeof e.version == "string";
 }
-function F(e) {
+function x(e) {
   return !!(e && typeof e == "object");
 }
-const l = "_";
-function N(e) {
-  const n = typeof e.baseUrl == "string" ? e.baseUrl : "https://swap.cow.fi", t = A(e);
-  return n + "/#" + t + "?" + I(e);
+const T = "_";
+function Q(e) {
+  const t = typeof e.baseUrl == "string" ? e.baseUrl : "https://swap.cow.fi", n = v(e);
+  return t + "/#" + n + "?" + C(e);
 }
-function A(e) {
-  const { chainId: n = 1, sell: t, buy: i, tradeType: s = g.SWAP } = e, o = [(t == null ? void 0 : t.asset) || l, (i == null ? void 0 : i.asset) || l].map(encodeURIComponent).join("/");
-  return `/${n}/widget/${s}/${o}`;
+function v(e) {
+  const { chainId: t = 1, sell: n, buy: s, tradeType: i = m.SWAP } = e, o = [(n == null ? void 0 : n.asset) || T, (s == null ? void 0 : s.asset) || T].map(encodeURIComponent).join("/");
+  return `/${t}/widget/${i}/${o}`;
 }
-function I(e) {
-  const n = new URLSearchParams();
-  return k(M(n, e), e);
+function C(e) {
+  const t = new URLSearchParams();
+  return j($(t, e), e);
 }
-function M(e, n) {
-  const { sell: t, buy: i } = n;
-  return t != null && t.amount && e.append("sellAmount", t.amount), i != null && i.amount && e.append("buyAmount", i.amount), e;
+function $(e, t) {
+  const { sell: n, buy: s } = t;
+  return n != null && n.amount && e.append("sellAmount", n.amount), s != null && s.amount && e.append("buyAmount", s.amount), e;
 }
-function k(e, n) {
-  const t = n.theme;
-  return t ? (F(t) ? (e.append("palette", encodeURIComponent(JSON.stringify(t))), e.append("theme", t.baseTheme)) : (e.append("palette", "null"), e.append("theme", t)), e) : (e.append("palette", "null"), e);
+function j(e, t) {
+  const n = t.theme;
+  return n ? (x(n) ? (e.append("palette", encodeURIComponent(JSON.stringify(n))), e.append("theme", n.baseTheme)) : (e.append("palette", "null"), e.append("theme", n)), e) : (e.append("palette", "null"), e);
 }
-const v = "640px", G = "450px", x = 20;
-function K(e, n) {
-  const { params: t, provider: i, listeners: s } = n;
-  let o = i, r = t;
-  const a = Q(t);
-  e.innerHTML = "", e.appendChild(a);
-  const { contentWindow: d } = a;
-  if (!d)
-    throw console.error("Iframe does not contain a window", a), new Error("Iframe does not contain a window!");
-  const f = [];
-  f.push($(d, t.appCode)), f.push(...B(a, t.height));
-  const w = new D(window, s);
-  let m = P(d, null, o);
-  a.addEventListener("load", () => T(d, r, o));
-  const C = new V(window, d);
+const W = "640px", B = "450px", q = 20;
+function ne(e, t) {
+  const { params: n, provider: s, listeners: i } = t;
+  let o = s, a = n;
+  const c = K(n);
+  e.innerHTML = "", e.appendChild(c);
+  const { contentWindow: p } = c;
+  if (!p)
+    throw console.error("Iframe does not contain a window", c), new Error("Iframe does not contain a window!");
+  const E = [];
+  E.push(Y(p, n.appCode)), E.push(...J(c, n.height)), E.push(z());
+  const P = new U(window, i);
+  let w = _(p, null, o);
+  c.addEventListener("load", () => R(p, a, o));
+  const S = new F(window, p);
   return {
-    updateParams: (c) => {
-      r = c, T(d, r, o);
+    updateParams: (d) => {
+      a = d, R(p, a, o);
     },
-    updateListeners: (c) => w.updateListeners(c),
-    updateProvider: (c) => {
-      o = c, m = P(d, m, c);
+    updateListeners: (d) => P.updateListeners(d),
+    updateProvider: (d) => {
+      o = d, w = _(p, w, d);
     },
     destroy: () => {
-      m.disconnect(), w.stopListeningIframe(), f.forEach((c) => window.removeEventListener("message", c)), C.stopListening(), e.removeChild(a);
+      w.disconnect(), P.stopListeningIframe(), E.forEach((d) => window.removeEventListener("message", d)), S.stopListening(), e.removeChild(c);
     }
   };
 }
-function P(e, n, t) {
-  n && n.disconnect();
-  const i = n || new U(e);
-  return t && i.onConnect(t), i;
+function _(e, t, n) {
+  t && t.disconnect();
+  const s = t || new H(e);
+  return n && s.onConnect(n), s;
 }
-function Q(e) {
-  const { width: n = G, height: t = v } = e, i = document.createElement("iframe");
-  return i.src = N(e), i.width = n, i.height = t, i.style.border = "0", i;
+function K(e) {
+  const { width: t = B, height: n = W } = e, s = document.createElement("iframe");
+  return s.src = Q(e), s.width = t, s.height = n, s.style.border = "0", s.allow = "clipboard-read; clipboard-write", s;
 }
-function T(e, n, t) {
-  const i = !!t, s = A(n), o = I(n).toString(), { theme: r, ...a } = n;
-  E(e, u.UPDATE_PARAMS, {
+function R(e, t, n) {
+  const s = !!n, i = v(t), o = C(t).toString(), { theme: a, ...c } = t;
+  l(e, f.UPDATE_PARAMS, {
     urlParams: {
-      pathname: s,
+      pathname: i,
       search: o
     },
-    appParams: a,
-    hasProvider: i
+    appParams: c,
+    hasProvider: s
   });
 }
-function $(e, n) {
-  const t = p(window, h.ACTIVATE, () => {
-    _(window, t), E(e, u.UPDATE_APP_DATA, {
-      metaData: n ? { appCode: n } : void 0
+function Y(e, t) {
+  return h(window, u.ACTIVATE, () => {
+    l(e, f.UPDATE_APP_DATA, {
+      metaData: t ? { appCode: t } : void 0
     });
   });
-  return t;
 }
-function B(e, n = v) {
+function z() {
+  return h(window, u.INTERCEPT_WINDOW_OPEN, ({ href: e, rel: t, target: n }) => {
+    const s = e.toString();
+    if (!s.startsWith("http") && s.match(/^[a-zA-Z0-9]+:\/\//)) {
+      window.open(s, n, t);
+      return;
+    }
+  });
+}
+function J(e, t = W) {
   return [
-    p(window, h.UPDATE_HEIGHT, (t) => {
-      e.style.height = t.height ? `${t.height + x}px` : n;
+    h(window, u.UPDATE_HEIGHT, (n) => {
+      e.style.height = n.height ? `${n.height + q}px` : t;
     }),
-    p(window, h.SET_FULL_HEIGHT, ({ isUpToSmall: t }) => {
-      e.style.height = t ? n : `${document.body.offsetHeight}px`;
+    h(window, u.SET_FULL_HEIGHT, ({ isUpToSmall: n }) => {
+      e.style.height = n ? t : `${document.body.offsetHeight}px`;
     })
   ];
 }
+const X = Object.values(m);
+function se(e, t, n) {
+  if (g(e)) {
+    const s = e[n];
+    return I(s) ? s[t] : s;
+  }
+  if (I(e)) {
+    const s = e[t];
+    return g(s) ? s[n] : s;
+  }
+  return e;
+}
+function g(e) {
+  return typeof e != "object" ? !1 : Object.keys(e).every((t) => X.includes(t));
+}
+const Z = /^\d+$/;
+function I(e) {
+  return typeof e != "object" ? !1 : Object.keys(e).every((t) => typeof t == "number" || Z.test(t));
+}
 export {
-  g as TradeType,
-  q as WIDGET_PALETTE_COLORS,
-  h as WidgetMethodsEmit,
-  u as WidgetMethodsListen,
-  K as createCowSwapWidget,
-  F as isCowSwapWidgetPalette,
-  p as listenToMessageFromWindow,
-  E as postMessageToWindow,
-  L as stopListeningToMessageFromWindow,
-  _ as stopListeningWindowListener
+  m as TradeType,
+  te as WIDGET_PALETTE_COLORS,
+  u as WidgetMethodsEmit,
+  f as WidgetMethodsListen,
+  ne as createCowSwapWidget,
+  x as isCowSwapWidgetPalette,
+  I as isPerNetworkConfig,
+  g as isPerTradeTypeConfig,
+  h as listenToMessageFromWindow,
+  l as postMessageToWindow,
+  se as resolveFlexibleConfig,
+  N as stopListeningToMessageFromWindow,
+  y as stopListeningWindowListener
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cowprotocol/widget-lib",
-  "version": "0.11.1",
+  "version": "0.13.2",
   "type": "commonjs",
   "description": "CoW Swap Widget Library. Allows you to easily embed a CoW Swap widget on your website.",
   "main": "index.js",

package/types.d.ts

@@ -2,12 +2,16 @@ import { CowEventListeners, CowEventPayloadMap, CowEvents } from '../../events/s
 import { SupportedChainId } from '@cowprotocol/cow-sdk';
 
 export type { SupportedChainId } from '@cowprotocol/cow-sdk';
+export type PerTradeTypeConfig<T> = Partial<Record<TradeType, T>>;
+export type PerNetworkConfig<T> = Partial<Record<SupportedChainId, T>>;
+export type FlexibleConfig<T> = T | PerNetworkConfig<T> | PerTradeTypeConfig<T> | PerTradeTypeConfig<PerNetworkConfig<T>> | PerNetworkConfig<PerTradeTypeConfig<T>>;
 export declare enum WidgetMethodsEmit {
     ACTIVATE = "ACTIVATE",
     UPDATE_HEIGHT = "UPDATE_HEIGHT",
     SET_FULL_HEIGHT = "SET_FULL_HEIGHT",
     EMIT_COW_EVENT = "EMIT_COW_EVENT",
-    PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST"
+    PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST",
+    INTERCEPT_WINDOW_OPEN = "INTERCEPT_WINDOW_OPEN"
 }
 export declare enum WidgetMethodsListen {
     UPDATE_PARAMS = "UPDATE_PARAMS",
@@ -71,18 +75,16 @@ export declare enum TradeType {
 }
 /**
  * The partner fee
- *
- * Please contact https://cowprotocol.typeform.com/to/rONXaxHV
  */
 export interface PartnerFee {
     /**
      * The fee in basis points (BPS). One basis point is equivalent to 0.01% (1/100th of a percent)
      */
-    bps: number;
+    bps: FlexibleConfig<number>;
     /**
      * The Ethereum address of the partner to receive the fee.
      */
-    recipient: string | Record<SupportedChainId, string>;
+    recipient: FlexibleConfig<string>;
 }
 /**
  * ERC-20 token information
@@ -252,6 +254,7 @@ export interface WidgetMethodsEmitPayloadMap {
     [WidgetMethodsEmit.UPDATE_HEIGHT]: UpdateWidgetHeightPayload;
     [WidgetMethodsEmit.SET_FULL_HEIGHT]: SetWidgetFullHeightPayload;
     [WidgetMethodsEmit.PROVIDER_RPC_REQUEST]: ProviderRpcRequestPayload;
+    [WidgetMethodsEmit.INTERCEPT_WINDOW_OPEN]: WindowOpenPayload;
 }
 export interface WidgetMethodsListenPayloadMap {
     [WidgetMethodsListen.UPDATE_APP_DATA]: UpdateAppDataPayload;
@@ -293,6 +296,11 @@ export type WidgetMethodHandler<T extends WidgetMethodsEmit> = (payload: WidgetM
 export interface ProviderRpcRequestPayload {
     rpcRequest: JsonRpcRequestMessage;
 }
+export interface WindowOpenPayload {
+    href: string | URL;
+    target: string;
+    rel: string;
+}
 export interface JsonRpcRequestMessage {
     jsonrpc: '2.0';
     id?: number;