@frak-labs/components 1.0.8 → 1.0.10-beta.5b65e64f

package/cdn/usePlacement.CRfzWKVY.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,_,v={},y=[],b=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,x=Array.isArray;function S(e,t){for(var n in t)e[n]=t[n];return e}function C(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function w(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 T(e,s,r,a,null)}function T(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 E(e){return e.children}function D(e,t){this.props=e,this.context=t}function O(e,t){if(t==null)return e.__?O(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`?O(e):null}function k(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,r=[],i=[],o=S({},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??O(t),!!(32&t.__u),i),o.__v=t.__v,o.__.__k[o.__i]=o,oe(r,o,i),t.__e=t.__=null,o.__e!=n&&A(o)}}function A(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}),A(e)}function j(e){(!e.__d&&(e.__d=!0)&&s.push(e)&&!M.__r++||c!=a.debounceRendering)&&((c=a.debounceRendering)||l)(M)}function M(){try{for(var e,t=1;s.length;)s.length>t&&s.sort(u),e=s.shift(),t=s.length,k(e)}finally{s.length=M.__r=0}}function ee(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,_,b=r&&r.__k||y,x=t.length;for(c=te(n,t,b,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&b[p.__i]||v,p.__i=d,g=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)),h==null&&m!=null&&(h=m),(_=!!(4&p.__u))||f.__k===p.__k?(c=ne(p,c,e,_),_&&f.__e&&(f.__e=null)):typeof p.type==`function`&&g!==void 0?c=g:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=h,c}function te(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]=T(null,o,null,null,null):x(o)?o=e.__k[a]=T(E,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=T(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=ie(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=O(s)),le(s,s));return r}function ne(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=ne(i[a],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=O(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t&&=t.nextSibling;while(t!=null&&t.nodeType==8);return t}function re(e,t){return t||=[],e==null||typeof e==`boolean`||(x(e)?e.some(function(e){re(e,t)}):t.push(e)),t}function ie(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 N(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||b.test(t)?n:n+`px`}function P(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||N(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||N(e.style,t,n[t])}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(m,`$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[p]=r[p]:(n[p]=h,e.addEventListener(t,a?_:g,a)):e.removeEventListener(t,a?_:g,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 ae(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t[f]==null)t[f]=h++;else if(t[f]<n[p])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,g,_,v,b,w,T,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(v=t.props,b=M.prototype&&M.prototype.render,w=(d=M.contextType)&&r[d.__c],T=d?w?w.props.value:d.__:r,n.__c?_=(f=t.__c=n.__c).__=f.__E:(b?t.__c=f=new M(v,T):(t.__c=f=new D(v,T),f.constructor=M,f.render=ue),w&&w.sub(f),f.state||={},f.__n=r,p=f.__d=!0,f.__h=[],f._sb=[]),b&&f.__s==null&&(f.__s=f.state),b&&M.getDerivedStateFromProps!=null&&(f.__s==f.state&&(f.__s=S({},f.__s)),S(f.__s,M.getDerivedStateFromProps(v,f.__s))),m=f.props,h=f.state,f.__v=t,p)b&&M.getDerivedStateFromProps==null&&f.componentWillMount!=null&&f.componentWillMount(),b&&f.componentDidMount!=null&&f.__h.push(f.componentDidMount);else{if(b&&M.getDerivedStateFromProps==null&&v!==m&&f.componentWillReceiveProps!=null&&f.componentWillReceiveProps(v,T),t.__v==n.__v||!f.__e&&f.shouldComponentUpdate!=null&&!1===f.shouldComponentUpdate(v,f.__s,T)){t.__v!=n.__v&&(f.props=v,f.state=f.__s,f.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)}),y.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break n}f.componentWillUpdate!=null&&f.componentWillUpdate(v,f.__s,T),b&&f.componentDidUpdate!=null&&f.__h.push(function(){f.componentDidUpdate(m,h,g)})}if(f.context=T,f.props=v,f.__P=e,f.__e=!1,O=a.__r,k=0,b)f.state=f.__s,f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),y.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=S(S({},r),f.getChildContext())),b&&!p&&f.getSnapshotBeforeUpdate!=null&&(g=f.getSnapshotBeforeUpdate(m,h)),A=d!=null&&d.type===E&&d.key==null?se(d.props.children):d,c=ee(e,x(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),_&&(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--;)C(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=ce(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 oe(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 se(e){return typeof e!=`object`||!e||e.__b>0?e:x(e)?e.map(se):e.constructor===void 0?S({},e):null}function ce(e,t,n,r,o,s,c,l,u){var d,f,p,m,h,g,_,y=n.props||v,b=t.props,S=t.type;if(S==`svg`?o=`http://www.w3.org/2000/svg`:S==`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((h=s[d])&&`setAttribute`in h==!!S&&(S?h.localName==S:h.nodeType==3)){e=h,s[d]=null;break}}if(e==null){if(S==null)return document.createTextNode(b);e=document.createElementNS(o,S,b.is&&b),l&&=(a.__m&&a.__m(t,s),!1),s=null}if(S==null)y===b||l&&e.data==b||(e.data=b);else{if(s=S==`textarea`&&b.defaultValue!=null?null:s&&i.call(e.childNodes),!l&&s!=null)for(y={},d=0;d<e.attributes.length;d++)y[(h=e.attributes[d]).name]=h.value;for(d in y)h=y[d],d==`dangerouslySetInnerHTML`?p=h:d==`children`||d in b||d==`value`&&`defaultValue`in b||d==`checked`&&`defaultChecked`in b||P(e,d,null,h,o);for(d in b)h=b[d],d==`children`?m=h:d==`dangerouslySetInnerHTML`?f=h:d==`value`?g=h:d==`checked`?_=h:l&&typeof h!=`function`||y[d]===h||P(e,d,h,y[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,x(m)?m:[m],t,n,r,S==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:n.__k&&O(n,0),l,u),s!=null)for(d=s.length;d--;)C(s[d]);l&&S!=`textarea`||(d=`value`,S==`progress`&&g==null?e.removeAttribute(`value`):g!=null&&(g!==e[d]||S==`progress`&&!g||S==`option`&&g!=y[d])&&P(e,d,g,y[d],o),d=`checked`,_!=null&&_!=e[d]&&P(e,d,_,y[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 le(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]&&le(r[i],t,n||typeof e.type!=`function`);n||C(e.__e),e.__c=e.__=e.__e=void 0}function ue(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=w(E,null,[e]),o||v,v,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),oe(s,e,c)}function de(e,t){R(e,t,de)}function fe(e,t,n){var r,a,o,s,c=S({},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),T(e.type,c,r||e.key,a||e.ref,null)}i=y.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,D.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=S({},this.state);typeof e==`function`&&(e=e(S({},n),this.props)),e&&S(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),j(this))},D.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),j(this))},D.prototype.render=E,s=[],l=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,u=function(e,t){return e.__v.__b-t.__v.__b},M.__r=0,d=Math.random().toString(8),f=`__d`+d,p=`__a`+d,m=/(PointerCapture)$|Capture$/i,h=0,g=ae(!1),_=ae(!0);function z(){return z=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},z.apply(this,arguments)}function B(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 pe=[`context`,`children`],me=[`useFragment`];function he(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(){_e.call(this,r)},i.prototype.attributeChangedCallback=ve,i.prototype.disconnectedCallback=ye,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 ge(e){this.getChildContext=function(){return e.context};var t=e.children;return fe(t,B(e,pe))}function _e(e){var t=new CustomEvent(`_preact`,{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(t),this._vdom=w(ge,z({},this._props,{context:t.detail.context}),xe(this,this._vdomComponent,e)),(this.hasAttribute(`hydrate`)?de:R)(this._vdom,this._root)}function V(e){return e.replace(/-(\w)/g,function(e,t){return t?t.toUpperCase():``})}function ve(e,t,n){if(this._vdom){var r={};r[e]=n??=void 0,r[V(e)]=n,this._vdom=fe(this._vdom,r),R(this._vdom,this._root)}}function ye(){R(this._vdom=null,this._root)}function be(e,t){var n=this,r=e.useFragment,i=B(e,me);return w(r?E:`slot`,z({},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 xe(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[V(o[a].name)]=o[a].value);for(a=s.length;a--;){var c=xe(s[a],null,n),l=s[a].slot;l?i[l]=w(be,{name:l},c):r[a]=c}var u=!(!n||!n.shadow),d=t?w(be,{useFragment:!u},r):r;return!u&&t&&(e.innerHTML=``),w(t||e.nodeName.toLowerCase(),i,d)}function Se(t,r,i=[],a={shadow:!0}){typeof window<`u`&&(e(n),customElements.get(r)||he(t,r,i,a))}var Ce=0;Array.isArray;function we(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:--Ce,__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 H,U,W,Te,G=0,Ee=[],K=a,De=K.__b,Oe=K.__r,ke=K.diffed,Ae=K.__c,je=K.unmount,Me=K.__;function q(e,t){K.__h&&K.__h(U,e,G||t),G=0;var n=U.__H||={__:[],__h:[]};return e>=n.__.length&&n.__.push({}),n.__[e]}function J(e){return G=1,Ne(ze,e)}function Ne(e,t,n){var r=q(H++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):ze(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=U,!U.__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};U.__f=!0;var a=U.shouldComponentUpdate,o=U.componentWillUpdate;U.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)},U.shouldComponentUpdate=i}return r.__N||r.__}function Y(e,t){var n=q(H++,3);!K.__s&&Re(n.__H,t)&&(n.__=e,n.u=t,U.__H.__h.push(n))}function Pe(e){return G=5,X(function(){return{current:e}},[])}function X(e,t){var n=q(H++,7);return Re(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function Fe(e,t){return G=8,X(function(){return e},t)}function Ie(){for(var e;e=Ee.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(Q),t.__h.some($),t.__h=[]}catch(n){t.__h=[],K.__e(n,e.__v)}}}K.__b=function(e){U=null,De&&De(e)},K.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Me&&Me(e,t)},K.__r=function(e){Oe&&Oe(e),H=0;var t=(U=e.__c).__H;t&&(W===U?(t.__h=[],U.__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=[],H=0)),W=U},K.diffed=function(e){ke&&ke(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(Ee.push(t)!==1&&Te===K.requestAnimationFrame||((Te=K.requestAnimationFrame)||Le)(Ie)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),W=U=null},K.__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=[],K.__e(n,e.__v)}}),Ae&&Ae(e,t)},K.unmount=function(e){je&&je(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&&K.__e(t,n.__v))};var Z=typeof requestAnimationFrame==`function`;function Le(e){var t,n=function(){clearTimeout(r),Z&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);Z&&(t=requestAnimationFrame(n))}function Q(e){var t=U,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),U=t}function $(e){var t=U;e.__c=e.__(),U=t}function Re(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function ze(e,t){return typeof t==`function`?t(e):t}function Be(){let[e,n]=J(()=>window.FrakSetup?.config?.waitForBackendConfig===!1?!0:r.isResolved),[i,a]=J(()=>r.getConfig().hidden??!1),[o,s]=J(()=>!!window.FrakSetup?.client);return Y(()=>{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 Ve=`
+: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 He(e,t){return t?`${Ve}\n${e}\n${t}`:`${Ve}\n${e}`}const Ue=`
+: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 We(e){return r.getConfig().placements?.[e]}function Ge(e){let[t,n]=J(0);return Y(()=>{let e=e=>{n(e=>e+1)};return window.addEventListener(`frak:config`,e),n(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),X(()=>e?We(e):void 0,[e,t])}export{Pe as a,Fe as c,Se as d,D as f,a as g,w as h,Be as i,Y as l,E as m,He as n,X as o,re as p,Ue as r,J as s,Ge as t,we as u};

package/cdn/useReward.BxGRytCE.js

@@ -0,0 +1 @@
+import{c as e}from"./loader.js";import{l as t,s as n}from"./usePlacement.CRfzWKVY.js";import{t as r}from"./rewards.ObaTYOMx.js";function i(i,a,o){let[s,c]=n(void 0);return t(()=>{if(!i)return;let t=window.FrakSetup?.client;t&&e(t).then(e=>{let n=r(e.rewards,{currency:t.config.metadata?.currency,targetInteraction:a,audience:o});n&&c(n)}).catch(()=>{})},[i,a,o]),{reward:s}}export{i as t};

package/dist/{GiftIcon-BIp9FTJs.js → GiftIcon-WEWSJ8kV.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.0/node_modules/preact/compat/dist/compat.module.js
+//#region ../../node_modules/.bun/preact@10.29.2/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,5 +1,4 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
-import * as _$preact from "preact";
 
 //#region src/components/Banner/types.d.ts
 /**
@@ -123,7 +122,7 @@ declare function Banner({
   preview,
   previewMode,
   allowInappRedirect
-}: BannerProps): _$preact.JSX.Element | null;
+}: BannerProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/Banner/index.d.ts
 /**

package/dist/banner.js

@@ -1,14 +1,15 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-DTN6H6vW.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.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-BIp9FTJs.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DPKMhggr.js";
+import { r as b } from "./rewards-4ZjvQInq.js";
+import { t as useReward } from "./useReward-CJIKPMmq.js";
+import { a as ExternalLinkIcon, i as LogoFrakWithName, n as cssSource$5, o as CloseCircleIcon, r as WarningIcon, t as GiftIcon } from "./GiftIcon-WEWSJ8kV.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";
 import { jsx, jsxs } from "preact/jsx-runtime";
-//#region \0ve-inline:../../packages/design-system/src/styles/inAppBanner.css.ts.vanilla.js
-const cssSource$2 = `@keyframes inAppBanner_fadeIn__1ibpiy70 {
+//#region \0ve-inline:../../packages/design-system/src/keyframes.css.ts.vanilla.js
+const cssSource$4 = `@keyframes keyframes_fadeIn__mnqmlt0 {
   from {
     opacity: 0;
     transform: translateY(-4px);
@@ -17,8 +18,10 @@ const cssSource$2 = `@keyframes inAppBanner_fadeIn__1ibpiy70 {
     opacity: 1;
     transform: translateY(0);
   }
-}
-.inAppBanner_container__1ibpiy71 {
+}`;
+//#endregion
+//#region \0ve-inline:../../packages/design-system/src/styles/inAppBanner.css.ts.vanilla.js
+const cssSource$3 = `.inAppBanner_container__1ibpiy70 {
   position: fixed;
   top: max(8px, env(safe-area-inset-top));
   left: 16px;
@@ -30,27 +33,27 @@ const cssSource$2 = `@keyframes inAppBanner_fadeIn__1ibpiy70 {
   padding: 12px 16px;
   padding-right: 32px;
   border-radius: 12px;
-  background-color: #000000CC;
+  background-color: #000000cc;
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
-  color: #ffffff;
-  animation: inAppBanner_fadeIn__1ibpiy70 300ms ease-out;
+  color: var(--text-onAction__pbq4ak6);
+  animation: keyframes_fadeIn__mnqmlt0 300ms ease-out;
 }
-.inAppBanner_header__1ibpiy72 {
+.inAppBanner_header__1ibpiy71 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.inAppBanner_iconWrapper__1ibpiy73 {
+.inAppBanner_iconWrapper__1ibpiy72 {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #ffffff;
+  color: var(--text-onAction__pbq4ak6);
 }
-.inAppBanner_title__1ibpiy74 {
+.inAppBanner_title__1ibpiy73 {
   margin: 0;
   padding: 0;
   font-size: 16px;
@@ -58,13 +61,13 @@ const cssSource$2 = `@keyframes inAppBanner_fadeIn__1ibpiy70 {
   line-height: 26px;
   color: var(--text-onAction__pbq4ak6);
 }
-.inAppBanner_body__1ibpiy75 {
+.inAppBanner_body__1ibpiy74 {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   gap: 0 4px;
 }
-.inAppBanner_description__1ibpiy76 {
+.inAppBanner_description__1ibpiy75 {
   margin: 0;
   padding: 0;
   font-size: 14px;
@@ -72,24 +75,24 @@ const cssSource$2 = `@keyframes inAppBanner_fadeIn__1ibpiy70 {
   line-height: 22px;
   opacity: 0.96;
 }
-.inAppBanner_cta__1ibpiy77 {
+.inAppBanner_cta__1ibpiy76 {
   all: unset;
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  color: #2BB2FF;
+  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;
+.inAppBanner_cta__1ibpiy76:focus-visible {
+  outline: 2px solid #2bb2ff;
   outline-offset: 2px;
   border-radius: 4px;
 }
-.inAppBanner_closeButton__1ibpiy78 {
+.inAppBanner_closeButton__1ibpiy77 {
   all: unset;
   position: absolute;
   top: 8px;
@@ -100,23 +103,24 @@ const cssSource$2 = `@keyframes inAppBanner_fadeIn__1ibpiy70 {
   align-items: center;
   justify-content: center;
   border-radius: 9999px;
-  color: rgba(255, 255, 255, 0.6);
+  color: #ffffff99;
   cursor: pointer;
 }
-.inAppBanner_closeButton__1ibpiy78:focus-visible {
-  outline: 2px solid #ffffff;
+.inAppBanner_closeButton__1ibpiy77:focus-visible {
+  outline: 2px solid var(--text-onAction__pbq4ak6);
   outline-offset: 2px;
 }`;
 //#endregion
 //#region ../../packages/design-system/src/styles/inAppBanner.css.ts
-var body = "inAppBanner_body__1ibpiy75";
-var closeButton = "inAppBanner_closeButton__1ibpiy78";
-var container = "inAppBanner_container__1ibpiy71";
-var cta = "inAppBanner_cta__1ibpiy77";
-var description = "inAppBanner_description__1ibpiy76";
-var header = "inAppBanner_header__1ibpiy72";
-var iconWrapper = "inAppBanner_iconWrapper__1ibpiy73";
-var title = "inAppBanner_title__1ibpiy74";
+var body = "inAppBanner_body__1ibpiy74";
+var closeButton = "inAppBanner_closeButton__1ibpiy77";
+var container = "inAppBanner_container__1ibpiy70";
+var cta = "inAppBanner_cta__1ibpiy76";
+var description = "inAppBanner_description__1ibpiy75";
+var header = "inAppBanner_header__1ibpiy71";
+var iconWrapper = "inAppBanner_iconWrapper__1ibpiy72";
+var title = "inAppBanner_title__1ibpiy73";
+cssSource$4 + cssSource$3;
 //#endregion
 //#region ../../packages/design-system/src/components/InAppBanner/index.tsx
 function InAppBanner({ title: title$1, description: description$1, cta: cta$1, dismissLabel, onAction, onDismiss, className, classNames }) {
@@ -167,26 +171,16 @@ function InAppBanner({ title: title$1, description: description$1, cta: cta$1, d
 }
 //#endregion
 //#region \0ve-inline:src/components/Banner/Banner.css.ts.vanilla.js
-const cssSource$1 = `@keyframes Banner_fadeIn__1gnumzi0 {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.Banner_rootBase__1gnumzi1 {
+const cssSource$1 = `.Banner_rootBase__1gnumzi0 {
   position: relative;
   display: flex;
-  animation: Banner_fadeIn__1gnumzi0 300ms ease-out;
+  animation: keyframes_fadeIn__mnqmlt0 300ms ease-out;
 }
-.Banner_iconSvg__1gnumzi2 {
+.Banner_iconSvg__1gnumzi1 {
   width: 100%;
   height: 100%;
 }
-.Banner_referral__1gnumzi3 {
+.Banner_referral__1gnumzi2 {
   flex-direction: row;
   align-items: center;
   gap: 16px;
@@ -196,7 +190,7 @@ const cssSource$1 = `@keyframes Banner_fadeIn__1gnumzi0 {
   border: 1px solid var(--border-default__pbq4akv);
   border-radius: 12px;
 }
-.Banner_referralIconWrapper__1gnumzi4 {
+.Banner_referralIconWrapper__1gnumzi3 {
   flex-shrink: 0;
   align-self: flex-start;
   display: flex;
@@ -206,7 +200,7 @@ const cssSource$1 = `@keyframes Banner_fadeIn__1gnumzi0 {
   height: 40px;
   overflow: hidden;
 }
-.Banner_referralImage__1gnumzi5 {
+.Banner_referralImage__1gnumzi4 {
   max-width: 100%;
   max-height: 100%;
   width: auto;
@@ -214,23 +208,23 @@ const cssSource$1 = `@keyframes Banner_fadeIn__1gnumzi0 {
   object-fit: contain;
   display: block;
 }
-.Banner_referralBody__1gnumzi6 {
+.Banner_referralBody__1gnumzi5 {
   flex: 1;
   min-width: 0;
 }
-.Banner_referralTitle__1gnumzi7 {
+.Banner_referralTitle__1gnumzi6 {
   font-size: 16px;
   font-weight: 600;
   color: var(--text-primary__pbq4ak0);
   line-height: 22px;
 }
-.Banner_referralDescription__1gnumzi8 {
+.Banner_referralDescription__1gnumzi7 {
   margin-bottom: 8px;
   font-size: 14px;
   color: #979797;
   line-height: 22px;
 }
-.Banner_referralCta__1gnumzi9 {
+.Banner_referralCta__1gnumzi8 {
   display: inline-block;
   padding: 8px 16px;
   border: 1px solid #000000;
@@ -241,7 +235,7 @@ const cssSource$1 = `@keyframes Banner_fadeIn__1gnumzi0 {
   line-height: 12px;
   text-transform: uppercase;
 }
-.Banner_frakLogo__1gnumzia {
+.Banner_frakLogo__1gnumzi9 {
   position: absolute;
   right: 16px;
   bottom: 12px;
@@ -249,16 +243,16 @@ const cssSource$1 = `@keyframes Banner_fadeIn__1gnumzi0 {
 }`;
 //#endregion
 //#region src/components/Banner/Banner.css.ts
-var frakLogo = "Banner_frakLogo__1gnumzia";
-var iconSvg = "Banner_iconSvg__1gnumzi2";
-var referral = "Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1";
-var referralBody = "Banner_referralBody__1gnumzi6";
-var referralCta = "Banner_referralCta__1gnumzi9 sharedBaseCss_buttonReset__7cswil0";
-var referralDescription = "Banner_referralDescription__1gnumzi8 reset_base__1831jhd0";
-var referralIconWrapper = "Banner_referralIconWrapper__1gnumzi4";
-var referralImage = "Banner_referralImage__1gnumzi5";
-var referralTitle = "Banner_referralTitle__1gnumzi7 reset_base__1831jhd0";
-const cssSource = cssSource$2 + cssSource$1;
+var frakLogo = "Banner_frakLogo__1gnumzi9";
+var iconSvg = "Banner_iconSvg__1gnumzi1";
+var referral = "Banner_referral__1gnumzi2 reset_base__1831jhd0 Banner_rootBase__1gnumzi0";
+var referralBody = "Banner_referralBody__1gnumzi5";
+var referralCta = "Banner_referralCta__1gnumzi8 sharedBaseCss_buttonReset__7cswil0";
+var referralDescription = "Banner_referralDescription__1gnumzi7 reset_base__1831jhd0";
+var referralIconWrapper = "Banner_referralIconWrapper__1gnumzi3";
+var referralImage = "Banner_referralImage__1gnumzi4";
+var referralTitle = "Banner_referralTitle__1gnumzi6 reset_base__1831jhd0";
+const cssSource = cssSource$4 + cssSource$3 + cssSource$1;
 //#endregion
 //#region src/components/Banner/Banner.tsx
 /**
@@ -297,7 +291,7 @@ function Banner({ placement: placementId, classname = "", interaction, referralT
 	const isInappRedirectAllowed = allowInappRedirect === true || allowInappRedirect === "true";
 	const placement = usePlacement(placementId);
 	const { shouldRender, isHidden, isClientReady } = useClientReady();
-	useLightDomStyles("frak-banner", placementId, placement?.components?.banner?.css, cssSource, cssSource$3);
+	useLightDomStyles("frak-banner", placementId, placement?.components?.banner?.css, cssSource, cssSource$5);
 	const [dismissed, setDismissed] = useState(false);
 	const [mode, setMode] = useState(() => {
 		if (isPreview) return resolvedPreviewMode;
@@ -307,7 +301,7 @@ function Banner({ placement: placementId, classname = "", interaction, referralT
 	useEffect(() => {
 		if (isPreview) setMode(resolvedPreviewMode);
 	}, [isPreview, resolvedPreviewMode]);
-	const { reward } = useReward(mode === "referral" && isClientReady, interaction);
+	const { reward } = useReward(mode === "referral" && isClientReady, interaction, "referee");
 	const [prefetchedMergeToken, setPrefetchedMergeToken] = useState(null);
 	useEffect(() => {
 		const client = window.FrakSetup?.client;
@@ -388,14 +382,14 @@ function Banner({ placement: placementId, classname = "", interaction, referralT
 		if (mode === "referral") {
 			const defaultTitle = reward ? `Earn ${reward} on purchases on this site` : "You've been referred!";
 			return {
-				title: propReferralTitle ?? bannerConfig?.referralTitle ?? defaultTitle,
-				description: propReferralDescription ?? bannerConfig?.referralDescription ?? "Earn rewards after your purchase via the Frak partner app.",
+				title: b(propReferralTitle ?? bannerConfig?.referralTitle ?? defaultTitle, reward),
+				description: b(propReferralDescription ?? bannerConfig?.referralDescription ?? "Earn rewards after your purchase via the Frak partner app.", reward),
 				cta: propReferralCta ?? bannerConfig?.referralCta ?? "Got it"
 			};
 		}
 		return {
-			title: propInappTitle ?? bannerConfig?.inappTitle ?? "Open in your browser",
-			description: propInappDescription ?? bannerConfig?.inappDescription ?? "For a better experience and to earn your rewards, open this page in your default browser.",
+			title: b(propInappTitle ?? bannerConfig?.inappTitle ?? "Open in your browser", reward),
+			description: b(propInappDescription ?? bannerConfig?.inappDescription ?? "For a better experience and to earn your rewards, open this page in your default browser.", reward),
 			cta: propInappCta ?? bannerConfig?.inappCta ?? "Open browser"
 		};
 	}, [

package/dist/buttonShare.d.ts

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

package/dist/buttonShare.js

@@ -1,9 +1,9 @@
-import { a as registerWebComponent, i as useClientReady, s as openSharingPage, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { a as registerWebComponent, i as useClientReady, s as openSharingPage, t as usePlacement } from "./usePlacement-DTN6H6vW.js";
 import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.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 { t as useLightDomStyles } from "./useLightDomStyles-DPKMhggr.js";
+import { r as b } from "./rewards-4ZjvQInq.js";
+import { t as useReward } from "./useReward-CJIKPMmq.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { useCallback, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
@@ -67,8 +67,8 @@ function ButtonShare({ placement: placementId, text = "Share and earn!", classna
 	const { reward } = useReward(wantsReward && isClientReady, resolvedTargetInteraction);
 	const btnText = useMemo(() => {
 		if (!wantsReward) return resolvedText;
-		if (reward) return applyRewardPlaceholder(resolvedText, reward);
-		return resolvedNoRewardText ?? applyRewardPlaceholder(resolvedText, void 0);
+		if (reward) return b(resolvedText, reward);
+		return resolvedNoRewardText ?? b(resolvedText, void 0);
 	}, [
 		wantsReward,
 		resolvedText,

package/dist/buttonWallet.d.ts

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

package/dist/buttonWallet.js

@@ -1,6 +1,6 @@
-import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, t as usePlacement } from "./usePlacement-DTN6H6vW.js";
 import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
-import { t as useReward } from "./useReward-ClVShg45.js";
+import { t as useReward } from "./useReward-CJIKPMmq.js";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/components/ButtonWallet/assets/GiftIcon.tsx

package/dist/openInApp.d.ts

@@ -1,5 +1,3 @@
-import * as _$preact from "preact";
-
 //#region src/components/OpenInAppButton/types.d.ts
 /**
  * The props type for {@link OpenInAppButton}.
@@ -49,7 +47,7 @@ declare function OpenInAppButton({
   placement: placementId,
   text,
   classname
-}: OpenInAppButtonProps): _$preact.JSX.Element | null;
+}: OpenInAppButtonProps): import("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-5kbU3BKj.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-DTN6H6vW.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DPKMhggr.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,5 +1,4 @@
 import { SharingPageProduct } from "@frak-labs/core-sdk";
-import * as _$preact from "preact";
 
 //#region src/components/PostPurchase/types.d.ts
 /**
@@ -143,7 +142,7 @@ declare function PostPurchase({
   previewVariant,
   products,
   imageUrl
-}: PostPurchaseProps): _$preact.JSX.Element | null;
+}: PostPurchaseProps): import("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-5kbU3BKj.js";
+import { a as registerWebComponent, i as useClientReady, o as sanitizeProductList, s as openSharingPage, t as usePlacement } from "./usePlacement-DTN6H6vW.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.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-BIp9FTJs.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DPKMhggr.js";
+import { i as y, n as T, r as b } from "./rewards-4ZjvQInq.js";
+import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-WEWSJ8kV.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";
@@ -116,13 +116,19 @@ const cssSource = cssSource$1;
 * Given referral status and merchant info, compute the display variant
 * and pick the appropriate purchase reward.
 */
-function resolvePostPurchaseContext(referralStatus, merchantInfo) {
-	const purchaseReward = merchantInfo.rewards.find((r) => r.interactionTypeKey === "purchase" && (r.referrer || r.referee));
-	if (!purchaseReward) return null;
-	const variant = referralStatus?.isReferred && purchaseReward.referee ? "referee" : "referrer";
+function resolvePostPurchaseContext(referralStatus, merchantInfo, currency) {
+	const audience = referralStatus?.isReferred ? "referee" : "referrer";
+	const selected = T(merchantInfo.rewards, {
+		targetInteraction: "purchase",
+		currency,
+		audience
+	});
+	if (!selected) return null;
+	const { campaign } = selected;
+	const variant = referralStatus?.isReferred && campaign.referee ? "referee" : "referrer";
 	return {
 		variant,
-		reward: variant === "referee" ? purchaseReward.referee : purchaseReward.referrer,
+		reward: variant === "referee" ? campaign.referee : campaign.referrer,
 		merchantDomain: merchantInfo.onChainMetadata.domain
 	};
 }
@@ -185,7 +191,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		if (!client) return;
 		Promise.all([getUserReferralStatus(client), getMerchantInformation(client)]).then(([referralStatus, merchantInfo]) => {
 			setHasFetched(true);
-			setContext(resolvePostPurchaseContext(referralStatus, merchantInfo));
+			setContext(resolvePostPurchaseContext(referralStatus, merchantInfo, client.config.metadata?.currency));
 		}).catch((e) => {
 			if (e instanceof FrakRpcError && e.code === RpcErrorCodes.configError) {
 				setHasFetched(true);
@@ -204,15 +210,15 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 	const rewardText = useMemo(() => {
 		if (!context?.reward) return void 0;
 		const currency = window.FrakSetup?.client?.config?.metadata?.currency;
-		return formatEstimatedReward(context.reward, currency);
+		return y(context.reward, currency);
 	}, [context?.reward]);
 	const globalComponents = useGlobalComponents();
 	const postPurchaseConfig = placement?.components?.postPurchase ?? globalComponents?.postPurchase;
 	const resolvedBadgeText = propBadgeText ?? postPurchaseConfig?.badgeText;
 	const texts = useMemo(() => {
 		return {
-			message: resolvedVariant === "referee" ? rewardText ? applyRewardPlaceholder(propRefereeText ?? postPurchaseConfig?.refereeText ?? "You just earned {REWARD}! Share with friends to earn even more.", rewardText) : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? "You just earned a reward! Share with friends to earn even more." : rewardText ? applyRewardPlaceholder(propReferrerText ?? postPurchaseConfig?.referrerText ?? "Earn {REWARD} by sharing this with your friends!", rewardText) : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? "Share this with your friends and earn rewards!",
-			cta: rewardText ? applyRewardPlaceholder(propCtaText ?? postPurchaseConfig?.ctaText ?? "Share & earn {REWARD}", rewardText) : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? "Share & earn"
+			message: resolvedVariant === "referee" ? rewardText ? b(propRefereeText ?? postPurchaseConfig?.refereeText ?? "You just earned {REWARD}! Share with friends to earn even more.", rewardText) : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? "You just earned a reward! Share with friends to earn even more." : rewardText ? b(propReferrerText ?? postPurchaseConfig?.referrerText ?? "Earn {REWARD} by sharing this with your friends!", rewardText) : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? "Share this with your friends and earn rewards!",
+			cta: rewardText ? b(propCtaText ?? postPurchaseConfig?.ctaText ?? "Share & earn {REWARD}", rewardText) : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? "Share & earn"
 		};
 	}, [
 		resolvedVariant,
@@ -225,7 +231,8 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 	useEffect(() => {
 		if (!resolvedVariant) return;
 		if (trackedImpressionVariantRef.current === resolvedVariant) return;
-		if (!isPreview && (!shouldRender || isHidden || !isClientReady)) return;
+		if (!isClientReady) return;
+		if (!isPreview && (!shouldRender || isHidden)) return;
 		trackEvent(window.FrakSetup?.client, "post_purchase_impression", {
 			placement: placementId,
 			variant: resolvedVariant,