diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b512c09 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..c3ee8c5 --- /dev/null +++ b/README.md @@ -0,0 +1,87 @@ +# Email Template Builder Widget + +![Email Template Builder Preview](https://i.ibb.co/VV3LGYM/Screenshot-from-2021-09-09-15-19-46.png) + + +This project is maintained for building an embeddable React widget that can be inserted into a host website using a single ` +``` + +The data-config attribute passes in the name **w1** for the widget's global object as well as the target element id **root** where the widget should be rendered. + +The host page can then communicate with the widget via the global object like this: + +```html +
+``` + +In this code, we send the **message** call to the widget and pass a string as the parameter. + +## Usage Example #2: Asynchronous +We can load the widget asynchronously. Using this method we create a *temporary* object that holds any calls to the widget in a queue and when the widget loads, it will then process those calls. + +```html +
Loading...
+ +``` + +This code follows the pattern used by Google Analytics. The function is called with the desired name of the global object (**w1**) and the url to the script. The function then records the desired name and, using that name, creates a placeholder global object that receives and queues any calls made to the widget before the asynchronous loading finishes. + +Then it creates a script tag and injects it into the DOM. + +The host then issues the 'init' call to the widget passing in any initialization values: + +```html + w1('init', { targetElementId: 'root' }); +``` + +# Running the Project +## Install dependencies +``` +$ npm install +``` +## Run the development server +``` +$ ./node_modules/.bin/webpack-dev-server --open +``` +## Build the package +``` +$ ./node_modules/.bin/webpack --config webpack.config.js +``` +## Run Tests +``` +$ Jest +``` + +# References +Helpful guidance in this project from the following sites: + +https://blog.jenyay.com/building-javascript-widget/ + +https://github.com/seriousben/embeddable-react-widget diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..c741881 --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-slate \ No newline at end of file diff --git a/demo/demo_async.html b/demo/demo_async.html new file mode 100644 index 0000000..4eba8cf --- /dev/null +++ b/demo/demo_async.html @@ -0,0 +1,31 @@ + + + + Demo page of the widget + + + +

Lorem ipsum dolor sit amet augue

+

Fusce gravida vehicula vestibulum tortor pulvinar

+

Orci purus ante excepteur nunc nascetur rhoncus taciti ut. Ornare vitae sed. Amet suspendisse integer rutrum + aliquet + venenatis. Nec sed nullam mauris magna vel pretium non tristique. Porta justo ac dictumst aliquip blandit. + Libero + nec eu dolor eget volutpat. Magna nulla neque. Fames tempus lorem duis orci ipsum.

+ +
Loading...
+ + + + + + + \ No newline at end of file diff --git a/demo/demo_sync.html b/demo/demo_sync.html new file mode 100644 index 0000000..f24f51b --- /dev/null +++ b/demo/demo_sync.html @@ -0,0 +1,23 @@ + + + + Demo page of the widget + + + +

Lorem ipsum dolor sit amet augue

+

Fusce gravida vehicula vestibulum tortor pulvinar

+

Orci purus ante excepteur nunc nascetur rhoncus taciti ut. Ornare vitae sed. Amet suspendisse integer rutrum + aliquet + venenatis. Nec sed nullam mauris magna vel pretium non tristique. Porta justo ac dictumst aliquip blandit. + Libero + nec eu dolor eget volutpat. Magna nulla neque. Fames tempus lorem duis orci ipsum.

+ + +
+ + + + + + \ No newline at end of file diff --git a/demo/index.html b/demo/index.html new file mode 100644 index 0000000..da0e43c --- /dev/null +++ b/demo/index.html @@ -0,0 +1,13 @@ + + + + Simple Embeddable React Widget + + + +

Simple Embeddable React Widget

+

Demo #1: synchronous loading

+

Demo #2: asynchronous loading

+ + + \ No newline at end of file diff --git a/dist/demo_async.html b/dist/demo_async.html new file mode 100644 index 0000000..4eba8cf --- /dev/null +++ b/dist/demo_async.html @@ -0,0 +1,31 @@ + + + + Demo page of the widget + + + +

Lorem ipsum dolor sit amet augue

+

Fusce gravida vehicula vestibulum tortor pulvinar

+

Orci purus ante excepteur nunc nascetur rhoncus taciti ut. Ornare vitae sed. Amet suspendisse integer rutrum + aliquet + venenatis. Nec sed nullam mauris magna vel pretium non tristique. Porta justo ac dictumst aliquip blandit. + Libero + nec eu dolor eget volutpat. Magna nulla neque. Fames tempus lorem duis orci ipsum.

+ +
Loading...
+ + + + + + + \ No newline at end of file diff --git a/dist/demo_sync.html b/dist/demo_sync.html new file mode 100644 index 0000000..f24f51b --- /dev/null +++ b/dist/demo_sync.html @@ -0,0 +1,23 @@ + + + + Demo page of the widget + + + +

Lorem ipsum dolor sit amet augue

+

Fusce gravida vehicula vestibulum tortor pulvinar

+

Orci purus ante excepteur nunc nascetur rhoncus taciti ut. Ornare vitae sed. Amet suspendisse integer rutrum + aliquet + venenatis. Nec sed nullam mauris magna vel pretium non tristique. Porta justo ac dictumst aliquip blandit. + Libero + nec eu dolor eget volutpat. Magna nulla neque. Fames tempus lorem duis orci ipsum.

+ + +
+ + + + + + \ No newline at end of file diff --git a/dist/dist/demo_async.html b/dist/dist/demo_async.html new file mode 100644 index 0000000..7ce40e5 --- /dev/null +++ b/dist/dist/demo_async.html @@ -0,0 +1,31 @@ + + + + Demo page of the widget + + + +

Lorem ipsum dolor sit amet augue

+

Fusce gravida vehicula vestibulum tortor pulvinar

+

Orci purus ante excepteur nunc nascetur rhoncus taciti ut. Ornare vitae sed. Amet suspendisse integer rutrum + aliquet + venenatis. Nec sed nullam mauris magna vel pretium non tristique. Porta justo ac dictumst aliquip blandit. + Libero + nec eu dolor eget volutpat. Magna nulla neque. Fames tempus lorem duis orci ipsum.

+ +
Loading...
+ + +
+ + + + \ No newline at end of file diff --git a/dist/dist/demo_sync.html b/dist/dist/demo_sync.html new file mode 100644 index 0000000..569d0a4 --- /dev/null +++ b/dist/dist/demo_sync.html @@ -0,0 +1,24 @@ + + + + Demo page of the widget + + + +

Lorem ipsum dolor sit amet augue

+

Fusce gravida vehicula vestibulum tortor pulvinar

+

Orci purus ante excepteur nunc nascetur rhoncus taciti ut. Ornare vitae sed. Amet suspendisse integer rutrum + aliquet + venenatis. Nec sed nullam mauris magna vel pretium non tristique. Porta justo ac dictumst aliquip blandit. + Libero + nec eu dolor eget volutpat. Magna nulla neque. Fames tempus lorem duis orci ipsum.

+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/dist/dist/index.html b/dist/dist/index.html new file mode 100644 index 0000000..da0e43c --- /dev/null +++ b/dist/dist/index.html @@ -0,0 +1,13 @@ + + + + Simple Embeddable React Widget + + + +

Simple Embeddable React Widget

+

Demo #1: synchronous loading

+

Demo #2: asynchronous loading

+ + + \ No newline at end of file diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..da0e43c --- /dev/null +++ b/dist/index.html @@ -0,0 +1,13 @@ + + + + Simple Embeddable React Widget + + + +

Simple Embeddable React Widget

+

Demo #1: synchronous loading

+

Demo #2: asynchronous loading

+ + + \ No newline at end of file diff --git a/dist/widget.js b/dist/widget.js new file mode 100644 index 0000000..8246519 --- /dev/null +++ b/dist/widget.js @@ -0,0 +1,2 @@ +/*! For license information please see widget.js.LICENSE.txt */ +(()=>{var e={753:(e,t,n)=>{"use strict";var r=n(294),a=n(935),l=n(864),o=n(774),i=n.n(o);const s=function(e){function t(e,r,s,u,d){for(var p,h,m,g,k,x=0,_=0,S=0,C=0,E=0,z=0,D=m=p=0,R=0,L=0,F=0,j=0,U=s.length,$=U-1,B="",H="",W="",V="";Rp)&&(j=(B=B.replace(" ",":")).length),0r&&(r=(t=t.trim()).charCodeAt(0)),r){case 38:return t.replace(g,"$1"+e.trim());case 58:return e.trim()+t.replace(g,"$1"+e.trim());default:if(0<1*n&&0s.charCodeAt(8))break;case 115:o=o.replace(s,"-webkit-"+s)+";"+o;break;case 207:case 102:o=o.replace(s,"-webkit-"+(102r.charCodeAt(0)&&(r=r.trim()),r=[r],01?t-1:0),r=1;r0?" Args: "+n.join(", "):""))}var P=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,a=r;e>=a;)(a<<=1)<0&&E(16,""+e);this.groupSizes=new Uint32Array(a),this.groupSizes.set(n),this.length=a;for(var l=r;l=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),a=r+n,l=r;l=O&&(O=t+1),N.set(e,t),T.set(t,e)},D="style["+_+'][data-styled-version="5.3.1"]',M=new RegExp("^"+_+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),R=function(e,t,n){for(var r,a=n.split(","),l=0,o=a.length;l=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(_))return r}}(n),l=void 0!==a?a.nextSibling:null;r.setAttribute(_,"active"),r.setAttribute("data-styled-version","5.3.1");var o=F();return o&&r.setAttribute("nonce",o),n.insertBefore(r,l),r},U=function(){function e(e){var t=this.element=j(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e0&&(u+=e+",")})),r+=""+i+s+'{content:"'+u+'"}/*!sc*/\n'}}}return r}(this)},e}(),Q=/(a)(d)/gi,Y=function(e){return String.fromCharCode(e+(e>25?39:97))};function X(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Y(t%52)+n;return(Y(t%52)+n).replace(Q,"$1-$2")}var G=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},K=function(e){return G(5381,e)};function Z(e){for(var t=0;t>>0);if(!t.hasNameForId(r,o)){var i=n(l,"."+o,void 0,r);t.insertRules(r,o,i)}a.push(o),this.staticRulesId=o}else{for(var s=this.rules.length,u=G(this.baseHash,n.hash),c="",f=0;f>>0);if(!t.hasNameForId(r,m)){var g=n(c,"."+m,void 0,r);t.insertRules(r,m,g)}a.push(m)}}return a.join(" ")},e}(),te=/^\s*\/\/.*$/gm,ne=[":","[",".","#"];function re(e){var t,n,r,a,l=void 0===e?v:e,o=l.options,i=void 0===o?v:o,u=l.plugins,c=void 0===u?y:u,f=new s(i),d=[],p=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,a,l,o,i,s,u,c,f){switch(n){case 1:if(0===c&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(a[0]+r),"";default:return r+(0===f?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){d.push(e)})),h=function(e,r,l){return 0===r&&-1!==ne.indexOf(l[n.length])||l.match(a)?e:"."+t};function m(e,l,o,i){void 0===i&&(i="&");var s=e.replace(te,""),u=l&&o?o+" "+l+" { "+s+" }":s;return t=i,n=l,r=new RegExp("\\"+n+"\\b","g"),a=new RegExp("(\\"+n+"\\b){2,}"),f(o||!l?"":l,u)}return f.use([].concat(c,[function(e,t,a){2===e&&a.length&&a[0].lastIndexOf(n)>0&&(a[0]=a[0].replace(r,h))},p,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=c.length?c.reduce((function(e,t){return t.name||E(15),G(e,t.name)}),5381).toString():"",m}var ae=r.createContext(),le=(ae.Consumer,r.createContext()),oe=(le.Consumer,new q),ie=re();function se(){return(0,r.useContext)(ae)||oe}function ue(e){var t=(0,r.useState)(e.stylisPlugins),n=t[0],a=t[1],l=se(),o=(0,r.useMemo)((function(){var t=l;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),s=(0,r.useMemo)((function(){return re({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return(0,r.useEffect)((function(){i()(n,e.stylisPlugins)||a(e.stylisPlugins)}),[e.stylisPlugins]),r.createElement(ae.Provider,{value:o},r.createElement(le.Provider,{value:s},e.children))}var ce=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=ie);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return E(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=ie),this.name+e.hash},e}(),fe=/([A-Z])/,de=/([A-Z])/g,pe=/^ms-/,he=function(e){return"-"+e.toLowerCase()};function me(e){return fe.test(e)?e.replace(de,he).replace(pe,"-ms-"):e}var ge=function(e){return null==e||!1===e||""===e};function be(e,t,n,r){if(Array.isArray(e)){for(var a,l=[],o=0,i=e.length;o1?t-1:0),r=1;r?@[\\\]^`{|}~-]+/g,we=/(^-|-$)/g;function xe(e){return e.replace(ke,"-").replace(we,"")}function _e(e){return"string"==typeof e&&!0}var Se=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Ce=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Ee(e,t,n){var r=e[n];Se(t)&&Se(r)?Pe(r,t):e[n]=t}function Pe(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r>>0)}("5.3.1"+n+Te[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):s,c=t.displayName,d=void 0===c?function(e){return _e(e)?"styled."+e:"Styled("+w(e)+")"}(e):c,p=t.displayName&&t.componentId?xe(t.displayName)+"-"+t.componentId:t.componentId||u,g=a&&e.attrs?Array.prototype.concat(e.attrs,i).filter(Boolean):i,b=t.shouldForwardProp;a&&e.shouldForwardProp&&(b=t.shouldForwardProp?function(n,r,a){return e.shouldForwardProp(n,r,a)&&t.shouldForwardProp(n,r,a)}:e.shouldForwardProp);var _,S=new ee(n,p,a?e.componentStyle:void 0),C=S.isStatic&&0===i.length,E=function(e,t){return function(e,t,n,a){var l=e.attrs,o=e.componentStyle,i=e.defaultProps,s=e.foldedComponentIds,u=e.shouldForwardProp,c=e.styledComponentId,d=e.target,p=function(e,t,n){void 0===e&&(e=v);var r=m({},t,{theme:e}),a={};return n.forEach((function(e){var t,n,l,o=e;for(t in k(o)&&(o=o(r)),o)r[t]=a[t]="className"===t?(n=a[t],l=o[t],n&&l?n+" "+l:n||l):o[t]})),[r,a]}(function(e,t,n){return void 0===n&&(n=v),e.theme!==n.theme&&e.theme||t||n.theme}(t,(0,r.useContext)(Ne),i)||v,t,l),h=p[0],g=p[1],b=function(e,t,n,a){var l=se(),o=(0,r.useContext)(le)||ie;return t?e.generateAndInjectStyles(v,l,o):e.generateAndInjectStyles(n,l,o)}(o,a,h),y=n,w=g.$as||t.$as||g.as||t.as||d,x=_e(w),_=g!==t?m({},t,{},g):t,S={};for(var C in _)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?S.as=_[C]:(u?u(C,f,w):!x||f(C))&&(S[C]=_[C]));return t.style&&g.style!==t.style&&(S.style=m({},t.style,{},g.style)),S.className=Array.prototype.concat(s,c,b!==c?b:null,t.className,g.className).filter(Boolean).join(" "),S.ref=y,(0,r.createElement)(w,S)}(_,e,t,C)};return E.displayName=d,(_=r.forwardRef(E)).attrs=g,_.componentStyle=S,_.displayName=d,_.shouldForwardProp=b,_.foldedComponentIds=a?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):y,_.styledComponentId=p,_.target=a?e.target:e,_.withComponent=function(e){var r=t.componentId,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(t,["componentId"]),l=r&&r+"-"+(_e(e)?e:xe(w(e)));return Oe(e,m({},a,{attrs:g,componentId:l}),n)},Object.defineProperty(_,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=a?Pe({},e.defaultProps,t):t}}),_.toString=function(){return"."+_.styledComponentId},l&&h()(_,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),_}var Ie,ze=function(e){return function e(t,n,r){if(void 0===r&&(r=v),!(0,l.isValidElementType)(n))return E(1,String(n));var a=function(){return t(n,r,ve.apply(void 0,arguments))};return a.withConfig=function(a){return e(t,n,m({},r,{},a))},a.attrs=function(a){return e(t,n,m({},r,{attrs:Array.prototype.concat(r.attrs,a).filter(Boolean)}))},a}(Oe,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){ze[e]=ze(e)})),Ie=function(e,t){this.rules=e,this.componentId=t,this.isStatic=Z(e),q.registerId(this.componentId+1)}.prototype,Ie.createStyles=function(e,t,n,r){var a=r(be(this.rules,t,n,r).join(""),""),l=this.componentId+e;n.insertRules(l,l,a)},Ie.removeStyles=function(e,t){t.clearRules(this.componentId+e)},Ie.renderStyles=function(e,t,n,r){e>2&&q.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},function(){var e=function(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=F();return""},this.getStyleTags=function(){return e.sealed?E(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return E(2);var n=((t={})[_]="",t["data-styled-version"]="5.3.1",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),a=F();return a&&(n.nonce=a),[r.createElement("style",m({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new q({isServer:!0}),this.sealed=!1}.prototype;e.collectStyles=function(e){return this.sealed?E(2):r.createElement(ue,{sheet:this.instance},e)},e.interleaveWithNodeStream=function(e){return E(3)}}();const Ae=ze;var De="//editor.unlayer.com/embed.js?2",Me=[],Re=!1,Le=function(){if(Re)for(var e=void 0;e=Me.shift();)e()};const Fe=JSON.parse('{"u2":"react-email-editor","i8":"1.4.0"}');var je=Object.assign||function(e){for(var t=1;t=t.length)break;l=t[a++]}else{if((a=t.next()).done)break;l=a.value}var o=l,i=o[0],s=o[1];/^on/.test(i)&&"onLoad"!==i&&"onReady"!==i&&r.addEventListener(i,s)}var u=r.props,c=u.onLoad,f=u.onReady;c&&c(),f&&r.editor.addEventListener("editor:ready",f)},r.registerCallback=function(e,t){r.editor.registerCallback(e,t)},r.addEventListener=function(e,t){r.editor.addEventListener(e,t)},r.loadDesign=function(e){r.editor.loadDesign(e)},r.saveDesign=function(e){r.editor.saveDesign(e)},r.exportHtml=function(e){r.editor.exportHtml(e)},r.setMergeTags=function(e){r.editor.setMergeTags(e)},r.editorId=n.editorId||"editor-"+ ++Ue,r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.componentDidMount=function(){!function(e){if(function(e){Me.push(e)}(e),n=document.querySelectorAll("script"),r=!1,n.forEach((function(e){e.src.includes(De)&&(r=!0)})),r)Le();else{var t=document.createElement("script");t.setAttribute("src",De),t.onload=function(){Re=!0,Le()},document.head.appendChild(t)}var n,r}(this.loadEditor)},t.prototype.render=function(){var e=this.props,t=e.minHeight,n=void 0===t?500:t,a=e.style,l=void 0===a?{}:a;return r.createElement("div",{style:{flex:1,display:"flex",minHeight:n}},r.createElement("div",{id:this.editorId,style:je({},l,{flex:1})}))},t}(r.Component),Be=n(394);function He(e,t){for(var n=0;n=200&&a.status<300?(console.log("XHR::Success::POST::",n),e(t)):(console.log("XHR::Failed"),r(t))},a.open("POST",n),a.setRequestHeader("Content-Type","application/json"),a.send(JSON.stringify(t))}))}},{key:"xhrRequest",value:function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open(e.method||"GET",e.url),e.headers&&Object.keys(e.headers).forEach((function(t){r.setRequestHeader(t,e.headers[t])})),r.onload=function(){r.status>=200&&r.status<300?t(r.response):n(r.statusText)},r.onerror=function(){return n(r.statusText)},r.send(e.body)}))}}],null&&He(t.prototype,null),n&&He(t,n),e}(),Ve=n(379),qe=n.n(Ve),Qe=n(795),Ye=n.n(Qe),Xe=n(569),Ge=n.n(Xe),Ke=n(565),Ze=n.n(Ke),Je=n(216),et=n.n(Je),tt=n(589),nt=n.n(tt),rt=n(374),at={};at.styleTagTransform=nt(),at.setAttributes=Ze(),at.insert=Ge().bind(null,"head"),at.domAPI=Ye(),at.insertStyleElement=et(),qe()(rt.Z,at),rt.Z&&rt.Z.locals&&rt.Z.locals;const lt=JSON.parse('{"counters":{"u_row":13,"u_column":16,"u_content_menu":3,"u_content_text":11,"u_content_image":3,"u_content_button":4,"u_content_social":1,"u_content_divider":6},"body":{"rows":[{"cells":[1],"columns":[{"contents":[{"type":"divider","values":{"containerPadding":"5px","_meta":{"htmlID":"u_content_divider_6","htmlClassNames":"u_content_divider"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"width":"100%","border":{"borderTopWidth":"0px","borderTopStyle":"solid","borderTopColor":"#BBBBBB"},"textAlign":"center","hideDesktop":false,"hideMobile":false}}],"values":{"_meta":{"htmlID":"u_column_16","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_13","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1,1,1],"columns":[{"contents":[{"type":"menu","values":{"containerPadding":"25px 10px 10px","_meta":{"htmlID":"u_content_menu_3","htmlClassNames":"u_content_menu"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"menu":{"items":[{"key":"1606923979328","link":{"name":"web","values":{"href":"","target":"_self"}},"text":"NEWS"},{"key":"1606924033905","link":{"name":"web","values":{"href":"","target":"_self"}},"text":"SERVICE"}]},"fontFamily":{"label":"Montserrat","value":"\'Montserrat\',sans-serif","url":"https://fonts.googleapis.com/css?family=Montserrat:400,700","defaultFont":true},"fontSize":"14px","textColor":"#444444","linkColor":"#0068A5","align":"center","layout":"horizontal","separator":"","padding":"5px 15px","hideDesktop":false,"hideMobile":false}}],"values":{"_meta":{"htmlID":"u_column_1","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}},{"contents":[{"type":"image","values":{"containerPadding":"20px 10px","_meta":{"htmlID":"u_content_image_1","htmlClassNames":"u_content_image"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"src":{"url":"https://cdn.templates.unlayer.com/assets/1606906849237-logo.png","width":248,"height":56,"maxWidth":"77%","autoWidth":false},"textAlign":"center","altText":"Image","action":{"name":"web","values":{"href":"","target":"_blank"}},"hideDesktop":false,"hideMobile":false,"_override":{"mobile":{"src":{"maxWidth":"58%","autoWidth":false}}}}}],"values":{"_meta":{"htmlID":"u_column_2","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}},{"contents":[{"type":"menu","values":{"containerPadding":"25px 10px 30px","_meta":{"htmlID":"u_content_menu_2","htmlClassNames":"u_content_menu"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"menu":{"items":[{"key":"1606923979328","link":{"name":"web","values":{"href":"","target":"_self"}},"text":"ABOUT"},{"key":"1606924033905","link":{"name":"web","values":{"href":"","target":"_self"}},"text":"CONTACT"}]},"fontFamily":{"label":"Montserrat","value":"\'Montserrat\',sans-serif","url":"https://fonts.googleapis.com/css?family=Montserrat:400,700","defaultFont":true},"fontSize":"14px","textColor":"#444444","linkColor":"#0068A5","align":"center","layout":"horizontal","separator":"","padding":"5px 15px","hideDesktop":false,"hideMobile":false}}],"values":{"_meta":{"htmlID":"u_column_3","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"#ffffff","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_1","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"divider","values":{"containerPadding":"150px 10px 10px","_meta":{"htmlID":"u_content_divider_2","htmlClassNames":"u_content_divider"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"width":"100%","border":{"borderTopWidth":"0px","borderTopStyle":"solid","borderTopColor":"#BBBBBB"},"textAlign":"center","hideDesktop":false,"hideMobile":false}},{"type":"text","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_text_1","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#ffffff","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

NEW ARRIVAL

"}},{"type":"button","values":{"containerPadding":"10px 10px 50px","_meta":{"htmlID":"u_content_button_1","htmlClassNames":"u_content_button"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"href":{"name":"web","values":{"href":"","target":"_blank"}},"buttonColors":{"color":"#463a41","backgroundColor":"#ffffff","hoverColor":"#FFFFFF","hoverBackgroundColor":"#3AAEE0"},"size":{"autoWidth":true,"width":"100%"},"lineHeight":"120%","textAlign":"center","border":{},"borderRadius":"0px","padding":"12px 22px","hideDesktop":false,"hideMobile":false,"text":"VIEW MORE","calculatedWidth":134,"calculatedHeight":40}}],"values":{"_meta":{"htmlID":"u_column_5","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"","backgroundImage":{"url":"https://cdn.templates.unlayer.com/assets/1606924485372-1.jpg","fullWidth":false,"repeat":false,"center":true,"cover":false,"width":626,"height":500},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_3","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"text","values":{"containerPadding":"40px 10px 10px","_meta":{"htmlID":"u_content_text_2","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

Purchasing Focal Just got easier

"}},{"type":"text","values":{"containerPadding":"0px 10px 40px","_meta":{"htmlID":"u_content_text_11","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

Lorem ipsum dolor sit amet, 

"}}],"values":{"_meta":{"htmlID":"u_column_7","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"#ffffff","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_5","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1,1],"columns":[{"contents":[{"type":"image","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_image_3","htmlClassNames":"u_content_image"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"src":{"url":"https://cdn.templates.unlayer.com/assets/1606934810497-02.png","width":626,"height":418},"textAlign":"center","altText":"Image","action":{"name":"web","values":{"href":"","target":"_blank"}},"hideDesktop":false,"hideMobile":false}},{"type":"text","values":{"containerPadding":"10px 10px 0px","_meta":{"htmlID":"u_content_text_3","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

Ray-Ban

"}},{"type":"text","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_text_4","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

$20

"}},{"type":"button","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_button_2","htmlClassNames":"u_content_button"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"href":{"name":"web","values":{"href":"","target":"_blank"}},"buttonColors":{"color":"#FFFFFF","backgroundColor":"#262425","hoverColor":"#FFFFFF","hoverBackgroundColor":"#3AAEE0"},"size":{"autoWidth":true,"width":"100%"},"lineHeight":"120%","textAlign":"center","border":{},"borderRadius":"0px","padding":"10px 20px","hideDesktop":false,"hideMobile":false,"text":"Buy Now","calculatedWidth":104,"calculatedHeight":36}}],"values":{"_meta":{"htmlID":"u_column_6","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}},{"contents":[{"type":"image","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_image_2","htmlClassNames":"u_content_image"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"src":{"url":"https://cdn.templates.unlayer.com/assets/1606932761674-2.jpg","width":626,"height":417},"textAlign":"center","altText":"Image","action":{"name":"web","values":{"href":"","target":"_blank"}},"hideDesktop":false,"hideMobile":false}},{"type":"text","values":{"containerPadding":"10px 10px 0px","_meta":{"htmlID":"u_content_text_5","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

Ray-Ban

"}},{"type":"text","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_text_6","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

$25

"}},{"type":"button","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_button_3","htmlClassNames":"u_content_button"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"href":{"name":"web","values":{"href":"","target":"_blank"}},"buttonColors":{"color":"#FFFFFF","backgroundColor":"#262425","hoverColor":"#FFFFFF","hoverBackgroundColor":"#3AAEE0"},"size":{"autoWidth":true,"width":"100%"},"lineHeight":"120%","textAlign":"center","border":{},"borderRadius":"0px","padding":"10px 20px","hideDesktop":false,"hideMobile":false,"text":"Buy Now","calculatedWidth":104,"calculatedHeight":36}}],"values":{"_meta":{"htmlID":"u_column_10","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"#ffffff","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_4","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"text","values":{"containerPadding":"30px 30px 40px","_meta":{"htmlID":"u_content_text_7","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#000000","textAlign":"center","lineHeight":"160%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

"}}],"values":{"_meta":{"htmlID":"u_column_11","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"#ffffff","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_8","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"text","values":{"containerPadding":"60px 30px 0px","_meta":{"htmlID":"u_content_text_8","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#ffffff","textAlign":"left","lineHeight":"120%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

ABOUT OUR

\\n

PRODUCT

","_override":{"mobile":{"textAlign":"center"}}}},{"type":"text","values":{"containerPadding":"22px 30px 10px","_meta":{"htmlID":"u_content_text_9","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#ffffff","textAlign":"left","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

Lorem ipsum dolor sit amet, consectetur

\\n

adipiscing elit, sed do eiusmod tempor

\\n

incididunt ut labore et dolore magna

\\n

aliqua.enim ad minim veniam, quis nostrud

\\n

exercitation ullamco 

","_override":{"mobile":{"textAlign":"center"}}}},{"type":"button","values":{"containerPadding":"10px 30px 40px","_meta":{"htmlID":"u_content_button_4","htmlClassNames":"u_content_button"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"href":{"name":"web","values":{"href":"","target":"_blank"}},"buttonColors":{"color":"#252324","backgroundColor":"#ffffff","hoverColor":"#FFFFFF","hoverBackgroundColor":"#3AAEE0"},"size":{"autoWidth":true,"width":"100%"},"lineHeight":"120%","textAlign":"left","border":{},"borderRadius":"0px","padding":"12px 25px","hideDesktop":false,"hideMobile":false,"text":"VIEW MORE","_override":{"mobile":{"textAlign":"center"}},"calculatedWidth":139,"calculatedHeight":40}}],"values":{"_meta":{"htmlID":"u_column_9","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"","backgroundImage":{"url":"https://cdn.templates.unlayer.com/assets/1606937518713-ASASS.png","fullWidth":false,"repeat":false,"center":true,"cover":false,"width":600,"height":500},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_7","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"divider","values":{"containerPadding":"15px","_meta":{"htmlID":"u_content_divider_4","htmlClassNames":"u_content_divider"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"width":"100%","border":{"borderTopWidth":"0px","borderTopStyle":"solid","borderTopColor":"#BBBBBB"},"textAlign":"center","hideDesktop":false,"hideMobile":false}}],"values":{"_meta":{"htmlID":"u_column_12","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"#ffffff","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_9","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"text","values":{"containerPadding":"20px 10px 10px","_meta":{"htmlID":"u_content_text_10","htmlClassNames":"u_content_text"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"color":"#ffffff","textAlign":"center","lineHeight":"140%","linkStyle":{"inherit":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"hideDesktop":false,"hideMobile":false,"text":"

FOLLOW  US  ON

"}},{"type":"social","values":{"containerPadding":"0px 10px 20px","_meta":{"htmlID":"u_content_social_1","htmlClassNames":"u_content_social"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"icons":{"iconType":"circle-white","icons":[{"url":"https://facebook.com/","name":"Facebook"},{"url":"https://instagram.com/","name":"Instagram"},{"url":"https://twitter.com/","name":"Twitter"}]},"align":"center","spacing":10,"hideDesktop":false,"hideMobile":false}}],"values":{"_meta":{"htmlID":"u_column_14","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"#d4ae7f","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_11","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}},{"cells":[1],"columns":[{"contents":[{"type":"divider","values":{"containerPadding":"10px","_meta":{"htmlID":"u_content_divider_5","htmlClassNames":"u_content_divider"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true,"width":"100%","border":{"borderTopWidth":"0px","borderTopStyle":"solid","borderTopColor":"#BBBBBB"},"textAlign":"center","hideDesktop":false,"hideMobile":false}}],"values":{"_meta":{"htmlID":"u_column_15","htmlClassNames":"u_column"},"border":{},"padding":"0px","backgroundColor":""}}],"values":{"displayCondition":null,"columns":false,"backgroundColor":"","columnsBackgroundColor":"","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"padding":"0px","hideDesktop":false,"hideMobile":false,"noStackMobile":false,"_meta":{"htmlID":"u_row_12","htmlClassNames":"u_row"},"selectable":true,"draggable":true,"duplicatable":true,"deletable":true}}],"values":{"backgroundColor":"#e8d4bb","backgroundImage":{"url":"","fullWidth":true,"repeat":false,"center":true,"cover":false},"contentWidth":"600px","contentAlign":"center","fontFamily":{"label":"Montserrat","value":"\'Montserrat\',sans-serif","url":"https://fonts.googleapis.com/css?family=Montserrat:400,700","defaultFont":true},"preheaderText":"","linkStyle":{"body":true,"linkColor":"#0000ee","linkHoverColor":"#0000ee","linkUnderline":true,"linkHoverUnderline":true},"_meta":{"htmlID":"u_body","htmlClassNames":"u_body"}}},"schemaVersion":5}');var ot,it;function st(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ut(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ut(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ut(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n{"use strict";n.d(t,{Z:()=>i});var r=n(81),a=n.n(r),l=n(645),o=n.n(l)()(a());o.push([e.id,"",""]);const i=o},645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,a,l){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(r)for(var i=0;i0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=l),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),a&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=a):c[4]="".concat(a)),t.push(c))}},t}},81:e=>{"use strict";e.exports=function(e){return e[1]}},679:(e,t,n)=>{"use strict";var r=n(296),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},l={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function s(e){return r.isMemo(e)?o:i[e.$$typeof]||a}i[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[r.Memo]=o;var u=Object.defineProperty,c=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var a=p(n);a&&a!==h&&e(t,a,r)}var o=c(n);f&&(o=o.concat(f(n)));for(var i=s(t),m=s(n),g=0;g{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,a=n?Symbol.for("react.portal"):60106,l=n?Symbol.for("react.fragment"):60107,o=n?Symbol.for("react.strict_mode"):60108,i=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,c=n?Symbol.for("react.async_mode"):60111,f=n?Symbol.for("react.concurrent_mode"):60111,d=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,k=n?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case c:case f:case l:case i:case o:case p:return e;default:switch(e=e&&e.$$typeof){case u:case d:case g:case m:case s:return e;default:return t}}case a:return t}}}function x(e){return w(e)===f}t.AsyncMode=c,t.ConcurrentMode=f,t.ContextConsumer=u,t.ContextProvider=s,t.Element=r,t.ForwardRef=d,t.Fragment=l,t.Lazy=g,t.Memo=m,t.Portal=a,t.Profiler=i,t.StrictMode=o,t.Suspense=p,t.isAsyncMode=function(e){return x(e)||w(e)===c},t.isConcurrentMode=x,t.isContextConsumer=function(e){return w(e)===u},t.isContextProvider=function(e){return w(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return w(e)===d},t.isFragment=function(e){return w(e)===l},t.isLazy=function(e){return w(e)===g},t.isMemo=function(e){return w(e)===m},t.isPortal=function(e){return w(e)===a},t.isProfiler=function(e){return w(e)===i},t.isStrictMode=function(e){return w(e)===o},t.isSuspense=function(e){return w(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===l||e===f||e===i||e===o||e===p||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===m||e.$$typeof===s||e.$$typeof===u||e.$$typeof===d||e.$$typeof===y||e.$$typeof===v||e.$$typeof===k||e.$$typeof===b)},t.typeOf=w},296:(e,t,n)=>{"use strict";e.exports=n(103)},418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,l){for(var o,i,s=a(e),u=1;u{"use strict";var r=n(414);function a(){}function l(){}l.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,l,o){if(o!==r){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:a};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},448:(e,t,n)=>{"use strict";var r=n(294),a=n(418),l=n(840);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n