@frak-labs/components 1.0.0-beta.0cd79998 → 1.0.0-beta.10dada3f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/Banner.UBeCtoRQ.js +162 -0
- package/cdn/ButtonShare.COa5uY94.js +1 -0
- package/cdn/ButtonWallet.BUzysl1S.js +40 -0
- package/cdn/OpenInAppButton.Bmzm2fL9.js +1 -0
- package/cdn/PostPurchase._st1hB42.js +52 -0
- package/cdn/components.js +1 -1
- package/cdn/loader.js +2 -2
- package/cdn/{sprinkles.css.ts.vanilla.BtFkD4B3.js → sprinkles.css.ts.vanilla.Ct795MMK.js} +2 -2
- package/cdn/useGlobalComponents.CLH7id-Y.js +1 -0
- package/cdn/useLightDomStyles.DqYouFn3.js +1 -0
- package/cdn/usePlacement.Di6eZ4ty.js +58 -0
- package/cdn/{useReward.CFLuyrnp.js → useReward.DJwgphI1.js} +1 -1
- package/cdn/{useShareModal.CFGxjQwU.js → useShareModal.UYsKX7L2.js} +1 -1
- package/dist/banner.js +39 -6
- package/dist/buttonShare.js +15 -6
- package/dist/buttonWallet.js +1 -3
- package/dist/openInApp.js +12 -8
- package/dist/postPurchase.js +33 -5
- package/dist/{useLightDomStyles-hgYYZsTy.js → useLightDomStyles-C3lcOwY2.js} +1 -1
- package/dist/{usePlacement-LqYjZLX_.js → usePlacement-V7NrKoub.js} +7 -2
- package/dist/{useShareModal-DgEf5WWG.js → useShareModal-BEVkLrBP.js} +3 -2
- package/package.json +3 -3
- package/cdn/Banner.BgUl0DMr.js +0 -162
- package/cdn/ButtonShare.Cc__fiXP.js +0 -1
- package/cdn/ButtonWallet.B0vExdC3.js +0 -40
- package/cdn/OpenInAppButton.BVOJjDBC.js +0 -1
- package/cdn/PostPurchase.BRVW43vD.js +0 -52
- package/cdn/useGlobalComponents.BRe8dKO7.js +0 -1
- package/cdn/useLightDomStyles.ZFa154u8.js +0 -1
- package/cdn/usePlacement.B7jMsQvP.js +0 -58
package/dist/openInApp.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-
|
|
2
|
-
import { t as useLightDomStyles } from "./useLightDomStyles-
|
|
1
|
+
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-V7NrKoub.js";
|
|
2
|
+
import { t as useLightDomStyles } from "./useLightDomStyles-C3lcOwY2.js";
|
|
3
3
|
import { DEEP_LINK_SCHEME, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
|
|
4
4
|
import { useMemo } from "preact/hooks";
|
|
5
5
|
import { jsx } from "preact/jsx-runtime";
|
|
@@ -33,14 +33,18 @@ const DEFAULT_PATH = "wallet";
|
|
|
33
33
|
* Uses visibility-based detection to determine if the app opened.
|
|
34
34
|
* If the app is not installed (page stays visible after 2.5s),
|
|
35
35
|
* tracks an "app_not_installed" event.
|
|
36
|
-
*
|
|
37
|
-
* @param path - Path to open in the app (default: "wallet")
|
|
38
36
|
*/
|
|
39
|
-
function openFrakWalletApp(path = DEFAULT_PATH) {
|
|
37
|
+
function openFrakWalletApp(path = DEFAULT_PATH, placement) {
|
|
40
38
|
const client = window.FrakSetup?.client;
|
|
41
|
-
if (client) trackEvent(client, "open_in_app_clicked"
|
|
39
|
+
if (client) trackEvent(client, "open_in_app_clicked", {
|
|
40
|
+
path,
|
|
41
|
+
placement
|
|
42
|
+
});
|
|
42
43
|
triggerDeepLinkWithFallback(`${DEEP_LINK_SCHEME}${path}`, { onFallback: () => {
|
|
43
|
-
if (client) trackEvent(client, "app_not_installed"
|
|
44
|
+
if (client) trackEvent(client, "app_not_installed", {
|
|
45
|
+
path,
|
|
46
|
+
placement
|
|
47
|
+
});
|
|
44
48
|
} });
|
|
45
49
|
}
|
|
46
50
|
//#endregion
|
|
@@ -79,7 +83,7 @@ function OpenInAppButton({ placement: placementId, text = "Open in App", classna
|
|
|
79
83
|
const resolvedText = placement?.components?.openInApp?.text ?? text;
|
|
80
84
|
if (!isMobile || !shouldRender || isHidden) return null;
|
|
81
85
|
const handleClick = () => {
|
|
82
|
-
openFrakWalletApp();
|
|
86
|
+
openFrakWalletApp(void 0, placementId);
|
|
83
87
|
};
|
|
84
88
|
const buttonClass = [
|
|
85
89
|
"button",
|
package/dist/postPurchase.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-
|
|
1
|
+
import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-V7NrKoub.js";
|
|
2
2
|
import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
|
|
3
|
-
import { t as useLightDomStyles } from "./useLightDomStyles-
|
|
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-
|
|
5
|
+
import { t as useShareModal } from "./useShareModal-BEVkLrBP.js";
|
|
6
6
|
import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
|
|
7
|
+
import { trackEvent } from "@frak-labs/core-sdk";
|
|
7
8
|
import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
|
|
8
|
-
import { useEffect, useMemo, useState } from "preact/hooks";
|
|
9
|
+
import { useEffect, useMemo, useRef, useState } from "preact/hooks";
|
|
9
10
|
import { jsx, jsxs } from "preact/jsx-runtime";
|
|
10
11
|
import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
|
|
11
12
|
//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
@@ -1485,6 +1486,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
|
|
|
1485
1486
|
isClientReady,
|
|
1486
1487
|
hasFetched
|
|
1487
1488
|
]);
|
|
1489
|
+
const trackedImpressionVariantRef = useRef(null);
|
|
1488
1490
|
const resolvedVariant = forcedVariant ?? context?.variant ?? (isPreview ? previewVariant ?? "referrer" : void 0);
|
|
1489
1491
|
const resolvedSharingUrl = sharingUrl ?? context?.merchantDomain;
|
|
1490
1492
|
const rewardText = useMemo(() => {
|
|
@@ -1508,6 +1510,25 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
|
|
|
1508
1510
|
propRefereeText,
|
|
1509
1511
|
propCtaText
|
|
1510
1512
|
]);
|
|
1513
|
+
useEffect(() => {
|
|
1514
|
+
if (!resolvedVariant) return;
|
|
1515
|
+
if (trackedImpressionVariantRef.current === resolvedVariant) return;
|
|
1516
|
+
if (!isPreview && (!shouldRender || isHidden || !isClientReady)) return;
|
|
1517
|
+
trackEvent(window.FrakSetup?.client, "post_purchase_impression", {
|
|
1518
|
+
placement: placementId,
|
|
1519
|
+
variant: resolvedVariant,
|
|
1520
|
+
has_reward: Boolean(context?.reward)
|
|
1521
|
+
});
|
|
1522
|
+
trackedImpressionVariantRef.current = resolvedVariant;
|
|
1523
|
+
}, [
|
|
1524
|
+
resolvedVariant,
|
|
1525
|
+
shouldRender,
|
|
1526
|
+
isHidden,
|
|
1527
|
+
isClientReady,
|
|
1528
|
+
isPreview,
|
|
1529
|
+
placementId,
|
|
1530
|
+
context?.reward
|
|
1531
|
+
]);
|
|
1511
1532
|
const { handleShare } = useShareModal(void 0, placementId, resolvedSharingUrl);
|
|
1512
1533
|
if (!isPreview && (!shouldRender || isHidden)) return null;
|
|
1513
1534
|
if (!isPreview && (!context || !resolvedVariant)) return null;
|
|
@@ -1534,7 +1555,14 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
|
|
|
1534
1555
|
type: "button",
|
|
1535
1556
|
className: `${cta} button`,
|
|
1536
1557
|
disabled: !isPreview && !isClientReady,
|
|
1537
|
-
onClick: isPreview ? void 0 :
|
|
1558
|
+
onClick: isPreview ? void 0 : () => {
|
|
1559
|
+
if (!resolvedVariant) return;
|
|
1560
|
+
trackEvent(window.FrakSetup?.client, "post_purchase_clicked", {
|
|
1561
|
+
placement: placementId,
|
|
1562
|
+
variant: resolvedVariant
|
|
1563
|
+
});
|
|
1564
|
+
handleShare();
|
|
1565
|
+
},
|
|
1538
1566
|
children: [texts.cta, /* @__PURE__ */ jsx("svg", {
|
|
1539
1567
|
width: "16",
|
|
1540
1568
|
height: "16",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import register from "preact-custom-element";
|
|
2
2
|
import * as coreSdkIndex from "@frak-labs/core-sdk";
|
|
3
|
-
import { sdkConfigStore, setupClient, withCache } from "@frak-labs/core-sdk";
|
|
3
|
+
import { sdkConfigStore, setupClient, trackEvent, withCache } from "@frak-labs/core-sdk";
|
|
4
4
|
import * as coreSdkActions from "@frak-labs/core-sdk/actions";
|
|
5
5
|
import { displayEmbeddedWallet } from "@frak-labs/core-sdk/actions";
|
|
6
6
|
import { useEffect, useMemo, useState } from "preact/hooks";
|
|
@@ -74,7 +74,12 @@ function initFrakSdk() {
|
|
|
74
74
|
return withCache(() => doInit(), {
|
|
75
75
|
cacheKey: "frak-sdk-init",
|
|
76
76
|
cacheTime: Number.POSITIVE_INFINITY
|
|
77
|
-
}).catch(() => {
|
|
77
|
+
}).catch((err) => {
|
|
78
|
+
trackEvent(window.FrakSetup?.client, "sdk_init_failed", {
|
|
79
|
+
reason: err instanceof Error ? err.message : typeof err === "string" ? err : "unknown",
|
|
80
|
+
config_missing: !window.FrakSetup?.config
|
|
81
|
+
});
|
|
82
|
+
});
|
|
78
83
|
}
|
|
79
84
|
/**
|
|
80
85
|
* Performs the actual SDK initialization.
|
|
@@ -33,8 +33,9 @@ function useShareModal(targetInteraction, placement, sharingLink) {
|
|
|
33
33
|
}
|
|
34
34
|
const debugInfo = window.FrakSetup.client.debugInfo.formatDebugInfo(e);
|
|
35
35
|
trackEvent(window.FrakSetup.client, "share_modal_error", {
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
placement,
|
|
37
|
+
target_interaction: targetInteraction,
|
|
38
|
+
error: e instanceof Object && "message" in e ? e.message : "Unknown error"
|
|
38
39
|
});
|
|
39
40
|
setDebugInfo(debugInfo);
|
|
40
41
|
setIsError(true);
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"url": "https://twitter.com/QNivelais"
|
|
12
12
|
}
|
|
13
13
|
],
|
|
14
|
-
"version": "1.0.0-beta.
|
|
14
|
+
"version": "1.0.0-beta.10dada3f",
|
|
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.0-beta.
|
|
90
|
-
"@frak-labs/frame-connector": "0.2.0-beta.
|
|
89
|
+
"@frak-labs/core-sdk": "1.0.0-beta.10dada3f",
|
|
90
|
+
"@frak-labs/frame-connector": "0.2.0-beta.10dada3f",
|
|
91
91
|
"preact": "^10.29.0",
|
|
92
92
|
"preact-custom-element": "^4.6.0",
|
|
93
93
|
"@frak-labs/design-system": "0.0.0"
|
package/cdn/Banner.BgUl0DMr.js
DELETED
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
import{d as e,g as t,h as n,l as r}from"./loader.js";import{a as i,c as a,i as o,l as s,o as c,s as l,t as u,u as d}from"./usePlacement.B7jMsQvP.js";import{a as f,c as p,i as m,n as h,r as g,s as _,t as v}from"./sprinkles.css.ts.vanilla.BtFkD4B3.js";import{t as y}from"./useGlobalComponents.BRe8dKO7.js";import{t as b}from"./useLightDomStyles.ZFa154u8.js";import{t as x}from"./useReward.CFLuyrnp.js";const S=`@keyframes inAppBanner_fadeIn__1ibpiy70 {
|
|
2
|
-
from {
|
|
3
|
-
opacity: 0;
|
|
4
|
-
transform: translateY(-4px);
|
|
5
|
-
}
|
|
6
|
-
to {
|
|
7
|
-
opacity: 1;
|
|
8
|
-
transform: translateY(0);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
.inAppBanner_container__1ibpiy71 {
|
|
12
|
-
position: fixed;
|
|
13
|
-
top: max(8px, env(safe-area-inset-top));
|
|
14
|
-
left: 16px;
|
|
15
|
-
right: 16px;
|
|
16
|
-
z-index: 1000;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
gap: 4px;
|
|
20
|
-
padding: 12px 16px;
|
|
21
|
-
padding-right: 32px;
|
|
22
|
-
border-radius: 12px;
|
|
23
|
-
background-color: #000000CC;
|
|
24
|
-
backdrop-filter: blur(12px);
|
|
25
|
-
-webkit-backdrop-filter: blur(12px);
|
|
26
|
-
color: #ffffff;
|
|
27
|
-
animation: inAppBanner_fadeIn__1ibpiy70 300ms ease-out;
|
|
28
|
-
}
|
|
29
|
-
.inAppBanner_header__1ibpiy72 {
|
|
30
|
-
display: flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
gap: 8px;
|
|
33
|
-
}
|
|
34
|
-
.inAppBanner_iconWrapper__1ibpiy73 {
|
|
35
|
-
flex-shrink: 0;
|
|
36
|
-
width: 20px;
|
|
37
|
-
height: 20px;
|
|
38
|
-
display: flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
color: #ffffff;
|
|
42
|
-
}
|
|
43
|
-
.inAppBanner_title__1ibpiy74 {
|
|
44
|
-
margin: 0;
|
|
45
|
-
padding: 0;
|
|
46
|
-
font-size: 16px;
|
|
47
|
-
font-weight: 500;
|
|
48
|
-
line-height: 26px;
|
|
49
|
-
color: var(--text-onAction__pbq4ak6);
|
|
50
|
-
}
|
|
51
|
-
.inAppBanner_body__1ibpiy75 {
|
|
52
|
-
display: flex;
|
|
53
|
-
flex-wrap: wrap;
|
|
54
|
-
align-items: baseline;
|
|
55
|
-
gap: 0 4px;
|
|
56
|
-
}
|
|
57
|
-
.inAppBanner_description__1ibpiy76 {
|
|
58
|
-
margin: 0;
|
|
59
|
-
padding: 0;
|
|
60
|
-
font-size: 14px;
|
|
61
|
-
color: var(--text-onAction__pbq4ak6);
|
|
62
|
-
line-height: 22px;
|
|
63
|
-
opacity: 0.96;
|
|
64
|
-
}
|
|
65
|
-
.inAppBanner_cta__1ibpiy77 {
|
|
66
|
-
all: unset;
|
|
67
|
-
display: inline-flex;
|
|
68
|
-
align-items: center;
|
|
69
|
-
gap: 4px;
|
|
70
|
-
color: #2BB2FF;
|
|
71
|
-
font-size: 14px;
|
|
72
|
-
font-weight: 600;
|
|
73
|
-
text-decoration: underline;
|
|
74
|
-
text-underline-offset: 2px;
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
}
|
|
77
|
-
.inAppBanner_cta__1ibpiy77:focus-visible {
|
|
78
|
-
outline: 2px solid #2BB2FF;
|
|
79
|
-
outline-offset: 2px;
|
|
80
|
-
border-radius: 4px;
|
|
81
|
-
}
|
|
82
|
-
.inAppBanner_closeButton__1ibpiy78 {
|
|
83
|
-
all: unset;
|
|
84
|
-
position: absolute;
|
|
85
|
-
top: 8px;
|
|
86
|
-
right: 8px;
|
|
87
|
-
width: 28px;
|
|
88
|
-
height: 28px;
|
|
89
|
-
display: flex;
|
|
90
|
-
align-items: center;
|
|
91
|
-
justify-content: center;
|
|
92
|
-
border-radius: 9999px;
|
|
93
|
-
color: rgba(255, 255, 255, 0.6);
|
|
94
|
-
cursor: pointer;
|
|
95
|
-
}
|
|
96
|
-
.inAppBanner_closeButton__1ibpiy78:focus-visible {
|
|
97
|
-
outline: 2px solid #ffffff;
|
|
98
|
-
outline-offset: 2px;
|
|
99
|
-
}`;var C=`inAppBanner_body__1ibpiy75`,w=`inAppBanner_closeButton__1ibpiy78`,T=`inAppBanner_container__1ibpiy71`,E=`inAppBanner_cta__1ibpiy77`,D=`inAppBanner_description__1ibpiy76`,O=`inAppBanner_header__1ibpiy72`,k=`inAppBanner_iconWrapper__1ibpiy73`,A=`inAppBanner_title__1ibpiy74`;m+S;function j({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:c}){return s(`div`,{className:`${T}${o?` ${o}`:``}`,role:`alert`,children:[s(`div`,{className:O,children:[s(`span`,{className:`${k}${c?.icon?` ${c.icon}`:``}`,children:s(f,{width:20,height:20})}),s(`p`,{className:`${A}${c?.title?` ${c.title}`:``}`,children:e})]}),s(`div`,{className:C,children:[s(`p`,{className:`${D}${c?.description?` ${c.description}`:``}`,children:t}),s(`button`,{type:`button`,className:`${E}${c?.cta?` ${c.cta}`:``}`,onClick:i,children:[n,s(_,{width:14,height:14})]})]}),s(`button`,{type:`button`,className:`${w}${c?.close?` ${c.close}`:``}`,onClick:a,"aria-label":r,children:s(p,{width:16,height:16})})]})}var M=`Banner_iconSvg__1gnumzi2`,N=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,P=`Banner_referralBody__1gnumzi5`,F=`Banner_referralCta__1gnumzi8 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,I=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,L=`Banner_referralIconWrapper__1gnumzi4`,R=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const z=h+m+v+S+`@keyframes Banner_fadeIn__1gnumzi0 {
|
|
100
|
-
from {
|
|
101
|
-
opacity: 0;
|
|
102
|
-
transform: translateY(-4px);
|
|
103
|
-
}
|
|
104
|
-
to {
|
|
105
|
-
opacity: 1;
|
|
106
|
-
transform: translateY(0);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
.Banner_rootBase__1gnumzi1 {
|
|
110
|
-
position: relative;
|
|
111
|
-
display: flex;
|
|
112
|
-
animation: Banner_fadeIn__1gnumzi0 300ms ease-out;
|
|
113
|
-
}
|
|
114
|
-
.Banner_iconSvg__1gnumzi2 {
|
|
115
|
-
width: 100%;
|
|
116
|
-
height: 100%;
|
|
117
|
-
}
|
|
118
|
-
.Banner_referral__1gnumzi3 {
|
|
119
|
-
flex-direction: row;
|
|
120
|
-
align-items: center;
|
|
121
|
-
gap: 16px;
|
|
122
|
-
padding: 16px;
|
|
123
|
-
background-color: #ffffff;
|
|
124
|
-
color: var(--text-primary__pbq4ak0);
|
|
125
|
-
}
|
|
126
|
-
.Banner_referralIconWrapper__1gnumzi4 {
|
|
127
|
-
flex-shrink: 0;
|
|
128
|
-
align-self: flex-start;
|
|
129
|
-
width: 40px;
|
|
130
|
-
height: 40px;
|
|
131
|
-
}
|
|
132
|
-
.Banner_referralBody__1gnumzi5 {
|
|
133
|
-
flex: 1;
|
|
134
|
-
min-width: 0;
|
|
135
|
-
}
|
|
136
|
-
.Banner_referralTitle__1gnumzi6 {
|
|
137
|
-
font-size: 16px;
|
|
138
|
-
font-weight: 600;
|
|
139
|
-
color: var(--text-primary__pbq4ak0);
|
|
140
|
-
line-height: 22px;
|
|
141
|
-
}
|
|
142
|
-
.Banner_referralDescription__1gnumzi7 {
|
|
143
|
-
margin-bottom: 8px;
|
|
144
|
-
font-size: 14px;
|
|
145
|
-
color: #979797;
|
|
146
|
-
line-height: 22px;
|
|
147
|
-
}
|
|
148
|
-
.Banner_referralCta__1gnumzi8 {
|
|
149
|
-
display: inline-block;
|
|
150
|
-
padding: 8px 16px;
|
|
151
|
-
border: 1px solid #000000;
|
|
152
|
-
border-radius: 9999px;
|
|
153
|
-
color: var(--text-primary__pbq4ak0);
|
|
154
|
-
font-size: 10px;
|
|
155
|
-
font-weight: 700;
|
|
156
|
-
line-height: 12px;
|
|
157
|
-
text-transform: uppercase;
|
|
158
|
-
}
|
|
159
|
-
.Banner_referralCta__1gnumzi8:focus-visible {
|
|
160
|
-
outline: 2px solid #000000;
|
|
161
|
-
outline-offset: 2px;
|
|
162
|
-
}`;function B({placement:d,classname:f=``,interaction:p,referralTitle:m,referralDescription:h,referralCta:_,inappTitle:v,inappDescription:S,inappCta:C,preview:w,previewMode:T}){let E=!!w,D=T===`inapp`?`inapp`:`referral`,O=u(d),{shouldRender:k,isHidden:A,isClientReady:B}=o();b(`frak-banner`,d,O?.components?.banner?.css,z);let[V,H]=c(!1),[U,W]=c(()=>E?D:t?`inapp`:null);a(()=>{E&&W(D)},[E,D]);let{reward:G}=x(U===`referral`&&B,p),[K,q]=c(null);a(()=>{let t=window.FrakSetup?.client;U!==`inapp`||E||!B||!t||e(t).then(e=>q(e)).catch(()=>{})},[U,E,B]),a(()=>{if(E||U===`inapp`)return;let e=()=>W(`referral`);return window.addEventListener(r,e),()=>window.removeEventListener(r,e)},[E,U]);let J=l(async()=>{if(E)return;if(U===`referral`){H(!0);return}let t=K;if(!t&&window.FrakSetup?.client)try{t=await e(window.FrakSetup?.client)}catch{}let r=window.location.href;if(t){let e=new URL(r);e.searchParams.set(`fmt`,t),r=e.toString()}n(r)},[E,U,K]),Y=l(()=>{E||H(!0)},[E]),X=y(),Z=O?.components?.banner??X?.banner,Q=i(()=>{if(U===`referral`){let e=G?`Earn ${G} on purchases on this site`:`You've been referred!`;return{title:m??Z?.referralTitle??e,description:h??Z?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:_??Z?.referralCta??`Got it`}}return{title:v??Z?.inappTitle??`Open in your browser`,description:S??Z?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:C??Z?.inappCta??`Open browser`}},[U,G,Z,m,h,_,v,S,C]);if(!U||!E&&(!k||A||V))return null;let $=[N,`frak-banner`,`frak-banner--${U}`,f].filter(Boolean).join(` `);return U===`inapp`?s(j,{title:Q.title,description:Q.description,cta:Q.cta,dismissLabel:`Dismiss`,onAction:J,onDismiss:Y,className:[`frak-banner`,`frak-banner--inapp`,f].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):s(`div`,{class:$,role:`alert`,children:[s(`div`,{class:`${L} frak-banner__icon`,children:s(g,{class:M})}),s(`div`,{class:`${P} frak-banner__text`,children:[s(`p`,{class:`${R} frak-banner__title`,children:Q.title}),s(`p`,{class:`${I} frak-banner__description`,children:Q.description}),s(`button`,{type:`button`,class:`${F} frak-banner__cta`,onClick:J,children:Q.cta})]})]})}d(B,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`],{shadow:!1});export{B as Banner};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{C as e,o as t,p as n}from"./loader.js";import{a as r,i,l as a,o,p as s,s as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useGlobalComponents.BRe8dKO7.js";import{t as f}from"./useLightDomStyles.ZFa154u8.js";import{t as p}from"./formatReward.B0iBskOJ.js";import{t as m}from"./useReward.CFLuyrnp.js";import{t as h}from"./useShareModal.CFGxjQwU.js";async function g(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}await n(window.FrakSetup.client,{metadata:{...e&&{targetInteraction:e}}},t)}function _(e={}){let{successDuration:t=2e3}=e,[n,r]=o(!1);return{copy:c(async e=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),r(!0);else{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.focus(),t.select();try{document.execCommand(`copy`),r(!0)}catch(e){return console.error(`Failed to copy text:`,e),!1}finally{t.remove()}}return setTimeout(()=>{r(!1)},t),!0}catch(e){return console.error(`Failed to copy text:`,e),!1}},[t]),copied:n}}const v={errorContainer:{marginTop:`16px`,padding:`16px`,backgroundColor:`#FEE2E2`,border:`1px solid #FCA5A5`,borderRadius:`4px`,color:`#991B1B`},header:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},title:{margin:0,fontSize:`16px`,fontWeight:500},message:{fontSize:`14px`,lineHeight:`1.5`,margin:`0 0 12px 0`},link:{color:`#991B1B`,textDecoration:`underline`,textUnderlineOffset:`2px`},copyButton:{display:`inline-flex`,alignItems:`center`,gap:`8px`,marginBottom:`10px`,padding:`8px 12px`,backgroundColor:`white`,border:`1px solid #D1D5DB`,borderRadius:`4px`,color:`black`,fontSize:`14px`,fontWeight:500}};function y({debugInfo:e}){let[t,n]=o(!1);return a(`div`,{children:[a(`button`,{type:`button`,style:v.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&a(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function b({debugInfo:e}){let{copied:t,copy:n}=_();return a(`div`,{style:v.errorContainer,children:[a(`div`,{style:v.header,children:a(`h3`,{style:v.title,children:`Oups ! Nous avons rencontré un petit problème`})}),a(`p`,{style:v.message,children:[`Impossible d'ouvrir le menu de partage pour le moment. Si le problème persiste, copiez les informations ci-dessous et collez-les dans votre mail à`,` `,a(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:v.link,children:`help@frak-labs.com`}),` `,a(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),a(`button`,{type:`button`,onClick:()=>n(e??``),style:v.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),a(y,{debugInfo:e})]})}function x({placement:n,text:o=`Share and earn!`,classname:u=``,useReward:_,noRewardText:v,targetInteraction:y,clickAction:x,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=r(()=>w?.targetInteraction===void 0?y:w.targetInteraction,[w?.targetInteraction,y]),O=E?.text??o,k=E?.noRewardText??v,A=r(()=>E?.useReward??_===!0,[E?.useReward,_]),j=r(()=>E?.clickAction??x??`sharing-page`,[E?.clickAction,x]),{shouldRender:M,isHidden:N,isClientReady:P}=i(),{reward:F}=m(A&&P,D),{handleShare:I,isError:L,debugInfo:R}=h(D,n),z=r(()=>A?F?O.includes(`{REWARD}`)?p(O,F):`${O} ${F}`:k??p(O,void 0):O,[A,O,k,F]),B=c(async()=>{C||(e(window.FrakSetup.client,`share_button_clicked`),j===`embedded-wallet`?t(D,n):j===`share-modal`?await I():g(D,n))},[C,j,I,D,n]);if(!C&&(!M||N))return null;let V=[`button`,`button__fadeIn`,u].filter(Boolean).join(` `);return a(s,{children:[a(`button`,{type:`button`,disabled:!C&&!P,class:V,onClick:B,children:z}),L&&a(b,{debugInfo:R})]})}u(x,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`,`preview`],{shadow:!1});export{x as ButtonShare};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import{C as e,a as t}from"./loader.js";import{a as n,c as r,i,l as a,n as o,o as s,p as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useReward.CFLuyrnp.js";function f(e){return a(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[a(`title`,{children:`Gift icon`}),a(`path`,{d:`m23.1427 13.9999v11.4285h-18.2857v-11.4285m9.1429 11.4285v-17.14282m0 0h-5.1429c-.75776 0-1.48448-.30102-2.0203-.83684s-.83684-1.26255-.83684-2.02031.30102-1.48448.83684-2.0203 1.26254-.83684 2.0203-.83684c4 0 5.1429 5.71429 5.1429 5.71429zm0 0h5.1428c.7578 0 1.4845-.30102 2.0203-.83684s.8369-1.26255.8369-2.02031-.3011-1.48448-.8369-2.0203-1.2625-.83684-2.0203-.83684c-4 0-5.1428 5.71429-5.1428 5.71429zm-11.42861 0h22.85711v5.71432h-22.85711z`,stroke:`#fff`,"stroke-linecap":`round`,"stroke-linejoin":`round`})]})}function p({placement:u,classname:p=``,useReward:m,targetInteraction:h}){let g=l(u),_=n(()=>g?.targetInteraction===void 0?h:g.targetInteraction,[g?.targetInteraction,h]),v=n(()=>m===!0,[m]),{shouldRender:y,isHidden:b,isClientReady:x}=i(),{reward:S}=d(v&&x,_),[C,w]=s(`right`);if(r(()=>{let e=g?.components?.buttonWallet?.position,t=window.FrakSetup?.modalWalletConfig?.metadata?.position;w(e??t??`right`)},[g?.components?.buttonWallet?.position]),!y||b)return null;let T=[`button`,`button__fadeIn`,C===`left`?`button__left`:`button__right`,p].filter(Boolean).join(` `);return a(c,{children:[a(`style`,{children:o(`
|
|
2
|
-
.button {
|
|
3
|
-
all: unset;
|
|
4
|
-
position: fixed;
|
|
5
|
-
bottom: 20px;
|
|
6
|
-
z-index: 2000000;
|
|
7
|
-
display: flex;
|
|
8
|
-
justify-content: center;
|
|
9
|
-
align-items: center;
|
|
10
|
-
background-color: #3e557e;
|
|
11
|
-
width: 45px;
|
|
12
|
-
height: 45px;
|
|
13
|
-
border-radius: 50%;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
text-align: center;
|
|
16
|
-
font-size: 24px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.button__left {
|
|
20
|
-
left: 20px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.button__right {
|
|
24
|
-
right: 20px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.reward {
|
|
28
|
-
position: absolute;
|
|
29
|
-
top: -4px;
|
|
30
|
-
right: 27px;
|
|
31
|
-
padding: 2px 3px;
|
|
32
|
-
border-radius: 5px;
|
|
33
|
-
background: #ff3f3f;
|
|
34
|
-
font-size: 9px;
|
|
35
|
-
color: #fff;
|
|
36
|
-
font-weight: 600;
|
|
37
|
-
white-space: nowrap;
|
|
38
|
-
line-height: 9px;
|
|
39
|
-
}
|
|
40
|
-
`,g?.components?.buttonWallet?.css)}),a(`button`,{type:`button`,"aria-label":`Open wallet`,part:`button`,disabled:!x,class:T,onClick:()=>{e(window.FrakSetup.client,`wallet_button_clicked`),t(_,u)},children:[a(f,{}),S&&a(`span`,{class:`reward`,children:S})]})]})}u(p,`frak-button-wallet`,[`placement`,`classname`,`useReward`,`targetInteraction`],{shadow:!0});export{p as ButtonWallet};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{C as e,b as t,v as n}from"./loader.js";import{a as r,i,l as a,t as o,u as s}from"./usePlacement.B7jMsQvP.js";import{t as c}from"./useLightDomStyles.ZFa154u8.js";function l(){return typeof navigator>`u`?!1:!!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints>1)}function u(){return{isMobile:r(()=>l(),[])}}function d(r=`wallet`){let i=window.FrakSetup?.client;i&&e(i,`open_in_app_clicked`),n(`${t}${r}`,{onFallback:()=>{i&&e(i,`app_not_installed`)}})}function f({placement:e,text:t=`Open in App`,classname:n=``}){let r=o(e),{shouldRender:s,isHidden:l,isClientReady:f}=i(),{isMobile:p}=u();c(`frak-open-in-app`,e,r?.components?.openInApp?.css);let m=r?.components?.openInApp?.text??t;if(!p||!s||l)return null;let h=()=>{d()},g=[`button`,`button__fadeIn`,n].filter(Boolean).join(` `);return a(`button`,{type:`button`,"aria-label":`Open in Frak Wallet app`,disabled:!f,class:g,onClick:h,children:m})}s(f,`frak-open-in-app`,[`text`,`placement`,`classname`],{shadow:!1});export{f as OpenInAppButton};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import{T as e,c as t,f as n,u as r,w as i}from"./loader.js";import{a,c as o,f as s,i as c,l,o as u,t as d,u as f}from"./usePlacement.B7jMsQvP.js";import{i as p,o as m,r as h,t as g}from"./sprinkles.css.ts.vanilla.BtFkD4B3.js";import{t as _}from"./useGlobalComponents.BRe8dKO7.js";import{t as v}from"./useLightDomStyles.ZFa154u8.js";import{n as ee,t as y}from"./formatReward.B0iBskOJ.js";import{t as b}from"./useShareModal.CFGxjQwU.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`}}}}});p+g;function N({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},c={};for(let e in a)M.properties.has(e)?o[e]=a[e]:c[e]=a[e];let l=w[e];return s(e,{className:S(l?`${C} ${l}`:C,M(o),t),style:i,ref:n,...c},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`?l(N,{flexShrink:0,children:t}):e===void 0?l(N,{flexGrow:1,children:t}):l(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 l(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,align:n,justify:r,as:i=`div`,className:a,children:o}){return l(N,{as:i,display:`flex`,flexDirection:`column`,gap:e,padding:t,alignItems:n?R[n]:void 0,justifyContent:r?B[r]:void 0,textAlign:n?z[n]:void 0,className:a,children:o})}var te=`PostPurchase_card__5fv5lh0`,ne=`PostPurchase_cta__5fv5lh3`,re=`PostPurchase_frakLogo__5fv5lh6`,H=`PostPurchase_giftIcon__5fv5lh5`,U=`PostPurchase_icon__5fv5lh4`,W=`PostPurchase_message__5fv5lh2`;const G=p+g+`.PostPurchase_card__5fv5lh0 {
|
|
2
|
-
border-radius: 12px;
|
|
3
|
-
background-color: var(--surface-background__pbq4akc);
|
|
4
|
-
border: 1px solid var(--border-default__pbq4akv);
|
|
5
|
-
}
|
|
6
|
-
.PostPurchase_badge__5fv5lh1 {
|
|
7
|
-
align-self: flex-start;
|
|
8
|
-
background-color: #FFF534;
|
|
9
|
-
border-radius: 4px;
|
|
10
|
-
padding: 4px 8px;
|
|
11
|
-
font-size: 12px;
|
|
12
|
-
font-weight: 600;
|
|
13
|
-
line-height: 12px;
|
|
14
|
-
color: var(--text-primary__pbq4ak0);
|
|
15
|
-
}
|
|
16
|
-
.PostPurchase_message__5fv5lh2 {
|
|
17
|
-
margin: 0;
|
|
18
|
-
font-size: 16px;
|
|
19
|
-
line-height: 22px;
|
|
20
|
-
color: var(--text-primary__pbq4ak0);
|
|
21
|
-
font-weight: 600;
|
|
22
|
-
}
|
|
23
|
-
.PostPurchase_cta__5fv5lh3 {
|
|
24
|
-
display: inline-flex;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
gap: 4px;
|
|
28
|
-
padding: 12px 16px;
|
|
29
|
-
border-radius: 9999px;
|
|
30
|
-
background-color: var(--text-primary__pbq4ak0);
|
|
31
|
-
color: var(--text-onAction__pbq4ak6);
|
|
32
|
-
font-size: 12px;
|
|
33
|
-
font-weight: bold;
|
|
34
|
-
text-transform: uppercase;
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
}
|
|
37
|
-
.PostPurchase_cta__5fv5lh3:disabled {
|
|
38
|
-
opacity: 0.7;
|
|
39
|
-
cursor: default;
|
|
40
|
-
}
|
|
41
|
-
.PostPurchase_icon__5fv5lh4 {
|
|
42
|
-
margin: -2px 0;
|
|
43
|
-
}
|
|
44
|
-
.PostPurchase_giftIcon__5fv5lh5 {
|
|
45
|
-
display: block;
|
|
46
|
-
flex-shrink: 0;
|
|
47
|
-
}
|
|
48
|
-
.PostPurchase_frakLogo__5fv5lh6 {
|
|
49
|
-
display: block;
|
|
50
|
-
margin-left: auto;
|
|
51
|
-
color: var(--surface-primary__pbq4aka);
|
|
52
|
-
}`;function K(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 q({customerId:s,orderId:f,token:p,sharingUrl:g,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=d(S);v(`frak-post-purchase`,S,R?.components?.postPurchase?.css,G);let[z,B]=u(null),[q,J]=u(!1);o(()=>{j||!I||!s||!f||!p||t({customerId:s,orderId:f,token:p,merchantId:x}).catch(()=>{})},[j,I,s,f,p,x]),o(()=>{if(j||!I||q)return;let t=window.FrakSetup?.client;t&&Promise.all([r(t),n(t)]).then(([e,t])=>{J(!0),B(K(e,t))}).catch(t=>{if(t instanceof e&&t.code===i.configError){J(!0);return}console.warn(`[Frak] Post-purchase context error`,t)})},[j,I,q]);let Y=w??z?.variant??(j?A??`referrer`:void 0),ie=g??z?.merchantDomain,X=a(()=>{if(!z?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return ee(z.reward,e)},[z?.reward]),ae=_(),Z=R?.components?.postPurchase??ae?.postPurchase,Q=T??Z?.badgeText,$=a(()=>({message:Y===`referee`?X?y(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?y(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?y(O??Z?.ctaText??`Share & earn {REWARD}`,X):O??Z?.ctaNoRewardText??`Share & earn`}),[Y,X,Z,E,D,O]),{handleShare:oe}=b(void 0,S,ie);return!j&&(!M||P)||!j&&(!z||!Y)||!Y?null:l(N,{className:[te,C].filter(Boolean).join(` `),padding:`m`,children:l(L,{space:`xl`,alignY:`center`,children:[l(F,{children:l(V,{space:`xs`,children:[Q&&l(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:Q}),l(`p`,{class:W,children:$.message}),l(N,{as:`button`,type:`button`,className:`${ne} button`,disabled:!j&&!I,onClick:j?void 0:oe,children:[$.cta,l(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${U} button`,children:l(`path`,{d:`M13.8984 11.144C13.9864 11.052 14.1543 11.1114 14.1543 11.2388V11.644C14.1543 13.0509 12.6288 14.1918 10.7471 14.1919C8.86523 14.1919 7.33984 13.051 7.33984 11.644V11.2388C7.33984 11.1114 7.50675 11.052 7.59473 11.144C8.3452 11.9295 9.47906 12.4292 10.7471 12.4292C12.0149 12.4291 13.148 11.9293 13.8984 11.144ZM1.8457 9.64795C1.8457 9.51169 2.01094 9.44452 2.10254 9.54053C2.85304 10.3238 3.98586 10.8247 5.25293 10.8247C5.52246 10.8247 5.78608 10.8026 6.04102 10.7593C6.25744 10.7225 6.46582 10.8816 6.46582 11.1011V12.1704C6.46564 12.319 6.36769 12.4507 6.22266 12.4829C5.91535 12.5512 5.58981 12.5874 5.25293 12.5874C3.3711 12.5874 1.8457 11.4469 1.8457 10.0396V9.64795ZM10.7471 6.20654C12.6288 6.20666 14.1543 7.3475 14.1543 8.75439C14.1541 10.1612 12.6287 11.3012 10.7471 11.3013C8.86535 11.3013 7.34004 10.1612 7.33984 8.75439C7.33984 7.34743 8.86523 6.20654 10.7471 6.20654ZM1.8457 6.8501C1.84597 6.71385 2.01208 6.64848 2.10352 6.74365C2.85393 7.52827 3.98602 8.0278 5.25293 8.02783C5.52282 8.02783 5.78667 8.00448 6.04199 7.96143C6.258 7.92499 6.46582 8.08514 6.46582 8.3042V9.37256C6.46582 9.52127 6.36783 9.65378 6.22266 9.68604C5.91537 9.75429 5.58979 9.79053 5.25293 9.79053C3.3711 9.79048 1.8457 8.64863 1.8457 7.24268V6.8501ZM5.25293 1.80811C7.13481 1.80811 8.66016 2.94856 8.66016 4.35596C8.66008 5.76331 7.13476 6.90381 5.25293 6.90381C3.37115 6.90376 1.84578 5.76328 1.8457 4.35596C1.8457 2.94858 3.3711 1.80815 5.25293 1.80811Z`,fill:`currentColor`})})]})]})}),l(F,{width:`content`,children:l(V,{space:`xs`,align:`right`,children:[l(h,{className:H,width:80,height:80}),l(m,{className:re,width:14,height:14})]})})]})})}f(q,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`,`preview`,`previewVariant`],{shadow:!1});export{q as PostPurchase};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{S as e}from"./loader.js";import{a as t,c as n,o as r}from"./usePlacement.B7jMsQvP.js";function i(){let[i,a]=r(0);return n(()=>{let e=e=>{a(e=>e+1)};return window.addEventListener(`frak:config`,e),a(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),t(()=>e.getConfig().components,[i])}export{i as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./loader.js";import{c as t,r as n}from"./usePlacement.B7jMsQvP.js";function r(r,i,a,o){t(()=>{e.injectBase(r,o??n)},[r]),t(()=>{!i||!a||e.injectPlacement(r,i,a)},[r,i,a])}export{r as t};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import{S as e,i as t,n,r}from"./loader.js";var i,a,o,s,c,l,u,d,f,p,m,h={},g=[],_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v=Array.isArray;function y(e,t){for(var n in t)e[n]=t[n];return e}function b(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function x(e,t,n){var r,a,o,s={};for(o in t)o==`key`?r=t[o]:o==`ref`?a=t[o]:s[o]=t[o];if(arguments.length>2&&(s.children=arguments.length>3?i.call(arguments,2):n),typeof e==`function`&&e.defaultProps!=null)for(o in e.defaultProps)s[o]===void 0&&(s[o]=e.defaultProps[o]);return S(e,s,r,a,null)}function S(e,t,n,r,i){var s={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:i??++o,__i:-1,__u:0};return i==null&&a.vnode!=null&&a.vnode(s),s}function C(e){return e.children}function w(e,t){this.props=e,this.context=t}function T(e,t){if(t==null)return e.__?T(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type==`function`?T(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,r=[],i=[],o=y({},t);o.__v=t.__v+1,a.vnode&&a.vnode(o),P(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,r,n??T(t),!!(32&t.__u),i),o.__v=t.__v,o.__.__k[o.__i]=o,ie(r,o,i),t.__e=t.__=null,o.__e!=n&&D(o)}}function D(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),D(e)}function O(e){(!e.__d&&(e.__d=!0)&&s.push(e)&&!k.__r++||c!=a.debounceRendering)&&((c=a.debounceRendering)||l)(k)}function k(){try{for(var e,t=1;s.length;)s.length>t&&s.sort(u),e=s.shift(),t=s.length,E(e)}finally{s.length=k.__r=0}}function ee(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,_,v,y,b=r&&r.__k||g,x=t.length;for(c=A(n,t,b,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&b[p.__i]||h,p.__i=d,v=P(e,p,f,i,a,o,s,c,l,u),m=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&I(f.ref,null,p),u.push(p.ref,p.__c||m,p)),_==null&&m!=null&&(_=m),(y=!!(4&p.__u))||f.__k===p.__k?c=j(p,c,e,y):typeof p.type==`function`&&v!==void 0?c=v:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=_,c}function A(e,t,n,r,i){var a,o,s,c,l,u=n.length,d=u,f=0;for(e.__k=Array(i),a=0;a<i;a++)(o=t[a])!=null&&typeof o!=`boolean`&&typeof o!=`function`?(typeof o==`string`||typeof o==`number`||typeof o==`bigint`||o.constructor==String?o=e.__k[a]=S(null,o,null,null,null):v(o)?o=e.__k[a]=S(C,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=S(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+f,o.__=e,o.__b=e.__b+1,s=null,(l=o.__i=te(o,n,c,d))!=-1&&(d--,(s=n[l])&&(s.__u|=2)),s==null||s.__v==null?(l==-1&&(i>u?f--:i<u&&f++),typeof o.type!=`function`&&(o.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<u;a++)(s=n[a])!=null&&!(2&s.__u)&&(s.__e==r&&(r=T(s)),se(s,s));return r}function j(e,t,n,r){var i,a;if(typeof e.type==`function`){for(i=e.__k,a=0;i&&a<i.length;a++)i[a]&&(i[a].__=e,t=j(i[a],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=T(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t&&=t.nextSibling;while(t!=null&&t.nodeType==8);return t}function M(e,t){return t||=[],e==null||typeof e==`boolean`||(v(e)?e.some(function(e){M(e,t)}):t.push(e)),t}function te(e,t,n,r){var i,a,o,s=e.key,c=e.type,l=t[n],u=l!=null&&(2&l.__u)==0;if(l===null&&s==null||u&&s==l.key&&c==l.type)return n;if(r>+!!u){for(i=n-1,a=n+1;i>=0||a<t.length;)if((l=t[o=i>=0?i--:a++])!=null&&!(2&l.__u)&&s==l.key&&c==l.type)return o}return-1}function ne(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||_.test(t)?n:n+`px`}function N(e,t,n,r,i){var a,o;n:if(t==`style`)if(typeof n==`string`)e.style.cssText=n;else{if(typeof r==`string`&&(e.style.cssText=r=``),r)for(t in r)n&&t in n||ne(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||ne(e.style,t,n[t])}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(d,`$1`)),o=t.toLowerCase(),t=o in e||t==`onFocusOut`||t==`onFocusIn`?o.slice(2):t.slice(2),e.l||={},e.l[t+a]=n,n?r?n.u=r.u:(n.u=f,e.addEventListener(t,a?m:p,a)):e.removeEventListener(t,a?m:p,a);else{if(i==`http://www.w3.org/2000/svg`)t=t.replace(/xlink(H|:h)/,`h`).replace(/sName$/,`s`);else if(t!=`width`&&t!=`height`&&t!=`href`&&t!=`list`&&t!=`form`&&t!=`tabIndex`&&t!=`download`&&t!=`rowSpan`&&t!=`colSpan`&&t!=`role`&&t!=`popover`&&t in e)try{e[t]=n??``;break n}catch{}typeof n==`function`||(n==null||!1===n&&t[4]!=`-`?e.removeAttribute(t):e.setAttribute(t,t==`popover`&&n==1?``:n))}}function re(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=f++;else if(t.t<n.u)return;return n(a.event?a.event(t):t)}}}function P(e,t,n,r,i,o,s,c,l,u){var d,f,p,m,h,_,x,S,T,E,D,O,k,A,j,M=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(l=!!(32&n.__u),o=[c=t.__e=n.__e]),(d=a.__b)&&d(t);n:if(typeof M==`function`)try{if(S=t.props,T=M.prototype&&M.prototype.render,E=(d=M.contextType)&&r[d.__c],D=d?E?E.props.value:d.__:r,n.__c?x=(f=t.__c=n.__c).__=f.__E:(T?t.__c=f=new M(S,D):(t.__c=f=new w(S,D),f.constructor=M,f.render=ce),E&&E.sub(f),f.state||={},f.__n=r,p=f.__d=!0,f.__h=[],f._sb=[]),T&&f.__s==null&&(f.__s=f.state),T&&M.getDerivedStateFromProps!=null&&(f.__s==f.state&&(f.__s=y({},f.__s)),y(f.__s,M.getDerivedStateFromProps(S,f.__s))),m=f.props,h=f.state,f.__v=t,p)T&&M.getDerivedStateFromProps==null&&f.componentWillMount!=null&&f.componentWillMount(),T&&f.componentDidMount!=null&&f.__h.push(f.componentDidMount);else{if(T&&M.getDerivedStateFromProps==null&&S!==m&&f.componentWillReceiveProps!=null&&f.componentWillReceiveProps(S,D),t.__v==n.__v||!f.__e&&f.shouldComponentUpdate!=null&&!1===f.shouldComponentUpdate(S,f.__s,D)){t.__v!=n.__v&&(f.props=S,f.state=f.__s,f.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)}),g.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break n}f.componentWillUpdate!=null&&f.componentWillUpdate(S,f.__s,D),T&&f.componentDidUpdate!=null&&f.__h.push(function(){f.componentDidUpdate(m,h,_)})}if(f.context=D,f.props=S,f.__P=e,f.__e=!1,O=a.__r,k=0,T)f.state=f.__s,f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),g.push.apply(f.__h,f._sb),f._sb=[];else do f.__d=!1,O&&O(t),d=f.render(f.props,f.state,f.context),f.state=f.__s;while(f.__d&&++k<25);f.state=f.__s,f.getChildContext!=null&&(r=y(y({},r),f.getChildContext())),T&&!p&&f.getSnapshotBeforeUpdate!=null&&(_=f.getSnapshotBeforeUpdate(m,h)),A=d!=null&&d.type===C&&d.key==null?ae(d.props.children):d,c=ee(e,v(A)?A:[A],t,n,r,i,o,s,c,l,u),f.base=t.__e,t.__u&=-161,f.__h.length&&s.push(f),x&&(f.__E=f.__=null)}catch(e){if(t.__v=null,l||o!=null)if(e.then){for(t.__u|=l?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o[o.indexOf(c)]=null,t.__e=c}else{for(j=o.length;j--;)b(o[j]);F(t)}else t.__e=n.__e,t.__k=n.__k,e.then||F(t);a.__e(e,t,n)}else o==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):c=t.__e=oe(n.__e,t,n,r,i,o,s,l,u);return(d=a.diffed)&&d(t),128&t.__u?void 0:c}function F(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(F))}function ie(e,t,n){for(var r=0;r<n.length;r++)I(n[r],n[++r],n[++r]);a.__c&&a.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){a.__e(e,t.__v)}})}function ae(e){return typeof e!=`object`||!e||e.__b>0?e:v(e)?e.map(ae):y({},e)}function oe(e,t,n,r,o,s,c,l,u){var d,f,p,m,g,_,y,x=n.props||h,S=t.props,C=t.type;if(C==`svg`?o=`http://www.w3.org/2000/svg`:C==`math`?o=`http://www.w3.org/1998/Math/MathML`:o||=`http://www.w3.org/1999/xhtml`,s!=null){for(d=0;d<s.length;d++)if((g=s[d])&&`setAttribute`in g==!!C&&(C?g.localName==C:g.nodeType==3)){e=g,s[d]=null;break}}if(e==null){if(C==null)return document.createTextNode(S);e=document.createElementNS(o,C,S.is&&S),l&&=(a.__m&&a.__m(t,s),!1),s=null}if(C==null)x===S||l&&e.data==S||(e.data=S);else{if(s&&=i.call(e.childNodes),!l&&s!=null)for(x={},d=0;d<e.attributes.length;d++)x[(g=e.attributes[d]).name]=g.value;for(d in x)g=x[d],d==`dangerouslySetInnerHTML`?p=g:d==`children`||d in S||d==`value`&&`defaultValue`in S||d==`checked`&&`defaultChecked`in S||N(e,d,null,g,o);for(d in S)g=S[d],d==`children`?m=g:d==`dangerouslySetInnerHTML`?f=g:d==`value`?_=g:d==`checked`?y=g:l&&typeof g!=`function`||x[d]===g||N(e,d,g,x[d],o);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),t.__k=[];else if(p&&(e.innerHTML=``),ee(t.type==`template`?e.content:e,v(m)?m:[m],t,n,r,C==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:n.__k&&T(n,0),l,u),s!=null)for(d=s.length;d--;)b(s[d]);l||(d=`value`,C==`progress`&&_==null?e.removeAttribute(`value`):_!=null&&(_!==e[d]||C==`progress`&&!_||C==`option`&&_!=x[d])&&N(e,d,_,x[d],o),d=`checked`,y!=null&&y!=e[d]&&N(e,d,y,x[d],o))}return e}function I(e,t,n){try{if(typeof e==`function`){var r=typeof e.__u==`function`;r&&e.__u(),r&&t==null||(e.__u=e(t))}else e.current=t}catch(e){a.__e(e,n)}}function se(e,t,n){var r,i;if(a.unmount&&a.unmount(e),(r=e.ref)&&(r.current&&r.current!=e.__e||I(r,null,t)),(r=e.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){a.__e(e,t)}r.base=r.__P=null}if(r=e.__k)for(i=0;i<r.length;i++)r[i]&&se(r[i],t,n||typeof e.type!=`function`);n||b(e.__e),e.__c=e.__=e.__e=void 0}function ce(e,t,n){return this.constructor(e,n)}function L(e,t,n){var r,o,s,c;t==document&&(t=document.documentElement),a.__&&a.__(e,t),o=(r=typeof n==`function`)?null:n&&n.__k||t.__k,s=[],c=[],P(t,e=(!r&&n||t).__k=x(C,null,[e]),o||h,h,t.namespaceURI,!r&&n?[n]:o?null:t.firstChild?i.call(t.childNodes):null,s,!r&&n?n:o?o.__e:t.firstChild,r,c),ie(s,e,c)}function le(e,t){L(e,t,le)}function ue(e,t,n){var r,a,o,s,c=y({},e.props);for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)o==`key`?r=t[o]:o==`ref`?a=t[o]:c[o]=t[o]===void 0&&s!=null?s[o]:t[o];return arguments.length>2&&(c.children=arguments.length>3?i.call(arguments,2):n),S(e.type,c,r||e.key,a||e.ref,null)}i=g.slice,a={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&a.getDerivedStateFromError!=null&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(t){e=t}throw e}},o=0,w.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=y({},this.state);typeof e==`function`&&(e=e(y({},n),this.props)),e&&y(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),O(this))},w.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),O(this))},w.prototype.render=C,s=[],l=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,u=function(e,t){return e.__v.__b-t.__v.__b},k.__r=0,d=/(PointerCapture)$|Capture$/i,f=0,p=re(!1),m=re(!0);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(this,arguments)}function de(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}var fe=[`context`,`children`],pe=[`useFragment`];function me(e,t,n,r){function i(){var t,n=Reflect.construct(HTMLElement,[],i);return n._vdomComponent=e,r&&r.shadow?(n._root=n.attachShadow({mode:r.mode||`open`,serializable:(t=r.serializable)!=null&&t}),r.adoptedStyleSheets&&(n._root.adoptedStyleSheets=r.adoptedStyleSheets)):n._root=n,n}return(i.prototype=Object.create(HTMLElement.prototype)).constructor=i,i.prototype.connectedCallback=function(){ge.call(this,r)},i.prototype.attributeChangedCallback=_e,i.prototype.disconnectedCallback=ve,n=n||e.observedAttributes||Object.keys(e.propTypes||{}),i.observedAttributes=n,e.formAssociated&&(i.formAssociated=!0),n.forEach(function(e){Object.defineProperty(i.prototype,e,{get:function(){return this._vdom?this._vdom.props[e]:this._props[e]},set:function(t){this._vdom?this.attributeChangedCallback(e,null,t):(this._props||={},this._props[e]=t);var n=typeof t;t!=null&&n!==`string`&&n!==`boolean`&&n!==`number`||this.setAttribute(e,t)}})}),customElements.define(t||e.tagName||e.displayName||e.name,i),i}function he(e){this.getChildContext=function(){return e.context};var t=e.children;return ue(t,de(e,fe))}function ge(e){var t=new CustomEvent(`_preact`,{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(t),this._vdom=x(he,R({},this._props,{context:t.detail.context}),ye(this,this._vdomComponent,e)),(this.hasAttribute(`hydrate`)?le:L)(this._vdom,this._root)}function z(e){return e.replace(/-(\w)/g,function(e,t){return t?t.toUpperCase():``})}function _e(e,t,n){if(this._vdom){var r={};r[e]=n??=void 0,r[z(e)]=n,this._vdom=ue(this._vdom,r),L(this._vdom,this._root)}}function ve(){L(this._vdom=null,this._root)}function B(e,t){var n=this,r=e.useFragment,i=de(e,pe);return x(r?C:`slot`,R({},i,{ref:function(e){e?(n.ref=e,n._listener||(n._listener=function(e){e.stopPropagation(),e.detail.context=t},e.addEventListener(`_preact`,n._listener))):n.ref.removeEventListener(`_preact`,n._listener)}}))}function ye(e,t,n){if(e.nodeType===3)return e.data;if(e.nodeType!==1)return null;var r=[],i={},a=0,o=e.attributes,s=e.childNodes;for(a=o.length;a--;)o[a].name!==`slot`&&(i[o[a].name]=o[a].value,i[z(o[a].name)]=o[a].value);for(a=s.length;a--;){var c=ye(s[a],null,n),l=s[a].slot;l?i[l]=x(B,{name:l},c):r[a]=c}var u=!(!n||!n.shadow),d=t?x(B,{useFragment:!u},r):r;return!u&&t&&(e.innerHTML=``),x(t||e.nodeName.toLowerCase(),i,d)}function be(e,t,i=[],a={shadow:!0}){typeof window<`u`&&(n(r),customElements.get(t)||me(e,t,i,a))}var xe=0;Array.isArray;function Se(e,t,n,r,i,o){t||={};var s,c,l=t;if(`ref`in l)for(c in l={},t)c==`ref`?s=t[c]:l[c]=t[c];var u={type:e,props:l,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--xe,__i:-1,__u:0,__source:i,__self:o};if(typeof e==`function`&&(s=e.defaultProps))for(c in s)l[c]===void 0&&(l[c]=s[c]);return a.vnode&&a.vnode(u),u}var V,H,U,Ce,W=0,we=[],G=a,Te=G.__b,Ee=G.__r,De=G.diffed,Oe=G.__c,ke=G.unmount,Ae=G.__;function K(e,t){G.__h&&G.__h(H,e,W||t),W=0;var n=H.__H||={__:[],__h:[]};return e>=n.__.length&&n.__.push({}),n.__[e]}function q(e){return W=1,je(Ie,e)}function je(e,t,n){var r=K(V++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Ie(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=H,!H.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=r.__c.__H.__.filter(function(e){return e.__c});if(i.every(function(e){return!e.__N}))return!a||a.call(this,e,t,n);var o=r.__c.props!==e;return i.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a&&a.call(this,e,t,n)||o};H.__f=!0;var a=H.shouldComponentUpdate,o=H.componentWillUpdate;H.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},H.shouldComponentUpdate=i}return r.__N||r.__}function J(e,t){var n=K(V++,3);!G.__s&&Q(n.__H,t)&&(n.__=e,n.u=t,H.__H.__h.push(n))}function Y(e,t){var n=K(V++,7);return Q(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function Me(e,t){return W=8,Y(function(){return e},t)}function Ne(){for(var e;e=we.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(X),t.__h.some(Z),t.__h=[]}catch(n){t.__h=[],G.__e(n,e.__v)}}}G.__b=function(e){H=null,Te&&Te(e)},G.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Ae&&Ae(e,t)},G.__r=function(e){Ee&&Ee(e),V=0;var t=(H=e.__c).__H;t&&(U===H?(t.__h=[],H.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(X),t.__h.some(Z),t.__h=[],V=0)),U=H},G.diffed=function(e){De&&De(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(we.push(t)!==1&&Ce===G.requestAnimationFrame||((Ce=G.requestAnimationFrame)||Fe)(Ne)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),U=H=null},G.__c=function(e,t){t.some(function(e){try{e.__h.some(X),e.__h=e.__h.filter(function(e){return!e.__||Z(e)})}catch(n){t.some(function(e){e.__h&&=[]}),t=[],G.__e(n,e.__v)}}),Oe&&Oe(e,t)},G.unmount=function(e){ke&&ke(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{X(e)}catch(e){t=e}}),n.__H=void 0,t&&G.__e(t,n.__v))};var Pe=typeof requestAnimationFrame==`function`;function Fe(e){var t,n=function(){clearTimeout(r),Pe&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);Pe&&(t=requestAnimationFrame(n))}function X(e){var t=H,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),H=t}function Z(e){var t=H;e.__c=e.__(),H=t}function Q(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function Ie(e,t){return typeof t==`function`?t(e):t}function Le(){let[n,r]=q(()=>window.FrakSetup?.config?.waitForBackendConfig===!1?!0:e.isResolved),[i,a]=q(()=>e.getConfig().hidden??!1),[o,s]=q(()=>!!window.FrakSetup?.client);return J(()=>{let n=e.getConfig();n.isResolved&&(r(!0),a(n.hidden??!1)),window.FrakSetup?.client&&s(!0);let i=e=>{let t=e.detail;t.isResolved&&r(!0),a(t.hidden??!1)};window.addEventListener(`frak:config`,i);let o=()=>s(!0);return t(`add`,o),()=>{window.removeEventListener(`frak:config`,i),t(`remove`,o)}},[]),{shouldRender:n,isHidden:i,isClientReady:o}}const $=`
|
|
2
|
-
:host {
|
|
3
|
-
display: contents;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
:host([hidden]) {
|
|
7
|
-
display: none;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.button:disabled {
|
|
11
|
-
opacity: 0.7;
|
|
12
|
-
cursor: default;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.button__fadeIn {
|
|
16
|
-
animation: frak-fadeIn 300ms ease-in;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@keyframes frak-fadeIn {
|
|
20
|
-
from {
|
|
21
|
-
opacity: 0;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
to {
|
|
25
|
-
opacity: 1;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
`;function Re(e,t){return t?`${$}\n${e}\n${t}`:`${$}\n${e}`}const ze=`
|
|
29
|
-
:where(frak-button-share, frak-open-in-app) {
|
|
30
|
-
display: contents;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:where(frak-button-share .button, frak-open-in-app .button) {
|
|
34
|
-
display: flex;
|
|
35
|
-
align-items: center;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
gap: 10px;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
:where(frak-button-share .button:disabled, frak-open-in-app .button:disabled) {
|
|
41
|
-
opacity: 0.7;
|
|
42
|
-
cursor: default;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
:where(frak-button-share .button__fadeIn, frak-open-in-app .button__fadeIn) {
|
|
46
|
-
animation: frak-fadeIn 300ms ease-in;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@keyframes frak-fadeIn {
|
|
50
|
-
from {
|
|
51
|
-
opacity: 0;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
to {
|
|
55
|
-
opacity: 1;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
`;function Be(t){return e.getConfig().placements?.[t]}function Ve(e){let[t,n]=q(0);return J(()=>{let e=e=>{n(e=>e+1)};return window.addEventListener(`frak:config`,e),n(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),Y(()=>e?Be(e):void 0,[e,t])}export{Y as a,J as c,M as d,x as f,w as h,Le as i,Se as l,a as m,Re as n,q as o,C as p,ze as r,Me as s,Ve as t,be as u};
|