@frak-labs/components 1.0.2-beta.27d9ac29 → 1.0.2-beta.ab5ff832

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.
Files changed (14) hide show
  1. package/cdn/ButtonShare.DbUZUx82.js +1 -0
  2. package/cdn/PostPurchase.D02OVBsL.js +52 -0
  3. package/cdn/components.js +1 -1
  4. package/cdn/loader.js +1 -1
  5. package/cdn/sharingPage.DX1H39Pz.js +1 -0
  6. package/dist/buttonShare.js +53 -12
  7. package/dist/postPurchase.d.ts +17 -1
  8. package/dist/postPurchase.js +88 -7
  9. package/dist/sharingPage-BHH1xQ_w.js +15 -0
  10. package/package.json +3 -3
  11. package/cdn/ButtonShare.CMAEVXOn.js +0 -1
  12. package/cdn/PostPurchase.8x_X3q7E.js +0 -52
  13. package/cdn/useShareModal.UYsKX7L2.js +0 -1
  14. package/dist/useShareModal-BEVkLrBP.js +0 -54
package/cdn/ButtonShare.DbUZUx82.js ADDED
@@ -0,0 +1 @@
1
+ import{C as e,T as t,m as n,o as r,s as i,w as a}from"./loader.js";import{c as o,d as s,i as c,m as l,o as u,s as d,t as f,u as p}from"./usePlacement.Di6eZ4ty.js";import{t as m}from"./useGlobalComponents.CLH7id-Y.js";import{t as h}from"./useLightDomStyles.DqYouFn3.js";import{t as g}from"./formatReward.BaR9pE50.js";import{t as _}from"./useReward.DWyyva4u.js";import{t as v}from"./sharingPage.DX1H39Pz.js";function y(e={}){let{successDuration:t=2e3}=e,[n,r]=d(!1);return{copy:o(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 b={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 x({debugInfo:e}){let[t,n]=d(!1);return p(`div`,{children:[p(`button`,{type:`button`,style:b.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&p(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function S({debugInfo:e}){let{copied:t,copy:n}=y();return p(`div`,{style:b.errorContainer,children:[p(`div`,{style:b.header,children:p(`h3`,{style:b.title,children:`Oups ! Nous avons rencontré un petit problème`})}),p(`p`,{style:b.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 à`,` `,p(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:b.link,children:`help@frak-labs.com`}),` `,p(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),p(`button`,{type:`button`,onClick:()=>{n(e??``)},style:b.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),p(x,{debugInfo:e})]})}function C(r,s,c){let[l,u]=d(void 0),[f,p]=d(!1);return{handleShare:o(async()=>{if(!window.FrakSetup?.client){console.error(`Frak client not found`),u(n.empty().formatDebugInfo(`Frak client not found`)),p(!0);return}let o=i(window.FrakSetup.client,{});try{await o.sharing(c?{link:c}:{}).display(e=>({...e,targetInteraction:r}),s)}catch(n){if(n instanceof t&&n.code===a.clientAborted){console.debug(`User aborted the modal`);return}let i=window.FrakSetup.client.debugInfo.formatDebugInfo(n);e(window.FrakSetup.client,`share_modal_error`,{placement:s,target_interaction:r,error:n instanceof Object&&`message`in n?n.message:`Unknown error`}),u(i),p(!0),console.error(`Error while opening the modal`,n)}},[r,s,c]),isError:f,debugInfo:l}}function w({placement:t,text:n=`Share and earn!`,classname:i=``,useReward:a,noRewardText:s,targetInteraction:d,clickAction:y,preview:b}){let x=!!b,w=f(t),T=m(),E=w?.components?.buttonShare??T?.buttonShare;h(`frak-button-share`,t,E?.css);let D=u(()=>w?.targetInteraction===void 0?d:w.targetInteraction,[w?.targetInteraction,d]),O=E?.text??n,k=E?.noRewardText??s,A=u(()=>E?.useReward??a===!0,[E?.useReward,a]),j=u(()=>E?.clickAction??y??`sharing-page`,[E?.clickAction,y]),{shouldRender:M,isHidden:N,isClientReady:P}=c(),{reward:F}=_(A&&P,D),{handleShare:I,isError:L,debugInfo:R}=C(D,t),z=u(()=>A?F?O.includes(`{REWARD}`)?g(O,F):`${O} ${F}`:k??g(O,void 0):O,[A,O,k,F]),B=o(async()=>{x||(e(window.FrakSetup.client,`share_button_clicked`,{placement:t,target_interaction:D,has_reward:!!F,click_action:j}),j===`embedded-wallet`?r(D,t):j===`share-modal`?await I():v(D,t))},[x,j,I,D,t,F]);if(!x&&(!M||N))return null;let V=[`button`,`button__fadeIn`,i].filter(Boolean).join(` `);return p(l,{children:[p(`button`,{type:`button`,disabled:!x&&!P,class:V,onClick:B,children:z}),L&&p(S,{debugInfo:R})]})}s(w,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`,`preview`],{shadow:!1});export{w as ButtonShare};
package/cdn/PostPurchase.D02OVBsL.js ADDED
@@ -0,0 +1,52 @@
1
+ import{C as e,T as t,c as n,f as r,u as i,w as a}from"./loader.js";import{a as o,c as s,d as c,i as l,l as u,o as d,p as f,s as p,t as m,u as h}from"./usePlacement.Di6eZ4ty.js";import{i as g,n as _,o as v,r as y,t as b}from"./sprinkles.css.ts.vanilla.Ct795MMK.js";import{t as ee}from"./useGlobalComponents.CLH7id-Y.js";import{t as te}from"./useLightDomStyles.DqYouFn3.js";import{n as x,t as S}from"./formatReward.BaR9pE50.js";import{t as ne}from"./sharingPage.DX1H39Pz.js";function C(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=C(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function w(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=C(e))&&(r&&(r+=` `),r+=t);return r}var T=`reset_base__1831jhd0`,E={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 D(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 O(e){var t=D(e,`string`);return typeof t==`symbol`?t:String(t)}function k(e,t,n){return t=O(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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?A(Object(n),!0).forEach(function(t){k(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var M=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)})},N=e=>e,P=function(){return M(N)(...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+b;function F({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},s={};for(let e in a)P.properties.has(e)?o[e]=a[e]:s[e]=a[e];let c=E[e];return f(e,{className:w(c?`${T} ${c}`:T,P(o),t),style:i,ref:n,...s},r)}const I={"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 L({width:e,children:t}){return e===`content`?h(F,{flexShrink:0,children:t}):e===void 0?h(F,{flexGrow:1,children:t}):h(F,{style:{flex:I[e]},children:t})}const R={top:`flex-start`,center:`center`,bottom:`flex-end`};function z({space:e,alignY:t,as:n=`div`,children:r}){return h(F,{as:n,display:`flex`,flexDirection:`row`,gap:e,alignItems:t?R[t]:void 0,children:r})}const B={left:`flex-start`,center:`center`,right:`flex-end`},V={left:`left`,center:`center`,right:`right`},H={start:`flex-start`,center:`center`,end:`flex-end`,"space-between":`space-between`};function U({space:e,padding:t,paddingX:n,paddingY:r,align:i,justify:a,as:o=`div`,className:s,children:c}){return h(F,{as:o,display:`flex`,flexDirection:`column`,gap:e,padding:t,paddingX:n,paddingY:r,alignItems:i?B[i]:void 0,justifyContent:a?H[a]:void 0,textAlign:i?V[i]:void 0,className:s,children:c})}var re=`PostPurchase_card__5fv5lh0`,ie=`PostPurchase_cta__5fv5lh3 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,ae=`PostPurchase_frakLogo__5fv5lh6`,oe=`PostPurchase_giftIcon__5fv5lh5`,se=`PostPurchase_icon__5fv5lh4`,ce=`PostPurchase_message__5fv5lh2`;const le=g+b+_+`.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 W(e){try{let t=new URL(e);return t.protocol===`http:`||t.protocol===`https:`}catch{return!1}}function ue(e){if(!e)return null;if(Array.isArray(e))return e;if(typeof e!=`string`)return null;try{let t=JSON.parse(e);return Array.isArray(t)?t:null}catch{return null}}function de(e){if(!e||typeof e!=`object`)return null;let t=e,n=typeof t.title==`string`?t.title.trim():``;if(n===``)return null;let r={title:n};return typeof t.imageUrl==`string`&&W(t.imageUrl)&&(r.imageUrl=t.imageUrl),typeof t.link==`string`&&W(t.link)&&(r.link=t.link),typeof t.utmContent==`string`&&t.utmContent!==``&&(r.utmContent=t.utmContent),r}function fe(e,t){let n=t.rewards.find(e=>e.interactionTypeKey===`purchase`&&(e.referrer||e.referee));if(!n)return null;let r=e?.isReferred&&n.referee?`referee`:`referrer`;return{variant:r,reward:r===`referee`?n.referee:n.referrer,merchantDomain:t.onChainMetadata.domain}}function G({customerId:c,orderId:f,token:g,sharingUrl:_,merchantId:b,placement:C,classname:w=``,variant:T,badgeText:E,referrerText:D,refereeText:O,ctaText:k,preview:A,previewVariant:j,products:M}){let N=!!A,{shouldRender:P,isHidden:I,isClientReady:R}=l(),B=m(C);te(`frak-post-purchase`,C,B?.components?.postPurchase?.css,le);let[V,H]=p(null),[W,G]=p(!1);u(()=>{N||!R||!c||!f||!g||n({customerId:c,orderId:f,token:g,merchantId:b}).catch(()=>{})},[N,R,c,f,g,b]),u(()=>{if(N||!R||W)return;let e=window.FrakSetup?.client;e&&Promise.all([i(e),r(e)]).then(([e,t])=>{G(!0),H(fe(e,t))}).catch(e=>{if(e instanceof t&&e.code===a.configError){G(!0);return}console.warn(`[Frak] Post-purchase context error`,e)})},[N,R,W]);let K=o(null),q=T??V?.variant??(N?j??`referrer`:void 0),J=_??V?.merchantDomain,Y=d(()=>{if(!V?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return x(V.reward,e)},[V?.reward]),pe=ee(),X=B?.components?.postPurchase??pe?.postPurchase,Z=E??X?.badgeText,Q=d(()=>({message:q===`referee`?Y?S(O??X?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`,Y):O??X?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:Y?S(D??X?.referrerText??`Earn {REWARD} by sharing this with your friends!`,Y):D??X?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:Y?S(k??X?.ctaText??`Share & earn {REWARD}`,Y):k??X?.ctaNoRewardText??`Share & earn`}),[q,Y,X,D,O,k]);u(()=>{q&&K.current!==q&&(!N&&(!P||I||!R)||(e(window.FrakSetup?.client,`post_purchase_impression`,{placement:C,variant:q,has_reward:!!V?.reward}),K.current=q))},[q,P,I,R,N,C,V?.reward]);let $=d(()=>{let e=ue(M);if(!e)return;let t=[];for(let n of e){let e=de(n);e&&t.push(e)}return t.length>0?t:void 0},[M]),me=s(()=>{ne(void 0,C,{link:J,products:$})},[C,J,$]);return!N&&(!P||I)||!N&&(!V||!q)||!q?null:h(F,{className:[re,w].filter(Boolean).join(` `),padding:`m`,children:h(z,{space:`xl`,alignY:`center`,children:[h(L,{children:h(U,{space:`xs`,children:[Z&&h(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:Z}),h(`p`,{class:ce,children:Q.message}),h(F,{as:`button`,type:`button`,className:`${ie} button`,disabled:!N&&!R,onClick:N?void 0:()=>{q&&(e(window.FrakSetup?.client,`post_purchase_clicked`,{placement:C,variant:q}),me())},children:[Q.cta,h(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${se} 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(L,{width:`content`,children:h(U,{space:`xs`,align:`right`,children:[h(y,{className:oe,width:80,height:80}),h(v,{className:ae,width:14,height:14})]})})]})})}c(G,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`,`products`,`preview`,`previewVariant`],{shadow:!1});export{G as PostPurchase};
package/cdn/components.js CHANGED
@@ -1 +1 @@
1
- import(`https://cdn.jsdelivr.net/npm/@frak-labs/components@beta/cdn/loader.js?v=1777396487239`);
1
+ import(`https://cdn.jsdelivr.net/npm/@frak-labs/components@beta/cdn/loader.js?v=1777404178994`);
package/cdn/loader.js CHANGED
@@ -11,4 +11,4 @@ var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],en
11
11
  Last Response: ${t.lastResponse}
12
12
  Client Status: ${t.clientStatus}
13
13
  Error: ${t.error}
14
- `.trim()}};const Pn=(()=>{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 Fn(e){e?localStorage.setItem(J,e):localStorage.removeItem(J)}function In(e,t){try{let n=new URL(e);if(!n.searchParams.has(`u`))return e;let r=zn(window.location.href,t);return n.searchParams.delete(`u`),n.searchParams.append(`u`,r),n.toString()}catch{return e}}function Ln(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 Rn(e){return e.includes(`/common/social`)}function zn(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 Bn(e,t,n,r,i){if(i){let e=In(t,r);window.open(e,`_blank`);return}if(vn(t)){let i=In(t,r);_n(i,{onFallback:()=>{e.contentWindow?.postMessage({clientLifecycle:`deep-link-failed`,data:{originalUrl:i}},n)}})}else if(Pn&&Rn(t))Ln(r);else{let e=In(t,r);window.location.href=e}}function Vn({iframe:e,targetOrigin:t}){let n=new O;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`:Fn(a.backup);break;case`remove-backup`:localStorage.removeItem(J);break;case`show`:case`hide`:Cn({iframe:e,isVisible:i===`show`});break;case`redirect`:Bn(e,a.baseRedirectUrl,t,a.mergeToken,a.openInNewTab);break}},isConnected:n.promise}}function Hn({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:``);K.setCacheScope(a,i),K.reset();let o=K.isCacheFresh?void 0:K.resolve(e.domain,e.walletUrl,i),s=Vn({iframe:t,targetOrigin:n}),c=new O,l=Date.now(),u=new Nn(e,t);if(!t.contentWindow)throw new D(it.configError,`The iframe does not have a content window`);let d=at({emittingTransport:t.contentWindow,listeningTransport:window,targetOrigin:n,middleware:[{async onRequest(e,t){if(!await s.isConnected)throw new D(it.clientNotConnected,`The iframe provider isn't connected yet`);return await c.promise,t}},{onRequest(e,t){return u.setLastRequest(e),t},onResponse(e,t){return u.setLastResponse(e,t),t}}],lifecycleHandlers:{iframeLifecycle:(e,t)=>{s.handleEvent(e)}}}),f=Un(d,s),p=async()=>{f(),d.cleanup(),t.remove(),Ct(),K.clearCache(),K.reset()},m;{console.log(`[Frak SDK] Initializing OpenPanel`),m=new fn({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:`1.0.2`,userAnonymousClientId:k()}),!0)}),m.setGlobalProperties({sdkVersion:`1.0.2`,userAnonymousClientId:k()}),m.init(),m.track(`sdk_initialized`,{sdkVersion:`1.0.2`});let e=!1,t=setTimeout(()=>{e||(e=!0,m?.track(`sdk_iframe_handshake_failed`,{reason:`timeout`}))},3e4);s.isConnected.then(()=>{e||(e=!0,clearTimeout(t),m?.track(`sdk_iframe_connected`,{handshake_duration_ms:Date.now()-l}))}).catch(()=>{e||(e=!0,clearTimeout(t),m?.track(`sdk_iframe_handshake_failed`,{reason:`unknown`}))})}let h=Wn({config:e,rpcClient:d,lifecycleManager:s,configPromise:o,contextSent:c,openPanel:m}).then(()=>u.updateSetupStatus(!0)).catch(e=>{throw c.reject(e),e});return{config:e,debugInfo:u,waitForConnection:s.isConnected,waitForSetup:h,request:d.request,listenerRequest:d.listen,destroy:p,openPanel:m}}function Un(e,t){let n,r,i=()=>e.sendLifecycle({clientLifecycle:`heartbeat`});async function a(){i(),n=setInterval(i,250),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 Wn({config:e,rpcClient:t,lifecycleManager:n,configPromise:r,contextSent:i,openPanel:a}){await n.isConnected,Mn(t,n.isConnected);let o=new URL(window.location.href),s=o.searchParams.get(`fmt`)??void 0;s&&(o.searchParams.delete(`fmt`),window.history.replaceState({},``,o.toString()));let c=t=>{let n=t?.merchantId??e.metadata.merchantId??``,r=t?.domain??``,i=t?.allowedDomains??[],a=t?.sdkConfig,o=a?.attribution||e.attribution?{...e.attribution,...a?.attribution}:void 0;K.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,attribution:o}:{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,attribution:o})},l=!1,u=e=>{let n=l?void 0:s;l=!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,attribution:e.attribution}:e.attribution?{attribution:e.attribution}:void 0,i=k();if(a){let t=a.global??{};a.setGlobalProperties({...t,merchantId:e.merchantId,domain:e.domain??``})}t.sendLifecycle({clientLifecycle:`resolved-config`,data:{merchantId:e.merchantId,domain:e.domain??``,allowedDomains:e.allowedDomains??[],sourceUrl:window.location.href,...i&&{sdkAnonymousId:i},...n&&{pendingMergeToken:n},...r&&{sdkConfig:r}}})};K.isResolved&&(u(K.getConfig()),i.resolve()),r&&(c(await r),u(K.getConfig()),i.resolve());async function d(){let n=e.customizations?.css;n&&t.sendLifecycle({clientLifecycle:`modal-css`,data:{cssLink:n}})}async function f(){let n=e.customizations?.i18n;n&&t.sendLifecycle({clientLifecycle:`modal-i18n`,data:{i18n:n}})}async function p(){if(typeof window>`u`)return;let e=window.localStorage.getItem(J);e&&t.sendLifecycle({clientLifecycle:`restore-backup`,data:{backup:e}})}(await Promise.allSettled([d(),f(),p()])).some(e=>e.status===`rejected`)&&a?.track(`sdk_iframe_handshake_failed`,{reason:`asset_push`})}async function Gn({config:e}){let t=Kn(e),n=await Sn({config:t});if(!n){console.error(`Failed to create iframe`);return}let r=Hn({config:t,iframe:n});if(await r.waitForSetup,!await r.waitForConnection){console.error(`Failed to connect to client`);return}return r}function Kn(e){let t=X(e.metadata?.currency);return{...e,metadata:{...e.metadata,currency:t}}}var qn=t({DEEP_LINK_SCHEME:()=>mn,DebugInfoGatherer:()=>Nn,FrakContextManager:()=>Bt,base64urlDecode:()=>j,base64urlEncode:()=>A,baseIframeProps:()=>Z,clearAllCache:()=>Ct,compressJsonToB64:()=>dt,computeLegacyProductId:()=>ut,createIFrameFrakClient:()=>Hn,createIframe:()=>Sn,decompressJsonFromB64:()=>pn,findIframeInOpener:()=>wn,formatAmount:()=>bn,generateSsoUrl:()=>ft,getBackendUrl:()=>N,getCache:()=>St,getClientId:()=>k,getCurrencyAmountKey:()=>xn,getSupportedCurrency:()=>X,getSupportedLocale:()=>yn,isChromiumAndroid:()=>hn,isFrakDeepLink:()=>vn,isIOS:()=>Dn,isInAppBrowser:()=>kn,isV1Context:()=>wt,isV2Context:()=>R,locales:()=>Y,mergeAttribution:()=>jn,redirectToExternalBrowser:()=>An,sdkConfigStore:()=>K,setupClient:()=>Gn,ssoPopupFeatures:()=>mt,ssoPopupName:()=>ht,toAndroidIntentUrl:()=>gn,trackEvent:()=>M,triggerDeepLinkWithFallback:()=>_n,withCache:()=>L});function Jn(){return rt(96)}async function Yn(e,t,n){return await e.request({method:`frak_displayEmbeddedWallet`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Q(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 Xn(e,t,n){return await e.request({method:`frak_displaySharingPage`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Zn(e){if(typeof window>`u`)return;let t=k();if(!t)return;let n=await K.resolveMerchantId();if(!n)return;let r=`frak-identity-ensured-${n}`;if(!window.sessionStorage.getItem(r))try{let i=N();(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 Qn(e,t){return L(()=>e.request({method:`frak_getMerchantInformation`}),{cacheKey:`frak_getMerchantInformation`,cacheTime:t?.cacheTime})}async function $n(e,t){return L(()=>e.request({method:`frak_getMergeToken`}),{cacheKey:`frak_getMergeToken`,cacheTime:t?.cacheTime})}async function er(e,t){return L(()=>e.request({method:`frak_getUserReferralStatus`}),{cacheKey:`frak_getUserReferralStatus`,cacheTime:t?.cacheTime})}async function tr(e,t){let{metadata:n,customizations:r}=e.config;return await e.request({method:`frak_prepareSso`,params:[t,n.name,r?.css]})}async function nr(e,t){try{await e.request({method:`frak_sendInteraction`,params:[t,{clientId:k()}]})}catch{console.warn(`[Frak SDK] Failed to send interaction:`,t.type)}}function rr(e,t,n){return R(t)?(M(e,`user_referred_started`,{referrerClientId:t.c,referrerWallet:t.w,walletStatus:n?.key}),nr(e,{type:`arrival`,referrerClientId:t.c,referrerMerchantId:t.m,referrerWallet:t.w,referralTimestamp:t.t}),!0):wt(t)?(M(e,`user_referred_started`,{referrer:t.r,walletStatus:n?.key}),nr(e,{type:`arrival`,referrerWallet:t.r}),!0):!1}function ir(e,t){let n=k();return!n&&!t?null:{v:2,m:e,t:Math.floor(Date.now()/1e3),...n?{c:n}:{},...t?{w:t}:{}}}function ar(e,t){return R(e)?e.w&&t?.wallet?nt(e.w,t.wallet):e.c?k()===e.c:!1:wt(e)&&t?.wallet?nt(e.r,t.wallet):!1}function or(e,{walletStatus:t,frakContext:n,options:r}){if(!n)return`no-referrer`;if(ar(n,t))return`self-referral`;if(!rr(e,n,t))return`no-referrer`;let i=R(n)?n.m:r?.merchantId,a=r?.alwaysAppendUrl&&i?ir(i,t?.wallet):null;return Bt.replaceUrl({url:window.location?.href,context:a}),M(e,`user_referred_completed`,{status:`success`}),`success`}async function sr(e,{options:t}={}){let n=Bt.parse({url:window.location.href}),r=await dr(e);try{return or(e,{walletStatus:r,frakContext:n,options:t})}catch(e){console.warn(`Error processing referral`,{error:e})}}const cr=`frak:referral-success`;async function lr(e){try{await sr(e)===`success`&&window.dispatchEvent(new Event(cr))}catch(e){console.warn(`[Frak] Referral setup failed`,e)}}async function ur(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=k();if(!t&&!n){console.warn(`[Frak] No identity found, skipping purchase check`);return}let r=e.merchantId??await K.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=N();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 dr(e,t){if(!t)return e.request({method:`frak_listenToWalletStatus`}).then(t=>(fr(e,t),t));let n=new O,r=!1;return e.listenerRequest({method:`frak_listenToWalletStatus`},i=>{fr(e,i),t(i),r||=(n.resolve(i),!0)}),n.promise}function fr(e,t){typeof window>`u`||(e.openPanel?.setGlobalProperties({wallet:t.wallet??null}),t.interactionToken?(window.sessionStorage.setItem(`frak-wallet-interaction-token`,t.interactionToken),Zn(t.interactionToken)):window.sessionStorage.removeItem(`frak-wallet-interaction-token`))}function pr(e,{metadata:t,login:n}){return $(e,{steps:{login:n??{}},metadata:t})}function $(e,t){function n(n){return $(e,{...t,steps:{...t.steps,sendTransaction:n}})}function r(n){return $(e,{...t,steps:{...t.steps,final:{...n,action:{key:`reward`}}}})}function i(n,r){return $(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 Q(e,t,r)}return{params:t,sendTx:n,reward:r,sharing:i,display:a}}async function mr(e,{tx:t,metadata:n}){return(await Q(e,{metadata:n,steps:{login:{},sendTransaction:{tx:t}}})).sendTransaction}async function hr(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 Q(e,{metadata:n,steps:{login:{},siweAuthenticate:{siwe:{...t,statement:i,nonce:t?.nonce??Jn(),uri:t?.uri??`https://${r}`,version:t?.version??`1`,domain:r}}}})).siweAuthenticate}var gr=t({REFERRAL_SUCCESS_EVENT:()=>cr,displayEmbeddedWallet:()=>Yn,displayModal:()=>Q,displaySharingPage:()=>Xn,ensureIdentity:()=>Zn,getMerchantInformation:()=>Qn,getMergeToken:()=>$n,getUserReferralStatus:()=>er,modalBuilder:()=>pr,openSso:()=>gt,prepareSso:()=>tr,processReferral:()=>or,referralInteraction:()=>sr,sendInteraction:()=>nr,sendTransaction:()=>mr,setupReferral:()=>lr,siweAuthenticate:()=>hr,trackPurchaseStatus:()=>ur,watchWalletStatus:()=>dr});async function _r(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}let n=window.FrakSetup?.modalWalletConfig??{};await Yn(window.FrakSetup.client,e?{...n,metadata:{...n.metadata,targetInteraction:e}}:n,t)}function vr(){`vibrate`in navigator?navigator.vibrate(10):console.log(`Vibration not supported`)}function yr(e,t){vr(),_r(e,t)}const br=`frak:client`;function xr(){let e=new CustomEvent(br);window.dispatchEvent(e)}function Sr(e,t){if(window.FrakSetup?.client&&e===`add`){t();return}(e===`add`?window.addEventListener:window.removeEventListener)(br,t,!1)}function Cr(){return window.FrakSetup.core={...qn,...gr},window.FrakSetup?.client?Promise.resolve():L(()=>wr(),{cacheKey:`frak-sdk-init`,cacheTime:1/0}).catch(e=>{M(window.FrakSetup?.client,`sdk_init_failed`,{reason:e instanceof Error?e.message:typeof e==`string`?e:`unknown`,config_missing:!window.FrakSetup?.config})})}async function wr(){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 Gn({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`),xr(),lr(e),Tr()}function Tr(){let e=new URLSearchParams(window.location.search).get(`frakAction`);e&&e===`share`&&(console.log(`[Frak SDK] Auto open query param found`),yr())}function Er(e){document.readyState===`complete`||document.readyState===`interactive`?setTimeout(e,1):document.addEventListener(`DOMContentLoaded`,e)}function Dr(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 Or(e,t){Dr(`frak-base-${e}`,t)}function kr(e,t,n){Dr(`frak-placement-${e}-${t}`,n)}const Ar={injectBase:Or,injectPlacement:kr};Ar.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; }`),Er(Cr);const jr={"button-share":()=>import(`./ButtonShare.CMAEVXOn.js`),"button-wallet":()=>import(`./ButtonWallet.Cwz9qFhE.js`),"open-in-app":()=>import(`./OpenInAppButton.Hq9EjwJE.js`),"post-purchase":()=>import(`./PostPurchase.8x_X3q7E.js`),banner:()=>import(`./Banner.1iUbfe7Z.js`)},Mr=new MutationObserver(e=>{for(let{addedNodes:t}of e)for(let e of Array.from(t))e.nodeType===Node.ELEMENT_NODE&&Nr(e)});async function Nr(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=>Pr(e)))}async function Pr(e){if(customElements.get(e))return Promise.resolve();try{let t=e.replace(/^frak-/i,``);if(!(t in jr))throw Error(`Component ${e} is not supported.`);await jr[t]()}catch(e){console.error(e)}}Nr(document.body),Mr.observe(document.documentElement,{subtree:!0,childList:!0});export{M as C,K as S,D as T,_n as _,yr as a,bn as b,ur as c,$n as d,Qn as f,xn as g,An as h,Sr as i,cr as l,Nn as m,Er as n,_r as o,Xn as p,Cr as r,pr as s,Ar as t,er as u,kn as v,it as w,X as x,mn as y};
14
+ `.trim()}};const Pn=(()=>{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 Fn(e){e?localStorage.setItem(J,e):localStorage.removeItem(J)}function In(e,t){try{let n=new URL(e);if(!n.searchParams.has(`u`))return e;let r=zn(window.location.href,t);return n.searchParams.delete(`u`),n.searchParams.append(`u`,r),n.toString()}catch{return e}}function Ln(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 Rn(e){return e.includes(`/common/social`)}function zn(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 Bn(e,t,n,r,i){if(i){let e=In(t,r);window.open(e,`_blank`);return}if(vn(t)){let i=In(t,r);_n(i,{onFallback:()=>{e.contentWindow?.postMessage({clientLifecycle:`deep-link-failed`,data:{originalUrl:i}},n)}})}else if(Pn&&Rn(t))Ln(r);else{let e=In(t,r);window.location.href=e}}function Vn({iframe:e,targetOrigin:t}){let n=new O;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`:Fn(a.backup);break;case`remove-backup`:localStorage.removeItem(J);break;case`show`:case`hide`:Cn({iframe:e,isVisible:i===`show`});break;case`redirect`:Bn(e,a.baseRedirectUrl,t,a.mergeToken,a.openInNewTab);break}},isConnected:n.promise}}function Hn({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:``);K.setCacheScope(a,i),K.reset();let o=K.isCacheFresh?void 0:K.resolve(e.domain,e.walletUrl,i),s=Vn({iframe:t,targetOrigin:n}),c=new O,l=Date.now(),u=new Nn(e,t);if(!t.contentWindow)throw new D(it.configError,`The iframe does not have a content window`);let d=at({emittingTransport:t.contentWindow,listeningTransport:window,targetOrigin:n,middleware:[{async onRequest(e,t){if(!await s.isConnected)throw new D(it.clientNotConnected,`The iframe provider isn't connected yet`);return await c.promise,t}},{onRequest(e,t){return u.setLastRequest(e),t},onResponse(e,t){return u.setLastResponse(e,t),t}}],lifecycleHandlers:{iframeLifecycle:(e,t)=>{s.handleEvent(e)}}}),f=Un(d,s),p=async()=>{f(),d.cleanup(),t.remove(),Ct(),K.clearCache(),K.reset()},m;{console.log(`[Frak SDK] Initializing OpenPanel`),m=new fn({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:`1.0.2`,userAnonymousClientId:k()}),!0)}),m.setGlobalProperties({sdkVersion:`1.0.2`,userAnonymousClientId:k()}),m.init(),m.track(`sdk_initialized`,{sdkVersion:`1.0.2`});let e=!1,t=setTimeout(()=>{e||(e=!0,m?.track(`sdk_iframe_handshake_failed`,{reason:`timeout`}))},3e4);s.isConnected.then(()=>{e||(e=!0,clearTimeout(t),m?.track(`sdk_iframe_connected`,{handshake_duration_ms:Date.now()-l}))}).catch(()=>{e||(e=!0,clearTimeout(t),m?.track(`sdk_iframe_handshake_failed`,{reason:`unknown`}))})}let h=Wn({config:e,rpcClient:d,lifecycleManager:s,configPromise:o,contextSent:c,openPanel:m}).then(()=>u.updateSetupStatus(!0)).catch(e=>{throw c.reject(e),e});return{config:e,debugInfo:u,waitForConnection:s.isConnected,waitForSetup:h,request:d.request,listenerRequest:d.listen,destroy:p,openPanel:m}}function Un(e,t){let n,r,i=()=>e.sendLifecycle({clientLifecycle:`heartbeat`});async function a(){i(),n=setInterval(i,250),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 Wn({config:e,rpcClient:t,lifecycleManager:n,configPromise:r,contextSent:i,openPanel:a}){await n.isConnected,Mn(t,n.isConnected);let o=new URL(window.location.href),s=o.searchParams.get(`fmt`)??void 0;s&&(o.searchParams.delete(`fmt`),window.history.replaceState({},``,o.toString()));let c=t=>{let n=t?.merchantId??e.metadata.merchantId??``,r=t?.domain??``,i=t?.allowedDomains??[],a=t?.sdkConfig,o=a?.attribution||e.attribution?{...e.attribution,...a?.attribution}:void 0;K.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,attribution:o}:{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,attribution:o})},l=!1,u=e=>{let n=l?void 0:s;l=!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,attribution:e.attribution}:e.attribution?{attribution:e.attribution}:void 0,i=k();if(a){let t=a.global??{};a.setGlobalProperties({...t,merchantId:e.merchantId,domain:e.domain??``})}t.sendLifecycle({clientLifecycle:`resolved-config`,data:{merchantId:e.merchantId,domain:e.domain??``,allowedDomains:e.allowedDomains??[],sourceUrl:window.location.href,...i&&{sdkAnonymousId:i},...n&&{pendingMergeToken:n},...r&&{sdkConfig:r}}})};K.isResolved&&(u(K.getConfig()),i.resolve()),r&&(c(await r),u(K.getConfig()),i.resolve());async function d(){let n=e.customizations?.css;n&&t.sendLifecycle({clientLifecycle:`modal-css`,data:{cssLink:n}})}async function f(){let n=e.customizations?.i18n;n&&t.sendLifecycle({clientLifecycle:`modal-i18n`,data:{i18n:n}})}async function p(){if(typeof window>`u`)return;let e=window.localStorage.getItem(J);e&&t.sendLifecycle({clientLifecycle:`restore-backup`,data:{backup:e}})}(await Promise.allSettled([d(),f(),p()])).some(e=>e.status===`rejected`)&&a?.track(`sdk_iframe_handshake_failed`,{reason:`asset_push`})}async function Gn({config:e}){let t=Kn(e),n=await Sn({config:t});if(!n){console.error(`Failed to create iframe`);return}let r=Hn({config:t,iframe:n});if(await r.waitForSetup,!await r.waitForConnection){console.error(`Failed to connect to client`);return}return r}function Kn(e){let t=X(e.metadata?.currency);return{...e,metadata:{...e.metadata,currency:t}}}var qn=t({DEEP_LINK_SCHEME:()=>mn,DebugInfoGatherer:()=>Nn,FrakContextManager:()=>Bt,base64urlDecode:()=>j,base64urlEncode:()=>A,baseIframeProps:()=>Z,clearAllCache:()=>Ct,compressJsonToB64:()=>dt,computeLegacyProductId:()=>ut,createIFrameFrakClient:()=>Hn,createIframe:()=>Sn,decompressJsonFromB64:()=>pn,findIframeInOpener:()=>wn,formatAmount:()=>bn,generateSsoUrl:()=>ft,getBackendUrl:()=>N,getCache:()=>St,getClientId:()=>k,getCurrencyAmountKey:()=>xn,getSupportedCurrency:()=>X,getSupportedLocale:()=>yn,isChromiumAndroid:()=>hn,isFrakDeepLink:()=>vn,isIOS:()=>Dn,isInAppBrowser:()=>kn,isV1Context:()=>wt,isV2Context:()=>R,locales:()=>Y,mergeAttribution:()=>jn,redirectToExternalBrowser:()=>An,sdkConfigStore:()=>K,setupClient:()=>Gn,ssoPopupFeatures:()=>mt,ssoPopupName:()=>ht,toAndroidIntentUrl:()=>gn,trackEvent:()=>M,triggerDeepLinkWithFallback:()=>_n,withCache:()=>L});function Jn(){return rt(96)}async function Yn(e,t,n){return await e.request({method:`frak_displayEmbeddedWallet`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Q(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 Xn(e,t,n){return await e.request({method:`frak_displaySharingPage`,params:n?[t,e.config.metadata,n]:[t,e.config.metadata]})}async function Zn(e){if(typeof window>`u`)return;let t=k();if(!t)return;let n=await K.resolveMerchantId();if(!n)return;let r=`frak-identity-ensured-${n}`;if(!window.sessionStorage.getItem(r))try{let i=N();(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 Qn(e,t){return L(()=>e.request({method:`frak_getMerchantInformation`}),{cacheKey:`frak_getMerchantInformation`,cacheTime:t?.cacheTime})}async function $n(e,t){return L(()=>e.request({method:`frak_getMergeToken`}),{cacheKey:`frak_getMergeToken`,cacheTime:t?.cacheTime})}async function er(e,t){return L(()=>e.request({method:`frak_getUserReferralStatus`}),{cacheKey:`frak_getUserReferralStatus`,cacheTime:t?.cacheTime})}async function tr(e,t){let{metadata:n,customizations:r}=e.config;return await e.request({method:`frak_prepareSso`,params:[t,n.name,r?.css]})}async function nr(e,t){try{await e.request({method:`frak_sendInteraction`,params:[t,{clientId:k()}]})}catch{console.warn(`[Frak SDK] Failed to send interaction:`,t.type)}}function rr(e,t,n){return R(t)?(M(e,`user_referred_started`,{referrerClientId:t.c,referrerWallet:t.w,walletStatus:n?.key}),nr(e,{type:`arrival`,referrerClientId:t.c,referrerMerchantId:t.m,referrerWallet:t.w,referralTimestamp:t.t}),!0):wt(t)?(M(e,`user_referred_started`,{referrer:t.r,walletStatus:n?.key}),nr(e,{type:`arrival`,referrerWallet:t.r}),!0):!1}function ir(e,t){let n=k();return!n&&!t?null:{v:2,m:e,t:Math.floor(Date.now()/1e3),...n?{c:n}:{},...t?{w:t}:{}}}function ar(e,t){return R(e)?e.w&&t?.wallet?nt(e.w,t.wallet):e.c?k()===e.c:!1:wt(e)&&t?.wallet?nt(e.r,t.wallet):!1}function or(e,{walletStatus:t,frakContext:n,options:r}){if(!n)return`no-referrer`;if(ar(n,t))return`self-referral`;if(!rr(e,n,t))return`no-referrer`;let i=R(n)?n.m:r?.merchantId,a=r?.alwaysAppendUrl&&i?ir(i,t?.wallet):null;return Bt.replaceUrl({url:window.location?.href,context:a}),M(e,`user_referred_completed`,{status:`success`}),`success`}async function sr(e,{options:t}={}){let n=Bt.parse({url:window.location.href}),r=await dr(e);try{return or(e,{walletStatus:r,frakContext:n,options:t})}catch(e){console.warn(`Error processing referral`,{error:e})}}const cr=`frak:referral-success`;async function lr(e){try{await sr(e)===`success`&&window.dispatchEvent(new Event(cr))}catch(e){console.warn(`[Frak] Referral setup failed`,e)}}async function ur(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=k();if(!t&&!n){console.warn(`[Frak] No identity found, skipping purchase check`);return}let r=e.merchantId??await K.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=N();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 dr(e,t){if(!t)return e.request({method:`frak_listenToWalletStatus`}).then(t=>(fr(e,t),t));let n=new O,r=!1;return e.listenerRequest({method:`frak_listenToWalletStatus`},i=>{fr(e,i),t(i),r||=(n.resolve(i),!0)}),n.promise}function fr(e,t){typeof window>`u`||(e.openPanel?.setGlobalProperties({wallet:t.wallet??null}),t.interactionToken?(window.sessionStorage.setItem(`frak-wallet-interaction-token`,t.interactionToken),Zn(t.interactionToken)):window.sessionStorage.removeItem(`frak-wallet-interaction-token`))}function pr(e,{metadata:t,login:n}){return $(e,{steps:{login:n??{}},metadata:t})}function $(e,t){function n(n){return $(e,{...t,steps:{...t.steps,sendTransaction:n}})}function r(n){return $(e,{...t,steps:{...t.steps,final:{...n,action:{key:`reward`}}}})}function i(n,r){return $(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 Q(e,t,r)}return{params:t,sendTx:n,reward:r,sharing:i,display:a}}async function mr(e,{tx:t,metadata:n}){return(await Q(e,{metadata:n,steps:{login:{},sendTransaction:{tx:t}}})).sendTransaction}async function hr(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 Q(e,{metadata:n,steps:{login:{},siweAuthenticate:{siwe:{...t,statement:i,nonce:t?.nonce??Jn(),uri:t?.uri??`https://${r}`,version:t?.version??`1`,domain:r}}}})).siweAuthenticate}var gr=t({REFERRAL_SUCCESS_EVENT:()=>cr,displayEmbeddedWallet:()=>Yn,displayModal:()=>Q,displaySharingPage:()=>Xn,ensureIdentity:()=>Zn,getMerchantInformation:()=>Qn,getMergeToken:()=>$n,getUserReferralStatus:()=>er,modalBuilder:()=>pr,openSso:()=>gt,prepareSso:()=>tr,processReferral:()=>or,referralInteraction:()=>sr,sendInteraction:()=>nr,sendTransaction:()=>mr,setupReferral:()=>lr,siweAuthenticate:()=>hr,trackPurchaseStatus:()=>ur,watchWalletStatus:()=>dr});async function _r(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}let n=window.FrakSetup?.modalWalletConfig??{};await Yn(window.FrakSetup.client,e?{...n,metadata:{...n.metadata,targetInteraction:e}}:n,t)}function vr(){`vibrate`in navigator?navigator.vibrate(10):console.log(`Vibration not supported`)}function yr(e,t){vr(),_r(e,t)}const br=`frak:client`;function xr(){let e=new CustomEvent(br);window.dispatchEvent(e)}function Sr(e,t){if(window.FrakSetup?.client&&e===`add`){t();return}(e===`add`?window.addEventListener:window.removeEventListener)(br,t,!1)}function Cr(){return window.FrakSetup.core={...qn,...gr},window.FrakSetup?.client?Promise.resolve():L(()=>wr(),{cacheKey:`frak-sdk-init`,cacheTime:1/0}).catch(e=>{M(window.FrakSetup?.client,`sdk_init_failed`,{reason:e instanceof Error?e.message:typeof e==`string`?e:`unknown`,config_missing:!window.FrakSetup?.config})})}async function wr(){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 Gn({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`),xr(),lr(e),Tr()}function Tr(){let e=new URLSearchParams(window.location.search).get(`frakAction`);e&&e===`share`&&(console.log(`[Frak SDK] Auto open query param found`),yr())}function Er(e){document.readyState===`complete`||document.readyState===`interactive`?setTimeout(e,1):document.addEventListener(`DOMContentLoaded`,e)}function Dr(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 Or(e,t){Dr(`frak-base-${e}`,t)}function kr(e,t,n){Dr(`frak-placement-${e}-${t}`,n)}const Ar={injectBase:Or,injectPlacement:kr};Ar.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; }`),Er(Cr);const jr={"button-share":()=>import(`./ButtonShare.DbUZUx82.js`),"button-wallet":()=>import(`./ButtonWallet.Cwz9qFhE.js`),"open-in-app":()=>import(`./OpenInAppButton.Hq9EjwJE.js`),"post-purchase":()=>import(`./PostPurchase.D02OVBsL.js`),banner:()=>import(`./Banner.1iUbfe7Z.js`)},Mr=new MutationObserver(e=>{for(let{addedNodes:t}of e)for(let e of Array.from(t))e.nodeType===Node.ELEMENT_NODE&&Nr(e)});async function Nr(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=>Pr(e)))}async function Pr(e){if(customElements.get(e))return Promise.resolve();try{let t=e.replace(/^frak-/i,``);if(!(t in jr))throw Error(`Component ${e} is not supported.`);await jr[t]()}catch(e){console.error(e)}}Nr(document.body),Mr.observe(document.documentElement,{subtree:!0,childList:!0});export{M as C,K as S,D as T,_n as _,yr as a,bn as b,ur as c,$n as d,Qn as f,xn as g,An as h,Sr as i,cr as l,Nn as m,Er as n,_r as o,Xn as p,Cr as r,pr as s,Ar as t,er as u,kn as v,it as w,X as x,mn as y};
package/cdn/sharingPage.DX1H39Pz.js ADDED
@@ -0,0 +1 @@
1
+ import{p as e}from"./loader.js";async function t(t,n,r){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}await e(window.FrakSetup.client,{...r?.link&&{link:r.link},...r?.products&&r.products.length>0&&{products:r.products},metadata:{...t&&{targetInteraction:t}}},n)}export{t};
package/dist/buttonShare.js CHANGED
@@ -3,20 +3,12 @@ import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
3
3
  import { t as useLightDomStyles } from "./useLightDomStyles-C3lcOwY2.js";
4
4
  import { t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
5
5
  import { t as useReward } from "./useReward-DU3_yP8Q.js";
6
- import { t as useShareModal } from "./useShareModal-BEVkLrBP.js";
7
- import { trackEvent } from "@frak-labs/core-sdk";
8
- import { displaySharingPage } from "@frak-labs/core-sdk/actions";
6
+ import { t as openSharingPage } from "./sharingPage-BHH1xQ_w.js";
7
+ import { DebugInfoGatherer, trackEvent } from "@frak-labs/core-sdk";
8
+ import { modalBuilder } from "@frak-labs/core-sdk/actions";
9
9
  import { useCallback, useMemo, useState } from "preact/hooks";
10
10
  import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
11
- //#region src/utils/sharingPage.ts
12
- async function openSharingPage(targetInteraction, placement) {
13
- if (!window.FrakSetup?.client) {
14
- console.error("Frak client not found");
15
- return;
16
- }
17
- await displaySharingPage(window.FrakSetup.client, { metadata: { ...targetInteraction && { targetInteraction } } }, placement);
18
- }
19
- //#endregion
11
+ import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
20
12
  //#region src/hooks/useCopyToClipboard.ts
21
13
  function useCopyToClipboard(options = {}) {
22
14
  const { successDuration = 2e3 } = options;
@@ -171,6 +163,55 @@ function ErrorMessage({ debugInfo }) {
171
163
  });
172
164
  }
173
165
  //#endregion
166
+ //#region src/components/ButtonShare/hooks/useShareModal.ts
167
+ /**
168
+ * Open the share modal
169
+ *
170
+ * @description
171
+ * This function will open the share modal, lazily creating a modal builder on demand.
172
+ */
173
+ function useShareModal(targetInteraction, placement, sharingLink) {
174
+ const [debugInfo, setDebugInfo] = useState(void 0);
175
+ const [isError, setIsError] = useState(false);
176
+ return {
177
+ handleShare: useCallback(async () => {
178
+ if (!window.FrakSetup?.client) {
179
+ console.error("Frak client not found");
180
+ setDebugInfo(DebugInfoGatherer.empty().formatDebugInfo("Frak client not found"));
181
+ setIsError(true);
182
+ return;
183
+ }
184
+ const builder = modalBuilder(window.FrakSetup.client, {});
185
+ try {
186
+ await builder.sharing(sharingLink ? { link: sharingLink } : {}).display((metadata) => ({
187
+ ...metadata,
188
+ targetInteraction
189
+ }), placement);
190
+ } catch (e) {
191
+ if (e instanceof FrakRpcError && e.code === RpcErrorCodes.clientAborted) {
192
+ console.debug("User aborted the modal");
193
+ return;
194
+ }
195
+ const debugInfo = window.FrakSetup.client.debugInfo.formatDebugInfo(e);
196
+ trackEvent(window.FrakSetup.client, "share_modal_error", {
197
+ placement,
198
+ target_interaction: targetInteraction,
199
+ error: e instanceof Object && "message" in e ? e.message : "Unknown error"
200
+ });
201
+ setDebugInfo(debugInfo);
202
+ setIsError(true);
203
+ console.error("Error while opening the modal", e);
204
+ }
205
+ }, [
206
+ targetInteraction,
207
+ placement,
208
+ sharingLink
209
+ ]),
210
+ isError,
211
+ debugInfo
212
+ };
213
+ }
214
+ //#endregion
174
215
  //#region src/components/ButtonShare/ButtonShare.tsx
175
216
  /**
176
217
  * Button to share the current page
package/dist/postPurchase.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { SharingPageProduct } from "@frak-labs/core-sdk";
1
2
  import * as _$preact from "preact";
2
3
 
3
4
  //#region src/components/PostPurchase/types.d.ts
@@ -61,6 +62,20 @@ type PostPurchaseProps = {
61
62
  * Use `{REWARD}` as placeholder for the reward amount.
62
63
  */
63
64
  ctaText?: string;
65
+ /**
66
+ * Optional product cards forwarded to the sharing page when the user
67
+ * clicks the CTA. Accepts either a real {@link SharingPageProduct}
68
+ * array (when set imperatively via the JS property,
69
+ * `el.products = [...]`) or a JSON-stringified array (when set as an
70
+ * HTML attribute, `<frak-post-purchase products='[...]'>`). The HTML
71
+ * attribute path is required for server-rendered surfaces — e.g.
72
+ * WooCommerce / Magento plugins — because `preact-custom-element`
73
+ * delivers attribute values as raw strings.
74
+ *
75
+ * Empty arrays / unparseable strings are treated as "no products" so
76
+ * the sharing page renders without the product card section.
77
+ */
78
+ products?: SharingPageProduct[] | string;
64
79
  /**
65
80
  * When set, renders the card in preview mode (e.g. Shopify/WP editor).
66
81
  * Bypasses the client-ready / RPC gates that normally hide the card
@@ -118,7 +133,8 @@ declare function PostPurchase({
118
133
  refereeText: propRefereeText,
119
134
  ctaText: propCtaText,
120
135
  preview,
121
- previewVariant
136
+ previewVariant,
137
+ products
122
138
  }: PostPurchaseProps): _$preact.JSX.Element | null;
123
139
  //#endregion
124
140
  //#region src/components/PostPurchase/index.d.ts
package/dist/postPurchase.js CHANGED
@@ -2,11 +2,11 @@ import { a as registerWebComponent, i as useClientReady, t as usePlacement } fro
2
2
  import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
3
3
  import { t as useLightDomStyles } from "./useLightDomStyles-C3lcOwY2.js";
4
4
  import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
5
- import { t as useShareModal } from "./useShareModal-BEVkLrBP.js";
6
- import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
5
+ import { t as openSharingPage } from "./sharingPage-BHH1xQ_w.js";
6
+ import { c as cssSource$5, l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
7
7
  import { trackEvent } from "@frak-labs/core-sdk";
8
8
  import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
9
- import { useEffect, useMemo, useRef, useState } from "preact/hooks";
9
+ import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
10
10
  import { jsx, jsxs } from "preact/jsx-runtime";
11
11
  import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
12
12
  //#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -1394,12 +1394,73 @@ const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
1394
1394
  color: var(--surface-primary__pbq4aka);
1395
1395
  }`;
1396
1396
  var card = "PostPurchase_card__5fv5lh0";
1397
- var cta = "PostPurchase_cta__5fv5lh3";
1397
+ var cta = "PostPurchase_cta__5fv5lh3 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1";
1398
1398
  var frakLogo = "PostPurchase_frakLogo__5fv5lh6";
1399
1399
  var giftIcon = "PostPurchase_giftIcon__5fv5lh5";
1400
1400
  var icon = "PostPurchase_icon__5fv5lh4";
1401
1401
  var message = "PostPurchase_message__5fv5lh2";
1402
- const cssSource = cssSource$3 + cssSource$4 + cssSource$1;
1402
+ const cssSource = cssSource$3 + cssSource$4 + cssSource$5 + cssSource$1;
1403
+ //#endregion
1404
+ //#region src/components/PostPurchase/products.ts
1405
+ /**
1406
+ * Whether `value` is a syntactically valid URL with an `http(s):` scheme.
1407
+ *
1408
+ * Used to gate `imageUrl` / `link` fields coming from the public `products`
1409
+ * prop — the listener-side sharing-page builder calls `new URL(...)` on the
1410
+ * incoming product link, and a `javascript:` URL would be a XSS sink in any
1411
+ * consumer that binds the value to an `href`.
1412
+ */
1413
+ function isHttpUrl(value) {
1414
+ try {
1415
+ const parsed = new URL(value);
1416
+ return parsed.protocol === "http:" || parsed.protocol === "https:";
1417
+ } catch {
1418
+ return false;
1419
+ }
1420
+ }
1421
+ /**
1422
+ * Coerce a raw `products` prop value into a candidate array suitable for
1423
+ * per-item normalisation, or null when it cannot be reduced to one.
1424
+ *
1425
+ * Surfaces that set the prop via the JS property (`el.products = [...]`)
1426
+ * deliver a real array; surfaces that bind it as an HTML attribute
1427
+ * (WP / Magento server-render) deliver a JSON-stringified array. Anything
1428
+ * else (truthy non-array non-string, JSON parse failure, JSON that decodes
1429
+ * to a non-array) is treated as "no products" so the share still works
1430
+ * without the product card section.
1431
+ */
1432
+ function coerceProductCandidates(products) {
1433
+ if (!products) return null;
1434
+ if (Array.isArray(products)) return products;
1435
+ if (typeof products !== "string") return null;
1436
+ try {
1437
+ const parsed = JSON.parse(products);
1438
+ return Array.isArray(parsed) ? parsed : null;
1439
+ } catch {
1440
+ return null;
1441
+ }
1442
+ }
1443
+ /**
1444
+ * Normalise one untrusted candidate into a {@link SharingPageProduct}, or
1445
+ * return null when the candidate has no usable title.
1446
+ *
1447
+ * The `products` prop is a public API boundary (merchants can set it
1448
+ * server-side via WP/Magento or imperatively from arbitrary JS). Each entry
1449
+ * is validated structurally so a malformed `link` reaching `new URL(...)`
1450
+ * downstream would not crash the sharing-page builder, and so a
1451
+ * `javascript:` URL cannot slip through as `imageUrl` / `link`.
1452
+ */
1453
+ function normalizeProductCandidate(candidate) {
1454
+ if (!candidate || typeof candidate !== "object") return null;
1455
+ const item = candidate;
1456
+ const title = typeof item.title === "string" ? item.title.trim() : "";
1457
+ if (title === "") return null;
1458
+ const entry = { title };
1459
+ if (typeof item.imageUrl === "string" && isHttpUrl(item.imageUrl)) entry.imageUrl = item.imageUrl;
1460
+ if (typeof item.link === "string" && isHttpUrl(item.link)) entry.link = item.link;
1461
+ if (typeof item.utmContent === "string" && item.utmContent !== "") entry.utmContent = item.utmContent;
1462
+ return entry;
1463
+ }
1403
1464
  //#endregion
1404
1465
  //#region src/components/PostPurchase/PostPurchase.tsx
1405
1466
  /**
@@ -1444,7 +1505,7 @@ function resolvePostPurchaseContext(referralStatus, merchantInfo) {
1444
1505
  * ></frak-post-purchase>
1445
1506
  * ```
1446
1507
  */
1447
- function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant }) {
1508
+ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant, products }) {
1448
1509
  const isPreview = !!preview;
1449
1510
  const { shouldRender, isHidden, isClientReady } = useClientReady();
1450
1511
  const placement = usePlacement(placementId);
@@ -1531,7 +1592,26 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
1531
1592
  placementId,
1532
1593
  context?.reward
1533
1594
  ]);
1534
- const { handleShare } = useShareModal(void 0, placementId, resolvedSharingUrl);
1595
+ const parsedProducts = useMemo(() => {
1596
+ const candidates = coerceProductCandidates(products);
1597
+ if (!candidates) return void 0;
1598
+ const sanitized = [];
1599
+ for (const candidate of candidates) {
1600
+ const entry = normalizeProductCandidate(candidate);
1601
+ if (entry) sanitized.push(entry);
1602
+ }
1603
+ return sanitized.length > 0 ? sanitized : void 0;
1604
+ }, [products]);
1605
+ const handleShare = useCallback(() => {
1606
+ openSharingPage(void 0, placementId, {
1607
+ link: resolvedSharingUrl,
1608
+ products: parsedProducts
1609
+ });
1610
+ }, [
1611
+ placementId,
1612
+ resolvedSharingUrl,
1613
+ parsedProducts
1614
+ ]);
1535
1615
  if (!isPreview && (!shouldRender || isHidden)) return null;
1536
1616
  if (!isPreview && (!context || !resolvedVariant)) return null;
1537
1617
  if (!resolvedVariant) return null;
@@ -1613,6 +1693,7 @@ registerWebComponent(PostPurchase, "frak-post-purchase", [
1613
1693
  "referrerText",
1614
1694
  "refereeText",
1615
1695
  "ctaText",
1696
+ "products",
1616
1697
  "preview",
1617
1698
  "previewVariant"
1618
1699
  ], { shadow: false });
package/dist/sharingPage-BHH1xQ_w.js ADDED
@@ -0,0 +1,15 @@
1
+ import { displaySharingPage } from "@frak-labs/core-sdk/actions";
2
+ //#region src/utils/sharingPage.ts
3
+ async function openSharingPage(targetInteraction, placement, options) {
4
+ if (!window.FrakSetup?.client) {
5
+ console.error("Frak client not found");
6
+ return;
7
+ }
8
+ await displaySharingPage(window.FrakSetup.client, {
9
+ ...options?.link && { link: options.link },
10
+ ...options?.products && options.products.length > 0 && { products: options.products },
11
+ metadata: { ...targetInteraction && { targetInteraction } }
12
+ }, placement);
13
+ }
14
+ //#endregion
15
+ export { openSharingPage as t };
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "url": "https://twitter.com/QNivelais"
12
12
  }
13
13
  ],
14
- "version": "1.0.2-beta.27d9ac29",
14
+ "version": "1.0.2-beta.ab5ff832",
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": "1.0.2-beta.27d9ac29",
90
- "@frak-labs/frame-connector": "0.2.0-beta.27d9ac29",
89
+ "@frak-labs/core-sdk": "1.0.2-beta.ab5ff832",
90
+ "@frak-labs/frame-connector": "0.2.0-beta.ab5ff832",
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/ButtonShare.CMAEVXOn.js DELETED
@@ -1 +0,0 @@
1
- import{C as e,o as t,p as n}from"./loader.js";import{c as r,d as i,i as a,m as o,o as s,s as c,t as l,u}from"./usePlacement.Di6eZ4ty.js";import{t as d}from"./useGlobalComponents.CLH7id-Y.js";import{t as f}from"./useLightDomStyles.DqYouFn3.js";import{t as p}from"./formatReward.BaR9pE50.js";import{t as m}from"./useReward.DWyyva4u.js";import{t as h}from"./useShareModal.UYsKX7L2.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,i]=c(!1);return{copy:r(async e=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),i(!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`),i(!0)}catch(e){return console.error(`Failed to copy text:`,e),!1}finally{t.remove()}}return setTimeout(()=>{i(!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]=c(!1);return u(`div`,{children:[u(`button`,{type:`button`,style:v.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&u(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function b({debugInfo:e}){let{copied:t,copy:n}=_();return u(`div`,{style:v.errorContainer,children:[u(`div`,{style:v.header,children:u(`h3`,{style:v.title,children:`Oups ! Nous avons rencontré un petit problème`})}),u(`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 à`,` `,u(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:v.link,children:`help@frak-labs.com`}),` `,u(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),u(`button`,{type:`button`,onClick:()=>{n(e??``)},style:v.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),u(y,{debugInfo:e})]})}function x({placement:n,text:i=`Share and earn!`,classname:c=``,useReward:_,noRewardText:v,targetInteraction:y,clickAction:x,preview:S}){let C=!!S,w=l(n),T=d(),E=w?.components?.buttonShare??T?.buttonShare;f(`frak-button-share`,n,E?.css);let D=s(()=>w?.targetInteraction===void 0?y:w.targetInteraction,[w?.targetInteraction,y]),O=E?.text??i,k=E?.noRewardText??v,A=s(()=>E?.useReward??_===!0,[E?.useReward,_]),j=s(()=>E?.clickAction??x??`sharing-page`,[E?.clickAction,x]),{shouldRender:M,isHidden:N,isClientReady:P}=a(),{reward:F}=m(A&&P,D),{handleShare:I,isError:L,debugInfo:R}=h(D,n),z=s(()=>A?F?O.includes(`{REWARD}`)?p(O,F):`${O} ${F}`:k??p(O,void 0):O,[A,O,k,F]),B=r(async()=>{C||(e(window.FrakSetup.client,`share_button_clicked`,{placement:n,target_interaction:D,has_reward:!!F,click_action:j}),j===`embedded-wallet`?t(D,n):j===`share-modal`?await I():g(D,n))},[C,j,I,D,n,F]);if(!C&&(!M||N))return null;let V=[`button`,`button__fadeIn`,c].filter(Boolean).join(` `);return u(o,{children:[u(`button`,{type:`button`,disabled:!C&&!P,class:V,onClick:B,children:z}),L&&u(b,{debugInfo:R})]})}i(x,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`,`preview`],{shadow:!1});export{x as ButtonShare};
package/cdn/PostPurchase.8x_X3q7E.js DELETED
@@ -1,52 +0,0 @@
1
- import{C as e,T as t,c as n,f as r,u as i,w as a}from"./loader.js";import{a as o,d as s,i as c,l,o as u,p as d,s as f,t as p,u as m}from"./usePlacement.Di6eZ4ty.js";import{i as h,o as g,r as _,t as v}from"./sprinkles.css.ts.vanilla.Ct795MMK.js";import{t as ee}from"./useGlobalComponents.CLH7id-Y.js";import{t as te}from"./useLightDomStyles.DqYouFn3.js";import{n as y,t as b}from"./formatReward.BaR9pE50.js";import{t as ne}from"./useShareModal.UYsKX7L2.js";function x(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=x(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function S(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=x(e))&&(r&&(r+=` `),r+=t);return r}var C=`reset_base__1831jhd0`,w={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 T(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 E(e){var t=T(e,`string`);return typeof t==`symbol`?t:String(t)}function D(e,t,n){return t=E(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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 k(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?O(Object(n),!0).forEach(function(t){D(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var A=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=k({},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?k(k({},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)})},j=e=>e,M=function(){return A(j)(...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`}}}}});h+v;function N({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},s={};for(let e in a)M.properties.has(e)?o[e]=a[e]:s[e]=a[e];let c=w[e];return d(e,{className:S(c?`${C} ${c}`:C,M(o),t),style:i,ref:n,...s},r)}const P={"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 F({width:e,children:t}){return e===`content`?m(N,{flexShrink:0,children:t}):e===void 0?m(N,{flexGrow:1,children:t}):m(N,{style:{flex:P[e]},children:t})}const I={top:`flex-start`,center:`center`,bottom:`flex-end`};function L({space:e,alignY:t,as:n=`div`,children:r}){return m(N,{as:n,display:`flex`,flexDirection:`row`,gap:e,alignItems:t?I[t]:void 0,children:r})}const R={left:`flex-start`,center:`center`,right:`flex-end`},z={left:`left`,center:`center`,right:`right`},B={start:`flex-start`,center:`center`,end:`flex-end`,"space-between":`space-between`};function V({space:e,padding:t,paddingX:n,paddingY:r,align:i,justify:a,as:o=`div`,className:s,children:c}){return m(N,{as:o,display:`flex`,flexDirection:`column`,gap:e,padding:t,paddingX:n,paddingY:r,alignItems:i?R[i]:void 0,justifyContent:a?B[a]:void 0,textAlign:i?z[i]:void 0,className:s,children:c})}var H=`PostPurchase_card__5fv5lh0`,U=`PostPurchase_cta__5fv5lh3`,W=`PostPurchase_frakLogo__5fv5lh6`,G=`PostPurchase_giftIcon__5fv5lh5`,re=`PostPurchase_icon__5fv5lh4`,ie=`PostPurchase_message__5fv5lh2`;const ae=h+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
- }
48
- .PostPurchase_frakLogo__5fv5lh6 {
49
- display: block;
50
- margin-left: auto;
51
- color: var(--surface-primary__pbq4aka);
52
- }`;function oe(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 K({customerId:s,orderId:d,token:h,sharingUrl:v,merchantId:x,placement:S,classname:C=``,variant:w,badgeText:T,referrerText:E,refereeText:D,ctaText:O,preview:k,previewVariant:A}){let j=!!k,{shouldRender:M,isHidden:P,isClientReady:I}=c(),R=p(S);te(`frak-post-purchase`,S,R?.components?.postPurchase?.css,ae);let[z,B]=f(null),[K,q]=f(!1);l(()=>{j||!I||!s||!d||!h||n({customerId:s,orderId:d,token:h,merchantId:x}).catch(()=>{})},[j,I,s,d,h,x]),l(()=>{if(j||!I||K)return;let e=window.FrakSetup?.client;e&&Promise.all([i(e),r(e)]).then(([e,t])=>{q(!0),B(oe(e,t))}).catch(e=>{if(e instanceof t&&e.code===a.configError){q(!0);return}console.warn(`[Frak] Post-purchase context error`,e)})},[j,I,K]);let J=o(null),Y=w??z?.variant??(j?A??`referrer`:void 0),se=v??z?.merchantDomain,X=u(()=>{if(!z?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return y(z.reward,e)},[z?.reward]),ce=ee(),Z=R?.components?.postPurchase??ce?.postPurchase,Q=T??Z?.badgeText,$=u(()=>({message:Y===`referee`?X?b(D??Z?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`,X):D??Z?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:X?b(E??Z?.referrerText??`Earn {REWARD} by sharing this with your friends!`,X):E??Z?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:X?b(O??Z?.ctaText??`Share & earn {REWARD}`,X):O??Z?.ctaNoRewardText??`Share & earn`}),[Y,X,Z,E,D,O]);l(()=>{Y&&J.current!==Y&&(!j&&(!M||P||!I)||(e(window.FrakSetup?.client,`post_purchase_impression`,{placement:S,variant:Y,has_reward:!!z?.reward}),J.current=Y))},[Y,M,P,I,j,S,z?.reward]);let{handleShare:le}=ne(void 0,S,se);return!j&&(!M||P)||!j&&(!z||!Y)||!Y?null:m(N,{className:[H,C].filter(Boolean).join(` `),padding:`m`,children:m(L,{space:`xl`,alignY:`center`,children:[m(F,{children:m(V,{space:`xs`,children:[Q&&m(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:Q}),m(`p`,{class:ie,children:$.message}),m(N,{as:`button`,type:`button`,className:`${U} button`,disabled:!j&&!I,onClick:j?void 0:()=>{Y&&(e(window.FrakSetup?.client,`post_purchase_clicked`,{placement:S,variant:Y}),le())},children:[$.cta,m(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${re} button`,children:m(`path`,{d:`M13.8984 11.144C13.9864 11.052 14.1543 11.1114 14.1543 11.2388V11.644C14.1543 13.0509 12.6288 14.1918 10.7471 14.1919C8.86523 14.1919 7.33984 13.051 7.33984 11.644V11.2388C7.33984 11.1114 7.50675 11.052 7.59473 11.144C8.3452 11.9295 9.47906 12.4292 10.7471 12.4292C12.0149 12.4291 13.148 11.9293 13.8984 11.144ZM1.8457 9.64795C1.8457 9.51169 2.01094 9.44452 2.10254 9.54053C2.85304 10.3238 3.98586 10.8247 5.25293 10.8247C5.52246 10.8247 5.78608 10.8026 6.04102 10.7593C6.25744 10.7225 6.46582 10.8816 6.46582 11.1011V12.1704C6.46564 12.319 6.36769 12.4507 6.22266 12.4829C5.91535 12.5512 5.58981 12.5874 5.25293 12.5874C3.3711 12.5874 1.8457 11.4469 1.8457 10.0396V9.64795ZM10.7471 6.20654C12.6288 6.20666 14.1543 7.3475 14.1543 8.75439C14.1541 10.1612 12.6287 11.3012 10.7471 11.3013C8.86535 11.3013 7.34004 10.1612 7.33984 8.75439C7.33984 7.34743 8.86523 6.20654 10.7471 6.20654ZM1.8457 6.8501C1.84597 6.71385 2.01208 6.64848 2.10352 6.74365C2.85393 7.52827 3.98602 8.0278 5.25293 8.02783C5.52282 8.02783 5.78667 8.00448 6.04199 7.96143C6.258 7.92499 6.46582 8.08514 6.46582 8.3042V9.37256C6.46582 9.52127 6.36783 9.65378 6.22266 9.68604C5.91537 9.75429 5.58979 9.79053 5.25293 9.79053C3.3711 9.79048 1.8457 8.64863 1.8457 7.24268V6.8501ZM5.25293 1.80811C7.13481 1.80811 8.66016 2.94856 8.66016 4.35596C8.66008 5.76331 7.13476 6.90381 5.25293 6.90381C3.37115 6.90376 1.84578 5.76328 1.8457 4.35596C1.8457 2.94858 3.3711 1.80815 5.25293 1.80811Z`,fill:`currentColor`})})]})]})}),m(F,{width:`content`,children:m(V,{space:`xs`,align:`right`,children:[m(_,{className:G,width:80,height:80}),m(g,{className:W,width:14,height:14})]})})]})})}s(K,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`,`preview`,`previewVariant`],{shadow:!1});export{K as PostPurchase};
package/cdn/useShareModal.UYsKX7L2.js DELETED
@@ -1 +0,0 @@
1
- import{C as e,T as t,m as n,s as r,w as i}from"./loader.js";import{c as a,s as o}from"./usePlacement.Di6eZ4ty.js";function s(s,c,l){let[u,d]=o(void 0),[f,p]=o(!1);return{handleShare:a(async()=>{if(!window.FrakSetup?.client){console.error(`Frak client not found`),d(n.empty().formatDebugInfo(`Frak client not found`)),p(!0);return}let a=r(window.FrakSetup.client,{});try{await a.sharing(l?{link:l}:{}).display(e=>({...e,targetInteraction:s}),c)}catch(n){if(n instanceof t&&n.code===i.clientAborted){console.debug(`User aborted the modal`);return}let r=window.FrakSetup.client.debugInfo.formatDebugInfo(n);e(window.FrakSetup.client,`share_modal_error`,{placement:c,target_interaction:s,error:n instanceof Object&&`message`in n?n.message:`Unknown error`}),d(r),p(!0),console.error(`Error while opening the modal`,n)}},[s,c,l]),isError:f,debugInfo:u}}export{s as t};
package/dist/useShareModal-BEVkLrBP.js DELETED
@@ -1,54 +0,0 @@
1
- import { DebugInfoGatherer, trackEvent } from "@frak-labs/core-sdk";
2
- import { modalBuilder } from "@frak-labs/core-sdk/actions";
3
- import { useCallback, useState } from "preact/hooks";
4
- import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
5
- //#region src/components/ButtonShare/hooks/useShareModal.ts
6
- /**
7
- * Open the share modal
8
- *
9
- * @description
10
- * This function will open the share modal, lazily creating a modal builder on demand.
11
- */
12
- function useShareModal(targetInteraction, placement, sharingLink) {
13
- const [debugInfo, setDebugInfo] = useState(void 0);
14
- const [isError, setIsError] = useState(false);
15
- return {
16
- handleShare: useCallback(async () => {
17
- if (!window.FrakSetup?.client) {
18
- console.error("Frak client not found");
19
- setDebugInfo(DebugInfoGatherer.empty().formatDebugInfo("Frak client not found"));
20
- setIsError(true);
21
- return;
22
- }
23
- const builder = modalBuilder(window.FrakSetup.client, {});
24
- try {
25
- await builder.sharing(sharingLink ? { link: sharingLink } : {}).display((metadata) => ({
26
- ...metadata,
27
- targetInteraction
28
- }), placement);
29
- } catch (e) {
30
- if (e instanceof FrakRpcError && e.code === RpcErrorCodes.clientAborted) {
31
- console.debug("User aborted the modal");
32
- return;
33
- }
34
- const debugInfo = window.FrakSetup.client.debugInfo.formatDebugInfo(e);
35
- trackEvent(window.FrakSetup.client, "share_modal_error", {
36
- placement,
37
- target_interaction: targetInteraction,
38
- error: e instanceof Object && "message" in e ? e.message : "Unknown error"
39
- });
40
- setDebugInfo(debugInfo);
41
- setIsError(true);
42
- console.error("Error while opening the modal", e);
43
- }
44
- }, [
45
- targetInteraction,
46
- placement,
47
- sharingLink
48
- ]),
49
- isError,
50
- debugInfo
51
- };
52
- }
53
- //#endregion
54
- export { useShareModal as t };