@cowprotocol/widget-lib 4.1.0 → 4.2.0

package/index.cjs

@@ -1 +1,53 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("@cowprotocol/iframe-transport"),$=require("@cowprotocol/events"),x=new Set(["wc:","metamask:","imtokenv2:","trustassetapp:","okex:","ledgerlive:","rainbow:","argent:","exodus:","zerion:","okxwallet:","uniswap:","robinhood-wallet:","krakenwallet:","bitpay:","oneinch:","safe:","backpack:","tangem:","mathwallet:","keplrwallet:","coin98:","tpoutside:","bncus:","bnc:"]),j=new Set(["http:","https:"]);function K(e){try{const t=new URL(e).protocol;return j.has(t)||x.has(t)}catch{return!1}}const v="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",U="strict-origin-when-cross-origin",b="clipboard-read; clipboard-write";var c=(e=>(e.ACTIVATE="ACTIVATE",e.READY="READY",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.PROCESS_HOOK="PROCESS_HOOK",e))(c||{}),T=(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.HOOK_RESULT="HOOK_RESULT",e))(T||{}),E=(e=>(e.ON_BEFORE_APPROVAL="ON_BEFORE_APPROVAL",e.ON_BEFORE_TRADE="ON_BEFORE_TRADE",e.ON_BEFORE_WRAP_UNWRAP="ON_BEFORE_WRAP_UNWRAP",e.ON_BEFORE_ORDER_CANCEL="ON_BEFORE_ORDER_CANCEL",e.ON_BEFORE_ORDERS_CANCEL="ON_BEFORE_ORDERS_CANCEL",e))(E||{}),g=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e.YIELD="yield",e))(g||{});const Q=["primary","background","paper","text","danger","warning","alert","info","success"],a=new N.IframeTransport("cowSwapWidget");class Y{constructor(t,n,o,r=[]){this.contentWindow=t,this.updateListeners(r),this.widgetListener=a.listenToMessageFromWindow(this.contentWindow,o,c.EMIT_COW_EVENT,i=>this.eventEmitter.emit(i.event,i.payload),n)}eventEmitter=new $.SimpleCowEventEmitter;listeners=[];widgetListener;stopListeningIframe(){a.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 X{constructor(t,n){this.appWindow=t,this.iframeWidow=n,this.forwardSdkMessage=o=>{z(o.data)&&(typeof window<"u"&&o.origin===window.location.origin||(J(o.data)?this.appWindow.parent.postMessage(o.data,"*"):Z(o.data)&&this.iframeWidow.postMessage(o.data,"*")))},this.startListening()}forwardSdkMessage;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 Z(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function q(e="Default",t="#1c5dbf",...n){console.debug(`%c [COW][${e}]`,`font-weight: bold; color: ${t}`,...n)}function ee(...e){process.env.NODE_ENV!=="test"&&q("Widget","#47aba8",...e)}const F="https://swap.cow.fi";function H(e){return!!(e&&typeof e=="object")}const C="_",te="CoW Swap widget: invalid baseUrl.",y=!1;function ne(e){return e==="localhost"||e==="127.0.0.1"||e==="::1"||e.endsWith(".localhost")}function P(e,t){const n=`${te} ${e}`;if(t)throw new Error(n);return console.error("[CoW Widget]",n),F}function B(e,t=y){const n=typeof e=="string"?e.trim():"";if(!n)return F;let o;try{o=new URL(n)}catch{return P(`Not a valid URL: ${JSON.stringify(n)}`,t)}if(o.username||o.password)return P("Userinfo (username/password) in URL is not allowed.",t);const r=o.protocol==="https:",i=o.protocol==="http:"&&ne(o.hostname);if(!r&&!i)return P(`Use https, or http only on localhost / 127.0.0.1 / ::1 / *.localhost (got ${o.protocol}//${o.hostname}).`,t);const w=o.pathname==="/"||o.pathname===""?"":o.pathname.replace(/\/+$/,"");return`${o.origin}${w}`}function oe(e){const t=B(e.baseUrl),n=k(e);return t+"/#"+n+"?"+M(e)}function k(e){const{chainId:t=1,sell:n,buy:o,tradeType:r=g.SWAP}=e,i=[n?.asset||C,o?.asset||C].map(encodeURIComponent).join("/");return`/${t}/widget/${r}/${i}`}function M(e){const t=new URLSearchParams;return de(ae(se(ie(re(t,e),e),e),e),e)}function re(e,t){const{sell:n,buy:o}=t;return n?.amount&&e.append("sellAmount",n.amount),o?.amount&&e.append("buyAmount",o.amount),e}function ie(e,t){const n=t.theme;return n?(H(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}function ae(e,t){return t.locale&&e.append("lng",t.locale),e}function de(e,t){return le(t.hooks)?e.append("hooksEnabled","true"):e.delete("hooksEnabled"),e}function le(e){return!!e&&Object.values(e).some(Boolean)}const V="640px",ce="450px",ue=20,Ee={iframe:null,updateParams:()=>{},updateListeners:()=>{},updateProvider:()=>{},destroy:()=>{}};function pe(e,t){const{params:n,provider:o,listeners:r,onReady:i,enableSafeSdkBridge:w=!0}=t;let _=o,p=n;if(typeof window>"u")return Ee;const l=fe(n),d=we(l);ee("Resolved trusted iframe origin",{iframeOrigin:d});const f=[];e.innerHTML="",e.appendChild(l);const{contentWindow:s}=l;if(!s)throw console.error("Iframe does not contain a window",l),new Error("Iframe does not contain a window!");i&&f.push(Oe(s,d,i)),f.push(_e(s,d,n.appCode)),f.push(...he(l,d,n.height,n.maxHeight));let h=null;function I(){s&&(h&&window.removeEventListener("message",h),!p.disableWindowOpen&&(h=Re(d,s),f.push(h)))}let A=null;function m(){s&&(A&&window.removeEventListener("message",A),A=Le(s,d,p.hooks),f.push(A))}I(),m();const W=new Y(window,d,s,r);let L=S(s,d,null,_);l.addEventListener("load",()=>{D(s,d,p,_)});const G=w?new X(window,s):null;return{iframe:l,updateParams:u=>{p=u,D(s,d,p,_),I(),m()},updateListeners:u=>W.updateListeners(u),updateProvider:u=>{_=u,L=S(s,d,L,u)},destroy:()=>{L.disconnect(),W.stopListeningIframe(),f.forEach(u=>window.removeEventListener("message",u)),G?.stopListening(),e.removeChild(l)}}}function S(e,t,n,o){n&&n.disconnect();const r=n||new N.IframeRpcProviderBridge(e,t);return o&&r.onConnect(o),r}function fe(e){const{width:t=ce,height:n=V}=e,o=document.createElement("iframe");return o.src=oe(e),o.width=t,o.height=n,o.style.border="0",o.setAttribute("sandbox",v),o.referrerPolicy=U,o.allow=b,o}function we(e){return new URL(e.src).origin}function D(e,t,n,o){const r=!!o,i=k(n),w=M(n).toString(),{theme:_,hooks:p,...l}=n;a.postMessageToWindow(e,T.UPDATE_PARAMS,{urlParams:{pathname:i,search:w},appParams:l,hasProvider:r},t)}function _e(e,t,n){return a.listenToMessageFromWindow(window,e,c.ACTIVATE,()=>{a.postMessageToWindow(e,T.UPDATE_APP_DATA,{metaData:n?{appCode:n}:void 0},t)},t)}function Oe(e,t,n){let o=!1;return a.listenToMessageFromWindow(window,e,c.READY,()=>{o||(o=!0,n())},t)}function Re(e,t){return a.listenToMessageFromWindow(window,t,c.INTERCEPT_WINDOW_OPEN,({href:n,rel:o,target:r})=>{const i=Te(n.toString(),e);i&&K(i)&&window.open(i,r,o)},e)}function Te(e,t){const n=e.trim();if(!n)return null;try{return new URL(n,t).toString()}catch{return null}}function he(e,t,n=V,o){return e.contentWindow?[a.listenToMessageFromWindow(window,e.contentWindow,c.UPDATE_HEIGHT,r=>{const i=r.height?r.height+ue:void 0;e.style.height=i?`${o?Math.min(i,o):i}px`:n},t),a.listenToMessageFromWindow(window,e.contentWindow,c.SET_FULL_HEIGHT,({isUpToSmall:r})=>{e.style.height=r?n:`${o||document.body.offsetHeight}px`},t)]:[]}const Ae={[E.ON_BEFORE_APPROVAL]:(e,t)=>t?.onBeforeApproval?t.onBeforeApproval(e):!0,[E.ON_BEFORE_TRADE]:(e,t)=>t?.onBeforeTrade?t.onBeforeTrade(e):!0,[E.ON_BEFORE_WRAP_UNWRAP]:(e,t)=>t?.onBeforeWrapOrUnwrap?t.onBeforeWrapOrUnwrap(e):!0,[E.ON_BEFORE_ORDER_CANCEL]:(e,t)=>t?.onBeforeOrderCancel?t.onBeforeOrderCancel(e):!0,[E.ON_BEFORE_ORDERS_CANCEL]:(e,t)=>t?.onBeforeOrdersCancel?t.onBeforeOrdersCancel(e):!0};function ge(e,t){return Ae[e.event](e.payload,t)}function Le(e,t,n){return a.listenToMessageFromWindow(window,e,c.PROCESS_HOOK,async o=>{let r=!1;try{r=await ge(o,n)}catch{}a.postMessageToWindow(e,T.HOOK_RESULT,{id:o.id,result:r},t)},t)}const Pe=Object.values(g);function Ie(e,t,n){if(O(e)){const o=e[n];return R(o)?o[t]:o}if(R(e)){const o=e[t];return O(o)?o[n]:o}return e}function O(e){return typeof e!="object"?!1:Object.keys(e).every(t=>Pe.includes(t))}const me=/^\d+$/;function R(e){return typeof e!="object"?!1:Object.keys(e).every(t=>me.test(t))}function We(e){return O(e)?Object.values(e).flatMap(t=>R(t)?Object.values(t):[t]):R(e)?Object.values(e).flatMap(t=>O(t)?Object.values(t):[t]):[e]}exports.SHOULD_THROW_IF_INVALID_URL=y;exports.TradeType=g;exports.WIDGET_IFRAME_ALLOW=b;exports.WIDGET_IFRAME_REFERRER_POLICY=U;exports.WIDGET_IFRAME_SANDBOX=v;exports.WIDGET_PALETTE_COLORS=Q;exports.WidgetHookEvents=E;exports.WidgetMethodsEmit=c;exports.WidgetMethodsListen=T;exports.createCowSwapWidget=pe;exports.isCowSwapWidgetPalette=H;exports.isPerNetworkConfig=R;exports.isPerTradeTypeConfig=O;exports.resolveFlexibleConfig=Ie;exports.resolveFlexibleConfigValues=We;exports.sanitizeWidgetBaseUrl=B;exports.widgetIframeTransport=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@cowprotocol/iframe-transport"),K=require("@cowprotocol/events"),Q=new Set(["wc:","metamask:","imtokenv2:","trustassetapp:","okex:","ledgerlive:","rainbow:","argent:","exodus:","zerion:","okxwallet:","uniswap:","robinhood-wallet:","krakenwallet:","bitpay:","oneinch:","safe:","backpack:","tangem:","mathwallet:","keplrwallet:","coin98:","tpoutside:","bncus:","bnc:"]),Y=new Set(["http:","https:"]);function z(e){try{const t=new URL(e).protocol;return Y.has(t)||Q.has(t)}catch{return!1}}const U="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",F="strict-origin-when-cross-origin",B="clipboard-read; clipboard-write";var f=(e=>(e.ACTIVATE="ACTIVATE",e.READY="READY",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.PROCESS_HOOK="PROCESS_HOOK",e))(f||{}),g=(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.HOOK_RESULT="HOOK_RESULT",e))(g||{}),_=(e=>(e.ON_BEFORE_APPROVAL="ON_BEFORE_APPROVAL",e.ON_BEFORE_TRADE="ON_BEFORE_TRADE",e.ON_BEFORE_WRAP_UNWRAP="ON_BEFORE_WRAP_UNWRAP",e.ON_BEFORE_ORDER_CANCEL="ON_BEFORE_ORDER_CANCEL",e.ON_BEFORE_ORDERS_CANCEL="ON_BEFORE_ORDERS_CANCEL",e))(_||{}),P=(e=>(e.SWAP="swap",e.LIMIT="limit",e.ADVANCED="advanced",e.YIELD="yield",e))(P||{});const X=["primary","background","paper","text","danger","warning","alert","info","success"],c=new y.IframeTransport("cowSwapWidget");class J{constructor(t,n,o,r=[]){this.contentWindow=t,this.updateListeners(r),this.widgetListener=c.listenToMessageFromWindow(this.contentWindow,o,f.EMIT_COW_EVENT,i=>this.eventEmitter.emit(i.event,i.payload),n)}eventEmitter=new K.SimpleCowEventEmitter;listeners=[];widgetListener;stopListeningIframe(){c.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 Z{constructor(t,n){this.appWindow=t,this.iframeWidow=n,this.forwardSdkMessage=o=>{q(o.data)&&(typeof window<"u"&&o.origin===window.location.origin||(ee(o.data)?this.appWindow.parent.postMessage(o.data,"*"):te(o.data)&&this.iframeWidow.postMessage(o.data,"*")))},this.startListening()}forwardSdkMessage;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 ee(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 te(e){return"success"in e&&typeof e.success=="boolean"&&"version"in e&&typeof e.version=="string"}function ne(e="Default",t="#1c5dbf",...n){console.debug(`%c [COW][${e}]`,`font-weight: bold; color: ${t}`,...n)}function oe(...e){process.env.NODE_ENV!=="test"&&ne("Widget","#47aba8",...e)}const H="https://swap.cow.fi";function k(e){return!!(e&&typeof e=="object")}const v="_",re="CoW Swap widget: invalid baseUrl.",M=!1;function ie(e){return e==="localhost"||e==="127.0.0.1"||e==="::1"||e.endsWith(".localhost")}function C(e,t){const n=`${re} ${e}`;if(t)throw new Error(n);return console.error("[CoW Widget]",n),H}function x(e,t=M){const n=typeof e=="string"?e.trim():"";if(!n)return H;let o;try{o=new URL(n)}catch{return C(`Not a valid URL: ${JSON.stringify(n)}`,t)}if(o.username||o.password)return C("Userinfo (username/password) in URL is not allowed.",t);const r=o.protocol==="https:",i=o.protocol==="http:"&&ie(o.hostname);if(!r&&!i)return C(`Use https, or http only on localhost / 127.0.0.1 / ::1 / *.localhost (got ${o.protocol}//${o.hostname}).`,t);const u=o.pathname==="/"||o.pathname===""?"":o.pathname.replace(/\/+$/,"");return`${o.origin}${u}`}function se(e){const t=x(e.baseUrl),n=V(e);return t+"/#"+n+"?"+$(e)}function V(e){const{chainId:t=1,sell:n,buy:o,tradeType:r=P.SWAP}=e,i=[n?.asset||v,o?.asset||v].map(encodeURIComponent).join("/");return`/${t}/widget/${r}/${i}`}function $(e){const t=new URLSearchParams;return ue(ce(le(de(ae(t,e),e),e),e),e)}function ae(e,t){const{sell:n,buy:o}=t;return n?.amount&&e.append("sellAmount",n.amount),o?.amount&&e.append("buyAmount",o.amount),e}function de(e,t){const n=t.theme;return n?(k(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 le(e,t){return t.targetChainId&&e.append("targetChainId",t.targetChainId.toString()),e}function ce(e,t){return t.locale&&e.append("lng",t.locale),e}function ue(e,t){return pe(t.hooks)?e.append("hooksEnabled","true"):e.delete("hooksEnabled"),e}function pe(e){return!!e&&Object.values(e).some(Boolean)}const fe=3e4,m="coWWidgetContentReloadButton";function Ee(e,t,n){const o=e.src;let r=!1,i=!1,u;function E(){e.srcdoc=we,t?.()}function p(){clearTimeout(u),u=setTimeout(()=>{r||i||E()},fe)}function s(){r||i||(e.removeAttribute("srcdoc"),e.src=o,p())}function a(){if(r)return;const d=e.contentDocument,T=d?.querySelector(`.${m}`);if(!(!d||!T)&&(T.addEventListener("click",s),n)){const h=d.createElement("style");h.textContent=n,d.head.appendChild(h)}}return e.addEventListener("error",d=>{r||(console.error("Could not load iframe",d),E())}),e.addEventListener("load",a),p(),{cancelWidgetLoading(){r=!0,clearTimeout(u),e.removeEventListener("load",a)},onWidgetReady(){i=!0,clearTimeout(u)}}}const we=`<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <style>
+      html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
+      .errorContent {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+
+        width: 100%;
+        height: 100%;
+
+        padding: 24px;
+        box-sizing: border-box;
+
+        background: #fff5f5;
+        color: #d32f2f;
+
+        border: 1px solid #f5c2c7;
+        border-radius: 12px;
+
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        font-size: 14px;
+        line-height: 1.5;
+        font-weight: 500;
+      }
+      .${m} {
+        padding: 8px 24px;
+        border: 1px solid #d32f2f;
+        border-radius: 8px;
+        background: transparent;
+        color: #d32f2f;
+        font: inherit;
+        cursor: pointer;
+      }
+      .${m}:hover {
+        background: #d32f2f;
+        color: #fff5f5;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="errorContent">
+      <span>Couldn't load the widget. Please try again later.</span>
+
+      <button class="${m}">Retry</button>
+    </div>
+  </body>
+</html>`,G="640px",_e="450px",Oe=20,Re={iframe:null,updateParams:()=>{},updateListeners:()=>{},updateProvider:()=>{},destroy:()=>{}};function ge(e,t){const{params:n,provider:o,listeners:r,onReady:i,enableSafeSdkBridge:u=!0}=t;let E=o,p=n;if(typeof window>"u")return Re;const s=Te(n),a=he(s);oe("Resolved trusted iframe origin",{iframeOrigin:a});const d=[];e.innerHTML="",e.appendChild(s);const{cancelWidgetLoading:T,onWidgetReady:h}=Ee(s,t.onLoadingError,t.loadingErrorStyles),{contentWindow:l}=s;if(!l)throw console.error("Iframe does not contain a window",s),new Error("Iframe does not contain a window!");d.push(Ae(l,a,()=>{i?.(),h()})),d.push(Le(l,a,n.appCode)),d.push(...Ie(s,a,n.height,n.maxHeight));let L=null;function W(){l&&(L&&window.removeEventListener("message",L),!p.disableWindowOpen&&(L=me(a,l),d.push(L)))}let A=null;function S(){l&&(A&&window.removeEventListener("message",A),A=Se(l,a,p.hooks),d.push(A))}W(),S();const D=new J(window,a,l,r);let I=b(l,a,null,E);s.addEventListener("load",()=>{N(l,a,p,E)});const j=u?new Z(window,l):null;return{iframe:s,updateParams:w=>{p=w,N(l,a,p,E),W(),S()},updateListeners:w=>D.updateListeners(w),updateProvider:w=>{E=w,I=b(l,a,I,w)},destroy:()=>{I.disconnect(),D.stopListeningIframe(),d.forEach(w=>window.removeEventListener("message",w)),j?.stopListening(),s&&s.parentNode===e&&e.removeChild(s),T()}}}function b(e,t,n,o){n&&n.disconnect();const r=n||new y.IframeRpcProviderBridge(e,t);return o&&r.onConnect(o),r}function Te(e){const{width:t=_e,height:n=G}=e,o=document.createElement("iframe");return o.src=se(e),o.width=t,o.height=n,o.style.border="0",o.setAttribute("sandbox",U),o.referrerPolicy=F,o.allow=B,o}function he(e){return new URL(e.src).origin}function N(e,t,n,o){const r=!!o,i=V(n),u=$(n).toString(),{theme:E,hooks:p,...s}=n;c.postMessageToWindow(e,g.UPDATE_PARAMS,{urlParams:{pathname:i,search:u},appParams:s,hasProvider:r},t)}function Le(e,t,n){return c.listenToMessageFromWindow(window,e,f.ACTIVATE,()=>{c.postMessageToWindow(e,g.UPDATE_APP_DATA,{metaData:n?{appCode:n}:void 0},t)},t)}function Ae(e,t,n){let o=!1;return c.listenToMessageFromWindow(window,e,f.READY,()=>{o||(o=!0,n())},t)}function me(e,t){return c.listenToMessageFromWindow(window,t,f.INTERCEPT_WINDOW_OPEN,({href:n,rel:o,target:r})=>{const i=Pe(n.toString(),e);i&&z(i)&&window.open(i,r,o)},e)}function Pe(e,t){const n=e.trim();if(!n)return null;try{return new URL(n,t).toString()}catch{return null}}function Ie(e,t,n=G,o){return e.contentWindow?[c.listenToMessageFromWindow(window,e.contentWindow,f.UPDATE_HEIGHT,r=>{const i=r.height?r.height+Oe:void 0;e.style.height=i?`${o?Math.min(i,o):i}px`:n},t),c.listenToMessageFromWindow(window,e.contentWindow,f.SET_FULL_HEIGHT,({isUpToSmall:r})=>{e.style.height=r?n:`${o||document.body.offsetHeight}px`},t)]:[]}const Ce={[_.ON_BEFORE_APPROVAL]:(e,t)=>t?.onBeforeApproval?t.onBeforeApproval(e):!0,[_.ON_BEFORE_TRADE]:(e,t)=>t?.onBeforeTrade?t.onBeforeTrade(e):!0,[_.ON_BEFORE_WRAP_UNWRAP]:(e,t)=>t?.onBeforeWrapOrUnwrap?t.onBeforeWrapOrUnwrap(e):!0,[_.ON_BEFORE_ORDER_CANCEL]:(e,t)=>t?.onBeforeOrderCancel?t.onBeforeOrderCancel(e):!0,[_.ON_BEFORE_ORDERS_CANCEL]:(e,t)=>t?.onBeforeOrdersCancel?t.onBeforeOrdersCancel(e):!0};function We(e,t){return Ce[e.event](e.payload,t)}function Se(e,t,n){return c.listenToMessageFromWindow(window,e,f.PROCESS_HOOK,async o=>{let r=!1;try{r=await We(o,n)}catch{}c.postMessageToWindow(e,g.HOOK_RESULT,{id:o.id,result:r},t)},t)}const De=Object.values(P);function ve(e,t,n){if(O(e)){const o=e[n];return R(o)?o[t]:o}if(R(e)){const o=e[t];return O(o)?o[n]:o}return e}function O(e){return typeof e!="object"?!1:Object.keys(e).every(t=>De.includes(t))}const be=/^\d+$/;function R(e){return typeof e!="object"?!1:Object.keys(e).every(t=>be.test(t))}function Ne(e){return O(e)?Object.values(e).flatMap(t=>R(t)?Object.values(t):[t]):R(e)?Object.values(e).flatMap(t=>O(t)?Object.values(t):[t]):[e]}exports.SHOULD_THROW_IF_INVALID_URL=M;exports.TradeType=P;exports.WIDGET_IFRAME_ALLOW=B;exports.WIDGET_IFRAME_REFERRER_POLICY=F;exports.WIDGET_IFRAME_SANDBOX=U;exports.WIDGET_PALETTE_COLORS=X;exports.WidgetHookEvents=_;exports.WidgetMethodsEmit=f;exports.WidgetMethodsListen=g;exports.createCowSwapWidget=ge;exports.isCowSwapWidgetPalette=k;exports.isPerNetworkConfig=R;exports.isPerTradeTypeConfig=O;exports.resolveFlexibleConfig=ve;exports.resolveFlexibleConfigValues=Ne;exports.sanitizeWidgetBaseUrl=x;exports.widgetIframeTransport=c;

package/index.js

@@ -1,6 +1,6 @@
-import { IframeTransport as y, IframeRpcProviderBridge as B } from "@cowprotocol/iframe-transport";
-import { SimpleCowEventEmitter as F } from "@cowprotocol/events";
-const k = /* @__PURE__ */ new Set([
+import { IframeTransport as k, IframeRpcProviderBridge as x } from "@cowprotocol/iframe-transport";
+import { SimpleCowEventEmitter as M } from "@cowprotocol/events";
+const V = /* @__PURE__ */ new Set([
   "wc:",
   // default Wallet-connect protocol
   "metamask:",
@@ -27,27 +27,27 @@ const k = /* @__PURE__ */ new Set([
   "tpoutside:",
   "bncus:",
   "bnc:"
-]), M = /* @__PURE__ */ new Set(["http:", "https:"]);
-function V(e) {
+]), $ = /* @__PURE__ */ new Set(["http:", "https:"]);
+function G(e) {
   try {
     const t = new URL(e).protocol;
-    return M.has(t) || k.has(t);
+    return $.has(t) || V.has(t);
   } catch {
     return !1;
   }
 }
-const $ = "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox", x = "strict-origin-when-cross-origin", G = "clipboard-read; clipboard-write";
-var u = /* @__PURE__ */ ((e) => (e.ACTIVATE = "ACTIVATE", e.READY = "READY", 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.PROCESS_HOOK = "PROCESS_HOOK", e))(u || {}), A = /* @__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.HOOK_RESULT = "HOOK_RESULT", e))(A || {}), f = /* @__PURE__ */ ((e) => (e.ON_BEFORE_APPROVAL = "ON_BEFORE_APPROVAL", e.ON_BEFORE_TRADE = "ON_BEFORE_TRADE", e.ON_BEFORE_WRAP_UNWRAP = "ON_BEFORE_WRAP_UNWRAP", e.ON_BEFORE_ORDER_CANCEL = "ON_BEFORE_ORDER_CANCEL", e.ON_BEFORE_ORDERS_CANCEL = "ON_BEFORE_ORDERS_CANCEL", e))(f || {}), m = /* @__PURE__ */ ((e) => (e.SWAP = "swap", e.LIMIT = "limit", e.ADVANCED = "advanced", e.YIELD = "yield", e))(m || {});
-const Se = ["primary", "background", "paper", "text", "danger", "warning", "alert", "info", "success"], d = new y("cowSwapWidget");
-class j {
+const j = "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox", K = "strict-origin-when-cross-origin", Q = "clipboard-read; clipboard-write";
+var w = /* @__PURE__ */ ((e) => (e.ACTIVATE = "ACTIVATE", e.READY = "READY", 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.PROCESS_HOOK = "PROCESS_HOOK", e))(w || {}), A = /* @__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.HOOK_RESULT = "HOOK_RESULT", e))(A || {}), _ = /* @__PURE__ */ ((e) => (e.ON_BEFORE_APPROVAL = "ON_BEFORE_APPROVAL", e.ON_BEFORE_TRADE = "ON_BEFORE_TRADE", e.ON_BEFORE_WRAP_UNWRAP = "ON_BEFORE_WRAP_UNWRAP", e.ON_BEFORE_ORDER_CANCEL = "ON_BEFORE_ORDER_CANCEL", e.ON_BEFORE_ORDERS_CANCEL = "ON_BEFORE_ORDERS_CANCEL", e))(_ || {}), I = /* @__PURE__ */ ((e) => (e.SWAP = "swap", e.LIMIT = "limit", e.ADVANCED = "advanced", e.YIELD = "yield", e))(I || {});
+const Ne = ["primary", "background", "paper", "text", "danger", "warning", "alert", "info", "success"], c = new k("cowSwapWidget");
+class Y {
   constructor(t, n, o, r = []) {
-    this.contentWindow = t, this.updateListeners(r), this.widgetListener = d.listenToMessageFromWindow(this.contentWindow, o, u.EMIT_COW_EVENT, (i) => this.eventEmitter.emit(i.event, i.payload), n);
+    this.contentWindow = t, this.updateListeners(r), this.widgetListener = c.listenToMessageFromWindow(this.contentWindow, o, w.EMIT_COW_EVENT, (i) => this.eventEmitter.emit(i.event, i.payload), n);
   }
-  eventEmitter = new F();
+  eventEmitter = new M();
   listeners = [];
   widgetListener;
   stopListeningIframe() {
-    d.stopListeningWindowListener(this.contentWindow, this.widgetListener);
+    c.stopListeningWindowListener(this.contentWindow, this.widgetListener);
   }
   updateListeners(t) {
     for (const n of this.listeners)
@@ -57,10 +57,10 @@ class j {
       this.eventEmitter.on(n);
   }
 }
-class K {
+class z {
   constructor(t, n) {
     this.appWindow = t, this.iframeWidow = n, this.forwardSdkMessage = (o) => {
-      Q(o.data) && (typeof window < "u" && o.origin === window.location.origin || (Y(o.data) ? this.appWindow.parent.postMessage(o.data, "*") : X(o.data) && this.iframeWidow.postMessage(o.data, "*")));
+      X(o.data) && (typeof window < "u" && o.origin === window.location.origin || (J(o.data) ? this.appWindow.parent.postMessage(o.data, "*") : Z(o.data) && this.iframeWidow.postMessage(o.data, "*")));
     }, this.startListening();
   }
   forwardSdkMessage;
@@ -71,94 +71,180 @@ class K {
     this.appWindow.removeEventListener("message", this.forwardSdkMessage);
   }
 }
-function Q(e) {
+function X(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 X(e) {
+function Z(e) {
   return "success" in e && typeof e.success == "boolean" && "version" in e && typeof e.version == "string";
 }
-function z(e = "Default", t = "#1c5dbf", ...n) {
+function q(e = "Default", t = "#1c5dbf", ...n) {
   console.debug(`%c [COW][${e}]`, `font-weight: bold; color: ${t}`, ...n);
 }
-function J(...e) {
-  process.env.NODE_ENV !== "test" && z("Widget", "#47aba8", ...e);
+function ee(...e) {
+  process.env.NODE_ENV !== "test" && q("Widget", "#47aba8", ...e);
 }
-const N = "https://swap.cow.fi";
-function Z(e) {
+const y = "https://swap.cow.fi";
+function te(e) {
   return !!(e && typeof e == "object");
 }
-const C = "_", q = "CoW Swap widget: invalid baseUrl.", ee = !1;
-function te(e) {
+const v = "_", ne = "CoW Swap widget: invalid baseUrl.", oe = !1;
+function re(e) {
   return e === "localhost" || e === "127.0.0.1" || e === "::1" || e.endsWith(".localhost");
 }
-function L(e, t) {
-  const n = `${q} ${e}`;
+function C(e, t) {
+  const n = `${ne} ${e}`;
   if (t)
     throw new Error(n);
-  return console.error("[CoW Widget]", n), N;
+  return console.error("[CoW Widget]", n), y;
 }
-function ne(e, t = ee) {
+function ie(e, t = oe) {
   const n = typeof e == "string" ? e.trim() : "";
   if (!n)
-    return N;
+    return y;
   let o;
   try {
     o = new URL(n);
   } catch {
-    return L(`Not a valid URL: ${JSON.stringify(n)}`, t);
+    return C(`Not a valid URL: ${JSON.stringify(n)}`, t);
   }
   if (o.username || o.password)
-    return L("Userinfo (username/password) in URL is not allowed.", t);
-  const r = o.protocol === "https:", i = o.protocol === "http:" && te(o.hostname);
+    return C("Userinfo (username/password) in URL is not allowed.", t);
+  const r = o.protocol === "https:", i = o.protocol === "http:" && re(o.hostname);
   if (!r && !i)
-    return L(`Use https, or http only on localhost / 127.0.0.1 / ::1 / *.localhost (got ${o.protocol}//${o.hostname}).`, t);
-  const w = o.pathname === "/" || o.pathname === "" ? "" : o.pathname.replace(/\/+$/, "");
-  return `${o.origin}${w}`;
+    return C(`Use https, or http only on localhost / 127.0.0.1 / ::1 / *.localhost (got ${o.protocol}//${o.hostname}).`, t);
+  const u = o.pathname === "/" || o.pathname === "" ? "" : o.pathname.replace(/\/+$/, "");
+  return `${o.origin}${u}`;
 }
-function oe(e) {
-  const t = ne(e.baseUrl), n = v(e);
-  return t + "/#" + n + "?" + U(e);
+function se(e) {
+  const t = ie(e.baseUrl), n = U(e);
+  return t + "/#" + n + "?" + B(e);
 }
-function v(e) {
+function U(e) {
   const {
     chainId: t = 1,
     sell: n,
     buy: o,
-    tradeType: r = m.SWAP
-  } = e, i = [n?.asset || C, o?.asset || C].map(encodeURIComponent).join("/");
+    tradeType: r = I.SWAP
+  } = e, i = [n?.asset || v, o?.asset || v].map(encodeURIComponent).join("/");
   return `/${t}/widget/${r}/${i}`;
 }
-function U(e) {
+function B(e) {
   const t = new URLSearchParams();
-  return de(ae(se(ie(re(t, e), e), e), e), e);
+  return ue(ce(le(de(ae(t, e), e), e), e), e);
 }
-function re(e, t) {
+function ae(e, t) {
   const {
     sell: n,
     buy: o
   } = t;
   return n?.amount && e.append("sellAmount", n.amount), o?.amount && e.append("buyAmount", o.amount), e;
 }
-function ie(e, t) {
+function de(e, t) {
   const n = t.theme;
-  return n ? (Z(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);
+  return n ? (te(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) {
+function le(e, t) {
   return t.targetChainId && e.append("targetChainId", t.targetChainId.toString()), e;
 }
-function ae(e, t) {
+function ce(e, t) {
   return t.locale && e.append("lng", t.locale), e;
 }
-function de(e, t) {
-  return le(t.hooks) ? e.append("hooksEnabled", "true") : e.delete("hooksEnabled"), e;
+function ue(e, t) {
+  return pe(t.hooks) ? e.append("hooksEnabled", "true") : e.delete("hooksEnabled"), e;
 }
-function le(e) {
+function pe(e) {
   return !!e && Object.values(e).some(Boolean);
 }
-const b = "640px", ce = "450px", ue = 20, pe = {
+const fe = 3e4, T = "coWWidgetContentReloadButton";
+function Ee(e, t, n) {
+  const o = e.src;
+  let r = !1, i = !1, u;
+  function f() {
+    e.srcdoc = we, t?.();
+  }
+  function p() {
+    clearTimeout(u), u = setTimeout(() => {
+      r || i || f();
+    }, fe);
+  }
+  function s() {
+    r || i || (e.removeAttribute("srcdoc"), e.src = o, p());
+  }
+  function a() {
+    if (r) return;
+    const d = e.contentDocument, O = d?.querySelector(`.${T}`);
+    if (!(!d || !O) && (O.addEventListener("click", s), n)) {
+      const R = d.createElement("style");
+      R.textContent = n, d.head.appendChild(R);
+    }
+  }
+  return e.addEventListener("error", (d) => {
+    r || (console.error("Could not load iframe", d), f());
+  }), e.addEventListener("load", a), p(), {
+    cancelWidgetLoading() {
+      r = !0, clearTimeout(u), e.removeEventListener("load", a);
+    },
+    onWidgetReady() {
+      i = !0, clearTimeout(u);
+    }
+  };
+}
+const we = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <style>
+      html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
+      .errorContent {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+
+        width: 100%;
+        height: 100%;
+
+        padding: 24px;
+        box-sizing: border-box;
+
+        background: #fff5f5;
+        color: #d32f2f;
+
+        border: 1px solid #f5c2c7;
+        border-radius: 12px;
+
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        font-size: 14px;
+        line-height: 1.5;
+        font-weight: 500;
+      }
+      .${T} {
+        padding: 8px 24px;
+        border: 1px solid #d32f2f;
+        border-radius: 8px;
+        background: transparent;
+        color: #d32f2f;
+        font: inherit;
+        cursor: pointer;
+      }
+      .${T}:hover {
+        background: #d32f2f;
+        color: #fff5f5;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="errorContent">
+      <span>Couldn't load the widget. Please try again later.</span>
+
+      <button class="${T}">Retry</button>
+    </div>
+  </body>
+</html>`, F = "640px", _e = "450px", Oe = 20, Re = {
   iframe: null,
   updateParams: () => {
   },
@@ -169,113 +255,118 @@ const b = "640px", ce = "450px", ue = 20, pe = {
   destroy: () => {
   }
 };
-function Ce(e, t) {
+function ye(e, t) {
   const {
     params: n,
     provider: o,
     listeners: r,
     onReady: i,
-    enableSafeSdkBridge: w = !0
+    enableSafeSdkBridge: u = !0
   } = t;
-  let _ = o, p = n;
-  if (typeof window > "u") return pe;
-  const l = Ee(n), a = fe(l);
-  J("Resolved trusted iframe origin", {
+  let f = o, p = n;
+  if (typeof window > "u") return Re;
+  const s = he(n), a = ge(s);
+  ee("Resolved trusted iframe origin", {
     iframeOrigin: a
   });
-  const E = [];
-  e.innerHTML = "", e.appendChild(l);
+  const d = [];
+  e.innerHTML = "", e.appendChild(s);
   const {
-    contentWindow: s
-  } = l;
-  if (!s)
-    throw console.error("Iframe does not contain a window", l), new Error("Iframe does not contain a window!");
-  i && E.push(_e(s, a, i)), E.push(we(s, a, n.appCode)), E.push(...Te(l, a, n.height, n.maxHeight));
-  let O = null;
-  function g() {
-    s && (O && window.removeEventListener("message", O), !p.disableWindowOpen && (O = Oe(a, s), E.push(O)));
+    cancelWidgetLoading: O,
+    onWidgetReady: R
+  } = Ee(s, t.onLoadingError, t.loadingErrorStyles), {
+    contentWindow: l
+  } = s;
+  if (!l)
+    throw console.error("Iframe does not contain a window", s), new Error("Iframe does not contain a window!");
+  d.push(me(l, a, () => {
+    i?.(), R();
+  })), d.push(Te(l, a, n.appCode)), d.push(...Pe(s, a, n.height, n.maxHeight));
+  let h = null;
+  function S() {
+    l && (h && window.removeEventListener("message", h), !p.disableWindowOpen && (h = Le(a, l), d.push(h)));
   }
-  let R = null;
-  function I() {
-    s && (R && window.removeEventListener("message", R), R = Pe(s, a, p.hooks), E.push(R));
+  let g = null;
+  function W() {
+    l && (g && window.removeEventListener("message", g), g = Se(l, a, p.hooks), d.push(g));
   }
-  g(), I();
-  const S = new j(window, a, s, r);
-  let P = W(s, a, null, _);
-  l.addEventListener("load", () => {
-    D(s, a, p, _);
+  S(), W();
+  const D = new Y(window, a, l, r);
+  let P = b(l, a, null, f);
+  s.addEventListener("load", () => {
+    N(l, a, p, f);
   });
-  const H = w ? new K(window, s) : null;
+  const H = u ? new z(window, l) : null;
   return {
-    iframe: l,
-    updateParams: (c) => {
-      p = c, D(s, a, p, _), g(), I();
+    iframe: s,
+    updateParams: (E) => {
+      p = E, N(l, a, p, f), S(), W();
     },
-    updateListeners: (c) => S.updateListeners(c),
-    updateProvider: (c) => {
-      _ = c, P = W(s, a, P, c);
+    updateListeners: (E) => D.updateListeners(E),
+    updateProvider: (E) => {
+      f = E, P = b(l, a, P, E);
     },
     destroy: () => {
-      P.disconnect(), S.stopListeningIframe(), E.forEach((c) => window.removeEventListener("message", c)), H?.stopListening(), e.removeChild(l);
+      P.disconnect(), D.stopListeningIframe(), d.forEach((E) => window.removeEventListener("message", E)), H?.stopListening(), s && s.parentNode === e && e.removeChild(s), O();
     }
   };
 }
-function W(e, t, n, o) {
+function b(e, t, n, o) {
   n && n.disconnect();
-  const r = n || new B(e, t);
+  const r = n || new x(e, t);
   return o && r.onConnect(o), r;
 }
-function Ee(e) {
+function he(e) {
   const {
-    width: t = ce,
-    height: n = b
+    width: t = _e,
+    height: n = F
   } = e, o = document.createElement("iframe");
-  return o.src = oe(e), o.width = t, o.height = n, o.style.border = "0", o.setAttribute("sandbox", $), o.referrerPolicy = x, o.allow = G, o;
+  return o.src = se(e), o.width = t, o.height = n, o.style.border = "0", o.setAttribute("sandbox", j), o.referrerPolicy = K, o.allow = Q, o;
 }
-function fe(e) {
+function ge(e) {
   return new URL(e.src).origin;
 }
-function D(e, t, n, o) {
-  const r = !!o, i = v(n), w = U(n).toString(), {
-    theme: _,
+function N(e, t, n, o) {
+  const r = !!o, i = U(n), u = B(n).toString(), {
+    theme: f,
     hooks: p,
-    ...l
+    ...s
   } = n;
-  d.postMessageToWindow(e, A.UPDATE_PARAMS, {
+  c.postMessageToWindow(e, A.UPDATE_PARAMS, {
     urlParams: {
       pathname: i,
-      search: w
+      search: u
     },
-    appParams: l,
+    appParams: s,
     hasProvider: r
   }, t);
 }
-function we(e, t, n) {
-  return d.listenToMessageFromWindow(window, e, u.ACTIVATE, () => {
-    d.postMessageToWindow(e, A.UPDATE_APP_DATA, {
+function Te(e, t, n) {
+  return c.listenToMessageFromWindow(window, e, w.ACTIVATE, () => {
+    c.postMessageToWindow(e, A.UPDATE_APP_DATA, {
       metaData: n ? {
         appCode: n
       } : void 0
     }, t);
   }, t);
 }
-function _e(e, t, n) {
+function me(e, t, n) {
   let o = !1;
-  return d.listenToMessageFromWindow(window, e, u.READY, () => {
+  return c.listenToMessageFromWindow(window, e, w.READY, () => {
     o || (o = !0, n());
   }, t);
 }
-function Oe(e, t) {
-  return d.listenToMessageFromWindow(window, t, u.INTERCEPT_WINDOW_OPEN, ({
+function Le(e, t) {
+  return c.listenToMessageFromWindow(window, t, w.INTERCEPT_WINDOW_OPEN, ({
     href: n,
     rel: o,
     target: r
   }) => {
-    const i = Re(n.toString(), e);
-    i && V(i) && window.open(i, r, o);
+    const i = Ae(n.toString(), e);
+    i && G(i) && window.open(i, r, o);
   }, e);
 }
-function Re(e, t) {
+function Ae(e, t) {
   const n = e.trim();
   if (!n)
     return null;
@@ -285,77 +376,77 @@ function Re(e, t) {
     return null;
   }
 }
-function Te(e, t, n = b, o) {
-  return e.contentWindow ? [d.listenToMessageFromWindow(window, e.contentWindow, u.UPDATE_HEIGHT, (r) => {
-    const i = r.height ? r.height + ue : void 0;
+function Pe(e, t, n = F, o) {
+  return e.contentWindow ? [c.listenToMessageFromWindow(window, e.contentWindow, w.UPDATE_HEIGHT, (r) => {
+    const i = r.height ? r.height + Oe : void 0;
     e.style.height = i ? `${o ? Math.min(i, o) : i}px` : n;
-  }, t), d.listenToMessageFromWindow(window, e.contentWindow, u.SET_FULL_HEIGHT, ({
+  }, t), c.listenToMessageFromWindow(window, e.contentWindow, w.SET_FULL_HEIGHT, ({
     isUpToSmall: r
   }) => {
     e.style.height = r ? n : `${o || document.body.offsetHeight}px`;
   }, t)] : [];
 }
-const he = {
-  [f.ON_BEFORE_APPROVAL]: (e, t) => t?.onBeforeApproval ? t.onBeforeApproval(e) : !0,
-  [f.ON_BEFORE_TRADE]: (e, t) => t?.onBeforeTrade ? t.onBeforeTrade(e) : !0,
-  [f.ON_BEFORE_WRAP_UNWRAP]: (e, t) => t?.onBeforeWrapOrUnwrap ? t.onBeforeWrapOrUnwrap(e) : !0,
-  [f.ON_BEFORE_ORDER_CANCEL]: (e, t) => t?.onBeforeOrderCancel ? t.onBeforeOrderCancel(e) : !0,
-  [f.ON_BEFORE_ORDERS_CANCEL]: (e, t) => t?.onBeforeOrdersCancel ? t.onBeforeOrdersCancel(e) : !0
+const Ce = {
+  [_.ON_BEFORE_APPROVAL]: (e, t) => t?.onBeforeApproval ? t.onBeforeApproval(e) : !0,
+  [_.ON_BEFORE_TRADE]: (e, t) => t?.onBeforeTrade ? t.onBeforeTrade(e) : !0,
+  [_.ON_BEFORE_WRAP_UNWRAP]: (e, t) => t?.onBeforeWrapOrUnwrap ? t.onBeforeWrapOrUnwrap(e) : !0,
+  [_.ON_BEFORE_ORDER_CANCEL]: (e, t) => t?.onBeforeOrderCancel ? t.onBeforeOrderCancel(e) : !0,
+  [_.ON_BEFORE_ORDERS_CANCEL]: (e, t) => t?.onBeforeOrdersCancel ? t.onBeforeOrdersCancel(e) : !0
 };
-function Ae(e, t) {
-  return he[e.event](e.payload, t);
+function Ie(e, t) {
+  return Ce[e.event](e.payload, t);
 }
-function Pe(e, t, n) {
-  return d.listenToMessageFromWindow(window, e, u.PROCESS_HOOK, async (o) => {
+function Se(e, t, n) {
+  return c.listenToMessageFromWindow(window, e, w.PROCESS_HOOK, async (o) => {
     let r = !1;
     try {
-      r = await Ae(o, n);
+      r = await Ie(o, n);
     } catch {
     }
-    d.postMessageToWindow(e, A.HOOK_RESULT, {
+    c.postMessageToWindow(e, A.HOOK_RESULT, {
       id: o.id,
       result: r
     }, t);
   }, t);
 }
-const Le = Object.values(m);
-function We(e, t, n) {
-  if (T(e)) {
+const We = Object.values(I);
+function Ue(e, t, n) {
+  if (m(e)) {
     const o = e[n];
-    return h(o) ? o[t] : o;
+    return L(o) ? o[t] : o;
   }
-  if (h(e)) {
+  if (L(e)) {
     const o = e[t];
-    return T(o) ? o[n] : o;
+    return m(o) ? o[n] : o;
   }
   return e;
 }
-function T(e) {
-  return typeof e != "object" ? !1 : Object.keys(e).every((t) => Le.includes(t));
+function m(e) {
+  return typeof e != "object" ? !1 : Object.keys(e).every((t) => We.includes(t));
 }
-const me = /^\d+$/;
-function h(e) {
-  return typeof e != "object" ? !1 : Object.keys(e).every((t) => me.test(t));
+const De = /^\d+$/;
+function L(e) {
+  return typeof e != "object" ? !1 : Object.keys(e).every((t) => De.test(t));
 }
-function De(e) {
-  return T(e) ? Object.values(e).flatMap((t) => h(t) ? Object.values(t) : [t]) : h(e) ? Object.values(e).flatMap((t) => T(t) ? Object.values(t) : [t]) : [e];
+function Be(e) {
+  return m(e) ? Object.values(e).flatMap((t) => L(t) ? Object.values(t) : [t]) : L(e) ? Object.values(e).flatMap((t) => m(t) ? Object.values(t) : [t]) : [e];
 }
 export {
-  ee as SHOULD_THROW_IF_INVALID_URL,
-  m as TradeType,
-  G as WIDGET_IFRAME_ALLOW,
-  x as WIDGET_IFRAME_REFERRER_POLICY,
-  $ as WIDGET_IFRAME_SANDBOX,
-  Se as WIDGET_PALETTE_COLORS,
-  f as WidgetHookEvents,
-  u as WidgetMethodsEmit,
+  oe as SHOULD_THROW_IF_INVALID_URL,
+  I as TradeType,
+  Q as WIDGET_IFRAME_ALLOW,
+  K as WIDGET_IFRAME_REFERRER_POLICY,
+  j as WIDGET_IFRAME_SANDBOX,
+  Ne as WIDGET_PALETTE_COLORS,
+  _ as WidgetHookEvents,
+  w as WidgetMethodsEmit,
   A as WidgetMethodsListen,
-  Ce as createCowSwapWidget,
-  Z as isCowSwapWidgetPalette,
-  h as isPerNetworkConfig,
-  T as isPerTradeTypeConfig,
-  We as resolveFlexibleConfig,
-  De as resolveFlexibleConfigValues,
-  ne as sanitizeWidgetBaseUrl,
-  d as widgetIframeTransport
+  ye as createCowSwapWidget,
+  te as isCowSwapWidgetPalette,
+  L as isPerNetworkConfig,
+  m as isPerTradeTypeConfig,
+  Ue as resolveFlexibleConfig,
+  Be as resolveFlexibleConfigValues,
+  ie as sanitizeWidgetBaseUrl,
+  c as widgetIframeTransport
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cowprotocol/widget-lib",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "CoW Swap Widget Library. Allows you to easily embed a CoW Swap widget on your website.",
   "repository": {
     "type": "git",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@cowprotocol/cow-sdk": "9.1.2",
-    "@cowprotocol/events": "^4.5.0",
+    "@cowprotocol/events": "^4.6.0",
     "@cowprotocol/iframe-transport": "^2.3.0"
   },
   "exports": {

package/types.d.ts

@@ -75,6 +75,12 @@ export interface CowSwapWidgetProps {
     provider?: EthereumProvider;
     listeners?: CowWidgetEventListeners;
     onReady?(): void;
+    onLoadingError?(): void;
+    /**
+     * Custom CSS appended to the error document displayed inside the iframe when the widget fails to load.
+     * Use it to override the default look (`.errorContent` and `.reloadButton` classes).
+     */
+    loadingErrorStyles?: string;
     enableSafeSdkBridge?: boolean;
 }
 export interface JsonRpcRequest {
@@ -305,11 +311,33 @@ export interface CowSwapWidgetParams {
      * Defaults to false.
      */
     disableCrossChainSwap?: boolean;
+    /**
+     * Disable setting custom recipient for all trading widgets (swap,limit,twap)
+     * Important! Cross-chain swaps are based on custom recipient functionality!
+     * If you want always having recipient === order owner, then set disableCrossChainSwap=true as well
+     */
+    disableCustomRecipient?: boolean;
     /**
      * Disables adding custom tokens and custom token lists.
      * Defaults to false.
      */
     disableTokenImport?: boolean;
+    /**
+     * Disables the EIP-2612 permit signing flow. When `true`, the widget will
+     * never sign an off-chain permit and will always send an on-chain approval
+     * transaction — even for tokens that support permit.
+     *
+     * Defaults to false.
+     */
+    disableEIP2612Permits?: boolean;
+    /**
+     * Disables infinite (MAX_UINT256) ERC-20 approvals. When `true`, every
+     * approval transaction approves only the exact trade-size amount, and the
+     * "Partial approval" toggle in Settings is shown but locked on.
+     *
+     * Defaults to false.
+     */
+    disableInfiniteApprove?: boolean;
     /**
      * Disables showing the confirmation modal you get after posting an order.
      * Defaults to false.

package/widgetIframeLoading.d.ts

@@ -0,0 +1,6 @@
+type IframeLoadingState = {
+    cancelWidgetLoading: () => void;
+    onWidgetReady: () => void;
+};
+export declare function widgetIframeLoading(iframe: HTMLIFrameElement, onWidgetLoadingError?: () => void, customErrorStyles?: string): IframeLoadingState;
+export {};