@frak-labs/components 1.0.2 → 1.0.3-beta.cbd1e90c
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.BTj-CQM6.js +162 -0
- package/cdn/ButtonShare.DNdo_eQJ.js +1 -0
- package/cdn/{ButtonWallet.Cwz9qFhE.js → ButtonWallet.CN2iHSTB.js} +1 -1
- package/cdn/{OpenInAppButton.Hq9EjwJE.js → OpenInAppButton.C1Yipwka.js} +1 -1
- package/cdn/PostPurchase.BvmSYSpL.js +52 -0
- package/cdn/components.js +1 -1
- package/cdn/formatReward.C7mU9_cV.js +1 -0
- package/cdn/loader.js +2 -2
- package/cdn/sharingPage.Do_xfrTN.js +1 -0
- package/cdn/{sprinkles.css.ts.vanilla.Ct795MMK.js → sprinkles.css.ts.vanilla.06k5OzG1.js} +1 -1
- package/cdn/useGlobalComponents.UJmjUUxk.js +1 -0
- package/cdn/{useLightDomStyles.DqYouFn3.js → useLightDomStyles.Gt7YUMDl.js} +1 -1
- package/cdn/{usePlacement.Di6eZ4ty.js → usePlacement.BJ7qe-pw.js} +1 -1
- package/cdn/{useReward.DWyyva4u.js → useReward.QsQc2c1D.js} +1 -1
- package/dist/{GiftIcon-4sr9xXyq.js → GiftIcon-c28NnqJ7.js} +1 -0
- package/dist/banner.js +2 -2
- package/dist/buttonShare.d.ts +9 -4
- package/dist/buttonShare.js +13 -177
- package/dist/openInApp.js +1 -1
- package/dist/postPurchase.d.ts +17 -1
- package/dist/postPurchase.js +96 -16
- package/dist/sharingPage-DFvQbviS.js +15 -0
- package/dist/useLightDomStyles-gbuSWvRx.js +89 -0
- package/package.json +3 -3
- package/cdn/Banner.1iUbfe7Z.js +0 -162
- package/cdn/ButtonShare.APhrT3sb.js +0 -1
- package/cdn/PostPurchase.gHQmp1c4.js +0 -52
- package/cdn/formatReward.BaR9pE50.js +0 -1
- package/cdn/useGlobalComponents.CLH7id-Y.js +0 -1
- package/cdn/useShareModal.pszXJ-rf.js +0 -1
- package/dist/useLightDomStyles-C3lcOwY2.js +0 -41
- package/dist/useShareModal-BEVkLrBP.js +0 -54
package/dist/postPurchase.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
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-gbuSWvRx.js";
|
|
4
4
|
import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
|
|
5
|
-
import { t as
|
|
6
|
-
import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-
|
|
5
|
+
import { t as openSharingPage } from "./sharingPage-DFvQbviS.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-c28NnqJ7.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$5 + cssSource$3 + cssSource$4 + 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,32 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
|
|
|
1531
1592
|
placementId,
|
|
1532
1593
|
context?.reward
|
|
1533
1594
|
]);
|
|
1534
|
-
const
|
|
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 handleClick = useCallback(() => {
|
|
1606
|
+
if (!resolvedVariant) return;
|
|
1607
|
+
trackEvent(window.FrakSetup?.client, "post_purchase_clicked", {
|
|
1608
|
+
placement: placementId,
|
|
1609
|
+
variant: resolvedVariant
|
|
1610
|
+
});
|
|
1611
|
+
openSharingPage(void 0, placementId, {
|
|
1612
|
+
link: resolvedSharingUrl,
|
|
1613
|
+
products: parsedProducts
|
|
1614
|
+
});
|
|
1615
|
+
}, [
|
|
1616
|
+
resolvedVariant,
|
|
1617
|
+
placementId,
|
|
1618
|
+
resolvedSharingUrl,
|
|
1619
|
+
parsedProducts
|
|
1620
|
+
]);
|
|
1535
1621
|
if (!isPreview && (!shouldRender || isHidden)) return null;
|
|
1536
1622
|
if (!isPreview && (!context || !resolvedVariant)) return null;
|
|
1537
1623
|
if (!resolvedVariant) return null;
|
|
@@ -1557,14 +1643,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
|
|
|
1557
1643
|
type: "button",
|
|
1558
1644
|
className: `${cta} button`,
|
|
1559
1645
|
disabled: !isPreview && !isClientReady,
|
|
1560
|
-
onClick: isPreview ? void 0 :
|
|
1561
|
-
if (!resolvedVariant) return;
|
|
1562
|
-
trackEvent(window.FrakSetup?.client, "post_purchase_clicked", {
|
|
1563
|
-
placement: placementId,
|
|
1564
|
-
variant: resolvedVariant
|
|
1565
|
-
});
|
|
1566
|
-
handleShare();
|
|
1567
|
-
},
|
|
1646
|
+
onClick: isPreview ? void 0 : handleClick,
|
|
1568
1647
|
children: [texts.cta, /* @__PURE__ */ jsx("svg", {
|
|
1569
1648
|
width: "16",
|
|
1570
1649
|
height: "16",
|
|
@@ -1613,6 +1692,7 @@ registerWebComponent(PostPurchase, "frak-post-purchase", [
|
|
|
1613
1692
|
"referrerText",
|
|
1614
1693
|
"refereeText",
|
|
1615
1694
|
"ctaText",
|
|
1695
|
+
"products",
|
|
1616
1696
|
"preview",
|
|
1617
1697
|
"previewVariant"
|
|
1618
1698
|
], { shadow: false });
|
|
@@ -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?.length && { products: options.products },
|
|
11
|
+
...targetInteraction && { metadata: { targetInteraction } }
|
|
12
|
+
}, placement);
|
|
13
|
+
}
|
|
14
|
+
//#endregion
|
|
15
|
+
export { openSharingPage as t };
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { r as lightDomBaseCss } from "./usePlacement-V7NrKoub.js";
|
|
2
|
+
import { useEffect } from "preact/hooks";
|
|
3
|
+
//#region src/utils/styleManager.ts
|
|
4
|
+
/**
|
|
5
|
+
* Tracks every base CSS rule (by exact cssText) already injected into <head>.
|
|
6
|
+
*
|
|
7
|
+
* Each Light DOM component (frak-banner, frak-post-purchase, …) ships a
|
|
8
|
+
* `cssSource` string that contains both component-specific rules AND shared
|
|
9
|
+
* design-system rules (reset, sprinkles, theme tokens) pulled in transitively
|
|
10
|
+
* by vanilla-extract. Without dedup, every component re-emits the same reset
|
|
11
|
+
* class definitions in its own <style> tag, and whichever stylesheet is
|
|
12
|
+
* appended LAST wins for those shared selectors — flipping the cascade order
|
|
13
|
+
* non-deterministically across mount orders.
|
|
14
|
+
*
|
|
15
|
+
* Deduplicating rule-by-rule guarantees that shared rules appear exactly once
|
|
16
|
+
* (in the first component's stylesheet) and component-specific rules always
|
|
17
|
+
* come AFTER them in document order, so component styles win deterministically.
|
|
18
|
+
*/
|
|
19
|
+
const injectedRules = /* @__PURE__ */ new Set();
|
|
20
|
+
function ensureStyle(id, css) {
|
|
21
|
+
const existing = document.getElementById(id);
|
|
22
|
+
if (existing) {
|
|
23
|
+
if (existing.textContent !== css) existing.textContent = css;
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
const style = document.createElement("style");
|
|
27
|
+
style.id = id;
|
|
28
|
+
style.textContent = css;
|
|
29
|
+
document.head.appendChild(style);
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Parses `css` and returns a new string containing only rules that have not
|
|
33
|
+
* already been injected into <head>. Tracks injected rules in `injectedRules`.
|
|
34
|
+
*
|
|
35
|
+
* Falls back to the raw input if the browser lacks the constructable
|
|
36
|
+
* `CSSStyleSheet` API or parsing fails — preserves correctness over dedup.
|
|
37
|
+
*/
|
|
38
|
+
function dedupeAgainstInjected(css) {
|
|
39
|
+
if (typeof CSSStyleSheet !== "function") return css;
|
|
40
|
+
let sheet;
|
|
41
|
+
try {
|
|
42
|
+
sheet = new CSSStyleSheet();
|
|
43
|
+
sheet.replaceSync(css);
|
|
44
|
+
} catch {
|
|
45
|
+
return css;
|
|
46
|
+
}
|
|
47
|
+
let out = "";
|
|
48
|
+
for (let i = 0; i < sheet.cssRules.length; i++) {
|
|
49
|
+
const ruleText = sheet.cssRules[i].cssText;
|
|
50
|
+
if (injectedRules.has(ruleText)) continue;
|
|
51
|
+
injectedRules.add(ruleText);
|
|
52
|
+
out += `${ruleText}\n`;
|
|
53
|
+
}
|
|
54
|
+
return out;
|
|
55
|
+
}
|
|
56
|
+
function injectBase(tag, css) {
|
|
57
|
+
const id = `frak-base-${tag}`;
|
|
58
|
+
if (document.getElementById(id)) return;
|
|
59
|
+
const deduped = dedupeAgainstInjected(css);
|
|
60
|
+
if (!deduped) return;
|
|
61
|
+
const style = document.createElement("style");
|
|
62
|
+
style.id = id;
|
|
63
|
+
style.textContent = deduped;
|
|
64
|
+
document.head.appendChild(style);
|
|
65
|
+
}
|
|
66
|
+
function injectPlacement(tag, placementId, scopedCss) {
|
|
67
|
+
ensureStyle(`frak-placement-${tag}-${placementId}`, scopedCss);
|
|
68
|
+
}
|
|
69
|
+
const styleManager = {
|
|
70
|
+
injectBase,
|
|
71
|
+
injectPlacement
|
|
72
|
+
};
|
|
73
|
+
//#endregion
|
|
74
|
+
//#region src/hooks/useLightDomStyles.ts
|
|
75
|
+
function useLightDomStyles(tag, placementId, placementCss, baseCss) {
|
|
76
|
+
useEffect(() => {
|
|
77
|
+
styleManager.injectBase(tag, baseCss ?? lightDomBaseCss);
|
|
78
|
+
}, [tag]);
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
if (!placementId || !placementCss) return;
|
|
81
|
+
styleManager.injectPlacement(tag, placementId, placementCss);
|
|
82
|
+
}, [
|
|
83
|
+
tag,
|
|
84
|
+
placementId,
|
|
85
|
+
placementCss
|
|
86
|
+
]);
|
|
87
|
+
}
|
|
88
|
+
//#endregion
|
|
89
|
+
export { useLightDomStyles 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.
|
|
14
|
+
"version": "1.0.3-beta.cbd1e90c",
|
|
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",
|
|
90
|
-
"@frak-labs/frame-connector": "0.2.0",
|
|
89
|
+
"@frak-labs/core-sdk": "1.0.2-beta.cbd1e90c",
|
|
90
|
+
"@frak-labs/frame-connector": "0.2.0-beta.cbd1e90c",
|
|
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.1iUbfe7Z.js
DELETED
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
import{C as e,d as t,h as n,l as r,v as i}from"./loader.js";import{a,c as o,d as s,i as c,l,o as u,s as d,t as f,u as p}from"./usePlacement.Di6eZ4ty.js";import{a as m,c as h,i as g,n as _,r as v,s as y,t as b}from"./sprinkles.css.ts.vanilla.Ct795MMK.js";import{t as x}from"./useGlobalComponents.CLH7id-Y.js";import{t as S}from"./useLightDomStyles.DqYouFn3.js";import{t as C}from"./useReward.DWyyva4u.js";const w=`@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 T=`inAppBanner_body__1ibpiy75`,E=`inAppBanner_closeButton__1ibpiy78`,D=`inAppBanner_container__1ibpiy71`,O=`inAppBanner_cta__1ibpiy77`,k=`inAppBanner_description__1ibpiy76`,A=`inAppBanner_header__1ibpiy72`,j=`inAppBanner_iconWrapper__1ibpiy73`,M=`inAppBanner_title__1ibpiy74`;g+w;function N({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:s}){return p(`div`,{className:`${D}${o?` ${o}`:``}`,role:`alert`,children:[p(`div`,{className:A,children:[p(`span`,{className:`${j}${s?.icon?` ${s.icon}`:``}`,children:p(m,{width:20,height:20})}),p(`p`,{className:`${M}${s?.title?` ${s.title}`:``}`,children:e})]}),p(`div`,{className:T,children:[p(`p`,{className:`${k}${s?.description?` ${s.description}`:``}`,children:t}),p(`button`,{type:`button`,className:`${O}${s?.cta?` ${s.cta}`:``}`,onClick:i,children:[n,p(y,{width:14,height:14})]})]}),p(`button`,{type:`button`,className:`${E}${s?.close?` ${s.close}`:``}`,onClick:a,"aria-label":r,children:p(h,{width:16,height:16})})]})}var P=`Banner_iconSvg__1gnumzi2`,F=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,I=`Banner_referralBody__1gnumzi5`,ee=`Banner_referralCta__1gnumzi8 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,te=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,L=`Banner_referralIconWrapper__1gnumzi4`,R=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const z=_+g+b+w+`@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:s,classname:m=``,interaction:h,referralTitle:g,referralDescription:_,referralCta:y,inappTitle:b,inappDescription:w,inappCta:T,preview:E,previewMode:D}){let O=!!E,k=D===`inapp`?`inapp`:`referral`,A=f(s),{shouldRender:j,isHidden:M,isClientReady:B}=c();S(`frak-banner`,s,A?.components?.banner?.css,z);let[V,H]=d(!1),[U,W]=d(()=>O?k:i?`inapp`:null),G=a(null);l(()=>{O&&W(k)},[O,k]);let{reward:K}=C(U===`referral`&&B,h),[q,J]=d(null);l(()=>{let e=window.FrakSetup?.client;U!==`inapp`||O||!B||!e||t(e).then(e=>J(e)).catch(()=>{})},[U,O,B]),l(()=>{O||!U||V||G.current!==U&&B&&(e(window.FrakSetup?.client,`banner_impression`,{placement:s,variant:U,has_reward:U===`referral`?!!K:void 0}),G.current=U)},[U,V,B,O,s]),l(()=>{if(O||U===`inapp`)return;let e=()=>W(`referral`);return window.addEventListener(r,e),()=>window.removeEventListener(r,e)},[O,U]);let Y=o(async()=>{if(O)return;if(e(window.FrakSetup?.client,`banner_resolved`,{placement:s,variant:U??`referral`,outcome:`clicked`}),U===`referral`){H(!0);return}let r=q;if(!r&&window.FrakSetup?.client)try{r=await t(window.FrakSetup?.client)}catch{}let i=window.location.href;if(r){let e=new URL(i);e.searchParams.set(`fmt`,r),i=e.toString()}n(i)},[O,U,q,s]),X=o(()=>{O||(e(window.FrakSetup?.client,`banner_resolved`,{placement:s,variant:U??`referral`,outcome:`dismissed`}),H(!0))},[O,U,s]),Z=x(),Q=A?.components?.banner??Z?.banner,$=u(()=>{if(U===`referral`){let e=K?`Earn ${K} on purchases on this site`:`You've been referred!`;return{title:g??Q?.referralTitle??e,description:_??Q?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:y??Q?.referralCta??`Got it`}}return{title:b??Q?.inappTitle??`Open in your browser`,description:w??Q?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:T??Q?.inappCta??`Open browser`}},[U,K,Q,g,_,y,b,w,T]);if(!U||!O&&(!j||M||V))return null;let ne=[F,`frak-banner`,`frak-banner--${U}`,m].filter(Boolean).join(` `);return U===`inapp`?p(N,{title:$.title,description:$.description,cta:$.cta,dismissLabel:`Dismiss`,onAction:Y,onDismiss:X,className:[`frak-banner`,`frak-banner--inapp`,m].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):p(`div`,{class:ne,role:`alert`,children:[p(`div`,{class:`${L} frak-banner__icon`,children:p(v,{class:P})}),p(`div`,{class:`${I} frak-banner__text`,children:[p(`p`,{class:`${R} frak-banner__title`,children:$.title}),p(`p`,{class:`${te} frak-banner__description`,children:$.description}),p(`button`,{type:`button`,class:`${ee} frak-banner__cta`,onClick:Y,children:$.cta})]})]})}s(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{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.pszXJ-rf.js";async function g(e,t){window.FrakSetup?.client&&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{return!1}finally{t.remove()}}return setTimeout(()=>{i(!1)},t),!0}catch{return!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};
|
|
@@ -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.pszXJ-rf.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}})},[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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e,g as t,x as n}from"./loader.js";function r(r,i,a){let o=n(i),s=t(o);switch(r.payoutType){case`fixed`:return e(Math.round(r.amount[s]),o);case`percentage`:return a===void 0?`${r.percent} %`:e(Math.round(r.percent*a/100),o);case`tiered`:{let t=r.tiers.reduce((e,t)=>Math.max(e,t.amount[s]),0);return e(Math.round(t),o)}}}function i(e,t){return t?e.replace(`{REWARD}`,t):e.replace(`{REWARD}`,``)}export{r as n,i as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{S as e}from"./loader.js";import{l as t,o as n,s as r}from"./usePlacement.Di6eZ4ty.js";function i(){let[i,a]=r(0);return t(()=>{let e=e=>{a(e=>e+1)};return window.addEventListener(`frak:config`,e),a(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),n(()=>e.getConfig().components,[i])}export{i as t};
|
|
@@ -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){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)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)}},[s,c,l]),isError:f,debugInfo:u}}export{s as t};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { r as lightDomBaseCss } from "./usePlacement-V7NrKoub.js";
|
|
2
|
-
import { useEffect } from "preact/hooks";
|
|
3
|
-
//#region src/utils/styleManager.ts
|
|
4
|
-
function ensureStyle(id, css) {
|
|
5
|
-
const existing = document.getElementById(id);
|
|
6
|
-
if (existing) {
|
|
7
|
-
if (existing.textContent !== css) existing.textContent = css;
|
|
8
|
-
return;
|
|
9
|
-
}
|
|
10
|
-
const style = document.createElement("style");
|
|
11
|
-
style.id = id;
|
|
12
|
-
style.textContent = css;
|
|
13
|
-
document.head.appendChild(style);
|
|
14
|
-
}
|
|
15
|
-
function injectBase(tag, css) {
|
|
16
|
-
ensureStyle(`frak-base-${tag}`, css);
|
|
17
|
-
}
|
|
18
|
-
function injectPlacement(tag, placementId, scopedCss) {
|
|
19
|
-
ensureStyle(`frak-placement-${tag}-${placementId}`, scopedCss);
|
|
20
|
-
}
|
|
21
|
-
const styleManager = {
|
|
22
|
-
injectBase,
|
|
23
|
-
injectPlacement
|
|
24
|
-
};
|
|
25
|
-
//#endregion
|
|
26
|
-
//#region src/hooks/useLightDomStyles.ts
|
|
27
|
-
function useLightDomStyles(tag, placementId, placementCss, baseCss) {
|
|
28
|
-
useEffect(() => {
|
|
29
|
-
styleManager.injectBase(tag, baseCss ?? lightDomBaseCss);
|
|
30
|
-
}, [tag]);
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
if (!placementId || !placementCss) return;
|
|
33
|
-
styleManager.injectPlacement(tag, placementId, placementCss);
|
|
34
|
-
}, [
|
|
35
|
-
tag,
|
|
36
|
-
placementId,
|
|
37
|
-
placementCss
|
|
38
|
-
]);
|
|
39
|
-
}
|
|
40
|
-
//#endregion
|
|
41
|
-
export { useLightDomStyles as t };
|