@cowprotocol/hook-dapp-lib 1.0.0-RC0

package/hookDappIframeTransport.d.ts

@@ -0,0 +1,15 @@
+import { IframeTransport } from '@cowprotocol/iframe-transport';
+import { CowHookCreation, CowHookDetails, HookDappContext } from './types';
+export declare enum CoWHookDappEvents {
+    ACTIVATE = "ACTIVATE",
+    CONTEXT_UPDATE = "CONTEXT_UPDATE",
+    ADD_HOOK = "ADD_HOOK",
+    EDIT_HOOK = "EDIT_HOOK"
+}
+export interface HookDappEventsPayloadMap {
+    [CoWHookDappEvents.ACTIVATE]: void;
+    [CoWHookDappEvents.CONTEXT_UPDATE]: HookDappContext;
+    [CoWHookDappEvents.ADD_HOOK]: CowHookCreation;
+    [CoWHookDappEvents.EDIT_HOOK]: CowHookDetails;
+}
+export declare const hookDappIframeTransport: IframeTransport<HookDappEventsPayloadMap>;

package/index.d.ts

@@ -0,0 +1,3 @@
+export { initCoWHookDapp } from './initCoWHookDapp';
+export * from './hookDappIframeTransport';
+export * from './types';

package/index.iife.js

