@cowprotocol/widget-lib 0.1.4 → 0.2.1

package/README.md

@@ -37,11 +37,11 @@ import { cowSwapWidget, CowSwapWidgetParams } from '@cowprotocol/widget-lib'
 const widgetContainer = document.getElementById('cowswap-widget')
 
 const params: CowSwapWidgetParams = {
-  appKey: '<YOUR_APP_KEY>', // Just an unique identifier for your app
+  appCode: '<YOUR_APP_KEY>', // Just an unique identifier for your app
   sell: { asset: 'DAI' },
   buy: { asset: 'USDC', amount: '0.1' },
   // instantiate your own web3 provider
-  provider: window.ethereum
+  provider: window.ethereum,
 }
 
 const updateWidget = cowSwapWidget(
@@ -57,12 +57,13 @@ updateWidget({ ...params, tradeType: 'limit' })
 ## Developers
 
 #### Test
+
 ```
 nx test widget-lib
 ```
 
 #### Build the library
+
 ```
 nx build widget-lib
 ```
-

package/index.iife.js

@@ -1 +1 @@
-var cowSwapWidget=function(i){"use strict";const g="2.0",l="*",m=["connect","disconnect","close","chainChanged","accountsChanged"];class f{constructor(t){this.contentWindow=t,this.ethereumProvider=null,this.requests={},this.processEvent=e=>{e.data.jsonrpc==="2.0"&&(this.ethereumProvider?this.processRequest(e.data):this.requests[e.data.id]=e.data)},window.addEventListener("message",this.processEvent)}disconnect(){this.ethereumProvider=null,window.removeEventListener("message",this.processEvent)}onConnect(t){this.ethereumProvider=t,Object.keys(this.requests).forEach(e=>{this.processRequest(this.requests[e])}),this.requests={},m.forEach(e=>{t.on(e,n=>{this.postMessage({method:e,params:[n]})})})}processRequest(t){if(!this.ethereumProvider)return;(t.method==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request(t)).then(n=>{this.postMessage({id:t.id,result:n})}).catch(n=>{this.postMessage({id:t.id,error:n})})}postMessage(t){this.contentWindow.postMessage({jsonrpc:g,...t},l)}}function E(){return typeof window>"u"||!window?"":`https://swap-dev-git-${window.location.hostname.replace("widget-configurator-git-","").replace("-cowswap.vercel.app","")}-cowswap.vercel.app`}const d={local:"http://localhost:3000",prod:"https://swap.cow.fi",dev:"https://dev.swap.cow.fi",pr:E()};var c=(s=>(s.SWAP="swap",s.LIMIT="limit",s.ADVANCED="advanced",s))(c||{});function v(s){const t=d[s.env||"prod"],e=h(s),n=u(s);return t+"/#"+e+"?"+n}function h(s){const{chainId:t=1,tradeAssets:e,tradeType:n=c.SWAP}=s,o=e?[e.sell.asset,e.buy.asset].map(encodeURIComponent).join("/"):"";return`/${t}/widget/${n}/${o}`}function u(s){const{tradeAssets:t,theme:e}=s,n=new URLSearchParams;if(t){const{sell:o,buy:a}=t;o.amount&&n.append("sellAmount",o.amount),a.amount&&n.append("buyAmount",a.amount)}return e&&n.append("theme",e),n}const r="cowSwapWidget",p="640px",y="450px";function W(s,t={}){const{provider:e}=t,n=P(t);s.innerHTML="",s.appendChild(n);const{contentWindow:o}=n;if(!o)throw new Error("Iframe does not contain a window!");return S(o,t.appKey),A(n,t.height),e&&new f(o).onConnect(e),n.addEventListener("load",()=>{w(t,o)}),a=>w(a,o)}function P(s){const{width:t=y,height:e=p}=s,n=document.createElement("iframe");return n.src=v(s),n.width=t,n.height=e,n.style.border="0",n}function w(s,t){const e=h(s),n=u(s).toString();t.postMessage({key:r,method:"update",urlParams:{pathname:e,search:n},appParams:{...s,provider:void 0}},"*")}function S(s,t){window.addEventListener("message",e=>{e.data.key!==r||e.data.method!=="activate"||s.postMessage({key:r,method:"metaData",metaData:t?{appKey:t}:void 0},"*")})}function A(s,t=p){window.addEventListener("message",e=>{e.data.key!==r||e.data.method!=="iframeHeight"||(s.style.height=e.data.height?`${e.data.height}px`:t)})}return i.COWSWAP_URLS=d,i.TradeType=c,i.cowSwapWidget=W,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),i}({});
+var cowSwapWidget=function(i){"use strict";const m="2.0",l="*",f=["connect","disconnect","close","chainChanged","accountsChanged"];class E{constructor(e){this.contentWindow=e,this.ethereumProvider=null,this.requests={},this.processEvent=t=>{t.data.jsonrpc==="2.0"&&(this.ethereumProvider?this.processRequest(t.data):this.requests[t.data.id]=t.data)},window.addEventListener("message",this.processEvent)}disconnect(){this.ethereumProvider=null,window.removeEventListener("message",this.processEvent)}onConnect(e){this.ethereumProvider=e,Object.keys(this.requests).forEach(t=>{this.processRequest(this.requests[t])}),this.requests={},f.forEach(t=>{e.on(t,s=>{this.postMessage({method:t,params:[s]})})})}processRequest(e){if(!this.ethereumProvider)return;(e.method==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request(e)).then(s=>{this.postMessage({id:e.id,result:s})}).catch(s=>{this.postMessage({id:e.id,error:s})})}postMessage(e){this.contentWindow.postMessage({jsonrpc:m,...e},l)}}function v(){return typeof window>"u"||!window?"":`https://swap-dev-git-${window.location.hostname.replace("widget-configurator-git-","").replace("-cowswap.vercel.app","")}-cowswap.vercel.app`}const d={local:"http://localhost:3000",prod:"https://swap.cow.fi",dev:"https://dev.swap.cow.fi",pr:v()};var c=(n=>(n.SWAP="swap",n.LIMIT="limit",n.ADVANCED="advanced",n))(c||{});const h="_";function y(n){const e=d[n.env||"prod"],t=u(n),s=p(n);return e+"/#"+t+"?"+s}function u(n){const{chainId:e=1,sell:t,buy:s,tradeType:o=c.SWAP}=n,r=[t?.asset||h,s?.asset||h].map(encodeURIComponent).join("/");return`/${e}/widget/${o}/${r}`}function p(n){const{sell:e,buy:t,theme:s}=n,o=new URLSearchParams;return e?.amount&&o.append("sellAmount",e.amount),t?.amount&&o.append("buyAmount",t.amount),s&&o.append("theme",typeof s=="string"?s:s.baseTheme),o}const a="cowSwapWidget",w="640px",P="450px",W=20;function S(n,e={}){const{provider:t}=e,s=T(e);n.innerHTML="",n.appendChild(s);const{contentWindow:o}=s;if(!o)throw new Error("Iframe does not contain a window!");return A(o,e.appCode),M(s,e.height),t&&new E(o).onConnect(t),s.addEventListener("load",()=>{g(e,o)}),r=>g(r,o)}function T(n){const{width:e=P,height:t=w}=n,s=document.createElement("iframe");return s.src=y(n),s.width=e,s.height=t,s.style.border="0",s}function g(n,e){const t=u(n),s=p(n).toString();e.postMessage({key:a,method:"update",urlParams:{pathname:t,search:s},appParams:{...n,provider:void 0}},"*")}function A(n,e){window.addEventListener("message",t=>{t.data.key!==a||t.data.method!=="activate"||n.postMessage({key:a,method:"metaData",metaData:e?{appCode:e}:void 0},"*")})}function M(n,e=w){window.addEventListener("message",t=>{t.data.key!==a||t.data.method!=="iframeHeight"||(n.style.height=t.data.height?`${t.data.height+W}px`:e)})}return i.COWSWAP_URLS=d,i.TradeType=c,i.cowSwapWidget=S,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),i}({});

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w="2.0",g="*",l=["connect","disconnect","close","chainChanged","accountsChanged"];class m{constructor(t){this.contentWindow=t,this.ethereumProvider=null,this.requests={},this.processEvent=e=>{e.data.jsonrpc==="2.0"&&(this.ethereumProvider?this.processRequest(e.data):this.requests[e.data.id]=e.data)},window.addEventListener("message",this.processEvent)}disconnect(){this.ethereumProvider=null,window.removeEventListener("message",this.processEvent)}onConnect(t){this.ethereumProvider=t,Object.keys(this.requests).forEach(e=>{this.processRequest(this.requests[e])}),this.requests={},l.forEach(e=>{t.on(e,n=>{this.postMessage({method:e,params:[n]})})})}processRequest(t){if(!this.ethereumProvider)return;(t.method==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request(t)).then(n=>{this.postMessage({id:t.id,result:n})}).catch(n=>{this.postMessage({id:t.id,error:n})})}postMessage(t){this.contentWindow.postMessage({jsonrpc:w,...t},g)}}function f(){return typeof window>"u"||!window?"":`https://swap-dev-git-${window.location.hostname.replace("widget-configurator-git-","").replace("-cowswap.vercel.app","")}-cowswap.vercel.app`}const d={local:"http://localhost:3000",prod:"https://swap.cow.fi",dev:"https://dev.swap.cow.fi",pr:f()};var r=(s=>(s.SWAP="swap",s.LIMIT="limit",s.ADVANCED="advanced",s))(r||{});function E(s){const t=d[s.env||"prod"],e=h(s),n=u(s);return t+"/#"+e+"?"+n}function h(s){const{chainId:t=1,tradeAssets:e,tradeType:n=r.SWAP}=s,o=e?[e.sell.asset,e.buy.asset].map(encodeURIComponent).join("/"):"";return`/${t}/widget/${n}/${o}`}function u(s){const{tradeAssets:t,theme:e}=s,n=new URLSearchParams;if(t){const{sell:o,buy:i}=t;o.amount&&n.append("sellAmount",o.amount),i.amount&&n.append("buyAmount",i.amount)}return e&&n.append("theme",e),n}const a="cowSwapWidget",p="640px",v="450px";function y(s,t={}){const{provider:e}=t,n=P(t);s.innerHTML="",s.appendChild(n);const{contentWindow:o}=n;if(!o)throw new Error("Iframe does not contain a window!");return W(o,t.appKey),A(n,t.height),e&&new m(o).onConnect(e),n.addEventListener("load",()=>{c(t,o)}),i=>c(i,o)}function P(s){const{width:t=v,height:e=p}=s,n=document.createElement("iframe");return n.src=E(s),n.width=t,n.height=e,n.style.border="0",n}function c(s,t){const e=h(s),n=u(s).toString();t.postMessage({key:a,method:"update",urlParams:{pathname:e,search:n},appParams:{...s,provider:void 0}},"*")}function W(s,t){window.addEventListener("message",e=>{e.data.key!==a||e.data.method!=="activate"||s.postMessage({key:a,method:"metaData",metaData:t?{appKey:t}:void 0},"*")})}function A(s,t=p){window.addEventListener("message",e=>{e.data.key!==a||e.data.method!=="iframeHeight"||(s.style.height=e.data.height?`${e.data.height}px`:t)})}exports.COWSWAP_URLS=d;exports.TradeType=r;exports.cowSwapWidget=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g="2.0",m="*",l=["connect","disconnect","close","chainChanged","accountsChanged"];class f{constructor(e){this.contentWindow=e,this.ethereumProvider=null,this.requests={},this.processEvent=t=>{t.data.jsonrpc==="2.0"&&(this.ethereumProvider?this.processRequest(t.data):this.requests[t.data.id]=t.data)},window.addEventListener("message",this.processEvent)}disconnect(){this.ethereumProvider=null,window.removeEventListener("message",this.processEvent)}onConnect(e){this.ethereumProvider=e,Object.keys(this.requests).forEach(t=>{this.processRequest(this.requests[t])}),this.requests={},l.forEach(t=>{e.on(t,n=>{this.postMessage({method:t,params:[n]})})})}processRequest(e){if(!this.ethereumProvider)return;(e.method==="enable"?this.ethereumProvider.enable():this.ethereumProvider.request(e)).then(n=>{this.postMessage({id:e.id,result:n})}).catch(n=>{this.postMessage({id:e.id,error:n})})}postMessage(e){this.contentWindow.postMessage({jsonrpc:g,...e},m)}}function E(){return typeof window>"u"||!window?"":`https://swap-dev-git-${window.location.hostname.replace("widget-configurator-git-","").replace("-cowswap.vercel.app","")}-cowswap.vercel.app`}const h={local:"http://localhost:3000",prod:"https://swap.cow.fi",dev:"https://dev.swap.cow.fi",pr:E()};var r=(s=>(s.SWAP="swap",s.LIMIT="limit",s.ADVANCED="advanced",s))(r||{});const c="_";function v(s){const e=h[s.env||"prod"],t=u(s),n=p(s);return e+"/#"+t+"?"+n}function u(s){const{chainId:e=1,sell:t,buy:n,tradeType:o=r.SWAP}=s,i=[t?.asset||c,n?.asset||c].map(encodeURIComponent).join("/");return`/${e}/widget/${o}/${i}`}function p(s){const{sell:e,buy:t,theme:n}=s,o=new URLSearchParams;return e?.amount&&o.append("sellAmount",e.amount),t?.amount&&o.append("buyAmount",t.amount),n&&o.append("theme",typeof n=="string"?n:n.baseTheme),o}const a="cowSwapWidget",w="640px",y="450px",P=20;function W(s,e={}){const{provider:t}=e,n=S(e);s.innerHTML="",s.appendChild(n);const{contentWindow:o}=n;if(!o)throw new Error("Iframe does not contain a window!");return T(o,e.appCode),A(n,e.height),t&&new f(o).onConnect(t),n.addEventListener("load",()=>{d(e,o)}),i=>d(i,o)}function S(s){const{width:e=y,height:t=w}=s,n=document.createElement("iframe");return n.src=v(s),n.width=e,n.height=t,n.style.border="0",n}function d(s,e){const t=u(s),n=p(s).toString();e.postMessage({key:a,method:"update",urlParams:{pathname:t,search:n},appParams:{...s,provider:void 0}},"*")}function T(s,e){window.addEventListener("message",t=>{t.data.key!==a||t.data.method!=="activate"||s.postMessage({key:a,method:"metaData",metaData:e?{appCode:e}:void 0},"*")})}function A(s,e=w){window.addEventListener("message",t=>{t.data.key!==a||t.data.method!=="iframeHeight"||(s.style.height=t.data.height?`${t.data.height+P}px`:e)})}exports.COWSWAP_URLS=h;exports.TradeType=r;exports.cowSwapWidget=W;

