@swingby-protocol/widget
Version:
Small util to load Swingby's swap widget in your app.
3 lines (2 loc) • 1.79 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("query-string"),t=function(e){switch(e.size){case"banner":return"4.75rem";case"small":return"23.4375rem";case"big":return"31.875rem"}},r=null,i=function(){r&&(r.remove(),r=null)};exports.closePopup=i,exports.createWidget=function(r){var i=r.iframeTitle,n=void 0===i?"Skybridge Swap Widget":i,d=r.size,s=r.theme,o=e.stringifyUrl({url:"https://widget.skybridge.exchange",query:{mode:r.mode,resource:r.resource,hash:r.hash,locale:r.locale,defaultCurrencyDeposit:r.defaultCurrencyDeposit,defaultCurrencyReceiving:r.defaultCurrencyReceiving,defaultAddressReceiving:r.defaultAddressReceiving,defaultAmountDesired:r.defaultAmountDesired,theme:void 0===s?"auto":s,aff:r.affiliateCode,bridge:r.bridge}});return{__sswi__url:o,__sswi__iframe:'<iframe allow="clipboard-write" title="'+n+'" src="'+o+'" style="border: none; display: block; width: 100%; height: '+t({size:d})+';"></iframe>'}},exports.getHtml=function(e){return e.widget.__sswi__iframe},exports.getUrl=function(e){return e.widget.__sswi__url},exports.openPopup=function(e){var t=e.widget,n=e.zIndex,d=void 0===n?9e3:n;if("undefined"!=typeof document&&!r){(r=document.createElement("div")).setAttribute("style","background: #1c232f33; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: "+d+";"),r.addEventListener("click",i);var s=document.createElement("div");s.setAttribute("style","background: transparent; max-width: 27.8125rem; width: 100%; box-shadow: 0px 50px 78px -10px rgba(43, 55, 74, 0.152644); border-radius: 14px; overflow: hidden;"),s.innerHTML=t.__sswi__iframe,r.appendChild(s),document.body.appendChild(r)}};
//# sourceMappingURL=widget.cjs.production.min.js.map