@@ -0,0 +1 @@
+var cowSwapWidget=function(v){"use strict";var H=Object.defineProperty;var U=(v,_,T)=>_ in v?H(v,_,{enumerable:!0,configurable:!0,writable:!0,value:T}):v[_]=T;var g=(v,_,T)=>(U(v,typeof _!="symbol"?_+"":_,T),T);class _{constructor(p){this.key=p}postMessageToWindow(p,e,t){const l=typeof t=="object"?t:{},f={key:this.key,method:e,...l};p.postMessage(f,"*")}listenToMessageFromWindow(p,e,t){const l=f=>{!T(f.data)||f.data.key!==this.key||f.data.method!==e||t(f.data)};return p.addEventListener("message",l),l}stopListeningToMessageFromWindow(p,e,t){p.removeEventListener("message",t)}stopListeningWindowListener(p,e){p.removeEventListener("message",e)}}function T(o){return typeof o=="object"&&o!==null&&"key"in o&&"method"in o&&typeof o.key=="string"&&typeof o.method=="string"}var b=(o=>(o.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",o.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",o.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",o))(b||{});const k=new _("cowSwapIframeRpcProviderTransport");var D={exports:{}};(function(o){var p=Object.prototype.hasOwnProperty,e="~";function t(){}Object.create&&(t.prototype=Object.create(null),new t().__proto__||(e=!1));function l(a,r,s){this.fn=a,this.context=r,this.once=s||!1}function f(a,r,s,i,m){if(typeof s!="function")throw new TypeError("The listener must be a function");var d=new l(s,i||a,m),c=e?e+r:r;return a._events[c]?a._events[c].fn?a._events[c]=[a._events[c],d]:a._events[c].push(d):(a._events[c]=d,a._eventsCount++),a}function E(a,r){--a._eventsCount===0?a._events=new t:delete a._events[r]}function h(){this._events=new t,this._eventsCount=0}h.prototype.eventNames=function(){var r=[],s,i;if(this._eventsCount===0)return r;for(i in s=this._events)p.call(s,i)&&r.push(e?i.slice(1):i);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(s)):r},h.prototype.listeners=function(r){var s=e?e+r:r,i=this._events[s];if(!i)return[];if(i.fn)return[i.fn];for(var m=0,d=i.length,c=new Array(d);m<d;m++)c[m]=i[m].fn;return c},h.prototype.listenerCount=function(r){var s=e?e+r:r,i=this._events[s];return i?i.fn?1:i.length:0},h.prototype.emit=function(r,s,i,m,d,c){var w=e?e+r:r;if(!this._events[w])return!1;var n=this._events[w],y=arguments.length,O,u;if(n.fn){switch(n.once&&this.removeListener(r,n.fn,void 0,!0),y){case 1:return n.fn.call(n.context),!0;case 2:return n.fn.call(n.context,s),!0;case 3:return n.fn.call(n.context,s,i),!0;case 4:return n.fn.call(n.context,s,i,m),!0;case 5:return n.fn.call(n.context,s,i,m,d),!0;case 6:return n.fn.call(n.context,s,i,m,d,c),!0}for(u=1,O=new Array(y-1);u<y;u++)O[u-1]=arguments[u];n.fn.apply(n.context,O)}else{var W=n.length,R;for(u=0;u<W;u++)switch(n[u].once&&this.removeListener(r,n[u].fn,void 0,!0),y){case 1:n[u].fn.call(n[u].context);break;case 2:n[u].fn.call(n[u].context,s);break;case 3:n[u].fn.call(n[u].context,s,i);break;case 4:n[u].fn.call(n[u].context,s,i,m);break;default:if(!O)for(R=1,O=new Array(y-1);R<y;R++)O[R-1]=arguments[R];n[u].fn.apply(n[u].context,O)}}return!0},h.prototype.on=function(r,s,i){return f(this,r,s,i,!1)},h.prototype.once=function(r,s,i){return f(this,r,s,i,!0)},h.prototype.removeListener=function(r,s,i,m){var d=e?e+r:r;if(!this._events[d])return this;if(!s)return E(this,d),this;var c=this._events[d];if(c.fn)c.fn===s&&(!m||c.once)&&(!i||c.context===i)&&E(this,d);else{for(var w=0,n=[],y=c.length;w<y;w++)(c[w].fn!==s||m&&!c[w].once||i&&c[w].context!==i)&&n.push(c[w]);n.length?this._events[d]=n.length===1?n[0]:n:E(this,d)}return this},h.prototype.removeAllListeners=function(r){var s;return r?(s=e?e+r:r,this._events[s]&&E(this,s)):(this._events=new t,this._eventsCount=0),this},h.prototype.off=h.prototype.removeListener,h.prototype.addListener=h.prototype.on,h.prefixed=e,h.EventEmitter=h,o.exports=h})(D);var A=D.exports;const S=6e5,I="2.0";function N(){return Math.floor(Math.random()*Number.MAX_SAFE_INTEGER)}class M extends Error{constructor(e,t){super(`${e}: ${t}`);g(this,"isRpcError",!0);g(this,"code");g(this,"reason");this.code=e,this.reason=t}}class x extends A.EventEmitter{constructor({timeoutMilliseconds:e=S,eventSource:t=window,eventTarget:l=window.parent}={}){super();g(this,"enabled",null);g(this,"timeoutMilliseconds");g(this,"eventSource");g(this,"eventTarget");g(this,"completers",{});g(this,"handleRpcRequests",({rpcResponse:e})=>{if(e.id===void 0||e.id===null)return;const t=this.completers[""+e.id];t&&("error"in e||"result"in e?t.resolve(e):t.reject(new Error("Response from provider did not have error or result key")),delete this.completers[e.id])});this.timeoutMilliseconds=e,this.eventSource=t,this.eventTarget=l,k.listenToMessageFromWindow(this.eventSource,b.PROVIDER_RPC_RESPONSE,f=>{this.handleRpcRequests(f)}),k.listenToMessageFromWindow(this.eventSource,b.PROVIDER_ON_EVENT,f=>{this.handleOnEvent(f)})}request({method:e,params:t}){return this.send(e,t)}isConnected(){return!0}get isIFrame(){return!0}get currentProvider(){return this}async execute(e,t){const l=N(),f={jsonrpc:I,id:l,method:e,params:t},E=new Promise((h,a)=>this.completers[l]={resolve:h,reject:a});return k.postMessageToWindow(this.eventTarget,b.PROVIDER_RPC_REQUEST,{rpcRequest:f}),setTimeout(()=>{this.completers[l]&&(this.completers[l].reject(new Error("Request timed out. Please try again and submit it faster.")),delete this.completers[l])},this.timeoutMilliseconds),E}async send(e,t){const{method:l,params:f}=typeof e=="string"?{method:e,params:t}:{method:e.method,params:e.params},E=await this.execute(l,f);if("error"in E)throw new M(E.error.code,E.error.message);return E.result}async enable(){if(this.enabled===null){const e=this.enabled=this.send("enable",[]).catch(t=>{throw this.enabled===e&&(this.enabled=null),t})}return this.enabled}async sendAsync(e,t){try{const l=await this.execute(e.method,e.params);t(null,l)}catch(l){t(l,null)}}handleOnEvent(e){const t=e.params;switch(e.event){case"notification":this.emitNotification(t);break;case"connect":this.emitConnect(t);break;case"disconnect":this.emitDisconnect(t);break;case"chainChanged":this.emitChainChanged(t);break;case"accountsChanged":this.emitAccountsChanged(t);break;case"message":this.emitMessage(t);break;case"networkChanged":this.emitNetworkChanged(t);break;case"close":this.emitClose(t);break;default:console.warn(`[WidgetEthereumProvider] Unknown event type: ${e.event}`);break}}emitNotification(e){this.emit("notification",e)}emitConnect(e){this.enabled===null&&(this.enabled=Promise.resolve([])),this.emit("connect",e)}emitClose(e){Array.isArray(e)&&e.length===2?this.emit("close",e[0],e[1]):this.emit("close")}emitDisconnect(e){this.emit("disconnect",e)}emitChainChanged(e){this.emit("chainChanged",e)}emitNetworkChanged(e){this.emit("networkChanged",e)}emitAccountsChanged(e){this.enabled=Promise.resolve(e),this.emit("accountsChanged",e)}emitMessage(e){this.emit("message",e)}}var C=(o=>(o.ACTIVATE="ACTIVATE",o.CONTEXT_UPDATE="CONTEXT_UPDATE",o.ADD_HOOK="ADD_HOOK",o.EDIT_HOOK="EDIT_HOOK",o))(C||{});const P=new _("cowSwapHookDapp");function L({onContext:o}){const p=window.parent,e=new x,t=V();return P.listenToMessageFromWindow(window,C.CONTEXT_UPDATE,o),P.postMessageToWindow(p,C.ACTIVATE,void 0),{actions:t,provider:e}}function V(){return{addHook(o){P.postMessageToWindow(parent,C.ADD_HOOK,o)},editHook(o){P.postMessageToWindow(parent,C.EDIT_HOOK,o)}}}return v.CoWHookDappEvents=C,v.hookDappIframeTransport=P,v.initCoWHookDapp=L,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"}),v}({});

