@frak-labs/components 0.0.26-beta.9d5371b4 → 0.0.26-beta.bbbb3d22
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.BrrxJ-YP.js +132 -0
- package/cdn/ButtonShare.D6sav-O3.js +1 -0
- package/cdn/{ButtonWallet.B7UmJcbb.js → ButtonWallet.DalZLwGv.js} +2 -2
- package/cdn/OpenInAppButton.BBj09SVF.js +1 -0
- package/cdn/PostPurchase.CXHETVu7.js +47 -0
- package/cdn/components.js +1 -1
- package/cdn/formatReward.CU8k_jx9.js +1 -0
- package/cdn/jsxRuntime.module.D7jbXhdY.js +58 -0
- package/cdn/loader.js +26 -26
- package/cdn/sprinkles.css.ts.vanilla.BtNHSSRm.js +1175 -0
- package/cdn/useLightDomStyles.x0mCz8nV.js +1 -0
- package/cdn/useReward.Cbh2WzQ3.js +1 -0
- package/cdn/useShareModal.DsoI-v9u.js +1 -0
- package/dist/GiftIcon-BrNVWoWm.js +1246 -0
- package/dist/banner.d.ts +24 -11
- package/dist/banner.js +314 -96
- package/dist/buttonShare.d.ts +2 -2
- package/dist/buttonShare.js +5 -11
- package/dist/buttonWallet.d.ts +2 -2
- package/dist/buttonWallet.js +3 -7
- package/dist/{formatReward-6JQldDEC.js → formatReward-_UYA3aHE.js} +1 -3
- package/dist/openInApp.d.ts +2 -2
- package/dist/openInApp.js +3 -9
- package/dist/postPurchase.d.ts +8 -2
- package/dist/postPurchase.js +1623 -25
- package/dist/{useLightDomStyles-DukxuNnJ.js → useLightDomStyles-Cjpf0MnX.js} +2 -5
- package/dist/{usePlacement-BbMuz8_A.js → usePlacement-LqYjZLX_.js} +1 -93
- package/dist/{useReward-CI2yRrCj.js → useReward-XF2hB_C_.js} +2 -4
- package/dist/{useShareModal-DHlayNqk.js → useShareModal-Bmlk3eBJ.js} +1 -3
- package/package.json +13 -9
- package/cdn/Banner.BfkMel9Q.js +0 -1
- package/cdn/ButtonShare.BM9Inhmf.js +0 -1
- package/cdn/OpenInAppButton.B4mrsz6L.js +0 -1
- package/cdn/PostPurchase.BIc0C4Ma.js +0 -1
- package/cdn/formatReward.C8hlSKRj.js +0 -1
- package/cdn/jsxRuntime.module.5UNmmhNi.js +0 -138
- package/cdn/useLightDomStyles.D895e4W1.js +0 -1
- package/cdn/useReward.DEU0AF3P.js +0 -1
- package/cdn/useShareModal.CN9_P7Sl.js +0 -1
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import{d as e,h as t,l as n,m as r}from"./loader.js";import{a as i,c as a,l as o,n as s,o as c,s as l,t as u,u as d}from"./jsxRuntime.module.D7jbXhdY.js";import{t as f}from"./useLightDomStyles.x0mCz8nV.js";import{t as p}from"./useReward.Cbh2WzQ3.js";import{i as m,n as h,r as g,t as _}from"./sprinkles.css.ts.vanilla.BtNHSSRm.js";function v(e){return u(`svg`,{width:`15`,height:`15`,viewBox:`0 0 15 15`,fill:`none`,"aria-hidden":`true`,...e,children:u(`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 y(e){return u(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,...e,children:u(`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 b(e){return u(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,...e,children:u(`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`})})}var x=`Banner_iconSvg__1gnumzi2`,S=`Banner_inapp__1gnumzi9 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,C=`Banner_inappClose__1gnumzif reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,w=`Banner_inappCta__1gnumzie reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,ee=`Banner_inappDescription__1gnumzid reset_base__1831jhd0`,te=`Banner_inappHeader__1gnumzia`,ne=`Banner_inappIconWrapper__1gnumzib`,re=`Banner_inappTitle__1gnumzic reset_base__1831jhd0`,ie=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,T=`Banner_referralBody__1gnumzi5`,E=`Banner_referralCta__1gnumzi8 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,D=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,O=`Banner_referralIconWrapper__1gnumzi4`,k=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const A=g+h+_+`@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
|
+
}
|
|
65
|
+
.Banner_inapp__1gnumzi9 {
|
|
66
|
+
flex-direction: column;
|
|
67
|
+
gap: 4px;
|
|
68
|
+
padding: 12px 16px;
|
|
69
|
+
padding-right: 32px;
|
|
70
|
+
border-radius: 12px;
|
|
71
|
+
background-color: #000000CC;
|
|
72
|
+
backdrop-filter: blur(12px);
|
|
73
|
+
-webkit-backdrop-filter: blur(12px);
|
|
74
|
+
color: #ffffff;
|
|
75
|
+
}
|
|
76
|
+
.Banner_inappHeader__1gnumzia {
|
|
77
|
+
display: flex;
|
|
78
|
+
align-items: center;
|
|
79
|
+
gap: 8px;
|
|
80
|
+
}
|
|
81
|
+
.Banner_inappIconWrapper__1gnumzib {
|
|
82
|
+
flex-shrink: 0;
|
|
83
|
+
width: 20px;
|
|
84
|
+
height: 20px;
|
|
85
|
+
display: flex;
|
|
86
|
+
align-items: center;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
color: #ffffff;
|
|
89
|
+
}
|
|
90
|
+
.Banner_inappTitle__1gnumzic {
|
|
91
|
+
font-size: 16px;
|
|
92
|
+
font-weight: 500;
|
|
93
|
+
line-height: 26px;
|
|
94
|
+
color: var(--text-onAction__pbq4ak6);
|
|
95
|
+
}
|
|
96
|
+
.Banner_inappDescription__1gnumzid {
|
|
97
|
+
font-size: 14px;
|
|
98
|
+
color: var(--text-onAction__pbq4ak6);
|
|
99
|
+
line-height: 22px;
|
|
100
|
+
opacity: 0.96;
|
|
101
|
+
}
|
|
102
|
+
.Banner_inappCta__1gnumzie {
|
|
103
|
+
display: inline-flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
gap: 4px;
|
|
106
|
+
color: #2BB2FF;
|
|
107
|
+
font-size: 14px;
|
|
108
|
+
font-weight: 600;
|
|
109
|
+
text-decoration: underline;
|
|
110
|
+
text-underline-offset: 2px;
|
|
111
|
+
}
|
|
112
|
+
.Banner_inappCta__1gnumzie:focus-visible {
|
|
113
|
+
outline: 2px solid #2BB2FF;
|
|
114
|
+
outline-offset: 2px;
|
|
115
|
+
border-radius: 4px;
|
|
116
|
+
}
|
|
117
|
+
.Banner_inappClose__1gnumzif {
|
|
118
|
+
position: absolute;
|
|
119
|
+
top: 8px;
|
|
120
|
+
right: 8px;
|
|
121
|
+
width: 28px;
|
|
122
|
+
height: 28px;
|
|
123
|
+
display: flex;
|
|
124
|
+
align-items: center;
|
|
125
|
+
justify-content: center;
|
|
126
|
+
border-radius: 9999px;
|
|
127
|
+
color: rgba(255, 255, 255, 0.6);
|
|
128
|
+
}
|
|
129
|
+
.Banner_inappClose__1gnumzif:focus-visible {
|
|
130
|
+
outline: 2px solid #ffffff;
|
|
131
|
+
outline-offset: 2px;
|
|
132
|
+
}`;function j({placement:d,classname:h=``,interaction:g,referralTitle:_,referralDescription:j,referralCta:M,inappTitle:N,inappDescription:P,inappCta:F,preview:I,previewMode:L}){let R=!!I,z=L===`inapp`?`inapp`:`referral`,B=s(d),{shouldRender:V,isHidden:H,isClientReady:U}=i();f(`frak-banner`,d,B?.components?.banner?.css,A);let[W,G]=l(!1),[K,q]=l(()=>R?z:t?`inapp`:null);o(()=>{R&&q(z)},[R,z]);let{reward:J}=p(K===`referral`&&U,g),[Y,ae]=l(null);o(()=>{let t=window.FrakSetup?.client;K!==`inapp`||R||!U||!t||e(t).then(e=>ae(e)).catch(()=>{})},[K,R,U]),o(()=>{if(R||K===`inapp`)return;let e=()=>q(`referral`);return window.addEventListener(n,e),()=>window.removeEventListener(n,e)},[R,K]);let X=a(async()=>{if(R)return;if(K===`referral`){G(!0);return}let t=Y;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)},[R,K,Y]),oe=a(()=>{R||G(!0)},[R]),Z=B?.components?.banner,Q=c(()=>{if(K===`referral`){let e=J?`Earn ${J} on purchases on this site`:`You've been referred!`;return{title:_??Z?.referralTitle??e,description:j??Z?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:M??Z?.referralCta??`Got it`}}return{title:N??Z?.inappTitle??`Open in your browser`,description:P??Z?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:F??Z?.inappCta??`Open browser`}},[K,J,Z,_,j,M,N,P,F]);if(!K||!R&&(!V||H||W))return null;let $=[K===`inapp`?S:ie,`frak-banner`,`frak-banner--${K}`,h].filter(Boolean).join(` `);return K===`inapp`?u(`div`,{class:$,role:`alert`,children:[u(`div`,{class:te,children:[u(`span`,{class:`${ne} frak-banner__icon`,children:u(b,{})}),u(`p`,{class:`${re} frak-banner__title`,children:Q.title})]}),u(`p`,{class:`${ee} frak-banner__description`,children:Q.description}),u(`button`,{type:`button`,class:`${w} frak-banner__cta`,onClick:X,children:[Q.cta,u(y,{})]}),u(`button`,{type:`button`,class:`${C} frak-banner__close`,onClick:oe,"aria-label":`Dismiss`,children:u(v,{})})]}):u(`div`,{class:$,role:`alert`,children:[u(`div`,{class:`${O} frak-banner__icon`,children:u(m,{class:x})}),u(`div`,{class:`${T} frak-banner__text`,children:[u(`p`,{class:`${k} frak-banner__title`,children:Q.title}),u(`p`,{class:`${D} frak-banner__description`,children:Q.description}),u(`button`,{type:`button`,class:`${E} frak-banner__cta`,onClick:X,children:Q.cta})]})]})}d(j,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`],{shadow:!1});export{j as Banner};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as e,o as t,p as n}from"./loader.js";import{a as r,c as i,n as a,o,p as s,s as c,t as l,u}from"./jsxRuntime.module.D7jbXhdY.js";import{t as d}from"./useLightDomStyles.x0mCz8nV.js";import{t as f}from"./useReward.Cbh2WzQ3.js";import{t as p}from"./useShareModal.DsoI-v9u.js";async function m(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}await n(window.FrakSetup.client,{metadata:{...e&&{targetInteraction:e}}},t)}function h(e={}){let{successDuration:t=2e3}=e,[n,r]=c(!1);return{copy:i(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 g={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 _({debugInfo:e}){let[t,n]=c(!1);return l(`div`,{children:[l(`button`,{type:`button`,style:g.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&l(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function v({debugInfo:e}){let{copied:t,copy:n}=h();return l(`div`,{style:g.errorContainer,children:[l(`div`,{style:g.header,children:l(`h3`,{style:g.title,children:`Oups ! Nous avons rencontré un petit problème`})}),l(`p`,{style:g.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 à`,` `,l(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:g.link,children:`help@frak-labs.com`}),` `,l(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),l(`button`,{type:`button`,onClick:()=>n(e??``),style:g.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),l(_,{debugInfo:e})]})}function y({placement:n,text:c=`Share and earn!`,classname:u=``,useReward:h,noRewardText:g,targetInteraction:_,clickAction:y}){let b=a(n),x=b?.components?.buttonShare;d(`frak-button-share`,n,x?.css);let S=o(()=>b?.targetInteraction===void 0?_:b.targetInteraction,[b?.targetInteraction,_]),C=x?.text??c,w=x?.noRewardText??g,T=o(()=>x?.useReward??h===!0,[x?.useReward,h]),E=o(()=>x?.clickAction??y??`sharing-page`,[x?.clickAction,y]),{shouldRender:D,isHidden:O,isClientReady:k}=r(),{reward:A}=f(T&&k,S),{handleShare:j,isError:M,debugInfo:N}=p(S,n),P=o(()=>T?A?C.includes(`{REWARD}`)?C.replace(`{REWARD}`,A):`${C} ${A}`:w??C.replace(`{REWARD}`,``):C,[T,C,w,A]),F=i(async()=>{e(window.FrakSetup.client,`share_button_clicked`),E===`embedded-wallet`?t(S,n):E===`share-modal`?await j():m(S,n)},[E,j,S,n]);if(!D||O)return null;let I=[`button`,`button__fadeIn`,u].filter(Boolean).join(` `);return l(s,{children:[l(`button`,{type:`button`,disabled:!k,class:I,onClick:F,children:P}),M&&l(v,{debugInfo:N})]})}u(y,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`],{shadow:!1});export{y as ButtonShare};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{C as e,a as t}from"./loader.js";import{a as n,l as r,n as i,o as a,p as o,r as s,s as c,t as l,u}from"./jsxRuntime.module.D7jbXhdY.js";import{t as d}from"./useReward.Cbh2WzQ3.js";function f(e){return l(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[l(`title`,{children:`Gift icon`}),l(`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=i(u),_=a(()=>g?.targetInteraction===void 0?h:g.targetInteraction,[g?.targetInteraction,h]),v=a(()=>m===!0,[m]),{shouldRender:y,isHidden:b,isClientReady:x}=n(),{reward:S}=d(v&&x,_),[C,w]=c(`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 l(o,{children:[l(`style`,{children:s(`
|
|
2
2
|
.button {
|
|
3
3
|
all: unset;
|
|
4
4
|
position: fixed;
|
|
@@ -37,4 +37,4 @@ import{S as e,a as t}from"./loader.js";import{c as n,d as r,f as i,i as a,n as o
|
|
|
37
37
|
white-space: nowrap;
|
|
38
38
|
line-height: 9px;
|
|
39
39
|
}
|
|
40
|
-
`,g?.components?.buttonWallet?.css)}),l(`button`,{type:`button`,"aria-label":`Open wallet`,part:`button`,disabled:!x,class:T,onClick:()=>{e(window.FrakSetup.client,`wallet_button_clicked`),t(_,
|
|
40
|
+
`,g?.components?.buttonWallet?.css)}),l(`button`,{type:`button`,"aria-label":`Open wallet`,part:`button`,disabled:!x,class:T,onClick:()=>{e(window.FrakSetup.client,`wallet_button_clicked`),t(_,u)},children:[l(f,{}),S&&l(`span`,{class:`reward`,children:S})]})]})}u(p,`frak-button-wallet`,[`placement`,`classname`,`useReward`,`targetInteraction`],{shadow:!0});export{p as ButtonWallet};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as e,_ as t,b as n}from"./loader.js";import{a as r,n as i,o as a,t as o,u as s}from"./jsxRuntime.module.D7jbXhdY.js";import{t as c}from"./useLightDomStyles.x0mCz8nV.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:a(()=>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 a=i(e),{shouldRender:s,isHidden:l,isClientReady:f}=r(),{isMobile:p}=u();c(`frak-open-in-app`,e,a?.components?.openInApp?.css);let m=a?.components?.openInApp?.text??t;if(!p||!s||l)return null;let h=()=>{d()},g=[`button`,`button__fadeIn`,n].filter(Boolean).join(` `);return o(`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,47 @@
|
|
|
1
|
+
import{T as e,c as t,f as n,u as r,w as i}from"./loader.js";import{a,d as o,f as s,h as c,l,m as u,n as d,o as f,p,s as m,t as h,u as g}from"./jsxRuntime.module.D7jbXhdY.js";import{t as ee}from"./useLightDomStyles.x0mCz8nV.js";import{t as te}from"./formatReward.CU8k_jx9.js";import{i as ne,n as _,t as v}from"./sprinkles.css.ts.vanilla.BtNHSSRm.js";import{t as y}from"./useShareModal.DsoI-v9u.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}function S(e,t){for(var n in t)e[n]=t[n];return e}function C(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 w(e,t){this.props=e,this.context=t}(w.prototype=new c).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(e,t){return C(this.props,e)||C(this.state,t)};var T=u.__b;u.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),T&&T(e)},typeof Symbol<`u`&&Symbol.for;var E=u.__e;u.__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)}E(e,t,n,r)};var D=u.unmount;function O(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=S({},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 O(e,t,n)})),e}function k(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return k(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 A(){this.__u=0,this.o=null,this.__b=null}function j(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function M(){this.i=null,this.l=null}u.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)},(A.prototype=new c).__c=function(e,t){var n=t.__c,r=this;r.o??=[],r.o.push(n);var i=j(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]=k(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)},A.prototype.componentWillUnmount=function(){this.o=[]},A.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]=O(this.__b,n,r.__O=r.__P)}this.__b=null}var i=t.__a&&s(p,null,e.fallback);return i&&(i.__u&=-33),[s(p,null,t.__a?null:e.children),i]};var N=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]}};(M.prototype=new c).__a=function(e){var t=this,n=j(t.__v),r=t.l.get(e);return r[0]++,function(i){var a=function(){t.props.revealOrder?(r.push(i),N(t,e,r)):i()};n?n(a):a()}},M.prototype.render=function(e){this.i=null,this.l=new Map;var t=o(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},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){N(e,n,t)})};var P=typeof Symbol<`u`&&Symbol.for&&Symbol.for(`react.element`)||60103,F=/^(?: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]/,I=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,L=/[A-Z0-9]/g,R=typeof document<`u`,re=function(e){return(typeof Symbol<`u`&&typeof Symbol()==`symbol`?/fil|che|rad/:/fil|che|ra/).test(e)};c.prototype.isReactComponent=!0,[`componentWillMount`,`componentWillReceiveProps`,`componentWillUpdate`].forEach(function(e){Object.defineProperty(c.prototype,e,{configurable:!0,get:function(){return this[`UNSAFE_`+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var z=u.event;u.event=function(e){return z&&(e=z(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var ie={configurable:!0,get:function(){return this.class}},B=u.vnode;u.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 s=t[a];if(!(a===`value`&&`defaultValue`in t&&s==null||R&&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===s?s=``:c===`translate`&&s===`no`?s=!1:c[0]===`o`&&c[1]===`n`?c===`ondoubleclick`?a=`ondblclick`:c!==`onchange`||n!==`input`&&n!==`textarea`||re(t.type)?c===`onfocus`?a=`onfocusin`:c===`onblur`?a=`onfocusout`:I.test(a)&&(a=c):c=a=`oninput`:i&&F.test(a)?a=a.replace(L,`-$&`).toLowerCase():s===null&&(s=void 0),c===`oninput`&&r[a=c]&&(a=`oninputCapture`),r[a]=s}}n==`select`&&(r.multiple&&Array.isArray(r.value)&&(r.value=o(t.children).forEach(function(e){e.props.selected=r.value.indexOf(e.props.value)!=-1})),r.defaultValue!=null&&(r.value=o(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`,ie)):t.className&&(r.class=r.className=t.className),e.props=r}(e),e.$$typeof=P,B&&B(e)};var V=u.__r;u.__r=function(e){V&&V(e),e.__c};var H=u.diffed;u.diffed=function(e){H&&H(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 U=`reset_base__1831jhd0`,ae={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 K(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 q(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 J(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?q(Object(n),!0).forEach(function(t){K(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var oe=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=J({},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?J(J({},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)})},se=e=>e,Y=function(){return oe(se)(...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`}}}}});_+v;function X({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},c={};for(let e in a)Y.properties.has(e)?o[e]=a[e]:c[e]=a[e];let l=ae[e];return s(e,{className:x(l?`${U} ${l}`:U,Y(o),t),style:i,ref:n,...c},r)}const ce={"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 Z({width:e,children:t}){return e===`content`?h(X,{flexShrink:0,children:t}):e===void 0?h(X,{flexGrow:1,children:t}):h(X,{style:{flex:ce[e]},children:t})}const le={top:`flex-start`,center:`center`,bottom:`flex-end`};function ue({space:e,alignY:t,as:n=`div`,children:r}){return h(X,{as:n,display:`flex`,flexDirection:`row`,gap:e,alignItems:t?le[t]:void 0,children:r})}const de={left:`flex-start`,center:`center`,right:`flex-end`},Q={left:`left`,center:`center`,right:`right`},fe={start:`flex-start`,center:`center`,end:`flex-end`,"space-between":`space-between`};function pe({space:e,padding:t,align:n,justify:r,as:i=`div`,className:a,children:o}){return h(X,{as:i,display:`flex`,flexDirection:`column`,gap:e,padding:t,alignItems:n?de[n]:void 0,justifyContent:r?fe[r]:void 0,textAlign:n?Q[n]:void 0,className:a,children:o})}var me=`PostPurchase_card__5fv5lh0`,he=`PostPurchase_cta__5fv5lh3`,ge=`PostPurchase_giftIcon__5fv5lh5`,_e=`PostPurchase_icon__5fv5lh4`,ve=`PostPurchase_message__5fv5lh2`;const ye=_+v+`.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
|
+
}`;function be(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:o,orderId:s,token:c,sharingUrl:u,merchantId:p,placement:g,classname:_=``,variant:v,badgeText:b,referrerText:x,refereeText:S,ctaText:C}){let{shouldRender:w,isHidden:T,isClientReady:E}=a(),D=d(g);ee(`frak-post-purchase`,g,D?.components?.postPurchase?.css,ye);let[O,k]=m(null),[A,j]=m(!1);l(()=>{!E||!o||!s||!c||t({customerId:o,orderId:s,token:c,merchantId:p}).catch(()=>{})},[E,o,s,c,p]),l(()=>{if(!E||A)return;let t=window.FrakSetup?.client;t&&(j(!0),Promise.all([r(t),n(t)]).then(([e,t])=>{k(be(e,t))}).catch(t=>{t instanceof e&&t.code===i.configError||console.warn(`[Frak] Post-purchase context error`,t)}))},[E,A]);let M=v??O?.variant,N=u??O?.merchantDomain,P=f(()=>{if(!O?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return te(O.reward,e)},[O?.reward]),F=D?.components?.postPurchase,I=b??F?.badgeText,L=f(()=>{let e=e=>P?e.replace(`{REWARD}`,P):e;return{message:M===`referee`?P?e(S??F?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`):S??F?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:P?e(x??F?.referrerText??`Earn {REWARD} by sharing this with your friends!`):x??F?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:P?e(C??F?.ctaText??`Share & earn {REWARD}`):C??F?.ctaNoRewardText??`Share & earn`}},[M,P,F,x,S,C]),{handleShare:R}=y(void 0,g,N);return!w||T||!O||!M?null:h(X,{className:[me,_].filter(Boolean).join(` `),padding:`m`,children:h(ue,{space:`xl`,alignY:`center`,children:[h(Z,{children:h(pe,{space:`xs`,children:[I&&h(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:I}),h(`p`,{class:ve,children:L.message}),h(X,{as:`button`,type:`button`,className:`${he} button`,disabled:!E,onClick:R,children:[L.cta,h(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${_e} button`,children:h(`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`})})]})]})}),h(Z,{width:`content`,children:h(ne,{className:ge,width:80,height:80})})]})})}g($,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`],{shadow:!1});export{$ 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=1776102750053`);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as e,v as t,x as n}from"./loader.js";function r(r,i,a){let o=t(i),s=n(o);switch(r.payoutType){case`fixed`:return e(Math.round(r.amount[s]),o);case`percentage`:return a===void 0?`${r.percent} %`:e(Math.round(r.percent*a/100),o);case`tiered`:{let t=r.tiers.reduce((e,t)=>Math.max(e,t.amount[s]),0);return e(Math.round(t),o)}}}export{r as t};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import{S as e,i as t,n,r}from"./loader.js";var i,a,o,s,c,l,u,d,f,p,m,h={},g=[],_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v=Array.isArray;function y(e,t){for(var n in t)e[n]=t[n];return e}function b(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function x(e,t,n){var r,a,o,s={};for(o in t)o==`key`?r=t[o]:o==`ref`?a=t[o]:s[o]=t[o];if(arguments.length>2&&(s.children=arguments.length>3?i.call(arguments,2):n),typeof e==`function`&&e.defaultProps!=null)for(o in e.defaultProps)s[o]===void 0&&(s[o]=e.defaultProps[o]);return S(e,s,r,a,null)}function S(e,t,n,r,i){var s={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:i??++o,__i:-1,__u:0};return i==null&&a.vnode!=null&&a.vnode(s),s}function C(e){return e.children}function w(e,t){this.props=e,this.context=t}function T(e,t){if(t==null)return e.__?T(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type==`function`?T(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,r=[],i=[],o=y({},t);o.__v=t.__v+1,a.vnode&&a.vnode(o),F(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,r,n??T(t),!!(32&t.__u),i),o.__v=t.__v,o.__.__k[o.__i]=o,re(r,o,i),t.__e=t.__=null,o.__e!=n&&D(o)}}function D(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),D(e)}function O(e){(!e.__d&&(e.__d=!0)&&s.push(e)&&!k.__r++||c!=a.debounceRendering)&&((c=a.debounceRendering)||l)(k)}function k(){try{for(var e,t=1;s.length;)s.length>t&&s.sort(u),e=s.shift(),t=s.length,E(e)}finally{s.length=k.__r=0}}function ee(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,_,v,y,b=r&&r.__k||g,x=t.length;for(c=A(n,t,b,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&b[p.__i]||h,p.__i=d,v=F(e,p,f,i,a,o,s,c,l,u),m=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&L(f.ref,null,p),u.push(p.ref,p.__c||m,p)),_==null&&m!=null&&(_=m),(y=!!(4&p.__u))||f.__k===p.__k?c=j(p,c,e,y):typeof p.type==`function`&&v!==void 0?c=v:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=_,c}function A(e,t,n,r,i){var a,o,s,c,l,u=n.length,d=u,f=0;for(e.__k=Array(i),a=0;a<i;a++)(o=t[a])!=null&&typeof o!=`boolean`&&typeof o!=`function`?(typeof o==`string`||typeof o==`number`||typeof o==`bigint`||o.constructor==String?o=e.__k[a]=S(null,o,null,null,null):v(o)?o=e.__k[a]=S(C,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=S(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+f,o.__=e,o.__b=e.__b+1,s=null,(l=o.__i=te(o,n,c,d))!=-1&&(d--,(s=n[l])&&(s.__u|=2)),s==null||s.__v==null?(l==-1&&(i>u?f--:i<u&&f++),typeof o.type!=`function`&&(o.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<u;a++)(s=n[a])!=null&&!(2&s.__u)&&(s.__e==r&&(r=T(s)),oe(s,s));return r}function j(e,t,n,r){var i,a;if(typeof e.type==`function`){for(i=e.__k,a=0;i&&a<i.length;a++)i[a]&&(i[a].__=e,t=j(i[a],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=T(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t&&=t.nextSibling;while(t!=null&&t.nodeType==8);return t}function M(e,t){return t||=[],e==null||typeof e==`boolean`||(v(e)?e.some(function(e){M(e,t)}):t.push(e)),t}function te(e,t,n,r){var i,a,o,s=e.key,c=e.type,l=t[n],u=l!=null&&(2&l.__u)==0;if(l===null&&s==null||u&&s==l.key&&c==l.type)return n;if(r>+!!u){for(i=n-1,a=n+1;i>=0||a<t.length;)if((l=t[o=i>=0?i--:a++])!=null&&!(2&l.__u)&&s==l.key&&c==l.type)return o}return-1}function ne(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||_.test(t)?n:n+`px`}function N(e,t,n,r,i){var a,o;n:if(t==`style`)if(typeof n==`string`)e.style.cssText=n;else{if(typeof r==`string`&&(e.style.cssText=r=``),r)for(t in r)n&&t in n||ne(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||ne(e.style,t,n[t])}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(d,`$1`)),o=t.toLowerCase(),t=o in e||t==`onFocusOut`||t==`onFocusIn`?o.slice(2):t.slice(2),e.l||={},e.l[t+a]=n,n?r?n.u=r.u:(n.u=f,e.addEventListener(t,a?m:p,a)):e.removeEventListener(t,a?m:p,a);else{if(i==`http://www.w3.org/2000/svg`)t=t.replace(/xlink(H|:h)/,`h`).replace(/sName$/,`s`);else if(t!=`width`&&t!=`height`&&t!=`href`&&t!=`list`&&t!=`form`&&t!=`tabIndex`&&t!=`download`&&t!=`rowSpan`&&t!=`colSpan`&&t!=`role`&&t!=`popover`&&t in e)try{e[t]=n??``;break n}catch{}typeof n==`function`||(n==null||!1===n&&t[4]!=`-`?e.removeAttribute(t):e.setAttribute(t,t==`popover`&&n==1?``:n))}}function P(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=f++;else if(t.t<n.u)return;return n(a.event?a.event(t):t)}}}function F(e,t,n,r,i,o,s,c,l,u){var d,f,p,m,h,_,x,S,T,E,D,O,k,A,j,M=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(l=!!(32&n.__u),o=[c=t.__e=n.__e]),(d=a.__b)&&d(t);n:if(typeof M==`function`)try{if(S=t.props,T=M.prototype&&M.prototype.render,E=(d=M.contextType)&&r[d.__c],D=d?E?E.props.value:d.__:r,n.__c?x=(f=t.__c=n.__c).__=f.__E:(T?t.__c=f=new M(S,D):(t.__c=f=new w(S,D),f.constructor=M,f.render=se),E&&E.sub(f),f.state||={},f.__n=r,p=f.__d=!0,f.__h=[],f._sb=[]),T&&f.__s==null&&(f.__s=f.state),T&&M.getDerivedStateFromProps!=null&&(f.__s==f.state&&(f.__s=y({},f.__s)),y(f.__s,M.getDerivedStateFromProps(S,f.__s))),m=f.props,h=f.state,f.__v=t,p)T&&M.getDerivedStateFromProps==null&&f.componentWillMount!=null&&f.componentWillMount(),T&&f.componentDidMount!=null&&f.__h.push(f.componentDidMount);else{if(T&&M.getDerivedStateFromProps==null&&S!==m&&f.componentWillReceiveProps!=null&&f.componentWillReceiveProps(S,D),t.__v==n.__v||!f.__e&&f.shouldComponentUpdate!=null&&!1===f.shouldComponentUpdate(S,f.__s,D)){t.__v!=n.__v&&(f.props=S,f.state=f.__s,f.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)}),g.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break n}f.componentWillUpdate!=null&&f.componentWillUpdate(S,f.__s,D),T&&f.componentDidUpdate!=null&&f.__h.push(function(){f.componentDidUpdate(m,h,_)})}if(f.context=D,f.props=S,f.__P=e,f.__e=!1,O=a.__r,k=0,T)f.state=f.__s,f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),g.push.apply(f.__h,f._sb),f._sb=[];else do f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),f.state=f.__s;while(f.__d&&++k<25);f.state=f.__s,f.getChildContext!=null&&(r=y(y({},r),f.getChildContext())),T&&!p&&f.getSnapshotBeforeUpdate!=null&&(_=f.getSnapshotBeforeUpdate(m,h)),A=d!=null&&d.type===C&&d.key==null?ie(d.props.children):d,c=ee(e,v(A)?A:[A],t,n,r,i,o,s,c,l,u),f.base=t.__e,t.__u&=-161,f.__h.length&&s.push(f),x&&(f.__E=f.__=null)}catch(e){if(t.__v=null,l||o!=null)if(e.then){for(t.__u|=l?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o[o.indexOf(c)]=null,t.__e=c}else{for(j=o.length;j--;)b(o[j]);I(t)}else t.__e=n.__e,t.__k=n.__k,e.then||I(t);a.__e(e,t,n)}else o==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):c=t.__e=ae(n.__e,t,n,r,i,o,s,l,u);return(d=a.diffed)&&d(t),128&t.__u?void 0:c}function I(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(I))}function re(e,t,n){for(var r=0;r<n.length;r++)L(n[r],n[++r],n[++r]);a.__c&&a.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){a.__e(e,t.__v)}})}function ie(e){return typeof e!=`object`||!e||e.__b>0?e:v(e)?e.map(ie):y({},e)}function ae(e,t,n,r,o,s,c,l,u){var d,f,p,m,g,_,y,x=n.props||h,S=t.props,C=t.type;if(C==`svg`?o=`http://www.w3.org/2000/svg`:C==`math`?o=`http://www.w3.org/1998/Math/MathML`:o||=`http://www.w3.org/1999/xhtml`,s!=null){for(d=0;d<s.length;d++)if((g=s[d])&&`setAttribute`in g==!!C&&(C?g.localName==C:g.nodeType==3)){e=g,s[d]=null;break}}if(e==null){if(C==null)return document.createTextNode(S);e=document.createElementNS(o,C,S.is&&S),l&&=(a.__m&&a.__m(t,s),!1),s=null}if(C==null)x===S||l&&e.data==S||(e.data=S);else{if(s&&=i.call(e.childNodes),!l&&s!=null)for(x={},d=0;d<e.attributes.length;d++)x[(g=e.attributes[d]).name]=g.value;for(d in x)g=x[d],d==`dangerouslySetInnerHTML`?p=g:d==`children`||d in S||d==`value`&&`defaultValue`in S||d==`checked`&&`defaultChecked`in S||N(e,d,null,g,o);for(d in S)g=S[d],d==`children`?m=g:d==`dangerouslySetInnerHTML`?f=g:d==`value`?_=g:d==`checked`?y=g:l&&typeof g!=`function`||x[d]===g||N(e,d,g,x[d],o);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),t.__k=[];else if(p&&(e.innerHTML=``),ee(t.type==`template`?e.content:e,v(m)?m:[m],t,n,r,C==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:n.__k&&T(n,0),l,u),s!=null)for(d=s.length;d--;)b(s[d]);l||(d=`value`,C==`progress`&&_==null?e.removeAttribute(`value`):_!=null&&(_!==e[d]||C==`progress`&&!_||C==`option`&&_!=x[d])&&N(e,d,_,x[d],o),d=`checked`,y!=null&&y!=e[d]&&N(e,d,y,x[d],o))}return e}function L(e,t,n){try{if(typeof e==`function`){var r=typeof e.__u==`function`;r&&e.__u(),r&&t==null||(e.__u=e(t))}else e.current=t}catch(e){a.__e(e,n)}}function oe(e,t,n){var r,i;if(a.unmount&&a.unmount(e),(r=e.ref)&&(r.current&&r.current!=e.__e||L(r,null,t)),(r=e.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){a.__e(e,t)}r.base=r.__P=null}if(r=e.__k)for(i=0;i<r.length;i++)r[i]&&oe(r[i],t,n||typeof e.type!=`function`);n||b(e.__e),e.__c=e.__=e.__e=void 0}function se(e,t,n){return this.constructor(e,n)}function R(e,t,n){var r,o,s,c;t==document&&(t=document.documentElement),a.__&&a.__(e,t),o=(r=typeof n==`function`)?null:n&&n.__k||t.__k,s=[],c=[],F(t,e=(!r&&n||t).__k=x(C,null,[e]),o||h,h,t.namespaceURI,!r&&n?[n]:o?null:t.firstChild?i.call(t.childNodes):null,s,!r&&n?n:o?o.__e:t.firstChild,r,c),re(s,e,c)}function z(e,t){R(e,t,z)}function B(e,t,n){var r,a,o,s,c=y({},e.props);for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)o==`key`?r=t[o]:o==`ref`?a=t[o]:c[o]=t[o]===void 0&&s!=null?s[o]:t[o];return arguments.length>2&&(c.children=arguments.length>3?i.call(arguments,2):n),S(e.type,c,r||e.key,a||e.ref,null)}i=g.slice,a={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&a.getDerivedStateFromError!=null&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(t){e=t}throw e}},o=0,w.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=y({},this.state);typeof e==`function`&&(e=e(y({},n),this.props)),e&&y(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),O(this))},w.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),O(this))},w.prototype.render=C,s=[],l=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,u=function(e,t){return e.__v.__b-t.__v.__b},k.__r=0,d=/(PointerCapture)$|Capture$/i,f=0,p=P(!1),m=P(!0);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},V.apply(this,arguments)}function H(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}var ce=[`context`,`children`],le=[`useFragment`];function ue(e,t,n,r){function i(){var t,n=Reflect.construct(HTMLElement,[],i);return n._vdomComponent=e,r&&r.shadow?(n._root=n.attachShadow({mode:r.mode||`open`,serializable:(t=r.serializable)!=null&&t}),r.adoptedStyleSheets&&(n._root.adoptedStyleSheets=r.adoptedStyleSheets)):n._root=n,n}return(i.prototype=Object.create(HTMLElement.prototype)).constructor=i,i.prototype.connectedCallback=function(){fe.call(this,r)},i.prototype.attributeChangedCallback=me,i.prototype.disconnectedCallback=he,n=n||e.observedAttributes||Object.keys(e.propTypes||{}),i.observedAttributes=n,e.formAssociated&&(i.formAssociated=!0),n.forEach(function(e){Object.defineProperty(i.prototype,e,{get:function(){return this._vdom?this._vdom.props[e]:this._props[e]},set:function(t){this._vdom?this.attributeChangedCallback(e,null,t):(this._props||={},this._props[e]=t);var n=typeof t;t!=null&&n!==`string`&&n!==`boolean`&&n!==`number`||this.setAttribute(e,t)}})}),customElements.define(t||e.tagName||e.displayName||e.name,i),i}function de(e){this.getChildContext=function(){return e.context};var t=e.children;return B(t,H(e,ce))}function fe(e){var t=new CustomEvent(`_preact`,{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(t),this._vdom=x(de,V({},this._props,{context:t.detail.context}),_e(this,this._vdomComponent,e)),(this.hasAttribute(`hydrate`)?z:R)(this._vdom,this._root)}function pe(e){return e.replace(/-(\w)/g,function(e,t){return t?t.toUpperCase():``})}function me(e,t,n){if(this._vdom){var r={};r[e]=n??=void 0,r[pe(e)]=n,this._vdom=B(this._vdom,r),R(this._vdom,this._root)}}function he(){R(this._vdom=null,this._root)}function ge(e,t){var n=this,r=e.useFragment,i=H(e,le);return x(r?C:`slot`,V({},i,{ref:function(e){e?(n.ref=e,n._listener||(n._listener=function(e){e.stopPropagation(),e.detail.context=t},e.addEventListener(`_preact`,n._listener))):n.ref.removeEventListener(`_preact`,n._listener)}}))}function _e(e,t,n){if(e.nodeType===3)return e.data;if(e.nodeType!==1)return null;var r=[],i={},a=0,o=e.attributes,s=e.childNodes;for(a=o.length;a--;)o[a].name!==`slot`&&(i[o[a].name]=o[a].value,i[pe(o[a].name)]=o[a].value);for(a=s.length;a--;){var c=_e(s[a],null,n),l=s[a].slot;l?i[l]=x(ge,{name:l},c):r[a]=c}var u=!(!n||!n.shadow),d=t?x(ge,{useFragment:!u},r):r;return!u&&t&&(e.innerHTML=``),x(t||e.nodeName.toLowerCase(),i,d)}function ve(e,t,i=[],a={shadow:!0}){typeof window<`u`&&(n(r),customElements.get(t)||ue(e,t,i,a))}var U,W,G,ye,K=0,be=[],q=a,xe=q.__b,Se=q.__r,Ce=q.diffed,we=q.__c,Te=q.unmount,Ee=q.__;function J(e,t){q.__h&&q.__h(W,e,K||t),K=0;var n=W.__H||={__:[],__h:[]};return e>=n.__.length&&n.__.push({}),n.__[e]}function Y(e){return K=1,De(Ne,e)}function De(e,t,n){var r=J(U++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Ne(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=W,!W.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=r.__c.__H.__.filter(function(e){return e.__c});if(i.every(function(e){return!e.__N}))return!a||a.call(this,e,t,n);var o=r.__c.props!==e;return i.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a&&a.call(this,e,t,n)||o};W.__f=!0;var a=W.shouldComponentUpdate,o=W.componentWillUpdate;W.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},W.shouldComponentUpdate=i}return r.__N||r.__}function X(e,t){var n=J(U++,3);!q.__s&&Me(n.__H,t)&&(n.__=e,n.u=t,W.__H.__h.push(n))}function Z(e,t){var n=J(U++,7);return Me(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function Oe(e,t){return K=8,Z(function(){return e},t)}function ke(){for(var e;e=be.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(Q),t.__h.some($),t.__h=[]}catch(n){t.__h=[],q.__e(n,e.__v)}}}q.__b=function(e){W=null,xe&&xe(e)},q.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Ee&&Ee(e,t)},q.__r=function(e){Se&&Se(e),U=0;var t=(W=e.__c).__H;t&&(G===W?(t.__h=[],W.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(Q),t.__h.some($),t.__h=[],U=0)),G=W},q.diffed=function(e){Ce&&Ce(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(be.push(t)!==1&&ye===q.requestAnimationFrame||((ye=q.requestAnimationFrame)||je)(ke)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),G=W=null},q.__c=function(e,t){t.some(function(e){try{e.__h.some(Q),e.__h=e.__h.filter(function(e){return!e.__||$(e)})}catch(n){t.some(function(e){e.__h&&=[]}),t=[],q.__e(n,e.__v)}}),we&&we(e,t)},q.unmount=function(e){Te&&Te(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{Q(e)}catch(e){t=e}}),n.__H=void 0,t&&q.__e(t,n.__v))};var Ae=typeof requestAnimationFrame==`function`;function je(e){var t,n=function(){clearTimeout(r),Ae&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);Ae&&(t=requestAnimationFrame(n))}function Q(e){var t=W,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),W=t}function $(e){var t=W;e.__c=e.__(),W=t}function Me(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function Ne(e,t){return typeof t==`function`?t(e):t}function Pe(){let[n,r]=Y(()=>window.FrakSetup?.config?.waitForBackendConfig===!1?!0:e.isResolved),[i,a]=Y(()=>e.getConfig().hidden??!1),[o,s]=Y(()=>!!window.FrakSetup?.client);return X(()=>{let n=e.getConfig();n.isResolved&&(r(!0),a(n.hidden??!1)),window.FrakSetup?.client&&s(!0);let i=e=>{let t=e.detail;t.isResolved&&r(!0),a(t.hidden??!1)};window.addEventListener(`frak:config`,i);let o=()=>s(!0);return t(`add`,o),()=>{window.removeEventListener(`frak:config`,i),t(`remove`,o)}},[]),{shouldRender:n,isHidden:i,isClientReady:o}}const Fe=`
|
|
2
|
+
:host {
|
|
3
|
+
display: contents;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
:host([hidden]) {
|
|
7
|
+
display: none;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.button:disabled {
|
|
11
|
+
opacity: 0.7;
|
|
12
|
+
cursor: default;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.button__fadeIn {
|
|
16
|
+
animation: frak-fadeIn 300ms ease-in;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@keyframes frak-fadeIn {
|
|
20
|
+
from {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
to {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
`;function Ie(e,t){return t?`${Fe}\n${e}\n${t}`:`${Fe}\n${e}`}const Le=`
|
|
29
|
+
:where(frak-button-share, frak-open-in-app) {
|
|
30
|
+
display: contents;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:where(frak-button-share .button, frak-open-in-app .button) {
|
|
34
|
+
display: flex;
|
|
35
|
+
align-items: center;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
gap: 10px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:where(frak-button-share .button:disabled, frak-open-in-app .button:disabled) {
|
|
41
|
+
opacity: 0.7;
|
|
42
|
+
cursor: default;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:where(frak-button-share .button__fadeIn, frak-open-in-app .button__fadeIn) {
|
|
46
|
+
animation: frak-fadeIn 300ms ease-in;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@keyframes frak-fadeIn {
|
|
50
|
+
from {
|
|
51
|
+
opacity: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
to {
|
|
55
|
+
opacity: 1;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
`;function Re(t){return e.getConfig().placements?.[t]}function ze(e){let[t,n]=Y(0);return X(()=>{let e=e=>{n(e=>e+1)};return window.addEventListener(`frak:config`,e),n(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),Z(()=>e?Re(e):void 0,[e,t])}var Be=0;Array.isArray;function Ve(e,t,n,r,i,o){t||={};var s,c,l=t;if(`ref`in l)for(c in l={},t)c==`ref`?s=t[c]:l[c]=t[c];var u={type:e,props:l,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--Be,__i:-1,__u:0,__source:i,__self:o};if(typeof e==`function`&&(s=e.defaultProps))for(c in s)l[c]===void 0&&(l[c]=s[c]);return a.vnode&&a.vnode(u),u}export{Pe as a,Oe as c,M as d,x as f,w as h,Le as i,X as l,a as m,ze as n,Z as o,C as p,Ie as r,Y as s,Ve as t,ve as u};
|