@frak-labs/components 1.0.8-beta.1f203cc0 → 1.0.8

package/cdn/usePlacement.BgMXY5CX.js

@@ -0,0 +1,58 @@
+import{C as e,n as t,t as n,y as r}from"./loader.js";var i,a,o,s,c,l,u,d,f,p,m,h={},g=[],_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v=Array.isArray;function y(e,t){for(var n in t)e[n]=t[n];return e}function b(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function x(e,t,n){var r,a,o,s={};for(o in t)o==`key`?r=t[o]:o==`ref`?a=t[o]:s[o]=t[o];if(arguments.length>2&&(s.children=arguments.length>3?i.call(arguments,2):n),typeof e==`function`&&e.defaultProps!=null)for(o in e.defaultProps)s[o]===void 0&&(s[o]=e.defaultProps[o]);return S(e,s,r,a,null)}function S(e,t,n,r,i){var s={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:i??++o,__i:-1,__u:0};return i==null&&a.vnode!=null&&a.vnode(s),s}function C(e){return e.children}function w(e,t){this.props=e,this.context=t}function T(e,t){if(t==null)return e.__?T(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type==`function`?T(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,r=[],i=[],o=y({},t);o.__v=t.__v+1,a.vnode&&a.vnode(o),F(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,r,n??T(t),!!(32&t.__u),i),o.__v=t.__v,o.__.__k[o.__i]=o,re(r,o,i),t.__e=t.__=null,o.__e!=n&&D(o)}}function D(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),D(e)}function O(e){(!e.__d&&(e.__d=!0)&&s.push(e)&&!k.__r++||c!=a.debounceRendering)&&((c=a.debounceRendering)||l)(k)}function k(){try{for(var e,t=1;s.length;)s.length>t&&s.sort(u),e=s.shift(),t=s.length,E(e)}finally{s.length=k.__r=0}}function ee(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,_,v,y,b=r&&r.__k||g,x=t.length;for(c=A(n,t,b,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&b[p.__i]||h,p.__i=d,v=F(e,p,f,i,a,o,s,c,l,u),m=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&L(f.ref,null,p),u.push(p.ref,p.__c||m,p)),_==null&&m!=null&&(_=m),(y=!!(4&p.__u))||f.__k===p.__k?c=j(p,c,e,y):typeof p.type==`function`&&v!==void 0?c=v:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=_,c}function A(e,t,n,r,i){var a,o,s,c,l,u=n.length,d=u,f=0;for(e.__k=Array(i),a=0;a<i;a++)(o=t[a])!=null&&typeof o!=`boolean`&&typeof o!=`function`?(typeof o==`string`||typeof o==`number`||typeof o==`bigint`||o.constructor==String?o=e.__k[a]=S(null,o,null,null,null):v(o)?o=e.__k[a]=S(C,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=S(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+f,o.__=e,o.__b=e.__b+1,s=null,(l=o.__i=te(o,n,c,d))!=-1&&(d--,(s=n[l])&&(s.__u|=2)),s==null||s.__v==null?(l==-1&&(i>u?f--:i<u&&f++),typeof o.type!=`function`&&(o.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<u;a++)(s=n[a])!=null&&!(2&s.__u)&&(s.__e==r&&(r=T(s)),oe(s,s));return r}function j(e,t,n,r){var i,a;if(typeof e.type==`function`){for(i=e.__k,a=0;i&&a<i.length;a++)i[a]&&(i[a].__=e,t=j(i[a],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=T(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t&&=t.nextSibling;while(t!=null&&t.nodeType==8);return t}function M(e,t){return t||=[],e==null||typeof e==`boolean`||(v(e)?e.some(function(e){M(e,t)}):t.push(e)),t}function te(e,t,n,r){var i,a,o,s=e.key,c=e.type,l=t[n],u=l!=null&&(2&l.__u)==0;if(l===null&&s==null||u&&s==l.key&&c==l.type)return n;if(r>+!!u){for(i=n-1,a=n+1;i>=0||a<t.length;)if((l=t[o=i>=0?i--:a++])!=null&&!(2&l.__u)&&s==l.key&&c==l.type)return o}return-1}function ne(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||_.test(t)?n:n+`px`}function N(e,t,n,r,i){var a,o;n:if(t==`style`)if(typeof n==`string`)e.style.cssText=n;else{if(typeof r==`string`&&(e.style.cssText=r=``),r)for(t in r)n&&t in n||ne(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||ne(e.style,t,n[t])}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(d,`$1`)),o=t.toLowerCase(),t=o in e||t==`onFocusOut`||t==`onFocusIn`?o.slice(2):t.slice(2),e.l||={},e.l[t+a]=n,n?r?n.u=r.u:(n.u=f,e.addEventListener(t,a?m:p,a)):e.removeEventListener(t,a?m:p,a);else{if(i==`http://www.w3.org/2000/svg`)t=t.replace(/xlink(H|:h)/,`h`).replace(/sName$/,`s`);else if(t!=`width`&&t!=`height`&&t!=`href`&&t!=`list`&&t!=`form`&&t!=`tabIndex`&&t!=`download`&&t!=`rowSpan`&&t!=`colSpan`&&t!=`role`&&t!=`popover`&&t in e)try{e[t]=n??``;break n}catch{}typeof n==`function`||(n==null||!1===n&&t[4]!=`-`?e.removeAttribute(t):e.setAttribute(t,t==`popover`&&n==1?``:n))}}function P(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=f++;else if(t.t<n.u)return;return n(a.event?a.event(t):t)}}}function F(e,t,n,r,i,o,s,c,l,u){var d,f,p,m,h,_,x,S,T,E,D,O,k,A,j,M=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(l=!!(32&n.__u),o=[c=t.__e=n.__e]),(d=a.__b)&&d(t);n:if(typeof M==`function`)try{if(S=t.props,T=M.prototype&&M.prototype.render,E=(d=M.contextType)&&r[d.__c],D=d?E?E.props.value:d.__:r,n.__c?x=(f=t.__c=n.__c).__=f.__E:(T?t.__c=f=new M(S,D):(t.__c=f=new w(S,D),f.constructor=M,f.render=se),E&&E.sub(f),f.state||={},f.__n=r,p=f.__d=!0,f.__h=[],f._sb=[]),T&&f.__s==null&&(f.__s=f.state),T&&M.getDerivedStateFromProps!=null&&(f.__s==f.state&&(f.__s=y({},f.__s)),y(f.__s,M.getDerivedStateFromProps(S,f.__s))),m=f.props,h=f.state,f.__v=t,p)T&&M.getDerivedStateFromProps==null&&f.componentWillMount!=null&&f.componentWillMount(),T&&f.componentDidMount!=null&&f.__h.push(f.componentDidMount);else{if(T&&M.getDerivedStateFromProps==null&&S!==m&&f.componentWillReceiveProps!=null&&f.componentWillReceiveProps(S,D),t.__v==n.__v||!f.__e&&f.shouldComponentUpdate!=null&&!1===f.shouldComponentUpdate(S,f.__s,D)){t.__v!=n.__v&&(f.props=S,f.state=f.__s,f.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)}),g.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break n}f.componentWillUpdate!=null&&f.componentWillUpdate(S,f.__s,D),T&&f.componentDidUpdate!=null&&f.__h.push(function(){f.componentDidUpdate(m,h,_)})}if(f.context=D,f.props=S,f.__P=e,f.__e=!1,O=a.__r,k=0,T)f.state=f.__s,f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),g.push.apply(f.__h,f._sb),f._sb=[];else do f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),f.state=f.__s;while(f.__d&&++k<25);f.state=f.__s,f.getChildContext!=null&&(r=y(y({},r),f.getChildContext())),T&&!p&&f.getSnapshotBeforeUpdate!=null&&(_=f.getSnapshotBeforeUpdate(m,h)),A=d!=null&&d.type===C&&d.key==null?ie(d.props.children):d,c=ee(e,v(A)?A:[A],t,n,r,i,o,s,c,l,u),f.base=t.__e,t.__u&=-161,f.__h.length&&s.push(f),x&&(f.__E=f.__=null)}catch(e){if(t.__v=null,l||o!=null)if(e.then){for(t.__u|=l?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o[o.indexOf(c)]=null,t.__e=c}else{for(j=o.length;j--;)b(o[j]);I(t)}else t.__e=n.__e,t.__k=n.__k,e.then||I(t);a.__e(e,t,n)}else o==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):c=t.__e=ae(n.__e,t,n,r,i,o,s,l,u);return(d=a.diffed)&&d(t),128&t.__u?void 0:c}function I(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(I))}function re(e,t,n){for(var r=0;r<n.length;r++)L(n[r],n[++r],n[++r]);a.__c&&a.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){a.__e(e,t.__v)}})}function ie(e){return typeof e!=`object`||!e||e.__b>0?e:v(e)?e.map(ie):y({},e)}function ae(e,t,n,r,o,s,c,l,u){var d,f,p,m,g,_,y,x=n.props||h,S=t.props,C=t.type;if(C==`svg`?o=`http://www.w3.org/2000/svg`:C==`math`?o=`http://www.w3.org/1998/Math/MathML`:o||=`http://www.w3.org/1999/xhtml`,s!=null){for(d=0;d<s.length;d++)if((g=s[d])&&`setAttribute`in g==!!C&&(C?g.localName==C:g.nodeType==3)){e=g,s[d]=null;break}}if(e==null){if(C==null)return document.createTextNode(S);e=document.createElementNS(o,C,S.is&&S),l&&=(a.__m&&a.__m(t,s),!1),s=null}if(C==null)x===S||l&&e.data==S||(e.data=S);else{if(s&&=i.call(e.childNodes),!l&&s!=null)for(x={},d=0;d<e.attributes.length;d++)x[(g=e.attributes[d]).name]=g.value;for(d in x)g=x[d],d==`dangerouslySetInnerHTML`?p=g:d==`children`||d in S||d==`value`&&`defaultValue`in S||d==`checked`&&`defaultChecked`in S||N(e,d,null,g,o);for(d in S)g=S[d],d==`children`?m=g:d==`dangerouslySetInnerHTML`?f=g:d==`value`?_=g:d==`checked`?y=g:l&&typeof g!=`function`||x[d]===g||N(e,d,g,x[d],o);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),t.__k=[];else if(p&&(e.innerHTML=``),ee(t.type==`template`?e.content:e,v(m)?m:[m],t,n,r,C==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:n.__k&&T(n,0),l,u),s!=null)for(d=s.length;d--;)b(s[d]);l||(d=`value`,C==`progress`&&_==null?e.removeAttribute(`value`):_!=null&&(_!==e[d]||C==`progress`&&!_||C==`option`&&_!=x[d])&&N(e,d,_,x[d],o),d=`checked`,y!=null&&y!=e[d]&&N(e,d,y,x[d],o))}return e}function L(e,t,n){try{if(typeof e==`function`){var r=typeof e.__u==`function`;r&&e.__u(),r&&t==null||(e.__u=e(t))}else e.current=t}catch(e){a.__e(e,n)}}function oe(e,t,n){var r,i;if(a.unmount&&a.unmount(e),(r=e.ref)&&(r.current&&r.current!=e.__e||L(r,null,t)),(r=e.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){a.__e(e,t)}r.base=r.__P=null}if(r=e.__k)for(i=0;i<r.length;i++)r[i]&&oe(r[i],t,n||typeof e.type!=`function`);n||b(e.__e),e.__c=e.__=e.__e=void 0}function se(e,t,n){return this.constructor(e,n)}function R(e,t,n){var r,o,s,c;t==document&&(t=document.documentElement),a.__&&a.__(e,t),o=(r=typeof n==`function`)?null:n&&n.__k||t.__k,s=[],c=[],F(t,e=(!r&&n||t).__k=x(C,null,[e]),o||h,h,t.namespaceURI,!r&&n?[n]:o?null:t.firstChild?i.call(t.childNodes):null,s,!r&&n?n:o?o.__e:t.firstChild,r,c),re(s,e,c)}function ce(e,t){R(e,t,ce)}function z(e,t,n){var r,a,o,s,c=y({},e.props);for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)o==`key`?r=t[o]:o==`ref`?a=t[o]:c[o]=t[o]===void 0&&s!=null?s[o]:t[o];return arguments.length>2&&(c.children=arguments.length>3?i.call(arguments,2):n),S(e.type,c,r||e.key,a||e.ref,null)}i=g.slice,a={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&a.getDerivedStateFromError!=null&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(t){e=t}throw e}},o=0,w.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=y({},this.state);typeof e==`function`&&(e=e(y({},n),this.props)),e&&y(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),O(this))},w.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),O(this))},w.prototype.render=C,s=[],l=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,u=function(e,t){return e.__v.__b-t.__v.__b},k.__r=0,d=/(PointerCapture)$|Capture$/i,f=0,p=P(!1),m=P(!0);function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B.apply(this,arguments)}function V(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}var le=[`context`,`children`],ue=[`useFragment`];function de(e,t,n,r){function i(){var t,n=Reflect.construct(HTMLElement,[],i);return n._vdomComponent=e,r&&r.shadow?(n._root=n.attachShadow({mode:r.mode||`open`,serializable:(t=r.serializable)!=null&&t}),r.adoptedStyleSheets&&(n._root.adoptedStyleSheets=r.adoptedStyleSheets)):n._root=n,n}return(i.prototype=Object.create(HTMLElement.prototype)).constructor=i,i.prototype.connectedCallback=function(){pe.call(this,r)},i.prototype.attributeChangedCallback=me,i.prototype.disconnectedCallback=he,n=n||e.observedAttributes||Object.keys(e.propTypes||{}),i.observedAttributes=n,e.formAssociated&&(i.formAssociated=!0),n.forEach(function(e){Object.defineProperty(i.prototype,e,{get:function(){return this._vdom?this._vdom.props[e]:this._props[e]},set:function(t){this._vdom?this.attributeChangedCallback(e,null,t):(this._props||={},this._props[e]=t);var n=typeof t;t!=null&&n!==`string`&&n!==`boolean`&&n!==`number`||this.setAttribute(e,t)}})}),customElements.define(t||e.tagName||e.displayName||e.name,i),i}function fe(e){this.getChildContext=function(){return e.context};var t=e.children;return z(t,V(e,le))}function pe(e){var t=new CustomEvent(`_preact`,{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(t),this._vdom=x(fe,B({},this._props,{context:t.detail.context}),_e(this,this._vdomComponent,e)),(this.hasAttribute(`hydrate`)?ce:R)(this._vdom,this._root)}function H(e){return e.replace(/-(\w)/g,function(e,t){return t?t.toUpperCase():``})}function me(e,t,n){if(this._vdom){var r={};r[e]=n??=void 0,r[H(e)]=n,this._vdom=z(this._vdom,r),R(this._vdom,this._root)}}function he(){R(this._vdom=null,this._root)}function ge(e,t){var n=this,r=e.useFragment,i=V(e,ue);return x(r?C:`slot`,B({},i,{ref:function(e){e?(n.ref=e,n._listener||(n._listener=function(e){e.stopPropagation(),e.detail.context=t},e.addEventListener(`_preact`,n._listener))):n.ref.removeEventListener(`_preact`,n._listener)}}))}function _e(e,t,n){if(e.nodeType===3)return e.data;if(e.nodeType!==1)return null;var r=[],i={},a=0,o=e.attributes,s=e.childNodes;for(a=o.length;a--;)o[a].name!==`slot`&&(i[o[a].name]=o[a].value,i[H(o[a].name)]=o[a].value);for(a=s.length;a--;){var c=_e(s[a],null,n),l=s[a].slot;l?i[l]=x(ge,{name:l},c):r[a]=c}var u=!(!n||!n.shadow),d=t?x(ge,{useFragment:!u},r):r;return!u&&t&&(e.innerHTML=``),x(t||e.nodeName.toLowerCase(),i,d)}function ve(t,r,i=[],a={shadow:!0}){typeof window<`u`&&(e(n),customElements.get(r)||de(t,r,i,a))}var ye=0;Array.isArray;function be(e,t,n,r,i,o){t||={};var s,c,l=t;if(`ref`in l)for(c in l={},t)c==`ref`?s=t[c]:l[c]=t[c];var u={type:e,props:l,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--ye,__i:-1,__u:0,__source:i,__self:o};if(typeof e==`function`&&(s=e.defaultProps))for(c in s)l[c]===void 0&&(l[c]=s[c]);return a.vnode&&a.vnode(u),u}var U,W,G,xe,K=0,Se=[],q=a,Ce=q.__b,we=q.__r,Te=q.diffed,Ee=q.__c,De=q.unmount,Oe=q.__;function J(e,t){q.__h&&q.__h(W,e,K||t),K=0;var n=W.__H||={__:[],__h:[]};return e>=n.__.length&&n.__.push({}),n.__[e]}function Y(e){return K=1,ke(Ie,e)}function ke(e,t,n){var r=J(U++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Ie(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=W,!W.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=r.__c.__H.__.filter(function(e){return e.__c});if(i.every(function(e){return!e.__N}))return!a||a.call(this,e,t,n);var o=r.__c.props!==e;return i.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a&&a.call(this,e,t,n)||o};W.__f=!0;var a=W.shouldComponentUpdate,o=W.componentWillUpdate;W.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},W.shouldComponentUpdate=i}return r.__N||r.__}function X(e,t){var n=J(U++,3);!q.__s&&Fe(n.__H,t)&&(n.__=e,n.u=t,W.__H.__h.push(n))}function Ae(e){return K=5,Z(function(){return{current:e}},[])}function Z(e,t){var n=J(U++,7);return Fe(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function je(e,t){return K=8,Z(function(){return e},t)}function Me(){for(var e;e=Se.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(Q),t.__h.some($),t.__h=[]}catch(n){t.__h=[],q.__e(n,e.__v)}}}q.__b=function(e){W=null,Ce&&Ce(e)},q.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Oe&&Oe(e,t)},q.__r=function(e){we&&we(e),U=0;var t=(W=e.__c).__H;t&&(G===W?(t.__h=[],W.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(Q),t.__h.some($),t.__h=[],U=0)),G=W},q.diffed=function(e){Te&&Te(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(Se.push(t)!==1&&xe===q.requestAnimationFrame||((xe=q.requestAnimationFrame)||Pe)(Me)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),G=W=null},q.__c=function(e,t){t.some(function(e){try{e.__h.some(Q),e.__h=e.__h.filter(function(e){return!e.__||$(e)})}catch(n){t.some(function(e){e.__h&&=[]}),t=[],q.__e(n,e.__v)}}),Ee&&Ee(e,t)},q.unmount=function(e){De&&De(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{Q(e)}catch(e){t=e}}),n.__H=void 0,t&&q.__e(t,n.__v))};var Ne=typeof requestAnimationFrame==`function`;function Pe(e){var t,n=function(){clearTimeout(r),Ne&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);Ne&&(t=requestAnimationFrame(n))}function Q(e){var t=W,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),W=t}function $(e){var t=W;e.__c=e.__(),W=t}function Fe(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function Ie(e,t){return typeof t==`function`?t(e):t}function Le(){let[e,n]=Y(()=>window.FrakSetup?.config?.waitForBackendConfig===!1?!0:r.isResolved),[i,a]=Y(()=>r.getConfig().hidden??!1),[o,s]=Y(()=>!!window.FrakSetup?.client);return X(()=>{let e=r.getConfig();e.isResolved&&(n(!0),a(e.hidden??!1)),window.FrakSetup?.client&&s(!0);let i=e=>{let t=e.detail;t.isResolved&&n(!0),a(t.hidden??!1)};window.addEventListener(`frak:config`,i);let o=()=>s(!0);return t(`add`,o),()=>{window.removeEventListener(`frak:config`,i),t(`remove`,o)}},[]),{shouldRender:e,isHidden:i,isClientReady:o}}const Re=`
+:host {
+    display: contents;
+}
+
+:host([hidden]) {
+    display: none;
+}
+
+.button:disabled {
+    opacity: 0.7;
+    cursor: default;
+}
+
+.button__fadeIn {
+    animation: frak-fadeIn 300ms ease-in;
+}
+
+@keyframes frak-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+`;function ze(e,t){return t?`${Re}\n${e}\n${t}`:`${Re}\n${e}`}const Be=`
+:where(frak-button-share, frak-open-in-app) {
+    display: contents;
+}
+
+:where(frak-button-share .button, frak-open-in-app .button) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+}
+
+:where(frak-button-share .button:disabled, frak-open-in-app .button:disabled) {
+    opacity: 0.7;
+    cursor: default;
+}
+
+:where(frak-button-share .button__fadeIn, frak-open-in-app .button__fadeIn) {
+    animation: frak-fadeIn 300ms ease-in;
+}
+
+@keyframes frak-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+`;function Ve(e){return r.getConfig().placements?.[e]}function He(e){let[t,n]=Y(0);return X(()=>{let e=e=>{n(e=>e+1)};return window.addEventListener(`frak:config`,e),n(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),Z(()=>e?Ve(e):void 0,[e,t])}export{Ae as a,je as c,ve as d,M as f,w as g,a as h,Le as i,X as l,C as m,ze as n,Z as o,x as p,Be as r,Y as s,He as t,be as u};

package/cdn/{useReward.cZ7bx5ND.js → useReward.BtBpuMwt.js}

@@ -1 +1 @@
-import{c as e,h as t,v as n}from"./loader.js";import{l as r,s as i}from"./usePlacement.CRfzWKVY.js";import{n as a}from"./formatReward.Cmg_Q___.js";function o(e,t){switch(e.payoutType){case`fixed`:return e.amount[t];case`tiered`:return e.tiers.reduce((e,n)=>Math.max(e,n.amount[t]),0);case`percentage`:return 0}}function s({rewards:e},r,i){let s=(i?e.filter(e=>e.interactionTypeKey===i):e).map(e=>e.referrer).filter(e=>e!==void 0);if(s.length===0)return;let c=n(t(r)),l=s[0],u=o(l,c);for(let e=1;e<s.length;e++){let t=o(s[e],c);t>u&&(l=s[e],u=t)}if(u<=0){let e=s.find(e=>e.payoutType===`percentage`);if(!e)return;l=e}return a(l,r)}function c(t,n){let[a,o]=i(void 0);return r(()=>{if(!t)return;let r=window.FrakSetup?.client;r&&e(r).then(e=>{let t=r.config.metadata?.currency,i=s(e,t,n);i&&o(i)}).catch(()=>{})},[t,n]),{reward:a}}export{c as t};
+import{c as e,h as t,p as n}from"./loader.js";import{l as r,s as i}from"./usePlacement.BgMXY5CX.js";import{n as a}from"./formatReward.B1ZyoceC.js";function o(e,t){switch(e.payoutType){case`fixed`:return e.amount[t];case`tiered`:return e.tiers.reduce((e,n)=>Math.max(e,n.amount[t]),0);case`percentage`:return 0}}function s({rewards:e},r,i){let s=(i?e.filter(e=>e.interactionTypeKey===i):e).map(e=>e.referrer).filter(e=>e!==void 0);if(s.length===0)return;let c=n(t(r)),l=s[0],u=o(l,c);for(let e=1;e<s.length;e++){let t=o(s[e],c);t>u&&(l=s[e],u=t)}if(u<=0){let e=s.find(e=>e.payoutType===`percentage`);if(!e)return;l=e}return a(l,r)}function c(t,n){let[a,o]=i(void 0);return r(()=>{if(!t)return;let r=window.FrakSetup?.client;r&&e(r).then(e=>{let t=r.config.metadata?.currency,i=s(e,t,n);i&&o(i)}).catch(()=>{})},[t,n]),{reward:a}}export{c as t};

package/dist/{GiftIcon-WEWSJ8kV.js → GiftIcon-BIp9FTJs.js}

@@ -1,7 +1,7 @@
 import "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { Component, Fragment as Fragment$1, createElement, options, toChildArray } from "preact";
-//#region ../../node_modules/.bun/preact@10.29.2/node_modules/preact/compat/dist/compat.module.js
+//#region ../../node_modules/.bun/preact@10.29.0/node_modules/preact/compat/dist/compat.module.js
 function g(n, t) {
 	for (var e in t) n[e] = t[e];
 	return n;

package/dist/banner.d.ts

@@ -1,4 +1,5 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
+import * as _$preact from "preact";
 
 //#region src/components/Banner/types.d.ts
 /**
@@ -122,7 +123,7 @@ declare function Banner({
   preview,
   previewMode,
   allowInappRedirect
-}: BannerProps): import("preact").JSX.Element | null;
+}: BannerProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/Banner/index.d.ts
 /**

package/dist/banner.js

@@ -1,8 +1,8 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-SHVjZ5IW.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-Xi52h2yV.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
 import { t as useReward } from "./useReward-ClVShg45.js";
-import { a as ExternalLinkIcon, i as LogoFrakWithName, n as cssSource$3, o as CloseCircleIcon, r as WarningIcon, t as GiftIcon } from "./GiftIcon-WEWSJ8kV.js";
+import { a as ExternalLinkIcon, i as LogoFrakWithName, n as cssSource$3, o as CloseCircleIcon, r as WarningIcon, t as GiftIcon } from "./GiftIcon-BIp9FTJs.js";
 import { isInAppBrowser, redirectToExternalBrowser, trackEvent } from "@frak-labs/core-sdk";
 import { REFERRAL_SUCCESS_EVENT, getMergeToken } from "@frak-labs/core-sdk/actions";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";

package/dist/buttonShare.d.ts

@@ -1,4 +1,5 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
+import * as _$preact from "preact";
 
 //#region src/components/ButtonShare/types.d.ts
 /**
@@ -103,7 +104,7 @@ declare function ButtonShare({
   targetInteraction,
   clickAction: rawClickAction,
   preview
-}: ButtonShareProps): import("preact").JSX.Element | null;
+}: ButtonShareProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/ButtonShare/index.d.ts
 /**

package/dist/buttonShare.js

@@ -1,7 +1,7 @@
-import { a as registerWebComponent, i as useClientReady, s as openSharingPage, t as usePlacement } from "./usePlacement-SHVjZ5IW.js";
+import { a as registerWebComponent, i as useClientReady, s as openSharingPage, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
 import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-Xi52h2yV.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
 import { t as applyRewardPlaceholder } from "./formatReward-Cf2KpA3x.js";
 import { t as useReward } from "./useReward-ClVShg45.js";
 import { trackEvent } from "@frak-labs/core-sdk";

package/dist/buttonWallet.d.ts

@@ -1,4 +1,5 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
+import * as _$preact from "preact";
 
 //#region src/components/ButtonWallet/types.d.ts
 /**
@@ -69,7 +70,7 @@ declare function ButtonWallet({
   classname,
   useReward: rawUseReward,
   targetInteraction
-}: ButtonWalletProps): import("preact").JSX.Element | null;
+}: ButtonWalletProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/ButtonWallet/index.d.ts
 /**

package/dist/buttonWallet.js

@@ -1,4 +1,4 @@
-import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, t as usePlacement } from "./usePlacement-SHVjZ5IW.js";
+import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
 import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
 import { t as useReward } from "./useReward-ClVShg45.js";
 import { useEffect, useMemo, useState } from "preact/hooks";

package/dist/openInApp.d.ts

@@ -1,3 +1,5 @@
+import * as _$preact from "preact";
+
 //#region src/components/OpenInAppButton/types.d.ts
 /**
  * The props type for {@link OpenInAppButton}.
@@ -47,7 +49,7 @@ declare function OpenInAppButton({
   placement: placementId,
   text,
   classname
-}: OpenInAppButtonProps): import("preact").JSX.Element | null;
+}: OpenInAppButtonProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/OpenInAppButton/index.d.ts
 /**

package/dist/openInApp.js

@@ -1,5 +1,5 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-SHVjZ5IW.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-Xi52h2yV.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
 import { DEEP_LINK_SCHEME, isMobile, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";

package/dist/postPurchase.d.ts

@@ -1,4 +1,5 @@
 import { SharingPageProduct } from "@frak-labs/core-sdk";
+import * as _$preact from "preact";
 
 //#region src/components/PostPurchase/types.d.ts
 /**
@@ -142,7 +143,7 @@ declare function PostPurchase({
   previewVariant,
   products,
   imageUrl
-}: PostPurchaseProps): import("preact").JSX.Element | null;
+}: PostPurchaseProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/PostPurchase/index.d.ts
 /**

package/dist/postPurchase.js

@@ -1,8 +1,8 @@
-import { a as registerWebComponent, i as useClientReady, o as sanitizeProductList, s as openSharingPage, t as usePlacement } from "./usePlacement-SHVjZ5IW.js";
+import { a as registerWebComponent, i as useClientReady, o as sanitizeProductList, s as openSharingPage, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-Xi52h2yV.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
 import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Cf2KpA3x.js";
-import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-WEWSJ8kV.js";
+import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-BIp9FTJs.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";

package/dist/{useLightDomStyles-Xi52h2yV.js → useLightDomStyles-C8giLInY.js}

@@ -1,4 +1,4 @@
-import { r as lightDomBaseCss } from "./usePlacement-SHVjZ5IW.js";
+import { r as lightDomBaseCss } from "./usePlacement-5kbU3BKj.js";
 import { useEffect } from "preact/hooks";
 //#region src/styles/styleManager.ts
 function ensureStyle(id, css) {

package/dist/{usePlacement-SHVjZ5IW.js → usePlacement-5kbU3BKj.js}

@@ -17,43 +17,6 @@ async function openSharingPage(targetInteraction, placement, options) {
 	}, placement);
 }
 //#endregion
-//#region src/utils/dom/detectListenerPreloads.ts
-/**
-* Tags that count as "Frak components" for the purpose of preload detection.
-*
-* Kept in sync with the registry in `bootstrap/loader.ts#COMPONENTS_MAP` —
-* any new public custom element should be added here too so the iframe
-* preload hash reflects the user's actual page surface.
-*/
-const FRAK_COMPONENT_SELECTOR = [
-	"frak-button-share",
-	"frak-button-wallet",
-	"frak-open-in-app",
-	"frak-post-purchase",
-	"frak-banner"
-].join(",");
-/**
-* Dynamically compute the iframe preload list based on which Frak components
-* are present in the current document.
-*
-* Behaviour:
-*  - No `frak-*` element on the page → `[]` (caller should skip the
-*    `#preload=...` hash entirely so the listener doesn't warm chunks no one
-*    will use).
-*  - At least one `frak-*` element → `["sharing"]`. Every public component
-*    eventually opens the sharing flow (directly via `<frak-button-share>` or
-*    indirectly via wallet/post-purchase/banner CTAs), so a single hint
-*    covers the whole surface without bloating the iframe URL.
-*
-* Called once during {@link initFrakSdk}, before {@link setupClient} creates
-* the iframe. Dynamically-mounted components (added after init) still work —
-* the listener loads handlers on demand — they just skip the warm-up.
-*/
-function detectListenerPreloads() {
-	if (typeof document === "undefined") return [];
-	return document.querySelector(FRAK_COMPONENT_SELECTOR) !== null ? ["sharing"] : [];
-}
-//#endregion
 //#region src/utils/sharingPageProducts.ts
 /**
 * Whether `value` is a syntactically valid URL with an `http(s):` scheme.
@@ -213,7 +176,7 @@ function initFrakSdk() {
 async function doInit() {
 	if (!window.FrakSetup?.config) throw new Error("[Frak SDK] Configuration not found. Please ensure window.FrakSetup.config is set.");
 	console.log("[Frak SDK] Starting initialization");
-	const client = await setupClient({ config: withDynamicPreload(window.FrakSetup.config) });
+	const client = await setupClient({ config: window.FrakSetup.config });
 	if (!client) throw new Error("[Frak SDK] Failed to create client");
 	window.FrakSetup.client = client;
 	console.log("[Frak SDK] Client initialized successfully");
@@ -222,24 +185,24 @@ async function doInit() {
 	handleActionQueryParam();
 }
 /**
-* Inject a dynamically-computed `preload` list when the caller hasn't set
-* one explicitly.
+* Check the query param for an auto-opening of the Frak sharing page.
 *
-* Rationale: the listener iframe warms Ring 1/Ring 2 chunks based on the
-* `#preload=...` hash. The components CDN entry can detect which Frak
-* components are actually on the page and avoid the warm-up cost when none
-* are mounted. An explicit `config.preload` (including `[]`) is respected
-* as an escape hatch.
-*/
-function withDynamicPreload(config) {
-	if (config.preload !== void 0) return config;
-	return {
-		...config,
-		preload: detectListenerPreloads()
-	};
-}
-/**
-* Check the query param contain params for an auto opening of the frak modal
+* Supported params (all optional except `frakAction`):
+* - `frakAction=share` triggers the auto-open.
+* - `link` overrides the URL the sharing page generates outbound shares for.
+*   When omitted, the listener falls back to the merchant domain.
+* - `products` is a base64-encoded compressed JSON payload of
+*   `SharingPageProduct[]` — produced by `compressJsonToB64(productsArray)`
+*   on the sender side (e.g. a Klaviyo email template). Used by
+*   post-purchase emails to surface the items the customer just bought as
+*   product cards on the sharing page.
+* - `placement` lets the caller scope backend-driven CSS / config to a
+*   specific placement (mirrors the prop on the components).
+*
+* The four params are stripped from the URL via `history.replaceState` as
+* soon as they are read, so refreshes / shares of the current URL do not
+* re-trigger the auto-open. Matches the `fmt` (merge token) and `sso`
+* cleanup patterns elsewhere in the SDK.
 */
 function handleActionQueryParam() {
 	const url = new URL(window.location.href);

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "1.0.8-beta.1f203cc0",
+  "version": "1.0.8",
   "description": "Frak Wallet components, helping any person to interact with the Frak wallet.",
   "repository": {
     "url": "https://github.com/frak-id/wallet",
@@ -86,8 +86,8 @@
     "publish": "echo 'Publishing components...'"
   },
   "dependencies": {
-    "@frak-labs/core-sdk": "1.1.3-beta.1f203cc0",
-    "@frak-labs/frame-connector": "0.2.0-beta.1f203cc0",
+    "@frak-labs/core-sdk": "1.1.3",
+    "@frak-labs/frame-connector": "0.2.0",
     "preact": "^10.29.0",
     "preact-custom-element": "^4.6.0",
     "@frak-labs/design-system": "0.0.0"

package/cdn/Banner.L6HcKGUv.js

@@ -1,178 +0,0 @@
-import{T as e,b as t,d as n,m as r,s as i,u as a}from"./loader.js";import{a as o,c as s,d as c,i as l,l as u,o as d,s as f,t as ee,u as p}from"./usePlacement.CRfzWKVY.js";import{a as m,i as h,n as g,r as te,t as _}from"./GiftIcon.DnSW4dJQ.js";import{t as v}from"./useGlobalComponents.pjgSwLk9.js";import{t as y}from"./useLightDomStyles.2RQE6Iby.js";import{t as ne}from"./useReward.cZ7bx5ND.js";var b=`inAppBanner_body__1ibpiy75`,x=`inAppBanner_closeButton__1ibpiy78`,S=`inAppBanner_container__1ibpiy71`,C=`inAppBanner_cta__1ibpiy77`,w=`inAppBanner_description__1ibpiy76`,T=`inAppBanner_header__1ibpiy72`,E=`inAppBanner_iconWrapper__1ibpiy73`,D=`inAppBanner_title__1ibpiy74`;function O({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:s}){return p(`div`,{className:`${S}${o?` ${o}`:``}`,role:`alert`,children:[p(`div`,{className:T,children:[p(`span`,{className:`${E}${s?.icon?` ${s.icon}`:``}`,children:p(g,{width:20,height:20})}),p(`p`,{className:`${D}${s?.title?` ${s.title}`:``}`,children:e})]}),p(`div`,{className:b,children:[p(`p`,{className:`${w}${s?.description?` ${s.description}`:``}`,children:t}),p(`button`,{type:`button`,className:`${C}${s?.cta?` ${s.cta}`:``}`,onClick:i,children:[n,p(h,{width:14,height:14})]})]}),p(`button`,{type:`button`,className:`${x}${s?.close?` ${s.close}`:``}`,onClick:a,"aria-label":r,children:p(m,{width:16,height:16})})]})}var k=`Banner_frakLogo__1gnumzia`,A=`Banner_iconSvg__1gnumzi2`,j=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,M=`Banner_referralBody__1gnumzi6`,re=`Banner_referralCta__1gnumzi9 sharedBaseCss_buttonReset__7cswil0`,ie=`Banner_referralDescription__1gnumzi8 reset_base__1831jhd0`,N=`Banner_referralIconWrapper__1gnumzi4`,P=`Banner_referralImage__1gnumzi5`,F=`Banner_referralTitle__1gnumzi7 reset_base__1831jhd0`;function I({placement:c,classname:m=``,interaction:h,referralTitle:g,referralDescription:b,referralCta:x,inappTitle:S,inappDescription:C,inappCta:w,imageUrl:T,preview:E,previewMode:D,allowInappRedirect:I}){let L=!!E,R=D===`inapp`?`inapp`:`referral`,z=I===!0||I===`true`,B=ee(c),{shouldRender:V,isHidden:H,isClientReady:U}=l();y(`frak-banner`,c,B?.components?.banner?.css,`@keyframes inAppBanner_fadeIn__1ibpiy70 {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.inAppBanner_container__1ibpiy71 {
-  position: fixed;
-  top: max(8px, env(safe-area-inset-top));
-  left: 16px;
-  right: 16px;
-  z-index: 1000;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 12px 16px;
-  padding-right: 32px;
-  border-radius: 12px;
-  background-color: #000000CC;
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  color: #ffffff;
-  animation: inAppBanner_fadeIn__1ibpiy70 300ms ease-out;
-}
-.inAppBanner_header__1ibpiy72 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.inAppBanner_iconWrapper__1ibpiy73 {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-}
-.inAppBanner_title__1ibpiy74 {
-  margin: 0;
-  padding: 0;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 26px;
-  color: var(--text-onAction__pbq4ak6);
-}
-.inAppBanner_body__1ibpiy75 {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 0 4px;
-}
-.inAppBanner_description__1ibpiy76 {
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  color: var(--text-onAction__pbq4ak6);
-  line-height: 22px;
-  opacity: 0.96;
-}
-.inAppBanner_cta__1ibpiy77 {
-  all: unset;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  color: #2BB2FF;
-  font-size: 14px;
-  font-weight: 600;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  cursor: pointer;
-}
-.inAppBanner_cta__1ibpiy77:focus-visible {
-  outline: 2px solid #2BB2FF;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-.inAppBanner_closeButton__1ibpiy78 {
-  all: unset;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  width: 28px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  color: rgba(255, 255, 255, 0.6);
-  cursor: pointer;
-}
-.inAppBanner_closeButton__1ibpiy78:focus-visible {
-  outline: 2px solid #ffffff;
-  outline-offset: 2px;
-}@keyframes Banner_fadeIn__1gnumzi0 {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.Banner_rootBase__1gnumzi1 {
-  position: relative;
-  display: flex;
-  animation: Banner_fadeIn__1gnumzi0 300ms ease-out;
-}
-.Banner_iconSvg__1gnumzi2 {
-  width: 100%;
-  height: 100%;
-}
-.Banner_referral__1gnumzi3 {
-  flex-direction: row;
-  align-items: center;
-  gap: 16px;
-  padding: 16px;
-  background-color: #ffffff;
-  color: var(--text-primary__pbq4ak0);
-  border: 1px solid var(--border-default__pbq4akv);
-  border-radius: 12px;
-}
-.Banner_referralIconWrapper__1gnumzi4 {
-  flex-shrink: 0;
-  align-self: flex-start;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-}
-.Banner_referralImage__1gnumzi5 {
-  max-width: 100%;
-  max-height: 100%;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-  display: block;
-}
-.Banner_referralBody__1gnumzi6 {
-  flex: 1;
-  min-width: 0;
-}
-.Banner_referralTitle__1gnumzi7 {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-primary__pbq4ak0);
-  line-height: 22px;
-}
-.Banner_referralDescription__1gnumzi8 {
-  margin-bottom: 8px;
-  font-size: 14px;
-  color: #979797;
-  line-height: 22px;
-}
-.Banner_referralCta__1gnumzi9 {
-  display: inline-block;
-  padding: 8px 16px;
-  border: 1px solid #000000;
-  border-radius: 9999px;
-  color: var(--text-primary__pbq4ak0);
-  font-size: 10px;
-  font-weight: 700;
-  line-height: 12px;
-  text-transform: uppercase;
-}
-.Banner_frakLogo__1gnumzia {
-  position: absolute;
-  right: 16px;
-  bottom: 12px;
-  pointer-events: none;
-}`,e);let[W,G]=f(!1),[K,q]=f(()=>L?R:z&&n?`inapp`:null),J=o(null);u(()=>{L&&q(R)},[L,R]);let{reward:Y}=ne(K===`referral`&&U,h),[X,ae]=f(null);u(()=>{let e=window.FrakSetup?.client;K!==`inapp`||L||!U||!e||i(e).then(e=>ae(e)).catch(()=>{})},[K,L,U]),u(()=>{L||!K||W||J.current!==K&&U&&(t(window.FrakSetup?.client,`banner_impression`,{placement:c,variant:K,has_reward:K===`referral`?!!Y:void 0}),J.current=K)},[K,W,U,L,c]),u(()=>{if(L||K===`inapp`)return;let e=()=>q(`referral`);return window.addEventListener(a,e),()=>window.removeEventListener(a,e)},[L,K]);let Z=s(async()=>{if(L)return;if(t(window.FrakSetup?.client,`banner_resolved`,{placement:c,variant:K??`referral`,outcome:`clicked`}),K===`referral`){G(!0);return}let e=X;if(!e&&window.FrakSetup?.client)try{e=await i(window.FrakSetup?.client)}catch{}let n=window.location.href;if(e){let t=new URL(n);t.searchParams.set(`fmt`,e),n=t.toString()}r(n)},[L,K,X,c]),oe=s(()=>{L||(t(window.FrakSetup?.client,`banner_resolved`,{placement:c,variant:K??`referral`,outcome:`dismissed`}),G(!0))},[L,K,c]),se=v(),Q=B?.components?.banner??se?.banner,$=d(()=>{if(K===`referral`){let e=Y?`Earn ${Y} on purchases on this site`:`You've been referred!`;return{title:g??Q?.referralTitle??e,description:b??Q?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:x??Q?.referralCta??`Got it`}}return{title:S??Q?.inappTitle??`Open in your browser`,description:C??Q?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:w??Q?.inappCta??`Open browser`}},[K,Y,Q,g,b,x,S,C,w]);if(!K||!L&&(!V||H||W))return null;let ce=[j,`frak-banner`,`frak-banner--${K}`,m].filter(Boolean).join(` `);return K===`inapp`?p(O,{title:$.title,description:$.description,cta:$.cta,dismissLabel:`Dismiss`,onAction:Z,onDismiss:oe,className:[`frak-banner`,`frak-banner--inapp`,m].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):p(`div`,{class:ce,role:`alert`,children:[p(`div`,{class:`${N} frak-banner__icon`,children:T?p(`img`,{src:T,alt:``,class:P}):p(_,{class:A})}),p(`div`,{class:`${M} frak-banner__text`,children:[p(`p`,{class:`${F} frak-banner__title`,children:$.title}),p(`p`,{class:`${ie} frak-banner__description`,children:$.description}),p(`button`,{type:`button`,class:`${re} frak-banner__cta`,onClick:Z,children:$.cta})]}),p(te,{class:`${k} frak-banner__logo`,width:42,height:24})]})}c(I,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`,`imageUrl`,`allowInappRedirect`],{shadow:!1});export{I as Banner};

package/cdn/PostPurchase.fx6VasmG.js

@@ -1,89 +0,0 @@
-import{S as e,T as t,a as n,b as r,c as i,i as a,o,r as ee,x as te}from"./loader.js";import{a as ne,c as s,d as c,i as l,l as u,o as d,s as f,t as p,u as m}from"./usePlacement.CRfzWKVY.js";import{r as h,t as g}from"./GiftIcon.DnSW4dJQ.js";import{t as re}from"./useGlobalComponents.pjgSwLk9.js";import{t as ie}from"./useLightDomStyles.2RQE6Iby.js";import{n as ae,t as _}from"./formatReward.Cmg_Q___.js";var v=`PostPurchase_card__5fv5lh0`,y=`PostPurchase_cardLayout__5fv5lh1`,b=`PostPurchase_cardLeft__5fv5lh2`,x=`PostPurchase_cardRight__5fv5lh3`,S=`PostPurchase_cta__5fv5lh6 sharedBaseCss_buttonReset__7cswil0`,oe=`PostPurchase_customImage__5fv5lha`,se=`PostPurchase_frakLogo__5fv5lhb`,ce=`PostPurchase_giftIcon__5fv5lh8`,le=`PostPurchase_icon__5fv5lh7`,ue=`PostPurchase_imageWrapper__5fv5lh9`,de=`PostPurchase_message__5fv5lh5`;function fe(e,t){let n=t.rewards.find(e=>e.interactionTypeKey===`purchase`&&(e.referrer||e.referee));if(!n)return null;let r=e?.isReferred&&n.referee?`referee`:`referrer`;return{variant:r,reward:r===`referee`?n.referee:n.referrer,merchantDomain:t.onChainMetadata.domain}}function C({customerId:c,orderId:C,token:w,sharingUrl:T,merchantId:E,placement:D,classname:O=``,variant:k,badgeText:A,referrerText:j,refereeText:M,ctaText:N,preview:P,previewVariant:F,products:I,imageUrl:L}){let R=!!P,{shouldRender:z,isHidden:B,isClientReady:V}=l(),H=p(D);ie(`frak-post-purchase`,D,H?.components?.postPurchase?.css,`.PostPurchase_card__5fv5lh0 {
-  padding: 16px;
-  border-radius: 12px;
-  background-color: var(--surface-background__pbq4akc);
-  border: 1px solid var(--border-default__pbq4akv);
-}
-.PostPurchase_cardLayout__5fv5lh1 {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 32px;
-}
-.PostPurchase_cardLeft__5fv5lh2 {
-  flex-grow: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.PostPurchase_cardRight__5fv5lh3 {
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 8px;
-  text-align: right;
-}
-.PostPurchase_badge__5fv5lh4 {
-  align-self: flex-start;
-  background-color: #FFF534;
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 12px;
-  color: var(--text-primary__pbq4ak0);
-}
-.PostPurchase_message__5fv5lh5 {
-  margin: 0;
-  font-size: 16px;
-  line-height: 22px;
-  color: var(--text-primary__pbq4ak0);
-  font-weight: 600;
-}
-.PostPurchase_cta__5fv5lh6 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  padding: 12px 16px;
-  border-radius: 9999px;
-  background-color: var(--text-primary__pbq4ak0);
-  color: var(--text-onAction__pbq4ak6);
-  font-size: 12px;
-  font-weight: bold;
-  text-transform: uppercase;
-}
-.PostPurchase_cta__5fv5lh6:disabled {
-  opacity: 0.7;
-  cursor: default;
-}
-.PostPurchase_icon__5fv5lh7 {
-  margin: -2px 0;
-}
-.PostPurchase_giftIcon__5fv5lh8 {
-  display: block;
-  flex-shrink: 0;
-}
-.PostPurchase_imageWrapper__5fv5lh9 {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 80px;
-  height: 80px;
-  overflow: hidden;
-}
-.PostPurchase_customImage__5fv5lha {
-  max-width: 100%;
-  max-height: 100%;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-  display: block;
-}
-.PostPurchase_frakLogo__5fv5lhb {
-  display: block;
-  margin-left: auto;
-}`,t);let[U,pe]=f(null),[W,G]=f(!1);u(()=>{R||!V||!c||!C||!w||n({customerId:c,orderId:C,token:w,merchantId:E}).catch(()=>{})},[R,V,c,C,w,E]),u(()=>{if(R||!V||W)return;let t=window.FrakSetup?.client;t&&Promise.all([o(t),i(t)]).then(([e,t])=>{G(!0),pe(fe(e,t))}).catch(t=>{if(t instanceof e&&t.code===te.configError){G(!0);return}console.warn(`[Frak] Post-purchase context error`,t)})},[R,V,W]);let K=ne(null),q=k??U?.variant??(R?F??`referrer`:void 0),J=T??U?.merchantDomain,Y=d(()=>{if(!U?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return ae(U.reward,e)},[U?.reward]),me=re(),X=H?.components?.postPurchase??me?.postPurchase,Z=A??X?.badgeText,Q=d(()=>({message:q===`referee`?Y?_(M??X?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`,Y):M??X?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:Y?_(j??X?.referrerText??`Earn {REWARD} by sharing this with your friends!`,Y):j??X?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:Y?_(N??X?.ctaText??`Share & earn {REWARD}`,Y):N??X?.ctaNoRewardText??`Share & earn`}),[q,Y,X,j,M,N]);u(()=>{q&&K.current!==q&&(!R&&(!z||B||!V)||(r(window.FrakSetup?.client,`post_purchase_impression`,{placement:D,variant:q,has_reward:!!U?.reward}),K.current=q))},[q,z,B,V,R,D,U?.reward]);let $=d(()=>ee(I),[I]),he=s(()=>{q&&(r(window.FrakSetup?.client,`post_purchase_clicked`,{placement:D,variant:q}),a(void 0,D,{link:J,products:$}))},[q,D,J,$]);return!q||!R&&(!z||B||!U)?null:m(`div`,{className:[v,O].filter(Boolean).join(` `),children:m(`div`,{class:y,children:[m(`div`,{class:b,children:[Z&&m(`span`,{class:`PostPurchase_badge__5fv5lh4`,children:Z}),m(`p`,{class:de,children:Q.message}),m(`button`,{type:`button`,className:`${S} button`,disabled:!R&&!V,onClick:R?void 0:he,children:[Q.cta,m(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${le} button`,children:m(`path`,{d:`M13.8984 11.144C13.9864 11.052 14.1543 11.1114 14.1543 11.2388V11.644C14.1543 13.0509 12.6288 14.1918 10.7471 14.1919C8.86523 14.1919 7.33984 13.051 7.33984 11.644V11.2388C7.33984 11.1114 7.50675 11.052 7.59473 11.144C8.3452 11.9295 9.47906 12.4292 10.7471 12.4292C12.0149 12.4291 13.148 11.9293 13.8984 11.144ZM1.8457 9.64795C1.8457 9.51169 2.01094 9.44452 2.10254 9.54053C2.85304 10.3238 3.98586 10.8247 5.25293 10.8247C5.52246 10.8247 5.78608 10.8026 6.04102 10.7593C6.25744 10.7225 6.46582 10.8816 6.46582 11.1011V12.1704C6.46564 12.319 6.36769 12.4507 6.22266 12.4829C5.91535 12.5512 5.58981 12.5874 5.25293 12.5874C3.3711 12.5874 1.8457 11.4469 1.8457 10.0396V9.64795ZM10.7471 6.20654C12.6288 6.20666 14.1543 7.3475 14.1543 8.75439C14.1541 10.1612 12.6287 11.3012 10.7471 11.3013C8.86535 11.3013 7.34004 10.1612 7.33984 8.75439C7.33984 7.34743 8.86523 6.20654 10.7471 6.20654ZM1.8457 6.8501C1.84597 6.71385 2.01208 6.64848 2.10352 6.74365C2.85393 7.52827 3.98602 8.0278 5.25293 8.02783C5.52282 8.02783 5.78667 8.00448 6.04199 7.96143C6.258 7.92499 6.46582 8.08514 6.46582 8.3042V9.37256C6.46582 9.52127 6.36783 9.65378 6.22266 9.68604C5.91537 9.75429 5.58979 9.79053 5.25293 9.79053C3.3711 9.79048 1.8457 8.64863 1.8457 7.24268V6.8501ZM5.25293 1.80811C7.13481 1.80811 8.66016 2.94856 8.66016 4.35596C8.66008 5.76331 7.13476 6.90381 5.25293 6.90381C3.37115 6.90376 1.84578 5.76328 1.8457 4.35596C1.8457 2.94858 3.3711 1.80815 5.25293 1.80811Z`,fill:`currentColor`})})]})]}),m(`div`,{class:x,children:[L?m(`span`,{class:ue,children:m(`img`,{src:L,alt:``,class:oe})}):m(g,{className:ce,width:80,height:80}),m(h,{className:se,width:42,height:24})]})]})})}c(C,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`,`products`,`preview`,`previewVariant`,`imageUrl`],{shadow:!1});export{C as PostPurchase};