package/index.js

@@ -0,0 +1 @@
+"use strict";var D=Object.defineProperty;var A=(r,c,e)=>c in r?D(r,c,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[c]=e;var E=(r,c,e)=>(A(r,typeof c!="symbol"?c+"":c,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class R{constructor(c){this.key=c}postMessageToWindow(c,e,t){const h=typeof t=="object"?t:{},d={key:this.key,method:e,...h};c.postMessage(d,"*")}listenToMessageFromWindow(c,e,t){const h=d=>{!I(d.data)||d.data.key!==this.key||d.data.method!==e||t(d.data)};return c.addEventListener("message",h),h}stopListeningToMessageFromWindow(c,e,t){c.removeEventListener("message",t)}stopListeningWindowListener(c,e){c.removeEventListener("message",e)}}function I(r){return typeof r=="object"&&r!==null&&"key"in r&&"method"in r&&typeof r.key=="string"&&typeof r.method=="string"}var C=(r=>(r.PROVIDER_RPC_REQUEST="PROVIDER_RPC_REQUEST",r.PROVIDER_RPC_RESPONSE="PROVIDER_RPC_RESPONSE",r.PROVIDER_ON_EVENT="PROVIDER_ON_EVENT",r))(C||{});const P=new R("cowSwapIframeRpcProviderTransport");var b={exports:{}};(function(r){var c=Object.prototype.hasOwnProperty,e="~";function t(){}Object.create&&(t.prototype=Object.create(null),new t().__proto__||(e=!1));function h(a,s,o){this.fn=a,this.context=s,this.once=o||!1}function d(a,s,o,i,m){if(typeof o!="function")throw new TypeError("The listener must be a function");var p=new h(o,i||a,m),l=e?e+s:s;return a._events[l]?a._events[l].fn?a._events[l]=[a._events[l],p]:a._events[l].push(p):(a._events[l]=p,a._eventsCount++),a}function v(a,s){--a._eventsCount===0?a._events=new t:delete a._events[s]}function f(){this._events=new t,this._eventsCount=0}f.prototype.eventNames=function(){var s=[],o,i;if(this._eventsCount===0)return s;for(i in o=this._events)c.call(o,i)&&s.push(e?i.slice(1):i);return Object.getOwnPropertySymbols?s.concat(Object.getOwnPropertySymbols(o)):s},f.prototype.listeners=function(s){var o=e?e+s:s,i=this._events[o];if(!i)return[];if(i.fn)return[i.fn];for(var m=0,p=i.length,l=new Array(p);m<p;m++)l[m]=i[m].fn;return l},f.prototype.listenerCount=function(s){var o=e?e+s:s,i=this._events[o];return i?i.fn?1:i.length:0},f.prototype.emit=function(s,o,i,m,p,l){var _=e?e+s:s;if(!this._events[_])return!1;var n=this._events[_],g=arguments.length,w,u;if(n.fn){switch(n.once&&this.removeListener(s,n.fn,void 0,!0),g){case 1:return n.fn.call(n.context),!0;case 2:return n.fn.call(n.context,o),!0;case 3:return n.fn.call(n.context,o,i),!0;case 4:return n.fn.call(n.context,o,i,m),!0;case 5:return n.fn.call(n.context,o,i,m,p),!0;case 6:return n.fn.call(n.context,o,i,m,p,l),!0}for(u=1,w=new Array(g-1);u<g;u++)w[u-1]=arguments[u];n.fn.apply(n.context,w)}else{var k=n.length,T;for(u=0;u<k;u++)switch(n[u].once&&this.removeListener(s,n[u].fn,void 0,!0),g){case 1:n[u].fn.call(n[u].context);break;case 2:n[u].fn.call(n[u].context,o);break;case 3:n[u].fn.call(n[u].context,o,i);break;case 4:n[u].fn.call(n[u].context,o,i,m);break;default:if(!w)for(T=1,w=new Array(g-1);T<g;T++)w[T-1]=arguments[T];n[u].fn.apply(n[u].context,w)}}return!0},f.prototype.on=function(s,o,i){return d(this,s,o,i,!1)},f.prototype.once=function(s,o,i){return d(this,s,o,i,!0)},f.prototype.removeListener=function(s,o,i,m){var p=e?e+s:s;if(!this._events[p])return this;if(!o)return v(this,p),this;var l=this._events[p];if(l.fn)l.fn===o&&(!m||l.once)&&(!i||l.context===i)&&v(this,p);else{for(var _=0,n=[],g=l.length;_<g;_++)(l[_].fn!==o||m&&!l[_].once||i&&l[_].context!==i)&&n.push(l[_]);n.length?this._events[p]=n.length===1?n[0]:n:v(this,p)}return this},f.prototype.removeAllListeners=function(s){var o;return s?(o=e?e+s:s,this._events[o]&&v(this,o)):(this._events=new t,this._eventsCount=0),this},f.prototype.off=f.prototype.removeListener,f.prototype.addListener=f.prototype.on,f.prefixed=e,f.EventEmitter=f,r.exports=f})(b);var S=b.exports;const x=6e5,N="2.0";function M(){return Math.floor(Math.random()*Number.MAX_SAFE_INTEGER)}class L extends Error{constructor(e,t){super(`${e}: ${t}`);E(this,"isRpcError",!0);E(this,"code");E(this,"reason");this.code=e,this.reason=t}}class V extends S.EventEmitter{constructor({timeoutMilliseconds:e=x,eventSource:t=window,eventTarget:h=window.parent}={}){super();E(this,"enabled",null);E(this,"timeoutMilliseconds");E(this,"eventSource");E(this,"eventTarget");E(this,"completers",{});E(this,"handleRpcRequests",({rpcResponse:e})=>{if(e.id===void 0||e.id===null)return;const t=this.completers[""+e.id];t&&("error"in e||"result"in e?t.resolve(e):t.reject(new Error("Response from provider did not have error or result key")),delete this.completers[e.id])});this.timeoutMilliseconds=e,this.eventSource=t,this.eventTarget=h,P.listenToMessageFromWindow(this.eventSource,C.PROVIDER_RPC_RESPONSE,d=>{this.handleRpcRequests(d)}),P.listenToMessageFromWindow(this.eventSource,C.PROVIDER_ON_EVENT,d=>{this.handleOnEvent(d)})}request({method:e,params:t}){return this.send(e,t)}isConnected(){return!0}get isIFrame(){return!0}get currentProvider(){return this}async execute(e,t){const h=M(),d={jsonrpc:N,id:h,method:e,params:t},v=new Promise((f,a)=>this.completers[h]={resolve:f,reject:a});return P.postMessageToWindow(this.eventTarget,C.PROVIDER_RPC_REQUEST,{rpcRequest:d}),setTimeout(()=>{this.completers[h]&&(this.completers[h].reject(new Error("Request timed out. Please try again and submit it faster.")),delete this.completers[h])},this.timeoutMilliseconds),v}async send(e,t){const{method:h,params:d}=typeof e=="string"?{method:e,params:t}:{method:e.method,params:e.params},v=await this.execute(h,d);if("error"in v)throw new L(v.error.code,v.error.message);return v.result}async enable(){if(this.enabled===null){const e=this.enabled=this.send("enable",[]).catch(t=>{throw this.enabled===e&&(this.enabled=null),t})}return this.enabled}async sendAsync(e,t){try{const h=await this.execute(e.method,e.params);t(null,h)}catch(h){t(h,null)}}handleOnEvent(e){const t=e.params;switch(e.event){case"notification":this.emitNotification(t);break;case"connect":this.emitConnect(t);break;case"disconnect":this.emitDisconnect(t);break;case"chainChanged":this.emitChainChanged(t);break;case"accountsChanged":this.emitAccountsChanged(t);break;case"message":this.emitMessage(t);break;case"networkChanged":this.emitNetworkChanged(t);break;case"close":this.emitClose(t);break;default:console.warn(`[WidgetEthereumProvider] Unknown event type: ${e.event}`);break}}emitNotification(e){this.emit("notification",e)}emitConnect(e){this.enabled===null&&(this.enabled=Promise.resolve([])),this.emit("connect",e)}emitClose(e){Array.isArray(e)&&e.length===2?this.emit("close",e[0],e[1]):this.emit("close")}emitDisconnect(e){this.emit("disconnect",e)}emitChainChanged(e){this.emit("chainChanged",e)}emitNetworkChanged(e){this.emit("networkChanged",e)}emitAccountsChanged(e){this.enabled=Promise.resolve(e),this.emit("accountsChanged",e)}emitMessage(e){this.emit("message",e)}}var y=(r=>(r.ACTIVATE="ACTIVATE",r.CONTEXT_UPDATE="CONTEXT_UPDATE",r.ADD_HOOK="ADD_HOOK",r.EDIT_HOOK="EDIT_HOOK",r))(y||{});const O=new R("cowSwapHookDapp");function W({onContext:r}){const c=window.parent,e=new V,t=H();return O.listenToMessageFromWindow(window,y.CONTEXT_UPDATE,r),O.postMessageToWindow(c,y.ACTIVATE,void 0),{actions:t,provider:e}}function H(){return{addHook(r){O.postMessageToWindow(parent,y.ADD_HOOK,r)},editHook(r){O.postMessageToWindow(parent,y.EDIT_HOOK,r)}}}exports.CoWHookDappEvents=y;exports.hookDappIframeTransport=O;exports.initCoWHookDapp=W;

package/index.mjs

@@ -0,0 +1,351 @@
+var D = Object.defineProperty;
+var A = (s, c, e) => c in s ? D(s, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[c] = e;
+var E = (s, c, e) => (A(s, typeof c != "symbol" ? c + "" : c, e), e);
+class R {
+  constructor(c) {
+    this.key = c;
+  }
+  postMessageToWindow(c, e, t) {
+    const h = typeof t == "object" ? t : {}, d = {
+      key: this.key,
+      method: e,
+      ...h
+    };
+    c.postMessage(
+      d,
+      "*"
+      // TODO: Change to CoW specific origin in production. https://github.com/cowprotocol/cowswap/issues/3828
+    );
+  }
+  listenToMessageFromWindow(c, e, t) {
+    const h = (d) => {
+      !x(d.data) || d.data.key !== this.key || d.data.method !== e || t(d.data);
+    };
+    return c.addEventListener("message", h), h;
+  }
+  stopListeningToMessageFromWindow(c, e, t) {
+    c.removeEventListener("message", t);
+  }
+  stopListeningWindowListener(c, e) {
+    c.removeEventListener("message", e);
+  }
+}
+function x(s) {
+  return typeof s == "object" && s !== null && "key" in s && "method" in s && typeof s.key == "string" && typeof s.method == "string";
+}
+var O = /* @__PURE__ */ ((s) => (s.PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST", s.PROVIDER_RPC_RESPONSE = "PROVIDER_RPC_RESPONSE", s.PROVIDER_ON_EVENT = "PROVIDER_ON_EVENT", s))(O || {});
+const P = new R(
+  "cowSwapIframeRpcProviderTransport"
+);
+var b = { exports: {} };
+(function(s) {
+  var c = Object.prototype.hasOwnProperty, e = "~";
+  function t() {
+  }
+  Object.create && (t.prototype = /* @__PURE__ */ Object.create(null), new t().__proto__ || (e = !1));
+  function h(a, r, i) {
+    this.fn = a, this.context = r, this.once = i || !1;
+  }
+  function d(a, r, i, o, m) {
+    if (typeof i != "function")
+      throw new TypeError("The listener must be a function");
+    var p = new h(i, o || a, m), l = e ? e + r : r;
+    return a._events[l] ? a._events[l].fn ? a._events[l] = [a._events[l], p] : a._events[l].push(p) : (a._events[l] = p, a._eventsCount++), a;
+  }
+  function v(a, r) {
+    --a._eventsCount === 0 ? a._events = new t() : delete a._events[r];
+  }
+  function f() {
+    this._events = new t(), this._eventsCount = 0;
+  }
+  f.prototype.eventNames = function() {
+    var r = [], i, o;
+    if (this._eventsCount === 0)
+      return r;
+    for (o in i = this._events)
+      c.call(i, o) && r.push(e ? o.slice(1) : o);
+    return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(i)) : r;
+  }, f.prototype.listeners = function(r) {
+    var i = e ? e + r : r, o = this._events[i];
+    if (!o)
+      return [];
+    if (o.fn)
+      return [o.fn];
+    for (var m = 0, p = o.length, l = new Array(p); m < p; m++)
+      l[m] = o[m].fn;
+    return l;
+  }, f.prototype.listenerCount = function(r) {
+    var i = e ? e + r : r, o = this._events[i];
+    return o ? o.fn ? 1 : o.length : 0;
+  }, f.prototype.emit = function(r, i, o, m, p, l) {
+    var _ = e ? e + r : r;
+    if (!this._events[_])
+      return !1;
+    var n = this._events[_], g = arguments.length, w, u;
+    if (n.fn) {
+      switch (n.once && this.removeListener(r, n.fn, void 0, !0), g) {
+        case 1:
+          return n.fn.call(n.context), !0;
+        case 2:
+          return n.fn.call(n.context, i), !0;
+        case 3:
+          return n.fn.call(n.context, i, o), !0;
+        case 4:
+          return n.fn.call(n.context, i, o, m), !0;
+        case 5:
+          return n.fn.call(n.context, i, o, m, p), !0;
+        case 6:
+          return n.fn.call(n.context, i, o, m, p, l), !0;
+      }
+      for (u = 1, w = new Array(g - 1); u < g; u++)
+        w[u - 1] = arguments[u];
+      n.fn.apply(n.context, w);
+    } else {
+      var k = n.length, y;
+      for (u = 0; u < k; u++)
+        switch (n[u].once && this.removeListener(r, n[u].fn, void 0, !0), g) {
+          case 1:
+            n[u].fn.call(n[u].context);
+            break;
+          case 2:
+            n[u].fn.call(n[u].context, i);
+            break;
+          case 3:
+            n[u].fn.call(n[u].context, i, o);
+            break;
+          case 4:
+            n[u].fn.call(n[u].context, i, o, m);
+            break;
+          default:
+            if (!w)
+              for (y = 1, w = new Array(g - 1); y < g; y++)
+                w[y - 1] = arguments[y];
+            n[u].fn.apply(n[u].context, w);
+        }
+    }
+    return !0;
+  }, f.prototype.on = function(r, i, o) {
+    return d(this, r, i, o, !1);
+  }, f.prototype.once = function(r, i, o) {
+    return d(this, r, i, o, !0);
+  }, f.prototype.removeListener = function(r, i, o, m) {
+    var p = e ? e + r : r;
+    if (!this._events[p])
+      return this;
+    if (!i)
+      return v(this, p), this;
+    var l = this._events[p];
+    if (l.fn)
+      l.fn === i && (!m || l.once) && (!o || l.context === o) && v(this, p);
+    else {
+      for (var _ = 0, n = [], g = l.length; _ < g; _++)
+        (l[_].fn !== i || m && !l[_].once || o && l[_].context !== o) && n.push(l[_]);
+      n.length ? this._events[p] = n.length === 1 ? n[0] : n : v(this, p);
+    }
+    return this;
+  }, f.prototype.removeAllListeners = function(r) {
+    var i;
+    return r ? (i = e ? e + r : r, this._events[i] && v(this, i)) : (this._events = new t(), this._eventsCount = 0), this;
+  }, f.prototype.off = f.prototype.removeListener, f.prototype.addListener = f.prototype.on, f.prefixed = e, f.EventEmitter = f, s.exports = f;
+})(b);
+var I = b.exports;
+const N = 6e5, S = "2.0";
+function M() {
+  return Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
+}
+class L extends Error {
+  constructor(e, t) {
+    super(`${e}: ${t}`);
+    E(this, "isRpcError", !0);
+    E(this, "code");
+    E(this, "reason");
+    this.code = e, this.reason = t;
+  }
+}
+class V extends I.EventEmitter {
+  constructor({
+    timeoutMilliseconds: e = N,
+    eventSource: t = window,
+    eventTarget: h = window.parent
+  } = {}) {
+    super();
+    E(this, "enabled", null);
+    E(this, "timeoutMilliseconds");
+    E(this, "eventSource");
+    E(this, "eventTarget");
+    E(this, "completers", {});
+    /**
+     * Handle a Rpc Request
+     */
+    E(this, "handleRpcRequests", ({ rpcResponse: e }) => {
+      if (e.id === void 0 || e.id === null)
+        return;
+      const t = this.completers["" + e.id];
+      t && ("error" in e || "result" in e ? t.resolve(e) : t.reject(new Error("Response from provider did not have error or result key")), delete this.completers[e.id]);
+    });
+    this.timeoutMilliseconds = e, this.eventSource = t, this.eventTarget = h, P.listenToMessageFromWindow(
+      this.eventSource,
+      O.PROVIDER_RPC_RESPONSE,
+      (d) => {
+        this.handleRpcRequests(d);
+      }
+    ), P.listenToMessageFromWindow(
+      this.eventSource,
+      O.PROVIDER_ON_EVENT,
+      (d) => {
+        this.handleOnEvent(d);
+      }
+    );
+  }
+  request({ method: e, params: t }) {
+    return this.send(e, t);
+  }
+  isConnected() {
+    return !0;
+  }
+  /**
+   * Differentiate this provider from other providers by providing an isIFrame property that always returns true.
+   */
+  get isIFrame() {
+    return !0;
+  }
+  /**
+   * Always return this for currentProvider.
+   */
+  get currentProvider() {
+    return this;
+  }
+  /**
+   * Helper method that handles transport and request wrapping
+   * @param method method to execute
+   * @param params params to pass the method
+   */
+  async execute(e, t) {
+    const h = M(), d = {
+      jsonrpc: S,
+      id: h,
+      method: e,
+      params: t
+    }, v = new Promise(
+      (f, a) => this.completers[h] = { resolve: f, reject: a }
+    );
+    return P.postMessageToWindow(this.eventTarget, O.PROVIDER_RPC_REQUEST, {
+      rpcRequest: d
+    }), setTimeout(() => {
+      this.completers[h] && (this.completers[h].reject(new Error("Request timed out. Please try again and submit it faster.")), delete this.completers[h]);
+    }, this.timeoutMilliseconds), v;
+  }
+  async send(e, t) {
+    const { method: h, params: d } = typeof e == "string" ? { method: e, params: t } : { method: e.method, params: e.params }, v = await this.execute(h, d);
+    if ("error" in v)
+      throw new L(v.error.code, v.error.message);
+    return v.result;
+  }
+  /**
+   * Request the parent window to enable access to the user's web3 provider. Return accounts list immediately if already enabled.
+   */
+  async enable() {
+    if (this.enabled === null) {
+      const e = this.enabled = this.send("enable", []).catch((t) => {
+        throw this.enabled === e && (this.enabled = null), t;
+      });
+    }
+    return this.enabled;
+  }
+  /**
+   * Backwards compatibility method for web3.
+   * @param payload payload to send to the provider
+   * @param callback callback to be called when the provider resolves
+   */
+  async sendAsync(e, t) {
+    try {
+      const h = await this.execute(e.method, e.params);
+      t(null, h);
+    } catch (h) {
+      t(h, null);
+    }
+  }
+  handleOnEvent(e) {
+    const t = e.params;
+    switch (e.event) {
+      case "notification":
+        this.emitNotification(t);
+        break;
+      case "connect":
+        this.emitConnect(t);
+        break;
+      case "disconnect":
+        this.emitDisconnect(t);
+        break;
+      case "chainChanged":
+        this.emitChainChanged(t);
+        break;
+      case "accountsChanged":
+        this.emitAccountsChanged(t);
+        break;
+      case "message":
+        this.emitMessage(t);
+        break;
+      case "networkChanged":
+        this.emitNetworkChanged(t);
+        break;
+      case "close":
+        this.emitClose(t);
+        break;
+      default:
+        console.warn(`[WidgetEthereumProvider] Unknown event type: ${e.event}`);
+        break;
+    }
+  }
+  emitNotification(e) {
+    this.emit("notification", e);
+  }
+  emitConnect(e) {
+    this.enabled === null && (this.enabled = Promise.resolve([])), this.emit("connect", e);
+  }
+  /**
+   * @deprecated See https://eips.ethereum.org/EIPS/eip-1193
+   */
+  emitClose(e) {
+    Array.isArray(e) && e.length === 2 ? this.emit("close", e[0], e[1]) : this.emit("close");
+  }
+  emitDisconnect(e) {
+    this.emit("disconnect", e);
+  }
+  emitChainChanged(e) {
+    this.emit("chainChanged", e);
+  }
+  /**
+   * @deprecated See https://eips.ethereum.org/EIPS/eip-1193
+   */
+  emitNetworkChanged(e) {
+    this.emit("networkChanged", e);
+  }
+  emitAccountsChanged(e) {
+    this.enabled = Promise.resolve(e), this.emit("accountsChanged", e);
+  }
+  emitMessage(e) {
+    this.emit("message", e);
+  }
+}
+var T = /* @__PURE__ */ ((s) => (s.ACTIVATE = "ACTIVATE", s.CONTEXT_UPDATE = "CONTEXT_UPDATE", s.ADD_HOOK = "ADD_HOOK", s.EDIT_HOOK = "EDIT_HOOK", s))(T || {});
+const C = new R("cowSwapHookDapp");
+function F({ onContext: s }) {
+  const c = window.parent, e = new V(), t = W();
+  return C.listenToMessageFromWindow(window, T.CONTEXT_UPDATE, s), C.postMessageToWindow(c, T.ACTIVATE, void 0), { actions: t, provider: e };
+}
+function W() {
+  return {
+    addHook(s) {
+      C.postMessageToWindow(parent, T.ADD_HOOK, s);
+    },
+    editHook(s) {
+      C.postMessageToWindow(parent, T.EDIT_HOOK, s);
+    }
+  };
+}
+export {
+  T as CoWHookDappEvents,
+  C as hookDappIframeTransport,
+  F as initCoWHookDapp
+};

package/initCoWHookDapp.d.ts

@@ -0,0 +1,11 @@
+import { WidgetEthereumProvider } from '@cowprotocol/iframe-transport';
+import { CoWHookDappActions, HookDappContext } from './types';
+interface CoWHookDappInit {
+    onContext(context: HookDappContext): void;
+}
+export interface CoWHookDappHandler {
+    actions: CoWHookDappActions;
+    provider: WidgetEthereumProvider;
+}
+export declare function initCoWHookDapp({ onContext }: CoWHookDappInit): CoWHookDappHandler;
+export {};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@cowprotocol/hook-dapp-lib",
+  "version": "1.0.0-RC0",
+  "type": "commonjs",
+  "description": "CoW Swap Hook Dapp Library. Allows you to develop pre/post hooks dapps for CoW Protocol.",
+  "main": "index.js",
+  "exports": {
+    "import": "./index.js",
+    "require": "./index.mjs"
+  },
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cowprotocol/cowswap"
+  },
+  "keywords": [
+    "cowprotocol",
+    "hooks",
+    "cowswap",
+    "dex",
+    "hook-dapp-lib"
+  ],
+  "dependencies": {
+    "@cowprotocol/cow-sdk": "^5.4.1",
+    "@cowprotocol/iframe-transport": "^1.0.0"
+  }
+}

package/types.d.ts

@@ -0,0 +1,29 @@
+import { SupportedChainId } from '@cowprotocol/cow-sdk';
+export interface CowHook {
+    target: string;
+    callData: string;
+    gasLimit: string;
+}
+export interface CowHookCreation {
+    hook: CowHook;
+    recipientOverride?: string;
+}
+export interface CowHookDetails extends CowHookCreation {
+    uuid: string;
+}
+export interface CoWHookDappActions {
+    addHook(payload: CowHookCreation): void;
+    editHook(payload: CowHookDetails): void;
+}
+export interface HookDappOrderParams {
+    validTo: number;
+    sellTokenAddress: string;
+    buyTokenAddress: string;
+}
+export interface HookDappContext {
+    chainId: SupportedChainId;
+    account?: string;
+    orderParams: HookDappOrderParams | null;
+    hookToEdit?: CowHookDetails;
+    isSmartContract: boolean | undefined;
+}