@frak-labs/components 0.0.26-beta.4c302c9e → 0.0.26-beta.5989fbc3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/Banner.Ws9o79lU.js +64 -0
- package/cdn/ButtonShare.BDS1fgma.js +1 -0
- package/cdn/{ButtonWallet.BWuCPyeD.js → ButtonWallet.Be1UyRm8.js} +1 -1
- package/cdn/{OpenInAppButton.Cth7PeZO.js → OpenInAppButton.Diqt07eo.js} +1 -1
- package/cdn/PostPurchase.DqFhm-Jn.js +52 -0
- package/cdn/components.js +1 -1
- package/cdn/loader.js +1 -1
- package/cdn/{sprinkles.css.ts.vanilla.DqftZWaO.js → sprinkles.css.ts.vanilla.BtFkD4B3.js} +4 -4
- package/cdn/useGlobalComponents.BRe8dKO7.js +1 -0
- package/cdn/{useReward.z3Xv9W3b.js → useReward.qEKeySJG.js} +1 -1
- package/dist/{GiftIcon-ByLU2AzK.js → GiftIcon-4sr9xXyq.js} +185 -1
- package/dist/banner.js +6 -4
- package/dist/buttonShare.js +7 -5
- package/dist/buttonWallet.js +1 -1
- package/dist/openInApp.js +1 -1
- package/dist/postPurchase.js +8 -189
- package/dist/useGlobalComponents-Cmfszr7v.js +21 -0
- package/dist/{useReward-Cup3DU1-.js → useReward-DU3_yP8Q.js} +1 -1
- package/package.json +3 -3
- package/cdn/Banner.8suUv8bz.js +0 -64
- package/cdn/ButtonShare.BQUz6qnD.js +0 -1
- package/cdn/PostPurchase.unZJ0uRk.js +0 -52
- /package/cdn/{formatReward.DGzaZNpK.js → formatReward.CXxVsWN3.js} +0 -0
- /package/cdn/{useLightDomStyles.DvsTLyAM.js → useLightDomStyles.ZFa154u8.js} +0 -0
- /package/cdn/{useShareModal.BMEdhsoV.js → useShareModal.B--64ELG.js} +0 -0
- /package/dist/{formatReward-DglcX-Xj.js → formatReward-Bub6Z6eY.js} +0 -0
- /package/dist/{useLightDomStyles-Cjpf0MnX.js → useLightDomStyles-hgYYZsTy.js} +0 -0
- /package/dist/{useShareModal-Bmlk3eBJ.js → useShareModal-DgEf5WWG.js} +0 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import{d as e,h as t,l as n,m as r}from"./loader.js";import{a as i,c as a,i as o,l as s,o as c,s as l,t as u,u as d}from"./usePlacement.B7jMsQvP.js";import{a as f,c as p,i as m,n as h,r as g,s as _,t as v}from"./sprinkles.css.ts.vanilla.BtFkD4B3.js";import{t as y}from"./useGlobalComponents.BRe8dKO7.js";import{t as b}from"./useLightDomStyles.ZFa154u8.js";import{t as x}from"./useReward.qEKeySJG.js";var S=`inAppBanner_body__1ibpiy75`,C=`inAppBanner_closeButton__1ibpiy78`,w=`inAppBanner_container__1ibpiy71`,T=`inAppBanner_cta__1ibpiy77`,E=`inAppBanner_description__1ibpiy76`,D=`inAppBanner_header__1ibpiy72`,O=`inAppBanner_iconWrapper__1ibpiy73`,k=`inAppBanner_title__1ibpiy74`;m+``;function A({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:c}){return s(`div`,{className:`${w}${o?` ${o}`:``}`,role:`alert`,children:[s(`div`,{className:D,children:[s(`span`,{className:`${O}${c?.icon?` ${c.icon}`:``}`,children:s(f,{width:20,height:20})}),s(`p`,{className:`${k}${c?.title?` ${c.title}`:``}`,children:e})]}),s(`div`,{className:S,children:[s(`p`,{className:`${E}${c?.description?` ${c.description}`:``}`,children:t}),s(`button`,{type:`button`,className:`${T}${c?.cta?` ${c.cta}`:``}`,onClick:i,children:[n,s(_,{width:14,height:14})]})]}),s(`button`,{type:`button`,className:`${C}${c?.close?` ${c.close}`:``}`,onClick:a,"aria-label":r,children:s(p,{width:16,height:16})})]})}var j=`Banner_iconSvg__1gnumzi2`,M=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,N=`Banner_referralBody__1gnumzi5`,P=`Banner_referralCta__1gnumzi8 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,F=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,I=`Banner_referralIconWrapper__1gnumzi4`,L=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const R=h+m+v+`@keyframes Banner_fadeIn__1gnumzi0 {
|
|
2
|
+
from {
|
|
3
|
+
opacity: 0;
|
|
4
|
+
transform: translateY(-4px);
|
|
5
|
+
}
|
|
6
|
+
to {
|
|
7
|
+
opacity: 1;
|
|
8
|
+
transform: translateY(0);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
.Banner_rootBase__1gnumzi1 {
|
|
12
|
+
position: relative;
|
|
13
|
+
display: flex;
|
|
14
|
+
animation: Banner_fadeIn__1gnumzi0 300ms ease-out;
|
|
15
|
+
}
|
|
16
|
+
.Banner_iconSvg__1gnumzi2 {
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
}
|
|
20
|
+
.Banner_referral__1gnumzi3 {
|
|
21
|
+
flex-direction: row;
|
|
22
|
+
align-items: center;
|
|
23
|
+
gap: 16px;
|
|
24
|
+
padding: 16px;
|
|
25
|
+
background-color: #ffffff;
|
|
26
|
+
color: var(--text-primary__pbq4ak0);
|
|
27
|
+
}
|
|
28
|
+
.Banner_referralIconWrapper__1gnumzi4 {
|
|
29
|
+
flex-shrink: 0;
|
|
30
|
+
align-self: flex-start;
|
|
31
|
+
width: 40px;
|
|
32
|
+
height: 40px;
|
|
33
|
+
}
|
|
34
|
+
.Banner_referralBody__1gnumzi5 {
|
|
35
|
+
flex: 1;
|
|
36
|
+
min-width: 0;
|
|
37
|
+
}
|
|
38
|
+
.Banner_referralTitle__1gnumzi6 {
|
|
39
|
+
font-size: 16px;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
color: var(--text-primary__pbq4ak0);
|
|
42
|
+
line-height: 22px;
|
|
43
|
+
}
|
|
44
|
+
.Banner_referralDescription__1gnumzi7 {
|
|
45
|
+
margin-bottom: 8px;
|
|
46
|
+
font-size: 14px;
|
|
47
|
+
color: #979797;
|
|
48
|
+
line-height: 22px;
|
|
49
|
+
}
|
|
50
|
+
.Banner_referralCta__1gnumzi8 {
|
|
51
|
+
display: inline-block;
|
|
52
|
+
padding: 8px 16px;
|
|
53
|
+
border: 1px solid #000000;
|
|
54
|
+
border-radius: 9999px;
|
|
55
|
+
color: var(--text-primary__pbq4ak0);
|
|
56
|
+
font-size: 10px;
|
|
57
|
+
font-weight: 700;
|
|
58
|
+
line-height: 12px;
|
|
59
|
+
text-transform: uppercase;
|
|
60
|
+
}
|
|
61
|
+
.Banner_referralCta__1gnumzi8:focus-visible {
|
|
62
|
+
outline: 2px solid #000000;
|
|
63
|
+
outline-offset: 2px;
|
|
64
|
+
}`;function z({placement:d,classname:f=``,interaction:p,referralTitle:m,referralDescription:h,referralCta:_,inappTitle:v,inappDescription:S,inappCta:C,preview:w,previewMode:T}){let E=!!w,D=T===`inapp`?`inapp`:`referral`,O=u(d),{shouldRender:k,isHidden:z,isClientReady:B}=o();b(`frak-banner`,d,O?.components?.banner?.css,R);let[V,H]=c(!1),[U,W]=c(()=>E?D:t?`inapp`:null);a(()=>{E&&W(D)},[E,D]);let{reward:G}=x(U===`referral`&&B,p),[K,q]=c(null);a(()=>{let t=window.FrakSetup?.client;U!==`inapp`||E||!B||!t||e(t).then(e=>q(e)).catch(()=>{})},[U,E,B]),a(()=>{if(E||U===`inapp`)return;let e=()=>W(`referral`);return window.addEventListener(n,e),()=>window.removeEventListener(n,e)},[E,U]);let J=l(async()=>{if(E)return;if(U===`referral`){H(!0);return}let t=K;if(!t&&window.FrakSetup?.client)try{t=await e(window.FrakSetup?.client)}catch{}let n=window.location.href;if(t){let e=new URL(n);e.searchParams.set(`fmt`,t),n=e.toString()}r(n)},[E,U,K]),Y=l(()=>{E||H(!0)},[E]),X=y(),Z=O?.components?.banner??X?.banner,Q=i(()=>{if(U===`referral`){let e=G?`Earn ${G} on purchases on this site`:`You've been referred!`;return{title:m??Z?.referralTitle??e,description:h??Z?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:_??Z?.referralCta??`Got it`}}return{title:v??Z?.inappTitle??`Open in your browser`,description:S??Z?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:C??Z?.inappCta??`Open browser`}},[U,G,Z,m,h,_,v,S,C]);if(!U||!E&&(!k||z||V))return null;let $=[M,`frak-banner`,`frak-banner--${U}`,f].filter(Boolean).join(` `);return U===`inapp`?s(A,{title:Q.title,description:Q.description,cta:Q.cta,dismissLabel:`Dismiss`,onAction:J,onDismiss:Y,className:[`frak-banner`,`frak-banner--inapp`,f].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):s(`div`,{class:$,role:`alert`,children:[s(`div`,{class:`${I} frak-banner__icon`,children:s(g,{class:j})}),s(`div`,{class:`${N} frak-banner__text`,children:[s(`p`,{class:`${L} frak-banner__title`,children:Q.title}),s(`p`,{class:`${F} frak-banner__description`,children:Q.description}),s(`button`,{type:`button`,class:`${P} frak-banner__cta`,onClick:J,children:Q.cta})]})]})}d(z,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`],{shadow:!1});export{z as Banner};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as e,o as t,p as n}from"./loader.js";import{a as r,i,l as a,o,p as s,s as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useGlobalComponents.BRe8dKO7.js";import{t as f}from"./useLightDomStyles.ZFa154u8.js";import{t as p}from"./formatReward.CXxVsWN3.js";import{t as m}from"./useReward.qEKeySJG.js";import{t as h}from"./useShareModal.B--64ELG.js";async function g(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}await n(window.FrakSetup.client,{metadata:{...e&&{targetInteraction:e}}},t)}function _(e={}){let{successDuration:t=2e3}=e,[n,r]=o(!1);return{copy:c(async e=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),r(!0);else{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.focus(),t.select();try{document.execCommand(`copy`),r(!0)}catch(e){return console.error(`Failed to copy text:`,e),!1}finally{t.remove()}}return setTimeout(()=>{r(!1)},t),!0}catch(e){return console.error(`Failed to copy text:`,e),!1}},[t]),copied:n}}const v={errorContainer:{marginTop:`16px`,padding:`16px`,backgroundColor:`#FEE2E2`,border:`1px solid #FCA5A5`,borderRadius:`4px`,color:`#991B1B`},header:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},title:{margin:0,fontSize:`16px`,fontWeight:500},message:{fontSize:`14px`,lineHeight:`1.5`,margin:`0 0 12px 0`},link:{color:`#991B1B`,textDecoration:`underline`,textUnderlineOffset:`2px`},copyButton:{display:`inline-flex`,alignItems:`center`,gap:`8px`,marginBottom:`10px`,padding:`8px 12px`,backgroundColor:`white`,border:`1px solid #D1D5DB`,borderRadius:`4px`,color:`black`,fontSize:`14px`,fontWeight:500}};function y({debugInfo:e}){let[t,n]=o(!1);return a(`div`,{children:[a(`button`,{type:`button`,style:v.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&a(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function b({debugInfo:e}){let{copied:t,copy:n}=_();return a(`div`,{style:v.errorContainer,children:[a(`div`,{style:v.header,children:a(`h3`,{style:v.title,children:`Oups ! Nous avons rencontré un petit problème`})}),a(`p`,{style:v.message,children:[`Impossible d'ouvrir le menu de partage pour le moment. Si le problème persiste, copiez les informations ci-dessous et collez-les dans votre mail à`,` `,a(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:v.link,children:`help@frak-labs.com`}),` `,a(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),a(`button`,{type:`button`,onClick:()=>n(e??``),style:v.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),a(y,{debugInfo:e})]})}function x({placement:n,text:o=`Share and earn!`,classname:u=``,useReward:_,noRewardText:v,targetInteraction:y,clickAction:x}){let S=l(n),C=d(),w=S?.components?.buttonShare??C?.buttonShare;f(`frak-button-share`,n,w?.css);let T=r(()=>S?.targetInteraction===void 0?y:S.targetInteraction,[S?.targetInteraction,y]),E=w?.text??o,D=w?.noRewardText??v,O=r(()=>w?.useReward??_===!0,[w?.useReward,_]),k=r(()=>w?.clickAction??x??`sharing-page`,[w?.clickAction,x]),{shouldRender:A,isHidden:j,isClientReady:M}=i(),{reward:N}=m(O&&M,T),{handleShare:P,isError:F,debugInfo:I}=h(T,n),L=r(()=>O?N?E.includes(`{REWARD}`)?p(E,N):`${E} ${N}`:D??p(E,void 0):E,[O,E,D,N]),R=c(async()=>{e(window.FrakSetup.client,`share_button_clicked`),k===`embedded-wallet`?t(T,n):k===`share-modal`?await P():g(T,n)},[k,P,T,n]);if(!A||j)return null;let z=[`button`,`button__fadeIn`,u].filter(Boolean).join(` `);return a(s,{children:[a(`button`,{type:`button`,disabled:!M,class:z,onClick:R,children:L}),F&&a(b,{debugInfo:I})]})}u(x,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`],{shadow:!1});export{x as ButtonShare};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{C as e,a as t}from"./loader.js";import{a as n,c as r,i,l as a,n as o,o as s,p as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useReward.
|
|
1
|
+
import{C as e,a as t}from"./loader.js";import{a as n,c as r,i,l as a,n as o,o as s,p as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useReward.qEKeySJG.js";function f(e){return a(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[a(`title`,{children:`Gift icon`}),a(`path`,{d:`m23.1427 13.9999v11.4285h-18.2857v-11.4285m9.1429 11.4285v-17.14282m0 0h-5.1429c-.75776 0-1.48448-.30102-2.0203-.83684s-.83684-1.26255-.83684-2.02031.30102-1.48448.83684-2.0203 1.26254-.83684 2.0203-.83684c4 0 5.1429 5.71429 5.1429 5.71429zm0 0h5.1428c.7578 0 1.4845-.30102 2.0203-.83684s.8369-1.26255.8369-2.02031-.3011-1.48448-.8369-2.0203-1.2625-.83684-2.0203-.83684c-4 0-5.1428 5.71429-5.1428 5.71429zm-11.42861 0h22.85711v5.71432h-22.85711z`,stroke:`#fff`,"stroke-linecap":`round`,"stroke-linejoin":`round`})]})}function p({placement:u,classname:p=``,useReward:m,targetInteraction:h}){let g=l(u),_=n(()=>g?.targetInteraction===void 0?h:g.targetInteraction,[g?.targetInteraction,h]),v=n(()=>m===!0,[m]),{shouldRender:y,isHidden:b,isClientReady:x}=i(),{reward:S}=d(v&&x,_),[C,w]=s(`right`);if(r(()=>{let e=g?.components?.buttonWallet?.position,t=window.FrakSetup?.modalWalletConfig?.metadata?.position;w(e??t??`right`)},[g?.components?.buttonWallet?.position]),!y||b)return null;let T=[`button`,`button__fadeIn`,C===`left`?`button__left`:`button__right`,p].filter(Boolean).join(` `);return a(c,{children:[a(`style`,{children:o(`
|
|
2
2
|
.button {
|
|
3
3
|
all: unset;
|
|
4
4
|
position: fixed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as e,_ as t,b as n}from"./loader.js";import{a as r,i,l as a,t as o,u as s}from"./usePlacement.B7jMsQvP.js";import{t as c}from"./useLightDomStyles.
|
|
1
|
+
import{C as e,_ as t,b as n}from"./loader.js";import{a as r,i,l as a,t as o,u as s}from"./usePlacement.B7jMsQvP.js";import{t as c}from"./useLightDomStyles.ZFa154u8.js";function l(){return typeof navigator>`u`?!1:!!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints>1)}function u(){return{isMobile:r(()=>l(),[])}}function d(r=`wallet`){let i=window.FrakSetup?.client;i&&e(i,`open_in_app_clicked`),t(`${n}${r}`,{onFallback:()=>{i&&e(i,`app_not_installed`)}})}function f({placement:e,text:t=`Open in App`,classname:n=``}){let r=o(e),{shouldRender:s,isHidden:l,isClientReady:f}=i(),{isMobile:p}=u();c(`frak-open-in-app`,e,r?.components?.openInApp?.css);let m=r?.components?.openInApp?.text??t;if(!p||!s||l)return null;let h=()=>{d()},g=[`button`,`button__fadeIn`,n].filter(Boolean).join(` `);return a(`button`,{type:`button`,"aria-label":`Open in Frak Wallet app`,disabled:!f,class:g,onClick:h,children:m})}s(f,`frak-open-in-app`,[`text`,`placement`,`classname`],{shadow:!1});export{f as OpenInAppButton};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import{T as e,c as t,f as n,u as r,w as i}from"./loader.js";import{a,c as o,f as s,i as c,l,o as u,t as d,u as f}from"./usePlacement.B7jMsQvP.js";import{i as p,o as m,r as ee,t as h}from"./sprinkles.css.ts.vanilla.BtFkD4B3.js";import{t as g}from"./useGlobalComponents.BRe8dKO7.js";import{t as te}from"./useLightDomStyles.ZFa154u8.js";import{n as _,t as v}from"./formatReward.CXxVsWN3.js";import{t as y}from"./useShareModal.B--64ELG.js";function b(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=b(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function x(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=b(e))&&(r&&(r+=` `),r+=t);return r}var S=`reset_base__1831jhd0`,C={ul:`reset_element_ul__1831jhd4`,ol:`reset_element_ol__1831jhd5`,button:`reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,a:`reset_element_a__1831jhd7 reset_focusRing__1831jhd1`,input:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,select:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,textarea:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,table:`reset_element_table__1831jhdb`,img:`reset_element_img__1831jhdc`};function w(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function T(e){var t=w(e,`string`);return typeof t==`symbol`?t:String(t)}function E(e,t,n){return t=T(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?D(Object(n),!0).forEach(function(t){E(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var k=e=>function(){var t=Object.assign({},...[...arguments].map(e=>e.styles)),n=Object.keys(t),r=n.filter(e=>`mappings`in t[e]);return Object.assign(n=>{var i=[],a={},o=O({},n),s=!1;for(var c of r){var l=n[c];if(l!=null){var u=t[c];s=!0;for(var d of u.mappings)a[d]=l,o[d]??delete o[d]}}var f=s?O(O({},a),o):n,p=function(){var e=f[m],n=t[m];try{if(n.mappings)return 1;if(typeof e==`string`||typeof e==`number`)i.push(n.values[e].defaultClass);else if(Array.isArray(e))for(var r=0;r<e.length;r++){var a=e[r];if(a!=null){var o=n.responsiveArray[r];i.push(n.values[a].conditions[o])}}else for(var s in e){var c=e[s];c!=null&&i.push(n.values[c].conditions[s])}}catch(e){throw e}};for(var m in f)if(p())continue;return e(i.join(` `))},{properties:new Set(n)})},A=e=>e,j=function(){return k(A)(...arguments)}(function(){var e={conditions:{defaultCondition:`mobile`,conditionNames:[`mobile`,`tablet`,`desktop`],responsiveArray:[`mobile`,`tablet`,`desktop`]},styles:{padding:{mappings:[`paddingTop`,`paddingBottom`,`paddingLeft`,`paddingRight`]},paddingX:{mappings:[`paddingLeft`,`paddingRight`]},paddingY:{mappings:[`paddingTop`,`paddingBottom`]},marginX:{mappings:[`marginLeft`,`marginRight`]},marginY:{mappings:[`marginTop`,`marginBottom`]},display:{values:{none:{conditions:{mobile:`sprinkles_display_none_mobile__1iaw8zx0`,tablet:`sprinkles_display_none_tablet__1iaw8zx1`,desktop:`sprinkles_display_none_desktop__1iaw8zx2`},defaultClass:`sprinkles_display_none_mobile__1iaw8zx0`},flex:{conditions:{mobile:`sprinkles_display_flex_mobile__1iaw8zx3`,tablet:`sprinkles_display_flex_tablet__1iaw8zx4`,desktop:`sprinkles_display_flex_desktop__1iaw8zx5`},defaultClass:`sprinkles_display_flex_mobile__1iaw8zx3`},block:{conditions:{mobile:`sprinkles_display_block_mobile__1iaw8zx6`,tablet:`sprinkles_display_block_tablet__1iaw8zx7`,desktop:`sprinkles_display_block_desktop__1iaw8zx8`},defaultClass:`sprinkles_display_block_mobile__1iaw8zx6`},grid:{conditions:{mobile:`sprinkles_display_grid_mobile__1iaw8zx9`,tablet:`sprinkles_display_grid_tablet__1iaw8zxa`,desktop:`sprinkles_display_grid_desktop__1iaw8zxb`},defaultClass:`sprinkles_display_grid_mobile__1iaw8zx9`},"inline-flex":{conditions:{mobile:`sprinkles_display_inline-flex_mobile__1iaw8zxc`,tablet:`sprinkles_display_inline-flex_tablet__1iaw8zxd`,desktop:`sprinkles_display_inline-flex_desktop__1iaw8zxe`},defaultClass:`sprinkles_display_inline-flex_mobile__1iaw8zxc`}},responsiveArray:void 0},flexDirection:{values:{row:{conditions:{mobile:`sprinkles_flexDirection_row_mobile__1iaw8zxf`,tablet:`sprinkles_flexDirection_row_tablet__1iaw8zxg`,desktop:`sprinkles_flexDirection_row_desktop__1iaw8zxh`},defaultClass:`sprinkles_flexDirection_row_mobile__1iaw8zxf`},column:{conditions:{mobile:`sprinkles_flexDirection_column_mobile__1iaw8zxi`,tablet:`sprinkles_flexDirection_column_tablet__1iaw8zxj`,desktop:`sprinkles_flexDirection_column_desktop__1iaw8zxk`},defaultClass:`sprinkles_flexDirection_column_mobile__1iaw8zxi`}},responsiveArray:void 0},alignItems:{values:{stretch:{conditions:{mobile:`sprinkles_alignItems_stretch_mobile__1iaw8zxl`,tablet:`sprinkles_alignItems_stretch_tablet__1iaw8zxm`,desktop:`sprinkles_alignItems_stretch_desktop__1iaw8zxn`},defaultClass:`sprinkles_alignItems_stretch_mobile__1iaw8zxl`},"flex-start":{conditions:{mobile:`sprinkles_alignItems_flex-start_mobile__1iaw8zxo`,tablet:`sprinkles_alignItems_flex-start_tablet__1iaw8zxp`,desktop:`sprinkles_alignItems_flex-start_desktop__1iaw8zxq`},defaultClass:`sprinkles_alignItems_flex-start_mobile__1iaw8zxo`},center:{conditions:{mobile:`sprinkles_alignItems_center_mobile__1iaw8zxr`,tablet:`sprinkles_alignItems_center_tablet__1iaw8zxs`,desktop:`sprinkles_alignItems_center_desktop__1iaw8zxt`},defaultClass:`sprinkles_alignItems_center_mobile__1iaw8zxr`},"flex-end":{conditions:{mobile:`sprinkles_alignItems_flex-end_mobile__1iaw8zxu`,tablet:`sprinkles_alignItems_flex-end_tablet__1iaw8zxv`,desktop:`sprinkles_alignItems_flex-end_desktop__1iaw8zxw`},defaultClass:`sprinkles_alignItems_flex-end_mobile__1iaw8zxu`},baseline:{conditions:{mobile:`sprinkles_alignItems_baseline_mobile__1iaw8zxx`,tablet:`sprinkles_alignItems_baseline_tablet__1iaw8zxy`,desktop:`sprinkles_alignItems_baseline_desktop__1iaw8zxz`},defaultClass:`sprinkles_alignItems_baseline_mobile__1iaw8zxx`}},responsiveArray:void 0},justifyContent:{values:{stretch:{conditions:{mobile:`sprinkles_justifyContent_stretch_mobile__1iaw8zx10`,tablet:`sprinkles_justifyContent_stretch_tablet__1iaw8zx11`,desktop:`sprinkles_justifyContent_stretch_desktop__1iaw8zx12`},defaultClass:`sprinkles_justifyContent_stretch_mobile__1iaw8zx10`},"flex-start":{conditions:{mobile:`sprinkles_justifyContent_flex-start_mobile__1iaw8zx13`,tablet:`sprinkles_justifyContent_flex-start_tablet__1iaw8zx14`,desktop:`sprinkles_justifyContent_flex-start_desktop__1iaw8zx15`},defaultClass:`sprinkles_justifyContent_flex-start_mobile__1iaw8zx13`},center:{conditions:{mobile:`sprinkles_justifyContent_center_mobile__1iaw8zx16`,tablet:`sprinkles_justifyContent_center_tablet__1iaw8zx17`,desktop:`sprinkles_justifyContent_center_desktop__1iaw8zx18`},defaultClass:`sprinkles_justifyContent_center_mobile__1iaw8zx16`},"flex-end":{conditions:{mobile:`sprinkles_justifyContent_flex-end_mobile__1iaw8zx19`,tablet:`sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a`,desktop:`sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b`},defaultClass:`sprinkles_justifyContent_flex-end_mobile__1iaw8zx19`},"space-between":{conditions:{mobile:`sprinkles_justifyContent_space-between_mobile__1iaw8zx1c`,tablet:`sprinkles_justifyContent_space-between_tablet__1iaw8zx1d`,desktop:`sprinkles_justifyContent_space-between_desktop__1iaw8zx1e`},defaultClass:`sprinkles_justifyContent_space-between_mobile__1iaw8zx1c`},"space-around":{conditions:{mobile:`sprinkles_justifyContent_space-around_mobile__1iaw8zx1f`,tablet:`sprinkles_justifyContent_space-around_tablet__1iaw8zx1g`,desktop:`sprinkles_justifyContent_space-around_desktop__1iaw8zx1h`},defaultClass:`sprinkles_justifyContent_space-around_mobile__1iaw8zx1f`}},responsiveArray:void 0},flexWrap:{values:{nowrap:{conditions:{mobile:`sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i`,tablet:`sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j`,desktop:`sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k`},defaultClass:`sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i`},wrap:{conditions:{mobile:`sprinkles_flexWrap_wrap_mobile__1iaw8zx1l`,tablet:`sprinkles_flexWrap_wrap_tablet__1iaw8zx1m`,desktop:`sprinkles_flexWrap_wrap_desktop__1iaw8zx1n`},defaultClass:`sprinkles_flexWrap_wrap_mobile__1iaw8zx1l`},"wrap-reverse":{conditions:{mobile:`sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o`,tablet:`sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p`,desktop:`sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q`},defaultClass:`sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o`}},responsiveArray:void 0},gap:{values:{none:{conditions:{mobile:`sprinkles_gap_none_mobile__1iaw8zx1r`,tablet:`sprinkles_gap_none_tablet__1iaw8zx1s`,desktop:`sprinkles_gap_none_desktop__1iaw8zx1t`},defaultClass:`sprinkles_gap_none_mobile__1iaw8zx1r`},xxs:{conditions:{mobile:`sprinkles_gap_xxs_mobile__1iaw8zx1u`,tablet:`sprinkles_gap_xxs_tablet__1iaw8zx1v`,desktop:`sprinkles_gap_xxs_desktop__1iaw8zx1w`},defaultClass:`sprinkles_gap_xxs_mobile__1iaw8zx1u`},xs:{conditions:{mobile:`sprinkles_gap_xs_mobile__1iaw8zx1x`,tablet:`sprinkles_gap_xs_tablet__1iaw8zx1y`,desktop:`sprinkles_gap_xs_desktop__1iaw8zx1z`},defaultClass:`sprinkles_gap_xs_mobile__1iaw8zx1x`},s:{conditions:{mobile:`sprinkles_gap_s_mobile__1iaw8zx20`,tablet:`sprinkles_gap_s_tablet__1iaw8zx21`,desktop:`sprinkles_gap_s_desktop__1iaw8zx22`},defaultClass:`sprinkles_gap_s_mobile__1iaw8zx20`},m:{conditions:{mobile:`sprinkles_gap_m_mobile__1iaw8zx23`,tablet:`sprinkles_gap_m_tablet__1iaw8zx24`,desktop:`sprinkles_gap_m_desktop__1iaw8zx25`},defaultClass:`sprinkles_gap_m_mobile__1iaw8zx23`},l:{conditions:{mobile:`sprinkles_gap_l_mobile__1iaw8zx26`,tablet:`sprinkles_gap_l_tablet__1iaw8zx27`,desktop:`sprinkles_gap_l_desktop__1iaw8zx28`},defaultClass:`sprinkles_gap_l_mobile__1iaw8zx26`},xl:{conditions:{mobile:`sprinkles_gap_xl_mobile__1iaw8zx29`,tablet:`sprinkles_gap_xl_tablet__1iaw8zx2a`,desktop:`sprinkles_gap_xl_desktop__1iaw8zx2b`},defaultClass:`sprinkles_gap_xl_mobile__1iaw8zx29`}},responsiveArray:void 0},paddingTop:{values:{none:{conditions:{mobile:`sprinkles_paddingTop_none_mobile__1iaw8zx2c`,tablet:`sprinkles_paddingTop_none_tablet__1iaw8zx2d`,desktop:`sprinkles_paddingTop_none_desktop__1iaw8zx2e`},defaultClass:`sprinkles_paddingTop_none_mobile__1iaw8zx2c`},xxs:{conditions:{mobile:`sprinkles_paddingTop_xxs_mobile__1iaw8zx2f`,tablet:`sprinkles_paddingTop_xxs_tablet__1iaw8zx2g`,desktop:`sprinkles_paddingTop_xxs_desktop__1iaw8zx2h`},defaultClass:`sprinkles_paddingTop_xxs_mobile__1iaw8zx2f`},xs:{conditions:{mobile:`sprinkles_paddingTop_xs_mobile__1iaw8zx2i`,tablet:`sprinkles_paddingTop_xs_tablet__1iaw8zx2j`,desktop:`sprinkles_paddingTop_xs_desktop__1iaw8zx2k`},defaultClass:`sprinkles_paddingTop_xs_mobile__1iaw8zx2i`},s:{conditions:{mobile:`sprinkles_paddingTop_s_mobile__1iaw8zx2l`,tablet:`sprinkles_paddingTop_s_tablet__1iaw8zx2m`,desktop:`sprinkles_paddingTop_s_desktop__1iaw8zx2n`},defaultClass:`sprinkles_paddingTop_s_mobile__1iaw8zx2l`},m:{conditions:{mobile:`sprinkles_paddingTop_m_mobile__1iaw8zx2o`,tablet:`sprinkles_paddingTop_m_tablet__1iaw8zx2p`,desktop:`sprinkles_paddingTop_m_desktop__1iaw8zx2q`},defaultClass:`sprinkles_paddingTop_m_mobile__1iaw8zx2o`},l:{conditions:{mobile:`sprinkles_paddingTop_l_mobile__1iaw8zx2r`,tablet:`sprinkles_paddingTop_l_tablet__1iaw8zx2s`,desktop:`sprinkles_paddingTop_l_desktop__1iaw8zx2t`},defaultClass:`sprinkles_paddingTop_l_mobile__1iaw8zx2r`},xl:{conditions:{mobile:`sprinkles_paddingTop_xl_mobile__1iaw8zx2u`,tablet:`sprinkles_paddingTop_xl_tablet__1iaw8zx2v`,desktop:`sprinkles_paddingTop_xl_desktop__1iaw8zx2w`},defaultClass:`sprinkles_paddingTop_xl_mobile__1iaw8zx2u`}},responsiveArray:void 0},paddingBottom:{values:{none:{conditions:{mobile:`sprinkles_paddingBottom_none_mobile__1iaw8zx2x`,tablet:`sprinkles_paddingBottom_none_tablet__1iaw8zx2y`,desktop:`sprinkles_paddingBottom_none_desktop__1iaw8zx2z`},defaultClass:`sprinkles_paddingBottom_none_mobile__1iaw8zx2x`},xxs:{conditions:{mobile:`sprinkles_paddingBottom_xxs_mobile__1iaw8zx30`,tablet:`sprinkles_paddingBottom_xxs_tablet__1iaw8zx31`,desktop:`sprinkles_paddingBottom_xxs_desktop__1iaw8zx32`},defaultClass:`sprinkles_paddingBottom_xxs_mobile__1iaw8zx30`},xs:{conditions:{mobile:`sprinkles_paddingBottom_xs_mobile__1iaw8zx33`,tablet:`sprinkles_paddingBottom_xs_tablet__1iaw8zx34`,desktop:`sprinkles_paddingBottom_xs_desktop__1iaw8zx35`},defaultClass:`sprinkles_paddingBottom_xs_mobile__1iaw8zx33`},s:{conditions:{mobile:`sprinkles_paddingBottom_s_mobile__1iaw8zx36`,tablet:`sprinkles_paddingBottom_s_tablet__1iaw8zx37`,desktop:`sprinkles_paddingBottom_s_desktop__1iaw8zx38`},defaultClass:`sprinkles_paddingBottom_s_mobile__1iaw8zx36`},m:{conditions:{mobile:`sprinkles_paddingBottom_m_mobile__1iaw8zx39`,tablet:`sprinkles_paddingBottom_m_tablet__1iaw8zx3a`,desktop:`sprinkles_paddingBottom_m_desktop__1iaw8zx3b`},defaultClass:`sprinkles_paddingBottom_m_mobile__1iaw8zx39`},l:{conditions:{mobile:`sprinkles_paddingBottom_l_mobile__1iaw8zx3c`,tablet:`sprinkles_paddingBottom_l_tablet__1iaw8zx3d`,desktop:`sprinkles_paddingBottom_l_desktop__1iaw8zx3e`},defaultClass:`sprinkles_paddingBottom_l_mobile__1iaw8zx3c`},xl:{conditions:{mobile:`sprinkles_paddingBottom_xl_mobile__1iaw8zx3f`,tablet:`sprinkles_paddingBottom_xl_tablet__1iaw8zx3g`,desktop:`sprinkles_paddingBottom_xl_desktop__1iaw8zx3h`},defaultClass:`sprinkles_paddingBottom_xl_mobile__1iaw8zx3f`}},responsiveArray:void 0},paddingLeft:{values:{none:{conditions:{mobile:`sprinkles_paddingLeft_none_mobile__1iaw8zx3i`,tablet:`sprinkles_paddingLeft_none_tablet__1iaw8zx3j`,desktop:`sprinkles_paddingLeft_none_desktop__1iaw8zx3k`},defaultClass:`sprinkles_paddingLeft_none_mobile__1iaw8zx3i`},xxs:{conditions:{mobile:`sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l`,tablet:`sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m`,desktop:`sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n`},defaultClass:`sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l`},xs:{conditions:{mobile:`sprinkles_paddingLeft_xs_mobile__1iaw8zx3o`,tablet:`sprinkles_paddingLeft_xs_tablet__1iaw8zx3p`,desktop:`sprinkles_paddingLeft_xs_desktop__1iaw8zx3q`},defaultClass:`sprinkles_paddingLeft_xs_mobile__1iaw8zx3o`},s:{conditions:{mobile:`sprinkles_paddingLeft_s_mobile__1iaw8zx3r`,tablet:`sprinkles_paddingLeft_s_tablet__1iaw8zx3s`,desktop:`sprinkles_paddingLeft_s_desktop__1iaw8zx3t`},defaultClass:`sprinkles_paddingLeft_s_mobile__1iaw8zx3r`},m:{conditions:{mobile:`sprinkles_paddingLeft_m_mobile__1iaw8zx3u`,tablet:`sprinkles_paddingLeft_m_tablet__1iaw8zx3v`,desktop:`sprinkles_paddingLeft_m_desktop__1iaw8zx3w`},defaultClass:`sprinkles_paddingLeft_m_mobile__1iaw8zx3u`},l:{conditions:{mobile:`sprinkles_paddingLeft_l_mobile__1iaw8zx3x`,tablet:`sprinkles_paddingLeft_l_tablet__1iaw8zx3y`,desktop:`sprinkles_paddingLeft_l_desktop__1iaw8zx3z`},defaultClass:`sprinkles_paddingLeft_l_mobile__1iaw8zx3x`},xl:{conditions:{mobile:`sprinkles_paddingLeft_xl_mobile__1iaw8zx40`,tablet:`sprinkles_paddingLeft_xl_tablet__1iaw8zx41`,desktop:`sprinkles_paddingLeft_xl_desktop__1iaw8zx42`},defaultClass:`sprinkles_paddingLeft_xl_mobile__1iaw8zx40`}},responsiveArray:void 0},paddingRight:{values:{none:{conditions:{mobile:`sprinkles_paddingRight_none_mobile__1iaw8zx43`,tablet:`sprinkles_paddingRight_none_tablet__1iaw8zx44`,desktop:`sprinkles_paddingRight_none_desktop__1iaw8zx45`},defaultClass:`sprinkles_paddingRight_none_mobile__1iaw8zx43`},xxs:{conditions:{mobile:`sprinkles_paddingRight_xxs_mobile__1iaw8zx46`,tablet:`sprinkles_paddingRight_xxs_tablet__1iaw8zx47`,desktop:`sprinkles_paddingRight_xxs_desktop__1iaw8zx48`},defaultClass:`sprinkles_paddingRight_xxs_mobile__1iaw8zx46`},xs:{conditions:{mobile:`sprinkles_paddingRight_xs_mobile__1iaw8zx49`,tablet:`sprinkles_paddingRight_xs_tablet__1iaw8zx4a`,desktop:`sprinkles_paddingRight_xs_desktop__1iaw8zx4b`},defaultClass:`sprinkles_paddingRight_xs_mobile__1iaw8zx49`},s:{conditions:{mobile:`sprinkles_paddingRight_s_mobile__1iaw8zx4c`,tablet:`sprinkles_paddingRight_s_tablet__1iaw8zx4d`,desktop:`sprinkles_paddingRight_s_desktop__1iaw8zx4e`},defaultClass:`sprinkles_paddingRight_s_mobile__1iaw8zx4c`},m:{conditions:{mobile:`sprinkles_paddingRight_m_mobile__1iaw8zx4f`,tablet:`sprinkles_paddingRight_m_tablet__1iaw8zx4g`,desktop:`sprinkles_paddingRight_m_desktop__1iaw8zx4h`},defaultClass:`sprinkles_paddingRight_m_mobile__1iaw8zx4f`},l:{conditions:{mobile:`sprinkles_paddingRight_l_mobile__1iaw8zx4i`,tablet:`sprinkles_paddingRight_l_tablet__1iaw8zx4j`,desktop:`sprinkles_paddingRight_l_desktop__1iaw8zx4k`},defaultClass:`sprinkles_paddingRight_l_mobile__1iaw8zx4i`},xl:{conditions:{mobile:`sprinkles_paddingRight_xl_mobile__1iaw8zx4l`,tablet:`sprinkles_paddingRight_xl_tablet__1iaw8zx4m`,desktop:`sprinkles_paddingRight_xl_desktop__1iaw8zx4n`},defaultClass:`sprinkles_paddingRight_xl_mobile__1iaw8zx4l`}},responsiveArray:void 0},marginTop:{values:{none:{conditions:{mobile:`sprinkles_marginTop_none_mobile__1iaw8zx4o`,tablet:`sprinkles_marginTop_none_tablet__1iaw8zx4p`,desktop:`sprinkles_marginTop_none_desktop__1iaw8zx4q`},defaultClass:`sprinkles_marginTop_none_mobile__1iaw8zx4o`},xxs:{conditions:{mobile:`sprinkles_marginTop_xxs_mobile__1iaw8zx4r`,tablet:`sprinkles_marginTop_xxs_tablet__1iaw8zx4s`,desktop:`sprinkles_marginTop_xxs_desktop__1iaw8zx4t`},defaultClass:`sprinkles_marginTop_xxs_mobile__1iaw8zx4r`},xs:{conditions:{mobile:`sprinkles_marginTop_xs_mobile__1iaw8zx4u`,tablet:`sprinkles_marginTop_xs_tablet__1iaw8zx4v`,desktop:`sprinkles_marginTop_xs_desktop__1iaw8zx4w`},defaultClass:`sprinkles_marginTop_xs_mobile__1iaw8zx4u`},s:{conditions:{mobile:`sprinkles_marginTop_s_mobile__1iaw8zx4x`,tablet:`sprinkles_marginTop_s_tablet__1iaw8zx4y`,desktop:`sprinkles_marginTop_s_desktop__1iaw8zx4z`},defaultClass:`sprinkles_marginTop_s_mobile__1iaw8zx4x`},m:{conditions:{mobile:`sprinkles_marginTop_m_mobile__1iaw8zx50`,tablet:`sprinkles_marginTop_m_tablet__1iaw8zx51`,desktop:`sprinkles_marginTop_m_desktop__1iaw8zx52`},defaultClass:`sprinkles_marginTop_m_mobile__1iaw8zx50`},l:{conditions:{mobile:`sprinkles_marginTop_l_mobile__1iaw8zx53`,tablet:`sprinkles_marginTop_l_tablet__1iaw8zx54`,desktop:`sprinkles_marginTop_l_desktop__1iaw8zx55`},defaultClass:`sprinkles_marginTop_l_mobile__1iaw8zx53`},xl:{conditions:{mobile:`sprinkles_marginTop_xl_mobile__1iaw8zx56`,tablet:`sprinkles_marginTop_xl_tablet__1iaw8zx57`,desktop:`sprinkles_marginTop_xl_desktop__1iaw8zx58`},defaultClass:`sprinkles_marginTop_xl_mobile__1iaw8zx56`}},responsiveArray:void 0},marginBottom:{values:{none:{conditions:{mobile:`sprinkles_marginBottom_none_mobile__1iaw8zx59`,tablet:`sprinkles_marginBottom_none_tablet__1iaw8zx5a`,desktop:`sprinkles_marginBottom_none_desktop__1iaw8zx5b`},defaultClass:`sprinkles_marginBottom_none_mobile__1iaw8zx59`},xxs:{conditions:{mobile:`sprinkles_marginBottom_xxs_mobile__1iaw8zx5c`,tablet:`sprinkles_marginBottom_xxs_tablet__1iaw8zx5d`,desktop:`sprinkles_marginBottom_xxs_desktop__1iaw8zx5e`},defaultClass:`sprinkles_marginBottom_xxs_mobile__1iaw8zx5c`},xs:{conditions:{mobile:`sprinkles_marginBottom_xs_mobile__1iaw8zx5f`,tablet:`sprinkles_marginBottom_xs_tablet__1iaw8zx5g`,desktop:`sprinkles_marginBottom_xs_desktop__1iaw8zx5h`},defaultClass:`sprinkles_marginBottom_xs_mobile__1iaw8zx5f`},s:{conditions:{mobile:`sprinkles_marginBottom_s_mobile__1iaw8zx5i`,tablet:`sprinkles_marginBottom_s_tablet__1iaw8zx5j`,desktop:`sprinkles_marginBottom_s_desktop__1iaw8zx5k`},defaultClass:`sprinkles_marginBottom_s_mobile__1iaw8zx5i`},m:{conditions:{mobile:`sprinkles_marginBottom_m_mobile__1iaw8zx5l`,tablet:`sprinkles_marginBottom_m_tablet__1iaw8zx5m`,desktop:`sprinkles_marginBottom_m_desktop__1iaw8zx5n`},defaultClass:`sprinkles_marginBottom_m_mobile__1iaw8zx5l`},l:{conditions:{mobile:`sprinkles_marginBottom_l_mobile__1iaw8zx5o`,tablet:`sprinkles_marginBottom_l_tablet__1iaw8zx5p`,desktop:`sprinkles_marginBottom_l_desktop__1iaw8zx5q`},defaultClass:`sprinkles_marginBottom_l_mobile__1iaw8zx5o`},xl:{conditions:{mobile:`sprinkles_marginBottom_xl_mobile__1iaw8zx5r`,tablet:`sprinkles_marginBottom_xl_tablet__1iaw8zx5s`,desktop:`sprinkles_marginBottom_xl_desktop__1iaw8zx5t`},defaultClass:`sprinkles_marginBottom_xl_mobile__1iaw8zx5r`}},responsiveArray:void 0},marginLeft:{values:{none:{conditions:{mobile:`sprinkles_marginLeft_none_mobile__1iaw8zx5u`,tablet:`sprinkles_marginLeft_none_tablet__1iaw8zx5v`,desktop:`sprinkles_marginLeft_none_desktop__1iaw8zx5w`},defaultClass:`sprinkles_marginLeft_none_mobile__1iaw8zx5u`},xxs:{conditions:{mobile:`sprinkles_marginLeft_xxs_mobile__1iaw8zx5x`,tablet:`sprinkles_marginLeft_xxs_tablet__1iaw8zx5y`,desktop:`sprinkles_marginLeft_xxs_desktop__1iaw8zx5z`},defaultClass:`sprinkles_marginLeft_xxs_mobile__1iaw8zx5x`},xs:{conditions:{mobile:`sprinkles_marginLeft_xs_mobile__1iaw8zx60`,tablet:`sprinkles_marginLeft_xs_tablet__1iaw8zx61`,desktop:`sprinkles_marginLeft_xs_desktop__1iaw8zx62`},defaultClass:`sprinkles_marginLeft_xs_mobile__1iaw8zx60`},s:{conditions:{mobile:`sprinkles_marginLeft_s_mobile__1iaw8zx63`,tablet:`sprinkles_marginLeft_s_tablet__1iaw8zx64`,desktop:`sprinkles_marginLeft_s_desktop__1iaw8zx65`},defaultClass:`sprinkles_marginLeft_s_mobile__1iaw8zx63`},m:{conditions:{mobile:`sprinkles_marginLeft_m_mobile__1iaw8zx66`,tablet:`sprinkles_marginLeft_m_tablet__1iaw8zx67`,desktop:`sprinkles_marginLeft_m_desktop__1iaw8zx68`},defaultClass:`sprinkles_marginLeft_m_mobile__1iaw8zx66`},l:{conditions:{mobile:`sprinkles_marginLeft_l_mobile__1iaw8zx69`,tablet:`sprinkles_marginLeft_l_tablet__1iaw8zx6a`,desktop:`sprinkles_marginLeft_l_desktop__1iaw8zx6b`},defaultClass:`sprinkles_marginLeft_l_mobile__1iaw8zx69`},xl:{conditions:{mobile:`sprinkles_marginLeft_xl_mobile__1iaw8zx6c`,tablet:`sprinkles_marginLeft_xl_tablet__1iaw8zx6d`,desktop:`sprinkles_marginLeft_xl_desktop__1iaw8zx6e`},defaultClass:`sprinkles_marginLeft_xl_mobile__1iaw8zx6c`}},responsiveArray:void 0},marginRight:{values:{none:{conditions:{mobile:`sprinkles_marginRight_none_mobile__1iaw8zx6f`,tablet:`sprinkles_marginRight_none_tablet__1iaw8zx6g`,desktop:`sprinkles_marginRight_none_desktop__1iaw8zx6h`},defaultClass:`sprinkles_marginRight_none_mobile__1iaw8zx6f`},xxs:{conditions:{mobile:`sprinkles_marginRight_xxs_mobile__1iaw8zx6i`,tablet:`sprinkles_marginRight_xxs_tablet__1iaw8zx6j`,desktop:`sprinkles_marginRight_xxs_desktop__1iaw8zx6k`},defaultClass:`sprinkles_marginRight_xxs_mobile__1iaw8zx6i`},xs:{conditions:{mobile:`sprinkles_marginRight_xs_mobile__1iaw8zx6l`,tablet:`sprinkles_marginRight_xs_tablet__1iaw8zx6m`,desktop:`sprinkles_marginRight_xs_desktop__1iaw8zx6n`},defaultClass:`sprinkles_marginRight_xs_mobile__1iaw8zx6l`},s:{conditions:{mobile:`sprinkles_marginRight_s_mobile__1iaw8zx6o`,tablet:`sprinkles_marginRight_s_tablet__1iaw8zx6p`,desktop:`sprinkles_marginRight_s_desktop__1iaw8zx6q`},defaultClass:`sprinkles_marginRight_s_mobile__1iaw8zx6o`},m:{conditions:{mobile:`sprinkles_marginRight_m_mobile__1iaw8zx6r`,tablet:`sprinkles_marginRight_m_tablet__1iaw8zx6s`,desktop:`sprinkles_marginRight_m_desktop__1iaw8zx6t`},defaultClass:`sprinkles_marginRight_m_mobile__1iaw8zx6r`},l:{conditions:{mobile:`sprinkles_marginRight_l_mobile__1iaw8zx6u`,tablet:`sprinkles_marginRight_l_tablet__1iaw8zx6v`,desktop:`sprinkles_marginRight_l_desktop__1iaw8zx6w`},defaultClass:`sprinkles_marginRight_l_mobile__1iaw8zx6u`},xl:{conditions:{mobile:`sprinkles_marginRight_xl_mobile__1iaw8zx6x`,tablet:`sprinkles_marginRight_xl_tablet__1iaw8zx6y`,desktop:`sprinkles_marginRight_xl_desktop__1iaw8zx6z`},defaultClass:`sprinkles_marginRight_xl_mobile__1iaw8zx6x`}},responsiveArray:void 0},borderRadius:{values:{none:{conditions:{mobile:`sprinkles_borderRadius_none_mobile__1iaw8zx70`,tablet:`sprinkles_borderRadius_none_tablet__1iaw8zx71`,desktop:`sprinkles_borderRadius_none_desktop__1iaw8zx72`},defaultClass:`sprinkles_borderRadius_none_mobile__1iaw8zx70`},xs:{conditions:{mobile:`sprinkles_borderRadius_xs_mobile__1iaw8zx73`,tablet:`sprinkles_borderRadius_xs_tablet__1iaw8zx74`,desktop:`sprinkles_borderRadius_xs_desktop__1iaw8zx75`},defaultClass:`sprinkles_borderRadius_xs_mobile__1iaw8zx73`},s:{conditions:{mobile:`sprinkles_borderRadius_s_mobile__1iaw8zx76`,tablet:`sprinkles_borderRadius_s_tablet__1iaw8zx77`,desktop:`sprinkles_borderRadius_s_desktop__1iaw8zx78`},defaultClass:`sprinkles_borderRadius_s_mobile__1iaw8zx76`},m:{conditions:{mobile:`sprinkles_borderRadius_m_mobile__1iaw8zx79`,tablet:`sprinkles_borderRadius_m_tablet__1iaw8zx7a`,desktop:`sprinkles_borderRadius_m_desktop__1iaw8zx7b`},defaultClass:`sprinkles_borderRadius_m_mobile__1iaw8zx79`},l:{conditions:{mobile:`sprinkles_borderRadius_l_mobile__1iaw8zx7c`,tablet:`sprinkles_borderRadius_l_tablet__1iaw8zx7d`,desktop:`sprinkles_borderRadius_l_desktop__1iaw8zx7e`},defaultClass:`sprinkles_borderRadius_l_mobile__1iaw8zx7c`},xl:{conditions:{mobile:`sprinkles_borderRadius_xl_mobile__1iaw8zx7f`,tablet:`sprinkles_borderRadius_xl_tablet__1iaw8zx7g`,desktop:`sprinkles_borderRadius_xl_desktop__1iaw8zx7h`},defaultClass:`sprinkles_borderRadius_xl_mobile__1iaw8zx7f`},xxl:{conditions:{mobile:`sprinkles_borderRadius_xxl_mobile__1iaw8zx7i`,tablet:`sprinkles_borderRadius_xxl_tablet__1iaw8zx7j`,desktop:`sprinkles_borderRadius_xxl_desktop__1iaw8zx7k`},defaultClass:`sprinkles_borderRadius_xxl_mobile__1iaw8zx7i`},full:{conditions:{mobile:`sprinkles_borderRadius_full_mobile__1iaw8zx7l`,tablet:`sprinkles_borderRadius_full_tablet__1iaw8zx7m`,desktop:`sprinkles_borderRadius_full_desktop__1iaw8zx7n`},defaultClass:`sprinkles_borderRadius_full_mobile__1iaw8zx7l`}},responsiveArray:void 0}}};return e.styles.display.responsiveArray=e.conditions.responsiveArray,e.styles.flexDirection.responsiveArray=e.conditions.responsiveArray,e.styles.alignItems.responsiveArray=e.conditions.responsiveArray,e.styles.justifyContent.responsiveArray=e.conditions.responsiveArray,e.styles.flexWrap.responsiveArray=e.conditions.responsiveArray,e.styles.gap.responsiveArray=e.conditions.responsiveArray,e.styles.paddingTop.responsiveArray=e.conditions.responsiveArray,e.styles.paddingBottom.responsiveArray=e.conditions.responsiveArray,e.styles.paddingLeft.responsiveArray=e.conditions.responsiveArray,e.styles.paddingRight.responsiveArray=e.conditions.responsiveArray,e.styles.marginTop.responsiveArray=e.conditions.responsiveArray,e.styles.marginBottom.responsiveArray=e.conditions.responsiveArray,e.styles.marginLeft.responsiveArray=e.conditions.responsiveArray,e.styles.marginRight.responsiveArray=e.conditions.responsiveArray,e.styles.borderRadius.responsiveArray=e.conditions.responsiveArray,e}(),{conditions:void 0,styles:{position:{values:{relative:{defaultClass:`sprinkles_position_relative__1iaw8zx7o`},absolute:{defaultClass:`sprinkles_position_absolute__1iaw8zx7p`},fixed:{defaultClass:`sprinkles_position_fixed__1iaw8zx7q`},sticky:{defaultClass:`sprinkles_position_sticky__1iaw8zx7r`}}},overflow:{values:{hidden:{defaultClass:`sprinkles_overflow_hidden__1iaw8zx7s`},scroll:{defaultClass:`sprinkles_overflow_scroll__1iaw8zx7t`},visible:{defaultClass:`sprinkles_overflow_visible__1iaw8zx7u`},auto:{defaultClass:`sprinkles_overflow_auto__1iaw8zx7v`}}},cursor:{values:{default:{defaultClass:`sprinkles_cursor_default__1iaw8zx7w`},pointer:{defaultClass:`sprinkles_cursor_pointer__1iaw8zx7x`}}},flexShrink:{values:{0:{defaultClass:`sprinkles_flexShrink_0__1iaw8zx7y`}}},flexGrow:{values:{0:{defaultClass:`sprinkles_flexGrow_0__1iaw8zx7z`},1:{defaultClass:`sprinkles_flexGrow_1__1iaw8zx80`}}},textAlign:{values:{left:{defaultClass:`sprinkles_textAlign_left__1iaw8zx81`},center:{defaultClass:`sprinkles_textAlign_center__1iaw8zx82`},right:{defaultClass:`sprinkles_textAlign_right__1iaw8zx83`}}},fontSize:{values:{xs:{defaultClass:`sprinkles_fontSize_xs__1iaw8zx84`},s:{defaultClass:`sprinkles_fontSize_s__1iaw8zx85`},m:{defaultClass:`sprinkles_fontSize_m__1iaw8zx86`},l:{defaultClass:`sprinkles_fontSize_l__1iaw8zx87`},xl:{defaultClass:`sprinkles_fontSize_xl__1iaw8zx88`},"2xl":{defaultClass:`sprinkles_fontSize_2xl__1iaw8zx89`},"3xl":{defaultClass:`sprinkles_fontSize_3xl__1iaw8zx8a`},"4xl":{defaultClass:`sprinkles_fontSize_4xl__1iaw8zx8b`},"5xl":{defaultClass:`sprinkles_fontSize_5xl__1iaw8zx8c`},"6xl":{defaultClass:`sprinkles_fontSize_6xl__1iaw8zx8d`}}},fontWeight:{values:{regular:{defaultClass:`sprinkles_fontWeight_regular__1iaw8zx8e`},medium:{defaultClass:`sprinkles_fontWeight_medium__1iaw8zx8f`},semiBold:{defaultClass:`sprinkles_fontWeight_semiBold__1iaw8zx8g`},bold:{defaultClass:`sprinkles_fontWeight_bold__1iaw8zx8h`}}}}},{conditions:{defaultCondition:`lightMode`,conditionNames:[`lightMode`,`darkMode`],responsiveArray:void 0},styles:{color:{values:{primary:{conditions:{lightMode:`sprinkles_color_primary_lightMode__1iaw8zx8i`,darkMode:`sprinkles_color_primary_darkMode__1iaw8zx8j`},defaultClass:`sprinkles_color_primary_lightMode__1iaw8zx8i`},secondary:{conditions:{lightMode:`sprinkles_color_secondary_lightMode__1iaw8zx8k`,darkMode:`sprinkles_color_secondary_darkMode__1iaw8zx8l`},defaultClass:`sprinkles_color_secondary_lightMode__1iaw8zx8k`},tertiary:{conditions:{lightMode:`sprinkles_color_tertiary_lightMode__1iaw8zx8m`,darkMode:`sprinkles_color_tertiary_darkMode__1iaw8zx8n`},defaultClass:`sprinkles_color_tertiary_lightMode__1iaw8zx8m`},disabled:{conditions:{lightMode:`sprinkles_color_disabled_lightMode__1iaw8zx8o`,darkMode:`sprinkles_color_disabled_darkMode__1iaw8zx8p`},defaultClass:`sprinkles_color_disabled_lightMode__1iaw8zx8o`},action:{conditions:{lightMode:`sprinkles_color_action_lightMode__1iaw8zx8q`,darkMode:`sprinkles_color_action_darkMode__1iaw8zx8r`},defaultClass:`sprinkles_color_action_lightMode__1iaw8zx8q`},onAction:{conditions:{lightMode:`sprinkles_color_onAction_lightMode__1iaw8zx8s`,darkMode:`sprinkles_color_onAction_darkMode__1iaw8zx8t`},defaultClass:`sprinkles_color_onAction_lightMode__1iaw8zx8s`},error:{conditions:{lightMode:`sprinkles_color_error_lightMode__1iaw8zx8u`,darkMode:`sprinkles_color_error_darkMode__1iaw8zx8v`},defaultClass:`sprinkles_color_error_lightMode__1iaw8zx8u`},success:{conditions:{lightMode:`sprinkles_color_success_lightMode__1iaw8zx8w`,darkMode:`sprinkles_color_success_darkMode__1iaw8zx8x`},defaultClass:`sprinkles_color_success_lightMode__1iaw8zx8w`},warning:{conditions:{lightMode:`sprinkles_color_warning_lightMode__1iaw8zx8y`,darkMode:`sprinkles_color_warning_darkMode__1iaw8zx8z`},defaultClass:`sprinkles_color_warning_lightMode__1iaw8zx8y`}}},backgroundColor:{values:{primary:{conditions:{lightMode:`sprinkles_backgroundColor_primary_lightMode__1iaw8zx90`,darkMode:`sprinkles_backgroundColor_primary_darkMode__1iaw8zx91`},defaultClass:`sprinkles_backgroundColor_primary_lightMode__1iaw8zx90`},secondary:{conditions:{lightMode:`sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92`,darkMode:`sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93`},defaultClass:`sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92`},background:{conditions:{lightMode:`sprinkles_backgroundColor_background_lightMode__1iaw8zx94`,darkMode:`sprinkles_backgroundColor_background_darkMode__1iaw8zx95`},defaultClass:`sprinkles_backgroundColor_background_lightMode__1iaw8zx94`},elevated:{conditions:{lightMode:`sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96`,darkMode:`sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97`},defaultClass:`sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96`},muted:{conditions:{lightMode:`sprinkles_backgroundColor_muted_lightMode__1iaw8zx98`,darkMode:`sprinkles_backgroundColor_muted_darkMode__1iaw8zx99`},defaultClass:`sprinkles_backgroundColor_muted_lightMode__1iaw8zx98`},tertiary:{conditions:{lightMode:`sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a`,darkMode:`sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b`},defaultClass:`sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a`},disabled:{conditions:{lightMode:`sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c`,darkMode:`sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d`},defaultClass:`sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c`},error:{conditions:{lightMode:`sprinkles_backgroundColor_error_lightMode__1iaw8zx9e`,darkMode:`sprinkles_backgroundColor_error_darkMode__1iaw8zx9f`},defaultClass:`sprinkles_backgroundColor_error_lightMode__1iaw8zx9e`},success:{conditions:{lightMode:`sprinkles_backgroundColor_success_lightMode__1iaw8zx9g`,darkMode:`sprinkles_backgroundColor_success_darkMode__1iaw8zx9h`},defaultClass:`sprinkles_backgroundColor_success_lightMode__1iaw8zx9g`},warning:{conditions:{lightMode:`sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i`,darkMode:`sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j`},defaultClass:`sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i`}}}}});p+h;function M({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},c={};for(let e in a)j.properties.has(e)?o[e]=a[e]:c[e]=a[e];let l=C[e];return s(e,{className:x(l?`${S} ${l}`:S,j(o),t),style:i,ref:n,...c},r)}const N={"1/2":`0 0 50%`,"1/3":`0 0 33.333%`,"2/3":`0 0 66.667%`,"1/4":`0 0 25%`,"3/4":`0 0 75%`,"1/5":`0 0 20%`,"2/5":`0 0 40%`,"3/5":`0 0 60%`};function P({width:e,children:t}){return e===`content`?l(M,{flexShrink:0,children:t}):e===void 0?l(M,{flexGrow:1,children:t}):l(M,{style:{flex:N[e]},children:t})}const F={top:`flex-start`,center:`center`,bottom:`flex-end`};function ne({space:e,alignY:t,as:n=`div`,children:r}){return l(M,{as:n,display:`flex`,flexDirection:`row`,gap:e,alignItems:t?F[t]:void 0,children:r})}const I={left:`flex-start`,center:`center`,right:`flex-end`},L={left:`left`,center:`center`,right:`right`},R={start:`flex-start`,center:`center`,end:`flex-end`,"space-between":`space-between`};function z({space:e,padding:t,align:n,justify:r,as:i=`div`,className:a,children:o}){return l(M,{as:i,display:`flex`,flexDirection:`column`,gap:e,padding:t,alignItems:n?I[n]:void 0,justifyContent:r?R[r]:void 0,textAlign:n?L[n]:void 0,className:a,children:o})}var B=`PostPurchase_card__5fv5lh0`,V=`PostPurchase_cta__5fv5lh3`,H=`PostPurchase_frakLogo__5fv5lh6`,U=`PostPurchase_giftIcon__5fv5lh5`,W=`PostPurchase_icon__5fv5lh4`,G=`PostPurchase_message__5fv5lh2`;const K=p+h+`.PostPurchase_card__5fv5lh0 {
|
|
2
|
+
border-radius: 12px;
|
|
3
|
+
background-color: var(--surface-background__pbq4akc);
|
|
4
|
+
border: 1px solid var(--border-default__pbq4akv);
|
|
5
|
+
}
|
|
6
|
+
.PostPurchase_badge__5fv5lh1 {
|
|
7
|
+
align-self: flex-start;
|
|
8
|
+
background-color: #FFF534;
|
|
9
|
+
border-radius: 4px;
|
|
10
|
+
padding: 4px 8px;
|
|
11
|
+
font-size: 12px;
|
|
12
|
+
font-weight: 600;
|
|
13
|
+
line-height: 12px;
|
|
14
|
+
color: var(--text-primary__pbq4ak0);
|
|
15
|
+
}
|
|
16
|
+
.PostPurchase_message__5fv5lh2 {
|
|
17
|
+
margin: 0;
|
|
18
|
+
font-size: 16px;
|
|
19
|
+
line-height: 22px;
|
|
20
|
+
color: var(--text-primary__pbq4ak0);
|
|
21
|
+
font-weight: 600;
|
|
22
|
+
}
|
|
23
|
+
.PostPurchase_cta__5fv5lh3 {
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
gap: 4px;
|
|
28
|
+
padding: 12px 16px;
|
|
29
|
+
border-radius: 9999px;
|
|
30
|
+
background-color: var(--text-primary__pbq4ak0);
|
|
31
|
+
color: var(--text-onAction__pbq4ak6);
|
|
32
|
+
font-size: 12px;
|
|
33
|
+
font-weight: bold;
|
|
34
|
+
text-transform: uppercase;
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
}
|
|
37
|
+
.PostPurchase_cta__5fv5lh3:disabled {
|
|
38
|
+
opacity: 0.7;
|
|
39
|
+
cursor: default;
|
|
40
|
+
}
|
|
41
|
+
.PostPurchase_icon__5fv5lh4 {
|
|
42
|
+
margin: -2px 0;
|
|
43
|
+
}
|
|
44
|
+
.PostPurchase_giftIcon__5fv5lh5 {
|
|
45
|
+
display: block;
|
|
46
|
+
flex-shrink: 0;
|
|
47
|
+
}
|
|
48
|
+
.PostPurchase_frakLogo__5fv5lh6 {
|
|
49
|
+
display: block;
|
|
50
|
+
margin-left: auto;
|
|
51
|
+
color: var(--surface-primary__pbq4aka);
|
|
52
|
+
}`;function q(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 J({customerId:s,orderId:f,token:p,sharingUrl:h,merchantId:b,placement:x,classname:S=``,variant:C,badgeText:w,referrerText:T,refereeText:E,ctaText:D}){let{shouldRender:O,isHidden:k,isClientReady:A}=c(),j=d(x);te(`frak-post-purchase`,x,j?.components?.postPurchase?.css,K);let[N,F]=u(null),[I,L]=u(!1);o(()=>{!A||!s||!f||!p||t({customerId:s,orderId:f,token:p,merchantId:b}).catch(()=>{})},[A,s,f,p,b]),o(()=>{if(!A||I)return;let t=window.FrakSetup?.client;t&&Promise.all([r(t),n(t)]).then(([e,t])=>{L(!0),F(q(e,t))}).catch(t=>{if(t instanceof e&&t.code===i.configError){L(!0);return}console.warn(`[Frak] Post-purchase context error`,t)})},[A,I]);let R=C??N?.variant,J=h??N?.merchantDomain,Y=a(()=>{if(!N?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return _(N.reward,e)},[N?.reward]),X=g(),Z=j?.components?.postPurchase??X?.postPurchase,Q=w??Z?.badgeText,$=a(()=>({message:R===`referee`?Y?v(E??Z?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`,Y):E??Z?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:Y?v(T??Z?.referrerText??`Earn {REWARD} by sharing this with your friends!`,Y):T??Z?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:Y?v(D??Z?.ctaText??`Share & earn {REWARD}`,Y):D??Z?.ctaNoRewardText??`Share & earn`}),[R,Y,Z,T,E,D]),{handleShare:re}=y(void 0,x,J);return!O||k||!N||!R?null:l(M,{className:[B,S].filter(Boolean).join(` `),padding:`m`,children:l(ne,{space:`xl`,alignY:`center`,children:[l(P,{children:l(z,{space:`xs`,children:[Q&&l(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:Q}),l(`p`,{class:G,children:$.message}),l(M,{as:`button`,type:`button`,className:`${V} button`,disabled:!A,onClick:re,children:[$.cta,l(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${W} button`,children:l(`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`})})]})]})}),l(P,{width:`content`,children:l(z,{space:`xs`,align:`right`,children:[l(ee,{className:U,width:80,height:80}),l(m,{className:H,width:14,height:14})]})})]})})}f(J,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`],{shadow:!1});export{J as PostPurchase};
|
package/cdn/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import(`https://cdn.jsdelivr.net/npm/@frak-labs/components@beta/cdn/loader.js?v=
|
|
1
|
+
import(`https://cdn.jsdelivr.net/npm/@frak-labs/components@beta/cdn/loader.js?v=1776193153761`);
|
package/cdn/loader.js
CHANGED
|
@@ -63,4 +63,4 @@ or you can use record.mirror to access the mirror instance during recording.`;le
|
|
|
63
63
|
Last Response: ${t.lastResponse}
|
|
64
64
|
Client Status: ${t.clientStatus}
|
|
65
65
|
Error: ${t.error}
|
|
66
|
-
`.trim()}};const mh=(()=>{if(typeof navigator>`u`)return!1;let e=navigator.userAgent;if(!(/iPhone|iPad|iPod/i.test(e)||/Macintosh/i.test(e)&&navigator.maxTouchPoints>1))return!1;let t=e.toLowerCase();return t.includes(`instagram`)||t.includes(`fban`)||t.includes(`fbav`)||t.includes(`facebook`)})();function hh(e){e?localStorage.setItem(Km,e):localStorage.removeItem(Km)}function gh(e,t){try{let n=new URL(e);if(!n.searchParams.has(`u`))return e;let r=yh(window.location.href,t);return n.searchParams.delete(`u`),n.searchParams.append(`u`,r),n.toString()}catch{return e}}function _h(e){let t=new URL(window.location.href);e&&t.searchParams.set(`fmt`,e);let n=t.protocol===`http:`?`x-safari-http`:`x-safari-https`;window.location.href=`${n}://${t.host}${t.pathname}${t.search}${t.hash}`}function vh(e){return e.includes(`/common/social`)}function yh(e,t){if(!t)return e;try{let n=new URL(e);return n.searchParams.set(`fmt`,t),n.toString()}catch{return`${e}${e.includes(`?`)?`&`:`?`}fmt=${encodeURIComponent(t)}`}}function bh(e,t,n,r,i){if(i){let e=gh(t,r);window.open(e,`_blank`);return}if(Zm(t)){let i=gh(t,r);Xm(i,{onFallback:()=>{e.contentWindow?.postMessage({clientLifecycle:`deep-link-failed`,data:{originalUrl:i}},n)}})}else if(mh&&vh(t))_h(r);else{let e=gh(t,r);window.location.href=e}}function xh({iframe:e,targetOrigin:t}){let n=new ct;return{handleEvent:r=>{if(!(`iframeLifecycle`in r))return;let{iframeLifecycle:i,data:a}=r;switch(i){case`connected`:n.resolve(!0);break;case`do-backup`:hh(a.backup);break;case`remove-backup`:localStorage.removeItem(Km);break;case`show`:case`hide`:ah({iframe:e,isVisible:i===`show`});break;case`redirect`:bh(e,a.baseRedirectUrl,t,a.mergeToken,a.openInNewTab);break}},isConnected:n.promise}}function Sh({config:e,iframe:t}){let n=e?.walletUrl??`https://wallet.frak.id`,r=typeof navigator<`u`?navigator.language?.split(`-`)[0]:void 0,i=e.metadata.lang??(r===`en`||r===`fr`?r:void 0),a=e.domain??(typeof window<`u`?window.location.hostname:``);E.setCacheScope(a,i),E.reset();let o=E.isCacheFresh?void 0:E.resolve(e.domain,e.walletUrl,i),s=xh({iframe:t,targetOrigin:n}),c=new ct,l=new ph(e,t);if(!t.contentWindow)throw new st(ot.configError,`The iframe does not have a content window`);let u=lt({emittingTransport:t.contentWindow,listeningTransport:window,targetOrigin:n,middleware:[{async onRequest(e,t){if(!await s.isConnected)throw new st(ot.clientNotConnected,`The iframe provider isn't connected yet`);return await c.promise,t}},{onRequest(e,t){return l.setLastRequest(e),t},onResponse(e,t){return l.setLastResponse(e,t),t}}],lifecycleHandlers:{iframeLifecycle:(e,t)=>{s.handleEvent(e)}}}),d=Ch(u,s),f=async()=>{d(),u.cleanup(),t.remove(),Ft(),E.clearCache(),E.reset()},p;console.log(`[Frak SDK] Initializing OpenPanel`),p=new Gm({apiUrl:`https://op-api.gcp.frak.id`,clientId:`6eacc8d7-49ac-4936-95e9-81ef29449570`,trackScreenViews:!0,trackOutgoingLinks:!0,trackAttributes:!1,filter:({type:e,payload:t})=>(e!==`track`||!t?.properties||`sdkVersion`in t.properties||(t.properties={...t.properties,sdkVersion:`0.2.1`,userAnonymousClientId:mt()}),!0)}),p.setGlobalProperties({sdkVersion:`0.2.1`,userAnonymousClientId:mt()}),p.init();let m=wh({config:e,rpcClient:u,lifecycleManager:s,configPromise:o,contextSent:c}).then(()=>l.updateSetupStatus(!0)).catch(e=>{throw c.reject(e),e});return{config:e,debugInfo:l,waitForConnection:s.isConnected,waitForSetup:m,request:u.request,listenerRequest:u.listen,destroy:f,openPanel:p}}function Ch(e,t){let n,r,i=()=>e.sendLifecycle({clientLifecycle:`heartbeat`});async function a(){i(),n=setInterval(i,1e3),r=setTimeout(()=>{o(),console.log(`Heartbeat timeout: connection failed`)},3e4),await t.isConnected,o()}function o(){n&&clearInterval(n),r&&clearTimeout(r)}return a(),o}async function wh({config:e,rpcClient:t,lifecycleManager:n,configPromise:r,contextSent:i}){await n.isConnected,fh(t,n.isConnected);let a=new URL(window.location.href),o=a.searchParams.get(`fmt`)??void 0;o&&(a.searchParams.delete(`fmt`),window.history.replaceState({},``,a.toString()));let s=t=>{let n=t?.merchantId??e.metadata.merchantId??``,r=t?.domain??``,i=t?.allowedDomains??[],a=t?.sdkConfig;E.setConfig(a?{isResolved:!0,merchantId:n,domain:r,allowedDomains:i,hasRawSdkConfig:!0,name:a.name??e.metadata.name,logoUrl:a.logoUrl??e.metadata.logoUrl,homepageLink:a.homepageLink??e.metadata.homepageLink,lang:a.lang??e.metadata.lang,currency:a.currency??e.metadata.currency,hidden:a.hidden,css:a.css,translations:a.translations,placements:a.placements}:{isResolved:!0,merchantId:n,domain:r,allowedDomains:i,name:e.metadata.name,logoUrl:e.metadata.logoUrl,homepageLink:e.metadata.homepageLink,lang:e.metadata.lang,currency:e.metadata.currency})},c=!1,l=e=>{let n=c?void 0:o;c=!0;let r=e.hasRawSdkConfig?{name:e.name,logoUrl:e.logoUrl,homepageLink:e.homepageLink,lang:e.lang,currency:e.currency,hidden:e.hidden,css:e.css,translations:e.translations,placements:e.placements}:void 0;t.sendLifecycle({clientLifecycle:`resolved-config`,data:{merchantId:e.merchantId,domain:e.domain??``,allowedDomains:e.allowedDomains??[],sourceUrl:window.location.href,...n&&{pendingMergeToken:n},...r&&{sdkConfig:r}}})};E.isResolved&&(l(E.getConfig()),i.resolve()),r&&(s(await r),l(E.getConfig()),i.resolve());async function u(){let n=e.customizations?.css;n&&t.sendLifecycle({clientLifecycle:`modal-css`,data:{cssLink:n}})}async function d(){let n=e.customizations?.i18n;n&&t.sendLifecycle({clientLifecycle:`modal-i18n`,data:{i18n:n}})}async function f(){if(typeof window>`u`)return;let e=window.localStorage.getItem(Km);e&&t.sendLifecycle({clientLifecycle:`restore-backup`,data:{backup:e}})}await Promise.allSettled([u(),d(),f()])}async function Th({config:e}){let t=Eh(e),n=await ih({config:t});if(!n){console.error(`Failed to create iframe`);return}let r=Sh({config:t,iframe:n});if(await r.waitForSetup,!await r.waitForConnection){console.error(`Failed to connect to client`);return}return r}function Eh(e){let t=$m(e.metadata?.currency);return{...e,metadata:{...e.metadata,currency:t}}}var Dh=t({DEEP_LINK_SCHEME:()=>qm,DebugInfoGatherer:()=>ph,FrakContextManager:()=>Kt,base64urlDecode:()=>_t,base64urlEncode:()=>gt,baseIframeProps:()=>rh,clearAllCache:()=>Ft,compressJsonToB64:()=>vt,computeLegacyProductId:()=>ht,createIFrameFrakClient:()=>Sh,createIframe:()=>ih,decompressJsonFromB64:()=>It,findIframeInOpener:()=>oh,formatAmount:()=>th,generateSsoUrl:()=>yt,getBackendUrl:()=>Dt,getCache:()=>Pt,getClientId:()=>mt,getCurrencyAmountKey:()=>nh,getSupportedCurrency:()=>$m,getSupportedLocale:()=>eh,isChromiumAndroid:()=>Jm,isFrakDeepLink:()=>Zm,isIOS:()=>ch,isInAppBrowser:()=>uh,isV1Context:()=>Lt,isV2Context:()=>Rt,locales:()=>Qm,redirectToExternalBrowser:()=>dh,sdkConfigStore:()=>E,setupClient:()=>Th,ssoPopupFeatures:()=>xt,ssoPopupName:()=>St,toAndroidIntentUrl:()=>Ym,trackEvent:()=>un,triggerDeepLinkWithFallback:()=>Xm,withCache:()=>Nt});function Oh(){return at(96)}async function kh(e,t,n){return await e.request({method:`frak_displayEmbeddedWallet`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Ah(e,{steps:t,metadata:n},r){return await e.request({method:`frak_displayModal`,params:r?[t,n,e.config.metadata,r]:[t,n,e.config.metadata]})}async function jh(e,t,n){return await e.request({method:`frak_displaySharingPage`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Mh(e){if(typeof window>`u`)return;let t=mt();if(!t)return;let n=await E.resolveMerchantId();if(!n)return;let r=`frak-identity-ensured-${n}`;if(!window.sessionStorage.getItem(r))try{let i=Dt();(await fetch(`${i}/user/identity/ensure`,{method:`POST`,headers:{Accept:`application/json`,"Content-Type":`application/json`,"x-wallet-sdk-auth":e,"x-frak-client-id":t},body:JSON.stringify({merchantId:n})})).ok&&window.sessionStorage.setItem(r,`1`)}catch{}}async function Nh(e,t){return Nt(()=>e.request({method:`frak_getMerchantInformation`}),{cacheKey:`frak_getMerchantInformation`,cacheTime:t?.cacheTime})}async function Ph(e,t){return Nt(()=>e.request({method:`frak_getMergeToken`}),{cacheKey:`frak_getMergeToken`,cacheTime:t?.cacheTime})}async function Fh(e,t){return Nt(()=>e.request({method:`frak_getUserReferralStatus`}),{cacheKey:`frak_getUserReferralStatus`,cacheTime:t?.cacheTime})}async function Ih(e,t){let{metadata:n,customizations:r}=e.config;return await e.request({method:`frak_prepareSso`,params:[t,n.name,r?.css]})}async function Lh(e,t){try{await e.request({method:`frak_sendInteraction`,params:[t,{clientId:mt()}]})}catch{console.warn(`[Frak SDK] Failed to send interaction:`,t.type)}}function Rh(e,t,n){let r=typeof window<`u`?window.location.href:void 0;return Rt(t)?(un(e,`user_referred_started`,{properties:{referrerClientId:t.c,walletStatus:n?.key}}),Lh(e,{type:`arrival`,referrerClientId:t.c,referrerMerchantId:t.m,referralTimestamp:t.t,landingUrl:r}),!0):Lt(t)?(un(e,`user_referred_started`,{properties:{referrer:t.r,walletStatus:n?.key}}),Lh(e,{type:`arrival`,referrerWallet:t.r,landingUrl:r}),!0):!1}function zh(e){let t=mt();return t?{v:2,c:t,m:e,t:Math.floor(Date.now()/1e3)}:null}function Bh(e,t){return Rt(e)?mt()===e.c:Lt(e)&&t?.wallet?nt(e.r,t.wallet):!1}function Vh(e,{walletStatus:t,frakContext:n,options:r}){if(!n)return`no-referrer`;if(Bh(n,t))return`self-referral`;if(!Rh(e,n,t))return`no-referrer`;let i=Rt(n)?n.m:r?.merchantId,a=r?.alwaysAppendUrl&&i?zh(i):null;return Kt.replaceUrl({url:window.location?.href,context:a}),un(e,`user_referred_completed`,{properties:{status:`success`}}),`success`}async function Hh(e,{options:t}={}){let n=Kt.parse({url:window.location.href}),r=await Kh(e);try{return Vh(e,{walletStatus:r,frakContext:n,options:t})}catch(e){console.warn(`Error processing referral`,{error:e})}}const Uh=`frak:referral-success`;async function Wh(e){try{await Hh(e)===`success`&&window.dispatchEvent(new Event(Uh))}catch(e){console.warn(`[Frak] Referral setup failed`,e)}}async function Gh(e){if(typeof window>`u`){console.warn(`[Frak] No window found, can't track purchase`);return}let t=window.sessionStorage.getItem(`frak-wallet-interaction-token`),n=mt();if(!t&&!n){console.warn(`[Frak] No identity found, skipping purchase check`);return}let r=e.merchantId??await E.resolveMerchantId();if(!r){console.warn(`[Frak] No merchant id found, skipping purchase check`);return}let i={Accept:`application/json`,"Content-Type":`application/json`};t&&(i[`x-wallet-sdk-auth`]=t),n&&(i[`x-frak-client-id`]=n);let a=Dt();await fetch(`${a}/user/track/purchase`,{method:`POST`,headers:i,body:JSON.stringify({customerId:e.customerId,orderId:e.orderId,token:e.token,merchantId:r})})}function Kh(e,t){if(!t)return e.request({method:`frak_listenToWalletStatus`}).then(t=>(qh(e,t),t));let n=new ct,r=!1;return e.listenerRequest({method:`frak_listenToWalletStatus`},i=>{qh(e,i),t(i),r||=(n.resolve(i),!0)}),n.promise}function qh(e,t){typeof window>`u`||(e.openPanel?.setGlobalProperties({wallet:t.wallet??null}),t.interactionToken?(window.sessionStorage.setItem(`frak-wallet-interaction-token`,t.interactionToken),Mh(t.interactionToken)):window.sessionStorage.removeItem(`frak-wallet-interaction-token`))}function Jh(e,{metadata:t,login:n}){return Yh(e,{steps:{login:n??{}},metadata:t})}function Yh(e,t){function n(n){return Yh(e,{...t,steps:{...t.steps,sendTransaction:n}})}function r(n){return Yh(e,{...t,steps:{...t.steps,final:{...n,action:{key:`reward`}}}})}function i(n,r){return Yh(e,{...t,steps:{...t.steps,final:{...r,action:{key:`sharing`,options:n}}}})}async function a(n,r){return n&&(t.metadata=n(t.metadata??{})),await Ah(e,t,r)}return{params:t,sendTx:n,reward:r,sharing:i,display:a}}async function Xh(e,{tx:t,metadata:n}){return(await Ah(e,{metadata:n,steps:{login:{},sendTransaction:{tx:t}}})).sendTransaction}async function Zh(e,{siwe:t,metadata:n}){let r=e.config?.domain??window.location.host,i=t?.statement??`I confirm that I want to use my Frak wallet on: ${e.config.metadata.name}`;return(await Ah(e,{metadata:n,steps:{login:{},siweAuthenticate:{siwe:{...t,statement:i,nonce:t?.nonce??Oh(),uri:t?.uri??`https://${r}`,version:t?.version??`1`,domain:r}}}})).siweAuthenticate}var Qh=t({REFERRAL_SUCCESS_EVENT:()=>Uh,displayEmbeddedWallet:()=>kh,displayModal:()=>Ah,displaySharingPage:()=>jh,ensureIdentity:()=>Mh,getMerchantInformation:()=>Nh,getMergeToken:()=>Ph,getUserReferralStatus:()=>Fh,modalBuilder:()=>Jh,openSso:()=>Ct,prepareSso:()=>Ih,processReferral:()=>Vh,referralInteraction:()=>Hh,sendInteraction:()=>Lh,sendTransaction:()=>Xh,setupReferral:()=>Wh,siweAuthenticate:()=>Zh,trackPurchaseStatus:()=>Gh,watchWalletStatus:()=>Kh});async function $h(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}let n=window.FrakSetup?.modalWalletConfig??{};await kh(window.FrakSetup.client,e?{...n,metadata:{...n.metadata,targetInteraction:e}}:n,t)}function eg(){`vibrate`in navigator?navigator.vibrate(10):console.log(`Vibration not supported`)}function tg(e,t){eg(),$h(e,t)}const ng=`frak:client`;function rg(){let e=new CustomEvent(ng);window.dispatchEvent(e)}function ig(e,t){if(window.FrakSetup?.client&&e===`add`){t();return}(e===`add`?window.addEventListener:window.removeEventListener)(ng,t,!1)}function ag(){return window.FrakSetup.core={...Dh,...Qh},window.FrakSetup?.client?Promise.resolve():Nt(()=>og(),{cacheKey:`frak-sdk-init`,cacheTime:1/0}).catch(()=>{})}async function og(){if(!window.FrakSetup?.config)throw Error(`[Frak SDK] Configuration not found. Please ensure window.FrakSetup.config is set.`);console.log(`[Frak SDK] Starting initialization`);let e=await Th({config:window.FrakSetup.config});if(!e)throw Error(`[Frak SDK] Failed to create client`);window.FrakSetup.client=e,console.log(`[Frak SDK] Client initialized successfully`),rg(),Wh(e),sg()}function sg(){let e=new URLSearchParams(window.location.search).get(`frakAction`);e&&e===`share`&&(console.log(`[Frak SDK] Auto open query param found`),tg())}function cg(e){document.readyState===`complete`||document.readyState===`interactive`?setTimeout(e,1):document.addEventListener(`DOMContentLoaded`,e)}function lg(e,t){let n=document.getElementById(e);if(n){n.textContent!==t&&(n.textContent=t);return}let r=document.createElement(`style`);r.id=e,r.textContent=t,document.head.appendChild(r)}function ug(e,t){lg(`frak-base-${e}`,t)}function dg(e,t,n){lg(`frak-placement-${e}-${t}`,n)}const fg={injectBase:ug,injectPlacement:dg};fg.injectBase(`fouce`,`frak-button-share:not(:defined), frak-button-wallet:not(:defined), frak-open-in-app:not(:defined), frak-post-purchase:not(:defined), frak-banner:not(:defined) { display: none !important; }`),cg(ag);const pg={"button-share":()=>import(`./ButtonShare.BQUz6qnD.js`),"button-wallet":()=>import(`./ButtonWallet.BWuCPyeD.js`),"open-in-app":()=>import(`./OpenInAppButton.Cth7PeZO.js`),"post-purchase":()=>import(`./PostPurchase.unZJ0uRk.js`),banner:()=>import(`./Banner.8suUv8bz.js`)},mg=new MutationObserver(e=>{for(let{addedNodes:t}of e)for(let e of Array.from(t))e.nodeType===Node.ELEMENT_NODE&&hg(e)});async function hg(e){let t=e instanceof Element?e.tagName.toLowerCase():``,n=t?.startsWith(`frak-`),r=Array.from(e.querySelectorAll(`:not(:defined)`)).map(e=>e.tagName.toLowerCase()).filter(e=>e.startsWith(`frak-`));n&&!customElements.get(t)&&r.push(t);let i=[...new Set(r)];await Promise.allSettled(i.map(e=>gg(e)))}async function gg(e){if(customElements.get(e))return Promise.resolve();try{let t=e.replace(/^frak-/i,``);if(!(t in pg))throw Error(`Component ${e} is not supported.`);await pg[t]()}catch(e){console.error(e)}}hg(document.body),mg.observe(document.documentElement,{subtree:!0,childList:!0});export{un as C,E as S,st as T,Xm as _,tg as a,qm as b,Gh as c,Ph as d,Nh as f,th as g,uh as h,ig as i,Uh as l,dh as m,cg as n,$h as o,jh as p,ag as r,Jh as s,fg as t,Fh as u,$m as v,ot as w,nh as x,ph as y};
|
|
66
|
+
`.trim()}};const mh=(()=>{if(typeof navigator>`u`)return!1;let e=navigator.userAgent;if(!(/iPhone|iPad|iPod/i.test(e)||/Macintosh/i.test(e)&&navigator.maxTouchPoints>1))return!1;let t=e.toLowerCase();return t.includes(`instagram`)||t.includes(`fban`)||t.includes(`fbav`)||t.includes(`facebook`)})();function hh(e){e?localStorage.setItem(Km,e):localStorage.removeItem(Km)}function gh(e,t){try{let n=new URL(e);if(!n.searchParams.has(`u`))return e;let r=yh(window.location.href,t);return n.searchParams.delete(`u`),n.searchParams.append(`u`,r),n.toString()}catch{return e}}function _h(e){let t=new URL(window.location.href);e&&t.searchParams.set(`fmt`,e);let n=t.protocol===`http:`?`x-safari-http`:`x-safari-https`;window.location.href=`${n}://${t.host}${t.pathname}${t.search}${t.hash}`}function vh(e){return e.includes(`/common/social`)}function yh(e,t){if(!t)return e;try{let n=new URL(e);return n.searchParams.set(`fmt`,t),n.toString()}catch{return`${e}${e.includes(`?`)?`&`:`?`}fmt=${encodeURIComponent(t)}`}}function bh(e,t,n,r,i){if(i){let e=gh(t,r);window.open(e,`_blank`);return}if(Zm(t)){let i=gh(t,r);Xm(i,{onFallback:()=>{e.contentWindow?.postMessage({clientLifecycle:`deep-link-failed`,data:{originalUrl:i}},n)}})}else if(mh&&vh(t))_h(r);else{let e=gh(t,r);window.location.href=e}}function xh({iframe:e,targetOrigin:t}){let n=new ct;return{handleEvent:r=>{if(!(`iframeLifecycle`in r))return;let{iframeLifecycle:i,data:a}=r;switch(i){case`connected`:n.resolve(!0);break;case`do-backup`:hh(a.backup);break;case`remove-backup`:localStorage.removeItem(Km);break;case`show`:case`hide`:ah({iframe:e,isVisible:i===`show`});break;case`redirect`:bh(e,a.baseRedirectUrl,t,a.mergeToken,a.openInNewTab);break}},isConnected:n.promise}}function Sh({config:e,iframe:t}){let n=e?.walletUrl??`https://wallet.frak.id`,r=typeof navigator<`u`?navigator.language?.split(`-`)[0]:void 0,i=e.metadata.lang??(r===`en`||r===`fr`?r:void 0),a=e.domain??(typeof window<`u`?window.location.hostname:``);E.setCacheScope(a,i),E.reset();let o=E.isCacheFresh?void 0:E.resolve(e.domain,e.walletUrl,i),s=xh({iframe:t,targetOrigin:n}),c=new ct,l=new ph(e,t);if(!t.contentWindow)throw new st(ot.configError,`The iframe does not have a content window`);let u=lt({emittingTransport:t.contentWindow,listeningTransport:window,targetOrigin:n,middleware:[{async onRequest(e,t){if(!await s.isConnected)throw new st(ot.clientNotConnected,`The iframe provider isn't connected yet`);return await c.promise,t}},{onRequest(e,t){return l.setLastRequest(e),t},onResponse(e,t){return l.setLastResponse(e,t),t}}],lifecycleHandlers:{iframeLifecycle:(e,t)=>{s.handleEvent(e)}}}),d=Ch(u,s),f=async()=>{d(),u.cleanup(),t.remove(),Ft(),E.clearCache(),E.reset()},p;console.log(`[Frak SDK] Initializing OpenPanel`),p=new Gm({apiUrl:`https://op-api.gcp.frak.id`,clientId:`6eacc8d7-49ac-4936-95e9-81ef29449570`,trackScreenViews:!0,trackOutgoingLinks:!0,trackAttributes:!1,filter:({type:e,payload:t})=>(e!==`track`||!t?.properties||`sdkVersion`in t.properties||(t.properties={...t.properties,sdkVersion:`0.2.1`,userAnonymousClientId:mt()}),!0)}),p.setGlobalProperties({sdkVersion:`0.2.1`,userAnonymousClientId:mt()}),p.init();let m=wh({config:e,rpcClient:u,lifecycleManager:s,configPromise:o,contextSent:c}).then(()=>l.updateSetupStatus(!0)).catch(e=>{throw c.reject(e),e});return{config:e,debugInfo:l,waitForConnection:s.isConnected,waitForSetup:m,request:u.request,listenerRequest:u.listen,destroy:f,openPanel:p}}function Ch(e,t){let n,r,i=()=>e.sendLifecycle({clientLifecycle:`heartbeat`});async function a(){i(),n=setInterval(i,1e3),r=setTimeout(()=>{o(),console.log(`Heartbeat timeout: connection failed`)},3e4),await t.isConnected,o()}function o(){n&&clearInterval(n),r&&clearTimeout(r)}return a(),o}async function wh({config:e,rpcClient:t,lifecycleManager:n,configPromise:r,contextSent:i}){await n.isConnected,fh(t,n.isConnected);let a=new URL(window.location.href),o=a.searchParams.get(`fmt`)??void 0;o&&(a.searchParams.delete(`fmt`),window.history.replaceState({},``,a.toString()));let s=t=>{let n=t?.merchantId??e.metadata.merchantId??``,r=t?.domain??``,i=t?.allowedDomains??[],a=t?.sdkConfig;E.setConfig(a?{isResolved:!0,merchantId:n,domain:r,allowedDomains:i,hasRawSdkConfig:!0,name:a.name??e.metadata.name,logoUrl:a.logoUrl??e.metadata.logoUrl,homepageLink:a.homepageLink??e.metadata.homepageLink,lang:a.lang??e.metadata.lang,currency:a.currency??e.metadata.currency,hidden:a.hidden,css:a.css,translations:a.translations,placements:a.placements,components:a.components}:{isResolved:!0,merchantId:n,domain:r,allowedDomains:i,name:e.metadata.name,logoUrl:e.metadata.logoUrl,homepageLink:e.metadata.homepageLink,lang:e.metadata.lang,currency:e.metadata.currency})},c=!1,l=e=>{let n=c?void 0:o;c=!0;let r=e.hasRawSdkConfig?{name:e.name,logoUrl:e.logoUrl,homepageLink:e.homepageLink,lang:e.lang,currency:e.currency,hidden:e.hidden,css:e.css,translations:e.translations,placements:e.placements}:void 0;t.sendLifecycle({clientLifecycle:`resolved-config`,data:{merchantId:e.merchantId,domain:e.domain??``,allowedDomains:e.allowedDomains??[],sourceUrl:window.location.href,...n&&{pendingMergeToken:n},...r&&{sdkConfig:r}}})};E.isResolved&&(l(E.getConfig()),i.resolve()),r&&(s(await r),l(E.getConfig()),i.resolve());async function u(){let n=e.customizations?.css;n&&t.sendLifecycle({clientLifecycle:`modal-css`,data:{cssLink:n}})}async function d(){let n=e.customizations?.i18n;n&&t.sendLifecycle({clientLifecycle:`modal-i18n`,data:{i18n:n}})}async function f(){if(typeof window>`u`)return;let e=window.localStorage.getItem(Km);e&&t.sendLifecycle({clientLifecycle:`restore-backup`,data:{backup:e}})}await Promise.allSettled([u(),d(),f()])}async function Th({config:e}){let t=Eh(e),n=await ih({config:t});if(!n){console.error(`Failed to create iframe`);return}let r=Sh({config:t,iframe:n});if(await r.waitForSetup,!await r.waitForConnection){console.error(`Failed to connect to client`);return}return r}function Eh(e){let t=$m(e.metadata?.currency);return{...e,metadata:{...e.metadata,currency:t}}}var Dh=t({DEEP_LINK_SCHEME:()=>qm,DebugInfoGatherer:()=>ph,FrakContextManager:()=>Kt,base64urlDecode:()=>_t,base64urlEncode:()=>gt,baseIframeProps:()=>rh,clearAllCache:()=>Ft,compressJsonToB64:()=>vt,computeLegacyProductId:()=>ht,createIFrameFrakClient:()=>Sh,createIframe:()=>ih,decompressJsonFromB64:()=>It,findIframeInOpener:()=>oh,formatAmount:()=>th,generateSsoUrl:()=>yt,getBackendUrl:()=>Dt,getCache:()=>Pt,getClientId:()=>mt,getCurrencyAmountKey:()=>nh,getSupportedCurrency:()=>$m,getSupportedLocale:()=>eh,isChromiumAndroid:()=>Jm,isFrakDeepLink:()=>Zm,isIOS:()=>ch,isInAppBrowser:()=>uh,isV1Context:()=>Lt,isV2Context:()=>Rt,locales:()=>Qm,redirectToExternalBrowser:()=>dh,sdkConfigStore:()=>E,setupClient:()=>Th,ssoPopupFeatures:()=>xt,ssoPopupName:()=>St,toAndroidIntentUrl:()=>Ym,trackEvent:()=>un,triggerDeepLinkWithFallback:()=>Xm,withCache:()=>Nt});function Oh(){return at(96)}async function kh(e,t,n){return await e.request({method:`frak_displayEmbeddedWallet`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Ah(e,{steps:t,metadata:n},r){return await e.request({method:`frak_displayModal`,params:r?[t,n,e.config.metadata,r]:[t,n,e.config.metadata]})}async function jh(e,t,n){return await e.request({method:`frak_displaySharingPage`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Mh(e){if(typeof window>`u`)return;let t=mt();if(!t)return;let n=await E.resolveMerchantId();if(!n)return;let r=`frak-identity-ensured-${n}`;if(!window.sessionStorage.getItem(r))try{let i=Dt();(await fetch(`${i}/user/identity/ensure`,{method:`POST`,headers:{Accept:`application/json`,"Content-Type":`application/json`,"x-wallet-sdk-auth":e,"x-frak-client-id":t},body:JSON.stringify({merchantId:n})})).ok&&window.sessionStorage.setItem(r,`1`)}catch{}}async function Nh(e,t){return Nt(()=>e.request({method:`frak_getMerchantInformation`}),{cacheKey:`frak_getMerchantInformation`,cacheTime:t?.cacheTime})}async function Ph(e,t){return Nt(()=>e.request({method:`frak_getMergeToken`}),{cacheKey:`frak_getMergeToken`,cacheTime:t?.cacheTime})}async function Fh(e,t){return Nt(()=>e.request({method:`frak_getUserReferralStatus`}),{cacheKey:`frak_getUserReferralStatus`,cacheTime:t?.cacheTime})}async function Ih(e,t){let{metadata:n,customizations:r}=e.config;return await e.request({method:`frak_prepareSso`,params:[t,n.name,r?.css]})}async function Lh(e,t){try{await e.request({method:`frak_sendInteraction`,params:[t,{clientId:mt()}]})}catch{console.warn(`[Frak SDK] Failed to send interaction:`,t.type)}}function Rh(e,t,n){let r=typeof window<`u`?window.location.href:void 0;return Rt(t)?(un(e,`user_referred_started`,{properties:{referrerClientId:t.c,walletStatus:n?.key}}),Lh(e,{type:`arrival`,referrerClientId:t.c,referrerMerchantId:t.m,referralTimestamp:t.t,landingUrl:r}),!0):Lt(t)?(un(e,`user_referred_started`,{properties:{referrer:t.r,walletStatus:n?.key}}),Lh(e,{type:`arrival`,referrerWallet:t.r,landingUrl:r}),!0):!1}function zh(e){let t=mt();return t?{v:2,c:t,m:e,t:Math.floor(Date.now()/1e3)}:null}function Bh(e,t){return Rt(e)?mt()===e.c:Lt(e)&&t?.wallet?nt(e.r,t.wallet):!1}function Vh(e,{walletStatus:t,frakContext:n,options:r}){if(!n)return`no-referrer`;if(Bh(n,t))return`self-referral`;if(!Rh(e,n,t))return`no-referrer`;let i=Rt(n)?n.m:r?.merchantId,a=r?.alwaysAppendUrl&&i?zh(i):null;return Kt.replaceUrl({url:window.location?.href,context:a}),un(e,`user_referred_completed`,{properties:{status:`success`}}),`success`}async function Hh(e,{options:t}={}){let n=Kt.parse({url:window.location.href}),r=await Kh(e);try{return Vh(e,{walletStatus:r,frakContext:n,options:t})}catch(e){console.warn(`Error processing referral`,{error:e})}}const Uh=`frak:referral-success`;async function Wh(e){try{await Hh(e)===`success`&&window.dispatchEvent(new Event(Uh))}catch(e){console.warn(`[Frak] Referral setup failed`,e)}}async function Gh(e){if(typeof window>`u`){console.warn(`[Frak] No window found, can't track purchase`);return}let t=window.sessionStorage.getItem(`frak-wallet-interaction-token`),n=mt();if(!t&&!n){console.warn(`[Frak] No identity found, skipping purchase check`);return}let r=e.merchantId??await E.resolveMerchantId();if(!r){console.warn(`[Frak] No merchant id found, skipping purchase check`);return}let i={Accept:`application/json`,"Content-Type":`application/json`};t&&(i[`x-wallet-sdk-auth`]=t),n&&(i[`x-frak-client-id`]=n);let a=Dt();await fetch(`${a}/user/track/purchase`,{method:`POST`,headers:i,body:JSON.stringify({customerId:e.customerId,orderId:e.orderId,token:e.token,merchantId:r})})}function Kh(e,t){if(!t)return e.request({method:`frak_listenToWalletStatus`}).then(t=>(qh(e,t),t));let n=new ct,r=!1;return e.listenerRequest({method:`frak_listenToWalletStatus`},i=>{qh(e,i),t(i),r||=(n.resolve(i),!0)}),n.promise}function qh(e,t){typeof window>`u`||(e.openPanel?.setGlobalProperties({wallet:t.wallet??null}),t.interactionToken?(window.sessionStorage.setItem(`frak-wallet-interaction-token`,t.interactionToken),Mh(t.interactionToken)):window.sessionStorage.removeItem(`frak-wallet-interaction-token`))}function Jh(e,{metadata:t,login:n}){return Yh(e,{steps:{login:n??{}},metadata:t})}function Yh(e,t){function n(n){return Yh(e,{...t,steps:{...t.steps,sendTransaction:n}})}function r(n){return Yh(e,{...t,steps:{...t.steps,final:{...n,action:{key:`reward`}}}})}function i(n,r){return Yh(e,{...t,steps:{...t.steps,final:{...r,action:{key:`sharing`,options:n}}}})}async function a(n,r){return n&&(t.metadata=n(t.metadata??{})),await Ah(e,t,r)}return{params:t,sendTx:n,reward:r,sharing:i,display:a}}async function Xh(e,{tx:t,metadata:n}){return(await Ah(e,{metadata:n,steps:{login:{},sendTransaction:{tx:t}}})).sendTransaction}async function Zh(e,{siwe:t,metadata:n}){let r=e.config?.domain??window.location.host,i=t?.statement??`I confirm that I want to use my Frak wallet on: ${e.config.metadata.name}`;return(await Ah(e,{metadata:n,steps:{login:{},siweAuthenticate:{siwe:{...t,statement:i,nonce:t?.nonce??Oh(),uri:t?.uri??`https://${r}`,version:t?.version??`1`,domain:r}}}})).siweAuthenticate}var Qh=t({REFERRAL_SUCCESS_EVENT:()=>Uh,displayEmbeddedWallet:()=>kh,displayModal:()=>Ah,displaySharingPage:()=>jh,ensureIdentity:()=>Mh,getMerchantInformation:()=>Nh,getMergeToken:()=>Ph,getUserReferralStatus:()=>Fh,modalBuilder:()=>Jh,openSso:()=>Ct,prepareSso:()=>Ih,processReferral:()=>Vh,referralInteraction:()=>Hh,sendInteraction:()=>Lh,sendTransaction:()=>Xh,setupReferral:()=>Wh,siweAuthenticate:()=>Zh,trackPurchaseStatus:()=>Gh,watchWalletStatus:()=>Kh});async function $h(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}let n=window.FrakSetup?.modalWalletConfig??{};await kh(window.FrakSetup.client,e?{...n,metadata:{...n.metadata,targetInteraction:e}}:n,t)}function eg(){`vibrate`in navigator?navigator.vibrate(10):console.log(`Vibration not supported`)}function tg(e,t){eg(),$h(e,t)}const ng=`frak:client`;function rg(){let e=new CustomEvent(ng);window.dispatchEvent(e)}function ig(e,t){if(window.FrakSetup?.client&&e===`add`){t();return}(e===`add`?window.addEventListener:window.removeEventListener)(ng,t,!1)}function ag(){return window.FrakSetup.core={...Dh,...Qh},window.FrakSetup?.client?Promise.resolve():Nt(()=>og(),{cacheKey:`frak-sdk-init`,cacheTime:1/0}).catch(()=>{})}async function og(){if(!window.FrakSetup?.config)throw Error(`[Frak SDK] Configuration not found. Please ensure window.FrakSetup.config is set.`);console.log(`[Frak SDK] Starting initialization`);let e=await Th({config:window.FrakSetup.config});if(!e)throw Error(`[Frak SDK] Failed to create client`);window.FrakSetup.client=e,console.log(`[Frak SDK] Client initialized successfully`),rg(),Wh(e),sg()}function sg(){let e=new URLSearchParams(window.location.search).get(`frakAction`);e&&e===`share`&&(console.log(`[Frak SDK] Auto open query param found`),tg())}function cg(e){document.readyState===`complete`||document.readyState===`interactive`?setTimeout(e,1):document.addEventListener(`DOMContentLoaded`,e)}function lg(e,t){let n=document.getElementById(e);if(n){n.textContent!==t&&(n.textContent=t);return}let r=document.createElement(`style`);r.id=e,r.textContent=t,document.head.appendChild(r)}function ug(e,t){lg(`frak-base-${e}`,t)}function dg(e,t,n){lg(`frak-placement-${e}-${t}`,n)}const fg={injectBase:ug,injectPlacement:dg};fg.injectBase(`fouce`,`frak-button-share:not(:defined), frak-button-wallet:not(:defined), frak-open-in-app:not(:defined), frak-post-purchase:not(:defined), frak-banner:not(:defined) { display: none !important; }`),cg(ag);const pg={"button-share":()=>import(`./ButtonShare.BDS1fgma.js`),"button-wallet":()=>import(`./ButtonWallet.Be1UyRm8.js`),"open-in-app":()=>import(`./OpenInAppButton.Diqt07eo.js`),"post-purchase":()=>import(`./PostPurchase.DqFhm-Jn.js`),banner:()=>import(`./Banner.Ws9o79lU.js`)},mg=new MutationObserver(e=>{for(let{addedNodes:t}of e)for(let e of Array.from(t))e.nodeType===Node.ELEMENT_NODE&&hg(e)});async function hg(e){let t=e instanceof Element?e.tagName.toLowerCase():``,n=t?.startsWith(`frak-`),r=Array.from(e.querySelectorAll(`:not(:defined)`)).map(e=>e.tagName.toLowerCase()).filter(e=>e.startsWith(`frak-`));n&&!customElements.get(t)&&r.push(t);let i=[...new Set(r)];await Promise.allSettled(i.map(e=>gg(e)))}async function gg(e){if(customElements.get(e))return Promise.resolve();try{let t=e.replace(/^frak-/i,``);if(!(t in pg))throw Error(`Component ${e} is not supported.`);await pg[t]()}catch(e){console.error(e)}}hg(document.body),mg.observe(document.documentElement,{subtree:!0,childList:!0});export{un as C,E as S,st as T,Xm as _,tg as a,qm as b,Gh as c,Ph as d,Nh as f,th as g,uh as h,ig as i,Uh as l,dh as m,cg as n,$h as o,jh as p,ag as r,Jh as s,fg as t,Fh as u,$m as v,ot as w,nh as x,ph as y};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{l as
|
|
1
|
+
import{d as e,f as t,h as n,l as r,m as i,p as a}from"./usePlacement.B7jMsQvP.js";function o(e,t){for(var n in t)e[n]=t[n];return e}function s(e,t){for(var n in e)if(n!==`__source`&&!(n in t))return!0;for(var r in t)if(r!==`__source`&&e[r]!==t[r])return!0;return!1}function c(e,t){this.props=e,this.context=t}(c.prototype=new n).isPureReactComponent=!0,c.prototype.shouldComponentUpdate=function(e,t){return s(this.props,e)||s(this.state,t)};var l=i.__b;i.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),l&&l(e)},typeof Symbol<`u`&&Symbol.for;var u=i.__e;i.__e=function(e,t,n,r){if(e.then){for(var i,a=t;a=a.__;)if((i=a.__c)&&i.__c)return t.__e??(t.__e=n.__e,t.__k=n.__k),i.__c(e,t)}u(e,t,n,r)};var d=i.unmount;function f(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){typeof e.__c==`function`&&e.__c()}),e.__c.__H=null),(e=o({},e)).__c!=null&&(e.__c.__P===n&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return f(e,t,n)})),e}function p(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return p(e,t,n)}),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function m(){this.__u=0,this.o=null,this.__b=null}function h(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function g(){this.i=null,this.l=null}i.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),d&&d(e)},(m.prototype=new n).__c=function(e,t){var n=t.__c,r=this;r.o??=[],r.o.push(n);var i=h(r.__v),a=!1,o=function(){a||r.__z||(a=!0,n.__R=null,i?i(c):c())};n.__R=o;var s=n.__P;n.__P=null;var c=function(){if(!--r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=p(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.__P=s,t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(o,o)},m.prototype.componentWillUnmount=function(){this.o=[]},m.prototype.render=function(e,n){if(this.__b){if(this.__v.__k){var r=document.createElement(`div`),i=this.__v.__k[0].__c;this.__v.__k[0]=f(this.__b,r,i.__O=i.__P)}this.__b=null}var o=n.__a&&t(a,null,e.fallback);return o&&(o.__u&=-33),[t(a,null,n.__a?null:e.children),o]};var _=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&(e.props.revealOrder[0]!==`t`||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};(g.prototype=new n).__a=function(e){var t=this,n=h(t.__v),r=t.l.get(e);return r[0]++,function(i){var a=function(){t.props.revealOrder?(r.push(i),_(t,e,r)):i()};n?n(a):a()}},g.prototype.render=function(t){this.i=null,this.l=new Map;var n=e(t.children);t.revealOrder&&t.revealOrder[0]===`b`&&n.reverse();for(var r=n.length;r--;)this.l.set(n[r],this.i=[1,0,this.i]);return t.children},g.prototype.componentDidUpdate=g.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){_(e,n,t)})};var v=typeof Symbol<`u`&&Symbol.for&&Symbol.for(`react.element`)||60103,y=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,b=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,x=/[A-Z0-9]/g,S=typeof document<`u`,C=function(e){return(typeof Symbol<`u`&&typeof Symbol()==`symbol`?/fil|che|rad/:/fil|che|ra/).test(e)};n.prototype.isReactComponent=!0,[`componentWillMount`,`componentWillReceiveProps`,`componentWillUpdate`].forEach(function(e){Object.defineProperty(n.prototype,e,{configurable:!0,get:function(){return this[`UNSAFE_`+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var w=i.event;i.event=function(e){return w&&(e=w(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var T={configurable:!0,get:function(){return this.class}},E=i.vnode;i.vnode=function(t){typeof t.type==`string`&&function(t){var n=t.props,r=t.type,i={},a=r.indexOf(`-`)==-1;for(var o in n){var s=n[o];if(!(o===`value`&&`defaultValue`in n&&s==null||S&&o===`children`&&r===`noscript`||o===`class`||o===`className`)){var c=o.toLowerCase();o===`defaultValue`&&`value`in n&&n.value==null?o=`value`:o===`download`&&!0===s?s=``:c===`translate`&&s===`no`?s=!1:c[0]===`o`&&c[1]===`n`?c===`ondoubleclick`?o=`ondblclick`:c!==`onchange`||r!==`input`&&r!==`textarea`||C(n.type)?c===`onfocus`?o=`onfocusin`:c===`onblur`?o=`onfocusout`:b.test(o)&&(o=c):c=o=`oninput`:a&&y.test(o)?o=o.replace(x,`-$&`).toLowerCase():s===null&&(s=void 0),c===`oninput`&&i[o=c]&&(o=`oninputCapture`),i[o]=s}}r==`select`&&(i.multiple&&Array.isArray(i.value)&&(i.value=e(n.children).forEach(function(e){e.props.selected=i.value.indexOf(e.props.value)!=-1})),i.defaultValue!=null&&(i.value=e(n.children).forEach(function(e){e.props.selected=i.multiple?i.defaultValue.indexOf(e.props.value)!=-1:i.defaultValue==e.props.value}))),n.class&&!n.className?(i.class=n.class,Object.defineProperty(i,`className`,T)):n.className&&(i.class=i.className=n.className),t.props=i}(t),t.$$typeof=v,E&&E(t)};var D=i.__r;i.__r=function(e){D&&D(e),e.__c};var O=i.diffed;i.diffed=function(e){O&&O(e);var t=e.props,n=e.__e;n!=null&&e.type===`textarea`&&`value`in t&&t.value!==n.value&&(n.value=t.value==null?``:t.value)};function k(e){return r(`svg`,{width:`15`,height:`15`,viewBox:`0 0 15 15`,fill:`none`,"aria-hidden":`true`,...e,children:r(`path`,{d:`M7.33301 0C11.383 0 14.6668 3.28307 14.667 7.33301C14.667 11.3831 11.3831 14.667 7.33301 14.667C3.28307 14.6668 0 11.383 0 7.33301C0.000175746 3.28318 3.28318 0.000175742 7.33301 0ZM10.3896 4.27734C10.151 4.0388 9.76303 4.03775 9.52441 4.27637L7.33301 6.46777L5.14258 4.27637C4.90397 4.03776 4.51601 4.03882 4.27734 4.27734C4.03869 4.516 4.03771 4.90392 4.27637 5.14258L6.4668 7.33398L4.27637 9.52441C4.03807 9.76306 4.03891 10.1511 4.27734 10.3896C4.51589 10.6282 4.9039 10.629 5.14258 10.3906L7.33301 8.2002L9.52344 10.3906C9.76198 10.629 10.15 10.6279 10.3887 10.3896C10.6273 10.151 10.6283 9.76209 10.3896 9.52344L8.2002 7.33398L10.3906 5.14258C10.6293 4.90392 10.6283 4.516 10.3896 4.27734Z`,fill:`currentColor`})})}function A(e){return r(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,...e,children:r(`path`,{d:`M5.45508 0C5.75614 0.000209333 6 0.244788 6 0.545898C5.99979 0.846831 5.75601 1.09159 5.45508 1.0918H4.36426C3.05445 1.0918 2.27964 1.35707 1.81836 1.81836C1.35714 2.27966 1.0918 3.05454 1.0918 4.36426V7.63672C1.09186 8.94625 1.35713 9.72139 1.81836 10.1826C2.2797 10.6436 3.05488 10.9092 4.36426 10.9092H7.63672C8.94628 10.9091 9.72135 10.6438 10.1826 10.1826C10.6438 9.72139 10.9091 8.94625 10.9092 7.63672V6.5459C10.9092 6.24466 11.1538 6 11.4551 6C11.7561 6.00028 12 6.24483 12 6.5459V7.63672C11.9999 9.05391 11.72 10.1882 10.9541 10.9541C10.1882 11.7199 9.05394 12 7.63672 12H4.36426C2.94714 12 1.81283 11.7197 1.04688 10.9541C0.280997 10.1882 6.04321e-05 9.05391 0 7.63672V4.36426C0 2.94692 0.28099 1.81283 1.04688 1.04688C1.81284 0.280915 2.94686 0 4.36426 0H5.45508ZM11.4541 0C11.7553 2.20143e-05 11.999 0.244672 11.999 0.545898V3.16406C11.9988 3.46509 11.7552 3.70896 11.4541 3.70898C11.1532 3.70873 10.9084 3.46495 10.9082 3.16406V1.8623L6.93066 5.83984C6.71766 6.05283 6.37218 6.05283 6.15918 5.83984C5.94657 5.62681 5.94632 5.28124 6.15918 5.06836L10.1357 1.0918H8.83594C8.53504 1.09154 8.29025 0.846803 8.29004 0.545898C8.29004 0.244816 8.53491 0.000254588 8.83594 0H11.4541Z`,fill:`currentColor`})})}function j(e){return r(`svg`,{width:`24`,height:`24`,viewBox:`0 0 120 120`,fill:`none`,"aria-hidden":`true`,...e,children:r(`path`,{fill:`currentColor`,d:`M40.9656 92.9592L1.53047 79.6135C0.77971 79.3587 0 79.9184 0 80.7116V105.06C0 105.558 0.316516 105.998 0.78743 106.158L40.2226 119.504C40.9734 119.759 41.7531 119.199 41.7531 118.406V94.0574C41.7531 93.5594 41.4366 93.1194 40.9656 92.9592ZM81.9853 46.2654L42.5405 59.6112C42.0696 59.7714 41.7531 60.2114 41.7531 60.7094V85.0579C41.7531 85.8511 42.5328 86.4108 43.2835 86.1561L82.7283 72.8103C83.1993 72.6501 83.5158 72.2101 83.5158 71.7121V47.3636C83.5158 46.5704 82.738 46.0107 81.9853 46.2654ZM119.027 0.0367608L52.9913 21.3051C52.5127 21.4595 52.1884 21.9053 52.1884 22.409V47.3559C52.1884 47.8519 52.6806 48.2031 53.1592 48.0487L119.195 26.7804C119.674 26.626 120 26.1802 120 25.6765V0.729621C119.998 0.233617 119.506 -0.117637 119.027 0.0367608Z`})})}function M(e){return r(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,...e,children:r(`path`,{d:`M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM8.10352 10.207C8.82025 10.2071 9.23531 10.6346 9.23535 11.3262C9.23535 12.0304 8.82028 12.4579 8.10352 12.458C7.36167 12.4579 6.97168 12.0304 6.97168 11.3262C6.97172 10.6346 7.36171 10.2072 8.10352 10.207ZM8.84766 3.54102C9.01311 3.54121 9.14736 3.67535 9.14746 3.84082V4.74805L8.84375 8.37012C8.83069 8.52552 8.6999 8.64551 8.54395 8.64551H7.62891C7.47133 8.64523 7.34074 8.52251 7.33008 8.36523L7.08496 4.74805V3.84082C7.08507 3.67533 7.2193 3.54119 7.38477 3.54102H8.84766Z`,fill:`currentColor`})})}const N=`:root {
|
|
2
2
|
--text-primary__pbq4ak0: #000000;
|
|
3
3
|
--text-secondary__pbq4ak1: #525252;
|
|
4
4
|
--text-tertiary__pbq4ak2: #a3a3a3;
|
|
@@ -85,7 +85,7 @@ import{l as e}from"./usePlacement.B7jMsQvP.js";function t(t){return e(`svg`,{wid
|
|
|
85
85
|
--icon-error__pbq4ak13: #e31c31;
|
|
86
86
|
--icon-success__pbq4ak14: #09be67;
|
|
87
87
|
--icon-warning__pbq4ak15: #ec7e00;
|
|
88
|
-
}`;function
|
|
88
|
+
}`;function P(e){return r(`svg`,{viewBox:`0 0 100 100`,fill:`none`,"aria-hidden":`true`,...e,children:[r(`circle`,{cx:`38`,cy:`28`,r:`23`,fill:`#FFF533`}),r(`path`,{d:`M50 38C30 10 12 30 50 38Z`,stroke:`#222222`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r(`path`,{d:`M50 38C70 10 88 30 50 38Z`,stroke:`#222222`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r(`rect`,{x:`10`,y:`38`,width:`80`,height:`16`,rx:`2`,stroke:`#222222`,"stroke-width":`4`}),r(`path`,{d:`M15 54V89C15 90.6 16.4 92 18 92H82C83.6 92 85 90.6 85 89V54`,stroke:`#222222`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r(`line`,{x1:`50`,y1:`54`,x2:`50`,y2:`92`,stroke:`#222222`,"stroke-width":`4`,"stroke-linecap":`round`})]})}const F=`.reset_base__1831jhd0 {
|
|
89
89
|
margin: 0;
|
|
90
90
|
padding: 0;
|
|
91
91
|
border: 0;
|
|
@@ -137,7 +137,7 @@ import{l as e}from"./usePlacement.B7jMsQvP.js";function t(t){return e(`svg`,{wid
|
|
|
137
137
|
.reset_element_img__1831jhdc {
|
|
138
138
|
display: block;
|
|
139
139
|
max-width: 100%;
|
|
140
|
-
}`,
|
|
140
|
+
}`,I=`.sprinkles_display_none_mobile__1iaw8zx0 {
|
|
141
141
|
display: none;
|
|
142
142
|
}
|
|
143
143
|
.sprinkles_display_flex_mobile__1iaw8zx3 {
|
|
@@ -1172,4 +1172,4 @@ import{l as e}from"./usePlacement.B7jMsQvP.js";function t(t){return e(`svg`,{wid
|
|
|
1172
1172
|
.sprinkles_borderRadius_full_desktop__1iaw8zx7n {
|
|
1173
1173
|
border-radius: 9999px;
|
|
1174
1174
|
}
|
|
1175
|
-
}`;export{
|
|
1175
|
+
}`;export{M as a,k as c,N as i,F as n,j as o,P as r,A as s,I as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{S as e}from"./loader.js";import{a as t,c as n,o as r}from"./usePlacement.B7jMsQvP.js";function i(){let[i,a]=r(0);return n(()=>{let e=e=>{a(e=>e+1)};return window.addEventListener(`frak:config`,e),a(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),t(()=>e.getConfig().components,[i])}export{i as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{f as e,v as t,x as n}from"./loader.js";import{c as r,o as i}from"./usePlacement.B7jMsQvP.js";import{n as a}from"./formatReward.
|
|
1
|
+
import{f as e,v as t,x as n}from"./loader.js";import{c as r,o as i}from"./usePlacement.B7jMsQvP.js";import{n as a}from"./formatReward.CXxVsWN3.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};
|
|
@@ -1,4 +1,188 @@
|
|
|
1
|
+
import "preact/hooks";
|
|
1
2
|
import { jsx, jsxs } from "preact/jsx-runtime";
|
|
3
|
+
import { Component, Fragment as Fragment$1, createElement, createElement as createElement$1, options, toChildArray } from "preact";
|
|
4
|
+
//#region ../../node_modules/.bun/preact@10.29.0/node_modules/preact/compat/dist/compat.module.js
|
|
5
|
+
function g(n, t) {
|
|
6
|
+
for (var e in t) n[e] = t[e];
|
|
7
|
+
return n;
|
|
8
|
+
}
|
|
9
|
+
function E(n, t) {
|
|
10
|
+
for (var e in n) if ("__source" !== e && !(e in t)) return !0;
|
|
11
|
+
for (var r in t) if ("__source" !== r && n[r] !== t[r]) return !0;
|
|
12
|
+
return !1;
|
|
13
|
+
}
|
|
14
|
+
function M(n, t) {
|
|
15
|
+
this.props = n, this.context = t;
|
|
16
|
+
}
|
|
17
|
+
(M.prototype = new Component()).isPureReactComponent = !0, M.prototype.shouldComponentUpdate = function(n, t) {
|
|
18
|
+
return E(this.props, n) || E(this.state, t);
|
|
19
|
+
};
|
|
20
|
+
var T = options.__b;
|
|
21
|
+
options.__b = function(n) {
|
|
22
|
+
n.type && n.type.__f && n.ref && (n.props.ref = n.ref, n.ref = null), T && T(n);
|
|
23
|
+
};
|
|
24
|
+
"undefined" != typeof Symbol && Symbol.for;
|
|
25
|
+
var O = options.__e;
|
|
26
|
+
options.__e = function(n, t, e, r) {
|
|
27
|
+
if (n.then) {
|
|
28
|
+
for (var u, o = t; o = o.__;) if ((u = o.__c) && u.__c) return t.__e ?? (t.__e = e.__e, t.__k = e.__k), u.__c(n, t);
|
|
29
|
+
}
|
|
30
|
+
O(n, t, e, r);
|
|
31
|
+
};
|
|
32
|
+
var U = options.unmount;
|
|
33
|
+
function V(n, t, e) {
|
|
34
|
+
return n && (n.__c && n.__c.__H && (n.__c.__H.__.forEach(function(n) {
|
|
35
|
+
"function" == typeof n.__c && n.__c();
|
|
36
|
+
}), n.__c.__H = null), null != (n = g({}, n)).__c && (n.__c.__P === e && (n.__c.__P = t), n.__c.__e = !0, n.__c = null), n.__k = n.__k && n.__k.map(function(n) {
|
|
37
|
+
return V(n, t, e);
|
|
38
|
+
})), n;
|
|
39
|
+
}
|
|
40
|
+
function W(n, t, e) {
|
|
41
|
+
return n && e && (n.__v = null, n.__k = n.__k && n.__k.map(function(n) {
|
|
42
|
+
return W(n, t, e);
|
|
43
|
+
}), n.__c && n.__c.__P === t && (n.__e && e.appendChild(n.__e), n.__c.__e = !0, n.__c.__P = e)), n;
|
|
44
|
+
}
|
|
45
|
+
function P() {
|
|
46
|
+
this.__u = 0, this.o = null, this.__b = null;
|
|
47
|
+
}
|
|
48
|
+
function j(n) {
|
|
49
|
+
var t = n.__ && n.__.__c;
|
|
50
|
+
return t && t.__a && t.__a(n);
|
|
51
|
+
}
|
|
52
|
+
function B() {
|
|
53
|
+
this.i = null, this.l = null;
|
|
54
|
+
}
|
|
55
|
+
options.unmount = function(n) {
|
|
56
|
+
var t = n.__c;
|
|
57
|
+
t && (t.__z = !0), t && t.__R && t.__R(), t && 32 & n.__u && (n.type = null), U && U(n);
|
|
58
|
+
}, (P.prototype = new Component()).__c = function(n, t) {
|
|
59
|
+
var e = t.__c, r = this;
|
|
60
|
+
r.o ??= [], r.o.push(e);
|
|
61
|
+
var u = j(r.__v), o = !1, i = function() {
|
|
62
|
+
o || r.__z || (o = !0, e.__R = null, u ? u(c) : c());
|
|
63
|
+
};
|
|
64
|
+
e.__R = i;
|
|
65
|
+
var l = e.__P;
|
|
66
|
+
e.__P = null;
|
|
67
|
+
var c = function() {
|
|
68
|
+
if (!--r.__u) {
|
|
69
|
+
if (r.state.__a) {
|
|
70
|
+
var n = r.state.__a;
|
|
71
|
+
r.__v.__k[0] = W(n, n.__c.__P, n.__c.__O);
|
|
72
|
+
}
|
|
73
|
+
var t;
|
|
74
|
+
for (r.setState({ __a: r.__b = null }); t = r.o.pop();) t.__P = l, t.forceUpdate();
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
r.__u++ || 32 & t.__u || r.setState({ __a: r.__b = r.__v.__k[0] }), n.then(i, i);
|
|
78
|
+
}, P.prototype.componentWillUnmount = function() {
|
|
79
|
+
this.o = [];
|
|
80
|
+
}, P.prototype.render = function(n, e) {
|
|
81
|
+
if (this.__b) {
|
|
82
|
+
if (this.__v.__k) {
|
|
83
|
+
var r = document.createElement("div"), o = this.__v.__k[0].__c;
|
|
84
|
+
this.__v.__k[0] = V(this.__b, r, o.__O = o.__P);
|
|
85
|
+
}
|
|
86
|
+
this.__b = null;
|
|
87
|
+
}
|
|
88
|
+
var i = e.__a && createElement(Fragment$1, null, n.fallback);
|
|
89
|
+
return i && (i.__u &= -33), [createElement(Fragment$1, null, e.__a ? null : n.children), i];
|
|
90
|
+
};
|
|
91
|
+
var H = function(n, t, e) {
|
|
92
|
+
if (++e[1] === e[0] && n.l.delete(t), n.props.revealOrder && ("t" !== n.props.revealOrder[0] || !n.l.size)) for (e = n.i; e;) {
|
|
93
|
+
for (; e.length > 3;) e.pop()();
|
|
94
|
+
if (e[1] < e[0]) break;
|
|
95
|
+
n.i = e = e[2];
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
(B.prototype = new Component()).__a = function(n) {
|
|
99
|
+
var t = this, e = j(t.__v), r = t.l.get(n);
|
|
100
|
+
return r[0]++, function(u) {
|
|
101
|
+
var o = function() {
|
|
102
|
+
t.props.revealOrder ? (r.push(u), H(t, n, r)) : u();
|
|
103
|
+
};
|
|
104
|
+
e ? e(o) : o();
|
|
105
|
+
};
|
|
106
|
+
}, B.prototype.render = function(n) {
|
|
107
|
+
this.i = null, this.l = /* @__PURE__ */ new Map();
|
|
108
|
+
var t = toChildArray(n.children);
|
|
109
|
+
n.revealOrder && "b" === n.revealOrder[0] && t.reverse();
|
|
110
|
+
for (var e = t.length; e--;) this.l.set(t[e], this.i = [
|
|
111
|
+
1,
|
|
112
|
+
0,
|
|
113
|
+
this.i
|
|
114
|
+
]);
|
|
115
|
+
return n.children;
|
|
116
|
+
}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
|
|
117
|
+
var n = this;
|
|
118
|
+
this.l.forEach(function(t, e) {
|
|
119
|
+
H(n, e, t);
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n) {
|
|
123
|
+
return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n);
|
|
124
|
+
};
|
|
125
|
+
Component.prototype.isReactComponent = !0, [
|
|
126
|
+
"componentWillMount",
|
|
127
|
+
"componentWillReceiveProps",
|
|
128
|
+
"componentWillUpdate"
|
|
129
|
+
].forEach(function(t) {
|
|
130
|
+
Object.defineProperty(Component.prototype, t, {
|
|
131
|
+
configurable: !0,
|
|
132
|
+
get: function() {
|
|
133
|
+
return this["UNSAFE_" + t];
|
|
134
|
+
},
|
|
135
|
+
set: function(n) {
|
|
136
|
+
Object.defineProperty(this, t, {
|
|
137
|
+
configurable: !0,
|
|
138
|
+
writable: !0,
|
|
139
|
+
value: n
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
var en = options.event;
|
|
145
|
+
options.event = function(n) {
|
|
146
|
+
return en && (n = en(n)), n.persist = function() {}, n.isPropagationStopped = function() {
|
|
147
|
+
return this.cancelBubble;
|
|
148
|
+
}, n.isDefaultPrevented = function() {
|
|
149
|
+
return this.defaultPrevented;
|
|
150
|
+
}, n.nativeEvent = n;
|
|
151
|
+
};
|
|
152
|
+
var un = {
|
|
153
|
+
configurable: !0,
|
|
154
|
+
get: function() {
|
|
155
|
+
return this.class;
|
|
156
|
+
}
|
|
157
|
+
}, on = options.vnode;
|
|
158
|
+
options.vnode = function(n) {
|
|
159
|
+
"string" == typeof n.type && function(n) {
|
|
160
|
+
var t = n.props, e = n.type, u = {}, o = -1 == e.indexOf("-");
|
|
161
|
+
for (var i in t) {
|
|
162
|
+
var l = t[i];
|
|
163
|
+
if (!("value" === i && "defaultValue" in t && null == l || Q && "children" === i && "noscript" === e || "class" === i || "className" === i)) {
|
|
164
|
+
var c = i.toLowerCase();
|
|
165
|
+
"defaultValue" === i && "value" in t && null == t.value ? i = "value" : "download" === i && !0 === l ? l = "" : "translate" === c && "no" === l ? l = !1 : "o" === c[0] && "n" === c[1] ? "ondoubleclick" === c ? i = "ondblclick" : "onchange" !== c || "input" !== e && "textarea" !== e || X(t.type) ? "onfocus" === c ? i = "onfocusin" : "onblur" === c ? i = "onfocusout" : J.test(i) && (i = c) : c = i = "oninput" : o && G.test(i) ? i = i.replace(K, "-$&").toLowerCase() : null === l && (l = void 0), "oninput" === c && u[i = c] && (i = "oninputCapture"), u[i] = l;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
"select" == e && (u.multiple && Array.isArray(u.value) && (u.value = toChildArray(t.children).forEach(function(n) {
|
|
169
|
+
n.props.selected = -1 != u.value.indexOf(n.props.value);
|
|
170
|
+
})), null != u.defaultValue && (u.value = toChildArray(t.children).forEach(function(n) {
|
|
171
|
+
n.props.selected = u.multiple ? -1 != u.defaultValue.indexOf(n.props.value) : u.defaultValue == n.props.value;
|
|
172
|
+
}))), t.class && !t.className ? (u.class = t.class, Object.defineProperty(u, "className", un)) : t.className && (u.class = u.className = t.className), n.props = u;
|
|
173
|
+
}(n), n.$$typeof = q, on && on(n);
|
|
174
|
+
};
|
|
175
|
+
var ln = options.__r;
|
|
176
|
+
options.__r = function(n) {
|
|
177
|
+
ln && ln(n), n.__c;
|
|
178
|
+
};
|
|
179
|
+
var cn = options.diffed;
|
|
180
|
+
options.diffed = function(n) {
|
|
181
|
+
cn && cn(n);
|
|
182
|
+
var t = n.props, e = n.__e;
|
|
183
|
+
null != e && "textarea" === n.type && "value" in t && t.value !== e.value && (e.value = null == t.value ? "" : t.value);
|
|
184
|
+
};
|
|
185
|
+
//#endregion
|
|
2
186
|
//#region \0ve-inline:../../packages/design-system/src/reset.css.ts.vanilla.js
|
|
3
187
|
const cssSource$2 = `.reset_base__1831jhd0 {
|
|
4
188
|
margin: 0;
|
|
@@ -1314,4 +1498,4 @@ function GiftIcon(props) {
|
|
|
1314
1498
|
});
|
|
1315
1499
|
}
|
|
1316
1500
|
//#endregion
|
|
1317
|
-
export { CloseCircleIcon as a, cssSource$2 as c, ExternalLinkIcon as i, WarningIcon as n, cssSource as o, LogoFrak as r, cssSource$1 as s, GiftIcon as t };
|
|
1501
|
+
export { CloseCircleIcon as a, cssSource$2 as c, ExternalLinkIcon as i, createElement$1 as l, WarningIcon as n, cssSource as o, LogoFrak as r, cssSource$1 as s, GiftIcon as t };
|
package/dist/banner.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
|
|
2
|
-
import { t as
|
|
3
|
-
import { t as
|
|
4
|
-
import {
|
|
2
|
+
import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
|
|
3
|
+
import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
|
|
4
|
+
import { t as useReward } from "./useReward-DU3_yP8Q.js";
|
|
5
|
+
import { a as CloseCircleIcon, c as cssSource$5, i as ExternalLinkIcon, n as WarningIcon, o as cssSource$6, s as cssSource$4, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
|
|
5
6
|
import { isInAppBrowser, redirectToExternalBrowser } from "@frak-labs/core-sdk";
|
|
6
7
|
import { REFERRAL_SUCCESS_EVENT, getMergeToken } from "@frak-labs/core-sdk/actions";
|
|
7
8
|
import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
|
|
@@ -330,7 +331,8 @@ function Banner({ placement: placementId, classname = "", interaction, referralT
|
|
|
330
331
|
if (isPreview) return;
|
|
331
332
|
setDismissed(true);
|
|
332
333
|
}, [isPreview]);
|
|
333
|
-
const
|
|
334
|
+
const globalComponents = useGlobalComponents();
|
|
335
|
+
const bannerConfig = placement?.components?.banner ?? globalComponents?.banner;
|
|
334
336
|
const texts = useMemo(() => {
|
|
335
337
|
if (mode === "referral") {
|
|
336
338
|
const defaultTitle = reward ? `Earn ${reward} on purchases on this site` : "You've been referred!";
|
package/dist/buttonShare.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { a as registerWebComponent, i as useClientReady, s as openEmbeddedWallet, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
|
|
2
|
-
import { t as
|
|
3
|
-
import { t as
|
|
4
|
-
import { t as
|
|
5
|
-
import { t as
|
|
2
|
+
import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
|
|
3
|
+
import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
|
|
4
|
+
import { t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
|
|
5
|
+
import { t as useReward } from "./useReward-DU3_yP8Q.js";
|
|
6
|
+
import { t as useShareModal } from "./useShareModal-DgEf5WWG.js";
|
|
6
7
|
import { trackEvent } from "@frak-labs/core-sdk";
|
|
7
8
|
import { displaySharingPage } from "@frak-labs/core-sdk/actions";
|
|
8
9
|
import { useCallback, useMemo, useState } from "preact/hooks";
|
|
@@ -211,7 +212,8 @@ function ErrorMessage({ debugInfo }) {
|
|
|
211
212
|
*/
|
|
212
213
|
function ButtonShare({ placement: placementId, text = "Share and earn!", classname = "", useReward: rawUseReward, noRewardText, targetInteraction, clickAction: rawClickAction }) {
|
|
213
214
|
const placement = usePlacement(placementId);
|
|
214
|
-
const
|
|
215
|
+
const globalComponents = useGlobalComponents();
|
|
216
|
+
const componentConfig = placement?.components?.buttonShare ?? globalComponents?.buttonShare;
|
|
215
217
|
useLightDomStyles("frak-button-share", placementId, componentConfig?.css);
|
|
216
218
|
const resolvedTargetInteraction = useMemo(() => placement?.targetInteraction !== void 0 ? placement.targetInteraction : targetInteraction, [placement?.targetInteraction, targetInteraction]);
|
|
217
219
|
const resolvedText = componentConfig?.text ?? text;
|
package/dist/buttonWallet.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, o as openWalletModal, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
|
|
2
|
-
import { t as useReward } from "./useReward-
|
|
2
|
+
import { t as useReward } from "./useReward-DU3_yP8Q.js";
|
|
3
3
|
import { trackEvent } from "@frak-labs/core-sdk";
|
|
4
4
|
import { useEffect, useMemo, useState } from "preact/hooks";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
|
package/dist/openInApp.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
|
|
2
|
-
import { t as useLightDomStyles } from "./useLightDomStyles-
|
|
2
|
+
import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
|
|
3
3
|
import { DEEP_LINK_SCHEME, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
|
|
4
4
|
import { useMemo } from "preact/hooks";
|
|
5
5
|
import { jsx } from "preact/jsx-runtime";
|
package/dist/postPurchase.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
|
|
2
|
-
import { t as
|
|
3
|
-
import {
|
|
4
|
-
import { t as
|
|
5
|
-
import {
|
|
2
|
+
import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
|
|
3
|
+
import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
|
|
4
|
+
import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
|
|
5
|
+
import { t as useShareModal } from "./useShareModal-DgEf5WWG.js";
|
|
6
|
+
import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
|
|
6
7
|
import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
|
|
7
8
|
import { useEffect, useMemo, useState } from "preact/hooks";
|
|
8
9
|
import { jsx, jsxs } from "preact/jsx-runtime";
|
|
9
10
|
import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
|
|
10
|
-
import { Component, Fragment as Fragment$1, createElement, createElement as createElement$1, options, toChildArray } from "preact";
|
|
11
11
|
//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
12
12
|
function r(e) {
|
|
13
13
|
var t, f, n = "";
|
|
@@ -23,188 +23,6 @@ function clsx() {
|
|
|
23
23
|
return n;
|
|
24
24
|
}
|
|
25
25
|
//#endregion
|
|
26
|
-
//#region ../../node_modules/.bun/preact@10.29.0/node_modules/preact/compat/dist/compat.module.js
|
|
27
|
-
function g(n, t) {
|
|
28
|
-
for (var e in t) n[e] = t[e];
|
|
29
|
-
return n;
|
|
30
|
-
}
|
|
31
|
-
function E(n, t) {
|
|
32
|
-
for (var e in n) if ("__source" !== e && !(e in t)) return !0;
|
|
33
|
-
for (var r in t) if ("__source" !== r && n[r] !== t[r]) return !0;
|
|
34
|
-
return !1;
|
|
35
|
-
}
|
|
36
|
-
function M(n, t) {
|
|
37
|
-
this.props = n, this.context = t;
|
|
38
|
-
}
|
|
39
|
-
(M.prototype = new Component()).isPureReactComponent = !0, M.prototype.shouldComponentUpdate = function(n, t) {
|
|
40
|
-
return E(this.props, n) || E(this.state, t);
|
|
41
|
-
};
|
|
42
|
-
var T = options.__b;
|
|
43
|
-
options.__b = function(n) {
|
|
44
|
-
n.type && n.type.__f && n.ref && (n.props.ref = n.ref, n.ref = null), T && T(n);
|
|
45
|
-
};
|
|
46
|
-
"undefined" != typeof Symbol && Symbol.for;
|
|
47
|
-
var O = options.__e;
|
|
48
|
-
options.__e = function(n, t, e, r) {
|
|
49
|
-
if (n.then) {
|
|
50
|
-
for (var u, o = t; o = o.__;) if ((u = o.__c) && u.__c) return t.__e ?? (t.__e = e.__e, t.__k = e.__k), u.__c(n, t);
|
|
51
|
-
}
|
|
52
|
-
O(n, t, e, r);
|
|
53
|
-
};
|
|
54
|
-
var U = options.unmount;
|
|
55
|
-
function V(n, t, e) {
|
|
56
|
-
return n && (n.__c && n.__c.__H && (n.__c.__H.__.forEach(function(n) {
|
|
57
|
-
"function" == typeof n.__c && n.__c();
|
|
58
|
-
}), n.__c.__H = null), null != (n = g({}, n)).__c && (n.__c.__P === e && (n.__c.__P = t), n.__c.__e = !0, n.__c = null), n.__k = n.__k && n.__k.map(function(n) {
|
|
59
|
-
return V(n, t, e);
|
|
60
|
-
})), n;
|
|
61
|
-
}
|
|
62
|
-
function W(n, t, e) {
|
|
63
|
-
return n && e && (n.__v = null, n.__k = n.__k && n.__k.map(function(n) {
|
|
64
|
-
return W(n, t, e);
|
|
65
|
-
}), n.__c && n.__c.__P === t && (n.__e && e.appendChild(n.__e), n.__c.__e = !0, n.__c.__P = e)), n;
|
|
66
|
-
}
|
|
67
|
-
function P() {
|
|
68
|
-
this.__u = 0, this.o = null, this.__b = null;
|
|
69
|
-
}
|
|
70
|
-
function j(n) {
|
|
71
|
-
var t = n.__ && n.__.__c;
|
|
72
|
-
return t && t.__a && t.__a(n);
|
|
73
|
-
}
|
|
74
|
-
function B() {
|
|
75
|
-
this.i = null, this.l = null;
|
|
76
|
-
}
|
|
77
|
-
options.unmount = function(n) {
|
|
78
|
-
var t = n.__c;
|
|
79
|
-
t && (t.__z = !0), t && t.__R && t.__R(), t && 32 & n.__u && (n.type = null), U && U(n);
|
|
80
|
-
}, (P.prototype = new Component()).__c = function(n, t) {
|
|
81
|
-
var e = t.__c, r = this;
|
|
82
|
-
r.o ??= [], r.o.push(e);
|
|
83
|
-
var u = j(r.__v), o = !1, i = function() {
|
|
84
|
-
o || r.__z || (o = !0, e.__R = null, u ? u(c) : c());
|
|
85
|
-
};
|
|
86
|
-
e.__R = i;
|
|
87
|
-
var l = e.__P;
|
|
88
|
-
e.__P = null;
|
|
89
|
-
var c = function() {
|
|
90
|
-
if (!--r.__u) {
|
|
91
|
-
if (r.state.__a) {
|
|
92
|
-
var n = r.state.__a;
|
|
93
|
-
r.__v.__k[0] = W(n, n.__c.__P, n.__c.__O);
|
|
94
|
-
}
|
|
95
|
-
var t;
|
|
96
|
-
for (r.setState({ __a: r.__b = null }); t = r.o.pop();) t.__P = l, t.forceUpdate();
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
r.__u++ || 32 & t.__u || r.setState({ __a: r.__b = r.__v.__k[0] }), n.then(i, i);
|
|
100
|
-
}, P.prototype.componentWillUnmount = function() {
|
|
101
|
-
this.o = [];
|
|
102
|
-
}, P.prototype.render = function(n, e) {
|
|
103
|
-
if (this.__b) {
|
|
104
|
-
if (this.__v.__k) {
|
|
105
|
-
var r = document.createElement("div"), o = this.__v.__k[0].__c;
|
|
106
|
-
this.__v.__k[0] = V(this.__b, r, o.__O = o.__P);
|
|
107
|
-
}
|
|
108
|
-
this.__b = null;
|
|
109
|
-
}
|
|
110
|
-
var i = e.__a && createElement(Fragment$1, null, n.fallback);
|
|
111
|
-
return i && (i.__u &= -33), [createElement(Fragment$1, null, e.__a ? null : n.children), i];
|
|
112
|
-
};
|
|
113
|
-
var H = function(n, t, e) {
|
|
114
|
-
if (++e[1] === e[0] && n.l.delete(t), n.props.revealOrder && ("t" !== n.props.revealOrder[0] || !n.l.size)) for (e = n.i; e;) {
|
|
115
|
-
for (; e.length > 3;) e.pop()();
|
|
116
|
-
if (e[1] < e[0]) break;
|
|
117
|
-
n.i = e = e[2];
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
(B.prototype = new Component()).__a = function(n) {
|
|
121
|
-
var t = this, e = j(t.__v), r = t.l.get(n);
|
|
122
|
-
return r[0]++, function(u) {
|
|
123
|
-
var o = function() {
|
|
124
|
-
t.props.revealOrder ? (r.push(u), H(t, n, r)) : u();
|
|
125
|
-
};
|
|
126
|
-
e ? e(o) : o();
|
|
127
|
-
};
|
|
128
|
-
}, B.prototype.render = function(n) {
|
|
129
|
-
this.i = null, this.l = /* @__PURE__ */ new Map();
|
|
130
|
-
var t = toChildArray(n.children);
|
|
131
|
-
n.revealOrder && "b" === n.revealOrder[0] && t.reverse();
|
|
132
|
-
for (var e = t.length; e--;) this.l.set(t[e], this.i = [
|
|
133
|
-
1,
|
|
134
|
-
0,
|
|
135
|
-
this.i
|
|
136
|
-
]);
|
|
137
|
-
return n.children;
|
|
138
|
-
}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
|
|
139
|
-
var n = this;
|
|
140
|
-
this.l.forEach(function(t, e) {
|
|
141
|
-
H(n, e, t);
|
|
142
|
-
});
|
|
143
|
-
};
|
|
144
|
-
var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n) {
|
|
145
|
-
return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n);
|
|
146
|
-
};
|
|
147
|
-
Component.prototype.isReactComponent = !0, [
|
|
148
|
-
"componentWillMount",
|
|
149
|
-
"componentWillReceiveProps",
|
|
150
|
-
"componentWillUpdate"
|
|
151
|
-
].forEach(function(t) {
|
|
152
|
-
Object.defineProperty(Component.prototype, t, {
|
|
153
|
-
configurable: !0,
|
|
154
|
-
get: function() {
|
|
155
|
-
return this["UNSAFE_" + t];
|
|
156
|
-
},
|
|
157
|
-
set: function(n) {
|
|
158
|
-
Object.defineProperty(this, t, {
|
|
159
|
-
configurable: !0,
|
|
160
|
-
writable: !0,
|
|
161
|
-
value: n
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
});
|
|
166
|
-
var en = options.event;
|
|
167
|
-
options.event = function(n) {
|
|
168
|
-
return en && (n = en(n)), n.persist = function() {}, n.isPropagationStopped = function() {
|
|
169
|
-
return this.cancelBubble;
|
|
170
|
-
}, n.isDefaultPrevented = function() {
|
|
171
|
-
return this.defaultPrevented;
|
|
172
|
-
}, n.nativeEvent = n;
|
|
173
|
-
};
|
|
174
|
-
var un = {
|
|
175
|
-
configurable: !0,
|
|
176
|
-
get: function() {
|
|
177
|
-
return this.class;
|
|
178
|
-
}
|
|
179
|
-
}, on = options.vnode;
|
|
180
|
-
options.vnode = function(n) {
|
|
181
|
-
"string" == typeof n.type && function(n) {
|
|
182
|
-
var t = n.props, e = n.type, u = {}, o = -1 == e.indexOf("-");
|
|
183
|
-
for (var i in t) {
|
|
184
|
-
var l = t[i];
|
|
185
|
-
if (!("value" === i && "defaultValue" in t && null == l || Q && "children" === i && "noscript" === e || "class" === i || "className" === i)) {
|
|
186
|
-
var c = i.toLowerCase();
|
|
187
|
-
"defaultValue" === i && "value" in t && null == t.value ? i = "value" : "download" === i && !0 === l ? l = "" : "translate" === c && "no" === l ? l = !1 : "o" === c[0] && "n" === c[1] ? "ondoubleclick" === c ? i = "ondblclick" : "onchange" !== c || "input" !== e && "textarea" !== e || X(t.type) ? "onfocus" === c ? i = "onfocusin" : "onblur" === c ? i = "onfocusout" : J.test(i) && (i = c) : c = i = "oninput" : o && G.test(i) ? i = i.replace(K, "-$&").toLowerCase() : null === l && (l = void 0), "oninput" === c && u[i = c] && (i = "oninputCapture"), u[i] = l;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
"select" == e && (u.multiple && Array.isArray(u.value) && (u.value = toChildArray(t.children).forEach(function(n) {
|
|
191
|
-
n.props.selected = -1 != u.value.indexOf(n.props.value);
|
|
192
|
-
})), null != u.defaultValue && (u.value = toChildArray(t.children).forEach(function(n) {
|
|
193
|
-
n.props.selected = u.multiple ? -1 != u.defaultValue.indexOf(n.props.value) : u.defaultValue == n.props.value;
|
|
194
|
-
}))), t.class && !t.className ? (u.class = t.class, Object.defineProperty(u, "className", un)) : t.className && (u.class = u.className = t.className), n.props = u;
|
|
195
|
-
}(n), n.$$typeof = q, on && on(n);
|
|
196
|
-
};
|
|
197
|
-
var ln = options.__r;
|
|
198
|
-
options.__r = function(n) {
|
|
199
|
-
ln && ln(n), n.__c;
|
|
200
|
-
};
|
|
201
|
-
var cn = options.diffed;
|
|
202
|
-
options.diffed = function(n) {
|
|
203
|
-
cn && cn(n);
|
|
204
|
-
var t = n.props, e = n.__e;
|
|
205
|
-
null != e && "textarea" === n.type && "value" in t && t.value !== e.value && (e.value = null == t.value ? "" : t.value);
|
|
206
|
-
};
|
|
207
|
-
//#endregion
|
|
208
26
|
//#region ../../packages/design-system/src/reset.css.ts
|
|
209
27
|
var base = "reset_base__1831jhd0";
|
|
210
28
|
var element = {
|
|
@@ -1417,7 +1235,7 @@ function Box({ as: Tag = "div", className, ref, children, style, ...rest }) {
|
|
|
1417
1235
|
for (const key in rest) if (sprinkles.properties.has(key)) atomProps[key] = rest[key];
|
|
1418
1236
|
else nativeProps[key] = rest[key];
|
|
1419
1237
|
const elementReset = element[Tag];
|
|
1420
|
-
return createElement
|
|
1238
|
+
return createElement(Tag, {
|
|
1421
1239
|
className: clsx(elementReset ? `${base} ${elementReset}` : base, sprinkles(atomProps), className),
|
|
1422
1240
|
style,
|
|
1423
1241
|
ref,
|
|
@@ -1666,7 +1484,8 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
|
|
|
1666
1484
|
const currency = window.FrakSetup?.client?.config?.metadata?.currency;
|
|
1667
1485
|
return formatEstimatedReward(context.reward, currency);
|
|
1668
1486
|
}, [context?.reward]);
|
|
1669
|
-
const
|
|
1487
|
+
const globalComponents = useGlobalComponents();
|
|
1488
|
+
const postPurchaseConfig = placement?.components?.postPurchase ?? globalComponents?.postPurchase;
|
|
1670
1489
|
const resolvedBadgeText = propBadgeText ?? postPurchaseConfig?.badgeText;
|
|
1671
1490
|
const texts = useMemo(() => {
|
|
1672
1491
|
return {
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { sdkConfigStore } from "@frak-labs/core-sdk";
|
|
2
|
+
import { useEffect, useMemo, useState } from "preact/hooks";
|
|
3
|
+
//#region src/hooks/useGlobalComponents.ts
|
|
4
|
+
/**
|
|
5
|
+
* Subscribe to the global component defaults from the SDK config store.
|
|
6
|
+
* These serve as fallbacks when no placement-level override exists.
|
|
7
|
+
*/
|
|
8
|
+
function useGlobalComponents() {
|
|
9
|
+
const [configVersion, setConfigVersion] = useState(0);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const onConfig = (_e) => {
|
|
12
|
+
setConfigVersion((v) => v + 1);
|
|
13
|
+
};
|
|
14
|
+
window.addEventListener("frak:config", onConfig);
|
|
15
|
+
setConfigVersion((v) => v + 1);
|
|
16
|
+
return () => window.removeEventListener("frak:config", onConfig);
|
|
17
|
+
}, []);
|
|
18
|
+
return useMemo(() => sdkConfigStore.getConfig().components, [configVersion]);
|
|
19
|
+
}
|
|
20
|
+
//#endregion
|
|
21
|
+
export { useGlobalComponents as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as formatEstimatedReward } from "./formatReward-
|
|
1
|
+
import { n as formatEstimatedReward } from "./formatReward-Bub6Z6eY.js";
|
|
2
2
|
import { getCurrencyAmountKey, getSupportedCurrency } from "@frak-labs/core-sdk";
|
|
3
3
|
import { getMerchantInformation } from "@frak-labs/core-sdk/actions";
|
|
4
4
|
import { useEffect, useState } from "preact/hooks";
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"url": "https://twitter.com/QNivelais"
|
|
12
12
|
}
|
|
13
13
|
],
|
|
14
|
-
"version": "0.0.26-beta.
|
|
14
|
+
"version": "0.0.26-beta.5989fbc3",
|
|
15
15
|
"description": "Frak Wallet components, helping any person to interact with the Frak wallet.",
|
|
16
16
|
"repository": {
|
|
17
17
|
"url": "https://github.com/frak-id/wallet",
|
|
@@ -86,8 +86,8 @@
|
|
|
86
86
|
"publish": "echo 'Publishing components...'"
|
|
87
87
|
},
|
|
88
88
|
"dependencies": {
|
|
89
|
-
"@frak-labs/core-sdk": "0.2.1-beta.
|
|
90
|
-
"@frak-labs/frame-connector": "0.2.0-beta.
|
|
89
|
+
"@frak-labs/core-sdk": "0.2.1-beta.5989fbc3",
|
|
90
|
+
"@frak-labs/frame-connector": "0.2.0-beta.5989fbc3",
|
|
91
91
|
"preact": "^10.29.0",
|
|
92
92
|
"preact-custom-element": "^4.6.0",
|
|
93
93
|
"@frak-labs/design-system": "0.0.0"
|
package/cdn/Banner.8suUv8bz.js
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import{d as e,h as t,l as n,m as r}from"./loader.js";import{a as i,c as a,i as o,l as s,o as c,s as l,t as u,u as d}from"./usePlacement.B7jMsQvP.js";import{a as f,c as p,i as m,n as h,r as g,s as _,t as v}from"./sprinkles.css.ts.vanilla.DqftZWaO.js";import{t as y}from"./useLightDomStyles.DvsTLyAM.js";import{t as b}from"./useReward.z3Xv9W3b.js";var x=`inAppBanner_body__1ibpiy75`,S=`inAppBanner_closeButton__1ibpiy78`,C=`inAppBanner_container__1ibpiy71`,w=`inAppBanner_cta__1ibpiy77`,T=`inAppBanner_description__1ibpiy76`,E=`inAppBanner_header__1ibpiy72`,D=`inAppBanner_iconWrapper__1ibpiy73`,O=`inAppBanner_title__1ibpiy74`;m+``;function k({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:c}){return s(`div`,{className:`${C}${o?` ${o}`:``}`,role:`alert`,children:[s(`div`,{className:E,children:[s(`span`,{className:`${D}${c?.icon?` ${c.icon}`:``}`,children:s(f,{width:20,height:20})}),s(`p`,{className:`${O}${c?.title?` ${c.title}`:``}`,children:e})]}),s(`div`,{className:x,children:[s(`p`,{className:`${T}${c?.description?` ${c.description}`:``}`,children:t}),s(`button`,{type:`button`,className:`${w}${c?.cta?` ${c.cta}`:``}`,onClick:i,children:[n,s(_,{width:14,height:14})]})]}),s(`button`,{type:`button`,className:`${S}${c?.close?` ${c.close}`:``}`,onClick:a,"aria-label":r,children:s(p,{width:16,height:16})})]})}var A=`Banner_iconSvg__1gnumzi2`,j=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,M=`Banner_referralBody__1gnumzi5`,N=`Banner_referralCta__1gnumzi8 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,P=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,F=`Banner_referralIconWrapper__1gnumzi4`,I=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const L=h+m+v+`@keyframes Banner_fadeIn__1gnumzi0 {
|
|
2
|
-
from {
|
|
3
|
-
opacity: 0;
|
|
4
|
-
transform: translateY(-4px);
|
|
5
|
-
}
|
|
6
|
-
to {
|
|
7
|
-
opacity: 1;
|
|
8
|
-
transform: translateY(0);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
.Banner_rootBase__1gnumzi1 {
|
|
12
|
-
position: relative;
|
|
13
|
-
display: flex;
|
|
14
|
-
animation: Banner_fadeIn__1gnumzi0 300ms ease-out;
|
|
15
|
-
}
|
|
16
|
-
.Banner_iconSvg__1gnumzi2 {
|
|
17
|
-
width: 100%;
|
|
18
|
-
height: 100%;
|
|
19
|
-
}
|
|
20
|
-
.Banner_referral__1gnumzi3 {
|
|
21
|
-
flex-direction: row;
|
|
22
|
-
align-items: center;
|
|
23
|
-
gap: 16px;
|
|
24
|
-
padding: 16px;
|
|
25
|
-
background-color: #ffffff;
|
|
26
|
-
color: var(--text-primary__pbq4ak0);
|
|
27
|
-
}
|
|
28
|
-
.Banner_referralIconWrapper__1gnumzi4 {
|
|
29
|
-
flex-shrink: 0;
|
|
30
|
-
align-self: flex-start;
|
|
31
|
-
width: 40px;
|
|
32
|
-
height: 40px;
|
|
33
|
-
}
|
|
34
|
-
.Banner_referralBody__1gnumzi5 {
|
|
35
|
-
flex: 1;
|
|
36
|
-
min-width: 0;
|
|
37
|
-
}
|
|
38
|
-
.Banner_referralTitle__1gnumzi6 {
|
|
39
|
-
font-size: 16px;
|
|
40
|
-
font-weight: 600;
|
|
41
|
-
color: var(--text-primary__pbq4ak0);
|
|
42
|
-
line-height: 22px;
|
|
43
|
-
}
|
|
44
|
-
.Banner_referralDescription__1gnumzi7 {
|
|
45
|
-
margin-bottom: 8px;
|
|
46
|
-
font-size: 14px;
|
|
47
|
-
color: #979797;
|
|
48
|
-
line-height: 22px;
|
|
49
|
-
}
|
|
50
|
-
.Banner_referralCta__1gnumzi8 {
|
|
51
|
-
display: inline-block;
|
|
52
|
-
padding: 8px 16px;
|
|
53
|
-
border: 1px solid #000000;
|
|
54
|
-
border-radius: 9999px;
|
|
55
|
-
color: var(--text-primary__pbq4ak0);
|
|
56
|
-
font-size: 10px;
|
|
57
|
-
font-weight: 700;
|
|
58
|
-
line-height: 12px;
|
|
59
|
-
text-transform: uppercase;
|
|
60
|
-
}
|
|
61
|
-
.Banner_referralCta__1gnumzi8:focus-visible {
|
|
62
|
-
outline: 2px solid #000000;
|
|
63
|
-
outline-offset: 2px;
|
|
64
|
-
}`;function R({placement:d,classname:f=``,interaction:p,referralTitle:m,referralDescription:h,referralCta:_,inappTitle:v,inappDescription:x,inappCta:S,preview:C,previewMode:w}){let T=!!C,E=w===`inapp`?`inapp`:`referral`,D=u(d),{shouldRender:O,isHidden:R,isClientReady:z}=o();y(`frak-banner`,d,D?.components?.banner?.css,L);let[B,V]=c(!1),[H,U]=c(()=>T?E:t?`inapp`:null);a(()=>{T&&U(E)},[T,E]);let{reward:W}=b(H===`referral`&&z,p),[G,K]=c(null);a(()=>{let t=window.FrakSetup?.client;H!==`inapp`||T||!z||!t||e(t).then(e=>K(e)).catch(()=>{})},[H,T,z]),a(()=>{if(T||H===`inapp`)return;let e=()=>U(`referral`);return window.addEventListener(n,e),()=>window.removeEventListener(n,e)},[T,H]);let q=l(async()=>{if(T)return;if(H===`referral`){V(!0);return}let t=G;if(!t&&window.FrakSetup?.client)try{t=await e(window.FrakSetup?.client)}catch{}let n=window.location.href;if(t){let e=new URL(n);e.searchParams.set(`fmt`,t),n=e.toString()}r(n)},[T,H,G]),J=l(()=>{T||V(!0)},[T]),Y=D?.components?.banner,X=i(()=>{if(H===`referral`){let e=W?`Earn ${W} on purchases on this site`:`You've been referred!`;return{title:m??Y?.referralTitle??e,description:h??Y?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:_??Y?.referralCta??`Got it`}}return{title:v??Y?.inappTitle??`Open in your browser`,description:x??Y?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:S??Y?.inappCta??`Open browser`}},[H,W,Y,m,h,_,v,x,S]);if(!H||!T&&(!O||R||B))return null;let Z=[j,`frak-banner`,`frak-banner--${H}`,f].filter(Boolean).join(` `);return H===`inapp`?s(k,{title:X.title,description:X.description,cta:X.cta,dismissLabel:`Dismiss`,onAction:q,onDismiss:J,className:[`frak-banner`,`frak-banner--inapp`,f].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):s(`div`,{class:Z,role:`alert`,children:[s(`div`,{class:`${F} frak-banner__icon`,children:s(g,{class:A})}),s(`div`,{class:`${M} frak-banner__text`,children:[s(`p`,{class:`${I} frak-banner__title`,children:X.title}),s(`p`,{class:`${P} frak-banner__description`,children:X.description}),s(`button`,{type:`button`,class:`${N} frak-banner__cta`,onClick:q,children:X.cta})]})]})}d(R,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`],{shadow:!1});export{R as Banner};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{C as e,o as t,p as n}from"./loader.js";import{a as r,i,l as a,o,p as s,s as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useLightDomStyles.DvsTLyAM.js";import{t as f}from"./formatReward.DGzaZNpK.js";import{t as p}from"./useReward.z3Xv9W3b.js";import{t as m}from"./useShareModal.BMEdhsoV.js";async function h(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}await n(window.FrakSetup.client,{metadata:{...e&&{targetInteraction:e}}},t)}function g(e={}){let{successDuration:t=2e3}=e,[n,r]=o(!1);return{copy:c(async e=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),r(!0);else{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.focus(),t.select();try{document.execCommand(`copy`),r(!0)}catch(e){return console.error(`Failed to copy text:`,e),!1}finally{t.remove()}}return setTimeout(()=>{r(!1)},t),!0}catch(e){return console.error(`Failed to copy text:`,e),!1}},[t]),copied:n}}const _={errorContainer:{marginTop:`16px`,padding:`16px`,backgroundColor:`#FEE2E2`,border:`1px solid #FCA5A5`,borderRadius:`4px`,color:`#991B1B`},header:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},title:{margin:0,fontSize:`16px`,fontWeight:500},message:{fontSize:`14px`,lineHeight:`1.5`,margin:`0 0 12px 0`},link:{color:`#991B1B`,textDecoration:`underline`,textUnderlineOffset:`2px`},copyButton:{display:`inline-flex`,alignItems:`center`,gap:`8px`,marginBottom:`10px`,padding:`8px 12px`,backgroundColor:`white`,border:`1px solid #D1D5DB`,borderRadius:`4px`,color:`black`,fontSize:`14px`,fontWeight:500}};function v({debugInfo:e}){let[t,n]=o(!1);return a(`div`,{children:[a(`button`,{type:`button`,style:_.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&a(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function y({debugInfo:e}){let{copied:t,copy:n}=g();return a(`div`,{style:_.errorContainer,children:[a(`div`,{style:_.header,children:a(`h3`,{style:_.title,children:`Oups ! Nous avons rencontré un petit problème`})}),a(`p`,{style:_.message,children:[`Impossible d'ouvrir le menu de partage pour le moment. Si le problème persiste, copiez les informations ci-dessous et collez-les dans votre mail à`,` `,a(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:_.link,children:`help@frak-labs.com`}),` `,a(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),a(`button`,{type:`button`,onClick:()=>n(e??``),style:_.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),a(v,{debugInfo:e})]})}function b({placement:n,text:o=`Share and earn!`,classname:u=``,useReward:g,noRewardText:_,targetInteraction:v,clickAction:b}){let x=l(n),S=x?.components?.buttonShare;d(`frak-button-share`,n,S?.css);let C=r(()=>x?.targetInteraction===void 0?v:x.targetInteraction,[x?.targetInteraction,v]),w=S?.text??o,T=S?.noRewardText??_,E=r(()=>S?.useReward??g===!0,[S?.useReward,g]),D=r(()=>S?.clickAction??b??`sharing-page`,[S?.clickAction,b]),{shouldRender:O,isHidden:k,isClientReady:A}=i(),{reward:j}=p(E&&A,C),{handleShare:M,isError:N,debugInfo:P}=m(C,n),F=r(()=>E?j?w.includes(`{REWARD}`)?f(w,j):`${w} ${j}`:T??f(w,void 0):w,[E,w,T,j]),I=c(async()=>{e(window.FrakSetup.client,`share_button_clicked`),D===`embedded-wallet`?t(C,n):D===`share-modal`?await M():h(C,n)},[D,M,C,n]);if(!O||k)return null;let L=[`button`,`button__fadeIn`,u].filter(Boolean).join(` `);return a(s,{children:[a(`button`,{type:`button`,disabled:!A,class:L,onClick:I,children:F}),N&&a(y,{debugInfo:P})]})}u(b,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`],{shadow:!1});export{b as ButtonShare};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import{T as e,c as t,f as n,u as r,w as i}from"./loader.js";import{a,c as o,d as s,f as c,h as l,i as u,l as d,m as f,o as p,p as m,t as ee,u as h}from"./usePlacement.B7jMsQvP.js";import{i as g,o as te,r as ne,t as _}from"./sprinkles.css.ts.vanilla.DqftZWaO.js";import{t as re}from"./useLightDomStyles.DvsTLyAM.js";import{n as ie,t as v}from"./formatReward.DGzaZNpK.js";import{t as ae}from"./useShareModal.BMEdhsoV.js";function y(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=y(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function b(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=y(e))&&(r&&(r+=` `),r+=t);return r}function x(e,t){for(var n in t)e[n]=t[n];return e}function S(e,t){for(var n in e)if(n!==`__source`&&!(n in t))return!0;for(var r in t)if(r!==`__source`&&e[r]!==t[r])return!0;return!1}function C(e,t){this.props=e,this.context=t}(C.prototype=new l).isPureReactComponent=!0,C.prototype.shouldComponentUpdate=function(e,t){return S(this.props,e)||S(this.state,t)};var w=f.__b;f.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),w&&w(e)},typeof Symbol<`u`&&Symbol.for;var T=f.__e;f.__e=function(e,t,n,r){if(e.then){for(var i,a=t;a=a.__;)if((i=a.__c)&&i.__c)return t.__e??(t.__e=n.__e,t.__k=n.__k),i.__c(e,t)}T(e,t,n,r)};var E=f.unmount;function D(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){typeof e.__c==`function`&&e.__c()}),e.__c.__H=null),(e=x({},e)).__c!=null&&(e.__c.__P===n&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return D(e,t,n)})),e}function O(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return O(e,t,n)}),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function k(){this.__u=0,this.o=null,this.__b=null}function A(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function j(){this.i=null,this.l=null}f.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),E&&E(e)},(k.prototype=new l).__c=function(e,t){var n=t.__c,r=this;r.o??=[],r.o.push(n);var i=A(r.__v),a=!1,o=function(){a||r.__z||(a=!0,n.__R=null,i?i(c):c())};n.__R=o;var s=n.__P;n.__P=null;var c=function(){if(!--r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=O(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.__P=s,t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(o,o)},k.prototype.componentWillUnmount=function(){this.o=[]},k.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement(`div`),r=this.__v.__k[0].__c;this.__v.__k[0]=D(this.__b,n,r.__O=r.__P)}this.__b=null}var i=t.__a&&c(m,null,e.fallback);return i&&(i.__u&=-33),[c(m,null,t.__a?null:e.children),i]};var M=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&(e.props.revealOrder[0]!==`t`||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};(j.prototype=new l).__a=function(e){var t=this,n=A(t.__v),r=t.l.get(e);return r[0]++,function(i){var a=function(){t.props.revealOrder?(r.push(i),M(t,e,r)):i()};n?n(a):a()}},j.prototype.render=function(e){this.i=null,this.l=new Map;var t=s(e.children);e.revealOrder&&e.revealOrder[0]===`b`&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},j.prototype.componentDidUpdate=j.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){M(e,n,t)})};var N=typeof Symbol<`u`&&Symbol.for&&Symbol.for(`react.element`)||60103,P=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,F=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,I=/[A-Z0-9]/g,L=typeof document<`u`,oe=function(e){return(typeof Symbol<`u`&&typeof Symbol()==`symbol`?/fil|che|rad/:/fil|che|ra/).test(e)};l.prototype.isReactComponent=!0,[`componentWillMount`,`componentWillReceiveProps`,`componentWillUpdate`].forEach(function(e){Object.defineProperty(l.prototype,e,{configurable:!0,get:function(){return this[`UNSAFE_`+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var R=f.event;f.event=function(e){return R&&(e=R(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var se={configurable:!0,get:function(){return this.class}},z=f.vnode;f.vnode=function(e){typeof e.type==`string`&&function(e){var t=e.props,n=e.type,r={},i=n.indexOf(`-`)==-1;for(var a in t){var o=t[a];if(!(a===`value`&&`defaultValue`in t&&o==null||L&&a===`children`&&n===`noscript`||a===`class`||a===`className`)){var c=a.toLowerCase();a===`defaultValue`&&`value`in t&&t.value==null?a=`value`:a===`download`&&!0===o?o=``:c===`translate`&&o===`no`?o=!1:c[0]===`o`&&c[1]===`n`?c===`ondoubleclick`?a=`ondblclick`:c!==`onchange`||n!==`input`&&n!==`textarea`||oe(t.type)?c===`onfocus`?a=`onfocusin`:c===`onblur`?a=`onfocusout`:F.test(a)&&(a=c):c=a=`oninput`:i&&P.test(a)?a=a.replace(I,`-$&`).toLowerCase():o===null&&(o=void 0),c===`oninput`&&r[a=c]&&(a=`oninputCapture`),r[a]=o}}n==`select`&&(r.multiple&&Array.isArray(r.value)&&(r.value=s(t.children).forEach(function(e){e.props.selected=r.value.indexOf(e.props.value)!=-1})),r.defaultValue!=null&&(r.value=s(t.children).forEach(function(e){e.props.selected=r.multiple?r.defaultValue.indexOf(e.props.value)!=-1:r.defaultValue==e.props.value}))),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,`className`,se)):t.className&&(r.class=r.className=t.className),e.props=r}(e),e.$$typeof=N,z&&z(e)};var B=f.__r;f.__r=function(e){B&&B(e),e.__c};var V=f.diffed;f.diffed=function(e){V&&V(e);var t=e.props,n=e.__e;n!=null&&e.type===`textarea`&&`value`in t&&t.value!==n.value&&(n.value=t.value==null?``:t.value)};var H=`reset_base__1831jhd0`,U={ul:`reset_element_ul__1831jhd4`,ol:`reset_element_ol__1831jhd5`,button:`reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,a:`reset_element_a__1831jhd7 reset_focusRing__1831jhd1`,input:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,select:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,textarea:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,table:`reset_element_table__1831jhdb`,img:`reset_element_img__1831jhdc`};function W(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function G(e){var t=W(e,`string`);return typeof t==`symbol`?t:String(t)}function ce(e,t,n){return t=G(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?K(Object(n),!0).forEach(function(t){ce(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var le=e=>function(){var t=Object.assign({},...[...arguments].map(e=>e.styles)),n=Object.keys(t),r=n.filter(e=>`mappings`in t[e]);return Object.assign(n=>{var i=[],a={},o=q({},n),s=!1;for(var c of r){var l=n[c];if(l!=null){var u=t[c];s=!0;for(var d of u.mappings)a[d]=l,o[d]??delete o[d]}}var f=s?q(q({},a),o):n,p=function(){var e=f[m],n=t[m];try{if(n.mappings)return 1;if(typeof e==`string`||typeof e==`number`)i.push(n.values[e].defaultClass);else if(Array.isArray(e))for(var r=0;r<e.length;r++){var a=e[r];if(a!=null){var o=n.responsiveArray[r];i.push(n.values[a].conditions[o])}}else for(var s in e){var c=e[s];c!=null&&i.push(n.values[c].conditions[s])}}catch(e){throw e}};for(var m in f)if(p())continue;return e(i.join(` `))},{properties:new Set(n)})},ue=e=>e,J=function(){return le(ue)(...arguments)}(function(){var e={conditions:{defaultCondition:`mobile`,conditionNames:[`mobile`,`tablet`,`desktop`],responsiveArray:[`mobile`,`tablet`,`desktop`]},styles:{padding:{mappings:[`paddingTop`,`paddingBottom`,`paddingLeft`,`paddingRight`]},paddingX:{mappings:[`paddingLeft`,`paddingRight`]},paddingY:{mappings:[`paddingTop`,`paddingBottom`]},marginX:{mappings:[`marginLeft`,`marginRight`]},marginY:{mappings:[`marginTop`,`marginBottom`]},display:{values:{none:{conditions:{mobile:`sprinkles_display_none_mobile__1iaw8zx0`,tablet:`sprinkles_display_none_tablet__1iaw8zx1`,desktop:`sprinkles_display_none_desktop__1iaw8zx2`},defaultClass:`sprinkles_display_none_mobile__1iaw8zx0`},flex:{conditions:{mobile:`sprinkles_display_flex_mobile__1iaw8zx3`,tablet:`sprinkles_display_flex_tablet__1iaw8zx4`,desktop:`sprinkles_display_flex_desktop__1iaw8zx5`},defaultClass:`sprinkles_display_flex_mobile__1iaw8zx3`},block:{conditions:{mobile:`sprinkles_display_block_mobile__1iaw8zx6`,tablet:`sprinkles_display_block_tablet__1iaw8zx7`,desktop:`sprinkles_display_block_desktop__1iaw8zx8`},defaultClass:`sprinkles_display_block_mobile__1iaw8zx6`},grid:{conditions:{mobile:`sprinkles_display_grid_mobile__1iaw8zx9`,tablet:`sprinkles_display_grid_tablet__1iaw8zxa`,desktop:`sprinkles_display_grid_desktop__1iaw8zxb`},defaultClass:`sprinkles_display_grid_mobile__1iaw8zx9`},"inline-flex":{conditions:{mobile:`sprinkles_display_inline-flex_mobile__1iaw8zxc`,tablet:`sprinkles_display_inline-flex_tablet__1iaw8zxd`,desktop:`sprinkles_display_inline-flex_desktop__1iaw8zxe`},defaultClass:`sprinkles_display_inline-flex_mobile__1iaw8zxc`}},responsiveArray:void 0},flexDirection:{values:{row:{conditions:{mobile:`sprinkles_flexDirection_row_mobile__1iaw8zxf`,tablet:`sprinkles_flexDirection_row_tablet__1iaw8zxg`,desktop:`sprinkles_flexDirection_row_desktop__1iaw8zxh`},defaultClass:`sprinkles_flexDirection_row_mobile__1iaw8zxf`},column:{conditions:{mobile:`sprinkles_flexDirection_column_mobile__1iaw8zxi`,tablet:`sprinkles_flexDirection_column_tablet__1iaw8zxj`,desktop:`sprinkles_flexDirection_column_desktop__1iaw8zxk`},defaultClass:`sprinkles_flexDirection_column_mobile__1iaw8zxi`}},responsiveArray:void 0},alignItems:{values:{stretch:{conditions:{mobile:`sprinkles_alignItems_stretch_mobile__1iaw8zxl`,tablet:`sprinkles_alignItems_stretch_tablet__1iaw8zxm`,desktop:`sprinkles_alignItems_stretch_desktop__1iaw8zxn`},defaultClass:`sprinkles_alignItems_stretch_mobile__1iaw8zxl`},"flex-start":{conditions:{mobile:`sprinkles_alignItems_flex-start_mobile__1iaw8zxo`,tablet:`sprinkles_alignItems_flex-start_tablet__1iaw8zxp`,desktop:`sprinkles_alignItems_flex-start_desktop__1iaw8zxq`},defaultClass:`sprinkles_alignItems_flex-start_mobile__1iaw8zxo`},center:{conditions:{mobile:`sprinkles_alignItems_center_mobile__1iaw8zxr`,tablet:`sprinkles_alignItems_center_tablet__1iaw8zxs`,desktop:`sprinkles_alignItems_center_desktop__1iaw8zxt`},defaultClass:`sprinkles_alignItems_center_mobile__1iaw8zxr`},"flex-end":{conditions:{mobile:`sprinkles_alignItems_flex-end_mobile__1iaw8zxu`,tablet:`sprinkles_alignItems_flex-end_tablet__1iaw8zxv`,desktop:`sprinkles_alignItems_flex-end_desktop__1iaw8zxw`},defaultClass:`sprinkles_alignItems_flex-end_mobile__1iaw8zxu`},baseline:{conditions:{mobile:`sprinkles_alignItems_baseline_mobile__1iaw8zxx`,tablet:`sprinkles_alignItems_baseline_tablet__1iaw8zxy`,desktop:`sprinkles_alignItems_baseline_desktop__1iaw8zxz`},defaultClass:`sprinkles_alignItems_baseline_mobile__1iaw8zxx`}},responsiveArray:void 0},justifyContent:{values:{stretch:{conditions:{mobile:`sprinkles_justifyContent_stretch_mobile__1iaw8zx10`,tablet:`sprinkles_justifyContent_stretch_tablet__1iaw8zx11`,desktop:`sprinkles_justifyContent_stretch_desktop__1iaw8zx12`},defaultClass:`sprinkles_justifyContent_stretch_mobile__1iaw8zx10`},"flex-start":{conditions:{mobile:`sprinkles_justifyContent_flex-start_mobile__1iaw8zx13`,tablet:`sprinkles_justifyContent_flex-start_tablet__1iaw8zx14`,desktop:`sprinkles_justifyContent_flex-start_desktop__1iaw8zx15`},defaultClass:`sprinkles_justifyContent_flex-start_mobile__1iaw8zx13`},center:{conditions:{mobile:`sprinkles_justifyContent_center_mobile__1iaw8zx16`,tablet:`sprinkles_justifyContent_center_tablet__1iaw8zx17`,desktop:`sprinkles_justifyContent_center_desktop__1iaw8zx18`},defaultClass:`sprinkles_justifyContent_center_mobile__1iaw8zx16`},"flex-end":{conditions:{mobile:`sprinkles_justifyContent_flex-end_mobile__1iaw8zx19`,tablet:`sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a`,desktop:`sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b`},defaultClass:`sprinkles_justifyContent_flex-end_mobile__1iaw8zx19`},"space-between":{conditions:{mobile:`sprinkles_justifyContent_space-between_mobile__1iaw8zx1c`,tablet:`sprinkles_justifyContent_space-between_tablet__1iaw8zx1d`,desktop:`sprinkles_justifyContent_space-between_desktop__1iaw8zx1e`},defaultClass:`sprinkles_justifyContent_space-between_mobile__1iaw8zx1c`},"space-around":{conditions:{mobile:`sprinkles_justifyContent_space-around_mobile__1iaw8zx1f`,tablet:`sprinkles_justifyContent_space-around_tablet__1iaw8zx1g`,desktop:`sprinkles_justifyContent_space-around_desktop__1iaw8zx1h`},defaultClass:`sprinkles_justifyContent_space-around_mobile__1iaw8zx1f`}},responsiveArray:void 0},flexWrap:{values:{nowrap:{conditions:{mobile:`sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i`,tablet:`sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j`,desktop:`sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k`},defaultClass:`sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i`},wrap:{conditions:{mobile:`sprinkles_flexWrap_wrap_mobile__1iaw8zx1l`,tablet:`sprinkles_flexWrap_wrap_tablet__1iaw8zx1m`,desktop:`sprinkles_flexWrap_wrap_desktop__1iaw8zx1n`},defaultClass:`sprinkles_flexWrap_wrap_mobile__1iaw8zx1l`},"wrap-reverse":{conditions:{mobile:`sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o`,tablet:`sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p`,desktop:`sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q`},defaultClass:`sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o`}},responsiveArray:void 0},gap:{values:{none:{conditions:{mobile:`sprinkles_gap_none_mobile__1iaw8zx1r`,tablet:`sprinkles_gap_none_tablet__1iaw8zx1s`,desktop:`sprinkles_gap_none_desktop__1iaw8zx1t`},defaultClass:`sprinkles_gap_none_mobile__1iaw8zx1r`},xxs:{conditions:{mobile:`sprinkles_gap_xxs_mobile__1iaw8zx1u`,tablet:`sprinkles_gap_xxs_tablet__1iaw8zx1v`,desktop:`sprinkles_gap_xxs_desktop__1iaw8zx1w`},defaultClass:`sprinkles_gap_xxs_mobile__1iaw8zx1u`},xs:{conditions:{mobile:`sprinkles_gap_xs_mobile__1iaw8zx1x`,tablet:`sprinkles_gap_xs_tablet__1iaw8zx1y`,desktop:`sprinkles_gap_xs_desktop__1iaw8zx1z`},defaultClass:`sprinkles_gap_xs_mobile__1iaw8zx1x`},s:{conditions:{mobile:`sprinkles_gap_s_mobile__1iaw8zx20`,tablet:`sprinkles_gap_s_tablet__1iaw8zx21`,desktop:`sprinkles_gap_s_desktop__1iaw8zx22`},defaultClass:`sprinkles_gap_s_mobile__1iaw8zx20`},m:{conditions:{mobile:`sprinkles_gap_m_mobile__1iaw8zx23`,tablet:`sprinkles_gap_m_tablet__1iaw8zx24`,desktop:`sprinkles_gap_m_desktop__1iaw8zx25`},defaultClass:`sprinkles_gap_m_mobile__1iaw8zx23`},l:{conditions:{mobile:`sprinkles_gap_l_mobile__1iaw8zx26`,tablet:`sprinkles_gap_l_tablet__1iaw8zx27`,desktop:`sprinkles_gap_l_desktop__1iaw8zx28`},defaultClass:`sprinkles_gap_l_mobile__1iaw8zx26`},xl:{conditions:{mobile:`sprinkles_gap_xl_mobile__1iaw8zx29`,tablet:`sprinkles_gap_xl_tablet__1iaw8zx2a`,desktop:`sprinkles_gap_xl_desktop__1iaw8zx2b`},defaultClass:`sprinkles_gap_xl_mobile__1iaw8zx29`}},responsiveArray:void 0},paddingTop:{values:{none:{conditions:{mobile:`sprinkles_paddingTop_none_mobile__1iaw8zx2c`,tablet:`sprinkles_paddingTop_none_tablet__1iaw8zx2d`,desktop:`sprinkles_paddingTop_none_desktop__1iaw8zx2e`},defaultClass:`sprinkles_paddingTop_none_mobile__1iaw8zx2c`},xxs:{conditions:{mobile:`sprinkles_paddingTop_xxs_mobile__1iaw8zx2f`,tablet:`sprinkles_paddingTop_xxs_tablet__1iaw8zx2g`,desktop:`sprinkles_paddingTop_xxs_desktop__1iaw8zx2h`},defaultClass:`sprinkles_paddingTop_xxs_mobile__1iaw8zx2f`},xs:{conditions:{mobile:`sprinkles_paddingTop_xs_mobile__1iaw8zx2i`,tablet:`sprinkles_paddingTop_xs_tablet__1iaw8zx2j`,desktop:`sprinkles_paddingTop_xs_desktop__1iaw8zx2k`},defaultClass:`sprinkles_paddingTop_xs_mobile__1iaw8zx2i`},s:{conditions:{mobile:`sprinkles_paddingTop_s_mobile__1iaw8zx2l`,tablet:`sprinkles_paddingTop_s_tablet__1iaw8zx2m`,desktop:`sprinkles_paddingTop_s_desktop__1iaw8zx2n`},defaultClass:`sprinkles_paddingTop_s_mobile__1iaw8zx2l`},m:{conditions:{mobile:`sprinkles_paddingTop_m_mobile__1iaw8zx2o`,tablet:`sprinkles_paddingTop_m_tablet__1iaw8zx2p`,desktop:`sprinkles_paddingTop_m_desktop__1iaw8zx2q`},defaultClass:`sprinkles_paddingTop_m_mobile__1iaw8zx2o`},l:{conditions:{mobile:`sprinkles_paddingTop_l_mobile__1iaw8zx2r`,tablet:`sprinkles_paddingTop_l_tablet__1iaw8zx2s`,desktop:`sprinkles_paddingTop_l_desktop__1iaw8zx2t`},defaultClass:`sprinkles_paddingTop_l_mobile__1iaw8zx2r`},xl:{conditions:{mobile:`sprinkles_paddingTop_xl_mobile__1iaw8zx2u`,tablet:`sprinkles_paddingTop_xl_tablet__1iaw8zx2v`,desktop:`sprinkles_paddingTop_xl_desktop__1iaw8zx2w`},defaultClass:`sprinkles_paddingTop_xl_mobile__1iaw8zx2u`}},responsiveArray:void 0},paddingBottom:{values:{none:{conditions:{mobile:`sprinkles_paddingBottom_none_mobile__1iaw8zx2x`,tablet:`sprinkles_paddingBottom_none_tablet__1iaw8zx2y`,desktop:`sprinkles_paddingBottom_none_desktop__1iaw8zx2z`},defaultClass:`sprinkles_paddingBottom_none_mobile__1iaw8zx2x`},xxs:{conditions:{mobile:`sprinkles_paddingBottom_xxs_mobile__1iaw8zx30`,tablet:`sprinkles_paddingBottom_xxs_tablet__1iaw8zx31`,desktop:`sprinkles_paddingBottom_xxs_desktop__1iaw8zx32`},defaultClass:`sprinkles_paddingBottom_xxs_mobile__1iaw8zx30`},xs:{conditions:{mobile:`sprinkles_paddingBottom_xs_mobile__1iaw8zx33`,tablet:`sprinkles_paddingBottom_xs_tablet__1iaw8zx34`,desktop:`sprinkles_paddingBottom_xs_desktop__1iaw8zx35`},defaultClass:`sprinkles_paddingBottom_xs_mobile__1iaw8zx33`},s:{conditions:{mobile:`sprinkles_paddingBottom_s_mobile__1iaw8zx36`,tablet:`sprinkles_paddingBottom_s_tablet__1iaw8zx37`,desktop:`sprinkles_paddingBottom_s_desktop__1iaw8zx38`},defaultClass:`sprinkles_paddingBottom_s_mobile__1iaw8zx36`},m:{conditions:{mobile:`sprinkles_paddingBottom_m_mobile__1iaw8zx39`,tablet:`sprinkles_paddingBottom_m_tablet__1iaw8zx3a`,desktop:`sprinkles_paddingBottom_m_desktop__1iaw8zx3b`},defaultClass:`sprinkles_paddingBottom_m_mobile__1iaw8zx39`},l:{conditions:{mobile:`sprinkles_paddingBottom_l_mobile__1iaw8zx3c`,tablet:`sprinkles_paddingBottom_l_tablet__1iaw8zx3d`,desktop:`sprinkles_paddingBottom_l_desktop__1iaw8zx3e`},defaultClass:`sprinkles_paddingBottom_l_mobile__1iaw8zx3c`},xl:{conditions:{mobile:`sprinkles_paddingBottom_xl_mobile__1iaw8zx3f`,tablet:`sprinkles_paddingBottom_xl_tablet__1iaw8zx3g`,desktop:`sprinkles_paddingBottom_xl_desktop__1iaw8zx3h`},defaultClass:`sprinkles_paddingBottom_xl_mobile__1iaw8zx3f`}},responsiveArray:void 0},paddingLeft:{values:{none:{conditions:{mobile:`sprinkles_paddingLeft_none_mobile__1iaw8zx3i`,tablet:`sprinkles_paddingLeft_none_tablet__1iaw8zx3j`,desktop:`sprinkles_paddingLeft_none_desktop__1iaw8zx3k`},defaultClass:`sprinkles_paddingLeft_none_mobile__1iaw8zx3i`},xxs:{conditions:{mobile:`sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l`,tablet:`sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m`,desktop:`sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n`},defaultClass:`sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l`},xs:{conditions:{mobile:`sprinkles_paddingLeft_xs_mobile__1iaw8zx3o`,tablet:`sprinkles_paddingLeft_xs_tablet__1iaw8zx3p`,desktop:`sprinkles_paddingLeft_xs_desktop__1iaw8zx3q`},defaultClass:`sprinkles_paddingLeft_xs_mobile__1iaw8zx3o`},s:{conditions:{mobile:`sprinkles_paddingLeft_s_mobile__1iaw8zx3r`,tablet:`sprinkles_paddingLeft_s_tablet__1iaw8zx3s`,desktop:`sprinkles_paddingLeft_s_desktop__1iaw8zx3t`},defaultClass:`sprinkles_paddingLeft_s_mobile__1iaw8zx3r`},m:{conditions:{mobile:`sprinkles_paddingLeft_m_mobile__1iaw8zx3u`,tablet:`sprinkles_paddingLeft_m_tablet__1iaw8zx3v`,desktop:`sprinkles_paddingLeft_m_desktop__1iaw8zx3w`},defaultClass:`sprinkles_paddingLeft_m_mobile__1iaw8zx3u`},l:{conditions:{mobile:`sprinkles_paddingLeft_l_mobile__1iaw8zx3x`,tablet:`sprinkles_paddingLeft_l_tablet__1iaw8zx3y`,desktop:`sprinkles_paddingLeft_l_desktop__1iaw8zx3z`},defaultClass:`sprinkles_paddingLeft_l_mobile__1iaw8zx3x`},xl:{conditions:{mobile:`sprinkles_paddingLeft_xl_mobile__1iaw8zx40`,tablet:`sprinkles_paddingLeft_xl_tablet__1iaw8zx41`,desktop:`sprinkles_paddingLeft_xl_desktop__1iaw8zx42`},defaultClass:`sprinkles_paddingLeft_xl_mobile__1iaw8zx40`}},responsiveArray:void 0},paddingRight:{values:{none:{conditions:{mobile:`sprinkles_paddingRight_none_mobile__1iaw8zx43`,tablet:`sprinkles_paddingRight_none_tablet__1iaw8zx44`,desktop:`sprinkles_paddingRight_none_desktop__1iaw8zx45`},defaultClass:`sprinkles_paddingRight_none_mobile__1iaw8zx43`},xxs:{conditions:{mobile:`sprinkles_paddingRight_xxs_mobile__1iaw8zx46`,tablet:`sprinkles_paddingRight_xxs_tablet__1iaw8zx47`,desktop:`sprinkles_paddingRight_xxs_desktop__1iaw8zx48`},defaultClass:`sprinkles_paddingRight_xxs_mobile__1iaw8zx46`},xs:{conditions:{mobile:`sprinkles_paddingRight_xs_mobile__1iaw8zx49`,tablet:`sprinkles_paddingRight_xs_tablet__1iaw8zx4a`,desktop:`sprinkles_paddingRight_xs_desktop__1iaw8zx4b`},defaultClass:`sprinkles_paddingRight_xs_mobile__1iaw8zx49`},s:{conditions:{mobile:`sprinkles_paddingRight_s_mobile__1iaw8zx4c`,tablet:`sprinkles_paddingRight_s_tablet__1iaw8zx4d`,desktop:`sprinkles_paddingRight_s_desktop__1iaw8zx4e`},defaultClass:`sprinkles_paddingRight_s_mobile__1iaw8zx4c`},m:{conditions:{mobile:`sprinkles_paddingRight_m_mobile__1iaw8zx4f`,tablet:`sprinkles_paddingRight_m_tablet__1iaw8zx4g`,desktop:`sprinkles_paddingRight_m_desktop__1iaw8zx4h`},defaultClass:`sprinkles_paddingRight_m_mobile__1iaw8zx4f`},l:{conditions:{mobile:`sprinkles_paddingRight_l_mobile__1iaw8zx4i`,tablet:`sprinkles_paddingRight_l_tablet__1iaw8zx4j`,desktop:`sprinkles_paddingRight_l_desktop__1iaw8zx4k`},defaultClass:`sprinkles_paddingRight_l_mobile__1iaw8zx4i`},xl:{conditions:{mobile:`sprinkles_paddingRight_xl_mobile__1iaw8zx4l`,tablet:`sprinkles_paddingRight_xl_tablet__1iaw8zx4m`,desktop:`sprinkles_paddingRight_xl_desktop__1iaw8zx4n`},defaultClass:`sprinkles_paddingRight_xl_mobile__1iaw8zx4l`}},responsiveArray:void 0},marginTop:{values:{none:{conditions:{mobile:`sprinkles_marginTop_none_mobile__1iaw8zx4o`,tablet:`sprinkles_marginTop_none_tablet__1iaw8zx4p`,desktop:`sprinkles_marginTop_none_desktop__1iaw8zx4q`},defaultClass:`sprinkles_marginTop_none_mobile__1iaw8zx4o`},xxs:{conditions:{mobile:`sprinkles_marginTop_xxs_mobile__1iaw8zx4r`,tablet:`sprinkles_marginTop_xxs_tablet__1iaw8zx4s`,desktop:`sprinkles_marginTop_xxs_desktop__1iaw8zx4t`},defaultClass:`sprinkles_marginTop_xxs_mobile__1iaw8zx4r`},xs:{conditions:{mobile:`sprinkles_marginTop_xs_mobile__1iaw8zx4u`,tablet:`sprinkles_marginTop_xs_tablet__1iaw8zx4v`,desktop:`sprinkles_marginTop_xs_desktop__1iaw8zx4w`},defaultClass:`sprinkles_marginTop_xs_mobile__1iaw8zx4u`},s:{conditions:{mobile:`sprinkles_marginTop_s_mobile__1iaw8zx4x`,tablet:`sprinkles_marginTop_s_tablet__1iaw8zx4y`,desktop:`sprinkles_marginTop_s_desktop__1iaw8zx4z`},defaultClass:`sprinkles_marginTop_s_mobile__1iaw8zx4x`},m:{conditions:{mobile:`sprinkles_marginTop_m_mobile__1iaw8zx50`,tablet:`sprinkles_marginTop_m_tablet__1iaw8zx51`,desktop:`sprinkles_marginTop_m_desktop__1iaw8zx52`},defaultClass:`sprinkles_marginTop_m_mobile__1iaw8zx50`},l:{conditions:{mobile:`sprinkles_marginTop_l_mobile__1iaw8zx53`,tablet:`sprinkles_marginTop_l_tablet__1iaw8zx54`,desktop:`sprinkles_marginTop_l_desktop__1iaw8zx55`},defaultClass:`sprinkles_marginTop_l_mobile__1iaw8zx53`},xl:{conditions:{mobile:`sprinkles_marginTop_xl_mobile__1iaw8zx56`,tablet:`sprinkles_marginTop_xl_tablet__1iaw8zx57`,desktop:`sprinkles_marginTop_xl_desktop__1iaw8zx58`},defaultClass:`sprinkles_marginTop_xl_mobile__1iaw8zx56`}},responsiveArray:void 0},marginBottom:{values:{none:{conditions:{mobile:`sprinkles_marginBottom_none_mobile__1iaw8zx59`,tablet:`sprinkles_marginBottom_none_tablet__1iaw8zx5a`,desktop:`sprinkles_marginBottom_none_desktop__1iaw8zx5b`},defaultClass:`sprinkles_marginBottom_none_mobile__1iaw8zx59`},xxs:{conditions:{mobile:`sprinkles_marginBottom_xxs_mobile__1iaw8zx5c`,tablet:`sprinkles_marginBottom_xxs_tablet__1iaw8zx5d`,desktop:`sprinkles_marginBottom_xxs_desktop__1iaw8zx5e`},defaultClass:`sprinkles_marginBottom_xxs_mobile__1iaw8zx5c`},xs:{conditions:{mobile:`sprinkles_marginBottom_xs_mobile__1iaw8zx5f`,tablet:`sprinkles_marginBottom_xs_tablet__1iaw8zx5g`,desktop:`sprinkles_marginBottom_xs_desktop__1iaw8zx5h`},defaultClass:`sprinkles_marginBottom_xs_mobile__1iaw8zx5f`},s:{conditions:{mobile:`sprinkles_marginBottom_s_mobile__1iaw8zx5i`,tablet:`sprinkles_marginBottom_s_tablet__1iaw8zx5j`,desktop:`sprinkles_marginBottom_s_desktop__1iaw8zx5k`},defaultClass:`sprinkles_marginBottom_s_mobile__1iaw8zx5i`},m:{conditions:{mobile:`sprinkles_marginBottom_m_mobile__1iaw8zx5l`,tablet:`sprinkles_marginBottom_m_tablet__1iaw8zx5m`,desktop:`sprinkles_marginBottom_m_desktop__1iaw8zx5n`},defaultClass:`sprinkles_marginBottom_m_mobile__1iaw8zx5l`},l:{conditions:{mobile:`sprinkles_marginBottom_l_mobile__1iaw8zx5o`,tablet:`sprinkles_marginBottom_l_tablet__1iaw8zx5p`,desktop:`sprinkles_marginBottom_l_desktop__1iaw8zx5q`},defaultClass:`sprinkles_marginBottom_l_mobile__1iaw8zx5o`},xl:{conditions:{mobile:`sprinkles_marginBottom_xl_mobile__1iaw8zx5r`,tablet:`sprinkles_marginBottom_xl_tablet__1iaw8zx5s`,desktop:`sprinkles_marginBottom_xl_desktop__1iaw8zx5t`},defaultClass:`sprinkles_marginBottom_xl_mobile__1iaw8zx5r`}},responsiveArray:void 0},marginLeft:{values:{none:{conditions:{mobile:`sprinkles_marginLeft_none_mobile__1iaw8zx5u`,tablet:`sprinkles_marginLeft_none_tablet__1iaw8zx5v`,desktop:`sprinkles_marginLeft_none_desktop__1iaw8zx5w`},defaultClass:`sprinkles_marginLeft_none_mobile__1iaw8zx5u`},xxs:{conditions:{mobile:`sprinkles_marginLeft_xxs_mobile__1iaw8zx5x`,tablet:`sprinkles_marginLeft_xxs_tablet__1iaw8zx5y`,desktop:`sprinkles_marginLeft_xxs_desktop__1iaw8zx5z`},defaultClass:`sprinkles_marginLeft_xxs_mobile__1iaw8zx5x`},xs:{conditions:{mobile:`sprinkles_marginLeft_xs_mobile__1iaw8zx60`,tablet:`sprinkles_marginLeft_xs_tablet__1iaw8zx61`,desktop:`sprinkles_marginLeft_xs_desktop__1iaw8zx62`},defaultClass:`sprinkles_marginLeft_xs_mobile__1iaw8zx60`},s:{conditions:{mobile:`sprinkles_marginLeft_s_mobile__1iaw8zx63`,tablet:`sprinkles_marginLeft_s_tablet__1iaw8zx64`,desktop:`sprinkles_marginLeft_s_desktop__1iaw8zx65`},defaultClass:`sprinkles_marginLeft_s_mobile__1iaw8zx63`},m:{conditions:{mobile:`sprinkles_marginLeft_m_mobile__1iaw8zx66`,tablet:`sprinkles_marginLeft_m_tablet__1iaw8zx67`,desktop:`sprinkles_marginLeft_m_desktop__1iaw8zx68`},defaultClass:`sprinkles_marginLeft_m_mobile__1iaw8zx66`},l:{conditions:{mobile:`sprinkles_marginLeft_l_mobile__1iaw8zx69`,tablet:`sprinkles_marginLeft_l_tablet__1iaw8zx6a`,desktop:`sprinkles_marginLeft_l_desktop__1iaw8zx6b`},defaultClass:`sprinkles_marginLeft_l_mobile__1iaw8zx69`},xl:{conditions:{mobile:`sprinkles_marginLeft_xl_mobile__1iaw8zx6c`,tablet:`sprinkles_marginLeft_xl_tablet__1iaw8zx6d`,desktop:`sprinkles_marginLeft_xl_desktop__1iaw8zx6e`},defaultClass:`sprinkles_marginLeft_xl_mobile__1iaw8zx6c`}},responsiveArray:void 0},marginRight:{values:{none:{conditions:{mobile:`sprinkles_marginRight_none_mobile__1iaw8zx6f`,tablet:`sprinkles_marginRight_none_tablet__1iaw8zx6g`,desktop:`sprinkles_marginRight_none_desktop__1iaw8zx6h`},defaultClass:`sprinkles_marginRight_none_mobile__1iaw8zx6f`},xxs:{conditions:{mobile:`sprinkles_marginRight_xxs_mobile__1iaw8zx6i`,tablet:`sprinkles_marginRight_xxs_tablet__1iaw8zx6j`,desktop:`sprinkles_marginRight_xxs_desktop__1iaw8zx6k`},defaultClass:`sprinkles_marginRight_xxs_mobile__1iaw8zx6i`},xs:{conditions:{mobile:`sprinkles_marginRight_xs_mobile__1iaw8zx6l`,tablet:`sprinkles_marginRight_xs_tablet__1iaw8zx6m`,desktop:`sprinkles_marginRight_xs_desktop__1iaw8zx6n`},defaultClass:`sprinkles_marginRight_xs_mobile__1iaw8zx6l`},s:{conditions:{mobile:`sprinkles_marginRight_s_mobile__1iaw8zx6o`,tablet:`sprinkles_marginRight_s_tablet__1iaw8zx6p`,desktop:`sprinkles_marginRight_s_desktop__1iaw8zx6q`},defaultClass:`sprinkles_marginRight_s_mobile__1iaw8zx6o`},m:{conditions:{mobile:`sprinkles_marginRight_m_mobile__1iaw8zx6r`,tablet:`sprinkles_marginRight_m_tablet__1iaw8zx6s`,desktop:`sprinkles_marginRight_m_desktop__1iaw8zx6t`},defaultClass:`sprinkles_marginRight_m_mobile__1iaw8zx6r`},l:{conditions:{mobile:`sprinkles_marginRight_l_mobile__1iaw8zx6u`,tablet:`sprinkles_marginRight_l_tablet__1iaw8zx6v`,desktop:`sprinkles_marginRight_l_desktop__1iaw8zx6w`},defaultClass:`sprinkles_marginRight_l_mobile__1iaw8zx6u`},xl:{conditions:{mobile:`sprinkles_marginRight_xl_mobile__1iaw8zx6x`,tablet:`sprinkles_marginRight_xl_tablet__1iaw8zx6y`,desktop:`sprinkles_marginRight_xl_desktop__1iaw8zx6z`},defaultClass:`sprinkles_marginRight_xl_mobile__1iaw8zx6x`}},responsiveArray:void 0},borderRadius:{values:{none:{conditions:{mobile:`sprinkles_borderRadius_none_mobile__1iaw8zx70`,tablet:`sprinkles_borderRadius_none_tablet__1iaw8zx71`,desktop:`sprinkles_borderRadius_none_desktop__1iaw8zx72`},defaultClass:`sprinkles_borderRadius_none_mobile__1iaw8zx70`},xs:{conditions:{mobile:`sprinkles_borderRadius_xs_mobile__1iaw8zx73`,tablet:`sprinkles_borderRadius_xs_tablet__1iaw8zx74`,desktop:`sprinkles_borderRadius_xs_desktop__1iaw8zx75`},defaultClass:`sprinkles_borderRadius_xs_mobile__1iaw8zx73`},s:{conditions:{mobile:`sprinkles_borderRadius_s_mobile__1iaw8zx76`,tablet:`sprinkles_borderRadius_s_tablet__1iaw8zx77`,desktop:`sprinkles_borderRadius_s_desktop__1iaw8zx78`},defaultClass:`sprinkles_borderRadius_s_mobile__1iaw8zx76`},m:{conditions:{mobile:`sprinkles_borderRadius_m_mobile__1iaw8zx79`,tablet:`sprinkles_borderRadius_m_tablet__1iaw8zx7a`,desktop:`sprinkles_borderRadius_m_desktop__1iaw8zx7b`},defaultClass:`sprinkles_borderRadius_m_mobile__1iaw8zx79`},l:{conditions:{mobile:`sprinkles_borderRadius_l_mobile__1iaw8zx7c`,tablet:`sprinkles_borderRadius_l_tablet__1iaw8zx7d`,desktop:`sprinkles_borderRadius_l_desktop__1iaw8zx7e`},defaultClass:`sprinkles_borderRadius_l_mobile__1iaw8zx7c`},xl:{conditions:{mobile:`sprinkles_borderRadius_xl_mobile__1iaw8zx7f`,tablet:`sprinkles_borderRadius_xl_tablet__1iaw8zx7g`,desktop:`sprinkles_borderRadius_xl_desktop__1iaw8zx7h`},defaultClass:`sprinkles_borderRadius_xl_mobile__1iaw8zx7f`},xxl:{conditions:{mobile:`sprinkles_borderRadius_xxl_mobile__1iaw8zx7i`,tablet:`sprinkles_borderRadius_xxl_tablet__1iaw8zx7j`,desktop:`sprinkles_borderRadius_xxl_desktop__1iaw8zx7k`},defaultClass:`sprinkles_borderRadius_xxl_mobile__1iaw8zx7i`},full:{conditions:{mobile:`sprinkles_borderRadius_full_mobile__1iaw8zx7l`,tablet:`sprinkles_borderRadius_full_tablet__1iaw8zx7m`,desktop:`sprinkles_borderRadius_full_desktop__1iaw8zx7n`},defaultClass:`sprinkles_borderRadius_full_mobile__1iaw8zx7l`}},responsiveArray:void 0}}};return e.styles.display.responsiveArray=e.conditions.responsiveArray,e.styles.flexDirection.responsiveArray=e.conditions.responsiveArray,e.styles.alignItems.responsiveArray=e.conditions.responsiveArray,e.styles.justifyContent.responsiveArray=e.conditions.responsiveArray,e.styles.flexWrap.responsiveArray=e.conditions.responsiveArray,e.styles.gap.responsiveArray=e.conditions.responsiveArray,e.styles.paddingTop.responsiveArray=e.conditions.responsiveArray,e.styles.paddingBottom.responsiveArray=e.conditions.responsiveArray,e.styles.paddingLeft.responsiveArray=e.conditions.responsiveArray,e.styles.paddingRight.responsiveArray=e.conditions.responsiveArray,e.styles.marginTop.responsiveArray=e.conditions.responsiveArray,e.styles.marginBottom.responsiveArray=e.conditions.responsiveArray,e.styles.marginLeft.responsiveArray=e.conditions.responsiveArray,e.styles.marginRight.responsiveArray=e.conditions.responsiveArray,e.styles.borderRadius.responsiveArray=e.conditions.responsiveArray,e}(),{conditions:void 0,styles:{position:{values:{relative:{defaultClass:`sprinkles_position_relative__1iaw8zx7o`},absolute:{defaultClass:`sprinkles_position_absolute__1iaw8zx7p`},fixed:{defaultClass:`sprinkles_position_fixed__1iaw8zx7q`},sticky:{defaultClass:`sprinkles_position_sticky__1iaw8zx7r`}}},overflow:{values:{hidden:{defaultClass:`sprinkles_overflow_hidden__1iaw8zx7s`},scroll:{defaultClass:`sprinkles_overflow_scroll__1iaw8zx7t`},visible:{defaultClass:`sprinkles_overflow_visible__1iaw8zx7u`},auto:{defaultClass:`sprinkles_overflow_auto__1iaw8zx7v`}}},cursor:{values:{default:{defaultClass:`sprinkles_cursor_default__1iaw8zx7w`},pointer:{defaultClass:`sprinkles_cursor_pointer__1iaw8zx7x`}}},flexShrink:{values:{0:{defaultClass:`sprinkles_flexShrink_0__1iaw8zx7y`}}},flexGrow:{values:{0:{defaultClass:`sprinkles_flexGrow_0__1iaw8zx7z`},1:{defaultClass:`sprinkles_flexGrow_1__1iaw8zx80`}}},textAlign:{values:{left:{defaultClass:`sprinkles_textAlign_left__1iaw8zx81`},center:{defaultClass:`sprinkles_textAlign_center__1iaw8zx82`},right:{defaultClass:`sprinkles_textAlign_right__1iaw8zx83`}}},fontSize:{values:{xs:{defaultClass:`sprinkles_fontSize_xs__1iaw8zx84`},s:{defaultClass:`sprinkles_fontSize_s__1iaw8zx85`},m:{defaultClass:`sprinkles_fontSize_m__1iaw8zx86`},l:{defaultClass:`sprinkles_fontSize_l__1iaw8zx87`},xl:{defaultClass:`sprinkles_fontSize_xl__1iaw8zx88`},"2xl":{defaultClass:`sprinkles_fontSize_2xl__1iaw8zx89`},"3xl":{defaultClass:`sprinkles_fontSize_3xl__1iaw8zx8a`},"4xl":{defaultClass:`sprinkles_fontSize_4xl__1iaw8zx8b`},"5xl":{defaultClass:`sprinkles_fontSize_5xl__1iaw8zx8c`},"6xl":{defaultClass:`sprinkles_fontSize_6xl__1iaw8zx8d`}}},fontWeight:{values:{regular:{defaultClass:`sprinkles_fontWeight_regular__1iaw8zx8e`},medium:{defaultClass:`sprinkles_fontWeight_medium__1iaw8zx8f`},semiBold:{defaultClass:`sprinkles_fontWeight_semiBold__1iaw8zx8g`},bold:{defaultClass:`sprinkles_fontWeight_bold__1iaw8zx8h`}}}}},{conditions:{defaultCondition:`lightMode`,conditionNames:[`lightMode`,`darkMode`],responsiveArray:void 0},styles:{color:{values:{primary:{conditions:{lightMode:`sprinkles_color_primary_lightMode__1iaw8zx8i`,darkMode:`sprinkles_color_primary_darkMode__1iaw8zx8j`},defaultClass:`sprinkles_color_primary_lightMode__1iaw8zx8i`},secondary:{conditions:{lightMode:`sprinkles_color_secondary_lightMode__1iaw8zx8k`,darkMode:`sprinkles_color_secondary_darkMode__1iaw8zx8l`},defaultClass:`sprinkles_color_secondary_lightMode__1iaw8zx8k`},tertiary:{conditions:{lightMode:`sprinkles_color_tertiary_lightMode__1iaw8zx8m`,darkMode:`sprinkles_color_tertiary_darkMode__1iaw8zx8n`},defaultClass:`sprinkles_color_tertiary_lightMode__1iaw8zx8m`},disabled:{conditions:{lightMode:`sprinkles_color_disabled_lightMode__1iaw8zx8o`,darkMode:`sprinkles_color_disabled_darkMode__1iaw8zx8p`},defaultClass:`sprinkles_color_disabled_lightMode__1iaw8zx8o`},action:{conditions:{lightMode:`sprinkles_color_action_lightMode__1iaw8zx8q`,darkMode:`sprinkles_color_action_darkMode__1iaw8zx8r`},defaultClass:`sprinkles_color_action_lightMode__1iaw8zx8q`},onAction:{conditions:{lightMode:`sprinkles_color_onAction_lightMode__1iaw8zx8s`,darkMode:`sprinkles_color_onAction_darkMode__1iaw8zx8t`},defaultClass:`sprinkles_color_onAction_lightMode__1iaw8zx8s`},error:{conditions:{lightMode:`sprinkles_color_error_lightMode__1iaw8zx8u`,darkMode:`sprinkles_color_error_darkMode__1iaw8zx8v`},defaultClass:`sprinkles_color_error_lightMode__1iaw8zx8u`},success:{conditions:{lightMode:`sprinkles_color_success_lightMode__1iaw8zx8w`,darkMode:`sprinkles_color_success_darkMode__1iaw8zx8x`},defaultClass:`sprinkles_color_success_lightMode__1iaw8zx8w`},warning:{conditions:{lightMode:`sprinkles_color_warning_lightMode__1iaw8zx8y`,darkMode:`sprinkles_color_warning_darkMode__1iaw8zx8z`},defaultClass:`sprinkles_color_warning_lightMode__1iaw8zx8y`}}},backgroundColor:{values:{primary:{conditions:{lightMode:`sprinkles_backgroundColor_primary_lightMode__1iaw8zx90`,darkMode:`sprinkles_backgroundColor_primary_darkMode__1iaw8zx91`},defaultClass:`sprinkles_backgroundColor_primary_lightMode__1iaw8zx90`},secondary:{conditions:{lightMode:`sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92`,darkMode:`sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93`},defaultClass:`sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92`},background:{conditions:{lightMode:`sprinkles_backgroundColor_background_lightMode__1iaw8zx94`,darkMode:`sprinkles_backgroundColor_background_darkMode__1iaw8zx95`},defaultClass:`sprinkles_backgroundColor_background_lightMode__1iaw8zx94`},elevated:{conditions:{lightMode:`sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96`,darkMode:`sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97`},defaultClass:`sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96`},muted:{conditions:{lightMode:`sprinkles_backgroundColor_muted_lightMode__1iaw8zx98`,darkMode:`sprinkles_backgroundColor_muted_darkMode__1iaw8zx99`},defaultClass:`sprinkles_backgroundColor_muted_lightMode__1iaw8zx98`},tertiary:{conditions:{lightMode:`sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a`,darkMode:`sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b`},defaultClass:`sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a`},disabled:{conditions:{lightMode:`sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c`,darkMode:`sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d`},defaultClass:`sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c`},error:{conditions:{lightMode:`sprinkles_backgroundColor_error_lightMode__1iaw8zx9e`,darkMode:`sprinkles_backgroundColor_error_darkMode__1iaw8zx9f`},defaultClass:`sprinkles_backgroundColor_error_lightMode__1iaw8zx9e`},success:{conditions:{lightMode:`sprinkles_backgroundColor_success_lightMode__1iaw8zx9g`,darkMode:`sprinkles_backgroundColor_success_darkMode__1iaw8zx9h`},defaultClass:`sprinkles_backgroundColor_success_lightMode__1iaw8zx9g`},warning:{conditions:{lightMode:`sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i`,darkMode:`sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j`},defaultClass:`sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i`}}}}});g+_;function Y({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},s={};for(let e in a)J.properties.has(e)?o[e]=a[e]:s[e]=a[e];let l=U[e];return c(e,{className:b(l?`${H} ${l}`:H,J(o),t),style:i,ref:n,...s},r)}const de={"1/2":`0 0 50%`,"1/3":`0 0 33.333%`,"2/3":`0 0 66.667%`,"1/4":`0 0 25%`,"3/4":`0 0 75%`,"1/5":`0 0 20%`,"2/5":`0 0 40%`,"3/5":`0 0 60%`};function X({width:e,children:t}){return e===`content`?d(Y,{flexShrink:0,children:t}):e===void 0?d(Y,{flexGrow:1,children:t}):d(Y,{style:{flex:de[e]},children:t})}const fe={top:`flex-start`,center:`center`,bottom:`flex-end`};function pe({space:e,alignY:t,as:n=`div`,children:r}){return d(Y,{as:n,display:`flex`,flexDirection:`row`,gap:e,alignItems:t?fe[t]:void 0,children:r})}const me={left:`flex-start`,center:`center`,right:`flex-end`},he={left:`left`,center:`center`,right:`right`},ge={start:`flex-start`,center:`center`,end:`flex-end`,"space-between":`space-between`};function Z({space:e,padding:t,align:n,justify:r,as:i=`div`,className:a,children:o}){return d(Y,{as:i,display:`flex`,flexDirection:`column`,gap:e,padding:t,alignItems:n?me[n]:void 0,justifyContent:r?ge[r]:void 0,textAlign:n?he[n]:void 0,className:a,children:o})}var _e=`PostPurchase_card__5fv5lh0`,ve=`PostPurchase_cta__5fv5lh3`,Q=`PostPurchase_frakLogo__5fv5lh6`,ye=`PostPurchase_giftIcon__5fv5lh5`,be=`PostPurchase_icon__5fv5lh4`,xe=`PostPurchase_message__5fv5lh2`;const Se=g+_+`.PostPurchase_card__5fv5lh0 {
|
|
2
|
-
border-radius: 12px;
|
|
3
|
-
background-color: var(--surface-background__pbq4akc);
|
|
4
|
-
border: 1px solid var(--border-default__pbq4akv);
|
|
5
|
-
}
|
|
6
|
-
.PostPurchase_badge__5fv5lh1 {
|
|
7
|
-
align-self: flex-start;
|
|
8
|
-
background-color: #FFF534;
|
|
9
|
-
border-radius: 4px;
|
|
10
|
-
padding: 4px 8px;
|
|
11
|
-
font-size: 12px;
|
|
12
|
-
font-weight: 600;
|
|
13
|
-
line-height: 12px;
|
|
14
|
-
color: var(--text-primary__pbq4ak0);
|
|
15
|
-
}
|
|
16
|
-
.PostPurchase_message__5fv5lh2 {
|
|
17
|
-
margin: 0;
|
|
18
|
-
font-size: 16px;
|
|
19
|
-
line-height: 22px;
|
|
20
|
-
color: var(--text-primary__pbq4ak0);
|
|
21
|
-
font-weight: 600;
|
|
22
|
-
}
|
|
23
|
-
.PostPurchase_cta__5fv5lh3 {
|
|
24
|
-
display: inline-flex;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
gap: 4px;
|
|
28
|
-
padding: 12px 16px;
|
|
29
|
-
border-radius: 9999px;
|
|
30
|
-
background-color: var(--text-primary__pbq4ak0);
|
|
31
|
-
color: var(--text-onAction__pbq4ak6);
|
|
32
|
-
font-size: 12px;
|
|
33
|
-
font-weight: bold;
|
|
34
|
-
text-transform: uppercase;
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
}
|
|
37
|
-
.PostPurchase_cta__5fv5lh3:disabled {
|
|
38
|
-
opacity: 0.7;
|
|
39
|
-
cursor: default;
|
|
40
|
-
}
|
|
41
|
-
.PostPurchase_icon__5fv5lh4 {
|
|
42
|
-
margin: -2px 0;
|
|
43
|
-
}
|
|
44
|
-
.PostPurchase_giftIcon__5fv5lh5 {
|
|
45
|
-
display: block;
|
|
46
|
-
flex-shrink: 0;
|
|
47
|
-
}
|
|
48
|
-
.PostPurchase_frakLogo__5fv5lh6 {
|
|
49
|
-
display: block;
|
|
50
|
-
margin-left: auto;
|
|
51
|
-
color: var(--surface-primary__pbq4aka);
|
|
52
|
-
}`;function Ce(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 $({customerId:s,orderId:c,token:l,sharingUrl:f,merchantId:m,placement:h,classname:g=``,variant:_,badgeText:y,referrerText:b,refereeText:x,ctaText:S}){let{shouldRender:C,isHidden:w,isClientReady:T}=u(),E=ee(h);re(`frak-post-purchase`,h,E?.components?.postPurchase?.css,Se);let[D,O]=p(null),[k,A]=p(!1);o(()=>{!T||!s||!c||!l||t({customerId:s,orderId:c,token:l,merchantId:m}).catch(()=>{})},[T,s,c,l,m]),o(()=>{if(!T||k)return;let t=window.FrakSetup?.client;t&&Promise.all([r(t),n(t)]).then(([e,t])=>{A(!0),O(Ce(e,t))}).catch(t=>{if(t instanceof e&&t.code===i.configError){A(!0);return}console.warn(`[Frak] Post-purchase context error`,t)})},[T,k]);let j=_??D?.variant,M=f??D?.merchantDomain,N=a(()=>{if(!D?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return ie(D.reward,e)},[D?.reward]),P=E?.components?.postPurchase,F=y??P?.badgeText,I=a(()=>({message:j===`referee`?N?v(x??P?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`,N):x??P?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:N?v(b??P?.referrerText??`Earn {REWARD} by sharing this with your friends!`,N):b??P?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:N?v(S??P?.ctaText??`Share & earn {REWARD}`,N):S??P?.ctaNoRewardText??`Share & earn`}),[j,N,P,b,x,S]),{handleShare:L}=ae(void 0,h,M);return!C||w||!D||!j?null:d(Y,{className:[_e,g].filter(Boolean).join(` `),padding:`m`,children:d(pe,{space:`xl`,alignY:`center`,children:[d(X,{children:d(Z,{space:`xs`,children:[F&&d(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:F}),d(`p`,{class:xe,children:I.message}),d(Y,{as:`button`,type:`button`,className:`${ve} button`,disabled:!T,onClick:L,children:[I.cta,d(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${be} button`,children:d(`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`})})]})]})}),d(X,{width:`content`,children:d(Z,{space:`xs`,align:`right`,children:[d(ne,{className:ye,width:80,height:80}),d(te,{className:Q,width:14,height:14})]})})]})})}h($,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`],{shadow:!1});export{$ as PostPurchase};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|