package/index.mjs

@@ -1,12 +1,12 @@
-const p = "2.0", w = "*", m = ["connect", "disconnect", "close", "chainChanged", "accountsChanged"];
-class g {
+const w = "2.0", m = "*", g = ["connect", "disconnect", "close", "chainChanged", "accountsChanged"];
+class l {
   /**
    * Creates an instance of JsonRpcManager.
    * @param contentWindow - The window for handling events.
    */
-  constructor(t) {
-    this.contentWindow = t, this.ethereumProvider = null, this.requests = {}, this.processEvent = (e) => {
-      e.data.jsonrpc === "2.0" && (this.ethereumProvider ? this.processRequest(e.data) : this.requests[e.data.id] = e.data);
+  constructor(e) {
+    this.contentWindow = e, this.ethereumProvider = null, this.requests = {}, this.processEvent = (t) => {
+      t.data.jsonrpc === "2.0" && (this.ethereumProvider ? this.processRequest(t.data) : this.requests[t.data.id] = t.data);
     }, window.addEventListener("message", this.processEvent);
   }
   /**
@@ -19,12 +19,12 @@ class g {
    * Handles the 'connect' event and sets up event listeners for Ethereum provider events.
    * @param ethereumProvider - The Ethereum provider to connect.
    */
-  onConnect(t) {
-    this.ethereumProvider = t, Object.keys(this.requests).forEach((e) => {
-      this.processRequest(this.requests[e]);
-    }), this.requests = {}, m.forEach((e) => {
-      t.on(e, (n) => {
-        this.postMessage({ method: e, params: [n] });
+  onConnect(e) {
+    this.ethereumProvider = e, Object.keys(this.requests).forEach((t) => {
+      this.processRequest(this.requests[t]);
+    }), this.requests = {}, g.forEach((t) => {
+      e.on(t, (n) => {
+        this.postMessage({ method: t, params: [n] });
       });
     });
   }
@@ -32,74 +32,71 @@ class g {
    * Processes a JSON-RPC request and sends appropriate response or error via the content window.
    * @param request - The JSON-RPC request to be processed.
    */
-  processRequest(t) {
+  processRequest(e) {
     if (!this.ethereumProvider)
       return;
-    (t.method === "enable" ? this.ethereumProvider.enable() : this.ethereumProvider.request(t)).then((n) => {
-      this.postMessage({ id: t.id, result: n });
+    (e.method === "enable" ? this.ethereumProvider.enable() : this.ethereumProvider.request(e)).then((n) => {
+      this.postMessage({ id: e.id, result: n });
     }).catch((n) => {
-      this.postMessage({ id: t.id, error: n });
+      this.postMessage({ id: e.id, error: n });
     });
   }
-  postMessage(t) {
+  postMessage(e) {
     this.contentWindow.postMessage(
       {
-        jsonrpc: p,
-        ...t
+        jsonrpc: w,
+        ...e
       },
-      w
+      m
     );
   }
 }
-function l() {
+function f() {
   return typeof window > "u" || !window ? "" : `https://swap-dev-git-${window.location.hostname.replace("widget-configurator-git-", "").replace("-cowswap.vercel.app", "")}-cowswap.vercel.app`;
 }
-const f = {
+const E = {
   local: "http://localhost:3000",
   prod: "https://swap.cow.fi",
   dev: "https://dev.swap.cow.fi",
-  pr: l()
+  pr: f()
 };
-var c = /* @__PURE__ */ ((s) => (s.SWAP = "swap", s.LIMIT = "limit", s.ADVANCED = "advanced", s))(c || {});
-function E(s) {
-  const t = f[s.env || "prod"], e = d(s), n = h(s);
-  return t + "/#" + e + "?" + n;
-}
-function d(s) {
-  const { chainId: t = 1, tradeAssets: e, tradeType: n = c.SWAP } = s, o = e ? [e.sell.asset, e.buy.asset].map(encodeURIComponent).join("/") : "";
-  return `/${t}/widget/${n}/${o}`;
+var d = /* @__PURE__ */ ((s) => (s.SWAP = "swap", s.LIMIT = "limit", s.ADVANCED = "advanced", s))(d || {});
+const r = "_";
+function v(s) {
+  const e = E[s.env || "prod"], t = h(s), n = p(s);
+  return e + "/#" + t + "?" + n;
 }
 function h(s) {
-  const { tradeAssets: t, theme: e } = s, n = new URLSearchParams();
-  if (t) {
-    const { sell: o, buy: i } = t;
-    o.amount && n.append("sellAmount", o.amount), i.amount && n.append("buyAmount", i.amount);
-  }
-  return e && n.append("theme", e), n;
+  const { chainId: e = 1, sell: t, buy: n, tradeType: o = d.SWAP } = s, i = [t?.asset || r, n?.asset || r].map(encodeURIComponent).join("/");
+  return `/${e}/widget/${o}/${i}`;
+}
+function p(s) {
+  const { sell: e, buy: t, theme: n } = s, o = new URLSearchParams();
+  return e?.amount && o.append("sellAmount", e.amount), t?.amount && o.append("buyAmount", t.amount), n && o.append("theme", typeof n == "string" ? n : n.baseTheme), o;
 }
-const a = "cowSwapWidget", u = "640px", v = "450px";
-function A(s, t = {}) {
-  const { provider: e } = t, n = y(t);
+const a = "cowSwapWidget", u = "640px", y = "450px", P = 20;
+function M(s, e = {}) {
+  const { provider: t } = e, n = W(e);
   s.innerHTML = "", s.appendChild(n);
   const { contentWindow: o } = n;
   if (!o)
     throw new Error("Iframe does not contain a window!");
-  return P(o, t.appKey), W(n, t.height), e && new g(o).onConnect(e), n.addEventListener("load", () => {
-    r(t, o);
-  }), (i) => r(i, o);
+  return T(o, e.appCode), A(n, e.height), t && new l(o).onConnect(t), n.addEventListener("load", () => {
+    c(e, o);
+  }), (i) => c(i, o);
 }
-function y(s) {
-  const { width: t = v, height: e = u } = s, n = document.createElement("iframe");
-  return n.src = E(s), n.width = t, n.height = e, n.style.border = "0", n;
+function W(s) {
+  const { width: e = y, height: t = u } = s, n = document.createElement("iframe");
+  return n.src = v(s), n.width = e, n.height = t, n.style.border = "0", n;
 }
-function r(s, t) {
-  const e = d(s), n = h(s).toString();
-  t.postMessage(
+function c(s, e) {
+  const t = h(s), n = p(s).toString();
+  e.postMessage(
     {
       key: a,
       method: "update",
       urlParams: {
-        pathname: e,
+        pathname: t,
         search: n
       },
       appParams: {
@@ -110,25 +107,25 @@ function r(s, t) {
     "*"
   );
 }
-function P(s, t) {
-  window.addEventListener("message", (e) => {
-    e.data.key !== a || e.data.method !== "activate" || s.postMessage(
+function T(s, e) {
+  window.addEventListener("message", (t) => {
+    t.data.key !== a || t.data.method !== "activate" || s.postMessage(
       {
         key: a,
         method: "metaData",
-        metaData: t ? { appKey: t } : void 0
+        metaData: e ? { appCode: e } : void 0
       },
       "*"
     );
   });
 }
-function W(s, t = u) {
-  window.addEventListener("message", (e) => {
-    e.data.key !== a || e.data.method !== "iframeHeight" || (s.style.height = e.data.height ? `${e.data.height}px` : t);
+function A(s, e = u) {
+  window.addEventListener("message", (t) => {
+    t.data.key !== a || t.data.method !== "iframeHeight" || (s.style.height = t.data.height ? `${t.data.height + P}px` : e);
   });
 }
 export {
-  f as COWSWAP_URLS,
-  c as TradeType,
-  A as cowSwapWidget
+  E as COWSWAP_URLS,
+  d as TradeType,
+  M as cowSwapWidget
 };

package/package.json

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

package/types.d.ts

@@ -40,13 +40,6 @@ interface TradeAsset {
      */
     amount?: string;
 }
-/**
- * A pair of assets to trade.
- */
-export interface TradeAssets {
-    sell: TradeAsset;
-    buy: TradeAsset;
-}
 export declare enum TradeType {
     SWAP = "swap",
     LIMIT = "limit",
@@ -57,6 +50,7 @@ export declare enum TradeType {
     ADVANCED = "advanced"
 }
 export interface CowSwapWidgetPalette {
+    baseTheme: CowSwapTheme;
     primaryColor: string;
     screenBackground: string;
     widgetBackground: string;
@@ -73,9 +67,9 @@ interface CowSwapWidgetConfig {
     height: string;
     /**
      * The unique identifier of the widget consumer.
-     * Please fill the for to let us know a little about you: <TODO-TYPEFORM>
+     * Please fill the for to let us know a little about you: https://cowprotocol.typeform.com/to/rONXaxHV
      */
-    appKey: string;
+    appCode: string;
     /**
      * The widget might be connected to a custom Ethereum provider.
      */
@@ -93,13 +87,17 @@ interface CowSwapWidgetConfig {
      */
     env: CowSwapWidgetEnv;
     /**
-     * The assets to trade.
+     * Sell token, and optionally the amount.
      */
-    tradeAssets: TradeAssets;
+    sell: TradeAsset;
+    /**
+     * Buy token, and optionally the amount.
+     */
+    buy: TradeAsset;
     /**
      * The theme of the widget UI.
      */
-    theme: CowSwapTheme;
+    theme: CowSwapTheme | CowSwapWidgetPalette;
     /**
      * Allows to set a custom logo for the widget.
      */
@@ -117,15 +115,12 @@ interface CowSwapWidgetConfig {
      */
     enabledTradeTypes: TradeType[];
     /**
-     * Colors palette to customize the widget UI.
-     */
-    palette: CowSwapWidgetPalette;
-    /**
-     * The partner fee in basis points.
+     * The interface fee in basis points.
      * For example: 1.5% = 150 bips
-     * Please contact <TODO-TYPEFORM> to enable your partner fee.
+     *
+     * Please contact https://cowprotocol.typeform.com/to/rONXaxHV
      */
-    partnerFeeBips: string;
+    interfaceFeeBips: string;
 }
 export type CowSwapWidgetParams = Partial<CowSwapWidgetConfig>;
 export {};