@cowprotocol/widget-lib 0.18.0 → 0.22.0

package/flexibleConfig.d.ts

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

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

package/index.iife.js

@@ -1 +1 @@
-var cowSwapWidget=function(E){"use strict";var fe=Object.defineProperty;var de=(E,T,R)=>T in E?fe(E,T,{enumerable:!0,configurable:!0,writable:!0,value:R}):E[T]=R;var P=(E,T,R)=>(de(E,typeof T!="symbol"?T+"":T,R),R);class T{constructor(n){this.key=n}postMessageToWindow(n,t,s){const p=typeof s=="object"?s:{},l={key:this.key,method:t,...p};n.postMessage(l,"*")}listenToMessageFromWindow(n,t,s){const p=l=>{!R(l.data)||l.data.key!==this.key||l.data.method!==t||s(l.data)};return n.addEventListener("message",p),p}stopListeningToMessageFromWindow(n,t,s){n.removeEventListener("message",s)}stopListeningWindowListener(n,t){n.removeEventListener("message",t)}}function R(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}var O=(e=>(e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e))(O||{});const W=new T("cowSwapIframeRpcProviderTransport"),H=["connect","disconnect","close","chainChanged","accountsChanged"];class x{constructor(n){P(this,"ethereumProvider",null);P(this,"requestWaitingForConnection",{});P(this,"processRpcCallFromWindow",({rpcRequest:n})=>{if(!this.ethereumProvider){n.id&&(this.requestWaitingForConnection[n.id]=n);return}this.processRpcRequest(n)});this.iframeWidow=n}disconnect(){this.ethereumProvider=null,W.stopListeningToMessageFromWindow(window,O.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow)}onConnect(n){this.ethereumProvider?this.disconnect():W.listenToMessageFromWindow(window,O.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=n,this.processPendingRequests(),H.forEach(t=>{n.on(t,s=>this.onProviderEvent(t,s))})}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(n=>{this.processRpcRequest(this.requestWaitingForConnection[n])}),this.requestWaitingForConnection={}}processRpcRequest(n){const{id:t,jsonrpc:s,method:p}=n;if(!this.ethereumProvider||!t)return;(p==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request({...n,id:t})).then(_=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:t,result:_}})).catch(_=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:t,error:_}}))}onProviderEvent(n,t){W.postMessageToWindow(this.iframeWidow,O.PROVIDER_ON_EVENT,{event:n,params:t})}forwardRpcResponseToIframe(n){W.postMessageToWindow(this.iframeWidow,O.PROVIDER_RPC_RESPONSE,n)}}var G={exports:{}};(function(e){var n=Object.prototype.hasOwnProperty,t="~";function s(){}Object.create&&(s.prototype=Object.create(null),new s().__proto__||(t=!1));function p(c,r,i){this.fn=c,this.context=r,this.once=i||!1}function l(c,r,i,o,w){if(typeof i!="function")throw new TypeError("The listener must be a function");var f=new p(i,o||c,w),d=t?t+r:r;return c._events[d]?c._events[d].fn?c._events[d]=[c._events[d],f]:c._events[d].push(f):(c._events[d]=f,c._eventsCount++),c}function _(c,r){--c._eventsCount===0?c._events=new s:delete c._events[r]}function u(){this._events=new s,this._eventsCount=0}u.prototype.eventNames=function(){var r=[],i,o;if(this._eventsCount===0)return r;for(o in i=this._events)n.call(i,o)&&r.push(t?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(i)):r},u.prototype.listeners=function(r){var i=t?t+r:r,o=this._events[i];if(!o)return[];if(o.fn)return[o.fn];for(var w=0,f=o.length,d=new Array(f);w<f;w++)d[w]=o[w].fn;return d},u.prototype.listenerCount=function(r){var i=t?t+r:r,o=this._events[i];return o?o.fn?1:o.length:0},u.prototype.emit=function(r,i,o,w,f,d){var v=t?t+r:r;if(!this._events[v])return!1;var a=this._events[v],g=arguments.length,y,h;if(a.fn){switch(a.once&&this.removeListener(r,a.fn,void 0,!0),g){case 1:return a.fn.call(a.context),!0;case 2:return a.fn.call(a.context,i),!0;case 3:return a.fn.call(a.context,i,o),!0;case 4:return a.fn.call(a.context,i,o,w),!0;case 5:return a.fn.call(a.context,i,o,w,f),!0;case 6:return a.fn.call(a.context,i,o,w,f,d),!0}for(h=1,y=new Array(g-1);h<g;h++)y[h-1]=arguments[h];a.fn.apply(a.context,y)}else{var ue=a.length,I;for(h=0;h<ue;h++)switch(a[h].once&&this.removeListener(r,a[h].fn,void 0,!0),g){case 1:a[h].fn.call(a[h].context);break;case 2:a[h].fn.call(a[h].context,i);break;case 3:a[h].fn.call(a[h].context,i,o);break;case 4:a[h].fn.call(a[h].context,i,o,w);break;default:if(!y)for(I=1,y=new Array(g-1);I<g;I++)y[I-1]=arguments[I];a[h].fn.apply(a[h].context,y)}}return!0},u.prototype.on=function(r,i,o){return l(this,r,i,o,!1)},u.prototype.once=function(r,i,o){return l(this,r,i,o,!0)},u.prototype.removeListener=function(r,i,o,w){var f=t?t+r:r;if(!this._events[f])return this;if(!i)return _(this,f),this;var d=this._events[f];if(d.fn)d.fn===i&&(!w||d.once)&&(!o||d.context===o)&&_(this,f);else{for(var v=0,a=[],g=d.length;v<g;v++)(d[v].fn!==i||w&&!d[v].once||o&&d[v].context!==o)&&a.push(d[v]);a.length?this._events[f]=a.length===1?a[0]:a:_(this,f)}return this},u.prototype.removeAllListeners=function(r){var i;return r?(i=t?t+r:r,this._events[i]&&_(this,i)):(this._events=new s,this._eventsCount=0),this},u.prototype.off=u.prototype.removeListener,u.prototype.addListener=u.prototype.on,u.prefixed=t,u.EventEmitter=u,e.exports=u})(G);class Q{constructor(){P(this,"subscriptions",{})}on(n){const{event:t,handler:s}=n;return this.subscriptions[t]||(this.subscriptions[t]=[]),this.subscriptions[t].push(s),n}off(n){const{event:t,handler:s}=n;return this.subscriptions[t]&&(this.subscriptions[t]=this.subscriptions[t].filter(p=>p!==s)),n}emit(n,t){this.subscriptions[n]&&this.subscriptions[n].forEach(s=>s(t))}}var C=(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))(C||{}),S=(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))(S||{}),A=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e.YIELD="yield",e))(A||{});const j=["primary","background","paper","text","danger","warning","alert","info","success"],m=new T("cowSwapWidget");class ${constructor(n,t=[]){P(this,"eventEmitter",new Q);P(this,"listeners",[]);P(this,"widgetListener");this.contentWindow=n,this.updateListeners(t),this.widgetListener=m.listenToMessageFromWindow(this.contentWindow,C.EMIT_COW_EVENT,s=>this.eventEmitter.emit(s.event,s.payload))}stopListeningIframe(){m.stopListeningWindowListener(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)}}class B{constructor(n,t){P(this,"forwardSdkMessage");this.appWindow=n,this.iframeWidow=t,this.forwardSdkMessage=s=>{q(s.data)&&s.origin!==window.location.origin&&(Y(s.data)?this.appWindow.parent.postMessage(s.data,"*"):z(s.data)&&this.iframeWidow.postMessage(s.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function q(e){return typeof e=="object"&&e!==null&&"id"in e&&typeof e.id=="string"}function Y(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 z(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function b(e){return!!(e&&typeof e=="object")}const N="_";function J(e){const n=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",t=M(e);return n+"/#"+t+"?"+V(e)}function M(e){const{chainId:n=1,sell:t,buy:s,tradeType:p=A.SWAP}=e,l=[(t==null?void 0:t.asset)||N,(s==null?void 0:s.asset)||N].map(encodeURIComponent).join("/");return`/${n}/widget/${p}/${l}`}function V(e){const n=new URLSearchParams;return X(K(n,e),e)}function K(e,n){const{sell:t,buy:s}=n;return t!=null&&t.amount&&e.append("sellAmount",t.amount),s!=null&&s.amount&&e.append("buyAmount",s.amount),e}function X(e,n){const t=n.theme;return t?(b(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 F="640px",Z="450px",ee=20;function te(e,n){const{params:t,provider:s,listeners:p}=n;let l=s,_=t;const u=ne(t);e.innerHTML="",e.appendChild(u);const{contentWindow:c}=u;if(!c)throw console.error("Iframe does not contain a window",u),new Error("Iframe does not contain a window!");const r=[];r.push(se(c,t.appCode)),r.push(...ie(u,t.height,t.maxHeight)),r.push(re());const i=new $(window,p);let o=U(c,null,l);u.addEventListener("load",()=>k(c,_,l));const w=new B(window,c);return{updateParams:f=>{_=f,k(c,_,l)},updateListeners:f=>i.updateListeners(f),updateProvider:f=>{l=f,o=U(c,o,f)},destroy:()=>{o.disconnect(),i.stopListeningIframe(),r.forEach(f=>window.removeEventListener("message",f)),w.stopListening(),e.removeChild(u)}}}function U(e,n,t){n&&n.disconnect();const s=n||new x(e);return t&&s.onConnect(t),s}function ne(e){const{width:n=Z,height:t=F}=e,s=document.createElement("iframe");return s.src=J(e),s.width=n,s.height=t,s.style.border="0",s.allow="clipboard-read; clipboard-write",s}function k(e,n,t){const s=!!t,p=M(n),l=V(n).toString(),{theme:_,...u}=n;m.postMessageToWindow(e,S.UPDATE_PARAMS,{urlParams:{pathname:p,search:l},appParams:u,hasProvider:s})}function se(e,n){return m.listenToMessageFromWindow(window,C.ACTIVATE,()=>{m.postMessageToWindow(e,S.UPDATE_APP_DATA,{metaData:n?{appCode:n}:void 0})})}function re(){return m.listenToMessageFromWindow(window,C.INTERCEPT_WINDOW_OPEN,({href:e,rel:n,target:t})=>{const s=e.toString();if(!s.startsWith("http")&&s.match(/^[a-zA-Z0-9]+:\/\//)){window.open(s,t,n);return}})}function ie(e,n=F,t){return[m.listenToMessageFromWindow(window,C.UPDATE_HEIGHT,s=>{const p=s.height?s.height+ee:void 0;e.style.height=p?`${t?Math.min(p,t):p}px`:n}),m.listenToMessageFromWindow(window,C.SET_FULL_HEIGHT,({isUpToSmall:s})=>{e.style.height=s?n:`${t||document.body.offsetHeight}px`})]}const oe=Object.values(A);function ae(e,n,t){if(L(e)){const s=e[t];return D(s)?s[n]:s}if(D(e)){const s=e[n];return L(s)?s[t]:s}return e}function L(e){return typeof e!="object"?!1:Object.keys(e).every(n=>oe.includes(n))}const ce=/^\d+$/;function D(e){return typeof e!="object"?!1:Object.keys(e).every(n=>typeof n=="number"||ce.test(n))}return E.TradeType=A,E.WIDGET_PALETTE_COLORS=j,E.WidgetMethodsEmit=C,E.WidgetMethodsListen=S,E.createCowSwapWidget=te,E.isCowSwapWidgetPalette=b,E.isPerNetworkConfig=D,E.isPerTradeTypeConfig=L,E.resolveFlexibleConfig=ae,E.widgetIframeTransport=m,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"}),E}({});
+var cowSwapWidget=function(w){"use strict";class D{key;constructor(t){this.key=t}postMessageToWindow(t,n,s){const p=typeof s=="object"?s:{},l={key:this.key,method:n,...p};t.postMessage(l,"*")}listenToMessageFromWindow(t,n,s){const p=l=>{!x(l.data)||l.data.key!==this.key||l.data.method!==n||s(l.data)};return t.addEventListener("message",p),p}stopListeningToMessageFromWindow(t,n,s){t.removeEventListener("message",s)}stopListeningWindowListener(t,n){t.removeEventListener("message",n)}}function x(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}var m=function(e){return e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e.SEND_PROVIDER_META_INFO="SEND_PROVIDER_META_INFO",e.REQUEST_PROVIDER_META_INFO="REQUEST_PROVIDER_META_INFO",e}({});const R=new D("cowSwapIframeRpcProviderTransport");function Q(e){if(e.isWalletConnect)return e?.session?.peer?.metadata}function j(e,t){return t.find(n=>n.provider===e)?.info}const G=["connect","disconnect","close","chainChanged","accountsChanged"],L=[];window.addEventListener("eip6963:announceProvider",e=>{const t=e;L.push(t.detail)});class q{iframeWidow;ethereumProvider=null;requestWaitingForConnection={};constructor(t){this.iframeWidow=t}disconnect(){this.ethereumProvider=null,R.stopListeningToMessageFromWindow(window,m.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),R.stopListeningToMessageFromWindow(window,m.REQUEST_PROVIDER_META_INFO,this.processProviderMetaInfoRequest)}onConnect(t){this.ethereumProvider?this.disconnect():R.listenToMessageFromWindow(window,m.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=t,this.processPendingRequests(),G.forEach(n=>{t.on(n,s=>this.onProviderEvent(n,s))}),R.listenToMessageFromWindow(window,m.REQUEST_PROVIDER_META_INFO,this.processProviderMetaInfoRequest)}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(t=>{this.processRpcRequest(this.requestWaitingForConnection[t])}),this.requestWaitingForConnection={}}processRpcRequest(t){const{id:n,jsonrpc:s,method:p}=t;if(!this.ethereumProvider||!n)return;(p==="enable"?this.ethereumProvider.request({method:"eth_requestAccounts",id:n}):this.ethereumProvider.request({...t,id:n})).then(_=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:n,result:_}})).catch(_=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:n,error:_}}))}processRpcCallFromWindow=({rpcRequest:t})=>{if(!this.ethereumProvider){t.id&&(this.requestWaitingForConnection[t.id]=t);return}this.processRpcRequest(t)};processProviderMetaInfoRequest=()=>{if(!this.ethereumProvider)return;const t=j(this.ethereumProvider,L),n=Q(this.ethereumProvider);R.postMessageToWindow(this.iframeWidow,m.SEND_PROVIDER_META_INFO,{providerEip6963Info:t,providerWcMetadata:n})};onProviderEvent(t,n){R.postMessageToWindow(this.iframeWidow,m.PROVIDER_ON_EVENT,{event:t,params:n})}forwardRpcResponseToIframe(t){R.postMessageToWindow(this.iframeWidow,m.PROVIDER_RPC_RESPONSE,t)}}var y={exports:{}},b;function $(){return b||(b=1,function(e){var t=Object.prototype.hasOwnProperty,n="~";function s(){}Object.create&&(s.prototype=Object.create(null),new s().__proto__||(n=!1));function p(c,r,i){this.fn=c,this.context=r,this.once=i||!1}function l(c,r,i,o,E){if(typeof i!="function")throw new TypeError("The listener must be a function");var d=new p(i,o||c,E),f=n?n+r:r;return c._events[f]?c._events[f].fn?c._events[f]=[c._events[f],d]:c._events[f].push(d):(c._events[f]=d,c._eventsCount++),c}function _(c,r){--c._eventsCount===0?c._events=new s:delete c._events[r]}function u(){this._events=new s,this._eventsCount=0}u.prototype.eventNames=function(){var r=[],i,o;if(this._eventsCount===0)return r;for(o in i=this._events)t.call(i,o)&&r.push(n?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(i)):r},u.prototype.listeners=function(r){var i=n?n+r:r,o=this._events[i];if(!o)return[];if(o.fn)return[o.fn];for(var E=0,d=o.length,f=new Array(d);E<d;E++)f[E]=o[E].fn;return f},u.prototype.listenerCount=function(r){var i=n?n+r:r,o=this._events[i];return o?o.fn?1:o.length:0},u.prototype.emit=function(r,i,o,E,d,f){var v=n?n+r:r;if(!this._events[v])return!1;var a=this._events[v],P=arguments.length,g,h;if(a.fn){switch(a.once&&this.removeListener(r,a.fn,void 0,!0),P){case 1:return a.fn.call(a.context),!0;case 2:return a.fn.call(a.context,i),!0;case 3:return a.fn.call(a.context,i,o),!0;case 4:return a.fn.call(a.context,i,o,E),!0;case 5:return a.fn.call(a.context,i,o,E,d),!0;case 6:return a.fn.call(a.context,i,o,E,d,f),!0}for(h=1,g=new Array(P-1);h<P;h++)g[h-1]=arguments[h];a.fn.apply(a.context,g)}else{var Ee=a.length,W;for(h=0;h<Ee;h++)switch(a[h].once&&this.removeListener(r,a[h].fn,void 0,!0),P){case 1:a[h].fn.call(a[h].context);break;case 2:a[h].fn.call(a[h].context,i);break;case 3:a[h].fn.call(a[h].context,i,o);break;case 4:a[h].fn.call(a[h].context,i,o,E);break;default:if(!g)for(W=1,g=new Array(P-1);W<P;W++)g[W-1]=arguments[W];a[h].fn.apply(a[h].context,g)}}return!0},u.prototype.on=function(r,i,o){return l(this,r,i,o,!1)},u.prototype.once=function(r,i,o){return l(this,r,i,o,!0)},u.prototype.removeListener=function(r,i,o,E){var d=n?n+r:r;if(!this._events[d])return this;if(!i)return _(this,d),this;var f=this._events[d];if(f.fn)f.fn===i&&(!E||f.once)&&(!o||f.context===o)&&_(this,d);else{for(var v=0,a=[],P=f.length;v<P;v++)(f[v].fn!==i||E&&!f[v].once||o&&f[v].context!==o)&&a.push(f[v]);a.length?this._events[d]=a.length===1?a[0]:a:_(this,d)}return this},u.prototype.removeAllListeners=function(r){var i;return r?(i=n?n+r:r,this._events[i]&&_(this,i)):(this._events=new s,this._eventsCount=0),this},u.prototype.off=u.prototype.removeListener,u.prototype.addListener=u.prototype.on,u.prefixed=n,u.EventEmitter=u,e.exports=u}(y)),y.exports}$();class B{subscriptions={};on(t){const{event:n,handler:s}=t;return this.subscriptions[n]||(this.subscriptions[n]=[]),this.subscriptions[n].push(s),t}off(t){const{event:n,handler:s}=t;return this.subscriptions[n]&&(this.subscriptions[n]=this.subscriptions[n].filter(p=>p!==s)),t}emit(t,n){this.subscriptions[t]&&this.subscriptions[t].forEach(s=>s(n))}}var I=function(e){return 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}({}),S=function(e){return 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}({}),A=function(e){return e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e.YIELD="yield",e}({});const Y=["primary","background","paper","text","danger","warning","alert","info","success"],T=new D("cowSwapWidget");class z{contentWindow;eventEmitter=new B;listeners=[];widgetListener;constructor(t,n=[]){this.contentWindow=t,this.updateListeners(n),this.widgetListener=T.listenToMessageFromWindow(this.contentWindow,I.EMIT_COW_EVENT,s=>this.eventEmitter.emit(s.event,s.payload))}stopListeningIframe(){T.stopListeningWindowListener(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)}}class J{appWindow;iframeWidow;forwardSdkMessage;constructor(t,n){this.appWindow=t,this.iframeWidow=n,this.forwardSdkMessage=s=>{K(s.data)&&s.origin!==window.location.origin&&(X(s.data)?this.appWindow.parent.postMessage(s.data,"*"):Z(s.data)&&this.iframeWidow.postMessage(s.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function K(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 Z(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function M(e){return!!(e&&typeof e=="object")}const N="_";function ee(e){const t=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",n=V(e);return t+"/#"+n+"?"+F(e)}function V(e){const{chainId:t=1,sell:n,buy:s,tradeType:p=A.SWAP}=e,l=[n?.asset||N,s?.asset||N].map(encodeURIComponent).join("/");return`/${t}/widget/${p}/${l}`}function F(e){const t=new URLSearchParams;return se(ne(te(t,e),e),e)}function te(e,t){const{sell:n,buy:s}=t;return n?.amount&&e.append("sellAmount",n.amount),s?.amount&&e.append("buyAmount",s.amount),e}function ne(e,t){const n=t.theme;return n?(M(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)}function se(e,t){return t.targetChainId&&e.append("targetChainId",t.targetChainId.toString()),e}const U="640px",re="450px",ie=20;function oe(e,t){const{params:n,provider:s,listeners:p}=t;let l=s,_=n;const u=ae(n);e.innerHTML="",e.appendChild(u);const{contentWindow:c}=u;if(!c)throw console.error("Iframe does not contain a window",u),new Error("Iframe does not contain a window!");const r=[];r.push(ce(c,n.appCode)),r.push(...de(u,n.height,n.maxHeight)),r.push(ue());const i=new z(window,p);let o=k(c,null,l);u.addEventListener("load",()=>H(c,_,l));const E=new J(window,c);return{updateParams:d=>{_=d,H(c,_,l)},updateListeners:d=>i.updateListeners(d),updateProvider:d=>{l=d,o=k(c,o,d)},destroy:()=>{o.disconnect(),i.stopListeningIframe(),r.forEach(d=>window.removeEventListener("message",d)),E.stopListening(),e.removeChild(u)}}}function k(e,t,n){t&&t.disconnect();const s=t||new q(e);return n&&s.onConnect(n),s}function ae(e){const{width:t=re,height:n=U}=e,s=document.createElement("iframe");return s.src=ee(e),s.width=t,s.height=n,s.style.border="0",s.allow="clipboard-read; clipboard-write",s}function H(e,t,n){const s=!!n,p=V(t),l=F(t).toString(),{theme:_,...u}=t;T.postMessageToWindow(e,S.UPDATE_PARAMS,{urlParams:{pathname:p,search:l},appParams:u,hasProvider:s})}function ce(e,t){return T.listenToMessageFromWindow(window,I.ACTIVATE,()=>{T.postMessageToWindow(e,S.UPDATE_APP_DATA,{metaData:t?{appCode:t}:void 0})})}function ue(){return T.listenToMessageFromWindow(window,I.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 de(e,t=U,n){return[T.listenToMessageFromWindow(window,I.UPDATE_HEIGHT,s=>{const p=s.height?s.height+ie:void 0;e.style.height=p?`${n?Math.min(p,n):p}px`:t}),T.listenToMessageFromWindow(window,I.SET_FULL_HEIGHT,({isUpToSmall:s})=>{e.style.height=s?t:`${n||document.body.offsetHeight}px`})]}const fe=Object.values(A);function pe(e,t,n){if(O(e)){const s=e[n];return C(s)?s[t]:s}if(C(e)){const s=e[t];return O(s)?s[n]:s}return e}function O(e){return typeof e!="object"?!1:Object.keys(e).every(t=>fe.includes(t))}const he=/^\d+$/;function C(e){return typeof e!="object"?!1:Object.keys(e).every(t=>he.test(t))}function le(e){return O(e)?Object.values(e).flatMap(t=>C(t)?Object.values(t):[t]):C(e)?Object.values(e).flatMap(t=>O(t)?Object.values(t):[t]):[e]}return w.TradeType=A,w.WIDGET_PALETTE_COLORS=Y,w.WidgetMethodsEmit=I,w.WidgetMethodsListen=S,w.createCowSwapWidget=oe,w.isCowSwapWidgetPalette=M,w.isPerNetworkConfig=C,w.isPerTradeTypeConfig=O,w.resolveFlexibleConfig=pe,w.resolveFlexibleConfigValues=le,w.widgetIframeTransport=T,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"}),w}({});

package/index.js

@@ -1 +1 @@
-"use strict";var k=Object.defineProperty;var x=(e,n,t)=>n in e?k(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var T=(e,n,t)=>(x(e,typeof n!="symbol"?n+"":n,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class b{constructor(n){this.key=n}postMessageToWindow(n,t,s){const d=typeof s=="object"?s:{},l={key:this.key,method:t,...d};n.postMessage(l,"*")}listenToMessageFromWindow(n,t,s){const d=l=>{!H(l.data)||l.data.key!==this.key||l.data.method!==t||s(l.data)};return n.addEventListener("message",d),d}stopListeningToMessageFromWindow(n,t,s){n.removeEventListener("message",s)}stopListeningWindowListener(n,t){n.removeEventListener("message",t)}}function H(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}var C=(e=>(e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e))(C||{});const y=new b("cowSwapIframeRpcProviderTransport"),G=["connect","disconnect","close","chainChanged","accountsChanged"];class Q{constructor(n){T(this,"ethereumProvider",null);T(this,"requestWaitingForConnection",{});T(this,"processRpcCallFromWindow",({rpcRequest:n})=>{if(!this.ethereumProvider){n.id&&(this.requestWaitingForConnection[n.id]=n);return}this.processRpcRequest(n)});this.iframeWidow=n}disconnect(){this.ethereumProvider=null,y.stopListeningToMessageFromWindow(window,C.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow)}onConnect(n){this.ethereumProvider?this.disconnect():y.listenToMessageFromWindow(window,C.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=n,this.processPendingRequests(),G.forEach(t=>{n.on(t,s=>this.onProviderEvent(t,s))})}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(n=>{this.processRpcRequest(this.requestWaitingForConnection[n])}),this.requestWaitingForConnection={}}processRpcRequest(n){const{id:t,jsonrpc:s,method:d}=n;if(!this.ethereumProvider||!t)return;(d==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request({...n,id:t})).then(w=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:t,result:w}})).catch(w=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:t,error:w}}))}onProviderEvent(n,t){y.postMessageToWindow(this.iframeWidow,C.PROVIDER_ON_EVENT,{event:n,params:t})}forwardRpcResponseToIframe(n){y.postMessageToWindow(this.iframeWidow,C.PROVIDER_RPC_RESPONSE,n)}}var j={exports:{}};(function(e){var n=Object.prototype.hasOwnProperty,t="~";function s(){}Object.create&&(s.prototype=Object.create(null),new s().__proto__||(t=!1));function d(c,r,o){this.fn=c,this.context=r,this.once=o||!1}function l(c,r,o,i,E){if(typeof o!="function")throw new TypeError("The listener must be a function");var f=new d(o,i||c,E),p=t?t+r:r;return c._events[p]?c._events[p].fn?c._events[p]=[c._events[p],f]:c._events[p].push(f):(c._events[p]=f,c._eventsCount++),c}function w(c,r){--c._eventsCount===0?c._events=new s:delete c._events[r]}function u(){this._events=new s,this._eventsCount=0}u.prototype.eventNames=function(){var r=[],o,i;if(this._eventsCount===0)return r;for(i in o=this._events)n.call(o,i)&&r.push(t?i.slice(1):i);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(o)):r},u.prototype.listeners=function(r){var o=t?t+r:r,i=this._events[o];if(!i)return[];if(i.fn)return[i.fn];for(var E=0,f=i.length,p=new Array(f);E<f;E++)p[E]=i[E].fn;return p},u.prototype.listenerCount=function(r){var o=t?t+r:r,i=this._events[o];return i?i.fn?1:i.length:0},u.prototype.emit=function(r,o,i,E,f,p){var _=t?t+r:r;if(!this._events[_])return!1;var a=this._events[_],P=arguments.length,v,h;if(a.fn){switch(a.once&&this.removeListener(r,a.fn,void 0,!0),P){case 1:return a.fn.call(a.context),!0;case 2:return a.fn.call(a.context,o),!0;case 3:return a.fn.call(a.context,o,i),!0;case 4:return a.fn.call(a.context,o,i,E),!0;case 5:return a.fn.call(a.context,o,i,E,f),!0;case 6:return a.fn.call(a.context,o,i,E,f,p),!0}for(h=1,v=new Array(P-1);h<P;h++)v[h-1]=arguments[h];a.fn.apply(a.context,v)}else{var U=a.length,R;for(h=0;h<U;h++)switch(a[h].once&&this.removeListener(r,a[h].fn,void 0,!0),P){case 1:a[h].fn.call(a[h].context);break;case 2:a[h].fn.call(a[h].context,o);break;case 3:a[h].fn.call(a[h].context,o,i);break;case 4:a[h].fn.call(a[h].context,o,i,E);break;default:if(!v)for(R=1,v=new Array(P-1);R<P;R++)v[R-1]=arguments[R];a[h].fn.apply(a[h].context,v)}}return!0},u.prototype.on=function(r,o,i){return l(this,r,o,i,!1)},u.prototype.once=function(r,o,i){return l(this,r,o,i,!0)},u.prototype.removeListener=function(r,o,i,E){var f=t?t+r:r;if(!this._events[f])return this;if(!o)return w(this,f),this;var p=this._events[f];if(p.fn)p.fn===o&&(!E||p.once)&&(!i||p.context===i)&&w(this,f);else{for(var _=0,a=[],P=p.length;_<P;_++)(p[_].fn!==o||E&&!p[_].once||i&&p[_].context!==i)&&a.push(p[_]);a.length?this._events[f]=a.length===1?a[0]:a:w(this,f)}return this},u.prototype.removeAllListeners=function(r){var o;return r?(o=t?t+r:r,this._events[o]&&w(this,o)):(this._events=new s,this._eventsCount=0),this},u.prototype.off=u.prototype.removeListener,u.prototype.addListener=u.prototype.on,u.prefixed=t,u.EventEmitter=u,e.exports=u})(j);class ${constructor(){T(this,"subscriptions",{})}on(n){const{event:t,handler:s}=n;return this.subscriptions[t]||(this.subscriptions[t]=[]),this.subscriptions[t].push(s),n}off(n){const{event:t,handler:s}=n;return this.subscriptions[t]&&(this.subscriptions[t]=this.subscriptions[t].filter(d=>d!==s)),n}emit(n,t){this.subscriptions[n]&&this.subscriptions[n].forEach(s=>s(t))}}var g=(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))(g||{}),O=(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))(O||{}),I=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e.YIELD="yield",e))(I||{});const B=["primary","background","paper","text","danger","warning","alert","info","success"],m=new b("cowSwapWidget");class q{constructor(n,t=[]){T(this,"eventEmitter",new $);T(this,"listeners",[]);T(this,"widgetListener");this.contentWindow=n,this.updateListeners(t),this.widgetListener=m.listenToMessageFromWindow(this.contentWindow,g.EMIT_COW_EVENT,s=>this.eventEmitter.emit(s.event,s.payload))}stopListeningIframe(){m.stopListeningWindowListener(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)}}class Y{constructor(n,t){T(this,"forwardSdkMessage");this.appWindow=n,this.iframeWidow=t,this.forwardSdkMessage=s=>{z(s.data)&&s.origin!==window.location.origin&&(J(s.data)?this.appWindow.parent.postMessage(s.data,"*"):K(s.data)&&this.iframeWidow.postMessage(s.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function z(e){return typeof e=="object"&&e!==null&&"id"in e&&typeof e.id=="string"}function J(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 K(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function N(e){return!!(e&&typeof e=="object")}const A="_";function X(e){const n=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",t=M(e);return n+"/#"+t+"?"+V(e)}function M(e){const{chainId:n=1,sell:t,buy:s,tradeType:d=I.SWAP}=e,l=[(t==null?void 0:t.asset)||A,(s==null?void 0:s.asset)||A].map(encodeURIComponent).join("/");return`/${n}/widget/${d}/${l}`}function V(e){const n=new URLSearchParams;return ee(Z(n,e),e)}function Z(e,n){const{sell:t,buy:s}=n;return t!=null&&t.amount&&e.append("sellAmount",t.amount),s!=null&&s.amount&&e.append("buyAmount",s.amount),e}function ee(e,n){const t=n.theme;return t?(N(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 F="640px",te="450px",ne=20;function se(e,n){const{params:t,provider:s,listeners:d}=n;let l=s,w=t;const u=re(t);e.innerHTML="",e.appendChild(u);const{contentWindow:c}=u;if(!c)throw console.error("Iframe does not contain a window",u),new Error("Iframe does not contain a window!");const r=[];r.push(oe(c,t.appCode)),r.push(...ae(u,t.height,t.maxHeight)),r.push(ie());const o=new q(window,d);let i=L(c,null,l);u.addEventListener("load",()=>D(c,w,l));const E=new Y(window,c);return{updateParams:f=>{w=f,D(c,w,l)},updateListeners:f=>o.updateListeners(f),updateProvider:f=>{l=f,i=L(c,i,f)},destroy:()=>{i.disconnect(),o.stopListeningIframe(),r.forEach(f=>window.removeEventListener("message",f)),E.stopListening(),e.removeChild(u)}}}function L(e,n,t){n&&n.disconnect();const s=n||new Q(e);return t&&s.onConnect(t),s}function re(e){const{width:n=te,height:t=F}=e,s=document.createElement("iframe");return s.src=X(e),s.width=n,s.height=t,s.style.border="0",s.allow="clipboard-read; clipboard-write",s}function D(e,n,t){const s=!!t,d=M(n),l=V(n).toString(),{theme:w,...u}=n;m.postMessageToWindow(e,O.UPDATE_PARAMS,{urlParams:{pathname:d,search:l},appParams:u,hasProvider:s})}function oe(e,n){return m.listenToMessageFromWindow(window,g.ACTIVATE,()=>{m.postMessageToWindow(e,O.UPDATE_APP_DATA,{metaData:n?{appCode:n}:void 0})})}function ie(){return m.listenToMessageFromWindow(window,g.INTERCEPT_WINDOW_OPEN,({href:e,rel:n,target:t})=>{const s=e.toString();if(!s.startsWith("http")&&s.match(/^[a-zA-Z0-9]+:\/\//)){window.open(s,t,n);return}})}function ae(e,n=F,t){return[m.listenToMessageFromWindow(window,g.UPDATE_HEIGHT,s=>{const d=s.height?s.height+ne:void 0;e.style.height=d?`${t?Math.min(d,t):d}px`:n}),m.listenToMessageFromWindow(window,g.SET_FULL_HEIGHT,({isUpToSmall:s})=>{e.style.height=s?n:`${t||document.body.offsetHeight}px`})]}const ce=Object.values(I);function ue(e,n,t){if(W(e)){const s=e[t];return S(s)?s[n]:s}if(S(e)){const s=e[n];return W(s)?s[t]:s}return e}function W(e){return typeof e!="object"?!1:Object.keys(e).every(n=>ce.includes(n))}const fe=/^\d+$/;function S(e){return typeof e!="object"?!1:Object.keys(e).every(n=>typeof n=="number"||fe.test(n))}exports.TradeType=I;exports.WIDGET_PALETTE_COLORS=B;exports.WidgetMethodsEmit=g;exports.WidgetMethodsListen=O;exports.createCowSwapWidget=se;exports.isCowSwapWidgetPalette=N;exports.isPerNetworkConfig=S;exports.isPerTradeTypeConfig=W;exports.resolveFlexibleConfig=ue;exports.widgetIframeTransport=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class M{key;constructor(t){this.key=t}postMessageToWindow(t,n,s){const p=typeof s=="object"?s:{},l={key:this.key,method:n,...p};t.postMessage(l,"*")}listenToMessageFromWindow(t,n,s){const p=l=>{!H(l.data)||l.data.key!==this.key||l.data.method!==n||s(l.data)};return t.addEventListener("message",p),p}stopListeningToMessageFromWindow(t,n,s){t.removeEventListener("message",s)}stopListeningWindowListener(t,n){t.removeEventListener("message",n)}}function H(e){return typeof e=="object"&&e!==null&&"key"in e&&"method"in e&&typeof e.key=="string"&&typeof e.method=="string"}var m=function(e){return e.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",e.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",e.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",e.SEND_PROVIDER_META_INFO="SEND_PROVIDER_META_INFO",e.REQUEST_PROVIDER_META_INFO="REQUEST_PROVIDER_META_INFO",e}({});const R=new M("cowSwapIframeRpcProviderTransport");function Q(e){if(e.isWalletConnect)return e?.session?.peer?.metadata}function j(e,t){return t.find(n=>n.provider===e)?.info}const G=["connect","disconnect","close","chainChanged","accountsChanged"],N=[];window.addEventListener("eip6963:announceProvider",e=>{const t=e;N.push(t.detail)});class q{iframeWidow;ethereumProvider=null;requestWaitingForConnection={};constructor(t){this.iframeWidow=t}disconnect(){this.ethereumProvider=null,R.stopListeningToMessageFromWindow(window,m.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),R.stopListeningToMessageFromWindow(window,m.REQUEST_PROVIDER_META_INFO,this.processProviderMetaInfoRequest)}onConnect(t){this.ethereumProvider?this.disconnect():R.listenToMessageFromWindow(window,m.PROVIDER_RPC_REQUEST,this.processRpcCallFromWindow),this.ethereumProvider=t,this.processPendingRequests(),G.forEach(n=>{t.on(n,s=>this.onProviderEvent(n,s))}),R.listenToMessageFromWindow(window,m.REQUEST_PROVIDER_META_INFO,this.processProviderMetaInfoRequest)}processPendingRequests(){Object.keys(this.requestWaitingForConnection).forEach(t=>{this.processRpcRequest(this.requestWaitingForConnection[t])}),this.requestWaitingForConnection={}}processRpcRequest(t){const{id:n,jsonrpc:s,method:p}=t;if(!this.ethereumProvider||!n)return;(p==="enable"?this.ethereumProvider.request({method:"eth_requestAccounts",id:n}):this.ethereumProvider.request({...t,id:n})).then(w=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:n,result:w}})).catch(w=>this.forwardRpcResponseToIframe({rpcResponse:{jsonrpc:s,id:n,error:w}}))}processRpcCallFromWindow=({rpcRequest:t})=>{if(!this.ethereumProvider){t.id&&(this.requestWaitingForConnection[t.id]=t);return}this.processRpcRequest(t)};processProviderMetaInfoRequest=()=>{if(!this.ethereumProvider)return;const t=j(this.ethereumProvider,N),n=Q(this.ethereumProvider);R.postMessageToWindow(this.iframeWidow,m.SEND_PROVIDER_META_INFO,{providerEip6963Info:t,providerWcMetadata:n})};onProviderEvent(t,n){R.postMessageToWindow(this.iframeWidow,m.PROVIDER_ON_EVENT,{event:t,params:n})}forwardRpcResponseToIframe(t){R.postMessageToWindow(this.iframeWidow,m.PROVIDER_RPC_RESPONSE,t)}}var W={exports:{}},A;function $(){return A||(A=1,function(e){var t=Object.prototype.hasOwnProperty,n="~";function s(){}Object.create&&(s.prototype=Object.create(null),new s().__proto__||(n=!1));function p(c,r,i){this.fn=c,this.context=r,this.once=i||!1}function l(c,r,i,o,E){if(typeof i!="function")throw new TypeError("The listener must be a function");var d=new p(i,o||c,E),f=n?n+r:r;return c._events[f]?c._events[f].fn?c._events[f]=[c._events[f],d]:c._events[f].push(d):(c._events[f]=d,c._eventsCount++),c}function w(c,r){--c._eventsCount===0?c._events=new s:delete c._events[r]}function u(){this._events=new s,this._eventsCount=0}u.prototype.eventNames=function(){var r=[],i,o;if(this._eventsCount===0)return r;for(o in i=this._events)t.call(i,o)&&r.push(n?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(i)):r},u.prototype.listeners=function(r){var i=n?n+r:r,o=this._events[i];if(!o)return[];if(o.fn)return[o.fn];for(var E=0,d=o.length,f=new Array(d);E<d;E++)f[E]=o[E].fn;return f},u.prototype.listenerCount=function(r){var i=n?n+r:r,o=this._events[i];return o?o.fn?1:o.length:0},u.prototype.emit=function(r,i,o,E,d,f){var _=n?n+r:r;if(!this._events[_])return!1;var a=this._events[_],v=arguments.length,P,h;if(a.fn){switch(a.once&&this.removeListener(r,a.fn,void 0,!0),v){case 1:return a.fn.call(a.context),!0;case 2:return a.fn.call(a.context,i),!0;case 3:return a.fn.call(a.context,i,o),!0;case 4:return a.fn.call(a.context,i,o,E),!0;case 5:return a.fn.call(a.context,i,o,E,d),!0;case 6:return a.fn.call(a.context,i,o,E,d,f),!0}for(h=1,P=new Array(v-1);h<v;h++)P[h-1]=arguments[h];a.fn.apply(a.context,P)}else{var k=a.length,I;for(h=0;h<k;h++)switch(a[h].once&&this.removeListener(r,a[h].fn,void 0,!0),v){case 1:a[h].fn.call(a[h].context);break;case 2:a[h].fn.call(a[h].context,i);break;case 3:a[h].fn.call(a[h].context,i,o);break;case 4:a[h].fn.call(a[h].context,i,o,E);break;default:if(!P)for(I=1,P=new Array(v-1);I<v;I++)P[I-1]=arguments[I];a[h].fn.apply(a[h].context,P)}}return!0},u.prototype.on=function(r,i,o){return l(this,r,i,o,!1)},u.prototype.once=function(r,i,o){return l(this,r,i,o,!0)},u.prototype.removeListener=function(r,i,o,E){var d=n?n+r:r;if(!this._events[d])return this;if(!i)return w(this,d),this;var f=this._events[d];if(f.fn)f.fn===i&&(!E||f.once)&&(!o||f.context===o)&&w(this,d);else{for(var _=0,a=[],v=f.length;_<v;_++)(f[_].fn!==i||E&&!f[_].once||o&&f[_].context!==o)&&a.push(f[_]);a.length?this._events[d]=a.length===1?a[0]:a:w(this,d)}return this},u.prototype.removeAllListeners=function(r){var i;return r?(i=n?n+r:r,this._events[i]&&w(this,i)):(this._events=new s,this._eventsCount=0),this},u.prototype.off=u.prototype.removeListener,u.prototype.addListener=u.prototype.on,u.prefixed=n,u.EventEmitter=u,e.exports=u}(W)),W.exports}$();class B{subscriptions={};on(t){const{event:n,handler:s}=t;return this.subscriptions[n]||(this.subscriptions[n]=[]),this.subscriptions[n].push(s),t}off(t){const{event:n,handler:s}=t;return this.subscriptions[n]&&(this.subscriptions[n]=this.subscriptions[n].filter(p=>p!==s)),t}emit(t,n){this.subscriptions[t]&&this.subscriptions[t].forEach(s=>s(n))}}var g=function(e){return 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}({}),y=function(e){return 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}({}),S=function(e){return e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e.YIELD="yield",e}({});const Y=["primary","background","paper","text","danger","warning","alert","info","success"],T=new M("cowSwapWidget");class z{contentWindow;eventEmitter=new B;listeners=[];widgetListener;constructor(t,n=[]){this.contentWindow=t,this.updateListeners(n),this.widgetListener=T.listenToMessageFromWindow(this.contentWindow,g.EMIT_COW_EVENT,s=>this.eventEmitter.emit(s.event,s.payload))}stopListeningIframe(){T.stopListeningWindowListener(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)}}class J{appWindow;iframeWidow;forwardSdkMessage;constructor(t,n){this.appWindow=t,this.iframeWidow=n,this.forwardSdkMessage=s=>{K(s.data)&&s.origin!==window.location.origin&&(X(s.data)?this.appWindow.parent.postMessage(s.data,"*"):Z(s.data)&&this.iframeWidow.postMessage(s.data,"*"))},this.startListening()}startListening(){this.appWindow.addEventListener("message",this.forwardSdkMessage)}stopListening(){this.appWindow.removeEventListener("message",this.forwardSdkMessage)}}function K(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 Z(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function V(e){return!!(e&&typeof e=="object")}const D="_";function ee(e){const t=typeof e.baseUrl=="string"?e.baseUrl:"https://swap.cow.fi",n=F(e);return t+"/#"+n+"?"+U(e)}function F(e){const{chainId:t=1,sell:n,buy:s,tradeType:p=S.SWAP}=e,l=[n?.asset||D,s?.asset||D].map(encodeURIComponent).join("/");return`/${t}/widget/${p}/${l}`}function U(e){const t=new URLSearchParams;return se(ne(te(t,e),e),e)}function te(e,t){const{sell:n,buy:s}=t;return n?.amount&&e.append("sellAmount",n.amount),s?.amount&&e.append("buyAmount",s.amount),e}function ne(e,t){const n=t.theme;return n?(V(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)}function se(e,t){return t.targetChainId&&e.append("targetChainId",t.targetChainId.toString()),e}const x="640px",re="450px",ie=20;function oe(e,t){const{params:n,provider:s,listeners:p}=t;let l=s,w=n;const u=ae(n);e.innerHTML="",e.appendChild(u);const{contentWindow:c}=u;if(!c)throw console.error("Iframe does not contain a window",u),new Error("Iframe does not contain a window!");const r=[];r.push(ce(c,n.appCode)),r.push(...de(u,n.height,n.maxHeight)),r.push(ue());const i=new z(window,p);let o=L(c,null,l);u.addEventListener("load",()=>b(c,w,l));const E=new J(window,c);return{updateParams:d=>{w=d,b(c,w,l)},updateListeners:d=>i.updateListeners(d),updateProvider:d=>{l=d,o=L(c,o,d)},destroy:()=>{o.disconnect(),i.stopListeningIframe(),r.forEach(d=>window.removeEventListener("message",d)),E.stopListening(),e.removeChild(u)}}}function L(e,t,n){t&&t.disconnect();const s=t||new q(e);return n&&s.onConnect(n),s}function ae(e){const{width:t=re,height:n=x}=e,s=document.createElement("iframe");return s.src=ee(e),s.width=t,s.height=n,s.style.border="0",s.allow="clipboard-read; clipboard-write",s}function b(e,t,n){const s=!!n,p=F(t),l=U(t).toString(),{theme:w,...u}=t;T.postMessageToWindow(e,y.UPDATE_PARAMS,{urlParams:{pathname:p,search:l},appParams:u,hasProvider:s})}function ce(e,t){return T.listenToMessageFromWindow(window,g.ACTIVATE,()=>{T.postMessageToWindow(e,y.UPDATE_APP_DATA,{metaData:t?{appCode:t}:void 0})})}function ue(){return T.listenToMessageFromWindow(window,g.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 de(e,t=x,n){return[T.listenToMessageFromWindow(window,g.UPDATE_HEIGHT,s=>{const p=s.height?s.height+ie:void 0;e.style.height=p?`${n?Math.min(p,n):p}px`:t}),T.listenToMessageFromWindow(window,g.SET_FULL_HEIGHT,({isUpToSmall:s})=>{e.style.height=s?t:`${n||document.body.offsetHeight}px`})]}const fe=Object.values(S);function pe(e,t,n){if(O(e)){const s=e[n];return C(s)?s[t]:s}if(C(e)){const s=e[t];return O(s)?s[n]:s}return e}function O(e){return typeof e!="object"?!1:Object.keys(e).every(t=>fe.includes(t))}const he=/^\d+$/;function C(e){return typeof e!="object"?!1:Object.keys(e).every(t=>he.test(t))}function le(e){return O(e)?Object.values(e).flatMap(t=>C(t)?Object.values(t):[t]):C(e)?Object.values(e).flatMap(t=>O(t)?Object.values(t):[t]):[e]}exports.TradeType=S;exports.WIDGET_PALETTE_COLORS=Y;exports.WidgetMethodsEmit=g;exports.WidgetMethodsListen=y;exports.createCowSwapWidget=oe;exports.isCowSwapWidgetPalette=V;exports.isPerNetworkConfig=C;exports.isPerTradeTypeConfig=O;exports.resolveFlexibleConfig=pe;exports.resolveFlexibleConfigValues=le;exports.widgetIframeTransport=T;

package/index.mjs

@@ -1,257 +1,294 @@
-var F = Object.defineProperty;
-var k = (e, n, t) => n in e ? F(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var m = (e, n, t) => (k(e, typeof n != "symbol" ? n + "" : n, t), t);
-class b {
-  constructor(n) {
-    this.key = n;
+class L {
+  key;
+  constructor(t) {
+    this.key = t;
   }
-  postMessageToWindow(n, t, s) {
-    const d = typeof s == "object" ? s : {}, l = {
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  postMessageToWindow(t, n, s) {
+    const p = typeof s == "object" ? s : {}, l = {
       key: this.key,
-      method: t,
-      ...d
+      method: n,
+      ...p
     };
-    n.postMessage(
-      l,
-      "*"
-      // TODO: Change to CoW specific origin in production. https://github.com/cowprotocol/cowswap/issues/3828
-    );
+    t.postMessage(l, "*");
   }
-  listenToMessageFromWindow(n, t, s) {
-    const d = (l) => {
-      !x(l.data) || l.data.key !== this.key || l.data.method !== t || s(l.data);
+  listenToMessageFromWindow(t, n, s) {
+    const p = (l) => {
+      !k(l.data) || l.data.key !== this.key || l.data.method !== n || s(l.data);
     };
-    return n.addEventListener("message", d), d;
+    return t.addEventListener("message", p), p;
   }
-  stopListeningToMessageFromWindow(n, t, s) {
-    n.removeEventListener("message", s);
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  stopListeningToMessageFromWindow(t, n, s) {
+    t.removeEventListener("message", s);
   }
-  stopListeningWindowListener(n, t) {
-    n.removeEventListener("message", t);
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  stopListeningWindowListener(t, n) {
+    t.removeEventListener("message", n);
   }
 }
-function x(e) {
+function k(e) {
   return typeof e == "object" && e !== null && "key" in e && "method" in e && typeof e.key == "string" && typeof e.method == "string";
 }
-var I = /* @__PURE__ */ ((e) => (e.PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST", e.PROVIDER_RPC_RESPONSE = "PROVIDER_RPC_RESPONSE", e.PROVIDER_ON_EVENT = "PROVIDER_ON_EVENT", e))(I || {});
-const O = new b(
-  "cowSwapIframeRpcProviderTransport"
-), H = ["connect", "disconnect", "close", "chainChanged", "accountsChanged"];
+var m = /* @__PURE__ */ function(e) {
+  return e.PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST", e.PROVIDER_RPC_RESPONSE = "PROVIDER_RPC_RESPONSE", e.PROVIDER_ON_EVENT = "PROVIDER_ON_EVENT", e.SEND_PROVIDER_META_INFO = "SEND_PROVIDER_META_INFO", e.REQUEST_PROVIDER_META_INFO = "REQUEST_PROVIDER_META_INFO", e;
+}({});
+const P = new L("cowSwapIframeRpcProviderTransport");
+function H(e) {
+  if (e.isWalletConnect)
+    return e?.session?.peer?.metadata;
+}
+function Q(e, t) {
+  return t.find((n) => n.provider === e)?.info;
+}
+const j = [
+  "connect",
+  "disconnect",
+  "close",
+  "chainChanged",
+  "accountsChanged"
+], b = [];
+window.addEventListener("eip6963:announceProvider", (e) => {
+  const t = e;
+  b.push(t.detail);
+});
 class G {
+  iframeWidow;
   /**
-   * 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) {
-    /**
-     * The Ethereum provider instance.
-     * When is null the JSON-RPC bridge is disconnected from the Ethereum provider.
-     * */
-    m(this, "ethereumProvider", null);
-    /** Stored JSON-RPC requests, to queue them when disconnected. */
-    m(this, "requestWaitingForConnection", {});
-    m(this, "processRpcCallFromWindow", ({ rpcRequest: n }) => {
-      if (!this.ethereumProvider) {
-        n.id && (this.requestWaitingForConnection[n.id] = n);
-        return;
-      }
-      this.processRpcRequest(n);
-    });
-    this.iframeWidow = n;
+  * The Ethereum provider instance.
+  * When is null the JSON-RPC bridge is disconnected from the Ethereum provider.
+  * */
+  ethereumProvider = null;
+  /** Stored JSON-RPC requests, to queue them when disconnected. */
+  requestWaitingForConnection = {};
+  /**
+  * 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(t) {
+    this.iframeWidow = t;
   }
   /**
-   * Disconnects the JSON-RPC bridge from the Ethereum provider.
-   */
+  * Disconnects the JSON-RPC bridge from the Ethereum provider.
+  */
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
   disconnect() {
-    this.ethereumProvider = null, O.stopListeningToMessageFromWindow(
-      window,
-      I.PROVIDER_RPC_REQUEST,
-      this.processRpcCallFromWindow
-    );
+    this.ethereumProvider = null, P.stopListeningToMessageFromWindow(window, m.PROVIDER_RPC_REQUEST, this.processRpcCallFromWindow), P.stopListeningToMessageFromWindow(window, m.REQUEST_PROVIDER_META_INFO, this.processProviderMetaInfoRequest);
   }
   /**
-   * 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() : O.listenToMessageFromWindow(
-      window,
-      I.PROVIDER_RPC_REQUEST,
-      this.processRpcCallFromWindow
-    ), this.ethereumProvider = n, this.processPendingRequests(), H.forEach((t) => {
-      n.on(t, (s) => this.onProviderEvent(t, s));
-    });
+  * Handles the 'connect' event and sets up event listeners for Ethereum provider events.
+  * @param newProvider - The Ethereum provider to connect.
+  */
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  onConnect(t) {
+    this.ethereumProvider ? this.disconnect() : P.listenToMessageFromWindow(window, m.PROVIDER_RPC_REQUEST, this.processRpcCallFromWindow), this.ethereumProvider = t, this.processPendingRequests(), j.forEach((n) => {
+      t.on(n, (s) => this.onProviderEvent(n, s));
+    }), P.listenToMessageFromWindow(window, m.REQUEST_PROVIDER_META_INFO, this.processProviderMetaInfoRequest);
   }
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
   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: s, method: d } = n;
-    if (!this.ethereumProvider || !t)
+  * Processes a JSON-RPC request and sends appropriate response or error via the content window.
+  * @param request - The JSON-RPC request to be processed.
+  */
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  processRpcRequest(t) {
+    const { id: n, jsonrpc: s, method: p } = t;
+    if (!this.ethereumProvider || !n)
       return;
-    (d === "enable" ? this.ethereumProvider.enable() : this.ethereumProvider.request({ ...n, id: t })).then(
-      (w) => this.forwardRpcResponseToIframe({
-        rpcResponse: { jsonrpc: s, id: t, result: w }
-      })
-    ).catch(
-      (w) => this.forwardRpcResponseToIframe({
-        rpcResponse: { jsonrpc: s, id: t, error: w }
-      })
-    );
+    // Keep the legacy "enable" method for backward compatibility
+    (p === "enable" ? this.ethereumProvider.request({
+      method: "eth_requestAccounts",
+      id: n
+    }) : this.ethereumProvider.request({
+      ...t,
+      id: n
+    })).then((w) => this.forwardRpcResponseToIframe({
+      rpcResponse: {
+        jsonrpc: s,
+        id: n,
+        result: w
+      }
+    })).catch((w) => this.forwardRpcResponseToIframe({
+      rpcResponse: {
+        jsonrpc: s,
+        id: n,
+        error: w
+      }
+    }));
   }
-  onProviderEvent(n, t) {
-    O.postMessageToWindow(this.iframeWidow, I.PROVIDER_ON_EVENT, {
-      event: n,
-      params: t
+  processRpcCallFromWindow = ({ rpcRequest: t }) => {
+    if (!this.ethereumProvider) {
+      t.id && (this.requestWaitingForConnection[t.id] = t);
+      return;
+    }
+    this.processRpcRequest(t);
+  };
+  processProviderMetaInfoRequest = () => {
+    if (!this.ethereumProvider) return;
+    const t = Q(this.ethereumProvider, b), n = H(this.ethereumProvider);
+    P.postMessageToWindow(this.iframeWidow, m.SEND_PROVIDER_META_INFO, {
+      providerEip6963Info: t,
+      providerWcMetadata: n
+    });
+  };
+  onProviderEvent(t, n) {
+    P.postMessageToWindow(this.iframeWidow, m.PROVIDER_ON_EVENT, {
+      event: t,
+      params: n
     });
   }
   /**
-   * Forward a JSON-RPC message to the content window.
-   */
-  forwardRpcResponseToIframe(n) {
-    O.postMessageToWindow(
-      this.iframeWidow,
-      I.PROVIDER_RPC_RESPONSE,
-      n
-    );
+  * Forward a JSON-RPC message to the content window.
+  */
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  forwardRpcResponseToIframe(t) {
+    P.postMessageToWindow(this.iframeWidow, m.PROVIDER_RPC_RESPONSE, t);
   }
 }
-var Q = { exports: {} };
-(function(e) {
-  var n = Object.prototype.hasOwnProperty, t = "~";
-  function s() {
-  }
-  Object.create && (s.prototype = /* @__PURE__ */ Object.create(null), new s().__proto__ || (t = !1));
-  function d(c, r, o) {
-    this.fn = c, this.context = r, this.once = o || !1;
-  }
-  function l(c, r, o, i, E) {
-    if (typeof o != "function")
-      throw new TypeError("The listener must be a function");
-    var f = new d(o, i || c, E), p = t ? t + r : r;
-    return c._events[p] ? c._events[p].fn ? c._events[p] = [c._events[p], f] : c._events[p].push(f) : (c._events[p] = f, c._eventsCount++), c;
-  }
-  function w(c, r) {
-    --c._eventsCount === 0 ? c._events = new s() : delete c._events[r];
-  }
-  function u() {
-    this._events = new s(), this._eventsCount = 0;
-  }
-  u.prototype.eventNames = function() {
-    var r = [], o, i;
-    if (this._eventsCount === 0)
-      return r;
-    for (i in o = this._events)
-      n.call(o, i) && r.push(t ? i.slice(1) : i);
-    return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(o)) : r;
-  }, u.prototype.listeners = function(r) {
-    var o = t ? t + r : r, i = this._events[o];
-    if (!i)
-      return [];
-    if (i.fn)
-      return [i.fn];
-    for (var E = 0, f = i.length, p = new Array(f); E < f; E++)
-      p[E] = i[E].fn;
-    return p;
-  }, u.prototype.listenerCount = function(r) {
-    var o = t ? t + r : r, i = this._events[o];
-    return i ? i.fn ? 1 : i.length : 0;
-  }, u.prototype.emit = function(r, o, i, E, f, p) {
-    var _ = t ? t + r : r;
-    if (!this._events[_])
-      return !1;
-    var a = this._events[_], T = arguments.length, P, h;
-    if (a.fn) {
-      switch (a.once && this.removeListener(r, a.fn, void 0, !0), T) {
-        case 1:
-          return a.fn.call(a.context), !0;
-        case 2:
-          return a.fn.call(a.context, o), !0;
-        case 3:
-          return a.fn.call(a.context, o, i), !0;
-        case 4:
-          return a.fn.call(a.context, o, i, E), !0;
-        case 5:
-          return a.fn.call(a.context, o, i, E, f), !0;
-        case 6:
-          return a.fn.call(a.context, o, i, E, f, p), !0;
-      }
-      for (h = 1, P = new Array(T - 1); h < T; h++)
-        P[h - 1] = arguments[h];
-      a.fn.apply(a.context, P);
-    } else {
-      var U = a.length, g;
-      for (h = 0; h < U; h++)
-        switch (a[h].once && this.removeListener(r, a[h].fn, void 0, !0), T) {
+var C = { exports: {} }, y;
+function q() {
+  return y || (y = 1, function(e) {
+    var t = Object.prototype.hasOwnProperty, n = "~";
+    function s() {
+    }
+    Object.create && (s.prototype = /* @__PURE__ */ Object.create(null), new s().__proto__ || (n = !1));
+    function p(c, r, o) {
+      this.fn = c, this.context = r, this.once = o || !1;
+    }
+    function l(c, r, o, i, E) {
+      if (typeof o != "function")
+        throw new TypeError("The listener must be a function");
+      var d = new p(o, i || c, E), f = n ? n + r : r;
+      return c._events[f] ? c._events[f].fn ? c._events[f] = [c._events[f], d] : c._events[f].push(d) : (c._events[f] = d, c._eventsCount++), c;
+    }
+    function w(c, r) {
+      --c._eventsCount === 0 ? c._events = new s() : delete c._events[r];
+    }
+    function u() {
+      this._events = new s(), this._eventsCount = 0;
+    }
+    u.prototype.eventNames = function() {
+      var r = [], o, i;
+      if (this._eventsCount === 0) return r;
+      for (i in o = this._events)
+        t.call(o, i) && r.push(n ? i.slice(1) : i);
+      return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(o)) : r;
+    }, u.prototype.listeners = function(r) {
+      var o = n ? n + r : r, i = this._events[o];
+      if (!i) return [];
+      if (i.fn) return [i.fn];
+      for (var E = 0, d = i.length, f = new Array(d); E < d; E++)
+        f[E] = i[E].fn;
+      return f;
+    }, u.prototype.listenerCount = function(r) {
+      var o = n ? n + r : r, i = this._events[o];
+      return i ? i.fn ? 1 : i.length : 0;
+    }, u.prototype.emit = function(r, o, i, E, d, f) {
+      var _ = n ? n + r : r;
+      if (!this._events[_]) return !1;
+      var a = this._events[_], T = arguments.length, R, h;
+      if (a.fn) {
+        switch (a.once && this.removeListener(r, a.fn, void 0, !0), T) {
           case 1:
-            a[h].fn.call(a[h].context);
-            break;
+            return a.fn.call(a.context), !0;
           case 2:
-            a[h].fn.call(a[h].context, o);
-            break;
+            return a.fn.call(a.context, o), !0;
           case 3:
-            a[h].fn.call(a[h].context, o, i);
-            break;
+            return a.fn.call(a.context, o, i), !0;
           case 4:
-            a[h].fn.call(a[h].context, o, i, E);
-            break;
-          default:
-            if (!P)
-              for (g = 1, P = new Array(T - 1); g < T; g++)
-                P[g - 1] = arguments[g];
-            a[h].fn.apply(a[h].context, P);
+            return a.fn.call(a.context, o, i, E), !0;
+          case 5:
+            return a.fn.call(a.context, o, i, E, d), !0;
+          case 6:
+            return a.fn.call(a.context, o, i, E, d, f), !0;
         }
-    }
-    return !0;
-  }, u.prototype.on = function(r, o, i) {
-    return l(this, r, o, i, !1);
-  }, u.prototype.once = function(r, o, i) {
-    return l(this, r, o, i, !0);
-  }, u.prototype.removeListener = function(r, o, i, E) {
-    var f = t ? t + r : r;
-    if (!this._events[f])
+        for (h = 1, R = new Array(T - 1); h < T; h++)
+          R[h - 1] = arguments[h];
+        a.fn.apply(a.context, R);
+      } else {
+        var x = a.length, g;
+        for (h = 0; h < x; h++)
+          switch (a[h].once && this.removeListener(r, a[h].fn, void 0, !0), T) {
+            case 1:
+              a[h].fn.call(a[h].context);
+              break;
+            case 2:
+              a[h].fn.call(a[h].context, o);
+              break;
+            case 3:
+              a[h].fn.call(a[h].context, o, i);
+              break;
+            case 4:
+              a[h].fn.call(a[h].context, o, i, E);
+              break;
+            default:
+              if (!R) for (g = 1, R = new Array(T - 1); g < T; g++)
+                R[g - 1] = arguments[g];
+              a[h].fn.apply(a[h].context, R);
+          }
+      }
+      return !0;
+    }, u.prototype.on = function(r, o, i) {
+      return l(this, r, o, i, !1);
+    }, u.prototype.once = function(r, o, i) {
+      return l(this, r, o, i, !0);
+    }, u.prototype.removeListener = function(r, o, i, E) {
+      var d = n ? n + r : r;
+      if (!this._events[d]) return this;
+      if (!o)
+        return w(this, d), this;
+      var f = this._events[d];
+      if (f.fn)
+        f.fn === o && (!E || f.once) && (!i || f.context === i) && w(this, d);
+      else {
+        for (var _ = 0, a = [], T = f.length; _ < T; _++)
+          (f[_].fn !== o || E && !f[_].once || i && f[_].context !== i) && a.push(f[_]);
+        a.length ? this._events[d] = a.length === 1 ? a[0] : a : w(this, d);
+      }
       return this;
-    if (!o)
-      return w(this, f), this;
-    var p = this._events[f];
-    if (p.fn)
-      p.fn === o && (!E || p.once) && (!i || p.context === i) && w(this, f);
-    else {
-      for (var _ = 0, a = [], T = p.length; _ < T; _++)
-        (p[_].fn !== o || E && !p[_].once || i && p[_].context !== i) && a.push(p[_]);
-      a.length ? this._events[f] = a.length === 1 ? a[0] : a : w(this, f);
-    }
-    return this;
-  }, u.prototype.removeAllListeners = function(r) {
-    var o;
-    return r ? (o = t ? t + r : r, this._events[o] && w(this, o)) : (this._events = new s(), this._eventsCount = 0), this;
-  }, u.prototype.off = u.prototype.removeListener, u.prototype.addListener = u.prototype.on, u.prefixed = t, u.EventEmitter = u, e.exports = u;
-})(Q);
-class j {
-  constructor() {
-    m(this, "subscriptions", {});
-  }
-  on(n) {
-    const { event: t, handler: s } = n;
-    return this.subscriptions[t] || (this.subscriptions[t] = []), this.subscriptions[t].push(s), n;
+    }, u.prototype.removeAllListeners = function(r) {
+      var o;
+      return r ? (o = n ? n + r : r, this._events[o] && w(this, o)) : (this._events = new s(), this._eventsCount = 0), this;
+    }, u.prototype.off = u.prototype.removeListener, u.prototype.addListener = u.prototype.on, u.prefixed = n, u.EventEmitter = u, e.exports = u;
+  }(C)), C.exports;
+}
+q();
+class $ {
+  subscriptions = {};
+  on(t) {
+    const { event: n, handler: s } = t;
+    return this.subscriptions[n] || (this.subscriptions[n] = []), this.subscriptions[n].push(s), t;
   }
-  off(n) {
-    const { event: t, handler: s } = n;
-    return this.subscriptions[t] && (this.subscriptions[t] = this.subscriptions[t].filter((d) => d !== s)), n;
+  off(t) {
+    const { event: n, handler: s } = t;
+    return this.subscriptions[n] && (this.subscriptions[n] = this.subscriptions[n].filter((p) => p !== s)), t;
   }
-  emit(n, t) {
-    this.subscriptions[n] && this.subscriptions[n].forEach((s) => s(t));
+  emit(t, n) {
+    this.subscriptions[t] && this.subscriptions[t].forEach((s) => s(n));
   }
 }
-var R = /* @__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))(R || {}), y = /* @__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))(y || {}), C = /* @__PURE__ */ ((e) => (e.SWAP = "swap", e.LIMIT = "limit", e.ADVANCED = "advanced", e.YIELD = "yield", e))(C || {});
-const ue = [
+var I = /* @__PURE__ */ function(e) {
+  return 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;
+}({}), M = /* @__PURE__ */ function(e) {
+  return 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;
+}({}), N = /* @__PURE__ */ function(e) {
+  return e.SWAP = "swap", e.LIMIT = "limit", e.ADVANCED = "advanced", e.YIELD = "yield", e;
+}({});
+const fe = [
   "primary",
   "background",
   "paper",
@@ -261,183 +298,202 @@ const ue = [
   "alert",
   "info",
   "success"
-], v = new b("cowSwapWidget");
-class $ {
-  constructor(n, t = []) {
-    m(this, "eventEmitter", new j());
-    m(this, "listeners", []);
-    m(this, "widgetListener");
-    this.contentWindow = n, this.updateListeners(t), this.widgetListener = v.listenToMessageFromWindow(
-      this.contentWindow,
-      R.EMIT_COW_EVENT,
-      (s) => this.eventEmitter.emit(s.event, s.payload)
-    );
+], v = new L("cowSwapWidget");
+class B {
+  contentWindow;
+  eventEmitter = new $();
+  listeners = [];
+  widgetListener;
+  constructor(t, n = []) {
+    this.contentWindow = t, this.updateListeners(n), this.widgetListener = v.listenToMessageFromWindow(this.contentWindow, I.EMIT_COW_EVENT, (s) => this.eventEmitter.emit(s.event, s.payload));
   }
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
   stopListeningIframe() {
     v.stopListeningWindowListener(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);
   }
 }
-class B {
-  constructor(n, t) {
-    m(this, "forwardSdkMessage");
-    this.appWindow = n, this.iframeWidow = t, this.forwardSdkMessage = (s) => {
-      q(s.data) && s.origin !== window.location.origin && (Y(s.data) ? this.appWindow.parent.postMessage(s.data, "*") : z(s.data) && this.iframeWidow.postMessage(s.data, "*"));
+class Y {
+  appWindow;
+  iframeWidow;
+  forwardSdkMessage;
+  constructor(t, n) {
+    this.appWindow = t, this.iframeWidow = n, this.forwardSdkMessage = (s) => {
+      z(s.data) && s.origin !== window.location.origin && (J(s.data) ? this.appWindow.parent.postMessage(s.data, "*") : K(s.data) && this.iframeWidow.postMessage(s.data, "*"));
     }, this.startListening();
   }
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
   startListening() {
     this.appWindow.addEventListener("message", this.forwardSdkMessage);
   }
+  // TODO: Add proper return type annotation
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
   stopListening() {
     this.appWindow.removeEventListener("message", this.forwardSdkMessage);
   }
 }
-function q(e) {
+function z(e) {
   return typeof e == "object" && e !== null && "id" in e && typeof e.id == "string";
 }
-function Y(e) {
+function J(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 z(e) {
+function K(e) {
   return "success" in e && typeof e.success == "boolean" && "version" in e && typeof e.version == "string";
 }
-function J(e) {
+function X(e) {
   return !!(e && typeof e == "object");
 }
 const A = "_";
-function K(e) {
-  const n = typeof e.baseUrl == "string" ? e.baseUrl : "https://swap.cow.fi", t = N(e);
-  return n + "/#" + t + "?" + V(e);
-}
-function N(e) {
-  const { chainId: n = 1, sell: t, buy: s, tradeType: d = C.SWAP } = e, l = [(t == null ? void 0 : t.asset) || A, (s == null ? void 0 : s.asset) || A].map(encodeURIComponent).join("/");
-  return `/${n}/widget/${d}/${l}`;
+function Z(e) {
+  const t = typeof e.baseUrl == "string" ? e.baseUrl : "https://swap.cow.fi", n = V(e);
+  return t + "/#" + n + "?" + F(e);
 }
 function V(e) {
-  const n = new URLSearchParams();
-  return Z(X(n, e), e);
+  const { chainId: t = 1, sell: n, buy: s, tradeType: p = N.SWAP } = e, l = [
+    n?.asset || A,
+    s?.asset || A
+  ].map(encodeURIComponent).join("/");
+  return `/${t}/widget/${p}/${l}`;
+}
+function F(e) {
+  const t = new URLSearchParams();
+  return ne(te(ee(t, e), e), e);
+}
+function ee(e, t) {
+  const { sell: n, buy: s } = t;
+  return n?.amount && e.append("sellAmount", n.amount), s?.amount && e.append("buyAmount", s.amount), e;
 }
-function X(e, n) {
-  const { sell: t, buy: s } = n;
-  return t != null && t.amount && e.append("sellAmount", t.amount), s != null && s.amount && e.append("buyAmount", s.amount), e;
+function te(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);
 }
-function Z(e, n) {
-  const t = n.theme;
-  return t ? (J(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 ne(e, t) {
+  return t.targetChainId && e.append("targetChainId", t.targetChainId.toString()), e;
 }
-const M = "640px", ee = "450px", te = 20;
-function fe(e, n) {
-  const { params: t, provider: s, listeners: d } = n;
-  let l = s, w = t;
-  const u = ne(t);
+const U = "640px", se = "450px", re = 20;
+function pe(e, t) {
+  const { params: n, provider: s, listeners: p } = t;
+  let l = s, w = n;
+  const u = oe(n);
   e.innerHTML = "", e.appendChild(u);
   const { contentWindow: c } = u;
   if (!c)
     throw console.error("Iframe does not contain a window", u), new Error("Iframe does not contain a window!");
   const r = [];
-  r.push(se(c, t.appCode)), r.push(...oe(u, t.height, t.maxHeight)), r.push(re());
-  const o = new $(window, d);
-  let i = W(c, null, l);
-  u.addEventListener("load", () => L(c, w, l));
-  const E = new B(window, c);
+  r.push(ie(c, n.appCode)), r.push(...ce(u, n.height, n.maxHeight)), r.push(ae());
+  const o = new B(window, p);
+  let i = S(c, null, l);
+  u.addEventListener("load", () => D(c, w, l));
+  const E = new Y(window, c);
   return {
-    updateParams: (f) => {
-      w = f, L(c, w, l);
+    updateParams: (d) => {
+      w = d, D(c, w, l);
     },
-    updateListeners: (f) => o.updateListeners(f),
-    updateProvider: (f) => {
-      l = f, i = W(c, i, f);
+    updateListeners: (d) => o.updateListeners(d),
+    updateProvider: (d) => {
+      l = d, i = S(c, i, d);
     },
     destroy: () => {
-      i.disconnect(), o.stopListeningIframe(), r.forEach((f) => window.removeEventListener("message", f)), E.stopListening(), e.removeChild(u);
+      i.disconnect(), o.stopListeningIframe(), r.forEach((d) => window.removeEventListener("message", d)), E.stopListening(), e.removeChild(u);
     }
   };
 }
-function W(e, n, t) {
-  n && n.disconnect();
-  const s = n || new G(e);
-  return t && s.onConnect(t), s;
+function S(e, t, n) {
+  t && t.disconnect();
+  const s = t || new G(e);
+  return n && s.onConnect(n), s;
 }
-function ne(e) {
-  const { width: n = ee, height: t = M } = e, s = document.createElement("iframe");
-  return s.src = K(e), s.width = n, s.height = t, s.style.border = "0", s.allow = "clipboard-read; clipboard-write", s;
+function oe(e) {
+  const { width: t = se, height: n = U } = e, s = document.createElement("iframe");
+  return s.src = Z(e), s.width = t, s.height = n, s.style.border = "0", s.allow = "clipboard-read; clipboard-write", s;
 }
-function L(e, n, t) {
-  const s = !!t, d = N(n), l = V(n).toString(), { theme: w, ...u } = n;
-  v.postMessageToWindow(e, y.UPDATE_PARAMS, {
+function D(e, t, n) {
+  const s = !!n, p = V(t), l = F(t).toString(), { theme: w, ...u } = t;
+  v.postMessageToWindow(e, M.UPDATE_PARAMS, {
     urlParams: {
-      pathname: d,
+      pathname: p,
       search: l
     },
     appParams: u,
     hasProvider: s
   });
 }
-function se(e, n) {
-  return v.listenToMessageFromWindow(window, R.ACTIVATE, () => {
-    v.postMessageToWindow(e, y.UPDATE_APP_DATA, {
-      metaData: n ? { appCode: n } : void 0
+function ie(e, t) {
+  return v.listenToMessageFromWindow(window, I.ACTIVATE, () => {
+    v.postMessageToWindow(e, M.UPDATE_APP_DATA, {
+      metaData: t ? {
+        appCode: t
+      } : void 0
     });
   });
 }
-function re() {
-  return v.listenToMessageFromWindow(
-    window,
-    R.INTERCEPT_WINDOW_OPEN,
-    ({ href: e, rel: n, target: t }) => {
-      const s = e.toString();
-      if (!s.startsWith("http") && s.match(/^[a-zA-Z0-9]+:\/\//)) {
-        window.open(s, t, n);
-        return;
-      }
+function ae() {
+  return v.listenToMessageFromWindow(window, I.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 oe(e, n = M, t) {
+function ce(e, t = U, n) {
   return [
-    v.listenToMessageFromWindow(window, R.UPDATE_HEIGHT, (s) => {
-      const d = s.height ? s.height + te : void 0;
-      e.style.height = d ? `${t ? Math.min(d, t) : d}px` : n;
+    v.listenToMessageFromWindow(window, I.UPDATE_HEIGHT, (s) => {
+      const p = s.height ? s.height + re : void 0;
+      e.style.height = p ? `${n ? Math.min(p, n) : p}px` : t;
     }),
-    v.listenToMessageFromWindow(window, R.SET_FULL_HEIGHT, ({ isUpToSmall: s }) => {
-      e.style.height = s ? n : `${t || document.body.offsetHeight}px`;
+    v.listenToMessageFromWindow(window, I.SET_FULL_HEIGHT, ({ isUpToSmall: s }) => {
+      e.style.height = s ? t : `${n || document.body.offsetHeight}px`;
     })
   ];
 }
-const ie = Object.values(C);
-function pe(e, n, t) {
-  if (S(e)) {
-    const s = e[t];
-    return D(s) ? s[n] : s;
-  }
-  if (D(e)) {
+const ue = Object.values(N);
+function he(e, t, n) {
+  if (O(e)) {
     const s = e[n];
-    return S(s) ? s[t] : s;
+    return W(s) ? s[t] : s;
+  }
+  if (W(e)) {
+    const s = e[t];
+    return O(s) ? s[n] : s;
   }
   return e;
 }
-function S(e) {
-  return typeof e != "object" ? !1 : Object.keys(e).every((n) => ie.includes(n));
+function O(e) {
+  return typeof e != "object" ? !1 : Object.keys(e).every((t) => ue.includes(t));
+}
+const de = /^\d+$/;
+function W(e) {
+  return typeof e != "object" ? !1 : Object.keys(e).every((t) => de.test(t));
 }
-const ae = /^\d+$/;
-function D(e) {
-  return typeof e != "object" ? !1 : Object.keys(e).every((n) => typeof n == "number" || ae.test(n));
+function le(e) {
+  return O(e) ? Object.values(e).flatMap((t) => W(t) ? Object.values(t) : [
+    t
+  ]) : W(e) ? Object.values(e).flatMap((t) => O(t) ? Object.values(t) : [
+    t
+  ]) : [
+    e
+  ];
 }
 export {
-  C as TradeType,
-  ue as WIDGET_PALETTE_COLORS,
-  R as WidgetMethodsEmit,
-  y as WidgetMethodsListen,
-  fe as createCowSwapWidget,
-  J as isCowSwapWidgetPalette,
-  D as isPerNetworkConfig,
-  S as isPerTradeTypeConfig,
-  pe as resolveFlexibleConfig,
+  N as TradeType,
+  fe as WIDGET_PALETTE_COLORS,
+  I as WidgetMethodsEmit,
+  M as WidgetMethodsListen,
+  pe as createCowSwapWidget,
+  X as isCowSwapWidgetPalette,
+  W as isPerNetworkConfig,
+  O as isPerTradeTypeConfig,
+  he as resolveFlexibleConfig,
+  le as resolveFlexibleConfigValues,
   v as widgetIframeTransport
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cowprotocol/widget-lib",
-  "version": "0.18.0",
+  "version": "0.22.0",
   "type": "commonjs",
   "description": "CoW Swap Widget Library. Allows you to easily embed a CoW Swap widget on your website.",
   "main": "index.js",
@@ -21,7 +21,7 @@
     "widget-lib"
   ],
   "dependencies": {
-    "@cowprotocol/events": "^1.5.0",
-    "@cowprotocol/iframe-transport": "^1.1.0"
+    "@cowprotocol/events": "^2.0.2",
+    "@cowprotocol/iframe-transport": "^1.1.1"
   }
 }

package/resolveFlexibleConfigValues.d.ts

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

package/types.d.ts

@@ -41,11 +41,6 @@ export interface EthereumProvider {
      * @returns A promise that resolves with the response.
      */
     request<T>(params: JsonRpcRequest): Promise<T>;
-    /**
-     * Requests permission to connect to the Ethereum provider.
-     * @returns A promise that resolves once permission is granted.
-     */
-    enable(): Promise<void>;
 }
 export type CowSwapTheme = 'dark' | 'light';
 /**
@@ -130,23 +125,19 @@ export interface CowSwapWidgetImages {
      */
     emptyOrders?: string | null;
 }
-export interface CowSwapWidgetBanners {
-    /**
-     * Banner text: "Use Safe web app..."
-     *
-     * Conditions for displaying the banner:
-     *  - Safe-like app is connected to CoW Swap via WalletConnect
-     *  - Selling native token via Swap
-     *  - Sell token needs approval
-     *
-     *  If the flag is set to true, the banner will not be displayed
-     */
-    hideSafeWebAppBanner?: boolean;
-}
 export interface CowSwapWidgetContent {
     feeLabel?: string;
     feeTooltipMarkdown?: string;
 }
+export interface SlippageConfig {
+    /** Minimum slippage in basis points (e.g., 10 = 0.1%) */
+    min?: number;
+    /** Maximum slippage in basis points (e.g., 5000 = 50%) - 5000 is max value for dApp */
+    max?: number;
+    /** Default slippage value in basis points (e.g., 50 = 0.5%) - min <= defaultValue <= max */
+    defaultValue?: number;
+}
+export type FlexibleSlippageConfig = FlexibleConfig<SlippageConfig>;
 export interface CowSwapWidgetParams {
     /**
      * The unique identifier of the widget consumer.
@@ -169,6 +160,10 @@ export interface CowSwapWidgetParams {
      * Network ID.
      */
     chainId?: SupportedChainId;
+    /**
+     * An id of a network to bridge the output token.
+     */
+    targetChainId?: number;
     /**
      * The token lists urls to use in the widget
      */
@@ -209,6 +204,11 @@ export interface CowSwapWidgetParams {
      * Please contact https://cowprotocol.typeform.com/to/rONXaxHV
      */
     partnerFee?: PartnerFee;
+    /**
+     * Disables cross-chain swaps (bridging)
+     * Defaults to false.
+     */
+    disableCrossChainSwap?: boolean;
     /**
      * Disables showing the confirmation modal you get after posting an order.
      * Defaults to false.
@@ -266,10 +266,6 @@ export interface CowSwapWidgetParams {
      * Sounds configuration for the app.
      */
     sounds?: CowSwapWidgetSounds;
-    /**
-     * Flags to control the display of banners in the widget.
-     */
-    banners?: CowSwapWidgetBanners;
     /**
      * In case when widget does not support some tokens, you can provide a list of tokens to be used in the widget
      */
@@ -278,6 +274,10 @@ export interface CowSwapWidgetParams {
      * Customizable labels and content for the widget.
      */
     content?: CowSwapWidgetContent;
+    /**
+     * Customizable slippage settings for the widget.
+     */
+    slippage?: FlexibleSlippageConfig;
 }
 export interface WidgetMethodsEmitPayloadMap {
     [WidgetMethodsEmit.ACTIVATE]: void;