@deriv-web-design/ui 0.1.29 → 0.1.31
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/block-registry.json +115 -2
- package/components.manifest.json +49 -1
- package/dist/index.css +250 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +39 -1
- package/dist/index.d.ts +39 -1
- package/dist/index.js +1078 -817
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1052 -792
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3740,6 +3740,7 @@ var Navbar = ({
|
|
|
3740
3740
|
const [mobileOpen, setMobileOpen] = useState11(false);
|
|
3741
3741
|
const [mobileExpanded, setMobileExpanded] = useState11(null);
|
|
3742
3742
|
const [scrolled, setScrolled] = useState11(false);
|
|
3743
|
+
const [isDesktop, setIsDesktop] = useState11(false);
|
|
3743
3744
|
const [langDropdownOpen, setLangDropdownOpen] = useState11(false);
|
|
3744
3745
|
const [mobileLangOpen, setMobileLangOpen] = useState11(false);
|
|
3745
3746
|
const hoverTimeoutRef = useRef11(null);
|
|
@@ -3761,6 +3762,13 @@ var Navbar = ({
|
|
|
3761
3762
|
window.addEventListener("scroll", onScroll, { passive: true });
|
|
3762
3763
|
return () => window.removeEventListener("scroll", onScroll);
|
|
3763
3764
|
}, []);
|
|
3765
|
+
useEffect9(() => {
|
|
3766
|
+
const mq = window.matchMedia("(min-width: 992px)");
|
|
3767
|
+
const onChange = () => setIsDesktop(mq.matches);
|
|
3768
|
+
onChange();
|
|
3769
|
+
mq.addEventListener("change", onChange);
|
|
3770
|
+
return () => mq.removeEventListener("change", onChange);
|
|
3771
|
+
}, []);
|
|
3764
3772
|
useEffect9(() => {
|
|
3765
3773
|
const onKey = (e) => {
|
|
3766
3774
|
if (e.key === "Escape") {
|
|
@@ -3825,6 +3833,8 @@ var Navbar = ({
|
|
|
3825
3833
|
hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
|
|
3826
3834
|
}, [clearHoverTimeout]);
|
|
3827
3835
|
const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
|
|
3836
|
+
const pillCopyInert = !scrolled;
|
|
3837
|
+
const outerCopyInert = scrolled && isDesktop;
|
|
3828
3838
|
return /* @__PURE__ */ jsxs29(
|
|
3829
3839
|
"nav",
|
|
3830
3840
|
{
|
|
@@ -3832,9 +3842,27 @@ var Navbar = ({
|
|
|
3832
3842
|
...props,
|
|
3833
3843
|
children: [
|
|
3834
3844
|
/* @__PURE__ */ jsxs29("div", { className: "navbar__bar", children: [
|
|
3835
|
-
/* @__PURE__ */ jsx32(
|
|
3845
|
+
/* @__PURE__ */ jsx32(
|
|
3846
|
+
"a",
|
|
3847
|
+
{
|
|
3848
|
+
href: logoHref,
|
|
3849
|
+
className: "navbar__logo",
|
|
3850
|
+
"aria-label": "Home",
|
|
3851
|
+
inert: outerCopyInert || void 0,
|
|
3852
|
+
children: /* @__PURE__ */ jsx32("img", { src: resolvedLogo, alt: "Logo" })
|
|
3853
|
+
}
|
|
3854
|
+
),
|
|
3836
3855
|
/* @__PURE__ */ jsx32("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ jsxs29("div", { className: "navbar__pill", children: [
|
|
3837
|
-
/* @__PURE__ */ jsx32(
|
|
3856
|
+
/* @__PURE__ */ jsx32(
|
|
3857
|
+
"a",
|
|
3858
|
+
{
|
|
3859
|
+
href: logoHref,
|
|
3860
|
+
className: "navbar__pill-logo",
|
|
3861
|
+
"aria-label": "Home",
|
|
3862
|
+
inert: pillCopyInert || void 0,
|
|
3863
|
+
children: /* @__PURE__ */ jsx32("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" })
|
|
3864
|
+
}
|
|
3865
|
+
),
|
|
3838
3866
|
/* @__PURE__ */ jsxs29("div", { className: "navbar__nav-group", children: [
|
|
3839
3867
|
navItems.map((item) => {
|
|
3840
3868
|
if (item.external) {
|
|
@@ -3902,10 +3930,17 @@ var Navbar = ({
|
|
|
3902
3930
|
}
|
|
3903
3931
|
)
|
|
3904
3932
|
] }),
|
|
3905
|
-
/* @__PURE__ */ jsxs29(
|
|
3906
|
-
|
|
3907
|
-
|
|
3908
|
-
|
|
3933
|
+
/* @__PURE__ */ jsxs29(
|
|
3934
|
+
"div",
|
|
3935
|
+
{
|
|
3936
|
+
className: "navbar__pill-actions",
|
|
3937
|
+
inert: pillCopyInert || void 0,
|
|
3938
|
+
children: [
|
|
3939
|
+
loginHref && /* @__PURE__ */ jsx32("a", { href: loginHref, children: /* @__PURE__ */ jsx32(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
|
|
3940
|
+
ctaHref && /* @__PURE__ */ jsx32("a", { href: ctaHref, children: /* @__PURE__ */ jsx32(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3941
|
+
]
|
|
3942
|
+
}
|
|
3943
|
+
)
|
|
3909
3944
|
] }) }),
|
|
3910
3945
|
/* @__PURE__ */ jsx32(AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ jsx32(
|
|
3911
3946
|
DropdownPanel,
|
|
@@ -3951,17 +3986,24 @@ var Navbar = ({
|
|
|
3951
3986
|
)
|
|
3952
3987
|
}
|
|
3953
3988
|
) }),
|
|
3954
|
-
/* @__PURE__ */ jsxs29(
|
|
3955
|
-
|
|
3956
|
-
|
|
3957
|
-
|
|
3958
|
-
|
|
3959
|
-
|
|
3960
|
-
|
|
3961
|
-
|
|
3962
|
-
|
|
3963
|
-
|
|
3964
|
-
|
|
3989
|
+
/* @__PURE__ */ jsxs29(
|
|
3990
|
+
"div",
|
|
3991
|
+
{
|
|
3992
|
+
className: "navbar__actions",
|
|
3993
|
+
inert: outerCopyInert || void 0,
|
|
3994
|
+
children: [
|
|
3995
|
+
loginHref && /* @__PURE__ */ jsx32("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ jsx32(
|
|
3996
|
+
Button,
|
|
3997
|
+
{
|
|
3998
|
+
colorScheme: theme === "dark" ? "white" : "black",
|
|
3999
|
+
variant: "secondary",
|
|
4000
|
+
label: loginLabel
|
|
4001
|
+
}
|
|
4002
|
+
) }),
|
|
4003
|
+
ctaHref && /* @__PURE__ */ jsx32("a", { href: ctaHref, children: /* @__PURE__ */ jsx32(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
4004
|
+
]
|
|
4005
|
+
}
|
|
4006
|
+
),
|
|
3965
4007
|
/* @__PURE__ */ jsxs29("div", { className: "navbar__mobile-actions", children: [
|
|
3966
4008
|
loginHref && /* @__PURE__ */ jsx32("a", { href: loginHref, children: /* @__PURE__ */ jsx32(
|
|
3967
4009
|
Button,
|
|
@@ -5098,13 +5140,230 @@ var StickyMarketCards = ({
|
|
|
5098
5140
|
);
|
|
5099
5141
|
};
|
|
5100
5142
|
|
|
5101
|
-
// templates/
|
|
5102
|
-
import {
|
|
5143
|
+
// templates/StickyMarketCardsLottie/StickyMarketCardsLottie.tsx
|
|
5144
|
+
import { useEffect as useEffect13, useRef as useRef16, useState as useState13 } from "react";
|
|
5103
5145
|
import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
5104
|
-
|
|
5105
|
-
|
|
5106
|
-
|
|
5107
|
-
|
|
5146
|
+
function safeHref(value) {
|
|
5147
|
+
if (!value) return null;
|
|
5148
|
+
if (value.startsWith("/") && !value.startsWith("//")) return value;
|
|
5149
|
+
try {
|
|
5150
|
+
const url = new URL(value);
|
|
5151
|
+
return url.protocol === "https:" ? value : null;
|
|
5152
|
+
} catch {
|
|
5153
|
+
return null;
|
|
5154
|
+
}
|
|
5155
|
+
}
|
|
5156
|
+
function safeLottieSrc(value) {
|
|
5157
|
+
const href = safeHref(value);
|
|
5158
|
+
if (!href || !isLottieSrc(href)) return null;
|
|
5159
|
+
return href;
|
|
5160
|
+
}
|
|
5161
|
+
function PlaybackGlyph({ playing }) {
|
|
5162
|
+
return /* @__PURE__ */ jsxs36("svg", { className: "smcl__control-icon", viewBox: "0 0 64 64", "aria-hidden": "true", children: [
|
|
5163
|
+
/* @__PURE__ */ jsx40("circle", { className: "smcl__control-disc", cx: "32", cy: "32", r: "32" }),
|
|
5164
|
+
playing ? /* @__PURE__ */ jsxs36(Fragment6, { children: [
|
|
5165
|
+
/* @__PURE__ */ jsx40("rect", { className: "smcl__control-glyph", x: "23", y: "21", width: "6", height: "22", rx: "2" }),
|
|
5166
|
+
/* @__PURE__ */ jsx40("rect", { className: "smcl__control-glyph", x: "35", y: "21", width: "6", height: "22", rx: "2" })
|
|
5167
|
+
] }) : /* @__PURE__ */ jsx40(
|
|
5168
|
+
"path",
|
|
5169
|
+
{
|
|
5170
|
+
className: "smcl__control-glyph",
|
|
5171
|
+
d: "M26.5058 19.9527L42.7058 29.8527C43.4933 30.359 43.9996 31.259 43.9996 32.159C43.9996 33.1152 43.4933 34.0152 42.7058 34.4652L26.5058 44.3652C25.6621 44.8715 24.5933 44.9277 23.7496 44.4215C22.9058 43.9715 22.3996 43.0715 22.3996 42.059V22.259C22.3996 21.3027 22.9058 20.4027 23.7496 19.9527C24.5933 19.4465 25.6621 19.4465 26.5058 19.9527Z"
|
|
5172
|
+
}
|
|
5173
|
+
)
|
|
5174
|
+
] });
|
|
5175
|
+
}
|
|
5176
|
+
function LottiePanel({ item, index, playing, onToggle }) {
|
|
5177
|
+
const src = safeLottieSrc(item.lottieSrc);
|
|
5178
|
+
const posterSrc = safeHref(item.lottiePosterUrl);
|
|
5179
|
+
const controlId = `smcl-lottie-${index}-${item.title}`.replace(/[^a-zA-Z0-9_-]/g, "-").slice(0, 80);
|
|
5180
|
+
return /* @__PURE__ */ jsxs36("div", { className: "smcl__lottie", children: [
|
|
5181
|
+
/* @__PURE__ */ jsx40("div", { id: controlId, className: "smcl__lottie-media", "aria-hidden": "true", children: src ? /* @__PURE__ */ jsx40(
|
|
5182
|
+
DotLottieInView,
|
|
5183
|
+
{
|
|
5184
|
+
src,
|
|
5185
|
+
enabled: playing,
|
|
5186
|
+
loop: true,
|
|
5187
|
+
className: "smcl__lottie-player",
|
|
5188
|
+
style: { alignItems: "stretch", justifyContent: "stretch" },
|
|
5189
|
+
poster: posterSrc ? /* @__PURE__ */ jsx40("img", { src: posterSrc, alt: "", loading: "lazy", decoding: "async" }) : void 0
|
|
5190
|
+
}
|
|
5191
|
+
) : null }),
|
|
5192
|
+
posterSrc && !playing ? /* @__PURE__ */ jsx40(
|
|
5193
|
+
"img",
|
|
5194
|
+
{
|
|
5195
|
+
className: "smcl__lottie-poster",
|
|
5196
|
+
src: posterSrc,
|
|
5197
|
+
alt: "",
|
|
5198
|
+
"aria-hidden": "true",
|
|
5199
|
+
loading: "lazy",
|
|
5200
|
+
decoding: "async"
|
|
5201
|
+
}
|
|
5202
|
+
) : null,
|
|
5203
|
+
src ? /* @__PURE__ */ jsx40(
|
|
5204
|
+
"button",
|
|
5205
|
+
{
|
|
5206
|
+
type: "button",
|
|
5207
|
+
className: `smcl__playback-toggle${playing ? " smcl__playback-toggle--playing" : ""}`,
|
|
5208
|
+
"aria-controls": controlId,
|
|
5209
|
+
"aria-pressed": playing,
|
|
5210
|
+
"aria-label": `${playing ? "Pause" : "Play"} ${item.title} animation`,
|
|
5211
|
+
onClick: onToggle,
|
|
5212
|
+
children: /* @__PURE__ */ jsx40(PlaybackGlyph, { playing })
|
|
5213
|
+
}
|
|
5214
|
+
) : null
|
|
5215
|
+
] });
|
|
5216
|
+
}
|
|
5217
|
+
var StickyMarketCardsLottie = ({
|
|
5218
|
+
sectionTitle,
|
|
5219
|
+
sectionDescription,
|
|
5220
|
+
items,
|
|
5221
|
+
className,
|
|
5222
|
+
...props
|
|
5223
|
+
}) => {
|
|
5224
|
+
const cardRefs = useRef16([]);
|
|
5225
|
+
const cardInnerRefs = useRef16([]);
|
|
5226
|
+
const [playing, setPlaying] = useState13({});
|
|
5227
|
+
useEffect13(() => {
|
|
5228
|
+
if (typeof window === "undefined") return;
|
|
5229
|
+
let rafId = 0;
|
|
5230
|
+
const update = () => {
|
|
5231
|
+
const wrappers = cardRefs.current.filter(Boolean);
|
|
5232
|
+
const inners = cardInnerRefs.current.filter(Boolean);
|
|
5233
|
+
const n2 = wrappers.length;
|
|
5234
|
+
wrappers.forEach((wrapper, i) => {
|
|
5235
|
+
const inner = inners[i];
|
|
5236
|
+
if (!inner) return;
|
|
5237
|
+
if (i === n2 - 1) {
|
|
5238
|
+
inner.style.transform = "scale(1)";
|
|
5239
|
+
inner.style.filter = "brightness(1)";
|
|
5240
|
+
return;
|
|
5241
|
+
}
|
|
5242
|
+
const nextWrapper = wrappers[i + 1];
|
|
5243
|
+
if (!nextWrapper) return;
|
|
5244
|
+
const currentRect = wrapper.getBoundingClientRect();
|
|
5245
|
+
const nextRect = nextWrapper.getBoundingClientRect();
|
|
5246
|
+
const overlap = currentRect.bottom - nextRect.top;
|
|
5247
|
+
if (overlap > 0) {
|
|
5248
|
+
const progress = Math.min(overlap / currentRect.height, 1);
|
|
5249
|
+
inner.style.transform = `scale(${(1 - progress * 0.05).toFixed(4)})`;
|
|
5250
|
+
inner.style.filter = `brightness(${(1 - progress * 0.4).toFixed(4)})`;
|
|
5251
|
+
} else {
|
|
5252
|
+
inner.style.transform = "scale(1)";
|
|
5253
|
+
inner.style.filter = "brightness(1)";
|
|
5254
|
+
}
|
|
5255
|
+
});
|
|
5256
|
+
};
|
|
5257
|
+
const onScroll = () => {
|
|
5258
|
+
cancelAnimationFrame(rafId);
|
|
5259
|
+
rafId = requestAnimationFrame(update);
|
|
5260
|
+
};
|
|
5261
|
+
window.addEventListener("scroll", onScroll, { passive: true });
|
|
5262
|
+
update();
|
|
5263
|
+
return () => {
|
|
5264
|
+
window.removeEventListener("scroll", onScroll);
|
|
5265
|
+
cancelAnimationFrame(rafId);
|
|
5266
|
+
};
|
|
5267
|
+
}, [items.length]);
|
|
5268
|
+
useEffect13(() => {
|
|
5269
|
+
if (typeof window === "undefined") return;
|
|
5270
|
+
const syncHeights = () => {
|
|
5271
|
+
const inners = cardInnerRefs.current.filter(Boolean);
|
|
5272
|
+
if (!inners.length) return;
|
|
5273
|
+
inners.forEach((inner) => {
|
|
5274
|
+
inner.style.minHeight = "";
|
|
5275
|
+
});
|
|
5276
|
+
let maxH = 0;
|
|
5277
|
+
inners.forEach((inner) => {
|
|
5278
|
+
const h = inner.getBoundingClientRect().height;
|
|
5279
|
+
if (h > maxH) maxH = h;
|
|
5280
|
+
});
|
|
5281
|
+
inners.forEach((inner) => {
|
|
5282
|
+
inner.style.minHeight = `${maxH}px`;
|
|
5283
|
+
});
|
|
5284
|
+
};
|
|
5285
|
+
syncHeights();
|
|
5286
|
+
window.addEventListener("resize", syncHeights);
|
|
5287
|
+
if (document.fonts && document.fonts.ready) {
|
|
5288
|
+
document.fonts.ready.then(syncHeights);
|
|
5289
|
+
}
|
|
5290
|
+
return () => {
|
|
5291
|
+
window.removeEventListener("resize", syncHeights);
|
|
5292
|
+
};
|
|
5293
|
+
}, [items.length]);
|
|
5294
|
+
const n = items.length;
|
|
5295
|
+
const maxStack = 4;
|
|
5296
|
+
const baseIndex = Math.max(0, n - maxStack);
|
|
5297
|
+
return /* @__PURE__ */ jsx40(
|
|
5298
|
+
"section",
|
|
5299
|
+
{
|
|
5300
|
+
className: ["smcl", className].filter(Boolean).join(" "),
|
|
5301
|
+
...props,
|
|
5302
|
+
children: /* @__PURE__ */ jsxs36("div", { className: "smcl__inner", children: [
|
|
5303
|
+
/* @__PURE__ */ jsxs36("div", { className: "smcl__header-wrap", children: [
|
|
5304
|
+
/* @__PURE__ */ jsx40("h2", { className: "smcl__header", children: sectionTitle }),
|
|
5305
|
+
sectionDescription && /* @__PURE__ */ jsx40("p", { className: "smcl__description", children: sectionDescription })
|
|
5306
|
+
] }),
|
|
5307
|
+
/* @__PURE__ */ jsx40("div", { className: "smcl__track", children: items.map((item, i) => {
|
|
5308
|
+
const theme = item.theme ?? "dark";
|
|
5309
|
+
const offsetMultiplier = Math.max(0, i - baseIndex);
|
|
5310
|
+
return /* @__PURE__ */ jsx40(
|
|
5311
|
+
"div",
|
|
5312
|
+
{
|
|
5313
|
+
ref: (el) => {
|
|
5314
|
+
cardRefs.current[i] = el;
|
|
5315
|
+
},
|
|
5316
|
+
className: "smcl__card",
|
|
5317
|
+
style: {
|
|
5318
|
+
["--smcl-card-index"]: String(offsetMultiplier),
|
|
5319
|
+
zIndex: i + 1
|
|
5320
|
+
},
|
|
5321
|
+
children: /* @__PURE__ */ jsx40(
|
|
5322
|
+
"div",
|
|
5323
|
+
{
|
|
5324
|
+
ref: (el) => {
|
|
5325
|
+
cardInnerRefs.current[i] = el;
|
|
5326
|
+
},
|
|
5327
|
+
className: [
|
|
5328
|
+
"smcl__card-inner",
|
|
5329
|
+
`smcl__card-inner--${theme}`
|
|
5330
|
+
].join(" "),
|
|
5331
|
+
children: /* @__PURE__ */ jsxs36("div", { className: "smcl__card-content", children: [
|
|
5332
|
+
/* @__PURE__ */ jsx40(
|
|
5333
|
+
LottiePanel,
|
|
5334
|
+
{
|
|
5335
|
+
item,
|
|
5336
|
+
index: i,
|
|
5337
|
+
playing: Boolean(playing[i]),
|
|
5338
|
+
onToggle: () => setPlaying((prev) => ({
|
|
5339
|
+
...prev,
|
|
5340
|
+
[i]: !prev[i]
|
|
5341
|
+
}))
|
|
5342
|
+
}
|
|
5343
|
+
),
|
|
5344
|
+
/* @__PURE__ */ jsxs36("div", { className: "smcl__card-text", children: [
|
|
5345
|
+
/* @__PURE__ */ jsx40("h3", { className: "smcl__card-title", children: item.title }),
|
|
5346
|
+
/* @__PURE__ */ jsx40("p", { className: "smcl__card-desc", children: item.description })
|
|
5347
|
+
] })
|
|
5348
|
+
] })
|
|
5349
|
+
}
|
|
5350
|
+
)
|
|
5351
|
+
},
|
|
5352
|
+
i
|
|
5353
|
+
);
|
|
5354
|
+
}) })
|
|
5355
|
+
] })
|
|
5356
|
+
}
|
|
5357
|
+
);
|
|
5358
|
+
};
|
|
5359
|
+
|
|
5360
|
+
// templates/Table/Table.tsx
|
|
5361
|
+
import { useState as useState14, useMemo as useMemo2 } from "react";
|
|
5362
|
+
import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
5363
|
+
var InfoIcon = ({ className }) => /* @__PURE__ */ jsxs37("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
|
|
5364
|
+
/* @__PURE__ */ jsx41("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
|
|
5365
|
+
/* @__PURE__ */ jsx41("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
5366
|
+
/* @__PURE__ */ jsx41("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
|
|
5108
5367
|
] });
|
|
5109
5368
|
var Table = ({
|
|
5110
5369
|
sectionTitle,
|
|
@@ -5117,9 +5376,9 @@ var Table = ({
|
|
|
5117
5376
|
className,
|
|
5118
5377
|
...props
|
|
5119
5378
|
}) => {
|
|
5120
|
-
const [search, setSearch] =
|
|
5121
|
-
const [page, setPage] =
|
|
5122
|
-
const [tooltip, setTooltip] =
|
|
5379
|
+
const [search, setSearch] = useState14("");
|
|
5380
|
+
const [page, setPage] = useState14(1);
|
|
5381
|
+
const [tooltip, setTooltip] = useState14({ visible: false, heading: "", description: "", x: 0, y: 0, arrowOffset: 0 });
|
|
5123
5382
|
const mainKey = mainColumnKey ?? columns.find((c) => c.width === "main")?.key ?? columns[0]?.key;
|
|
5124
5383
|
const filtered = useMemo2(() => {
|
|
5125
5384
|
const q = search.trim().toLowerCase();
|
|
@@ -5141,12 +5400,12 @@ var Table = ({
|
|
|
5141
5400
|
setSearch("");
|
|
5142
5401
|
setPage(1);
|
|
5143
5402
|
};
|
|
5144
|
-
return /* @__PURE__ */
|
|
5145
|
-
sectionTitle && /* @__PURE__ */
|
|
5146
|
-
/* @__PURE__ */
|
|
5147
|
-
/* @__PURE__ */
|
|
5148
|
-
/* @__PURE__ */
|
|
5149
|
-
/* @__PURE__ */
|
|
5403
|
+
return /* @__PURE__ */ jsxs37("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
|
|
5404
|
+
sectionTitle && /* @__PURE__ */ jsx41("div", { className: "tbl-section__header", children: /* @__PURE__ */ jsx41("h2", { className: "tbl-section__title", children: sectionTitle }) }),
|
|
5405
|
+
/* @__PURE__ */ jsxs37("div", { className: "tbl-section__content", children: [
|
|
5406
|
+
/* @__PURE__ */ jsxs37("div", { className: "tbl", children: [
|
|
5407
|
+
/* @__PURE__ */ jsxs37("div", { className: "tbl__topbar", children: [
|
|
5408
|
+
/* @__PURE__ */ jsx41("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ jsx41(
|
|
5150
5409
|
SearchField,
|
|
5151
5410
|
{
|
|
5152
5411
|
placeholder: searchPlaceholder,
|
|
@@ -5157,7 +5416,7 @@ var Table = ({
|
|
|
5157
5416
|
"aria-label": searchPlaceholder
|
|
5158
5417
|
}
|
|
5159
5418
|
) }),
|
|
5160
|
-
/* @__PURE__ */
|
|
5419
|
+
/* @__PURE__ */ jsx41("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
|
|
5161
5420
|
"Showing ",
|
|
5162
5421
|
startIdx + 1,
|
|
5163
5422
|
"- ",
|
|
@@ -5166,12 +5425,12 @@ var Table = ({
|
|
|
5166
5425
|
filtered.length
|
|
5167
5426
|
] }) : "No results" })
|
|
5168
5427
|
] }),
|
|
5169
|
-
/* @__PURE__ */
|
|
5170
|
-
/* @__PURE__ */
|
|
5428
|
+
/* @__PURE__ */ jsx41("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ jsxs37("table", { className: "tbl__table", children: [
|
|
5429
|
+
/* @__PURE__ */ jsx41("thead", { children: /* @__PURE__ */ jsx41("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
|
|
5171
5430
|
const isFirst = colIdx === 0;
|
|
5172
5431
|
const isLast = colIdx === columns.length - 1;
|
|
5173
5432
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
5174
|
-
return /* @__PURE__ */
|
|
5433
|
+
return /* @__PURE__ */ jsx41(
|
|
5175
5434
|
"th",
|
|
5176
5435
|
{
|
|
5177
5436
|
className: [
|
|
@@ -5179,7 +5438,7 @@ var Table = ({
|
|
|
5179
5438
|
isMain ? "tbl__th--main" : "",
|
|
5180
5439
|
col.width === "big" ? "tbl__th--big" : ""
|
|
5181
5440
|
].filter(Boolean).join(" "),
|
|
5182
|
-
children: /* @__PURE__ */
|
|
5441
|
+
children: /* @__PURE__ */ jsx41(
|
|
5183
5442
|
"div",
|
|
5184
5443
|
{
|
|
5185
5444
|
className: "tbl__th-inner",
|
|
@@ -5209,9 +5468,9 @@ var Table = ({
|
|
|
5209
5468
|
setTooltip((prev) => ({ ...prev, visible: false }));
|
|
5210
5469
|
}
|
|
5211
5470
|
},
|
|
5212
|
-
children: /* @__PURE__ */
|
|
5471
|
+
children: /* @__PURE__ */ jsx41("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ jsxs37("span", { children: [
|
|
5213
5472
|
line,
|
|
5214
|
-
li < col.header.length - 1 && /* @__PURE__ */
|
|
5473
|
+
li < col.header.length - 1 && /* @__PURE__ */ jsx41("br", {})
|
|
5215
5474
|
] }, li)) : col.header })
|
|
5216
5475
|
}
|
|
5217
5476
|
)
|
|
@@ -5219,10 +5478,10 @@ var Table = ({
|
|
|
5219
5478
|
col.key
|
|
5220
5479
|
);
|
|
5221
5480
|
}) }) }),
|
|
5222
|
-
/* @__PURE__ */
|
|
5481
|
+
/* @__PURE__ */ jsx41("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ jsx41("tr", { className: "tbl__tr", children: columns.map((col) => {
|
|
5223
5482
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
5224
5483
|
const iconUrl = row[`${col.key}_iconUrl`];
|
|
5225
|
-
return /* @__PURE__ */
|
|
5484
|
+
return /* @__PURE__ */ jsx41(
|
|
5226
5485
|
"td",
|
|
5227
5486
|
{
|
|
5228
5487
|
className: [
|
|
@@ -5230,8 +5489,8 @@ var Table = ({
|
|
|
5230
5489
|
isMain ? "tbl__td--main" : "",
|
|
5231
5490
|
col.width === "big" ? "tbl__td--big" : ""
|
|
5232
5491
|
].filter(Boolean).join(" "),
|
|
5233
|
-
children: isMain ? /* @__PURE__ */
|
|
5234
|
-
iconUrl && /* @__PURE__ */
|
|
5492
|
+
children: isMain ? /* @__PURE__ */ jsxs37("div", { className: "tbl__cell-inner", children: [
|
|
5493
|
+
iconUrl && /* @__PURE__ */ jsx41(
|
|
5235
5494
|
"img",
|
|
5236
5495
|
{
|
|
5237
5496
|
src: iconUrl,
|
|
@@ -5243,18 +5502,18 @@ var Table = ({
|
|
|
5243
5502
|
height: "24"
|
|
5244
5503
|
}
|
|
5245
5504
|
),
|
|
5246
|
-
/* @__PURE__ */
|
|
5247
|
-
] }) : /* @__PURE__ */
|
|
5505
|
+
/* @__PURE__ */ jsx41("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
|
|
5506
|
+
] }) : /* @__PURE__ */ jsx41("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
|
|
5248
5507
|
},
|
|
5249
5508
|
col.key
|
|
5250
5509
|
);
|
|
5251
|
-
}) }, rowIdx)) : /* @__PURE__ */
|
|
5510
|
+
}) }, rowIdx)) : /* @__PURE__ */ jsx41("tr", { className: "tbl__tr", children: /* @__PURE__ */ jsxs37("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
|
|
5252
5511
|
'No results found for "',
|
|
5253
5512
|
search,
|
|
5254
5513
|
'"'
|
|
5255
5514
|
] }) }) })
|
|
5256
5515
|
] }) }),
|
|
5257
|
-
totalPages > 1 && /* @__PURE__ */
|
|
5516
|
+
totalPages > 1 && /* @__PURE__ */ jsx41("div", { className: "tbl__footer", children: /* @__PURE__ */ jsx41("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ jsx41(
|
|
5258
5517
|
Pagination,
|
|
5259
5518
|
{
|
|
5260
5519
|
currentPage,
|
|
@@ -5263,19 +5522,19 @@ var Table = ({
|
|
|
5263
5522
|
}
|
|
5264
5523
|
) }) })
|
|
5265
5524
|
] }),
|
|
5266
|
-
infoText && /* @__PURE__ */
|
|
5267
|
-
/* @__PURE__ */
|
|
5268
|
-
/* @__PURE__ */
|
|
5525
|
+
infoText && /* @__PURE__ */ jsxs37("div", { className: "tbl-section__info-box", children: [
|
|
5526
|
+
/* @__PURE__ */ jsx41(InfoIcon, { className: "tbl-section__info-icon" }),
|
|
5527
|
+
/* @__PURE__ */ jsx41("p", { className: "tbl-section__info-text", children: infoText })
|
|
5269
5528
|
] })
|
|
5270
5529
|
] }),
|
|
5271
|
-
/* @__PURE__ */
|
|
5530
|
+
/* @__PURE__ */ jsxs37(
|
|
5272
5531
|
"div",
|
|
5273
5532
|
{
|
|
5274
5533
|
className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
|
|
5275
5534
|
style: { left: tooltip.x, top: tooltip.y - 8 },
|
|
5276
5535
|
children: [
|
|
5277
|
-
/* @__PURE__ */
|
|
5278
|
-
/* @__PURE__ */
|
|
5536
|
+
/* @__PURE__ */ jsx41("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
|
|
5537
|
+
/* @__PURE__ */ jsx41(
|
|
5279
5538
|
"div",
|
|
5280
5539
|
{
|
|
5281
5540
|
className: "tbl__global-hint-arrow",
|
|
@@ -5289,7 +5548,7 @@ var Table = ({
|
|
|
5289
5548
|
};
|
|
5290
5549
|
|
|
5291
5550
|
// templates/DynamicTable/DynamicTable.tsx
|
|
5292
|
-
import { jsx as
|
|
5551
|
+
import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
5293
5552
|
var VARIANT_COLUMN_COUNT = {
|
|
5294
5553
|
"Three columns": 3,
|
|
5295
5554
|
"Four columns": 4
|
|
@@ -5306,10 +5565,10 @@ var toLines = (value) => {
|
|
|
5306
5565
|
var renderLines = (value) => {
|
|
5307
5566
|
const lines = toLines(value);
|
|
5308
5567
|
if (lines.length === 0) return null;
|
|
5309
|
-
return lines.map((line, index) => /* @__PURE__ */
|
|
5568
|
+
return lines.map((line, index) => /* @__PURE__ */ jsx42("span", { className: "dtbl__cell-line", children: line }, index));
|
|
5310
5569
|
};
|
|
5311
|
-
var renderHeader = (col) => /* @__PURE__ */
|
|
5312
|
-
var renderCell = (row, col) => /* @__PURE__ */
|
|
5570
|
+
var renderHeader = (col) => /* @__PURE__ */ jsx42("span", { className: "dtbl__cell", children: renderLines(col.header) });
|
|
5571
|
+
var renderCell = (row, col) => /* @__PURE__ */ jsx42("span", { className: "dtbl__cell", children: renderLines(row[col.key]) });
|
|
5313
5572
|
var DynamicTable = ({
|
|
5314
5573
|
sectionTitle,
|
|
5315
5574
|
variant = "Three columns",
|
|
@@ -5322,15 +5581,15 @@ var DynamicTable = ({
|
|
|
5322
5581
|
const visibleColumns = columns.slice(0, columnCount);
|
|
5323
5582
|
const labelColumn = visibleColumns[0];
|
|
5324
5583
|
const valueColumns = visibleColumns.slice(1);
|
|
5325
|
-
return /* @__PURE__ */
|
|
5584
|
+
return /* @__PURE__ */ jsxs38(
|
|
5326
5585
|
"section",
|
|
5327
5586
|
{
|
|
5328
5587
|
className: ["dtbl-section", className].filter(Boolean).join(" "),
|
|
5329
5588
|
...props,
|
|
5330
5589
|
children: [
|
|
5331
|
-
sectionTitle && /* @__PURE__ */
|
|
5332
|
-
/* @__PURE__ */
|
|
5333
|
-
/* @__PURE__ */
|
|
5590
|
+
sectionTitle && /* @__PURE__ */ jsx42("div", { className: "dtbl-section__header", children: /* @__PURE__ */ jsx42("h2", { className: "dtbl-section__title", children: sectionTitle }) }),
|
|
5591
|
+
/* @__PURE__ */ jsx42("div", { className: "dtbl-section__content", children: /* @__PURE__ */ jsx42("div", { className: ["dtbl", VARIANT_CLASS[variant]].join(" "), children: /* @__PURE__ */ jsx42("div", { className: "dtbl__scroll-wrapper", children: /* @__PURE__ */ jsxs38("table", { className: "dtbl__table", children: [
|
|
5592
|
+
/* @__PURE__ */ jsx42("thead", { children: /* @__PURE__ */ jsx42("tr", { className: "dtbl__tr", children: visibleColumns.map((col) => /* @__PURE__ */ jsx42(
|
|
5334
5593
|
"th",
|
|
5335
5594
|
{
|
|
5336
5595
|
scope: "col",
|
|
@@ -5339,9 +5598,9 @@ var DynamicTable = ({
|
|
|
5339
5598
|
},
|
|
5340
5599
|
col.key
|
|
5341
5600
|
)) }) }),
|
|
5342
|
-
/* @__PURE__ */
|
|
5343
|
-
labelColumn && /* @__PURE__ */
|
|
5344
|
-
valueColumns.map((col) => /* @__PURE__ */
|
|
5601
|
+
/* @__PURE__ */ jsx42("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ jsxs38("tr", { className: "dtbl__tr", children: [
|
|
5602
|
+
labelColumn && /* @__PURE__ */ jsx42("th", { scope: "row", className: "dtbl__th-row", children: renderCell(row, labelColumn) }),
|
|
5603
|
+
valueColumns.map((col) => /* @__PURE__ */ jsx42("td", { className: "dtbl__td", children: renderCell(row, col) }, col.key))
|
|
5345
5604
|
] }, rowIdx)) })
|
|
5346
5605
|
] }) }) }) })
|
|
5347
5606
|
]
|
|
@@ -5350,12 +5609,12 @@ var DynamicTable = ({
|
|
|
5350
5609
|
};
|
|
5351
5610
|
|
|
5352
5611
|
// templates/Leaders/Leaders.tsx
|
|
5353
|
-
import { useState as
|
|
5354
|
-
import { Fragment as
|
|
5355
|
-
var ChevronDownIcon4 = () => /* @__PURE__ */
|
|
5356
|
-
var ChevronUpIcon = () => /* @__PURE__ */
|
|
5357
|
-
var CardContent = ({ item }) => /* @__PURE__ */
|
|
5358
|
-
/* @__PURE__ */
|
|
5612
|
+
import { useState as useState15 } from "react";
|
|
5613
|
+
import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
5614
|
+
var ChevronDownIcon4 = () => /* @__PURE__ */ jsx43("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx43("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
5615
|
+
var ChevronUpIcon = () => /* @__PURE__ */ jsx43("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx43("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
5616
|
+
var CardContent = ({ item }) => /* @__PURE__ */ jsxs39(Fragment8, { children: [
|
|
5617
|
+
/* @__PURE__ */ jsx43("div", { className: "avatar-grid__image-wrapper", children: /* @__PURE__ */ jsx43(
|
|
5359
5618
|
"img",
|
|
5360
5619
|
{
|
|
5361
5620
|
src: item.imageUrl,
|
|
@@ -5364,11 +5623,11 @@ var CardContent = ({ item }) => /* @__PURE__ */ jsxs38(Fragment7, { children: [
|
|
|
5364
5623
|
loading: "lazy"
|
|
5365
5624
|
}
|
|
5366
5625
|
) }),
|
|
5367
|
-
/* @__PURE__ */
|
|
5368
|
-
/* @__PURE__ */
|
|
5369
|
-
/* @__PURE__ */
|
|
5626
|
+
/* @__PURE__ */ jsxs39("div", { className: "avatar-grid__content", children: [
|
|
5627
|
+
/* @__PURE__ */ jsx43("h3", { className: "avatar-grid__name", children: item.name }),
|
|
5628
|
+
/* @__PURE__ */ jsx43("p", { className: "avatar-grid__role", children: item.role })
|
|
5370
5629
|
] }),
|
|
5371
|
-
item.linkUrl && /* @__PURE__ */
|
|
5630
|
+
item.linkUrl && /* @__PURE__ */ jsx43(
|
|
5372
5631
|
Link,
|
|
5373
5632
|
{
|
|
5374
5633
|
href: item.linkUrl,
|
|
@@ -5392,18 +5651,18 @@ var AvatarGrid = ({
|
|
|
5392
5651
|
className,
|
|
5393
5652
|
...props
|
|
5394
5653
|
}) => {
|
|
5395
|
-
const [isExpanded, setIsExpanded] =
|
|
5654
|
+
const [isExpanded, setIsExpanded] = useState15(false);
|
|
5396
5655
|
const hasMore = items.length > initialVisibleCount;
|
|
5397
5656
|
const visibleItems = items.slice(0, initialVisibleCount);
|
|
5398
5657
|
const extraItems = items.slice(initialVisibleCount);
|
|
5399
|
-
return /* @__PURE__ */
|
|
5400
|
-
(title || description) && /* @__PURE__ */
|
|
5401
|
-
title && /* @__PURE__ */
|
|
5402
|
-
description && /* @__PURE__ */
|
|
5658
|
+
return /* @__PURE__ */ jsx43("section", { className: ["avatar-grid", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs39("div", { className: "avatar-grid__container", children: [
|
|
5659
|
+
(title || description) && /* @__PURE__ */ jsxs39("div", { className: "avatar-grid__header", children: [
|
|
5660
|
+
title && /* @__PURE__ */ jsx43("h2", { className: "avatar-grid__title", children: title }),
|
|
5661
|
+
description && /* @__PURE__ */ jsx43("p", { className: "avatar-grid__description", children: description })
|
|
5403
5662
|
] }),
|
|
5404
|
-
/* @__PURE__ */
|
|
5405
|
-
/* @__PURE__ */
|
|
5406
|
-
hasMore && /* @__PURE__ */
|
|
5663
|
+
/* @__PURE__ */ jsxs39("div", { className: "avatar-grid__grid-wrapper", children: [
|
|
5664
|
+
/* @__PURE__ */ jsx43("div", { className: "avatar-grid__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ jsx43("div", { className: "avatar-grid__card", children: /* @__PURE__ */ jsx43(CardContent, { item }) }, i)) }),
|
|
5665
|
+
hasMore && /* @__PURE__ */ jsx43(
|
|
5407
5666
|
"div",
|
|
5408
5667
|
{
|
|
5409
5668
|
className: [
|
|
@@ -5411,7 +5670,7 @@ var AvatarGrid = ({
|
|
|
5411
5670
|
isExpanded ? "avatar-grid__extra-cards--open" : ""
|
|
5412
5671
|
].join(" "),
|
|
5413
5672
|
"aria-hidden": !isExpanded,
|
|
5414
|
-
children: /* @__PURE__ */
|
|
5673
|
+
children: /* @__PURE__ */ jsx43("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ jsx43(
|
|
5415
5674
|
"div",
|
|
5416
5675
|
{
|
|
5417
5676
|
className: [
|
|
@@ -5422,21 +5681,21 @@ var AvatarGrid = ({
|
|
|
5422
5681
|
style: {
|
|
5423
5682
|
transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
|
|
5424
5683
|
},
|
|
5425
|
-
children: /* @__PURE__ */
|
|
5684
|
+
children: /* @__PURE__ */ jsx43(CardContent, { item })
|
|
5426
5685
|
},
|
|
5427
5686
|
i
|
|
5428
5687
|
)) })
|
|
5429
5688
|
}
|
|
5430
5689
|
)
|
|
5431
5690
|
] }),
|
|
5432
|
-
hasMore && /* @__PURE__ */
|
|
5691
|
+
hasMore && /* @__PURE__ */ jsx43("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ jsx43(
|
|
5433
5692
|
Button,
|
|
5434
5693
|
{
|
|
5435
5694
|
variant: "secondary",
|
|
5436
5695
|
colorScheme: "black",
|
|
5437
5696
|
onClick: () => setIsExpanded(!isExpanded),
|
|
5438
5697
|
iconPosition: "icon-right",
|
|
5439
|
-
icon: isExpanded ? /* @__PURE__ */
|
|
5698
|
+
icon: isExpanded ? /* @__PURE__ */ jsx43(ChevronUpIcon, {}) : /* @__PURE__ */ jsx43(ChevronDownIcon4, {}),
|
|
5440
5699
|
fullWidth: true,
|
|
5441
5700
|
children: isExpanded ? collapseText : expandText
|
|
5442
5701
|
}
|
|
@@ -5447,7 +5706,7 @@ var PeopleGrid = AvatarGrid;
|
|
|
5447
5706
|
var Leaders = AvatarGrid;
|
|
5448
5707
|
|
|
5449
5708
|
// templates/ImageBanner/ImageBanner.tsx
|
|
5450
|
-
import { jsx as
|
|
5709
|
+
import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
5451
5710
|
var DEFAULT_CHIPS = [
|
|
5452
5711
|
"Dynamic ads",
|
|
5453
5712
|
"AI insights",
|
|
@@ -5455,7 +5714,7 @@ var DEFAULT_CHIPS = [
|
|
|
5455
5714
|
"Events"
|
|
5456
5715
|
];
|
|
5457
5716
|
var IMAGE_BANNER_CHIPS_DEFAULT_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69a13cf79748b347527dc74d_tier-cover.webp";
|
|
5458
|
-
var ChipCheckIcon = () => /* @__PURE__ */
|
|
5717
|
+
var ChipCheckIcon = () => /* @__PURE__ */ jsx44(
|
|
5459
5718
|
"svg",
|
|
5460
5719
|
{
|
|
5461
5720
|
className: "image-banner__chip-icon",
|
|
@@ -5466,7 +5725,7 @@ var ChipCheckIcon = () => /* @__PURE__ */ jsx43(
|
|
|
5466
5725
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5467
5726
|
"aria-hidden": "true",
|
|
5468
5727
|
focusable: "false",
|
|
5469
|
-
children: /* @__PURE__ */
|
|
5728
|
+
children: /* @__PURE__ */ jsx44(
|
|
5470
5729
|
"path",
|
|
5471
5730
|
{
|
|
5472
5731
|
d: "M10.5156 5.98438C10.8203 6.26562 10.8203 6.75781 10.5156 7.03906L4.51562 13.0391C4.23438 13.3438 3.74219 13.3438 3.46094 13.0391L0.460938 10.0391C0.15625 9.75781 0.15625 9.26562 0.460938 8.98438C0.742188 8.67969 1.23438 8.67969 1.51562 8.98438L4 11.4453L9.46094 5.98438C9.74219 5.67969 10.2344 5.67969 10.5156 5.98438Z",
|
|
@@ -5494,7 +5753,7 @@ var ImageBanner = ({
|
|
|
5494
5753
|
const showCta = !isChips && Boolean(ctaLabel);
|
|
5495
5754
|
const visibleChips = isChips ? chips.filter((label) => label.trim().length > 0) : [];
|
|
5496
5755
|
const resolvedImageUrl = imageUrl ?? (isChips ? IMAGE_BANNER_CHIPS_DEFAULT_IMAGE : void 0);
|
|
5497
|
-
return /* @__PURE__ */
|
|
5756
|
+
return /* @__PURE__ */ jsx44(
|
|
5498
5757
|
"section",
|
|
5499
5758
|
{
|
|
5500
5759
|
className: [
|
|
@@ -5503,7 +5762,7 @@ var ImageBanner = ({
|
|
|
5503
5762
|
className
|
|
5504
5763
|
].filter(Boolean).join(" "),
|
|
5505
5764
|
...props,
|
|
5506
|
-
children: /* @__PURE__ */
|
|
5765
|
+
children: /* @__PURE__ */ jsxs40(
|
|
5507
5766
|
"div",
|
|
5508
5767
|
{
|
|
5509
5768
|
className: [
|
|
@@ -5511,8 +5770,8 @@ var ImageBanner = ({
|
|
|
5511
5770
|
`image-banner__inner--${variant}`
|
|
5512
5771
|
].join(" "),
|
|
5513
5772
|
children: [
|
|
5514
|
-
isFullBg && resolvedImageUrl && /* @__PURE__ */
|
|
5515
|
-
/* @__PURE__ */
|
|
5773
|
+
isFullBg && resolvedImageUrl && /* @__PURE__ */ jsxs40("div", { className: "image-banner__bg-image-wrapper", children: [
|
|
5774
|
+
/* @__PURE__ */ jsx44(
|
|
5516
5775
|
"img",
|
|
5517
5776
|
{
|
|
5518
5777
|
src: resolvedImageUrl,
|
|
@@ -5521,16 +5780,16 @@ var ImageBanner = ({
|
|
|
5521
5780
|
loading: "lazy"
|
|
5522
5781
|
}
|
|
5523
5782
|
),
|
|
5524
|
-
/* @__PURE__ */
|
|
5783
|
+
/* @__PURE__ */ jsx44("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
|
|
5525
5784
|
] }),
|
|
5526
|
-
/* @__PURE__ */
|
|
5527
|
-
/* @__PURE__ */
|
|
5528
|
-
description && /* @__PURE__ */
|
|
5529
|
-
visibleChips.length > 0 && /* @__PURE__ */
|
|
5530
|
-
/* @__PURE__ */
|
|
5531
|
-
/* @__PURE__ */
|
|
5785
|
+
/* @__PURE__ */ jsxs40("div", { className: "image-banner__content", children: [
|
|
5786
|
+
/* @__PURE__ */ jsx44("h2", { className: "image-banner__title", children: title }),
|
|
5787
|
+
description && /* @__PURE__ */ jsx44("p", { className: "image-banner__description", children: description }),
|
|
5788
|
+
visibleChips.length > 0 && /* @__PURE__ */ jsx44("ul", { className: "image-banner__chips", "aria-label": "Features", children: visibleChips.map((label) => /* @__PURE__ */ jsxs40("li", { className: "image-banner__chip", children: [
|
|
5789
|
+
/* @__PURE__ */ jsx44(ChipCheckIcon, {}),
|
|
5790
|
+
/* @__PURE__ */ jsx44("span", { className: "image-banner__chip-label", children: label })
|
|
5532
5791
|
] }, label)) }),
|
|
5533
|
-
showCta && /* @__PURE__ */
|
|
5792
|
+
showCta && /* @__PURE__ */ jsx44("div", { className: "image-banner__actions", children: /* @__PURE__ */ jsx44(
|
|
5534
5793
|
Link,
|
|
5535
5794
|
{
|
|
5536
5795
|
colorScheme: "coral",
|
|
@@ -5542,8 +5801,8 @@ var ImageBanner = ({
|
|
|
5542
5801
|
}
|
|
5543
5802
|
) })
|
|
5544
5803
|
] }),
|
|
5545
|
-
!isFullBg && resolvedImageUrl && /* @__PURE__ */
|
|
5546
|
-
/* @__PURE__ */
|
|
5804
|
+
!isFullBg && resolvedImageUrl && /* @__PURE__ */ jsxs40("div", { className: "image-banner__image-wrapper", children: [
|
|
5805
|
+
/* @__PURE__ */ jsx44(
|
|
5547
5806
|
"img",
|
|
5548
5807
|
{
|
|
5549
5808
|
src: resolvedImageUrl,
|
|
@@ -5552,7 +5811,7 @@ var ImageBanner = ({
|
|
|
5552
5811
|
loading: "lazy"
|
|
5553
5812
|
}
|
|
5554
5813
|
),
|
|
5555
|
-
isChips && /* @__PURE__ */
|
|
5814
|
+
isChips && /* @__PURE__ */ jsx44(
|
|
5556
5815
|
"div",
|
|
5557
5816
|
{
|
|
5558
5817
|
className: "image-banner__image-fade",
|
|
@@ -5568,7 +5827,7 @@ var ImageBanner = ({
|
|
|
5568
5827
|
};
|
|
5569
5828
|
|
|
5570
5829
|
// templates/Testimonial/Testimonial.tsx
|
|
5571
|
-
import { useCallback as useCallback3, useEffect as
|
|
5830
|
+
import { useCallback as useCallback3, useEffect as useEffect14, useId as useId3, useRef as useRef17, useState as useState16 } from "react";
|
|
5572
5831
|
|
|
5573
5832
|
// assets/quote-left.webp
|
|
5574
5833
|
var quote_left_default = "data:image/webp;base64,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";
|
|
@@ -5580,11 +5839,11 @@ var quote_right_default = "data:image/webp;base64,UklGRlJNAABXRUJQVlA4WAoAAAAQAA
|
|
|
5580
5839
|
var trustpilot_rating_badge_default = "data:image/png;base64,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";
|
|
5581
5840
|
|
|
5582
5841
|
// templates/Testimonial/Testimonial.tsx
|
|
5583
|
-
import { jsx as
|
|
5842
|
+
import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
5584
5843
|
var StarCell = ({ fill }) => {
|
|
5585
5844
|
const clipId = useId3();
|
|
5586
5845
|
const clamped = Math.max(0, Math.min(1, fill));
|
|
5587
|
-
return /* @__PURE__ */
|
|
5846
|
+
return /* @__PURE__ */ jsxs41(
|
|
5588
5847
|
"svg",
|
|
5589
5848
|
{
|
|
5590
5849
|
className: "testimonial__tp-star",
|
|
@@ -5593,9 +5852,9 @@ var StarCell = ({ fill }) => {
|
|
|
5593
5852
|
height: "20",
|
|
5594
5853
|
"aria-hidden": "true",
|
|
5595
5854
|
children: [
|
|
5596
|
-
/* @__PURE__ */
|
|
5597
|
-
/* @__PURE__ */
|
|
5598
|
-
/* @__PURE__ */
|
|
5855
|
+
/* @__PURE__ */ jsx45("rect", { width: "96", height: "96", className: "testimonial__tp-star-bg" }),
|
|
5856
|
+
/* @__PURE__ */ jsx45("clipPath", { id: clipId, children: /* @__PURE__ */ jsx45("rect", { width: 96 * clamped, height: "96" }) }),
|
|
5857
|
+
/* @__PURE__ */ jsx45(
|
|
5599
5858
|
"rect",
|
|
5600
5859
|
{
|
|
5601
5860
|
width: "96",
|
|
@@ -5604,7 +5863,7 @@ var StarCell = ({ fill }) => {
|
|
|
5604
5863
|
clipPath: `url(#${clipId})`
|
|
5605
5864
|
}
|
|
5606
5865
|
),
|
|
5607
|
-
/* @__PURE__ */
|
|
5866
|
+
/* @__PURE__ */ jsx45(
|
|
5608
5867
|
"path",
|
|
5609
5868
|
{
|
|
5610
5869
|
d: "M48,64.7L62.6,61l6.1,18.8L48,64.7z M81.6,40.4H55.9L48,16.2l-7.9,24.2H14.4l20.8,15l-7.9,24.2 l20.8-15l12.8-9.2L81.6,40.4L81.6,40.4L81.6,40.4L81.6,40.4z",
|
|
@@ -5617,17 +5876,17 @@ var StarCell = ({ fill }) => {
|
|
|
5617
5876
|
};
|
|
5618
5877
|
var StarRow = ({ rating, size = "sm" }) => {
|
|
5619
5878
|
const stars = [0, 1, 2, 3, 4].map((i) => Math.max(0, Math.min(1, rating - i)));
|
|
5620
|
-
return /* @__PURE__ */
|
|
5879
|
+
return /* @__PURE__ */ jsx45(
|
|
5621
5880
|
"span",
|
|
5622
5881
|
{
|
|
5623
5882
|
className: ["testimonial__tp-stars", `testimonial__tp-stars--${size}`].join(" "),
|
|
5624
5883
|
role: "img",
|
|
5625
5884
|
"aria-label": `Rated ${rating} out of 5 stars`,
|
|
5626
|
-
children: stars.map((fill, i) => /* @__PURE__ */
|
|
5885
|
+
children: stars.map((fill, i) => /* @__PURE__ */ jsx45(StarCell, { fill }, i))
|
|
5627
5886
|
}
|
|
5628
5887
|
);
|
|
5629
5888
|
};
|
|
5630
|
-
var ArrowIcon = ({ direction }) => /* @__PURE__ */
|
|
5889
|
+
var ArrowIcon = ({ direction }) => /* @__PURE__ */ jsx45("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: direction === "prev" ? /* @__PURE__ */ jsx45("path", { d: "M10 3.5 5.5 8l4.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) : /* @__PURE__ */ jsx45("path", { d: "M6 3.5 10.5 8 6 12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
5631
5890
|
var SCROLL_EPS = 4;
|
|
5632
5891
|
function readScrollState(el) {
|
|
5633
5892
|
if (!el) return { canPrev: false, canNext: false };
|
|
@@ -5646,15 +5905,15 @@ var TrustpilotTestimonial = ({
|
|
|
5646
5905
|
trustpilotScore = 4.5,
|
|
5647
5906
|
...props
|
|
5648
5907
|
}) => {
|
|
5649
|
-
const trackRef =
|
|
5650
|
-
const [canPrev, setCanPrev] =
|
|
5651
|
-
const [canNext, setCanNext] =
|
|
5908
|
+
const trackRef = useRef17(null);
|
|
5909
|
+
const [canPrev, setCanPrev] = useState16(false);
|
|
5910
|
+
const [canNext, setCanNext] = useState16(true);
|
|
5652
5911
|
const syncScrollState = useCallback3(() => {
|
|
5653
5912
|
const next = readScrollState(trackRef.current);
|
|
5654
5913
|
setCanPrev(next.canPrev);
|
|
5655
5914
|
setCanNext(next.canNext);
|
|
5656
5915
|
}, []);
|
|
5657
|
-
|
|
5916
|
+
useEffect14(() => {
|
|
5658
5917
|
const el = trackRef.current;
|
|
5659
5918
|
if (!el) return;
|
|
5660
5919
|
syncScrollState();
|
|
@@ -5671,14 +5930,14 @@ var TrustpilotTestimonial = ({
|
|
|
5671
5930
|
el.scrollBy({ left: direction * (delta + gap), behavior: "smooth" });
|
|
5672
5931
|
window.requestAnimationFrame(() => window.setTimeout(syncScrollState, 320));
|
|
5673
5932
|
};
|
|
5674
|
-
return /* @__PURE__ */
|
|
5933
|
+
return /* @__PURE__ */ jsxs41(
|
|
5675
5934
|
"section",
|
|
5676
5935
|
{
|
|
5677
5936
|
className: ["testimonial", "testimonial--trustpilot", className].filter(Boolean).join(" "),
|
|
5678
5937
|
...props,
|
|
5679
5938
|
children: [
|
|
5680
|
-
/* @__PURE__ */
|
|
5681
|
-
/* @__PURE__ */
|
|
5939
|
+
/* @__PURE__ */ jsx45("div", { className: "testimonial__tp-head", children: title && /* @__PURE__ */ jsx45("h2", { className: "testimonial__title testimonial__title--trustpilot", children: title }) }),
|
|
5940
|
+
/* @__PURE__ */ jsx45("div", { className: "testimonial__tp-bleed", children: /* @__PURE__ */ jsx45(
|
|
5682
5941
|
"div",
|
|
5683
5942
|
{
|
|
5684
5943
|
ref: trackRef,
|
|
@@ -5688,7 +5947,7 @@ var TrustpilotTestimonial = ({
|
|
|
5688
5947
|
"aria-roledescription": "carousel",
|
|
5689
5948
|
"aria-label": "Customer reviews on Trustpilot",
|
|
5690
5949
|
onScroll: syncScrollState,
|
|
5691
|
-
children: /* @__PURE__ */
|
|
5950
|
+
children: /* @__PURE__ */ jsx45("div", { className: "testimonial__tp-track", children: items.map((item, i) => /* @__PURE__ */ jsx45("div", { className: "testimonial__tp-card-wrap", children: /* @__PURE__ */ jsxs41(
|
|
5692
5951
|
"a",
|
|
5693
5952
|
{
|
|
5694
5953
|
href: item.reviewUrl ?? trustpilotUrl,
|
|
@@ -5696,16 +5955,16 @@ var TrustpilotTestimonial = ({
|
|
|
5696
5955
|
target: "_blank",
|
|
5697
5956
|
rel: "noopener noreferrer",
|
|
5698
5957
|
children: [
|
|
5699
|
-
/* @__PURE__ */
|
|
5700
|
-
/* @__PURE__ */
|
|
5701
|
-
/* @__PURE__ */
|
|
5958
|
+
/* @__PURE__ */ jsx45(StarRow, { rating: item.rating ?? 5, size: "sm" }),
|
|
5959
|
+
/* @__PURE__ */ jsx45("p", { className: "testimonial__tp-quote", children: item.quote }),
|
|
5960
|
+
/* @__PURE__ */ jsx45("p", { className: "testimonial__tp-author", children: item.authorName })
|
|
5702
5961
|
]
|
|
5703
5962
|
}
|
|
5704
5963
|
) }, i)) })
|
|
5705
5964
|
}
|
|
5706
5965
|
) }),
|
|
5707
|
-
/* @__PURE__ */
|
|
5708
|
-
/* @__PURE__ */
|
|
5966
|
+
/* @__PURE__ */ jsx45("div", { className: "testimonial__tp-foot", children: /* @__PURE__ */ jsxs41("div", { className: "testimonial__tp-footer", children: [
|
|
5967
|
+
/* @__PURE__ */ jsx45("div", { className: "testimonial__tp-trust", children: /* @__PURE__ */ jsx45(
|
|
5709
5968
|
"a",
|
|
5710
5969
|
{
|
|
5711
5970
|
href: trustpilotUrl,
|
|
@@ -5713,7 +5972,7 @@ var TrustpilotTestimonial = ({
|
|
|
5713
5972
|
target: "_blank",
|
|
5714
5973
|
rel: "noopener noreferrer",
|
|
5715
5974
|
"aria-label": `Deriv on Trustpilot \u2014 rated ${trustpilotScore} out of 5`,
|
|
5716
|
-
children: /* @__PURE__ */
|
|
5975
|
+
children: /* @__PURE__ */ jsx45(
|
|
5717
5976
|
"img",
|
|
5718
5977
|
{
|
|
5719
5978
|
src: trustpilot_rating_badge_default,
|
|
@@ -5723,8 +5982,8 @@ var TrustpilotTestimonial = ({
|
|
|
5723
5982
|
)
|
|
5724
5983
|
}
|
|
5725
5984
|
) }),
|
|
5726
|
-
items.length > 1 && (canPrev || canNext) && /* @__PURE__ */
|
|
5727
|
-
/* @__PURE__ */
|
|
5985
|
+
items.length > 1 && (canPrev || canNext) && /* @__PURE__ */ jsxs41("div", { className: "testimonial__tp-nav", children: [
|
|
5986
|
+
/* @__PURE__ */ jsx45(
|
|
5728
5987
|
"button",
|
|
5729
5988
|
{
|
|
5730
5989
|
type: "button",
|
|
@@ -5732,10 +5991,10 @@ var TrustpilotTestimonial = ({
|
|
|
5732
5991
|
"aria-label": "Show previous testimonials",
|
|
5733
5992
|
disabled: !canPrev,
|
|
5734
5993
|
onClick: () => scrollByCard(-1),
|
|
5735
|
-
children: /* @__PURE__ */
|
|
5994
|
+
children: /* @__PURE__ */ jsx45(ArrowIcon, { direction: "prev" })
|
|
5736
5995
|
}
|
|
5737
5996
|
),
|
|
5738
|
-
/* @__PURE__ */
|
|
5997
|
+
/* @__PURE__ */ jsx45(
|
|
5739
5998
|
"button",
|
|
5740
5999
|
{
|
|
5741
6000
|
type: "button",
|
|
@@ -5743,7 +6002,7 @@ var TrustpilotTestimonial = ({
|
|
|
5743
6002
|
"aria-label": "Show next testimonials",
|
|
5744
6003
|
disabled: !canNext,
|
|
5745
6004
|
onClick: () => scrollByCard(1),
|
|
5746
|
-
children: /* @__PURE__ */
|
|
6005
|
+
children: /* @__PURE__ */ jsx45(ArrowIcon, { direction: "next" })
|
|
5747
6006
|
}
|
|
5748
6007
|
)
|
|
5749
6008
|
] })
|
|
@@ -5758,16 +6017,16 @@ var DefaultTestimonial = ({
|
|
|
5758
6017
|
className,
|
|
5759
6018
|
...props
|
|
5760
6019
|
}) => {
|
|
5761
|
-
const [activeIndex, setActiveIndex] =
|
|
5762
|
-
const [phase, setPhase] =
|
|
5763
|
-
const pendingIndex =
|
|
5764
|
-
const autoRef =
|
|
6020
|
+
const [activeIndex, setActiveIndex] = useState16(0);
|
|
6021
|
+
const [phase, setPhase] = useState16("idle");
|
|
6022
|
+
const pendingIndex = useRef17(null);
|
|
6023
|
+
const autoRef = useRef17(null);
|
|
5765
6024
|
const goTo = (next) => {
|
|
5766
6025
|
if (next === activeIndex || phase !== "idle") return;
|
|
5767
6026
|
pendingIndex.current = next;
|
|
5768
6027
|
setPhase("exiting");
|
|
5769
6028
|
};
|
|
5770
|
-
|
|
6029
|
+
useEffect14(() => {
|
|
5771
6030
|
if (phase === "exiting") {
|
|
5772
6031
|
const t = setTimeout(() => {
|
|
5773
6032
|
setActiveIndex(pendingIndex.current ?? activeIndex);
|
|
@@ -5776,7 +6035,7 @@ var DefaultTestimonial = ({
|
|
|
5776
6035
|
return () => clearTimeout(t);
|
|
5777
6036
|
}
|
|
5778
6037
|
}, [phase, activeIndex]);
|
|
5779
|
-
|
|
6038
|
+
useEffect14(() => {
|
|
5780
6039
|
if (items.length <= 1) return;
|
|
5781
6040
|
autoRef.current = setTimeout(() => {
|
|
5782
6041
|
const next = (activeIndex + 1) % items.length;
|
|
@@ -5787,15 +6046,15 @@ var DefaultTestimonial = ({
|
|
|
5787
6046
|
if (autoRef.current) clearTimeout(autoRef.current);
|
|
5788
6047
|
};
|
|
5789
6048
|
}, [activeIndex, items.length]);
|
|
5790
|
-
return /* @__PURE__ */
|
|
6049
|
+
return /* @__PURE__ */ jsx45(
|
|
5791
6050
|
"section",
|
|
5792
6051
|
{
|
|
5793
6052
|
className: ["testimonial", className].filter(Boolean).join(" "),
|
|
5794
6053
|
...props,
|
|
5795
|
-
children: /* @__PURE__ */
|
|
5796
|
-
title && /* @__PURE__ */
|
|
5797
|
-
/* @__PURE__ */
|
|
5798
|
-
/* @__PURE__ */
|
|
6054
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "testimonial__container", children: [
|
|
6055
|
+
title && /* @__PURE__ */ jsx45("h2", { className: "testimonial__title", children: title }),
|
|
6056
|
+
/* @__PURE__ */ jsxs41("div", { className: "testimonial__carousel", children: [
|
|
6057
|
+
/* @__PURE__ */ jsx45("div", { className: "testimonial__slides", children: items.map((item, i) => {
|
|
5799
6058
|
const isActive = i === activeIndex;
|
|
5800
6059
|
const isExiting = isActive && phase === "exiting";
|
|
5801
6060
|
const slideClass = [
|
|
@@ -5803,18 +6062,18 @@ var DefaultTestimonial = ({
|
|
|
5803
6062
|
isActive && !isExiting ? "testimonial__slide--active" : "",
|
|
5804
6063
|
isExiting ? "testimonial__slide--exiting" : ""
|
|
5805
6064
|
].filter(Boolean).join(" ");
|
|
5806
|
-
return /* @__PURE__ */
|
|
6065
|
+
return /* @__PURE__ */ jsx45(
|
|
5807
6066
|
"div",
|
|
5808
6067
|
{
|
|
5809
6068
|
className: slideClass,
|
|
5810
6069
|
role: "region",
|
|
5811
6070
|
"aria-label": `Testimonial ${i + 1} of ${items.length}`,
|
|
5812
6071
|
"aria-hidden": !isActive,
|
|
5813
|
-
children: /* @__PURE__ */
|
|
5814
|
-
/* @__PURE__ */
|
|
5815
|
-
/* @__PURE__ */
|
|
5816
|
-
/* @__PURE__ */
|
|
5817
|
-
item.avatarUrl && /* @__PURE__ */
|
|
6072
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "testimonial__card", children: [
|
|
6073
|
+
/* @__PURE__ */ jsx45("span", { className: "testimonial__quotemark testimonial__quotemark--open", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("img", { src: quote_left_default, alt: "", className: "testimonial__quotemark-img" }) }),
|
|
6074
|
+
/* @__PURE__ */ jsx45("p", { className: "testimonial__quote", children: item.quote }),
|
|
6075
|
+
/* @__PURE__ */ jsxs41("div", { className: "testimonial__author", children: [
|
|
6076
|
+
item.avatarUrl && /* @__PURE__ */ jsx45(
|
|
5818
6077
|
"img",
|
|
5819
6078
|
{
|
|
5820
6079
|
src: item.avatarUrl,
|
|
@@ -5823,22 +6082,22 @@ var DefaultTestimonial = ({
|
|
|
5823
6082
|
loading: "lazy"
|
|
5824
6083
|
}
|
|
5825
6084
|
),
|
|
5826
|
-
/* @__PURE__ */
|
|
5827
|
-
item.authorLocation && /* @__PURE__ */
|
|
6085
|
+
/* @__PURE__ */ jsx45("p", { className: "testimonial__author-name", children: item.authorName }),
|
|
6086
|
+
item.authorLocation && /* @__PURE__ */ jsx45("p", { className: "testimonial__author-location", children: item.authorLocation })
|
|
5828
6087
|
] }),
|
|
5829
|
-
/* @__PURE__ */
|
|
6088
|
+
/* @__PURE__ */ jsx45("span", { className: "testimonial__quotemark testimonial__quotemark--close", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("img", { src: quote_right_default, alt: "", className: "testimonial__quotemark-img" }) })
|
|
5830
6089
|
] })
|
|
5831
6090
|
},
|
|
5832
6091
|
i
|
|
5833
6092
|
);
|
|
5834
6093
|
}) }),
|
|
5835
|
-
items.length > 1 && /* @__PURE__ */
|
|
6094
|
+
items.length > 1 && /* @__PURE__ */ jsx45(
|
|
5836
6095
|
"div",
|
|
5837
6096
|
{
|
|
5838
6097
|
className: "testimonial__dots",
|
|
5839
6098
|
role: "tablist",
|
|
5840
6099
|
"aria-label": "Testimonial navigation",
|
|
5841
|
-
children: items.map((_, i) => /* @__PURE__ */
|
|
6100
|
+
children: items.map((_, i) => /* @__PURE__ */ jsx45(
|
|
5842
6101
|
"button",
|
|
5843
6102
|
{
|
|
5844
6103
|
role: "tab",
|
|
@@ -5865,14 +6124,14 @@ var DefaultTestimonial = ({
|
|
|
5865
6124
|
var Testimonial = (props) => {
|
|
5866
6125
|
if (!props.items || props.items.length === 0) return null;
|
|
5867
6126
|
if (props.variant === "trustpilot") {
|
|
5868
|
-
return /* @__PURE__ */
|
|
6127
|
+
return /* @__PURE__ */ jsx45(TrustpilotTestimonial, { ...props });
|
|
5869
6128
|
}
|
|
5870
|
-
return /* @__PURE__ */
|
|
6129
|
+
return /* @__PURE__ */ jsx45(DefaultTestimonial, { ...props });
|
|
5871
6130
|
};
|
|
5872
6131
|
|
|
5873
6132
|
// templates/ArticleHero/ArticleHero.tsx
|
|
5874
|
-
import { jsx as
|
|
5875
|
-
var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */
|
|
6133
|
+
import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
6134
|
+
var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ jsx46("div", { className: "bh-listItem", children: /* @__PURE__ */ jsx46(
|
|
5876
6135
|
Card,
|
|
5877
6136
|
{
|
|
5878
6137
|
variant: "thumbnail",
|
|
@@ -5888,12 +6147,12 @@ var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ jsx45(
|
|
|
5888
6147
|
hideAvatar: true
|
|
5889
6148
|
}
|
|
5890
6149
|
) });
|
|
5891
|
-
var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */
|
|
5892
|
-
column.label && /* @__PURE__ */
|
|
5893
|
-
/* @__PURE__ */
|
|
5894
|
-
/* @__PURE__ */
|
|
6150
|
+
var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */ jsxs42("div", { className: "bh-column", children: [
|
|
6151
|
+
column.label && /* @__PURE__ */ jsxs42("div", { className: "bh-columnHeader", children: [
|
|
6152
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-columnLabel", children: column.label }),
|
|
6153
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-columnLine" })
|
|
5895
6154
|
] }),
|
|
5896
|
-
/* @__PURE__ */
|
|
6155
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-columnList", children: column.articles.map((article, i) => /* @__PURE__ */ jsx46(ArticleCard, { article, showThumbnail: showThumbnails }, i)) })
|
|
5897
6156
|
] });
|
|
5898
6157
|
var ArticleHero = ({
|
|
5899
6158
|
featured,
|
|
@@ -5902,79 +6161,79 @@ var ArticleHero = ({
|
|
|
5902
6161
|
rightColumn,
|
|
5903
6162
|
className
|
|
5904
6163
|
}) => {
|
|
5905
|
-
return /* @__PURE__ */
|
|
5906
|
-
/* @__PURE__ */
|
|
5907
|
-
/* @__PURE__ */
|
|
5908
|
-
/* @__PURE__ */
|
|
5909
|
-
/* @__PURE__ */
|
|
5910
|
-
/* @__PURE__ */
|
|
6164
|
+
return /* @__PURE__ */ jsxs42("section", { className: ["bh-root", className ?? ""].filter(Boolean).join(" "), children: [
|
|
6165
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-desktop", children: [
|
|
6166
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-desktopHeader", children: [
|
|
6167
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-headerLeft", children: leftColumn.label && /* @__PURE__ */ jsxs42("div", { className: "bh-columnHeader", children: [
|
|
6168
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-columnLabel", children: leftColumn.label }),
|
|
6169
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-columnLine" })
|
|
5911
6170
|
] }) }),
|
|
5912
|
-
/* @__PURE__ */
|
|
5913
|
-
/* @__PURE__ */
|
|
5914
|
-
/* @__PURE__ */
|
|
6171
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-headerRight", children: rightColumn.label && /* @__PURE__ */ jsxs42("div", { className: "bh-columnHeader", children: [
|
|
6172
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-columnLabel", children: rightColumn.label }),
|
|
6173
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-columnLine" })
|
|
5915
6174
|
] }) })
|
|
5916
6175
|
] }),
|
|
5917
|
-
/* @__PURE__ */
|
|
5918
|
-
/* @__PURE__ */
|
|
5919
|
-
/* @__PURE__ */
|
|
5920
|
-
/* @__PURE__ */
|
|
5921
|
-
/* @__PURE__ */
|
|
5922
|
-
/* @__PURE__ */
|
|
5923
|
-
/* @__PURE__ */
|
|
5924
|
-
featured.summary && /* @__PURE__ */
|
|
5925
|
-
featured.tags && featured.tags.length > 0 && /* @__PURE__ */
|
|
5926
|
-
i > 0 && /* @__PURE__ */
|
|
5927
|
-
/* @__PURE__ */
|
|
6176
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-desktopBody", children: [
|
|
6177
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-sidebar bh-sidebarLeft", children: /* @__PURE__ */ jsx46(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
|
|
6178
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-divider" }),
|
|
6179
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-center", children: [
|
|
6180
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-featured", children: [
|
|
6181
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-featuredInfo", children: [
|
|
6182
|
+
/* @__PURE__ */ jsx46("h2", { className: "bh-featuredTitle", children: featured.title }),
|
|
6183
|
+
featured.summary && /* @__PURE__ */ jsx46("p", { className: "bh-featuredSummary", children: featured.summary }),
|
|
6184
|
+
featured.tags && featured.tags.length > 0 && /* @__PURE__ */ jsx46("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ jsxs42("span", { className: "bh-tagItem", children: [
|
|
6185
|
+
i > 0 && /* @__PURE__ */ jsx46("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
6186
|
+
/* @__PURE__ */ jsx46(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5928
6187
|
] }, i)) })
|
|
5929
6188
|
] }),
|
|
5930
|
-
featured.thumbnail && /* @__PURE__ */
|
|
6189
|
+
featured.thumbnail && /* @__PURE__ */ jsx46("div", { className: "bh-featuredImage", children: /* @__PURE__ */ jsx46("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) })
|
|
5931
6190
|
] }),
|
|
5932
|
-
featuredFooter.length > 0 && /* @__PURE__ */
|
|
5933
|
-
i > 0 && /* @__PURE__ */
|
|
5934
|
-
/* @__PURE__ */
|
|
5935
|
-
/* @__PURE__ */
|
|
5936
|
-
article.tags && article.tags.length > 0 && /* @__PURE__ */
|
|
5937
|
-
j > 0 && /* @__PURE__ */
|
|
5938
|
-
/* @__PURE__ */
|
|
6191
|
+
featuredFooter.length > 0 && /* @__PURE__ */ jsx46("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ jsxs42("div", { className: "bh-footerItem", children: [
|
|
6192
|
+
i > 0 && /* @__PURE__ */ jsx46("span", { className: "bh-footerDivider" }),
|
|
6193
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-footerContent", children: [
|
|
6194
|
+
/* @__PURE__ */ jsx46("p", { className: "bh-footerTitle", children: article.title }),
|
|
6195
|
+
article.tags && article.tags.length > 0 && /* @__PURE__ */ jsx46("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ jsxs42("span", { className: "bh-tagItem", children: [
|
|
6196
|
+
j > 0 && /* @__PURE__ */ jsx46("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
6197
|
+
/* @__PURE__ */ jsx46(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5939
6198
|
] }, j)) })
|
|
5940
6199
|
] })
|
|
5941
6200
|
] }, i)) })
|
|
5942
6201
|
] }),
|
|
5943
|
-
/* @__PURE__ */
|
|
5944
|
-
/* @__PURE__ */
|
|
6202
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-divider" }),
|
|
6203
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-sidebar bh-sidebarRight", children: /* @__PURE__ */ jsx46(ColumnSection, { column: { ...rightColumn, label: void 0 } }) })
|
|
5945
6204
|
] })
|
|
5946
6205
|
] }),
|
|
5947
|
-
/* @__PURE__ */
|
|
5948
|
-
/* @__PURE__ */
|
|
5949
|
-
/* @__PURE__ */
|
|
5950
|
-
/* @__PURE__ */
|
|
5951
|
-
/* @__PURE__ */
|
|
5952
|
-
featured.summary && /* @__PURE__ */
|
|
5953
|
-
featured.tags && featured.tags.length > 0 && /* @__PURE__ */
|
|
5954
|
-
i > 0 && /* @__PURE__ */
|
|
5955
|
-
/* @__PURE__ */
|
|
6206
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-mobile", children: [
|
|
6207
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-mobileFeatured", children: [
|
|
6208
|
+
/* @__PURE__ */ jsx46("span", { className: "bh-mobileLabel", children: leftColumn.label ?? "Trending stories" }),
|
|
6209
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-featuredInfo", children: [
|
|
6210
|
+
/* @__PURE__ */ jsx46("h2", { className: "bh-featuredTitle", children: featured.title }),
|
|
6211
|
+
featured.summary && /* @__PURE__ */ jsx46("p", { className: "bh-featuredSummary", children: featured.summary }),
|
|
6212
|
+
featured.tags && featured.tags.length > 0 && /* @__PURE__ */ jsx46("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ jsxs42("span", { className: "bh-tagItem", children: [
|
|
6213
|
+
i > 0 && /* @__PURE__ */ jsx46("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
6214
|
+
/* @__PURE__ */ jsx46(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5956
6215
|
] }, i)) })
|
|
5957
6216
|
] }),
|
|
5958
|
-
featured.thumbnail && /* @__PURE__ */
|
|
5959
|
-
featuredFooter.length > 0 && /* @__PURE__ */
|
|
5960
|
-
i > 0 && /* @__PURE__ */
|
|
5961
|
-
/* @__PURE__ */
|
|
5962
|
-
/* @__PURE__ */
|
|
5963
|
-
article.tags && article.tags.length > 0 && /* @__PURE__ */
|
|
5964
|
-
j > 0 && /* @__PURE__ */
|
|
5965
|
-
/* @__PURE__ */
|
|
6217
|
+
featured.thumbnail && /* @__PURE__ */ jsx46("div", { className: "bh-mobileFeaturedImage", children: /* @__PURE__ */ jsx46("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) }),
|
|
6218
|
+
featuredFooter.length > 0 && /* @__PURE__ */ jsx46("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ jsxs42("div", { className: "bh-footerItem", children: [
|
|
6219
|
+
i > 0 && /* @__PURE__ */ jsx46("span", { className: "bh-footerDivider" }),
|
|
6220
|
+
/* @__PURE__ */ jsxs42("div", { className: "bh-footerContent", children: [
|
|
6221
|
+
/* @__PURE__ */ jsx46("p", { className: "bh-footerTitle", children: article.title }),
|
|
6222
|
+
article.tags && article.tags.length > 0 && /* @__PURE__ */ jsx46("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ jsxs42("span", { className: "bh-tagItem", children: [
|
|
6223
|
+
j > 0 && /* @__PURE__ */ jsx46("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
6224
|
+
/* @__PURE__ */ jsx46(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5966
6225
|
] }, j)) })
|
|
5967
6226
|
] })
|
|
5968
6227
|
] }, i)) })
|
|
5969
6228
|
] }),
|
|
5970
|
-
/* @__PURE__ */
|
|
5971
|
-
/* @__PURE__ */
|
|
6229
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-mobileSection", children: /* @__PURE__ */ jsx46(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
|
|
6230
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-mobileSection", children: /* @__PURE__ */ jsx46(ColumnSection, { column: rightColumn }) })
|
|
5972
6231
|
] })
|
|
5973
6232
|
] });
|
|
5974
6233
|
};
|
|
5975
6234
|
|
|
5976
6235
|
// templates/ArticleSection/ArticleSection.tsx
|
|
5977
|
-
import { Fragment as
|
|
6236
|
+
import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
5978
6237
|
var ArticleSection = ({
|
|
5979
6238
|
variant = "featured",
|
|
5980
6239
|
sectionTitle,
|
|
@@ -5990,14 +6249,14 @@ var ArticleSection = ({
|
|
|
5990
6249
|
const midpoint = Math.ceil(articles.length / 2);
|
|
5991
6250
|
const col2 = articles.slice(0, midpoint);
|
|
5992
6251
|
const col3 = articles.slice(midpoint);
|
|
5993
|
-
return /* @__PURE__ */
|
|
5994
|
-
/* @__PURE__ */
|
|
5995
|
-
/* @__PURE__ */
|
|
5996
|
-
linkText && /* @__PURE__ */
|
|
6252
|
+
return /* @__PURE__ */ jsxs43("section", { className: rootClass, children: [
|
|
6253
|
+
/* @__PURE__ */ jsxs43("div", { className: "as-header", children: [
|
|
6254
|
+
/* @__PURE__ */ jsx47("h2", { className: "as-title", children: sectionTitle }),
|
|
6255
|
+
linkText && /* @__PURE__ */ jsx47(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
5997
6256
|
] }),
|
|
5998
|
-
/* @__PURE__ */
|
|
5999
|
-
!isShowcase && !isGrid && featured && /* @__PURE__ */
|
|
6000
|
-
/* @__PURE__ */
|
|
6257
|
+
/* @__PURE__ */ jsxs43("div", { className: "as-desktop", children: [
|
|
6258
|
+
!isShowcase && !isGrid && featured && /* @__PURE__ */ jsxs43(Fragment9, { children: [
|
|
6259
|
+
/* @__PURE__ */ jsx47("div", { className: "as-featuredRow", children: /* @__PURE__ */ jsx47(
|
|
6001
6260
|
Card,
|
|
6002
6261
|
{
|
|
6003
6262
|
variant: "thumbnail",
|
|
@@ -6013,7 +6272,7 @@ var ArticleSection = ({
|
|
|
6013
6272
|
hideAvatar: true
|
|
6014
6273
|
}
|
|
6015
6274
|
) }),
|
|
6016
|
-
/* @__PURE__ */
|
|
6275
|
+
/* @__PURE__ */ jsx47("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-gridItem", children: /* @__PURE__ */ jsx47(
|
|
6017
6276
|
Card,
|
|
6018
6277
|
{
|
|
6019
6278
|
variant: "thumbnail",
|
|
@@ -6030,7 +6289,7 @@ var ArticleSection = ({
|
|
|
6030
6289
|
}
|
|
6031
6290
|
) }, i)) })
|
|
6032
6291
|
] }),
|
|
6033
|
-
isGrid && /* @__PURE__ */
|
|
6292
|
+
isGrid && /* @__PURE__ */ jsx47("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-gridItem", children: /* @__PURE__ */ jsx47(
|
|
6034
6293
|
Card,
|
|
6035
6294
|
{
|
|
6036
6295
|
variant: "thumbnail",
|
|
@@ -6046,8 +6305,8 @@ var ArticleSection = ({
|
|
|
6046
6305
|
hideAvatar: true
|
|
6047
6306
|
}
|
|
6048
6307
|
) }, i)) }),
|
|
6049
|
-
isShowcase && /* @__PURE__ */
|
|
6050
|
-
/* @__PURE__ */
|
|
6308
|
+
isShowcase && /* @__PURE__ */ jsxs43("div", { className: "as-showcaseGrid", children: [
|
|
6309
|
+
/* @__PURE__ */ jsx47("div", { className: "as-showcaseFeatured", children: featured && /* @__PURE__ */ jsx47(
|
|
6051
6310
|
Card,
|
|
6052
6311
|
{
|
|
6053
6312
|
variant: "thumbnail",
|
|
@@ -6063,7 +6322,7 @@ var ArticleSection = ({
|
|
|
6063
6322
|
hideAvatar: true
|
|
6064
6323
|
}
|
|
6065
6324
|
) }),
|
|
6066
|
-
/* @__PURE__ */
|
|
6325
|
+
/* @__PURE__ */ jsx47("div", { className: "as-showcaseCol", children: col2.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-showcaseItem", children: /* @__PURE__ */ jsx47(
|
|
6067
6326
|
Card,
|
|
6068
6327
|
{
|
|
6069
6328
|
variant: "thumbnail",
|
|
@@ -6079,7 +6338,7 @@ var ArticleSection = ({
|
|
|
6079
6338
|
hideAvatar: true
|
|
6080
6339
|
}
|
|
6081
6340
|
) }, i)) }),
|
|
6082
|
-
/* @__PURE__ */
|
|
6341
|
+
/* @__PURE__ */ jsx47("div", { className: "as-showcaseCol", children: col3.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-showcaseItem", children: /* @__PURE__ */ jsx47(
|
|
6083
6342
|
Card,
|
|
6084
6343
|
{
|
|
6085
6344
|
variant: "thumbnail",
|
|
@@ -6097,8 +6356,8 @@ var ArticleSection = ({
|
|
|
6097
6356
|
) }, i)) })
|
|
6098
6357
|
] })
|
|
6099
6358
|
] }),
|
|
6100
|
-
/* @__PURE__ */
|
|
6101
|
-
!isGrid && featured && /* @__PURE__ */
|
|
6359
|
+
/* @__PURE__ */ jsxs43("div", { className: isGrid ? "as-mobile-grid" : "as-mobile", children: [
|
|
6360
|
+
!isGrid && featured && /* @__PURE__ */ jsx47("div", { className: "as-mobileFeatured", children: /* @__PURE__ */ jsx47(
|
|
6102
6361
|
Card,
|
|
6103
6362
|
{
|
|
6104
6363
|
variant: "thumbnail",
|
|
@@ -6114,7 +6373,7 @@ var ArticleSection = ({
|
|
|
6114
6373
|
hideAvatar: true
|
|
6115
6374
|
}
|
|
6116
6375
|
) }),
|
|
6117
|
-
!isGrid && /* @__PURE__ */
|
|
6376
|
+
!isGrid && /* @__PURE__ */ jsx47("div", { className: "as-mobileList", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-mobileListItem", children: /* @__PURE__ */ jsx47(
|
|
6118
6377
|
Card,
|
|
6119
6378
|
{
|
|
6120
6379
|
variant: "thumbnail",
|
|
@@ -6130,7 +6389,7 @@ var ArticleSection = ({
|
|
|
6130
6389
|
hideAvatar: true
|
|
6131
6390
|
}
|
|
6132
6391
|
) }, i)) }),
|
|
6133
|
-
isGrid && /* @__PURE__ */
|
|
6392
|
+
isGrid && /* @__PURE__ */ jsx47("div", { className: "as-mobileScroll", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-mobileScrollItem", children: /* @__PURE__ */ jsx47(
|
|
6134
6393
|
Card,
|
|
6135
6394
|
{
|
|
6136
6395
|
variant: "thumbnail",
|
|
@@ -6151,8 +6410,8 @@ var ArticleSection = ({
|
|
|
6151
6410
|
};
|
|
6152
6411
|
|
|
6153
6412
|
// templates/CoralBanner/CoralBanner.tsx
|
|
6154
|
-
import { useCallback as useCallback4, useEffect as
|
|
6155
|
-
import { jsx as
|
|
6413
|
+
import { useCallback as useCallback4, useEffect as useEffect15, useRef as useRef18, useState as useState17 } from "react";
|
|
6414
|
+
import { jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
6156
6415
|
var DEFAULT_SLIDES = [
|
|
6157
6416
|
{
|
|
6158
6417
|
title: "Section title goes here",
|
|
@@ -6173,14 +6432,14 @@ var CORAL_BANNER_DERIV_SLIDES = [
|
|
|
6173
6432
|
primaryButton: { label: "Trade now", href: "#" }
|
|
6174
6433
|
}
|
|
6175
6434
|
];
|
|
6176
|
-
var LeftArrowIcon = () => /* @__PURE__ */
|
|
6435
|
+
var LeftArrowIcon = () => /* @__PURE__ */ jsx48("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx48(
|
|
6177
6436
|
"path",
|
|
6178
6437
|
{
|
|
6179
6438
|
d: "M3.31066 8.75001L9.03033 14.4697L7.96967 15.5303L0.439339 8.00001L7.96967 0.469676L9.03033 1.53034L3.31066 7.25001L15.5 7.25L15.5 8.75L3.31066 8.75001Z",
|
|
6180
6439
|
fill: "currentColor"
|
|
6181
6440
|
}
|
|
6182
6441
|
) });
|
|
6183
|
-
var RightArrowIcon = () => /* @__PURE__ */
|
|
6442
|
+
var RightArrowIcon = () => /* @__PURE__ */ jsx48("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx48(
|
|
6184
6443
|
"path",
|
|
6185
6444
|
{
|
|
6186
6445
|
d: "M12.6893 7.25L6.96967 1.53033L8.03033 0.469666L15.5607 8L8.03033 15.5303L6.96967 14.4697L12.6893 8.75H0.5V7.25H12.6893Z",
|
|
@@ -6189,9 +6448,9 @@ var RightArrowIcon = () => /* @__PURE__ */ jsx47("svg", { viewBox: "0 0 16 16",
|
|
|
6189
6448
|
) });
|
|
6190
6449
|
var renderTitleLines = (title) => {
|
|
6191
6450
|
const lines = title.split("\n");
|
|
6192
|
-
return lines.map((line, i) => /* @__PURE__ */
|
|
6451
|
+
return lines.map((line, i) => /* @__PURE__ */ jsxs44("span", { children: [
|
|
6193
6452
|
line,
|
|
6194
|
-
i < lines.length - 1 && /* @__PURE__ */
|
|
6453
|
+
i < lines.length - 1 && /* @__PURE__ */ jsx48("br", {})
|
|
6195
6454
|
] }, i));
|
|
6196
6455
|
};
|
|
6197
6456
|
var ButtonBlock3 = ({
|
|
@@ -6199,8 +6458,8 @@ var ButtonBlock3 = ({
|
|
|
6199
6458
|
secondaryButton
|
|
6200
6459
|
}) => {
|
|
6201
6460
|
if (!primaryButton && !secondaryButton) return null;
|
|
6202
|
-
return /* @__PURE__ */
|
|
6203
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */
|
|
6461
|
+
return /* @__PURE__ */ jsxs44("div", { className: "crb__buttons", children: [
|
|
6462
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx48("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx48(
|
|
6204
6463
|
Button,
|
|
6205
6464
|
{
|
|
6206
6465
|
colorScheme: "black",
|
|
@@ -6208,7 +6467,7 @@ var ButtonBlock3 = ({
|
|
|
6208
6467
|
label: primaryButton.label,
|
|
6209
6468
|
onClick: primaryButton.onClick
|
|
6210
6469
|
}
|
|
6211
|
-
) }) : /* @__PURE__ */
|
|
6470
|
+
) }) : /* @__PURE__ */ jsx48(
|
|
6212
6471
|
Button,
|
|
6213
6472
|
{
|
|
6214
6473
|
colorScheme: "black",
|
|
@@ -6217,7 +6476,7 @@ var ButtonBlock3 = ({
|
|
|
6217
6476
|
onClick: primaryButton.onClick
|
|
6218
6477
|
}
|
|
6219
6478
|
)),
|
|
6220
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */
|
|
6479
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx48("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx48(
|
|
6221
6480
|
Button,
|
|
6222
6481
|
{
|
|
6223
6482
|
colorScheme: "white",
|
|
@@ -6225,7 +6484,7 @@ var ButtonBlock3 = ({
|
|
|
6225
6484
|
label: secondaryButton.label,
|
|
6226
6485
|
onClick: secondaryButton.onClick
|
|
6227
6486
|
}
|
|
6228
|
-
) }) : /* @__PURE__ */
|
|
6487
|
+
) }) : /* @__PURE__ */ jsx48(
|
|
6229
6488
|
Button,
|
|
6230
6489
|
{
|
|
6231
6490
|
colorScheme: "white",
|
|
@@ -6236,11 +6495,11 @@ var ButtonBlock3 = ({
|
|
|
6236
6495
|
))
|
|
6237
6496
|
] });
|
|
6238
6497
|
};
|
|
6239
|
-
var SlideContent = ({ slide }) => /* @__PURE__ */
|
|
6240
|
-
/* @__PURE__ */
|
|
6241
|
-
/* @__PURE__ */
|
|
6242
|
-
slide.description && /* @__PURE__ */
|
|
6243
|
-
/* @__PURE__ */
|
|
6498
|
+
var SlideContent = ({ slide }) => /* @__PURE__ */ jsxs44("div", { className: "crb__grid", children: [
|
|
6499
|
+
/* @__PURE__ */ jsxs44("div", { className: "crb__content", children: [
|
|
6500
|
+
/* @__PURE__ */ jsx48("h3", { className: "crb__title", children: renderTitleLines(slide.title) }),
|
|
6501
|
+
slide.description && /* @__PURE__ */ jsx48("p", { className: "crb__description", children: slide.description }),
|
|
6502
|
+
/* @__PURE__ */ jsx48(
|
|
6244
6503
|
ButtonBlock3,
|
|
6245
6504
|
{
|
|
6246
6505
|
primaryButton: slide.primaryButton,
|
|
@@ -6248,7 +6507,7 @@ var SlideContent = ({ slide }) => /* @__PURE__ */ jsxs43("div", { className: "cr
|
|
|
6248
6507
|
}
|
|
6249
6508
|
)
|
|
6250
6509
|
] }),
|
|
6251
|
-
/* @__PURE__ */
|
|
6510
|
+
/* @__PURE__ */ jsx48("div", { className: "crb__spacer", "aria-hidden": "true" })
|
|
6252
6511
|
] });
|
|
6253
6512
|
var CoralBanner = ({
|
|
6254
6513
|
variant = "static",
|
|
@@ -6265,9 +6524,9 @@ var CoralBanner = ({
|
|
|
6265
6524
|
const resolvedSlides = slides && slides.length > 0 ? slides : DEFAULT_SLIDES;
|
|
6266
6525
|
const count = resolvedSlides.length;
|
|
6267
6526
|
const isCarousel = variant === "carousel" && count > 1;
|
|
6268
|
-
const [activeIndex, setActiveIndex] =
|
|
6269
|
-
const autoplayTimer =
|
|
6270
|
-
const dragState =
|
|
6527
|
+
const [activeIndex, setActiveIndex] = useState17(0);
|
|
6528
|
+
const autoplayTimer = useRef18(null);
|
|
6529
|
+
const dragState = useRef18(null);
|
|
6271
6530
|
const goTo = useCallback4(
|
|
6272
6531
|
(index) => {
|
|
6273
6532
|
if (count <= 1) return;
|
|
@@ -6281,7 +6540,7 @@ var CoralBanner = ({
|
|
|
6281
6540
|
const resetAutoplay = () => {
|
|
6282
6541
|
if (autoplayTimer.current) clearTimeout(autoplayTimer.current);
|
|
6283
6542
|
};
|
|
6284
|
-
|
|
6543
|
+
useEffect15(() => {
|
|
6285
6544
|
if (!isCarousel || !autoplay) return;
|
|
6286
6545
|
autoplayTimer.current = setTimeout(() => {
|
|
6287
6546
|
goTo(activeIndex + 1);
|
|
@@ -6311,16 +6570,16 @@ var CoralBanner = ({
|
|
|
6311
6570
|
className
|
|
6312
6571
|
].filter(Boolean).join(" ");
|
|
6313
6572
|
if (!isCarousel) {
|
|
6314
|
-
return /* @__PURE__ */
|
|
6573
|
+
return /* @__PURE__ */ jsx48("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx48("div", { className: "crb__inner", children: /* @__PURE__ */ jsx48("div", { className: "crb__stage", children: /* @__PURE__ */ jsx48(SlideContent, { slide: resolvedSlides[0] }) }) }) });
|
|
6315
6574
|
}
|
|
6316
|
-
return /* @__PURE__ */
|
|
6317
|
-
/* @__PURE__ */
|
|
6575
|
+
return /* @__PURE__ */ jsx48("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx48("div", { className: "crb__inner", children: /* @__PURE__ */ jsxs44("div", { className: "crb__stage", children: [
|
|
6576
|
+
/* @__PURE__ */ jsx48(
|
|
6318
6577
|
"div",
|
|
6319
6578
|
{
|
|
6320
6579
|
className: "crb__viewport",
|
|
6321
6580
|
onPointerDown: handlePointerDown,
|
|
6322
6581
|
onPointerUp: handlePointerUp,
|
|
6323
|
-
children: /* @__PURE__ */
|
|
6582
|
+
children: /* @__PURE__ */ jsx48(
|
|
6324
6583
|
"div",
|
|
6325
6584
|
{
|
|
6326
6585
|
className: "crb__track",
|
|
@@ -6328,7 +6587,7 @@ var CoralBanner = ({
|
|
|
6328
6587
|
transform: `translateX(-${activeIndex * 100}%)`,
|
|
6329
6588
|
transitionDuration: `${transitionDuration}ms`
|
|
6330
6589
|
},
|
|
6331
|
-
children: resolvedSlides.map((slide, i) => /* @__PURE__ */
|
|
6590
|
+
children: resolvedSlides.map((slide, i) => /* @__PURE__ */ jsx48(
|
|
6332
6591
|
"div",
|
|
6333
6592
|
{
|
|
6334
6593
|
className: "crb__slide",
|
|
@@ -6336,7 +6595,7 @@ var CoralBanner = ({
|
|
|
6336
6595
|
"aria-roledescription": "slide",
|
|
6337
6596
|
"aria-label": `${i + 1} of ${count}`,
|
|
6338
6597
|
"aria-hidden": i !== activeIndex,
|
|
6339
|
-
children: /* @__PURE__ */
|
|
6598
|
+
children: /* @__PURE__ */ jsx48(SlideContent, { slide })
|
|
6340
6599
|
},
|
|
6341
6600
|
slide.id ?? i
|
|
6342
6601
|
))
|
|
@@ -6344,7 +6603,7 @@ var CoralBanner = ({
|
|
|
6344
6603
|
)
|
|
6345
6604
|
}
|
|
6346
6605
|
),
|
|
6347
|
-
showDots && /* @__PURE__ */
|
|
6606
|
+
showDots && /* @__PURE__ */ jsx48("div", { className: "crb__dots", role: "tablist", "aria-label": "Banner slide navigation", children: resolvedSlides.map((_, i) => /* @__PURE__ */ jsx48(
|
|
6348
6607
|
"button",
|
|
6349
6608
|
{
|
|
6350
6609
|
type: "button",
|
|
@@ -6362,8 +6621,8 @@ var CoralBanner = ({
|
|
|
6362
6621
|
},
|
|
6363
6622
|
i
|
|
6364
6623
|
)) }),
|
|
6365
|
-
showArrows && /* @__PURE__ */
|
|
6366
|
-
/* @__PURE__ */
|
|
6624
|
+
showArrows && /* @__PURE__ */ jsxs44("div", { className: "crb__arrows", children: [
|
|
6625
|
+
/* @__PURE__ */ jsx48(
|
|
6367
6626
|
"button",
|
|
6368
6627
|
{
|
|
6369
6628
|
type: "button",
|
|
@@ -6373,10 +6632,10 @@ var CoralBanner = ({
|
|
|
6373
6632
|
resetAutoplay();
|
|
6374
6633
|
goPrev();
|
|
6375
6634
|
},
|
|
6376
|
-
children: /* @__PURE__ */
|
|
6635
|
+
children: /* @__PURE__ */ jsx48(LeftArrowIcon, {})
|
|
6377
6636
|
}
|
|
6378
6637
|
),
|
|
6379
|
-
/* @__PURE__ */
|
|
6638
|
+
/* @__PURE__ */ jsx48(
|
|
6380
6639
|
"button",
|
|
6381
6640
|
{
|
|
6382
6641
|
type: "button",
|
|
@@ -6386,7 +6645,7 @@ var CoralBanner = ({
|
|
|
6386
6645
|
resetAutoplay();
|
|
6387
6646
|
goNext();
|
|
6388
6647
|
},
|
|
6389
|
-
children: /* @__PURE__ */
|
|
6648
|
+
children: /* @__PURE__ */ jsx48(RightArrowIcon, {})
|
|
6390
6649
|
}
|
|
6391
6650
|
)
|
|
6392
6651
|
] })
|
|
@@ -6400,7 +6659,7 @@ var award_leaf_left_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACA
|
|
|
6400
6659
|
var award_leaf_right_default = "data:image/png;base64,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";
|
|
6401
6660
|
|
|
6402
6661
|
// templates/FeatureAwards/FeatureAwards.tsx
|
|
6403
|
-
import { jsx as
|
|
6662
|
+
import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
6404
6663
|
var FEATURE_AWARDS_TEXT_CONTENT = {
|
|
6405
6664
|
title: "Our awards"
|
|
6406
6665
|
};
|
|
@@ -6423,7 +6682,7 @@ var DEFAULT_AWARDS = [
|
|
|
6423
6682
|
{ title: "Best LATAM Region Broker", subtitle: "ADVFN Awards 2024" },
|
|
6424
6683
|
{ title: "Broker of the Year - Global", subtitle: "Finance Magnates 2024" }
|
|
6425
6684
|
];
|
|
6426
|
-
var LaurelIcon = ({ side }) => /* @__PURE__ */
|
|
6685
|
+
var LaurelIcon = ({ side }) => /* @__PURE__ */ jsx49(
|
|
6427
6686
|
"img",
|
|
6428
6687
|
{
|
|
6429
6688
|
className: `fa__leaf fa__leaf--${side}`,
|
|
@@ -6434,13 +6693,13 @@ var LaurelIcon = ({ side }) => /* @__PURE__ */ jsx48(
|
|
|
6434
6693
|
draggable: false
|
|
6435
6694
|
}
|
|
6436
6695
|
);
|
|
6437
|
-
var AwardBadge2 = ({ award }) => /* @__PURE__ */
|
|
6438
|
-
/* @__PURE__ */
|
|
6439
|
-
/* @__PURE__ */
|
|
6440
|
-
/* @__PURE__ */
|
|
6441
|
-
/* @__PURE__ */
|
|
6696
|
+
var AwardBadge2 = ({ award }) => /* @__PURE__ */ jsxs45("div", { className: "fa__item", role: "listitem", children: [
|
|
6697
|
+
/* @__PURE__ */ jsx49(LaurelIcon, { side: "left" }),
|
|
6698
|
+
/* @__PURE__ */ jsxs45("div", { className: "fa__item-text", children: [
|
|
6699
|
+
/* @__PURE__ */ jsx49("p", { className: "fa__item-title", children: award.title }),
|
|
6700
|
+
/* @__PURE__ */ jsx49("p", { className: "fa__item-subtitle", children: award.subtitle })
|
|
6442
6701
|
] }),
|
|
6443
|
-
/* @__PURE__ */
|
|
6702
|
+
/* @__PURE__ */ jsx49(LaurelIcon, { side: "right" })
|
|
6444
6703
|
] });
|
|
6445
6704
|
var FeatureAwards = ({
|
|
6446
6705
|
title = FEATURE_AWARDS_TEXT_CONTENT.title,
|
|
@@ -6453,23 +6712,23 @@ var FeatureAwards = ({
|
|
|
6453
6712
|
const trackStyle = {
|
|
6454
6713
|
"--fa-duration": `${autoScrollDuration}s`
|
|
6455
6714
|
};
|
|
6456
|
-
return /* @__PURE__ */
|
|
6715
|
+
return /* @__PURE__ */ jsx49(
|
|
6457
6716
|
"section",
|
|
6458
6717
|
{
|
|
6459
6718
|
className: ["fa", className].filter(Boolean).join(" "),
|
|
6460
6719
|
...props,
|
|
6461
|
-
children: /* @__PURE__ */
|
|
6462
|
-
title && /* @__PURE__ */
|
|
6463
|
-
/* @__PURE__ */
|
|
6464
|
-
/* @__PURE__ */
|
|
6465
|
-
/* @__PURE__ */
|
|
6466
|
-
/* @__PURE__ */
|
|
6720
|
+
children: /* @__PURE__ */ jsxs45("div", { className: "fa__inner", children: [
|
|
6721
|
+
title && /* @__PURE__ */ jsx49("h2", { className: "fa__title", children: title }),
|
|
6722
|
+
/* @__PURE__ */ jsx49("div", { className: "fa__grid", role: "list", children: awards.map((award, i) => /* @__PURE__ */ jsx49(AwardBadge2, { award }, `g-${i}`)) }),
|
|
6723
|
+
/* @__PURE__ */ jsx49("div", { className: "fa__scroller", children: /* @__PURE__ */ jsxs45("div", { className: "fa__track fa__track--auto", style: trackStyle, children: [
|
|
6724
|
+
/* @__PURE__ */ jsx49("div", { className: "fa__track-group", role: "list", children: awards.map((award, i) => /* @__PURE__ */ jsx49(AwardBadge2, { award }, `m-${i}`)) }),
|
|
6725
|
+
/* @__PURE__ */ jsx49(
|
|
6467
6726
|
"div",
|
|
6468
6727
|
{
|
|
6469
6728
|
className: "fa__track-group",
|
|
6470
6729
|
role: "presentation",
|
|
6471
6730
|
"aria-hidden": "true",
|
|
6472
|
-
children: awards.map((award, i) => /* @__PURE__ */
|
|
6731
|
+
children: awards.map((award, i) => /* @__PURE__ */ jsx49(AwardBadge2, { award }, `m-dup-${i}`))
|
|
6473
6732
|
}
|
|
6474
6733
|
)
|
|
6475
6734
|
] }) })
|
|
@@ -6479,7 +6738,7 @@ var FeatureAwards = ({
|
|
|
6479
6738
|
};
|
|
6480
6739
|
|
|
6481
6740
|
// templates/FeatureBlog/FeatureBlog.tsx
|
|
6482
|
-
import { jsx as
|
|
6741
|
+
import { jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
6483
6742
|
var externalLinkRel2 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6484
6743
|
var FEATURE_BLOG_TEXT_CONTENT = {
|
|
6485
6744
|
title: "Deriv press releases",
|
|
@@ -6487,7 +6746,7 @@ var FEATURE_BLOG_TEXT_CONTENT = {
|
|
|
6487
6746
|
};
|
|
6488
6747
|
var PostCard = ({ post, index }) => {
|
|
6489
6748
|
const tags = [post.date, post.category].filter((value) => Boolean(value)).map((label) => ({ label }));
|
|
6490
|
-
const card = /* @__PURE__ */
|
|
6749
|
+
const card = /* @__PURE__ */ jsx50(
|
|
6491
6750
|
Card,
|
|
6492
6751
|
{
|
|
6493
6752
|
hideAvatar: true,
|
|
@@ -6503,7 +6762,7 @@ var PostCard = ({ post, index }) => {
|
|
|
6503
6762
|
}
|
|
6504
6763
|
);
|
|
6505
6764
|
if (post.href) {
|
|
6506
|
-
return /* @__PURE__ */
|
|
6765
|
+
return /* @__PURE__ */ jsx50(
|
|
6507
6766
|
"a",
|
|
6508
6767
|
{
|
|
6509
6768
|
className: "fb-cardLink",
|
|
@@ -6515,7 +6774,7 @@ var PostCard = ({ post, index }) => {
|
|
|
6515
6774
|
);
|
|
6516
6775
|
}
|
|
6517
6776
|
if (post.onClick) {
|
|
6518
|
-
return /* @__PURE__ */
|
|
6777
|
+
return /* @__PURE__ */ jsx50(
|
|
6519
6778
|
"button",
|
|
6520
6779
|
{
|
|
6521
6780
|
className: "fb-cardLink fb-cardButton",
|
|
@@ -6526,7 +6785,7 @@ var PostCard = ({ post, index }) => {
|
|
|
6526
6785
|
`${post.title}-${index}`
|
|
6527
6786
|
);
|
|
6528
6787
|
}
|
|
6529
|
-
return /* @__PURE__ */
|
|
6788
|
+
return /* @__PURE__ */ jsx50("div", { children: card }, `${post.title}-${index}`);
|
|
6530
6789
|
};
|
|
6531
6790
|
var FeatureBlog = ({
|
|
6532
6791
|
title = FEATURE_BLOG_TEXT_CONTENT.title,
|
|
@@ -6539,10 +6798,10 @@ var FeatureBlog = ({
|
|
|
6539
6798
|
...props
|
|
6540
6799
|
}) => {
|
|
6541
6800
|
if (!posts || posts.length === 0) return null;
|
|
6542
|
-
return /* @__PURE__ */
|
|
6543
|
-
title && /* @__PURE__ */
|
|
6544
|
-
/* @__PURE__ */
|
|
6545
|
-
showLink && /* @__PURE__ */
|
|
6801
|
+
return /* @__PURE__ */ jsx50("section", { className: ["fb-section", className ?? ""].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs46("div", { className: "fb-container", children: [
|
|
6802
|
+
title && /* @__PURE__ */ jsx50("h2", { className: "fb-title", children: title }),
|
|
6803
|
+
/* @__PURE__ */ jsx50("div", { className: "fb-grid", children: posts.map((post, index) => /* @__PURE__ */ jsx50(PostCard, { index, post }, `${post.title}-${index}`)) }),
|
|
6804
|
+
showLink && /* @__PURE__ */ jsx50("div", { className: "fb-linkWrap", children: /* @__PURE__ */ jsx50(
|
|
6546
6805
|
Link,
|
|
6547
6806
|
{
|
|
6548
6807
|
colorScheme: "coral",
|
|
@@ -6556,8 +6815,8 @@ var FeatureBlog = ({
|
|
|
6556
6815
|
};
|
|
6557
6816
|
|
|
6558
6817
|
// templates/FeatureBlogCategories/FeatureBlogCategories.tsx
|
|
6559
|
-
import { useMemo as useMemo3, useState as
|
|
6560
|
-
import { jsx as
|
|
6818
|
+
import { useMemo as useMemo3, useState as useState18 } from "react";
|
|
6819
|
+
import { jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
6561
6820
|
var isExternalUrl = (href) => Boolean(href && /^https?:\/\//i.test(href));
|
|
6562
6821
|
var FEATURE_BLOG_CATEGORIES_TEXT_CONTENT = {
|
|
6563
6822
|
title: "Deriv press releases",
|
|
@@ -6571,7 +6830,7 @@ var PostCard2 = ({
|
|
|
6571
6830
|
categoryLabel
|
|
6572
6831
|
}) => {
|
|
6573
6832
|
const tags = [post.date, categoryLabel].filter((value) => Boolean(value)).map((label) => ({ label }));
|
|
6574
|
-
const card = /* @__PURE__ */
|
|
6833
|
+
const card = /* @__PURE__ */ jsx51(
|
|
6575
6834
|
Card,
|
|
6576
6835
|
{
|
|
6577
6836
|
hideAvatar: true,
|
|
@@ -6588,7 +6847,7 @@ var PostCard2 = ({
|
|
|
6588
6847
|
);
|
|
6589
6848
|
if (post.href) {
|
|
6590
6849
|
const external = isExternalUrl(post.href);
|
|
6591
|
-
return /* @__PURE__ */
|
|
6850
|
+
return /* @__PURE__ */ jsx51(
|
|
6592
6851
|
"a",
|
|
6593
6852
|
{
|
|
6594
6853
|
className: "fbc-cardLink",
|
|
@@ -6600,9 +6859,9 @@ var PostCard2 = ({
|
|
|
6600
6859
|
);
|
|
6601
6860
|
}
|
|
6602
6861
|
if (post.onClick) {
|
|
6603
|
-
return /* @__PURE__ */
|
|
6862
|
+
return /* @__PURE__ */ jsx51("button", { className: "fbc-cardLink fbc-cardButton", onClick: post.onClick, type: "button", children: card });
|
|
6604
6863
|
}
|
|
6605
|
-
return /* @__PURE__ */
|
|
6864
|
+
return /* @__PURE__ */ jsx51("div", { children: card });
|
|
6606
6865
|
};
|
|
6607
6866
|
var FeatureBlogCategories = ({
|
|
6608
6867
|
title = FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.title,
|
|
@@ -6620,8 +6879,8 @@ var FeatureBlogCategories = ({
|
|
|
6620
6879
|
className,
|
|
6621
6880
|
...props
|
|
6622
6881
|
}) => {
|
|
6623
|
-
const [search, setSearch] =
|
|
6624
|
-
const [internalActiveId, setInternalActiveId] =
|
|
6882
|
+
const [search, setSearch] = useState18("");
|
|
6883
|
+
const [internalActiveId, setInternalActiveId] = useState18(defaultActiveCategoryId ?? allCategoryId);
|
|
6625
6884
|
const isControlled = activeCategoryId !== void 0;
|
|
6626
6885
|
const activeId = isControlled ? activeCategoryId : internalActiveId;
|
|
6627
6886
|
const tabs = useMemo3(
|
|
@@ -6654,9 +6913,9 @@ var FeatureBlogCategories = ({
|
|
|
6654
6913
|
setSearch("");
|
|
6655
6914
|
onSearchChange?.("");
|
|
6656
6915
|
};
|
|
6657
|
-
return /* @__PURE__ */
|
|
6658
|
-
title && /* @__PURE__ */
|
|
6659
|
-
/* @__PURE__ */
|
|
6916
|
+
return /* @__PURE__ */ jsx51("section", { className: ["fbc-section", className ?? ""].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs47("div", { className: "fbc-container", children: [
|
|
6917
|
+
title && /* @__PURE__ */ jsx51("h2", { className: "fbc-title", children: title }),
|
|
6918
|
+
/* @__PURE__ */ jsx51("div", { className: "fbc-searchWrap", children: /* @__PURE__ */ jsx51(
|
|
6660
6919
|
SearchField,
|
|
6661
6920
|
{
|
|
6662
6921
|
"aria-label": searchAriaLabel ?? searchPlaceholder,
|
|
@@ -6667,23 +6926,23 @@ var FeatureBlogCategories = ({
|
|
|
6667
6926
|
variant: "outline"
|
|
6668
6927
|
}
|
|
6669
6928
|
) }),
|
|
6670
|
-
/* @__PURE__ */
|
|
6671
|
-
filteredPosts.length > 0 ? /* @__PURE__ */
|
|
6929
|
+
/* @__PURE__ */ jsx51("div", { className: "fbc-tabsWrap", children: /* @__PURE__ */ jsx51(Tabs, { activeId: activeId ?? allCategoryId, items: tabs, onChange: handleTabChange }) }),
|
|
6930
|
+
filteredPosts.length > 0 ? /* @__PURE__ */ jsx51("div", { className: "fbc-grid", children: filteredPosts.map((post, index) => /* @__PURE__ */ jsx51(
|
|
6672
6931
|
PostCard2,
|
|
6673
6932
|
{
|
|
6674
6933
|
categoryLabel: post.categoryLabel ?? categoryLabelById.get(post.category),
|
|
6675
6934
|
post
|
|
6676
6935
|
},
|
|
6677
6936
|
`${post.title}-${index}`
|
|
6678
|
-
)) }) : /* @__PURE__ */
|
|
6937
|
+
)) }) : /* @__PURE__ */ jsx51("p", { className: "fbc-emptyState", children: emptyStateText })
|
|
6679
6938
|
] }) });
|
|
6680
6939
|
};
|
|
6681
6940
|
|
|
6682
6941
|
// templates/HelpCentreCategories/HelpCentreCategories.tsx
|
|
6683
|
-
import { Fragment as
|
|
6942
|
+
import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
6684
6943
|
var externalLinkRel3 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6685
|
-
var CategoryTileContent = ({ category }) => /* @__PURE__ */
|
|
6686
|
-
category.icon && /* @__PURE__ */
|
|
6944
|
+
var CategoryTileContent = ({ category }) => /* @__PURE__ */ jsxs48(Fragment10, { children: [
|
|
6945
|
+
category.icon && /* @__PURE__ */ jsx52("span", { className: "hcc-tile-icon", children: typeof category.icon === "string" ? /* @__PURE__ */ jsx52(
|
|
6687
6946
|
"img",
|
|
6688
6947
|
{
|
|
6689
6948
|
alt: category.iconAlt ?? "",
|
|
@@ -6695,22 +6954,22 @@ var CategoryTileContent = ({ category }) => /* @__PURE__ */ jsxs47(Fragment9, {
|
|
|
6695
6954
|
width: 48
|
|
6696
6955
|
}
|
|
6697
6956
|
) : category.icon }),
|
|
6698
|
-
/* @__PURE__ */
|
|
6957
|
+
/* @__PURE__ */ jsx52("span", { className: "hcc-tile-title", children: category.title })
|
|
6699
6958
|
] });
|
|
6700
6959
|
var CategoryTile = ({ category }) => {
|
|
6701
6960
|
if (category.href) {
|
|
6702
|
-
return /* @__PURE__ */
|
|
6961
|
+
return /* @__PURE__ */ jsx52(
|
|
6703
6962
|
"a",
|
|
6704
6963
|
{
|
|
6705
6964
|
className: "hcc-tile",
|
|
6706
6965
|
href: category.href,
|
|
6707
6966
|
onClick: category.onClick,
|
|
6708
6967
|
rel: externalLinkRel3(category.href),
|
|
6709
|
-
children: /* @__PURE__ */
|
|
6968
|
+
children: /* @__PURE__ */ jsx52(CategoryTileContent, { category })
|
|
6710
6969
|
}
|
|
6711
6970
|
);
|
|
6712
6971
|
}
|
|
6713
|
-
return /* @__PURE__ */
|
|
6972
|
+
return /* @__PURE__ */ jsx52("button", { className: "hcc-tile", onClick: category.onClick, type: "button", children: /* @__PURE__ */ jsx52(CategoryTileContent, { category }) });
|
|
6714
6973
|
};
|
|
6715
6974
|
var getColumnCount = (categoryCount) => Math.max(1, Math.min(categoryCount, 3));
|
|
6716
6975
|
var HelpCentreCategories = ({
|
|
@@ -6719,24 +6978,24 @@ var HelpCentreCategories = ({
|
|
|
6719
6978
|
categories
|
|
6720
6979
|
}) => {
|
|
6721
6980
|
const columnCount = getColumnCount(categories.length);
|
|
6722
|
-
return /* @__PURE__ */
|
|
6723
|
-
(sectionTitle || sectionDescription) && /* @__PURE__ */
|
|
6724
|
-
sectionTitle && /* @__PURE__ */
|
|
6725
|
-
sectionDescription && /* @__PURE__ */
|
|
6981
|
+
return /* @__PURE__ */ jsx52("section", { className: "hcc-section", children: /* @__PURE__ */ jsxs48("div", { className: "hcc-container", children: [
|
|
6982
|
+
(sectionTitle || sectionDescription) && /* @__PURE__ */ jsxs48("div", { className: "hcc-header", children: [
|
|
6983
|
+
sectionTitle && /* @__PURE__ */ jsx52("h2", { className: "hcc-sectionTitle", children: sectionTitle }),
|
|
6984
|
+
sectionDescription && /* @__PURE__ */ jsx52("p", { className: "hcc-sectionDescription", children: sectionDescription })
|
|
6726
6985
|
] }),
|
|
6727
|
-
/* @__PURE__ */
|
|
6986
|
+
/* @__PURE__ */ jsx52("div", { className: `hcc-grid hcc-grid--${columnCount}`, role: "list", children: categories.map((category, index) => /* @__PURE__ */ jsx52("div", { className: "hcc-gridItem", role: "listitem", children: /* @__PURE__ */ jsx52(CategoryTile, { category }) }, category.id ?? `${category.title}-${index}`)) })
|
|
6728
6987
|
] }) });
|
|
6729
6988
|
};
|
|
6730
6989
|
|
|
6731
6990
|
// templates/HelpCentreSubCategories/HelpCentreSubCategories.tsx
|
|
6732
|
-
import { useMemo as useMemo4, useState as
|
|
6733
|
-
import { jsx as
|
|
6991
|
+
import { useMemo as useMemo4, useState as useState19 } from "react";
|
|
6992
|
+
import { jsx as jsx53, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
6734
6993
|
var externalLinkRel4 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6735
6994
|
var QuestionCard = ({ item }) => {
|
|
6736
6995
|
if (item.href) {
|
|
6737
|
-
return /* @__PURE__ */
|
|
6996
|
+
return /* @__PURE__ */ jsx53("a", { className: "hcsc-card", href: item.href, onClick: item.onClick, rel: externalLinkRel4(item.href), children: /* @__PURE__ */ jsx53("span", { className: "hcsc-card-text", children: item.question }) });
|
|
6738
6997
|
}
|
|
6739
|
-
return /* @__PURE__ */
|
|
6998
|
+
return /* @__PURE__ */ jsx53("button", { className: "hcsc-card", onClick: item.onClick, type: "button", children: /* @__PURE__ */ jsx53("span", { className: "hcsc-card-text", children: item.question }) });
|
|
6740
6999
|
};
|
|
6741
7000
|
var HelpCentreSubCategories = ({
|
|
6742
7001
|
title,
|
|
@@ -6746,7 +7005,7 @@ var HelpCentreSubCategories = ({
|
|
|
6746
7005
|
noResultsText = 'No results found for "{query}"',
|
|
6747
7006
|
onSearchChange
|
|
6748
7007
|
}) => {
|
|
6749
|
-
const [search, setSearch] =
|
|
7008
|
+
const [search, setSearch] = useState19("");
|
|
6750
7009
|
const filtered = useMemo4(() => {
|
|
6751
7010
|
const q = search.trim().toLowerCase();
|
|
6752
7011
|
if (!q) return items;
|
|
@@ -6760,9 +7019,9 @@ var HelpCentreSubCategories = ({
|
|
|
6760
7019
|
setSearch("");
|
|
6761
7020
|
onSearchChange?.("");
|
|
6762
7021
|
};
|
|
6763
|
-
return /* @__PURE__ */
|
|
6764
|
-
/* @__PURE__ */
|
|
6765
|
-
/* @__PURE__ */
|
|
7022
|
+
return /* @__PURE__ */ jsx53("section", { className: "hcsc-section", children: /* @__PURE__ */ jsxs49("div", { className: "hcsc-container", children: [
|
|
7023
|
+
/* @__PURE__ */ jsx53("h1", { className: "hcsc-title", children: title }),
|
|
7024
|
+
/* @__PURE__ */ jsx53("div", { className: "hcsc-searchWrap", children: /* @__PURE__ */ jsx53(
|
|
6766
7025
|
SearchField,
|
|
6767
7026
|
{
|
|
6768
7027
|
"aria-label": searchAriaLabel ?? searchPlaceholder,
|
|
@@ -6773,25 +7032,25 @@ var HelpCentreSubCategories = ({
|
|
|
6773
7032
|
variant: "outline"
|
|
6774
7033
|
}
|
|
6775
7034
|
) }),
|
|
6776
|
-
filtered.length > 0 ? /* @__PURE__ */
|
|
7035
|
+
filtered.length > 0 ? /* @__PURE__ */ jsx53("div", { className: "hcsc-grid", role: "list", children: filtered.map((item, index) => /* @__PURE__ */ jsx53("div", { className: "hcsc-gridItem", role: "listitem", children: /* @__PURE__ */ jsx53(QuestionCard, { item }) }, item.id ?? `${item.question}-${index}`)) }) : /* @__PURE__ */ jsx53("p", { className: "hcsc-noResults", children: noResultsText.replace("{query}", search) })
|
|
6777
7036
|
] }) });
|
|
6778
7037
|
};
|
|
6779
7038
|
|
|
6780
7039
|
// templates/HelpCenterPage/HelpCenterPage.tsx
|
|
6781
|
-
import { useMemo as useMemo5, useState as
|
|
6782
|
-
import { jsx as
|
|
7040
|
+
import { useMemo as useMemo5, useState as useState20 } from "react";
|
|
7041
|
+
import { jsx as jsx54, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
6783
7042
|
var externalLinkRel5 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6784
|
-
var ChevronDownIcon5 = () => /* @__PURE__ */
|
|
7043
|
+
var ChevronDownIcon5 = () => /* @__PURE__ */ jsx54("svg", { "aria-hidden": "true", fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx54("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) });
|
|
6785
7044
|
var renderBlock = (block, index) => {
|
|
6786
7045
|
if (block.type === "heading") {
|
|
6787
7046
|
const HeadingTag = block.level === 3 ? "h3" : "h2";
|
|
6788
|
-
return /* @__PURE__ */
|
|
7047
|
+
return /* @__PURE__ */ jsx54(HeadingTag, { className: "hcp-blockHeading", children: block.text }, index);
|
|
6789
7048
|
}
|
|
6790
7049
|
if (block.type === "list") {
|
|
6791
7050
|
const ListTag = block.ordered ? "ol" : "ul";
|
|
6792
|
-
return /* @__PURE__ */
|
|
7051
|
+
return /* @__PURE__ */ jsx54(ListTag, { className: "hcp-blockList", children: (block.items ?? []).map((item, i) => /* @__PURE__ */ jsx54("li", { className: "hcp-blockListItem", children: item }, i)) }, index);
|
|
6793
7052
|
}
|
|
6794
|
-
return /* @__PURE__ */
|
|
7053
|
+
return /* @__PURE__ */ jsx54("p", { className: "hcp-blockParagraph", children: block.text }, index);
|
|
6795
7054
|
};
|
|
6796
7055
|
var QuestionRow = ({
|
|
6797
7056
|
item,
|
|
@@ -6800,7 +7059,7 @@ var QuestionRow = ({
|
|
|
6800
7059
|
}) => {
|
|
6801
7060
|
const rowClass = ["hcp-row", isActive ? "hcp-row--active" : ""].filter(Boolean).join(" ");
|
|
6802
7061
|
if (item.href) {
|
|
6803
|
-
return /* @__PURE__ */
|
|
7062
|
+
return /* @__PURE__ */ jsx54(
|
|
6804
7063
|
"a",
|
|
6805
7064
|
{
|
|
6806
7065
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -6811,11 +7070,11 @@ var QuestionRow = ({
|
|
|
6811
7070
|
onSelect(item);
|
|
6812
7071
|
},
|
|
6813
7072
|
rel: externalLinkRel5(item.href),
|
|
6814
|
-
children: /* @__PURE__ */
|
|
7073
|
+
children: /* @__PURE__ */ jsx54("span", { className: "hcp-rowText", children: item.question })
|
|
6815
7074
|
}
|
|
6816
7075
|
);
|
|
6817
7076
|
}
|
|
6818
|
-
return /* @__PURE__ */
|
|
7077
|
+
return /* @__PURE__ */ jsx54(
|
|
6819
7078
|
"button",
|
|
6820
7079
|
{
|
|
6821
7080
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -6825,7 +7084,7 @@ var QuestionRow = ({
|
|
|
6825
7084
|
onSelect(item);
|
|
6826
7085
|
},
|
|
6827
7086
|
type: "button",
|
|
6828
|
-
children: /* @__PURE__ */
|
|
7087
|
+
children: /* @__PURE__ */ jsx54("span", { className: "hcp-rowText", children: item.question })
|
|
6829
7088
|
}
|
|
6830
7089
|
);
|
|
6831
7090
|
};
|
|
@@ -6844,9 +7103,9 @@ var HelpCenterPage = ({
|
|
|
6844
7103
|
articlesSheetTitle = "Articles in this section",
|
|
6845
7104
|
className
|
|
6846
7105
|
}) => {
|
|
6847
|
-
const [search, setSearch] =
|
|
6848
|
-
const [internalActiveId, setInternalActiveId] =
|
|
6849
|
-
const [sheetOpen, setSheetOpen] =
|
|
7106
|
+
const [search, setSearch] = useState20("");
|
|
7107
|
+
const [internalActiveId, setInternalActiveId] = useState20(defaultActiveQuestionId ?? questions[0]?.id);
|
|
7108
|
+
const [sheetOpen, setSheetOpen] = useState20(false);
|
|
6850
7109
|
const isControlled = activeQuestionId !== void 0;
|
|
6851
7110
|
const activeId = isControlled ? activeQuestionId : internalActiveId;
|
|
6852
7111
|
const activeItem = questions.find((item) => item.id === activeId);
|
|
@@ -6871,9 +7130,9 @@ var HelpCenterPage = ({
|
|
|
6871
7130
|
const resolvedTitle = activeItem?.content ? activeItem.contentTitle ?? contentTitle : contentTitle;
|
|
6872
7131
|
const resolvedContent = activeItem?.content ?? content;
|
|
6873
7132
|
const rootClass = ["hcp-section", className ?? ""].filter(Boolean).join(" ");
|
|
6874
|
-
return /* @__PURE__ */
|
|
6875
|
-
/* @__PURE__ */
|
|
6876
|
-
/* @__PURE__ */
|
|
7133
|
+
return /* @__PURE__ */ jsxs50("section", { className: rootClass, children: [
|
|
7134
|
+
/* @__PURE__ */ jsxs50("div", { className: "hcp-container", children: [
|
|
7135
|
+
/* @__PURE__ */ jsx54("div", { className: "hcp-searchWrap", children: /* @__PURE__ */ jsx54(
|
|
6877
7136
|
SearchField,
|
|
6878
7137
|
{
|
|
6879
7138
|
"aria-label": searchAriaLabel ?? searchPlaceholder,
|
|
@@ -6884,12 +7143,12 @@ var HelpCenterPage = ({
|
|
|
6884
7143
|
variant: "outline"
|
|
6885
7144
|
}
|
|
6886
7145
|
) }),
|
|
6887
|
-
/* @__PURE__ */
|
|
6888
|
-
/* @__PURE__ */
|
|
6889
|
-
/* @__PURE__ */
|
|
6890
|
-
filtered.length > 0 ? /* @__PURE__ */
|
|
7146
|
+
/* @__PURE__ */ jsxs50("div", { className: "hcp-body", children: [
|
|
7147
|
+
/* @__PURE__ */ jsx54("aside", { className: "hcp-sidebar", children: /* @__PURE__ */ jsxs50("div", { className: "hcp-sidebarCard", children: [
|
|
7148
|
+
/* @__PURE__ */ jsx54("h2", { className: "hcp-sidebarTitle", children: categoryTitle }),
|
|
7149
|
+
filtered.length > 0 ? /* @__PURE__ */ jsx54("div", { className: "hcp-list", role: "list", children: filtered.map((item) => /* @__PURE__ */ jsx54("div", { className: "hcp-listItem", role: "listitem", children: /* @__PURE__ */ jsx54(QuestionRow, { isActive: item.id === activeId, item, onSelect: handleSelect }) }, item.id)) }) : /* @__PURE__ */ jsx54("p", { className: "hcp-noResults", children: searchNoResultsText.replace("{query}", search) })
|
|
6891
7150
|
] }) }),
|
|
6892
|
-
/* @__PURE__ */
|
|
7151
|
+
/* @__PURE__ */ jsxs50(
|
|
6893
7152
|
"button",
|
|
6894
7153
|
{
|
|
6895
7154
|
"aria-expanded": sheetOpen,
|
|
@@ -6897,23 +7156,23 @@ var HelpCenterPage = ({
|
|
|
6897
7156
|
onClick: () => setSheetOpen(true),
|
|
6898
7157
|
type: "button",
|
|
6899
7158
|
children: [
|
|
6900
|
-
/* @__PURE__ */
|
|
6901
|
-
/* @__PURE__ */
|
|
7159
|
+
/* @__PURE__ */ jsx54("span", { className: "hcp-mobileToggleLabel", children: categoryTitle }),
|
|
7160
|
+
/* @__PURE__ */ jsx54("span", { className: "hcp-mobileToggleChevron", children: /* @__PURE__ */ jsx54(ChevronDownIcon5, {}) })
|
|
6902
7161
|
]
|
|
6903
7162
|
}
|
|
6904
7163
|
),
|
|
6905
|
-
/* @__PURE__ */
|
|
6906
|
-
/* @__PURE__ */
|
|
6907
|
-
/* @__PURE__ */
|
|
7164
|
+
/* @__PURE__ */ jsxs50("div", { className: "hcp-content", children: [
|
|
7165
|
+
/* @__PURE__ */ jsx54("h1", { className: "hcp-contentTitle", children: resolvedTitle }),
|
|
7166
|
+
/* @__PURE__ */ jsx54("div", { className: "hcp-contentBody", children: resolvedContent.map(renderBlock) })
|
|
6908
7167
|
] })
|
|
6909
7168
|
] })
|
|
6910
7169
|
] }),
|
|
6911
|
-
/* @__PURE__ */
|
|
7170
|
+
/* @__PURE__ */ jsx54(BottomSheet, { onClose: () => setSheetOpen(false), open: sheetOpen, title: articlesSheetTitle, children: filtered.length > 0 ? /* @__PURE__ */ jsx54("div", { className: "hcp-sheetList", role: "list", children: filtered.map((item) => /* @__PURE__ */ jsx54("div", { className: "hcp-sheetItem", role: "listitem", children: /* @__PURE__ */ jsx54(QuestionRow, { isActive: item.id === activeId, item, onSelect: handleSelect }) }, item.id)) }) : /* @__PURE__ */ jsx54("p", { className: "hcp-noResults", children: searchNoResultsText.replace("{query}", search) }) })
|
|
6912
7171
|
] });
|
|
6913
7172
|
};
|
|
6914
7173
|
|
|
6915
7174
|
// templates/FeatureBlogPage/FeatureBlogPage.tsx
|
|
6916
|
-
import { useEffect as
|
|
7175
|
+
import { useEffect as useEffect16, useMemo as useMemo6, useState as useState21 } from "react";
|
|
6917
7176
|
|
|
6918
7177
|
// assets/share-link.png
|
|
6919
7178
|
var share_link_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABYklEQVR4AezVgU3DMBAFUMRAzMEQzMEQzMEQzMFE+FX5kuNGF4cgIVWp8us73/n/76vaPj/98+sycE3gmsBDTuCl/bQELayfv5zAW5P6avgYwEzb2n7OGBiJGYjK9xLoYWhJ75ffGCCUm2bF/N7e4HVZxS28Pc7cgvHtiAG3ITiSZd+tIRrizyXRs4TrZdYAgowyxG4IcqyjMXupOS+/w4wBh3txoojsqUVky0D20uPcCnsGCBByCEnEe2JjVtOj3wpiEKcuXmHPwJZ4SBEhloM8kPdnmUxttVYGeoLcfHV4SJiBUbw8WxkI/+ieSGo+CoL29IkPGa8MIIvQuBKz1xvQf0gcQWXArfQgtvZgoK8zAnrUyrFrCmYMIAZnmBEDEWAECAd6p1AZ6MkI+hU0YjEQIMwE9P1qU6gMIAgpITlkT3waewYIEHRDfzIgB7XTmDFwWqQiuAxcE3j8CVTfALUfAAAA//85/ClxAAAABklEQVQDABFpTkF24Li2AAAAAElFTkSuQmCC";
|
|
@@ -6931,9 +7190,9 @@ var share_telegram_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAA
|
|
|
6931
7190
|
var share_linkedin_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABC0lEQVR4AeyU4Q0CMQhGjQM5kXM4hHM4hHM4kbxLSPjRQklJLrlg+tkevcIr5Xq/nfxrgM5AZ2AlAw/5Uncky+ctAnjK0vem8CEuxi0CYOfjletW10cEYMP85OEjKm0ZgJdEBoBehjUtA6AR3ZTqS6t9BuArTilIt6jknVTLAJB+6gARhN7aOBqEjfklZQFwTmCcM0YERdiR2ngnVAbAc0Zd2KMBBHlrjrkqAK0NC3EEiP4qANi9xrFjtbl9BYAbIJpsgEwGOF+kWWWsUhv9yIZ9qAwAlY600untMwEIjg0xxuYqA+A6cibd+yAC4IbbFTfjlC8CYCE72BE+ploBmC6umGiA62cgqpM/AAAA///Uc2lWAAAABklEQVQDAGm0P0FrHt4RAAAAAElFTkSuQmCC";
|
|
6932
7191
|
|
|
6933
7192
|
// templates/FeatureBlogPage/FeatureBlogPage.tsx
|
|
6934
|
-
import { jsx as
|
|
6935
|
-
var ChevronDownIcon6 = () => /* @__PURE__ */
|
|
6936
|
-
var CheckIcon3 = () => /* @__PURE__ */
|
|
7193
|
+
import { jsx as jsx55, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
7194
|
+
var ChevronDownIcon6 = () => /* @__PURE__ */ jsx55("svg", { "aria-hidden": "true", fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx55("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) });
|
|
7195
|
+
var CheckIcon3 = () => /* @__PURE__ */ jsx55("svg", { "aria-hidden": "true", fill: "none", height: "18", viewBox: "0 0 16 16", width: "18", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx55("path", { d: "M3.5 8.5l3 3 6-7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.6" }) });
|
|
6937
7196
|
var SHARE_ICONS = {
|
|
6938
7197
|
facebook: { src: share_facebook_default, alt: "Facebook" },
|
|
6939
7198
|
twitter: { src: share_x_default, alt: "X" },
|
|
@@ -6970,10 +7229,10 @@ var TocCard = ({
|
|
|
6970
7229
|
idSuffix,
|
|
6971
7230
|
collapsible
|
|
6972
7231
|
}) => {
|
|
6973
|
-
const [open, setOpen] =
|
|
7232
|
+
const [open, setOpen] = useState21(defaultOpen);
|
|
6974
7233
|
const panelId = `fbp-toc-panel-${idSuffix}`;
|
|
6975
7234
|
const isOpen = collapsible ? open : true;
|
|
6976
|
-
const list = /* @__PURE__ */
|
|
7235
|
+
const list = /* @__PURE__ */ jsx55("ol", { className: "fbp-tocList", id: panelId, children: headings.map((heading) => /* @__PURE__ */ jsx55("li", { className: "fbp-tocItem", children: /* @__PURE__ */ jsx55(
|
|
6977
7236
|
"a",
|
|
6978
7237
|
{
|
|
6979
7238
|
"aria-current": activeId === heading.id ? "location" : void 0,
|
|
@@ -6986,8 +7245,8 @@ var TocCard = ({
|
|
|
6986
7245
|
children: heading.text
|
|
6987
7246
|
}
|
|
6988
7247
|
) }, heading.id)) });
|
|
6989
|
-
return /* @__PURE__ */
|
|
6990
|
-
collapsible ? /* @__PURE__ */
|
|
7248
|
+
return /* @__PURE__ */ jsxs51("div", { className: "fbp-tocCard", children: [
|
|
7249
|
+
collapsible ? /* @__PURE__ */ jsxs51(
|
|
6991
7250
|
"button",
|
|
6992
7251
|
{
|
|
6993
7252
|
"aria-controls": panelId,
|
|
@@ -6996,11 +7255,11 @@ var TocCard = ({
|
|
|
6996
7255
|
onClick: () => setOpen((prev) => !prev),
|
|
6997
7256
|
type: "button",
|
|
6998
7257
|
children: [
|
|
6999
|
-
/* @__PURE__ */
|
|
7000
|
-
/* @__PURE__ */
|
|
7258
|
+
/* @__PURE__ */ jsx55("span", { className: "fbp-tocTitle", children: tocTitle }),
|
|
7259
|
+
/* @__PURE__ */ jsx55("span", { className: ["fbp-tocChevron", isOpen ? "fbp-tocChevron--open" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx55(ChevronDownIcon6, {}) })
|
|
7001
7260
|
]
|
|
7002
7261
|
}
|
|
7003
|
-
) : /* @__PURE__ */
|
|
7262
|
+
) : /* @__PURE__ */ jsx55("div", { className: "fbp-tocHeader", children: /* @__PURE__ */ jsx55("span", { className: "fbp-tocTitle", children: tocTitle }) }),
|
|
7004
7263
|
isOpen && list
|
|
7005
7264
|
] });
|
|
7006
7265
|
};
|
|
@@ -7012,7 +7271,7 @@ var ShareRow = ({
|
|
|
7012
7271
|
onShare,
|
|
7013
7272
|
copiedLabel
|
|
7014
7273
|
}) => {
|
|
7015
|
-
const [copied, setCopied] =
|
|
7274
|
+
const [copied, setCopied] = useState21(false);
|
|
7016
7275
|
const handleCopy = async () => {
|
|
7017
7276
|
onShare?.("copy");
|
|
7018
7277
|
try {
|
|
@@ -7024,22 +7283,22 @@ var ShareRow = ({
|
|
|
7024
7283
|
} catch {
|
|
7025
7284
|
}
|
|
7026
7285
|
};
|
|
7027
|
-
return /* @__PURE__ */
|
|
7028
|
-
/* @__PURE__ */
|
|
7029
|
-
/* @__PURE__ */
|
|
7030
|
-
/* @__PURE__ */
|
|
7286
|
+
return /* @__PURE__ */ jsxs51("div", { className: "fbp-shareCard", children: [
|
|
7287
|
+
/* @__PURE__ */ jsx55("span", { className: "fbp-shareTitle", children: shareTitle }),
|
|
7288
|
+
/* @__PURE__ */ jsxs51("div", { className: "fbp-shareIcons", children: [
|
|
7289
|
+
/* @__PURE__ */ jsx55(
|
|
7031
7290
|
"button",
|
|
7032
7291
|
{
|
|
7033
7292
|
"aria-label": copied ? copiedLabel : "Copy link",
|
|
7034
7293
|
className: "fbp-shareIcon",
|
|
7035
7294
|
onClick: handleCopy,
|
|
7036
7295
|
type: "button",
|
|
7037
|
-
children: copied ? /* @__PURE__ */
|
|
7296
|
+
children: copied ? /* @__PURE__ */ jsx55(CheckIcon3, {}) : /* @__PURE__ */ jsx55("img", { alt: "", className: "fbp-shareIconImg", src: share_link_default })
|
|
7038
7297
|
}
|
|
7039
7298
|
),
|
|
7040
7299
|
platforms.map((platform) => {
|
|
7041
7300
|
const icon = SHARE_ICONS[platform];
|
|
7042
|
-
return /* @__PURE__ */
|
|
7301
|
+
return /* @__PURE__ */ jsx55(
|
|
7043
7302
|
"a",
|
|
7044
7303
|
{
|
|
7045
7304
|
"aria-label": LABELS[platform],
|
|
@@ -7048,7 +7307,7 @@ var ShareRow = ({
|
|
|
7048
7307
|
onClick: () => onShare?.(platform),
|
|
7049
7308
|
rel: "noopener noreferrer",
|
|
7050
7309
|
target: "_blank",
|
|
7051
|
-
children: /* @__PURE__ */
|
|
7310
|
+
children: /* @__PURE__ */ jsx55("img", { alt: "", className: "fbp-shareIconImg", src: icon.src })
|
|
7052
7311
|
},
|
|
7053
7312
|
platform
|
|
7054
7313
|
);
|
|
@@ -7061,28 +7320,28 @@ var renderBlock2 = (block, index, headingIds) => {
|
|
|
7061
7320
|
const level = block.level ?? 2;
|
|
7062
7321
|
const HeadingTag = level === 3 ? "h3" : "h2";
|
|
7063
7322
|
const headingClass = level === 3 ? "fbp-blockHeading fbp-blockHeading--h3" : "fbp-blockHeading";
|
|
7064
|
-
return /* @__PURE__ */
|
|
7323
|
+
return /* @__PURE__ */ jsx55(HeadingTag, { className: headingClass, id: headingIds.get(index), children: block.text }, index);
|
|
7065
7324
|
}
|
|
7066
7325
|
if (block.type === "list") {
|
|
7067
7326
|
const ListTag = block.ordered ? "ol" : "ul";
|
|
7068
|
-
return /* @__PURE__ */
|
|
7327
|
+
return /* @__PURE__ */ jsx55(ListTag, { className: "fbp-blockList", children: (block.items ?? []).map((item, i) => /* @__PURE__ */ jsx55("li", { className: "fbp-blockListItem", children: item }, i)) }, index);
|
|
7069
7328
|
}
|
|
7070
7329
|
if (block.type === "quote") {
|
|
7071
|
-
return /* @__PURE__ */
|
|
7072
|
-
/* @__PURE__ */
|
|
7073
|
-
block.cite && /* @__PURE__ */
|
|
7330
|
+
return /* @__PURE__ */ jsxs51("blockquote", { className: "fbp-blockQuote", children: [
|
|
7331
|
+
/* @__PURE__ */ jsx55("p", { className: "fbp-blockQuoteText", children: block.text }),
|
|
7332
|
+
block.cite && /* @__PURE__ */ jsx55("cite", { className: "fbp-blockQuoteCite", children: block.cite })
|
|
7074
7333
|
] }, index);
|
|
7075
7334
|
}
|
|
7076
7335
|
if (block.type === "image") {
|
|
7077
|
-
return /* @__PURE__ */
|
|
7078
|
-
/* @__PURE__ */
|
|
7079
|
-
block.caption && /* @__PURE__ */
|
|
7336
|
+
return /* @__PURE__ */ jsxs51("figure", { className: "fbp-blockImageWrap", children: [
|
|
7337
|
+
/* @__PURE__ */ jsx55("img", { alt: block.imageAlt ?? "", className: "fbp-blockImage", src: block.image }),
|
|
7338
|
+
block.caption && /* @__PURE__ */ jsx55("figcaption", { className: "fbp-blockCaption", children: block.caption })
|
|
7080
7339
|
] }, index);
|
|
7081
7340
|
}
|
|
7082
7341
|
if (block.type === "steps") {
|
|
7083
|
-
return /* @__PURE__ */
|
|
7342
|
+
return /* @__PURE__ */ jsx55("div", { className: "fbp-blockSteps", children: /* @__PURE__ */ jsx55(Steps, { embedded: true, steps: block.steps ?? [], title: block.text ?? "", titleId: headingIds.get(index) }) }, index);
|
|
7084
7343
|
}
|
|
7085
|
-
return /* @__PURE__ */
|
|
7344
|
+
return /* @__PURE__ */ jsx55("p", { className: "fbp-blockParagraph", children: block.text }, index);
|
|
7086
7345
|
};
|
|
7087
7346
|
var FeatureBlogPage = ({
|
|
7088
7347
|
category,
|
|
@@ -7122,8 +7381,8 @@ var FeatureBlogPage = ({
|
|
|
7122
7381
|
).map(({ block, i }) => ({ id: headingIds.get(i), text: block.text ?? "" })),
|
|
7123
7382
|
[content, headingIds]
|
|
7124
7383
|
);
|
|
7125
|
-
const [activeId, setActiveId] =
|
|
7126
|
-
|
|
7384
|
+
const [activeId, setActiveId] = useState21(null);
|
|
7385
|
+
useEffect16(() => {
|
|
7127
7386
|
if (typeof IntersectionObserver === "undefined" || headings.length === 0) return;
|
|
7128
7387
|
const elements = headings.map((heading) => document.getElementById(heading.id)).filter((el) => el !== null);
|
|
7129
7388
|
if (elements.length === 0) return;
|
|
@@ -7151,8 +7410,8 @@ var FeatureBlogPage = ({
|
|
|
7151
7410
|
const showToc = !hideToc && headings.length > 0;
|
|
7152
7411
|
const showShare = !hideShare && Boolean(shareUrl);
|
|
7153
7412
|
const resolvedShareText = shareText ?? title;
|
|
7154
|
-
return /* @__PURE__ */
|
|
7155
|
-
showToc && /* @__PURE__ */
|
|
7413
|
+
return /* @__PURE__ */ jsx55("section", { className: ["fbp-section", className ?? ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsxs51("div", { className: "fbp-container", children: [
|
|
7414
|
+
showToc && /* @__PURE__ */ jsx55("div", { className: "fbp-tocMobileWrap", children: /* @__PURE__ */ jsx55(
|
|
7156
7415
|
TocCard,
|
|
7157
7416
|
{
|
|
7158
7417
|
activeId,
|
|
@@ -7164,14 +7423,14 @@ var FeatureBlogPage = ({
|
|
|
7164
7423
|
tocTitle
|
|
7165
7424
|
}
|
|
7166
7425
|
) }),
|
|
7167
|
-
/* @__PURE__ */
|
|
7168
|
-
/* @__PURE__ */
|
|
7169
|
-
/* @__PURE__ */
|
|
7170
|
-
category && /* @__PURE__ */
|
|
7171
|
-
/* @__PURE__ */
|
|
7172
|
-
(publishDate || author) && /* @__PURE__ */
|
|
7173
|
-
author && /* @__PURE__ */
|
|
7174
|
-
author.avatar && /* @__PURE__ */
|
|
7426
|
+
/* @__PURE__ */ jsxs51("div", { className: "fbp-body", children: [
|
|
7427
|
+
/* @__PURE__ */ jsxs51("div", { className: "fbp-main", children: [
|
|
7428
|
+
/* @__PURE__ */ jsxs51("header", { className: "fbp-header", children: [
|
|
7429
|
+
category && /* @__PURE__ */ jsx55(Tag, { label: category, size: "md", variant: "fill" }),
|
|
7430
|
+
/* @__PURE__ */ jsx55("h1", { className: "fbp-title", children: title }),
|
|
7431
|
+
(publishDate || author) && /* @__PURE__ */ jsxs51("div", { className: "fbp-meta", children: [
|
|
7432
|
+
author && /* @__PURE__ */ jsxs51("span", { className: "fbp-metaAuthor", children: [
|
|
7433
|
+
author.avatar && /* @__PURE__ */ jsx55(
|
|
7175
7434
|
"img",
|
|
7176
7435
|
{
|
|
7177
7436
|
alt: author.avatarAlt ?? "",
|
|
@@ -7179,14 +7438,14 @@ var FeatureBlogPage = ({
|
|
|
7179
7438
|
src: author.avatar
|
|
7180
7439
|
}
|
|
7181
7440
|
),
|
|
7182
|
-
/* @__PURE__ */
|
|
7441
|
+
/* @__PURE__ */ jsx55("span", { className: "fbp-authorName", children: author.name })
|
|
7183
7442
|
] }),
|
|
7184
|
-
publishDate && /* @__PURE__ */
|
|
7443
|
+
publishDate && /* @__PURE__ */ jsx55("span", { className: "fbp-dateChip", children: publishDate })
|
|
7185
7444
|
] })
|
|
7186
7445
|
] }),
|
|
7187
|
-
heroImage && /* @__PURE__ */
|
|
7188
|
-
/* @__PURE__ */
|
|
7189
|
-
showShare && /* @__PURE__ */
|
|
7446
|
+
heroImage && /* @__PURE__ */ jsx55("div", { className: "fbp-heroImageWrap", children: /* @__PURE__ */ jsx55("img", { alt: heroImageAlt ?? "", className: "fbp-heroImage", src: heroImage }) }),
|
|
7447
|
+
/* @__PURE__ */ jsx55("div", { className: "fbp-content", children: content.map((block, index) => renderBlock2(block, index, headingIds)) }),
|
|
7448
|
+
showShare && /* @__PURE__ */ jsx55("div", { className: "fbp-shareMobileWrap", children: /* @__PURE__ */ jsx55(
|
|
7190
7449
|
ShareRow,
|
|
7191
7450
|
{
|
|
7192
7451
|
copiedLabel,
|
|
@@ -7198,8 +7457,8 @@ var FeatureBlogPage = ({
|
|
|
7198
7457
|
}
|
|
7199
7458
|
) })
|
|
7200
7459
|
] }),
|
|
7201
|
-
(showToc || showShare) && /* @__PURE__ */
|
|
7202
|
-
showToc && /* @__PURE__ */
|
|
7460
|
+
(showToc || showShare) && /* @__PURE__ */ jsx55("aside", { className: "fbp-sidebar", children: /* @__PURE__ */ jsxs51("div", { className: "fbp-sidebarSticky", children: [
|
|
7461
|
+
showToc && /* @__PURE__ */ jsx55(
|
|
7203
7462
|
TocCard,
|
|
7204
7463
|
{
|
|
7205
7464
|
activeId,
|
|
@@ -7211,7 +7470,7 @@ var FeatureBlogPage = ({
|
|
|
7211
7470
|
tocTitle
|
|
7212
7471
|
}
|
|
7213
7472
|
),
|
|
7214
|
-
showShare && /* @__PURE__ */
|
|
7473
|
+
showShare && /* @__PURE__ */ jsx55(
|
|
7215
7474
|
ShareRow,
|
|
7216
7475
|
{
|
|
7217
7476
|
copiedLabel,
|
|
@@ -7228,9 +7487,9 @@ var FeatureBlogPage = ({
|
|
|
7228
7487
|
};
|
|
7229
7488
|
|
|
7230
7489
|
// templates/ParallaxBanner/ParallaxBanner.tsx
|
|
7231
|
-
import { useRef as
|
|
7490
|
+
import { useRef as useRef19 } from "react";
|
|
7232
7491
|
import { motion as motion5, useScroll as useScroll4, useSpring as useSpring3, useTransform as useTransform3, useReducedMotion } from "framer-motion";
|
|
7233
|
-
import { jsx as
|
|
7492
|
+
import { jsx as jsx56, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
7234
7493
|
var PARALLAX_BANNER_TEXT_CONTENT = {
|
|
7235
7494
|
title: "Our culture",
|
|
7236
7495
|
description: "We combine human values with AI precision. Collaboration, integrity, and continuous learning guide every project.",
|
|
@@ -7271,7 +7530,7 @@ var ParallaxBanner = ({
|
|
|
7271
7530
|
className,
|
|
7272
7531
|
...props
|
|
7273
7532
|
}) => {
|
|
7274
|
-
const sectionRef =
|
|
7533
|
+
const sectionRef = useRef19(null);
|
|
7275
7534
|
const prefersReducedMotion = useReducedMotion();
|
|
7276
7535
|
const parallaxActive = enableParallax && !prefersReducedMotion;
|
|
7277
7536
|
const showCards = variant !== "banner-only" && cards.length > 0;
|
|
@@ -7281,7 +7540,7 @@ var ParallaxBanner = ({
|
|
|
7281
7540
|
});
|
|
7282
7541
|
const smoothProgress = useSpring3(scrollYProgress, PARALLAX_SPRING);
|
|
7283
7542
|
const parallaxY = useTransform3(smoothProgress, [0, 1], [-PARALLAX_PX, PARALLAX_PX]);
|
|
7284
|
-
return /* @__PURE__ */
|
|
7543
|
+
return /* @__PURE__ */ jsx56(
|
|
7285
7544
|
"section",
|
|
7286
7545
|
{
|
|
7287
7546
|
ref: sectionRef,
|
|
@@ -7291,12 +7550,12 @@ var ParallaxBanner = ({
|
|
|
7291
7550
|
className
|
|
7292
7551
|
].filter(Boolean).join(" "),
|
|
7293
7552
|
...props,
|
|
7294
|
-
children: /* @__PURE__ */
|
|
7295
|
-
/* @__PURE__ */
|
|
7296
|
-
/* @__PURE__ */
|
|
7297
|
-
/* @__PURE__ */
|
|
7298
|
-
description && /* @__PURE__ */
|
|
7299
|
-
ctaLabel && /* @__PURE__ */
|
|
7553
|
+
children: /* @__PURE__ */ jsxs52("div", { className: "parallax-banner__inner", children: [
|
|
7554
|
+
/* @__PURE__ */ jsxs52("div", { className: "parallax-banner__card", children: [
|
|
7555
|
+
/* @__PURE__ */ jsxs52("div", { className: "parallax-banner__content", children: [
|
|
7556
|
+
/* @__PURE__ */ jsx56("h2", { className: "parallax-banner__title", children: title }),
|
|
7557
|
+
description && /* @__PURE__ */ jsx56("p", { className: "parallax-banner__description", children: description }),
|
|
7558
|
+
ctaLabel && /* @__PURE__ */ jsx56("div", { className: "parallax-banner__actions", children: /* @__PURE__ */ jsx56(
|
|
7300
7559
|
Link,
|
|
7301
7560
|
{
|
|
7302
7561
|
colorScheme: "white",
|
|
@@ -7308,7 +7567,7 @@ var ParallaxBanner = ({
|
|
|
7308
7567
|
}
|
|
7309
7568
|
) })
|
|
7310
7569
|
] }),
|
|
7311
|
-
imageUrl && /* @__PURE__ */
|
|
7570
|
+
imageUrl && /* @__PURE__ */ jsx56("div", { className: "parallax-banner__image-wrapper", children: /* @__PURE__ */ jsx56(
|
|
7312
7571
|
motion5.img,
|
|
7313
7572
|
{
|
|
7314
7573
|
src: imageUrl,
|
|
@@ -7319,14 +7578,14 @@ var ParallaxBanner = ({
|
|
|
7319
7578
|
}
|
|
7320
7579
|
) })
|
|
7321
7580
|
] }),
|
|
7322
|
-
showCards && /* @__PURE__ */
|
|
7581
|
+
showCards && /* @__PURE__ */ jsx56("div", { className: "parallax-banner__cards", role: "list", children: cards.map((card, index) => /* @__PURE__ */ jsxs52(
|
|
7323
7582
|
"div",
|
|
7324
7583
|
{
|
|
7325
7584
|
className: "parallax-banner__card-item",
|
|
7326
7585
|
role: "listitem",
|
|
7327
7586
|
children: [
|
|
7328
|
-
/* @__PURE__ */
|
|
7329
|
-
/* @__PURE__ */
|
|
7587
|
+
/* @__PURE__ */ jsx56("h3", { className: "parallax-banner__card-title", children: card.title }),
|
|
7588
|
+
/* @__PURE__ */ jsx56("p", { className: "parallax-banner__card-description", children: card.description })
|
|
7330
7589
|
]
|
|
7331
7590
|
},
|
|
7332
7591
|
`${card.title}-${index}`
|
|
@@ -7337,8 +7596,8 @@ var ParallaxBanner = ({
|
|
|
7337
7596
|
};
|
|
7338
7597
|
|
|
7339
7598
|
// templates/TradingCalculator/TradingCalculator.tsx
|
|
7340
|
-
import { useCallback as useCallback5, useEffect as
|
|
7341
|
-
import { Fragment as
|
|
7599
|
+
import { useCallback as useCallback5, useEffect as useEffect17, useId as useId4, useMemo as useMemo7, useRef as useRef20, useState as useState22 } from "react";
|
|
7600
|
+
import { Fragment as Fragment11, jsx as jsx57, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
7342
7601
|
var DEFAULT_SYMBOLS_ENDPOINT = "https://deriv-static-pricingfeedv2.firebaseio.com/n8n/row/prod/dynamic_trading_specs.json";
|
|
7343
7602
|
var DEFAULT_EXCHANGE_RATE_WS_URL = "wss://ws.derivws.com/websockets/v3?app_id=1089";
|
|
7344
7603
|
var USD = "USD";
|
|
@@ -7374,13 +7633,13 @@ function computeResults(symbol, volumeInLots, assetPrice, rates) {
|
|
|
7374
7633
|
return { marginRequired, tradeVolume, pipValue, swapChargeLong, swapChargeShort };
|
|
7375
7634
|
}
|
|
7376
7635
|
function useExchangeRates(wsUrl) {
|
|
7377
|
-
const socketRef =
|
|
7378
|
-
const reqIdRef =
|
|
7379
|
-
const pendingRef =
|
|
7636
|
+
const socketRef = useRef20(null);
|
|
7637
|
+
const reqIdRef = useRef20(1);
|
|
7638
|
+
const pendingRef = useRef20(
|
|
7380
7639
|
/* @__PURE__ */ new Map()
|
|
7381
7640
|
);
|
|
7382
|
-
const cacheRef =
|
|
7383
|
-
|
|
7641
|
+
const cacheRef = useRef20(/* @__PURE__ */ new Map());
|
|
7642
|
+
useEffect17(() => {
|
|
7384
7643
|
const pending = pendingRef.current;
|
|
7385
7644
|
return () => {
|
|
7386
7645
|
socketRef.current?.close();
|
|
@@ -7451,11 +7710,11 @@ function useExchangeRates(wsUrl) {
|
|
|
7451
7710
|
return getRates;
|
|
7452
7711
|
}
|
|
7453
7712
|
function useSymbols(symbolsProp, endpoint) {
|
|
7454
|
-
const [state, setState] =
|
|
7713
|
+
const [state, setState] = useState22(
|
|
7455
7714
|
symbolsProp ? { status: "ready", data: symbolsProp } : { status: "loading" }
|
|
7456
7715
|
);
|
|
7457
|
-
const [retryToken, setRetryToken] =
|
|
7458
|
-
|
|
7716
|
+
const [retryToken, setRetryToken] = useState22(0);
|
|
7717
|
+
useEffect17(() => {
|
|
7459
7718
|
if (symbolsProp) {
|
|
7460
7719
|
setState({ status: "ready", data: symbolsProp });
|
|
7461
7720
|
return;
|
|
@@ -7480,12 +7739,12 @@ function useSymbols(symbolsProp, endpoint) {
|
|
|
7480
7739
|
const retry = useCallback5(() => setRetryToken((n) => n + 1), []);
|
|
7481
7740
|
return [state, retry];
|
|
7482
7741
|
}
|
|
7483
|
-
var ErrorIcon = () => /* @__PURE__ */
|
|
7484
|
-
/* @__PURE__ */
|
|
7485
|
-
/* @__PURE__ */
|
|
7486
|
-
/* @__PURE__ */
|
|
7742
|
+
var ErrorIcon = () => /* @__PURE__ */ jsxs53("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
|
|
7743
|
+
/* @__PURE__ */ jsx57("path", { d: "M8 2.5L14 13.5H2L8 2.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
|
|
7744
|
+
/* @__PURE__ */ jsx57("path", { d: "M8 6.5v3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
7745
|
+
/* @__PURE__ */ jsx57("circle", { cx: "8", cy: "11.5", r: "0.75", fill: "currentColor" })
|
|
7487
7746
|
] });
|
|
7488
|
-
var ChevronIcon3 = () => /* @__PURE__ */
|
|
7747
|
+
var ChevronIcon3 = () => /* @__PURE__ */ jsx57("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx57("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
7489
7748
|
function groupByAssetClass(symbols) {
|
|
7490
7749
|
const groups = /* @__PURE__ */ new Map();
|
|
7491
7750
|
for (const item of symbols) {
|
|
@@ -7499,10 +7758,10 @@ function groupByAssetClass(symbols) {
|
|
|
7499
7758
|
return [...groups.entries()];
|
|
7500
7759
|
}
|
|
7501
7760
|
var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputId }) => {
|
|
7502
|
-
const [query, setQuery] =
|
|
7503
|
-
const [isOpen, setIsOpen] =
|
|
7504
|
-
const [activeIndex, setActiveIndex] =
|
|
7505
|
-
const wrapperRef =
|
|
7761
|
+
const [query, setQuery] = useState22("");
|
|
7762
|
+
const [isOpen, setIsOpen] = useState22(false);
|
|
7763
|
+
const [activeIndex, setActiveIndex] = useState22(-1);
|
|
7764
|
+
const wrapperRef = useRef20(null);
|
|
7506
7765
|
const listboxId = useId4();
|
|
7507
7766
|
const isLoading = symbolsState.status === "loading";
|
|
7508
7767
|
const isError = symbolsState.status === "error";
|
|
@@ -7516,7 +7775,7 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7516
7775
|
}, [allSymbols, query]);
|
|
7517
7776
|
const grouped = useMemo7(() => groupByAssetClass(filtered), [filtered]);
|
|
7518
7777
|
const flatOptions = useMemo7(() => grouped.flatMap(([, items]) => items), [grouped]);
|
|
7519
|
-
|
|
7778
|
+
useEffect17(() => {
|
|
7520
7779
|
if (!isOpen) return;
|
|
7521
7780
|
const handlePointerDown = (event) => {
|
|
7522
7781
|
if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
|
|
@@ -7550,14 +7809,14 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7550
7809
|
setIsOpen(false);
|
|
7551
7810
|
}
|
|
7552
7811
|
};
|
|
7553
|
-
return /* @__PURE__ */
|
|
7554
|
-
/* @__PURE__ */
|
|
7812
|
+
return /* @__PURE__ */ jsxs53("div", { className: "tcalc-field", ref: wrapperRef, children: [
|
|
7813
|
+
/* @__PURE__ */ jsx57(
|
|
7555
7814
|
SearchField,
|
|
7556
7815
|
{
|
|
7557
7816
|
id: inputId,
|
|
7558
|
-
label: /* @__PURE__ */
|
|
7817
|
+
label: /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
7559
7818
|
"Symbols ",
|
|
7560
|
-
/* @__PURE__ */
|
|
7819
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-required", children: "*" })
|
|
7561
7820
|
] }),
|
|
7562
7821
|
role: "combobox",
|
|
7563
7822
|
"aria-expanded": isOpen,
|
|
@@ -7570,7 +7829,7 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7570
7829
|
autoComplete: "off",
|
|
7571
7830
|
disabled: isLoading || isError,
|
|
7572
7831
|
hideClearButton: true,
|
|
7573
|
-
trailingSlot: /* @__PURE__ */
|
|
7832
|
+
trailingSlot: /* @__PURE__ */ jsx57(ChevronIcon3, {}),
|
|
7574
7833
|
placeholder: isLoading ? "Loading symbols\u2026" : isError ? "Symbols unavailable" : "Search symbol, e.g. EURUSD",
|
|
7575
7834
|
value: displayValue,
|
|
7576
7835
|
onFocus: () => setIsOpen(true),
|
|
@@ -7582,17 +7841,17 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7582
7841
|
onKeyDown: handleKeyDown
|
|
7583
7842
|
}
|
|
7584
7843
|
),
|
|
7585
|
-
isOpen && !isLoading && !isError && /* @__PURE__ */
|
|
7586
|
-
grouped.length === 0 && /* @__PURE__ */
|
|
7844
|
+
isOpen && !isLoading && !isError && /* @__PURE__ */ jsxs53("div", { className: "tcalc-dropdown", id: listboxId, role: "listbox", children: [
|
|
7845
|
+
grouped.length === 0 && /* @__PURE__ */ jsxs53("p", { className: "tcalc-dropdownEmpty", children: [
|
|
7587
7846
|
'No symbols match "',
|
|
7588
7847
|
query,
|
|
7589
7848
|
'"'
|
|
7590
7849
|
] }),
|
|
7591
|
-
grouped.map(([assetClass, items]) => /* @__PURE__ */
|
|
7592
|
-
/* @__PURE__ */
|
|
7850
|
+
grouped.map(([assetClass, items]) => /* @__PURE__ */ jsxs53("div", { className: "tcalc-dropdownGroup", children: [
|
|
7851
|
+
/* @__PURE__ */ jsx57("p", { className: "tcalc-dropdownGroupTitle", children: assetClass }),
|
|
7593
7852
|
items.map((item) => {
|
|
7594
7853
|
const flatIndex = flatOptions.indexOf(item);
|
|
7595
|
-
return /* @__PURE__ */
|
|
7854
|
+
return /* @__PURE__ */ jsxs53(
|
|
7596
7855
|
"div",
|
|
7597
7856
|
{
|
|
7598
7857
|
className: [
|
|
@@ -7608,8 +7867,8 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7608
7867
|
},
|
|
7609
7868
|
onMouseEnter: () => setActiveIndex(flatIndex),
|
|
7610
7869
|
children: [
|
|
7611
|
-
/* @__PURE__ */
|
|
7612
|
-
/* @__PURE__ */
|
|
7870
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-dropdownSymbol", children: item.symbol }),
|
|
7871
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-dropdownDesc", children: item.description })
|
|
7613
7872
|
]
|
|
7614
7873
|
},
|
|
7615
7874
|
item.symbol
|
|
@@ -7617,14 +7876,14 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7617
7876
|
})
|
|
7618
7877
|
] }, assetClass))
|
|
7619
7878
|
] }),
|
|
7620
|
-
isError && /* @__PURE__ */
|
|
7621
|
-
/* @__PURE__ */
|
|
7879
|
+
isError && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
7880
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7622
7881
|
" Unable to load symbols.",
|
|
7623
7882
|
" ",
|
|
7624
|
-
/* @__PURE__ */
|
|
7883
|
+
/* @__PURE__ */ jsx57("button", { type: "button", className: "tcalc-retryLink", onClick: onRetry, children: "Retry" })
|
|
7625
7884
|
] }),
|
|
7626
|
-
!isError && error && /* @__PURE__ */
|
|
7627
|
-
/* @__PURE__ */
|
|
7885
|
+
!isError && error && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
7886
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7628
7887
|
" ",
|
|
7629
7888
|
error
|
|
7630
7889
|
] })
|
|
@@ -7634,14 +7893,14 @@ var InfoRow = ({
|
|
|
7634
7893
|
label,
|
|
7635
7894
|
value,
|
|
7636
7895
|
separator = "="
|
|
7637
|
-
}) => /* @__PURE__ */
|
|
7638
|
-
/* @__PURE__ */
|
|
7896
|
+
}) => /* @__PURE__ */ jsxs53("p", { className: "tcalc-infoRow", children: [
|
|
7897
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-infoLabel", children: label }),
|
|
7639
7898
|
separator === "=" ? " = " : ": ",
|
|
7640
|
-
/* @__PURE__ */
|
|
7899
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-infoValue", children: value })
|
|
7641
7900
|
] });
|
|
7642
|
-
var ResultBox = ({ label, value }) => /* @__PURE__ */
|
|
7643
|
-
/* @__PURE__ */
|
|
7644
|
-
/* @__PURE__ */
|
|
7901
|
+
var ResultBox = ({ label, value }) => /* @__PURE__ */ jsxs53("div", { className: "tcalc-resultBox", children: [
|
|
7902
|
+
/* @__PURE__ */ jsx57("p", { className: "tcalc-resultLabel", children: label }),
|
|
7903
|
+
/* @__PURE__ */ jsx57("p", { className: "tcalc-resultValue", children: value })
|
|
7645
7904
|
] });
|
|
7646
7905
|
var TradingCalculator = ({
|
|
7647
7906
|
variant = "main",
|
|
@@ -7658,15 +7917,15 @@ var TradingCalculator = ({
|
|
|
7658
7917
|
const showTradeVolume = variant === "main";
|
|
7659
7918
|
const [symbolsState, retrySymbols] = useSymbols(symbolsProp, symbolsEndpoint);
|
|
7660
7919
|
const getRates = useExchangeRates(exchangeRateWsUrl);
|
|
7661
|
-
const [selectedSymbol, setSelectedSymbol] =
|
|
7662
|
-
const [volumeInLots, setVolumeInLots] =
|
|
7663
|
-
const [assetPrice, setAssetPrice] =
|
|
7664
|
-
const [errors, setErrors] =
|
|
7665
|
-
const [results, setResults] =
|
|
7666
|
-
const [isCalculating, setIsCalculating] =
|
|
7667
|
-
const [calcError, setCalcError] =
|
|
7668
|
-
const didPreselect =
|
|
7669
|
-
|
|
7920
|
+
const [selectedSymbol, setSelectedSymbol] = useState22(null);
|
|
7921
|
+
const [volumeInLots, setVolumeInLots] = useState22("");
|
|
7922
|
+
const [assetPrice, setAssetPrice] = useState22("");
|
|
7923
|
+
const [errors, setErrors] = useState22({});
|
|
7924
|
+
const [results, setResults] = useState22(null);
|
|
7925
|
+
const [isCalculating, setIsCalculating] = useState22(false);
|
|
7926
|
+
const [calcError, setCalcError] = useState22(null);
|
|
7927
|
+
const didPreselect = useRef20(false);
|
|
7928
|
+
useEffect17(() => {
|
|
7670
7929
|
if (didPreselect.current || !defaultSymbol || symbolsState.status !== "ready") return;
|
|
7671
7930
|
const match = symbolsState.data.find((item) => item.symbol === defaultSymbol);
|
|
7672
7931
|
if (match) {
|
|
@@ -7723,10 +7982,10 @@ var TradingCalculator = ({
|
|
|
7723
7982
|
const symbolInputId = useId4();
|
|
7724
7983
|
const volumeInputId = useId4();
|
|
7725
7984
|
const priceInputId = useId4();
|
|
7726
|
-
return /* @__PURE__ */
|
|
7727
|
-
/* @__PURE__ */
|
|
7728
|
-
/* @__PURE__ */
|
|
7729
|
-
/* @__PURE__ */
|
|
7985
|
+
return /* @__PURE__ */ jsx57("section", { className: ["tcalc-section", className ?? ""].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsx57("div", { className: "tcalc-container", children: /* @__PURE__ */ jsxs53("div", { className: "tcalc-card", children: [
|
|
7986
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-column", children: [
|
|
7987
|
+
/* @__PURE__ */ jsx57("h3", { className: "tcalc-panelTitle", children: "Calculator" }),
|
|
7988
|
+
/* @__PURE__ */ jsx57(
|
|
7730
7989
|
SymbolCombobox,
|
|
7731
7990
|
{
|
|
7732
7991
|
symbolsState,
|
|
@@ -7737,27 +7996,27 @@ var TradingCalculator = ({
|
|
|
7737
7996
|
inputId: symbolInputId
|
|
7738
7997
|
}
|
|
7739
7998
|
),
|
|
7740
|
-
/* @__PURE__ */
|
|
7741
|
-
/* @__PURE__ */
|
|
7742
|
-
/* @__PURE__ */
|
|
7743
|
-
/* @__PURE__ */
|
|
7999
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-infoGrid", children: [
|
|
8000
|
+
/* @__PURE__ */ jsx57(InfoRow, { label: "Contract size", value: selectedSymbol ? integerFormatter.format(selectedSymbol.contract_size) : "-" }),
|
|
8001
|
+
/* @__PURE__ */ jsx57(InfoRow, { label: "Pip size", value: selectedSymbol ? String(selectedSymbol.pip_size) : "-" }),
|
|
8002
|
+
/* @__PURE__ */ jsx57(
|
|
7744
8003
|
InfoRow,
|
|
7745
8004
|
{
|
|
7746
8005
|
label: "Effective Leverage",
|
|
7747
8006
|
value: selectedSymbol ? `1 : ${Math.round((selectedSymbol.effective_leverage + Number.EPSILON) * 100) / 100}` : "-"
|
|
7748
8007
|
}
|
|
7749
8008
|
),
|
|
7750
|
-
/* @__PURE__ */
|
|
8009
|
+
/* @__PURE__ */ jsx57(InfoRow, { label: "Point size", value: selectedSymbol ? String(selectedSymbol.point_size) : "-" })
|
|
7751
8010
|
] }),
|
|
7752
|
-
/* @__PURE__ */
|
|
7753
|
-
/* @__PURE__ */
|
|
8011
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-field", children: [
|
|
8012
|
+
/* @__PURE__ */ jsx57(
|
|
7754
8013
|
TextField,
|
|
7755
8014
|
{
|
|
7756
8015
|
id: volumeInputId,
|
|
7757
8016
|
className: "tcalc-numberField",
|
|
7758
|
-
label: /* @__PURE__ */
|
|
8017
|
+
label: /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
7759
8018
|
"Volume in Lots ",
|
|
7760
|
-
/* @__PURE__ */
|
|
8019
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-required", children: "*" })
|
|
7761
8020
|
] }),
|
|
7762
8021
|
status: errors.volume ? "fail" : "neutral",
|
|
7763
8022
|
type: "number",
|
|
@@ -7778,21 +8037,21 @@ var TradingCalculator = ({
|
|
|
7778
8037
|
}
|
|
7779
8038
|
}
|
|
7780
8039
|
),
|
|
7781
|
-
errors.volume && /* @__PURE__ */
|
|
7782
|
-
/* @__PURE__ */
|
|
8040
|
+
errors.volume && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
8041
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7783
8042
|
" ",
|
|
7784
8043
|
errors.volume
|
|
7785
8044
|
] })
|
|
7786
8045
|
] }),
|
|
7787
|
-
/* @__PURE__ */
|
|
7788
|
-
/* @__PURE__ */
|
|
8046
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-field", children: [
|
|
8047
|
+
/* @__PURE__ */ jsx57(
|
|
7789
8048
|
TextField,
|
|
7790
8049
|
{
|
|
7791
8050
|
id: priceInputId,
|
|
7792
8051
|
className: "tcalc-numberField",
|
|
7793
|
-
label: /* @__PURE__ */
|
|
8052
|
+
label: /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
7794
8053
|
"Asset price ",
|
|
7795
|
-
/* @__PURE__ */
|
|
8054
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-required", children: "*" })
|
|
7796
8055
|
] }),
|
|
7797
8056
|
status: errors.price ? "fail" : "neutral",
|
|
7798
8057
|
type: "number",
|
|
@@ -7807,14 +8066,14 @@ var TradingCalculator = ({
|
|
|
7807
8066
|
}
|
|
7808
8067
|
}
|
|
7809
8068
|
),
|
|
7810
|
-
errors.price && /* @__PURE__ */
|
|
7811
|
-
/* @__PURE__ */
|
|
8069
|
+
errors.price && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
8070
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7812
8071
|
" ",
|
|
7813
8072
|
errors.price
|
|
7814
8073
|
] })
|
|
7815
8074
|
] }),
|
|
7816
|
-
/* @__PURE__ */
|
|
7817
|
-
/* @__PURE__ */
|
|
8075
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-actions", children: [
|
|
8076
|
+
/* @__PURE__ */ jsx57(
|
|
7818
8077
|
Button,
|
|
7819
8078
|
{
|
|
7820
8079
|
type: "button",
|
|
@@ -7826,7 +8085,7 @@ var TradingCalculator = ({
|
|
|
7826
8085
|
fullWidth: true
|
|
7827
8086
|
}
|
|
7828
8087
|
),
|
|
7829
|
-
/* @__PURE__ */
|
|
8088
|
+
/* @__PURE__ */ jsx57(
|
|
7830
8089
|
Button,
|
|
7831
8090
|
{
|
|
7832
8091
|
type: "button",
|
|
@@ -7839,39 +8098,39 @@ var TradingCalculator = ({
|
|
|
7839
8098
|
)
|
|
7840
8099
|
] })
|
|
7841
8100
|
] }),
|
|
7842
|
-
/* @__PURE__ */
|
|
7843
|
-
/* @__PURE__ */
|
|
7844
|
-
showMargin && /* @__PURE__ */
|
|
7845
|
-
showTradeVolume && showPip && /* @__PURE__ */
|
|
7846
|
-
/* @__PURE__ */
|
|
7847
|
-
/* @__PURE__ */
|
|
8101
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-column tcalc-column--results", children: [
|
|
8102
|
+
/* @__PURE__ */ jsx57("h3", { className: "tcalc-panelTitle", children: "Results" }),
|
|
8103
|
+
showMargin && /* @__PURE__ */ jsx57(ResultBox, { label: "Margin Required", value: results ? formatMoney(results.marginRequired) : "$" }),
|
|
8104
|
+
showTradeVolume && showPip && /* @__PURE__ */ jsxs53("div", { className: "tcalc-resultRow", children: [
|
|
8105
|
+
/* @__PURE__ */ jsx57(ResultBox, { label: "Trade Volume", value: results ? formatInteger(results.tradeVolume) : "$" }),
|
|
8106
|
+
/* @__PURE__ */ jsx57(ResultBox, { label: "Pip value", value: results ? formatMoney(results.pipValue) : "$" })
|
|
7848
8107
|
] }),
|
|
7849
|
-
!showTradeVolume && showPip && /* @__PURE__ */
|
|
7850
|
-
showSwap && /* @__PURE__ */
|
|
7851
|
-
/* @__PURE__ */
|
|
7852
|
-
/* @__PURE__ */
|
|
8108
|
+
!showTradeVolume && showPip && /* @__PURE__ */ jsx57(ResultBox, { label: "Pip value", value: results ? formatMoney(results.pipValue) : "$" }),
|
|
8109
|
+
showSwap && /* @__PURE__ */ jsxs53("div", { className: "tcalc-resultRow", children: [
|
|
8110
|
+
/* @__PURE__ */ jsx57(ResultBox, { label: "Swap Charge Long", value: results ? formatMoney(results.swapChargeLong) : "$" }),
|
|
8111
|
+
/* @__PURE__ */ jsx57(ResultBox, { label: "Swap Charge Short", value: results ? formatMoney(results.swapChargeShort) : "$" })
|
|
7853
8112
|
] }),
|
|
7854
|
-
calcError && /* @__PURE__ */
|
|
7855
|
-
/* @__PURE__ */
|
|
8113
|
+
calcError && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError tcalc-calcError", children: [
|
|
8114
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7856
8115
|
" ",
|
|
7857
8116
|
calcError
|
|
7858
8117
|
] }),
|
|
7859
|
-
showSwap && /* @__PURE__ */
|
|
7860
|
-
/* @__PURE__ */
|
|
7861
|
-
/* @__PURE__ */
|
|
7862
|
-
/* @__PURE__ */
|
|
8118
|
+
showSwap && /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
8119
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-infoGrid", children: [
|
|
8120
|
+
/* @__PURE__ */ jsx57(InfoRow, { label: "Swap long rate", value: selectedSymbol ? String(selectedSymbol.swap_rate_long) : "-" }),
|
|
8121
|
+
/* @__PURE__ */ jsx57(InfoRow, { label: "Swap short rate", value: selectedSymbol ? String(selectedSymbol.swap_rate_short) : "-" })
|
|
7863
8122
|
] }),
|
|
7864
|
-
/* @__PURE__ */
|
|
7865
|
-
/* @__PURE__ */
|
|
7866
|
-
/* @__PURE__ */
|
|
8123
|
+
/* @__PURE__ */ jsx57(InfoRow, { separator: ":", label: "Swap calculation type", value: selectedSymbol ? selectedSymbol.swap_mode : "-" }),
|
|
8124
|
+
/* @__PURE__ */ jsx57(InfoRow, { separator: ":", label: "Three-day swap", value: selectedSymbol ? selectedSymbol.three_day_swap || "No" : "-" }),
|
|
8125
|
+
/* @__PURE__ */ jsx57(InfoRow, { separator: ":", label: "Weekend swaps", value: selectedSymbol ? String(selectedSymbol.weekend_swaps ?? "-") : "-" })
|
|
7867
8126
|
] })
|
|
7868
8127
|
] })
|
|
7869
8128
|
] }) }) });
|
|
7870
8129
|
};
|
|
7871
8130
|
|
|
7872
8131
|
// templates/TradingCalculatorHowTo/TradingCalculatorHowTo.tsx
|
|
7873
|
-
import { Fragment as
|
|
7874
|
-
import { Fragment as
|
|
8132
|
+
import { Fragment as Fragment12, useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useRef as useRef21, useState as useState23 } from "react";
|
|
8133
|
+
import { Fragment as Fragment13, jsx as jsx58, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
7875
8134
|
var MARGIN_CONTENT = {
|
|
7876
8135
|
title: "How to calculate margin requirements",
|
|
7877
8136
|
description: "Use this formula to calculate how much margin is required based on your lot size, leverage ratio, and the current market price.",
|
|
@@ -8021,14 +8280,14 @@ var SWAP_TABS = [
|
|
|
8021
8280
|
{ id: "percentage", label: "Swap calculation (In percentage)" }
|
|
8022
8281
|
];
|
|
8023
8282
|
var swapModeForVariant = (variant) => variant === "swap-percentage" ? "percentage" : "points";
|
|
8024
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect3 :
|
|
8283
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect3 : useEffect18;
|
|
8025
8284
|
var FormulaBlockView = ({ block }) => {
|
|
8026
8285
|
if (block.type === "footnote") {
|
|
8027
|
-
return /* @__PURE__ */
|
|
8286
|
+
return /* @__PURE__ */ jsx58("p", { className: "tchow-footnote", children: block.content });
|
|
8028
8287
|
}
|
|
8029
8288
|
if (block.type === "bullets") {
|
|
8030
|
-
return /* @__PURE__ */
|
|
8031
|
-
/* @__PURE__ */
|
|
8289
|
+
return /* @__PURE__ */ jsx58("ul", { className: "tchow-bullets", children: block.items.map((item) => /* @__PURE__ */ jsxs54("li", { className: "tchow-bulletItem", children: [
|
|
8290
|
+
/* @__PURE__ */ jsxs54("strong", { children: [
|
|
8032
8291
|
item.term,
|
|
8033
8292
|
":"
|
|
8034
8293
|
] }),
|
|
@@ -8036,16 +8295,16 @@ var FormulaBlockView = ({ block }) => {
|
|
|
8036
8295
|
item.content
|
|
8037
8296
|
] }, item.term)) });
|
|
8038
8297
|
}
|
|
8039
|
-
return /* @__PURE__ */
|
|
8298
|
+
return /* @__PURE__ */ jsx58("p", { className: "tchow-text", children: block.content });
|
|
8040
8299
|
};
|
|
8041
|
-
var ConnectorArrow = () => /* @__PURE__ */
|
|
8042
|
-
/* @__PURE__ */
|
|
8043
|
-
/* @__PURE__ */
|
|
8300
|
+
var ConnectorArrow = () => /* @__PURE__ */ jsxs54("svg", { width: "8", height: "11", viewBox: "0 0 8 11", fill: "none", "aria-hidden": "true", className: "tchow-stripArrow", children: [
|
|
8301
|
+
/* @__PURE__ */ jsx58("path", { d: "M4 0V7.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }),
|
|
8302
|
+
/* @__PURE__ */ jsx58("path", { d: "M1.4 5.6L4 8.6L6.6 5.6", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
8044
8303
|
] });
|
|
8045
8304
|
var CalculationStrip = ({ tokens }) => {
|
|
8046
|
-
const wrapperRef =
|
|
8047
|
-
const stripRef =
|
|
8048
|
-
const [fit, setFit] =
|
|
8305
|
+
const wrapperRef = useRef21(null);
|
|
8306
|
+
const stripRef = useRef21(null);
|
|
8307
|
+
const [fit, setFit] = useState23({ scale: 1, naturalHeight: 0 });
|
|
8049
8308
|
useIsomorphicLayoutEffect(() => {
|
|
8050
8309
|
const wrapper = wrapperRef.current;
|
|
8051
8310
|
const strip = stripRef.current;
|
|
@@ -8068,13 +8327,13 @@ var CalculationStrip = ({ tokens }) => {
|
|
|
8068
8327
|
return () => observer.disconnect();
|
|
8069
8328
|
}, [tokens]);
|
|
8070
8329
|
const isShrunk = fit.scale < 1;
|
|
8071
|
-
return /* @__PURE__ */
|
|
8330
|
+
return /* @__PURE__ */ jsx58(
|
|
8072
8331
|
"div",
|
|
8073
8332
|
{
|
|
8074
8333
|
className: "tchow-stripWrap",
|
|
8075
8334
|
ref: wrapperRef,
|
|
8076
8335
|
style: isShrunk ? { height: fit.naturalHeight * fit.scale } : void 0,
|
|
8077
|
-
children: /* @__PURE__ */
|
|
8336
|
+
children: /* @__PURE__ */ jsx58(
|
|
8078
8337
|
"div",
|
|
8079
8338
|
{
|
|
8080
8339
|
className: "tchow-strip",
|
|
@@ -8082,13 +8341,13 @@ var CalculationStrip = ({ tokens }) => {
|
|
|
8082
8341
|
style: isShrunk ? { transform: `scale(${fit.scale})` } : void 0,
|
|
8083
8342
|
role: "img",
|
|
8084
8343
|
"aria-label": tokens.map((token) => token.text).join(" "),
|
|
8085
|
-
children: tokens.map((token, i) => /* @__PURE__ */
|
|
8086
|
-
/* @__PURE__ */
|
|
8344
|
+
children: tokens.map((token, i) => /* @__PURE__ */ jsxs54(Fragment12, { children: [
|
|
8345
|
+
/* @__PURE__ */ jsx58(
|
|
8087
8346
|
"span",
|
|
8088
8347
|
{
|
|
8089
8348
|
className: ["tchow-stripValue", token.label ? "tchow-stripValue--labeled" : ""].filter(Boolean).join(" "),
|
|
8090
8349
|
"aria-hidden": "true",
|
|
8091
|
-
children: /* @__PURE__ */
|
|
8350
|
+
children: /* @__PURE__ */ jsx58(
|
|
8092
8351
|
"span",
|
|
8093
8352
|
{
|
|
8094
8353
|
className: [
|
|
@@ -8100,16 +8359,16 @@ var CalculationStrip = ({ tokens }) => {
|
|
|
8100
8359
|
)
|
|
8101
8360
|
}
|
|
8102
8361
|
),
|
|
8103
|
-
/* @__PURE__ */
|
|
8104
|
-
/* @__PURE__ */
|
|
8105
|
-
/* @__PURE__ */
|
|
8362
|
+
/* @__PURE__ */ jsx58("span", { className: "tchow-stripCaption", "aria-hidden": "true", children: token.label && /* @__PURE__ */ jsxs54(Fragment13, { children: [
|
|
8363
|
+
/* @__PURE__ */ jsx58(ConnectorArrow, {}),
|
|
8364
|
+
/* @__PURE__ */ jsx58(
|
|
8106
8365
|
"span",
|
|
8107
8366
|
{
|
|
8108
8367
|
className: [
|
|
8109
8368
|
"tchow-stripLabel",
|
|
8110
8369
|
i === 0 || i === tokens.length - 1 ? "tchow-stripLabel--edge" : ""
|
|
8111
8370
|
].filter(Boolean).join(" "),
|
|
8112
|
-
children: /* @__PURE__ */
|
|
8371
|
+
children: /* @__PURE__ */ jsx58("span", { className: "tchow-stripLabelText", children: token.label })
|
|
8113
8372
|
}
|
|
8114
8373
|
)
|
|
8115
8374
|
] }) })
|
|
@@ -8127,19 +8386,19 @@ var TradingCalculatorHowTo = ({
|
|
|
8127
8386
|
...props
|
|
8128
8387
|
}) => {
|
|
8129
8388
|
const isSwap = variant === "swap-points" || variant === "swap-percentage";
|
|
8130
|
-
const [swapTab, setSwapTab] =
|
|
8131
|
-
|
|
8389
|
+
const [swapTab, setSwapTab] = useState23(() => swapModeForVariant(variant));
|
|
8390
|
+
useEffect18(() => {
|
|
8132
8391
|
setSwapTab(swapModeForVariant(variant));
|
|
8133
8392
|
}, [variant]);
|
|
8134
8393
|
const content = variant === "pip" ? PIP_CONTENT : isSwap ? swapTab === "percentage" ? SWAP_PERCENTAGE_CONTENT : SWAP_POINTS_CONTENT : MARGIN_CONTENT;
|
|
8135
8394
|
const heading = title ?? content.title;
|
|
8136
8395
|
const desc = description ?? content.description;
|
|
8137
|
-
return /* @__PURE__ */
|
|
8138
|
-
/* @__PURE__ */
|
|
8139
|
-
/* @__PURE__ */
|
|
8140
|
-
desc && /* @__PURE__ */
|
|
8396
|
+
return /* @__PURE__ */ jsx58("section", { className: ["tchow-section", className ?? ""].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs54("div", { className: "tchow-container", children: [
|
|
8397
|
+
/* @__PURE__ */ jsxs54("div", { className: "tchow-intro", children: [
|
|
8398
|
+
/* @__PURE__ */ jsx58("h2", { className: "tchow-title", children: heading }),
|
|
8399
|
+
desc && /* @__PURE__ */ jsx58("p", { className: "tchow-description", children: desc })
|
|
8141
8400
|
] }),
|
|
8142
|
-
isSwap && /* @__PURE__ */
|
|
8401
|
+
isSwap && /* @__PURE__ */ jsx58(
|
|
8143
8402
|
Tabs,
|
|
8144
8403
|
{
|
|
8145
8404
|
className: "tchow-tabs",
|
|
@@ -8148,26 +8407,26 @@ var TradingCalculatorHowTo = ({
|
|
|
8148
8407
|
onChange: (id) => setSwapTab(id)
|
|
8149
8408
|
}
|
|
8150
8409
|
),
|
|
8151
|
-
/* @__PURE__ */
|
|
8152
|
-
/* @__PURE__ */
|
|
8153
|
-
/* @__PURE__ */
|
|
8154
|
-
content.formulaBlocks.map((block, i) => /* @__PURE__ */
|
|
8410
|
+
/* @__PURE__ */ jsxs54("div", { className: "tchow-card", children: [
|
|
8411
|
+
/* @__PURE__ */ jsxs54("div", { className: "tchow-column", children: [
|
|
8412
|
+
/* @__PURE__ */ jsx58("h3", { className: "tchow-columnTitle", children: content.formulaHeading }),
|
|
8413
|
+
content.formulaBlocks.map((block, i) => /* @__PURE__ */ jsx58(FormulaBlockView, { block }, i))
|
|
8155
8414
|
] }),
|
|
8156
|
-
/* @__PURE__ */
|
|
8157
|
-
/* @__PURE__ */
|
|
8158
|
-
/* @__PURE__ */
|
|
8159
|
-
content.exampleLead && /* @__PURE__ */
|
|
8160
|
-
content.calculations.map((strip, i) => /* @__PURE__ */
|
|
8161
|
-
/* @__PURE__ */
|
|
8162
|
-
/* @__PURE__ */
|
|
8415
|
+
/* @__PURE__ */ jsxs54("div", { className: "tchow-column", children: [
|
|
8416
|
+
/* @__PURE__ */ jsx58("h3", { className: "tchow-columnTitle", children: content.exampleHeading }),
|
|
8417
|
+
/* @__PURE__ */ jsx58("p", { className: "tchow-text", children: content.exampleIntro }),
|
|
8418
|
+
content.exampleLead && /* @__PURE__ */ jsx58("p", { className: "tchow-text", children: content.exampleLead }),
|
|
8419
|
+
content.calculations.map((strip, i) => /* @__PURE__ */ jsx58(CalculationStrip, { tokens: strip }, i)),
|
|
8420
|
+
/* @__PURE__ */ jsx58("p", { className: "tchow-text", children: content.resultText }),
|
|
8421
|
+
/* @__PURE__ */ jsx58("p", { className: "tchow-note", children: content.note })
|
|
8163
8422
|
] })
|
|
8164
8423
|
] })
|
|
8165
8424
|
] }) });
|
|
8166
8425
|
};
|
|
8167
8426
|
|
|
8168
8427
|
// templates/FeatureOffices/FeatureOffices.tsx
|
|
8169
|
-
import { useMemo as useMemo8, useState as
|
|
8170
|
-
import { jsx as
|
|
8428
|
+
import { useMemo as useMemo8, useState as useState24 } from "react";
|
|
8429
|
+
import { jsx as jsx59, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
8171
8430
|
var isExternalUrl2 = (href) => Boolean(href && /^https?:\/\//i.test(href));
|
|
8172
8431
|
var FEATURE_OFFICES_TEXT_CONTENT = {
|
|
8173
8432
|
title: "Our offices",
|
|
@@ -8176,8 +8435,8 @@ var FEATURE_OFFICES_TEXT_CONTENT = {
|
|
|
8176
8435
|
var OfficeCard = ({ office, linkText }) => {
|
|
8177
8436
|
const label = office.linkText ?? linkText;
|
|
8178
8437
|
const external = isExternalUrl2(office.href);
|
|
8179
|
-
return /* @__PURE__ */
|
|
8180
|
-
/* @__PURE__ */
|
|
8438
|
+
return /* @__PURE__ */ jsxs55("div", { className: "fo-card", children: [
|
|
8439
|
+
/* @__PURE__ */ jsx59(
|
|
8181
8440
|
"img",
|
|
8182
8441
|
{
|
|
8183
8442
|
alt: office.flagAlt ?? office.country,
|
|
@@ -8188,16 +8447,16 @@ var OfficeCard = ({ office, linkText }) => {
|
|
|
8188
8447
|
width: 32
|
|
8189
8448
|
}
|
|
8190
8449
|
),
|
|
8191
|
-
/* @__PURE__ */
|
|
8450
|
+
/* @__PURE__ */ jsxs55("h3", { className: "fo-cardTitle", children: [
|
|
8192
8451
|
office.city,
|
|
8193
8452
|
", ",
|
|
8194
8453
|
office.country
|
|
8195
8454
|
] }),
|
|
8196
|
-
/* @__PURE__ */
|
|
8455
|
+
/* @__PURE__ */ jsx59("p", { className: "fo-address", children: office.address.split("\n").map((line, i) => /* @__PURE__ */ jsxs55("span", { children: [
|
|
8197
8456
|
line,
|
|
8198
|
-
i < office.address.split("\n").length - 1 && /* @__PURE__ */
|
|
8457
|
+
i < office.address.split("\n").length - 1 && /* @__PURE__ */ jsx59("br", {})
|
|
8199
8458
|
] }, i)) }),
|
|
8200
|
-
office.href && /* @__PURE__ */
|
|
8459
|
+
office.href && /* @__PURE__ */ jsx59("div", { className: "fo-linkWrap", children: /* @__PURE__ */ jsx59(
|
|
8201
8460
|
Link,
|
|
8202
8461
|
{
|
|
8203
8462
|
colorScheme: "coral",
|
|
@@ -8220,7 +8479,7 @@ var FeatureOffices = ({
|
|
|
8220
8479
|
className,
|
|
8221
8480
|
...props
|
|
8222
8481
|
}) => {
|
|
8223
|
-
const [internalActiveId, setInternalActiveId] =
|
|
8482
|
+
const [internalActiveId, setInternalActiveId] = useState24(
|
|
8224
8483
|
defaultActiveRegionId ?? regions[0]?.id
|
|
8225
8484
|
);
|
|
8226
8485
|
const isControlled = activeRegionId !== void 0;
|
|
@@ -8233,15 +8492,15 @@ var FeatureOffices = ({
|
|
|
8233
8492
|
if (!isControlled) setInternalActiveId(id);
|
|
8234
8493
|
onRegionChange?.(id);
|
|
8235
8494
|
};
|
|
8236
|
-
return /* @__PURE__ */
|
|
8237
|
-
title && /* @__PURE__ */
|
|
8238
|
-
/* @__PURE__ */
|
|
8239
|
-
/* @__PURE__ */
|
|
8495
|
+
return /* @__PURE__ */ jsx59("section", { className: ["fo-section", className ?? ""].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs55("div", { className: "fo-container", children: [
|
|
8496
|
+
title && /* @__PURE__ */ jsx59("h2", { className: "fo-title", children: title }),
|
|
8497
|
+
/* @__PURE__ */ jsx59("div", { className: "fo-tabsWrap", children: /* @__PURE__ */ jsx59(Tabs, { activeId: activeId ?? "", items: regions, onChange: handleTabChange }) }),
|
|
8498
|
+
/* @__PURE__ */ jsx59("div", { className: "fo-grid", children: filteredOffices.map((office, index) => /* @__PURE__ */ jsx59(OfficeCard, { linkText, office }, `${office.city}-${index}`)) })
|
|
8240
8499
|
] }) });
|
|
8241
8500
|
};
|
|
8242
8501
|
|
|
8243
8502
|
// templates/Tiers/Tiers.tsx
|
|
8244
|
-
import { jsx as
|
|
8503
|
+
import { jsx as jsx60, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
8245
8504
|
var DEFAULT_ACCENTS = ["bronze", "silver", "gold", "platinum"];
|
|
8246
8505
|
var resolveAccent = (tier, index) => tier.accent ?? DEFAULT_ACCENTS[index] ?? "bronze";
|
|
8247
8506
|
var Tiers = ({
|
|
@@ -8253,27 +8512,27 @@ var Tiers = ({
|
|
|
8253
8512
|
linkHref,
|
|
8254
8513
|
onLinkClick
|
|
8255
8514
|
}) => {
|
|
8256
|
-
return /* @__PURE__ */
|
|
8257
|
-
/* @__PURE__ */
|
|
8258
|
-
/* @__PURE__ */
|
|
8259
|
-
description && /* @__PURE__ */
|
|
8515
|
+
return /* @__PURE__ */ jsx60("section", { className: "tiers", children: /* @__PURE__ */ jsxs56("div", { className: "tiers__container", children: [
|
|
8516
|
+
/* @__PURE__ */ jsxs56("header", { className: "tiers__header", children: [
|
|
8517
|
+
/* @__PURE__ */ jsx60("h2", { className: "tiers__title", children: title }),
|
|
8518
|
+
description && /* @__PURE__ */ jsx60("p", { className: "tiers__description", children: description })
|
|
8260
8519
|
] }),
|
|
8261
|
-
/* @__PURE__ */
|
|
8520
|
+
/* @__PURE__ */ jsx60("ol", { className: "tiers__list", children: tiers.map((tier, index) => {
|
|
8262
8521
|
const accent = resolveAccent(tier, index);
|
|
8263
|
-
return /* @__PURE__ */
|
|
8522
|
+
return /* @__PURE__ */ jsx60(
|
|
8264
8523
|
"li",
|
|
8265
8524
|
{
|
|
8266
8525
|
className: `tiers__item tiers__item--${accent}`,
|
|
8267
|
-
children: /* @__PURE__ */
|
|
8268
|
-
/* @__PURE__ */
|
|
8269
|
-
/* @__PURE__ */
|
|
8526
|
+
children: /* @__PURE__ */ jsxs56("div", { className: "tiers__shell", children: [
|
|
8527
|
+
/* @__PURE__ */ jsxs56("div", { className: "tiers__icon-row", children: [
|
|
8528
|
+
/* @__PURE__ */ jsx60(
|
|
8270
8529
|
"span",
|
|
8271
8530
|
{
|
|
8272
8531
|
className: "tiers__line tiers__line--left",
|
|
8273
8532
|
"aria-hidden": "true"
|
|
8274
8533
|
}
|
|
8275
8534
|
),
|
|
8276
|
-
/* @__PURE__ */
|
|
8535
|
+
/* @__PURE__ */ jsx60("div", { className: "tiers__icon-wrap", children: /* @__PURE__ */ jsx60(
|
|
8277
8536
|
"img",
|
|
8278
8537
|
{
|
|
8279
8538
|
src: tier.icon,
|
|
@@ -8284,7 +8543,7 @@ var Tiers = ({
|
|
|
8284
8543
|
loading: "lazy"
|
|
8285
8544
|
}
|
|
8286
8545
|
) }),
|
|
8287
|
-
/* @__PURE__ */
|
|
8546
|
+
/* @__PURE__ */ jsx60(
|
|
8288
8547
|
"span",
|
|
8289
8548
|
{
|
|
8290
8549
|
className: "tiers__line tiers__line--right",
|
|
@@ -8292,21 +8551,21 @@ var Tiers = ({
|
|
|
8292
8551
|
}
|
|
8293
8552
|
)
|
|
8294
8553
|
] }),
|
|
8295
|
-
/* @__PURE__ */
|
|
8296
|
-
/* @__PURE__ */
|
|
8297
|
-
/* @__PURE__ */
|
|
8554
|
+
/* @__PURE__ */ jsxs56("div", { className: "tiers__heading", children: [
|
|
8555
|
+
/* @__PURE__ */ jsx60("h3", { className: "tiers__name", children: tier.name }),
|
|
8556
|
+
/* @__PURE__ */ jsx60("p", { className: "tiers__status", children: tier.status })
|
|
8298
8557
|
] }),
|
|
8299
|
-
/* @__PURE__ */
|
|
8300
|
-
/* @__PURE__ */
|
|
8301
|
-
/* @__PURE__ */
|
|
8558
|
+
/* @__PURE__ */ jsxs56("div", { className: "tiers__card", children: [
|
|
8559
|
+
/* @__PURE__ */ jsx60("p", { className: "tiers__card-title", children: tier.title }),
|
|
8560
|
+
/* @__PURE__ */ jsx60("p", { className: "tiers__card-description", children: tier.description })
|
|
8302
8561
|
] }),
|
|
8303
|
-
tier.requirement && /* @__PURE__ */
|
|
8562
|
+
tier.requirement && /* @__PURE__ */ jsx60("p", { className: "tiers__requirement", children: tier.requirement })
|
|
8304
8563
|
] })
|
|
8305
8564
|
},
|
|
8306
8565
|
tier.name
|
|
8307
8566
|
);
|
|
8308
8567
|
}) }),
|
|
8309
|
-
showLink && /* @__PURE__ */
|
|
8568
|
+
showLink && /* @__PURE__ */ jsx60("div", { className: "tiers__footer", children: /* @__PURE__ */ jsx60(
|
|
8310
8569
|
Link,
|
|
8311
8570
|
{
|
|
8312
8571
|
colorScheme: "coral",
|
|
@@ -8319,7 +8578,7 @@ var Tiers = ({
|
|
|
8319
8578
|
};
|
|
8320
8579
|
|
|
8321
8580
|
// templates/PartnersPayout/PartnersPayout.tsx
|
|
8322
|
-
import { jsx as
|
|
8581
|
+
import { jsx as jsx61, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
8323
8582
|
var PartnersPayout = ({
|
|
8324
8583
|
title,
|
|
8325
8584
|
period,
|
|
@@ -8328,30 +8587,30 @@ var PartnersPayout = ({
|
|
|
8328
8587
|
imageAlt = "",
|
|
8329
8588
|
className,
|
|
8330
8589
|
...props
|
|
8331
|
-
}) => /* @__PURE__ */
|
|
8590
|
+
}) => /* @__PURE__ */ jsx61(
|
|
8332
8591
|
"section",
|
|
8333
8592
|
{
|
|
8334
8593
|
className: ["partners-payout", className].filter(Boolean).join(" "),
|
|
8335
8594
|
...props,
|
|
8336
|
-
children: /* @__PURE__ */
|
|
8337
|
-
/* @__PURE__ */
|
|
8338
|
-
/* @__PURE__ */
|
|
8339
|
-
/* @__PURE__ */
|
|
8340
|
-
/* @__PURE__ */
|
|
8595
|
+
children: /* @__PURE__ */ jsxs57("div", { className: "partners-payout__container", children: [
|
|
8596
|
+
/* @__PURE__ */ jsxs57("div", { className: "partners-payout__content", children: [
|
|
8597
|
+
/* @__PURE__ */ jsxs57("header", { className: "partners-payout__header", children: [
|
|
8598
|
+
/* @__PURE__ */ jsx61("h2", { className: "partners-payout__title", children: title }),
|
|
8599
|
+
/* @__PURE__ */ jsx61("p", { className: "partners-payout__period", children: period })
|
|
8341
8600
|
] }),
|
|
8342
|
-
/* @__PURE__ */
|
|
8601
|
+
/* @__PURE__ */ jsx61("ul", { className: "partners-payout__grid", children: payouts.map((payout, index) => /* @__PURE__ */ jsxs57(
|
|
8343
8602
|
"li",
|
|
8344
8603
|
{
|
|
8345
8604
|
className: "partners-payout__item",
|
|
8346
8605
|
children: [
|
|
8347
|
-
/* @__PURE__ */
|
|
8348
|
-
/* @__PURE__ */
|
|
8606
|
+
/* @__PURE__ */ jsx61("span", { className: "partners-payout__region", children: payout.region }),
|
|
8607
|
+
/* @__PURE__ */ jsx61("span", { className: "partners-payout__amount", children: payout.amount })
|
|
8349
8608
|
]
|
|
8350
8609
|
},
|
|
8351
8610
|
`${payout.region}-${index}`
|
|
8352
8611
|
)) })
|
|
8353
8612
|
] }),
|
|
8354
|
-
/* @__PURE__ */
|
|
8613
|
+
/* @__PURE__ */ jsx61(
|
|
8355
8614
|
"img",
|
|
8356
8615
|
{
|
|
8357
8616
|
className: "partners-payout__image",
|
|
@@ -8365,7 +8624,7 @@ var PartnersPayout = ({
|
|
|
8365
8624
|
);
|
|
8366
8625
|
|
|
8367
8626
|
// templates/MasterPartner/MasterPartner.tsx
|
|
8368
|
-
import { jsx as
|
|
8627
|
+
import { jsx as jsx62, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
8369
8628
|
var MasterPartner = ({
|
|
8370
8629
|
title,
|
|
8371
8630
|
description,
|
|
@@ -8378,23 +8637,23 @@ var MasterPartner = ({
|
|
|
8378
8637
|
imageAlt = "",
|
|
8379
8638
|
steps
|
|
8380
8639
|
}) => {
|
|
8381
|
-
const ctaButton = /* @__PURE__ */
|
|
8382
|
-
return /* @__PURE__ */
|
|
8383
|
-
/* @__PURE__ */
|
|
8384
|
-
/* @__PURE__ */
|
|
8385
|
-
/* @__PURE__ */
|
|
8386
|
-
/* @__PURE__ */
|
|
8387
|
-
/* @__PURE__ */
|
|
8388
|
-
note && /* @__PURE__ */
|
|
8389
|
-
/* @__PURE__ */
|
|
8640
|
+
const ctaButton = /* @__PURE__ */ jsx62(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel, onClick: onCtaClick });
|
|
8641
|
+
return /* @__PURE__ */ jsx62("section", { className: "master-partner", children: /* @__PURE__ */ jsxs58("div", { className: "master-partner__container", children: [
|
|
8642
|
+
/* @__PURE__ */ jsxs58("div", { className: "master-partner__top", children: [
|
|
8643
|
+
/* @__PURE__ */ jsxs58("div", { className: "master-partner__content", children: [
|
|
8644
|
+
/* @__PURE__ */ jsx62("h2", { className: "master-partner__title", children: title }),
|
|
8645
|
+
/* @__PURE__ */ jsxs58("div", { className: "master-partner__copy", children: [
|
|
8646
|
+
/* @__PURE__ */ jsx62("p", { className: "master-partner__paragraph", children: description }),
|
|
8647
|
+
note && /* @__PURE__ */ jsxs58("p", { className: "master-partner__paragraph", children: [
|
|
8648
|
+
/* @__PURE__ */ jsx62("strong", { children: note.label }),
|
|
8390
8649
|
" ",
|
|
8391
8650
|
note.text
|
|
8392
8651
|
] }),
|
|
8393
|
-
closingText && /* @__PURE__ */
|
|
8652
|
+
closingText && /* @__PURE__ */ jsx62("p", { className: "master-partner__paragraph", children: closingText })
|
|
8394
8653
|
] }),
|
|
8395
|
-
ctaLabel && /* @__PURE__ */
|
|
8654
|
+
ctaLabel && /* @__PURE__ */ jsx62("div", { className: "master-partner__cta", children: ctaHref ? /* @__PURE__ */ jsx62("a", { href: ctaHref, children: ctaButton }) : ctaButton })
|
|
8396
8655
|
] }),
|
|
8397
|
-
/* @__PURE__ */
|
|
8656
|
+
/* @__PURE__ */ jsx62("div", { className: "master-partner__image-wrapper", children: /* @__PURE__ */ jsx62(
|
|
8398
8657
|
"img",
|
|
8399
8658
|
{
|
|
8400
8659
|
className: "master-partner__image",
|
|
@@ -8404,8 +8663,8 @@ var MasterPartner = ({
|
|
|
8404
8663
|
}
|
|
8405
8664
|
) })
|
|
8406
8665
|
] }),
|
|
8407
|
-
/* @__PURE__ */
|
|
8408
|
-
/* @__PURE__ */
|
|
8666
|
+
/* @__PURE__ */ jsx62("ol", { className: "master-partner__steps", children: steps.map((step, index) => /* @__PURE__ */ jsxs58("li", { className: "master-partner__step", children: [
|
|
8667
|
+
/* @__PURE__ */ jsx62(
|
|
8409
8668
|
"img",
|
|
8410
8669
|
{
|
|
8411
8670
|
className: "master-partner__step-icon",
|
|
@@ -8417,13 +8676,13 @@ var MasterPartner = ({
|
|
|
8417
8676
|
loading: "lazy"
|
|
8418
8677
|
}
|
|
8419
8678
|
),
|
|
8420
|
-
/* @__PURE__ */
|
|
8679
|
+
/* @__PURE__ */ jsx62("p", { className: "master-partner__step-description", children: step.description })
|
|
8421
8680
|
] }, index)) })
|
|
8422
8681
|
] }) });
|
|
8423
8682
|
};
|
|
8424
8683
|
|
|
8425
8684
|
// templates/ResourceBanner/ResourceBanner.tsx
|
|
8426
|
-
import { jsx as
|
|
8685
|
+
import { jsx as jsx63, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
8427
8686
|
var DEFAULT_LINKS = [{ label: "Learn more", href: "#" }];
|
|
8428
8687
|
var RESOURCE_BANNER_DERIV_CONTENT = {
|
|
8429
8688
|
title: "Learn more about staying safe",
|
|
@@ -8437,7 +8696,7 @@ var RESOURCE_BANNER_DERIV_CONTENT = {
|
|
|
8437
8696
|
}
|
|
8438
8697
|
]
|
|
8439
8698
|
};
|
|
8440
|
-
var ExternalLinkIcon2 = () => /* @__PURE__ */
|
|
8699
|
+
var ExternalLinkIcon2 = () => /* @__PURE__ */ jsx63("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx63(
|
|
8441
8700
|
"path",
|
|
8442
8701
|
{
|
|
8443
8702
|
d: "M4.5 11.5 11.5 4.5M5.5 4.5h6v6",
|
|
@@ -8457,21 +8716,21 @@ var ResourceBanner = ({
|
|
|
8457
8716
|
}) => {
|
|
8458
8717
|
const resolvedLinks = links && links.length > 0 ? links : DEFAULT_LINKS;
|
|
8459
8718
|
const rootClass = ["rsb", className].filter(Boolean).join(" ");
|
|
8460
|
-
return /* @__PURE__ */
|
|
8461
|
-
/* @__PURE__ */
|
|
8462
|
-
/* @__PURE__ */
|
|
8463
|
-
description && /* @__PURE__ */
|
|
8719
|
+
return /* @__PURE__ */ jsx63("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx63("div", { className: "rsb__inner", children: /* @__PURE__ */ jsx63("div", { className: "rsb__card", children: /* @__PURE__ */ jsxs59("div", { className: "rsb__grid", children: [
|
|
8720
|
+
/* @__PURE__ */ jsxs59("div", { className: "rsb__content", children: [
|
|
8721
|
+
/* @__PURE__ */ jsx63(HeadingTag, { className: "rsb__title", children: title }),
|
|
8722
|
+
description && /* @__PURE__ */ jsx63("p", { className: "rsb__description", children: description })
|
|
8464
8723
|
] }),
|
|
8465
|
-
/* @__PURE__ */
|
|
8724
|
+
/* @__PURE__ */ jsx63("ul", { className: "rsb__links", children: resolvedLinks.map((link, i) => {
|
|
8466
8725
|
const isExternal = link.external ?? true;
|
|
8467
|
-
return /* @__PURE__ */
|
|
8726
|
+
return /* @__PURE__ */ jsx63("li", { className: "rsb__links-item", children: /* @__PURE__ */ jsx63(
|
|
8468
8727
|
Link,
|
|
8469
8728
|
{
|
|
8470
8729
|
className: "rsb__link",
|
|
8471
8730
|
colorScheme: "white",
|
|
8472
8731
|
href: link.href,
|
|
8473
8732
|
label: link.label,
|
|
8474
|
-
icon: isExternal ? /* @__PURE__ */
|
|
8733
|
+
icon: isExternal ? /* @__PURE__ */ jsx63(ExternalLinkIcon2, {}) : void 0,
|
|
8475
8734
|
iconPosition: "right",
|
|
8476
8735
|
showChevron: !isExternal,
|
|
8477
8736
|
target: isExternal ? "_blank" : void 0,
|
|
@@ -8484,12 +8743,12 @@ var ResourceBanner = ({
|
|
|
8484
8743
|
|
|
8485
8744
|
// templates/OptionsTypes/OptionsTypes.tsx
|
|
8486
8745
|
import {
|
|
8487
|
-
useEffect as
|
|
8746
|
+
useEffect as useEffect19,
|
|
8488
8747
|
useId as useId5,
|
|
8489
|
-
useRef as
|
|
8490
|
-
useState as
|
|
8748
|
+
useRef as useRef22,
|
|
8749
|
+
useState as useState25
|
|
8491
8750
|
} from "react";
|
|
8492
|
-
import { Fragment as
|
|
8751
|
+
import { Fragment as Fragment14, jsx as jsx64, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
8493
8752
|
var OPTIONS_TYPES_PLACEHOLDER_ITEMS = [
|
|
8494
8753
|
{
|
|
8495
8754
|
id: "option-type",
|
|
@@ -8500,7 +8759,7 @@ var OPTIONS_TYPES_PLACEHOLDER_ITEMS = [
|
|
|
8500
8759
|
platforms: [{ label: "Platform" }]
|
|
8501
8760
|
}
|
|
8502
8761
|
];
|
|
8503
|
-
function
|
|
8762
|
+
function safeHref2(value) {
|
|
8504
8763
|
if (!value) return null;
|
|
8505
8764
|
if (value.startsWith("/") && !value.startsWith("//")) return value;
|
|
8506
8765
|
try {
|
|
@@ -8510,8 +8769,8 @@ function safeHref(value) {
|
|
|
8510
8769
|
return null;
|
|
8511
8770
|
}
|
|
8512
8771
|
}
|
|
8513
|
-
function
|
|
8514
|
-
const href =
|
|
8772
|
+
function safeLottieSrc2(value) {
|
|
8773
|
+
const href = safeHref2(value);
|
|
8515
8774
|
if (!href) return null;
|
|
8516
8775
|
try {
|
|
8517
8776
|
const pathname = href.startsWith("/") ? href : new URL(href).pathname;
|
|
@@ -8543,9 +8802,9 @@ var iconPaths = {
|
|
|
8543
8802
|
]
|
|
8544
8803
|
};
|
|
8545
8804
|
function MetaIcon({ icon, iconUrl }) {
|
|
8546
|
-
const imageSrc =
|
|
8805
|
+
const imageSrc = safeHref2(iconUrl);
|
|
8547
8806
|
if (imageSrc) {
|
|
8548
|
-
return /* @__PURE__ */
|
|
8807
|
+
return /* @__PURE__ */ jsx64(
|
|
8549
8808
|
"img",
|
|
8550
8809
|
{
|
|
8551
8810
|
className: "ot__meta-image",
|
|
@@ -8561,27 +8820,27 @@ function MetaIcon({ icon, iconUrl }) {
|
|
|
8561
8820
|
const paths = iconPaths[icon];
|
|
8562
8821
|
if (!paths) {
|
|
8563
8822
|
const initials = icon === "deriv-trader" ? "DT" : icon === "deriv-bot" ? "DB" : "ST";
|
|
8564
|
-
return /* @__PURE__ */
|
|
8823
|
+
return /* @__PURE__ */ jsx64("span", { className: "ot__platform-icon", "aria-hidden": "true", children: initials });
|
|
8565
8824
|
}
|
|
8566
|
-
return /* @__PURE__ */
|
|
8825
|
+
return /* @__PURE__ */ jsx64("svg", { className: "ot__meta-icon", viewBox: "0 0 25 24", fill: "none", "aria-hidden": "true", children: paths.map((d) => /* @__PURE__ */ jsx64("path", { d, fill: "currentColor" }, d)) });
|
|
8567
8826
|
}
|
|
8568
8827
|
function MetaList({ items = [] }) {
|
|
8569
|
-
return /* @__PURE__ */
|
|
8570
|
-
const href =
|
|
8571
|
-
const content = /* @__PURE__ */
|
|
8572
|
-
/* @__PURE__ */
|
|
8573
|
-
/* @__PURE__ */
|
|
8828
|
+
return /* @__PURE__ */ jsx64("ul", { className: "ot__meta-list", children: items.map((item, index) => {
|
|
8829
|
+
const href = safeHref2(item.href);
|
|
8830
|
+
const content = /* @__PURE__ */ jsxs60(Fragment14, { children: [
|
|
8831
|
+
/* @__PURE__ */ jsx64(MetaIcon, { icon: item.icon, iconUrl: item.iconUrl }),
|
|
8832
|
+
/* @__PURE__ */ jsx64("span", { children: item.label })
|
|
8574
8833
|
] });
|
|
8575
|
-
return /* @__PURE__ */
|
|
8834
|
+
return /* @__PURE__ */ jsx64("li", { children: href ? /* @__PURE__ */ jsx64("a", { href, children: content }) : /* @__PURE__ */ jsx64("span", { children: content }) }, `${item.label}-${index}`);
|
|
8576
8835
|
}) });
|
|
8577
8836
|
}
|
|
8578
|
-
function
|
|
8579
|
-
return /* @__PURE__ */
|
|
8580
|
-
/* @__PURE__ */
|
|
8581
|
-
playing ? /* @__PURE__ */
|
|
8582
|
-
/* @__PURE__ */
|
|
8583
|
-
/* @__PURE__ */
|
|
8584
|
-
] }) : /* @__PURE__ */
|
|
8837
|
+
function PlaybackGlyph2({ playing }) {
|
|
8838
|
+
return /* @__PURE__ */ jsxs60("svg", { className: "ot__control-icon", viewBox: "0 0 64 64", "aria-hidden": "true", children: [
|
|
8839
|
+
/* @__PURE__ */ jsx64("circle", { className: "ot__control-disc", cx: "32", cy: "32", r: "32" }),
|
|
8840
|
+
playing ? /* @__PURE__ */ jsxs60(Fragment14, { children: [
|
|
8841
|
+
/* @__PURE__ */ jsx64("rect", { className: "ot__control-glyph", x: "23", y: "21", width: "6", height: "22", rx: "2" }),
|
|
8842
|
+
/* @__PURE__ */ jsx64("rect", { className: "ot__control-glyph", x: "35", y: "21", width: "6", height: "22", rx: "2" })
|
|
8843
|
+
] }) : /* @__PURE__ */ jsx64(
|
|
8585
8844
|
"path",
|
|
8586
8845
|
{
|
|
8587
8846
|
className: "ot__control-glyph",
|
|
@@ -8596,20 +8855,20 @@ function AnimationCard({
|
|
|
8596
8855
|
playing,
|
|
8597
8856
|
onToggle
|
|
8598
8857
|
}) {
|
|
8599
|
-
const src =
|
|
8600
|
-
const posterSrc =
|
|
8858
|
+
const src = safeLottieSrc2(animation.src);
|
|
8859
|
+
const posterSrc = safeHref2(animation.posterUrl);
|
|
8601
8860
|
const controlId = `ot-animation-${itemId}-${animation.id ?? animation.label}`.replace(/[^a-zA-Z0-9_-]/g, "-");
|
|
8602
|
-
return /* @__PURE__ */
|
|
8603
|
-
/* @__PURE__ */
|
|
8861
|
+
return /* @__PURE__ */ jsxs60("div", { className: "ot__animation-card", children: [
|
|
8862
|
+
/* @__PURE__ */ jsx64("div", { id: controlId, className: "ot__animation-media", "aria-hidden": "true", children: src ? /* @__PURE__ */ jsx64(
|
|
8604
8863
|
DotLottieInView,
|
|
8605
8864
|
{
|
|
8606
8865
|
src,
|
|
8607
8866
|
enabled: playing,
|
|
8608
8867
|
loop: true,
|
|
8609
|
-
poster: posterSrc ? /* @__PURE__ */
|
|
8868
|
+
poster: posterSrc ? /* @__PURE__ */ jsx64("img", { src: posterSrc, alt: "", loading: "lazy", decoding: "async" }) : void 0
|
|
8610
8869
|
}
|
|
8611
8870
|
) : null }),
|
|
8612
|
-
posterSrc && !playing ? /* @__PURE__ */
|
|
8871
|
+
posterSrc && !playing ? /* @__PURE__ */ jsx64(
|
|
8613
8872
|
"img",
|
|
8614
8873
|
{
|
|
8615
8874
|
className: "ot__animation-poster",
|
|
@@ -8620,7 +8879,7 @@ function AnimationCard({
|
|
|
8620
8879
|
decoding: "async"
|
|
8621
8880
|
}
|
|
8622
8881
|
) : null,
|
|
8623
|
-
src ? /* @__PURE__ */
|
|
8882
|
+
src ? /* @__PURE__ */ jsx64(
|
|
8624
8883
|
"button",
|
|
8625
8884
|
{
|
|
8626
8885
|
type: "button",
|
|
@@ -8629,7 +8888,7 @@ function AnimationCard({
|
|
|
8629
8888
|
"aria-pressed": playing,
|
|
8630
8889
|
"aria-label": `${playing ? "Pause" : "Play"} ${animation.label} animation`,
|
|
8631
8890
|
onClick: onToggle,
|
|
8632
|
-
children: /* @__PURE__ */
|
|
8891
|
+
children: /* @__PURE__ */ jsx64(PlaybackGlyph2, { playing })
|
|
8633
8892
|
}
|
|
8634
8893
|
) : null
|
|
8635
8894
|
] });
|
|
@@ -8642,10 +8901,10 @@ function OptionPanel({
|
|
|
8642
8901
|
playing,
|
|
8643
8902
|
setPlaying
|
|
8644
8903
|
}) {
|
|
8645
|
-
const description = /* @__PURE__ */
|
|
8646
|
-
const animations = /* @__PURE__ */
|
|
8904
|
+
const description = /* @__PURE__ */ jsx64("div", { className: "ot__description", children: /* @__PURE__ */ jsx64("p", { children: item.description }) });
|
|
8905
|
+
const animations = /* @__PURE__ */ jsx64("div", { className: `ot__animations ot__animations--${Math.min(item.animations.length, 2)}`, children: item.animations.slice(0, 2).map((animation, index) => {
|
|
8647
8906
|
const key = `${item.id}-${animation.id ?? index}`;
|
|
8648
|
-
return /* @__PURE__ */
|
|
8907
|
+
return /* @__PURE__ */ jsx64(
|
|
8649
8908
|
AnimationCard,
|
|
8650
8909
|
{
|
|
8651
8910
|
animation,
|
|
@@ -8659,28 +8918,28 @@ function OptionPanel({
|
|
|
8659
8918
|
key
|
|
8660
8919
|
);
|
|
8661
8920
|
}) });
|
|
8662
|
-
const metadata = /* @__PURE__ */
|
|
8663
|
-
/* @__PURE__ */
|
|
8664
|
-
/* @__PURE__ */
|
|
8665
|
-
/* @__PURE__ */
|
|
8921
|
+
const metadata = /* @__PURE__ */ jsxs60("div", { className: "ot__metadata", children: [
|
|
8922
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__meta-group", children: [
|
|
8923
|
+
/* @__PURE__ */ jsx64("h4", { children: marketsLabel }),
|
|
8924
|
+
/* @__PURE__ */ jsx64(MetaList, { items: item.markets })
|
|
8666
8925
|
] }),
|
|
8667
|
-
/* @__PURE__ */
|
|
8668
|
-
/* @__PURE__ */
|
|
8669
|
-
/* @__PURE__ */
|
|
8926
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__meta-group", children: [
|
|
8927
|
+
/* @__PURE__ */ jsx64("h4", { children: platformsLabel }),
|
|
8928
|
+
/* @__PURE__ */ jsx64(MetaList, { items: item.platforms })
|
|
8670
8929
|
] })
|
|
8671
8930
|
] });
|
|
8672
8931
|
const layout = variant === "single" && item.animations.length === 1 ? "split" : "stacked";
|
|
8673
8932
|
const optionClass = `ot__option ot__option--${variant} ot__option--${layout}`;
|
|
8674
8933
|
if (layout === "split") {
|
|
8675
|
-
return /* @__PURE__ */
|
|
8934
|
+
return /* @__PURE__ */ jsxs60("div", { className: optionClass, children: [
|
|
8676
8935
|
animations,
|
|
8677
|
-
/* @__PURE__ */
|
|
8936
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__option-side", children: [
|
|
8678
8937
|
description,
|
|
8679
8938
|
metadata
|
|
8680
8939
|
] })
|
|
8681
8940
|
] });
|
|
8682
8941
|
}
|
|
8683
|
-
return /* @__PURE__ */
|
|
8942
|
+
return /* @__PURE__ */ jsxs60("div", { className: optionClass, children: [
|
|
8684
8943
|
description,
|
|
8685
8944
|
animations,
|
|
8686
8945
|
metadata
|
|
@@ -8695,10 +8954,10 @@ function TogglePanel({
|
|
|
8695
8954
|
setPlaying
|
|
8696
8955
|
}) {
|
|
8697
8956
|
const animations = item.animations;
|
|
8698
|
-
const [activeIndex, setActiveIndex] =
|
|
8699
|
-
const switchRefs =
|
|
8957
|
+
const [activeIndex, setActiveIndex] = useState25(0);
|
|
8958
|
+
const switchRefs = useRef22([]);
|
|
8700
8959
|
const safeIndex = Math.min(activeIndex, Math.max(animations.length - 1, 0));
|
|
8701
|
-
|
|
8960
|
+
useEffect19(() => {
|
|
8702
8961
|
setPlaying({});
|
|
8703
8962
|
}, [safeIndex, setPlaying]);
|
|
8704
8963
|
const hasMarkets = Boolean(item.markets && item.markets.length > 0);
|
|
@@ -8720,11 +8979,11 @@ function TogglePanel({
|
|
|
8720
8979
|
setActiveIndex(next);
|
|
8721
8980
|
switchRefs.current[next]?.focus();
|
|
8722
8981
|
};
|
|
8723
|
-
return /* @__PURE__ */
|
|
8724
|
-
/* @__PURE__ */
|
|
8982
|
+
return /* @__PURE__ */ jsxs60("div", { className: "ot__option ot__option--toggle", children: [
|
|
8983
|
+
/* @__PURE__ */ jsx64("div", { className: "ot__toggle-media", children: animations.map((animation, index) => {
|
|
8725
8984
|
const key = `${item.id}-${animation.id ?? index}`;
|
|
8726
8985
|
const isActive = index === safeIndex;
|
|
8727
|
-
return /* @__PURE__ */
|
|
8986
|
+
return /* @__PURE__ */ jsx64(
|
|
8728
8987
|
"div",
|
|
8729
8988
|
{
|
|
8730
8989
|
className: "ot__toggle-pane",
|
|
@@ -8732,7 +8991,7 @@ function TogglePanel({
|
|
|
8732
8991
|
role: "tabpanel",
|
|
8733
8992
|
"aria-labelledby": `${idPrefix}-switch-${index}`,
|
|
8734
8993
|
hidden: !isActive,
|
|
8735
|
-
children: isActive ? /* @__PURE__ */
|
|
8994
|
+
children: isActive ? /* @__PURE__ */ jsx64(
|
|
8736
8995
|
AnimationCard,
|
|
8737
8996
|
{
|
|
8738
8997
|
animation,
|
|
@@ -8748,8 +9007,8 @@ function TogglePanel({
|
|
|
8748
9007
|
key
|
|
8749
9008
|
);
|
|
8750
9009
|
}) }),
|
|
8751
|
-
/* @__PURE__ */
|
|
8752
|
-
animations.length > 1 ? /* @__PURE__ */
|
|
9010
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__toggle-side", children: [
|
|
9011
|
+
animations.length > 1 ? /* @__PURE__ */ jsx64(
|
|
8753
9012
|
"div",
|
|
8754
9013
|
{
|
|
8755
9014
|
className: "ot__toggle-switch",
|
|
@@ -8758,8 +9017,8 @@ function TogglePanel({
|
|
|
8758
9017
|
onKeyDown: onSwitchKeyDown,
|
|
8759
9018
|
children: animations.map((animation, index) => {
|
|
8760
9019
|
const isActive = index === safeIndex;
|
|
8761
|
-
const iconUrl =
|
|
8762
|
-
return /* @__PURE__ */
|
|
9020
|
+
const iconUrl = safeHref2(animation.iconUrl);
|
|
9021
|
+
return /* @__PURE__ */ jsx64(
|
|
8763
9022
|
"button",
|
|
8764
9023
|
{
|
|
8765
9024
|
ref: (node) => {
|
|
@@ -8774,7 +9033,7 @@ function TogglePanel({
|
|
|
8774
9033
|
tabIndex: isActive ? 0 : -1,
|
|
8775
9034
|
className: `ot__toggle-option${isActive ? " ot__toggle-option--active" : ""}`,
|
|
8776
9035
|
onClick: () => setActiveIndex(index),
|
|
8777
|
-
children: iconUrl ? /* @__PURE__ */
|
|
9036
|
+
children: iconUrl ? /* @__PURE__ */ jsx64(
|
|
8778
9037
|
"img",
|
|
8779
9038
|
{
|
|
8780
9039
|
className: "ot__toggle-icon",
|
|
@@ -8784,23 +9043,23 @@ function TogglePanel({
|
|
|
8784
9043
|
loading: "lazy",
|
|
8785
9044
|
decoding: "async"
|
|
8786
9045
|
}
|
|
8787
|
-
) : /* @__PURE__ */
|
|
9046
|
+
) : /* @__PURE__ */ jsx64("span", { className: "ot__toggle-option-label", children: animation.label })
|
|
8788
9047
|
},
|
|
8789
9048
|
`${item.id}-switch-${animation.id ?? index}`
|
|
8790
9049
|
);
|
|
8791
9050
|
})
|
|
8792
9051
|
}
|
|
8793
9052
|
) : null,
|
|
8794
|
-
/* @__PURE__ */
|
|
8795
|
-
/* @__PURE__ */
|
|
8796
|
-
hasMarkets || hasPlatforms ? /* @__PURE__ */
|
|
8797
|
-
hasMarkets ? /* @__PURE__ */
|
|
8798
|
-
/* @__PURE__ */
|
|
8799
|
-
/* @__PURE__ */
|
|
9053
|
+
/* @__PURE__ */ jsx64("h3", { className: "ot__toggle-title", children: item.title }),
|
|
9054
|
+
/* @__PURE__ */ jsx64("div", { className: "ot__description", children: /* @__PURE__ */ jsx64("p", { children: item.description }) }),
|
|
9055
|
+
hasMarkets || hasPlatforms ? /* @__PURE__ */ jsxs60("div", { className: "ot__metadata", children: [
|
|
9056
|
+
hasMarkets ? /* @__PURE__ */ jsxs60("div", { className: "ot__meta-group", children: [
|
|
9057
|
+
/* @__PURE__ */ jsx64("h4", { children: marketsLabel }),
|
|
9058
|
+
/* @__PURE__ */ jsx64(MetaList, { items: item.markets })
|
|
8800
9059
|
] }) : null,
|
|
8801
|
-
hasPlatforms ? /* @__PURE__ */
|
|
8802
|
-
/* @__PURE__ */
|
|
8803
|
-
/* @__PURE__ */
|
|
9060
|
+
hasPlatforms ? /* @__PURE__ */ jsxs60("div", { className: "ot__meta-group", children: [
|
|
9061
|
+
/* @__PURE__ */ jsx64("h4", { children: platformsLabel }),
|
|
9062
|
+
/* @__PURE__ */ jsx64(MetaList, { items: item.platforms })
|
|
8804
9063
|
] }) : null
|
|
8805
9064
|
] }) : null
|
|
8806
9065
|
] })
|
|
@@ -8821,15 +9080,15 @@ function OptionsTypes({
|
|
|
8821
9080
|
...props
|
|
8822
9081
|
}) {
|
|
8823
9082
|
const usableItems = Array.isArray(items) ? items.filter((item) => item?.id) : [];
|
|
8824
|
-
const [internalActiveId, setInternalActiveId] =
|
|
9083
|
+
const [internalActiveId, setInternalActiveId] = useState25(
|
|
8825
9084
|
defaultActiveId ?? usableItems[0]?.id ?? ""
|
|
8826
9085
|
);
|
|
8827
9086
|
const selectedId = usableItems.find((item) => item.id === activeId)?.id ?? usableItems.find((item) => item.id === internalActiveId)?.id ?? usableItems[0]?.id ?? "";
|
|
8828
|
-
const [playing, setPlaying] =
|
|
9087
|
+
const [playing, setPlaying] = useState25({});
|
|
8829
9088
|
const generatedId = useId5().replace(/:/g, "");
|
|
8830
9089
|
const tabPrefix = `options-types-${generatedId}`;
|
|
8831
9090
|
const Heading = headingLevel;
|
|
8832
|
-
|
|
9091
|
+
useEffect19(() => {
|
|
8833
9092
|
setPlaying({});
|
|
8834
9093
|
}, [selectedId]);
|
|
8835
9094
|
const selectItem = (id) => {
|
|
@@ -8837,10 +9096,10 @@ function OptionsTypes({
|
|
|
8837
9096
|
onChange?.(id);
|
|
8838
9097
|
};
|
|
8839
9098
|
const rootClass = ["ot", `ot--${variant}`, className].filter(Boolean).join(" ");
|
|
8840
|
-
return /* @__PURE__ */
|
|
8841
|
-
/* @__PURE__ */
|
|
8842
|
-
/* @__PURE__ */
|
|
8843
|
-
variant === "tabs" && usableItems.length > 1 ? /* @__PURE__ */
|
|
9099
|
+
return /* @__PURE__ */ jsx64("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs60("div", { className: "ot__inner", children: [
|
|
9100
|
+
/* @__PURE__ */ jsxs60("header", { className: "ot__header", children: [
|
|
9101
|
+
/* @__PURE__ */ jsx64(Heading, { className: "ot__heading", children: heading }),
|
|
9102
|
+
variant === "tabs" && usableItems.length > 1 ? /* @__PURE__ */ jsx64(
|
|
8844
9103
|
Tabs,
|
|
8845
9104
|
{
|
|
8846
9105
|
items: usableItems.map((item) => ({
|
|
@@ -8855,9 +9114,9 @@ function OptionsTypes({
|
|
|
8855
9114
|
}
|
|
8856
9115
|
) : null
|
|
8857
9116
|
] }),
|
|
8858
|
-
usableItems.length === 0 ? null : variant === "tabs" ? /* @__PURE__ */
|
|
9117
|
+
usableItems.length === 0 ? null : variant === "tabs" ? /* @__PURE__ */ jsx64("div", { className: "ot__panels", children: usableItems.map((item, index) => {
|
|
8859
9118
|
const isActive = item.id === selectedId;
|
|
8860
|
-
return /* @__PURE__ */
|
|
9119
|
+
return /* @__PURE__ */ jsx64(
|
|
8861
9120
|
"div",
|
|
8862
9121
|
{
|
|
8863
9122
|
id: `${tabPrefix}-panel-${index}`,
|
|
@@ -8865,7 +9124,7 @@ function OptionsTypes({
|
|
|
8865
9124
|
"aria-labelledby": `${tabPrefix}-tab-${index}`,
|
|
8866
9125
|
hidden: !isActive,
|
|
8867
9126
|
tabIndex: 0,
|
|
8868
|
-
children: /* @__PURE__ */
|
|
9127
|
+
children: /* @__PURE__ */ jsx64(
|
|
8869
9128
|
OptionPanel,
|
|
8870
9129
|
{
|
|
8871
9130
|
item,
|
|
@@ -8879,7 +9138,7 @@ function OptionsTypes({
|
|
|
8879
9138
|
},
|
|
8880
9139
|
item.id
|
|
8881
9140
|
);
|
|
8882
|
-
}) }) : variant === "toggle" ? /* @__PURE__ */
|
|
9141
|
+
}) }) : variant === "toggle" ? /* @__PURE__ */ jsx64(
|
|
8883
9142
|
TogglePanel,
|
|
8884
9143
|
{
|
|
8885
9144
|
item: usableItems[0],
|
|
@@ -8889,7 +9148,7 @@ function OptionsTypes({
|
|
|
8889
9148
|
playing,
|
|
8890
9149
|
setPlaying
|
|
8891
9150
|
}
|
|
8892
|
-
) : /* @__PURE__ */
|
|
9151
|
+
) : /* @__PURE__ */ jsx64(
|
|
8893
9152
|
OptionPanel,
|
|
8894
9153
|
{
|
|
8895
9154
|
item: usableItems[0],
|
|
@@ -8900,8 +9159,8 @@ function OptionsTypes({
|
|
|
8900
9159
|
setPlaying
|
|
8901
9160
|
}
|
|
8902
9161
|
),
|
|
8903
|
-
disclaimer ? /* @__PURE__ */
|
|
8904
|
-
/* @__PURE__ */
|
|
9162
|
+
disclaimer ? /* @__PURE__ */ jsxs60("p", { className: "ot__disclaimer", children: [
|
|
9163
|
+
/* @__PURE__ */ jsxs60(
|
|
8905
9164
|
"svg",
|
|
8906
9165
|
{
|
|
8907
9166
|
className: "ot__disclaimer-icon",
|
|
@@ -8909,8 +9168,8 @@ function OptionsTypes({
|
|
|
8909
9168
|
fill: "none",
|
|
8910
9169
|
"aria-hidden": "true",
|
|
8911
9170
|
children: [
|
|
8912
|
-
/* @__PURE__ */
|
|
8913
|
-
/* @__PURE__ */
|
|
9171
|
+
/* @__PURE__ */ jsx64("circle", { cx: "8", cy: "8", r: "6.4", stroke: "currentColor", strokeWidth: "1.2" }),
|
|
9172
|
+
/* @__PURE__ */ jsx64(
|
|
8914
9173
|
"path",
|
|
8915
9174
|
{
|
|
8916
9175
|
d: "M8 7v4.2",
|
|
@@ -8919,11 +9178,11 @@ function OptionsTypes({
|
|
|
8919
9178
|
strokeLinecap: "round"
|
|
8920
9179
|
}
|
|
8921
9180
|
),
|
|
8922
|
-
/* @__PURE__ */
|
|
9181
|
+
/* @__PURE__ */ jsx64("circle", { cx: "8", cy: "4.9", r: "0.85", fill: "currentColor" })
|
|
8923
9182
|
]
|
|
8924
9183
|
}
|
|
8925
9184
|
),
|
|
8926
|
-
/* @__PURE__ */
|
|
9185
|
+
/* @__PURE__ */ jsx64("span", { children: disclaimer })
|
|
8927
9186
|
] }) : null
|
|
8928
9187
|
] }) });
|
|
8929
9188
|
}
|
|
@@ -9157,7 +9416,7 @@ var OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT = {
|
|
|
9157
9416
|
};
|
|
9158
9417
|
|
|
9159
9418
|
// templates/EntityInfoSection/EntityInfoSection.tsx
|
|
9160
|
-
import { jsx as
|
|
9419
|
+
import { jsx as jsx65, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
9161
9420
|
var DEFAULT_LINKS2 = [{ label: "View licence", href: "#" }];
|
|
9162
9421
|
var EntityInfoSection = ({
|
|
9163
9422
|
name = "Section title goes here",
|
|
@@ -9171,13 +9430,13 @@ var EntityInfoSection = ({
|
|
|
9171
9430
|
const resolvedLinks = links && links.length > 0 ? links : DEFAULT_LINKS2;
|
|
9172
9431
|
const hasBullets = !!bullets && bullets.length > 0;
|
|
9173
9432
|
const rootClass = ["eis", className].filter(Boolean).join(" ");
|
|
9174
|
-
return /* @__PURE__ */
|
|
9175
|
-
/* @__PURE__ */
|
|
9176
|
-
description && /* @__PURE__ */
|
|
9177
|
-
hasBullets && /* @__PURE__ */
|
|
9178
|
-
resolvedLinks.length > 0 && /* @__PURE__ */
|
|
9433
|
+
return /* @__PURE__ */ jsx65("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx65("div", { className: "eis__inner", children: /* @__PURE__ */ jsxs61("div", { className: "eis__content", children: [
|
|
9434
|
+
/* @__PURE__ */ jsx65(HeadingTag, { className: "eis__name", children: name }),
|
|
9435
|
+
description && /* @__PURE__ */ jsx65("p", { className: "eis__description", children: description }),
|
|
9436
|
+
hasBullets && /* @__PURE__ */ jsx65("ul", { className: "eis__bullets", children: bullets.map((bullet, i) => /* @__PURE__ */ jsx65("li", { className: "eis__bullets-item", children: bullet }, i)) }),
|
|
9437
|
+
resolvedLinks.length > 0 && /* @__PURE__ */ jsx65("ul", { className: "eis__links", children: resolvedLinks.map((link, i) => {
|
|
9179
9438
|
const isExternal = link.external ?? true;
|
|
9180
|
-
return /* @__PURE__ */
|
|
9439
|
+
return /* @__PURE__ */ jsx65("li", { className: "eis__links-item", children: /* @__PURE__ */ jsx65(
|
|
9181
9440
|
Link,
|
|
9182
9441
|
{
|
|
9183
9442
|
className: "eis__link",
|
|
@@ -9193,7 +9452,7 @@ var EntityInfoSection = ({
|
|
|
9193
9452
|
};
|
|
9194
9453
|
|
|
9195
9454
|
// templates/CountryLinkGrid/CountryLinkGrid.tsx
|
|
9196
|
-
import { jsx as
|
|
9455
|
+
import { jsx as jsx66, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
9197
9456
|
var DEFAULT_ITEMS = [
|
|
9198
9457
|
{ label: "Country name", href: "#" },
|
|
9199
9458
|
{ label: "Country name", href: "#" },
|
|
@@ -9210,14 +9469,14 @@ var CountryLinkGrid = ({
|
|
|
9210
9469
|
}) => {
|
|
9211
9470
|
const resolvedItems = items && items.length > 0 ? items : DEFAULT_ITEMS;
|
|
9212
9471
|
const rootClass = ["clg", className].filter(Boolean).join(" ");
|
|
9213
|
-
return /* @__PURE__ */
|
|
9214
|
-
/* @__PURE__ */
|
|
9215
|
-
/* @__PURE__ */
|
|
9216
|
-
description && /* @__PURE__ */
|
|
9472
|
+
return /* @__PURE__ */ jsx66("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx66("div", { className: "clg__inner", children: /* @__PURE__ */ jsxs62("div", { className: "clg__layout", children: [
|
|
9473
|
+
/* @__PURE__ */ jsxs62("div", { className: "clg__header", children: [
|
|
9474
|
+
/* @__PURE__ */ jsx66(HeadingTag, { className: "clg__title", children: title }),
|
|
9475
|
+
description && /* @__PURE__ */ jsx66("p", { className: "clg__description", children: description })
|
|
9217
9476
|
] }),
|
|
9218
|
-
resolvedItems.length > 0 && /* @__PURE__ */
|
|
9477
|
+
resolvedItems.length > 0 && /* @__PURE__ */ jsx66("ul", { className: "clg__list", children: resolvedItems.map((item, i) => {
|
|
9219
9478
|
const isExternal = item.external ?? true;
|
|
9220
|
-
return /* @__PURE__ */
|
|
9479
|
+
return /* @__PURE__ */ jsx66("li", { className: "clg__item", children: /* @__PURE__ */ jsxs62(
|
|
9221
9480
|
"a",
|
|
9222
9481
|
{
|
|
9223
9482
|
className: "clg__link",
|
|
@@ -9225,7 +9484,7 @@ var CountryLinkGrid = ({
|
|
|
9225
9484
|
target: isExternal ? "_blank" : void 0,
|
|
9226
9485
|
rel: isExternal ? "noopener noreferrer" : void 0,
|
|
9227
9486
|
children: [
|
|
9228
|
-
item.iconSrc && /* @__PURE__ */
|
|
9487
|
+
item.iconSrc && /* @__PURE__ */ jsx66(
|
|
9229
9488
|
"img",
|
|
9230
9489
|
{
|
|
9231
9490
|
className: "clg__flag",
|
|
@@ -9236,7 +9495,7 @@ var CountryLinkGrid = ({
|
|
|
9236
9495
|
height: 24
|
|
9237
9496
|
}
|
|
9238
9497
|
),
|
|
9239
|
-
/* @__PURE__ */
|
|
9498
|
+
/* @__PURE__ */ jsx66("span", { className: "clg__text", children: item.label })
|
|
9240
9499
|
]
|
|
9241
9500
|
}
|
|
9242
9501
|
) }, item.id ?? i);
|
|
@@ -9245,8 +9504,8 @@ var CountryLinkGrid = ({
|
|
|
9245
9504
|
};
|
|
9246
9505
|
|
|
9247
9506
|
// templates/DocumentChips/DocumentChips.tsx
|
|
9248
|
-
import { useState as
|
|
9249
|
-
import { jsx as
|
|
9507
|
+
import { useState as useState26 } from "react";
|
|
9508
|
+
import { jsx as jsx67, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
9250
9509
|
var DEFAULT_GROUPS = [
|
|
9251
9510
|
{
|
|
9252
9511
|
id: "group-one",
|
|
@@ -9283,8 +9542,8 @@ var DocumentChip = ({ document: document2, iconSrc, iconAlt, onLanguageSelect })
|
|
|
9283
9542
|
event.preventDefault();
|
|
9284
9543
|
onLanguageSelect(document2, event);
|
|
9285
9544
|
};
|
|
9286
|
-
return /* @__PURE__ */
|
|
9287
|
-
/* @__PURE__ */
|
|
9545
|
+
return /* @__PURE__ */ jsx67("li", { className: "dch__doc-item", children: /* @__PURE__ */ jsxs63("div", { className: "dch__doc", children: [
|
|
9546
|
+
/* @__PURE__ */ jsxs63(
|
|
9288
9547
|
"a",
|
|
9289
9548
|
{
|
|
9290
9549
|
className: "dch__doc-link",
|
|
@@ -9292,7 +9551,7 @@ var DocumentChip = ({ document: document2, iconSrc, iconAlt, onLanguageSelect })
|
|
|
9292
9551
|
target: isExternal ? "_blank" : void 0,
|
|
9293
9552
|
rel: isExternal ? "noopener noreferrer" : void 0,
|
|
9294
9553
|
children: [
|
|
9295
|
-
/* @__PURE__ */
|
|
9554
|
+
/* @__PURE__ */ jsx67(
|
|
9296
9555
|
"img",
|
|
9297
9556
|
{
|
|
9298
9557
|
className: "dch__doc-icon",
|
|
@@ -9302,11 +9561,11 @@ var DocumentChip = ({ document: document2, iconSrc, iconAlt, onLanguageSelect })
|
|
|
9302
9561
|
"aria-hidden": iconAlt ? void 0 : true
|
|
9303
9562
|
}
|
|
9304
9563
|
),
|
|
9305
|
-
/* @__PURE__ */
|
|
9564
|
+
/* @__PURE__ */ jsx67("span", { className: "dch__doc-title", children: document2.title })
|
|
9306
9565
|
]
|
|
9307
9566
|
}
|
|
9308
9567
|
),
|
|
9309
|
-
languageLink && /* @__PURE__ */
|
|
9568
|
+
languageLink && /* @__PURE__ */ jsx67("div", { className: "dch__doc-action", children: /* @__PURE__ */ jsx67(
|
|
9310
9569
|
Link,
|
|
9311
9570
|
{
|
|
9312
9571
|
className: "dch__doc-language",
|
|
@@ -9324,7 +9583,7 @@ var DocumentChipList = ({
|
|
|
9324
9583
|
iconSrc,
|
|
9325
9584
|
iconAlt,
|
|
9326
9585
|
onLanguageSelect
|
|
9327
|
-
}) => /* @__PURE__ */
|
|
9586
|
+
}) => /* @__PURE__ */ jsx67("ul", { className: "dch__docs", children: documents.map((document2, j) => /* @__PURE__ */ jsx67(
|
|
9328
9587
|
DocumentChip,
|
|
9329
9588
|
{
|
|
9330
9589
|
document: document2,
|
|
@@ -9349,7 +9608,7 @@ var DocumentChips = ({
|
|
|
9349
9608
|
}) => {
|
|
9350
9609
|
const resolvedGroups = groups && groups.length > 0 ? groups : DEFAULT_GROUPS;
|
|
9351
9610
|
const groupKeys = resolvedGroups.map((group, i) => String(group.id ?? i));
|
|
9352
|
-
const [openKeys, setOpenKeys] =
|
|
9611
|
+
const [openKeys, setOpenKeys] = useState26(void 0);
|
|
9353
9612
|
const resolvedOpenKeys = openKeys === void 0 ? groupKeys.slice(0, 1) : openKeys;
|
|
9354
9613
|
const handleToggle = (key, next) => {
|
|
9355
9614
|
setOpenKeys((current) => {
|
|
@@ -9360,12 +9619,12 @@ var DocumentChips = ({
|
|
|
9360
9619
|
};
|
|
9361
9620
|
const flatDocuments = resolvedGroups.flatMap((group) => group.documents ?? []);
|
|
9362
9621
|
const rootClass = ["dch", className].filter(Boolean).join(" ");
|
|
9363
|
-
return /* @__PURE__ */
|
|
9364
|
-
(title || description) && /* @__PURE__ */
|
|
9365
|
-
title && /* @__PURE__ */
|
|
9366
|
-
description && /* @__PURE__ */
|
|
9622
|
+
return /* @__PURE__ */ jsx67("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs63("div", { className: "dch__inner", children: [
|
|
9623
|
+
(title || description) && /* @__PURE__ */ jsxs63("div", { className: "dch__header", children: [
|
|
9624
|
+
title && /* @__PURE__ */ jsx67(HeadingTag, { className: "dch__title", children: title }),
|
|
9625
|
+
description && /* @__PURE__ */ jsx67("p", { className: "dch__description", children: description })
|
|
9367
9626
|
] }),
|
|
9368
|
-
variant === "flat" ? /* @__PURE__ */
|
|
9627
|
+
variant === "flat" ? /* @__PURE__ */ jsx67(
|
|
9369
9628
|
DocumentChipList,
|
|
9370
9629
|
{
|
|
9371
9630
|
documents: flatDocuments,
|
|
@@ -9373,9 +9632,9 @@ var DocumentChips = ({
|
|
|
9373
9632
|
iconSrc,
|
|
9374
9633
|
onLanguageSelect
|
|
9375
9634
|
}
|
|
9376
|
-
) : /* @__PURE__ */
|
|
9635
|
+
) : /* @__PURE__ */ jsx67("div", { className: "dch__groups", children: resolvedGroups.map((group, i) => {
|
|
9377
9636
|
const key = groupKeys[i];
|
|
9378
|
-
return /* @__PURE__ */
|
|
9637
|
+
return /* @__PURE__ */ jsx67(
|
|
9379
9638
|
Accordion,
|
|
9380
9639
|
{
|
|
9381
9640
|
className: "dch__group",
|
|
@@ -9383,7 +9642,7 @@ var DocumentChips = ({
|
|
|
9383
9642
|
open: resolvedOpenKeys.includes(key),
|
|
9384
9643
|
onToggle: (next) => handleToggle(key, next),
|
|
9385
9644
|
showTopDivider: i > 0,
|
|
9386
|
-
children: /* @__PURE__ */
|
|
9645
|
+
children: /* @__PURE__ */ jsx67(
|
|
9387
9646
|
DocumentChipList,
|
|
9388
9647
|
{
|
|
9389
9648
|
documents: group.documents ?? [],
|
|
@@ -9400,10 +9659,10 @@ var DocumentChips = ({
|
|
|
9400
9659
|
};
|
|
9401
9660
|
|
|
9402
9661
|
// components/LinkModal/LinkModal.tsx
|
|
9403
|
-
import { useCallback as useCallback6, useEffect as
|
|
9662
|
+
import { useCallback as useCallback6, useEffect as useEffect20, useId as useId6, useRef as useRef23 } from "react";
|
|
9404
9663
|
import { createPortal as createPortal2 } from "react-dom";
|
|
9405
|
-
import { jsx as
|
|
9406
|
-
var XMarkIcon3 = () => /* @__PURE__ */
|
|
9664
|
+
import { jsx as jsx68, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
9665
|
+
var XMarkIcon3 = () => /* @__PURE__ */ jsx68(
|
|
9407
9666
|
"svg",
|
|
9408
9667
|
{
|
|
9409
9668
|
width: "24",
|
|
@@ -9412,7 +9671,7 @@ var XMarkIcon3 = () => /* @__PURE__ */ jsx67(
|
|
|
9412
9671
|
fill: "none",
|
|
9413
9672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9414
9673
|
"aria-hidden": "true",
|
|
9415
|
-
children: /* @__PURE__ */
|
|
9674
|
+
children: /* @__PURE__ */ jsx68(
|
|
9416
9675
|
"path",
|
|
9417
9676
|
{
|
|
9418
9677
|
d: "M5 5l14 14M19 5L5 19",
|
|
@@ -9443,8 +9702,8 @@ var LinkModal = ({
|
|
|
9443
9702
|
...props
|
|
9444
9703
|
}) => {
|
|
9445
9704
|
const titleId = useId6();
|
|
9446
|
-
const panelRef =
|
|
9447
|
-
const triggerRef =
|
|
9705
|
+
const panelRef = useRef23(null);
|
|
9706
|
+
const triggerRef = useRef23(null);
|
|
9448
9707
|
const getFocusable = useCallback6(() => {
|
|
9449
9708
|
const panel = panelRef.current;
|
|
9450
9709
|
if (!panel) return [];
|
|
@@ -9452,7 +9711,7 @@ var LinkModal = ({
|
|
|
9452
9711
|
(el) => el.offsetParent !== null || el === document.activeElement
|
|
9453
9712
|
);
|
|
9454
9713
|
}, []);
|
|
9455
|
-
|
|
9714
|
+
useEffect20(() => {
|
|
9456
9715
|
if (!open || typeof document === "undefined") return;
|
|
9457
9716
|
triggerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
|
|
9458
9717
|
panelRef.current?.focus();
|
|
@@ -9462,7 +9721,7 @@ var LinkModal = ({
|
|
|
9462
9721
|
if (trigger && document.contains(trigger)) trigger.focus();
|
|
9463
9722
|
};
|
|
9464
9723
|
}, [open]);
|
|
9465
|
-
|
|
9724
|
+
useEffect20(() => {
|
|
9466
9725
|
if (!open || typeof document === "undefined") return;
|
|
9467
9726
|
const handleKeyDown = (event) => {
|
|
9468
9727
|
if (event.key === "Escape") {
|
|
@@ -9473,7 +9732,7 @@ var LinkModal = ({
|
|
|
9473
9732
|
document.addEventListener("keydown", handleKeyDown);
|
|
9474
9733
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
9475
9734
|
}, [open, onClose]);
|
|
9476
|
-
|
|
9735
|
+
useEffect20(() => {
|
|
9477
9736
|
if (!open || typeof document === "undefined") return;
|
|
9478
9737
|
const body = document.body;
|
|
9479
9738
|
const previousOverflow = body.style.overflow;
|
|
@@ -9515,9 +9774,9 @@ var LinkModal = ({
|
|
|
9515
9774
|
if (!open || typeof document === "undefined") return null;
|
|
9516
9775
|
const rootClass = ["lkm", className].filter(Boolean).join(" ");
|
|
9517
9776
|
return createPortal2(
|
|
9518
|
-
/* @__PURE__ */
|
|
9519
|
-
/* @__PURE__ */
|
|
9520
|
-
/* @__PURE__ */
|
|
9777
|
+
/* @__PURE__ */ jsxs64("div", { className: rootClass, onClick: onClose, children: [
|
|
9778
|
+
/* @__PURE__ */ jsx68("div", { className: "lkm__scrim", "aria-hidden": "true" }),
|
|
9779
|
+
/* @__PURE__ */ jsxs64(
|
|
9521
9780
|
"div",
|
|
9522
9781
|
{
|
|
9523
9782
|
ref: panelRef,
|
|
@@ -9530,18 +9789,18 @@ var LinkModal = ({
|
|
|
9530
9789
|
onKeyDown: handlePanelKeyDown,
|
|
9531
9790
|
...props,
|
|
9532
9791
|
children: [
|
|
9533
|
-
/* @__PURE__ */
|
|
9792
|
+
/* @__PURE__ */ jsx68(
|
|
9534
9793
|
"button",
|
|
9535
9794
|
{
|
|
9536
9795
|
type: "button",
|
|
9537
9796
|
className: "lkm__close",
|
|
9538
9797
|
onClick: onClose,
|
|
9539
9798
|
"aria-label": closeLabel,
|
|
9540
|
-
children: /* @__PURE__ */
|
|
9799
|
+
children: /* @__PURE__ */ jsx68(XMarkIcon3, {})
|
|
9541
9800
|
}
|
|
9542
9801
|
),
|
|
9543
|
-
/* @__PURE__ */
|
|
9544
|
-
children && /* @__PURE__ */
|
|
9802
|
+
/* @__PURE__ */ jsx68(HeadingTag, { id: titleId, className: "lkm__title", children: title }),
|
|
9803
|
+
children && /* @__PURE__ */ jsx68("div", { className: "lkm__body", children })
|
|
9545
9804
|
]
|
|
9546
9805
|
}
|
|
9547
9806
|
)
|
|
@@ -9551,7 +9810,7 @@ var LinkModal = ({
|
|
|
9551
9810
|
};
|
|
9552
9811
|
|
|
9553
9812
|
// templates/LanguageSelectModal/LanguageSelectModal.tsx
|
|
9554
|
-
import { jsx as
|
|
9813
|
+
import { jsx as jsx69, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
9555
9814
|
var DEFAULT_OPTIONS = [
|
|
9556
9815
|
{ id: "option-one", label: "First option", href: "#" },
|
|
9557
9816
|
{ id: "option-two", label: "Second option", href: "#" },
|
|
@@ -9572,7 +9831,7 @@ var LanguageSelectModal = ({
|
|
|
9572
9831
|
...props
|
|
9573
9832
|
}) => {
|
|
9574
9833
|
const resolvedOptions = options && options.length > 0 ? options : DEFAULT_OPTIONS;
|
|
9575
|
-
return /* @__PURE__ */
|
|
9834
|
+
return /* @__PURE__ */ jsx69(
|
|
9576
9835
|
LinkModal,
|
|
9577
9836
|
{
|
|
9578
9837
|
open,
|
|
@@ -9583,9 +9842,9 @@ var LanguageSelectModal = ({
|
|
|
9583
9842
|
container,
|
|
9584
9843
|
className,
|
|
9585
9844
|
...props,
|
|
9586
|
-
children: /* @__PURE__ */
|
|
9845
|
+
children: /* @__PURE__ */ jsx69("ul", { className: "lsm__grid", children: resolvedOptions.map((option, i) => {
|
|
9587
9846
|
const isExternal = option.external ?? true;
|
|
9588
|
-
return /* @__PURE__ */
|
|
9847
|
+
return /* @__PURE__ */ jsx69("li", { className: "lsm__grid-item", children: /* @__PURE__ */ jsxs65(
|
|
9589
9848
|
"a",
|
|
9590
9849
|
{
|
|
9591
9850
|
className: "lsm__option",
|
|
@@ -9593,7 +9852,7 @@ var LanguageSelectModal = ({
|
|
|
9593
9852
|
target: isExternal ? "_blank" : void 0,
|
|
9594
9853
|
rel: isExternal ? "noopener noreferrer" : void 0,
|
|
9595
9854
|
children: [
|
|
9596
|
-
option.flagSrc && /* @__PURE__ */
|
|
9855
|
+
option.flagSrc && /* @__PURE__ */ jsx69(
|
|
9597
9856
|
"img",
|
|
9598
9857
|
{
|
|
9599
9858
|
className: "lsm__flag",
|
|
@@ -9603,7 +9862,7 @@ var LanguageSelectModal = ({
|
|
|
9603
9862
|
"aria-hidden": option.flagAlt ? void 0 : true
|
|
9604
9863
|
}
|
|
9605
9864
|
),
|
|
9606
|
-
/* @__PURE__ */
|
|
9865
|
+
/* @__PURE__ */ jsx69("span", { className: "lsm__option-label", children: option.label })
|
|
9607
9866
|
]
|
|
9608
9867
|
}
|
|
9609
9868
|
) }, option.id ?? i);
|
|
@@ -9613,9 +9872,9 @@ var LanguageSelectModal = ({
|
|
|
9613
9872
|
};
|
|
9614
9873
|
|
|
9615
9874
|
// templates/AffiliatesSlider/AffiliatesSlider.tsx
|
|
9616
|
-
import { useCallback as useCallback7, useMemo as useMemo9, useState as
|
|
9617
|
-
import { jsx as
|
|
9618
|
-
var ArrowIcon2 = () => /* @__PURE__ */
|
|
9875
|
+
import { useCallback as useCallback7, useMemo as useMemo9, useState as useState27 } from "react";
|
|
9876
|
+
import { jsx as jsx70, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
9877
|
+
var ArrowIcon2 = () => /* @__PURE__ */ jsx70(
|
|
9619
9878
|
"svg",
|
|
9620
9879
|
{
|
|
9621
9880
|
width: "32",
|
|
@@ -9624,7 +9883,7 @@ var ArrowIcon2 = () => /* @__PURE__ */ jsx69(
|
|
|
9624
9883
|
fill: "none",
|
|
9625
9884
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9626
9885
|
"aria-hidden": "true",
|
|
9627
|
-
children: /* @__PURE__ */
|
|
9886
|
+
children: /* @__PURE__ */ jsx70(
|
|
9628
9887
|
"path",
|
|
9629
9888
|
{
|
|
9630
9889
|
d: "M24.5547 16.9688L17.6797 23.8438C17.4453 24.0781 17.0156 24.0781 16.7812 23.8438C16.5469 23.6094 16.5469 23.1797 16.7812 22.9453L22.6016 17.125H7.875C7.52344 17.125 7.25 16.8516 7.25 16.5C7.25 16.1875 7.52344 15.875 7.875 15.875H22.6016L16.7812 10.0938C16.5469 9.85938 16.5469 9.42969 16.7812 9.19531C17.0156 8.96094 17.4453 8.96094 17.6797 9.19531L24.5547 16.0703C24.7891 16.3047 24.7891 16.7344 24.5547 16.9688Z",
|
|
@@ -9634,7 +9893,7 @@ var ArrowIcon2 = () => /* @__PURE__ */ jsx69(
|
|
|
9634
9893
|
)
|
|
9635
9894
|
}
|
|
9636
9895
|
);
|
|
9637
|
-
var TrackGradient = () => /* @__PURE__ */
|
|
9896
|
+
var TrackGradient = () => /* @__PURE__ */ jsxs66(
|
|
9638
9897
|
"svg",
|
|
9639
9898
|
{
|
|
9640
9899
|
preserveAspectRatio: "none",
|
|
@@ -9646,7 +9905,7 @@ var TrackGradient = () => /* @__PURE__ */ jsxs65(
|
|
|
9646
9905
|
"aria-hidden": "true",
|
|
9647
9906
|
className: "afs__track-gradient",
|
|
9648
9907
|
children: [
|
|
9649
|
-
/* @__PURE__ */
|
|
9908
|
+
/* @__PURE__ */ jsx70(
|
|
9650
9909
|
"path",
|
|
9651
9910
|
{
|
|
9652
9911
|
opacity: "0.5",
|
|
@@ -9654,7 +9913,7 @@ var TrackGradient = () => /* @__PURE__ */ jsxs65(
|
|
|
9654
9913
|
fill: "url(#afs-track-gradient)"
|
|
9655
9914
|
}
|
|
9656
9915
|
),
|
|
9657
|
-
/* @__PURE__ */
|
|
9916
|
+
/* @__PURE__ */ jsx70("defs", { children: /* @__PURE__ */ jsxs66(
|
|
9658
9917
|
"linearGradient",
|
|
9659
9918
|
{
|
|
9660
9919
|
id: "afs-track-gradient",
|
|
@@ -9664,8 +9923,8 @@ var TrackGradient = () => /* @__PURE__ */ jsxs65(
|
|
|
9664
9923
|
y2: "227.916",
|
|
9665
9924
|
gradientUnits: "userSpaceOnUse",
|
|
9666
9925
|
children: [
|
|
9667
|
-
/* @__PURE__ */
|
|
9668
|
-
/* @__PURE__ */
|
|
9926
|
+
/* @__PURE__ */ jsx70("stop", { stopColor: "var(--afs-track-gradient-start)" }),
|
|
9927
|
+
/* @__PURE__ */ jsx70("stop", { offset: "1", stopColor: "var(--afs-track-gradient-end)" })
|
|
9669
9928
|
]
|
|
9670
9929
|
}
|
|
9671
9930
|
) })
|
|
@@ -9698,7 +9957,7 @@ var AffiliatesSlider = ({
|
|
|
9698
9957
|
className,
|
|
9699
9958
|
...props
|
|
9700
9959
|
}) => {
|
|
9701
|
-
const [internalValue, setInternalValue] =
|
|
9960
|
+
const [internalValue, setInternalValue] = useState27(defaultValue);
|
|
9702
9961
|
const currentValue = value ?? internalValue;
|
|
9703
9962
|
const handleChange = useCallback7(
|
|
9704
9963
|
(next) => {
|
|
@@ -9714,28 +9973,28 @@ var AffiliatesSlider = ({
|
|
|
9714
9973
|
const fillPercent = (currentValue - min) / (max - min) * 100;
|
|
9715
9974
|
const income = currentValue * incomePerReferral;
|
|
9716
9975
|
const rootClass = ["afs", className].filter(Boolean).join(" ");
|
|
9717
|
-
return /* @__PURE__ */
|
|
9718
|
-
/* @__PURE__ */
|
|
9719
|
-
title && /* @__PURE__ */
|
|
9720
|
-
description && /* @__PURE__ */
|
|
9976
|
+
return /* @__PURE__ */ jsx70("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs66("div", { className: "afs__inner", children: [
|
|
9977
|
+
/* @__PURE__ */ jsxs66("div", { className: "afs__header", children: [
|
|
9978
|
+
title && /* @__PURE__ */ jsx70("h2", { className: "afs__title", children: title }),
|
|
9979
|
+
description && /* @__PURE__ */ jsx70("p", { className: "afs__description", children: description })
|
|
9721
9980
|
] }),
|
|
9722
|
-
/* @__PURE__ */
|
|
9723
|
-
/* @__PURE__ */
|
|
9724
|
-
/* @__PURE__ */
|
|
9725
|
-
/* @__PURE__ */
|
|
9981
|
+
/* @__PURE__ */ jsx70("div", { className: "afs__form", children: /* @__PURE__ */ jsxs66("div", { className: "afs__controls", children: [
|
|
9982
|
+
/* @__PURE__ */ jsxs66("div", { className: "afs__referrals", children: [
|
|
9983
|
+
/* @__PURE__ */ jsx70("div", { className: "afs__metric", children: currentValue }),
|
|
9984
|
+
/* @__PURE__ */ jsx70("p", { className: "afs__metric-label", children: referralsLabel })
|
|
9726
9985
|
] }),
|
|
9727
|
-
/* @__PURE__ */
|
|
9728
|
-
/* @__PURE__ */
|
|
9729
|
-
/* @__PURE__ */
|
|
9730
|
-
/* @__PURE__ */
|
|
9731
|
-
/* @__PURE__ */
|
|
9986
|
+
/* @__PURE__ */ jsx70("div", { className: "afs__arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsx70(ArrowIcon2, {}) }),
|
|
9987
|
+
/* @__PURE__ */ jsxs66("div", { className: "afs__slider-block", children: [
|
|
9988
|
+
/* @__PURE__ */ jsx70(TrackGradient, {}),
|
|
9989
|
+
/* @__PURE__ */ jsx70("div", { className: "afs__track-wrap", children: /* @__PURE__ */ jsxs66("div", { className: "afs__track", children: [
|
|
9990
|
+
/* @__PURE__ */ jsx70(
|
|
9732
9991
|
"div",
|
|
9733
9992
|
{
|
|
9734
9993
|
className: "afs__fill",
|
|
9735
9994
|
style: { width: `${fillPercent}%` }
|
|
9736
9995
|
}
|
|
9737
9996
|
),
|
|
9738
|
-
/* @__PURE__ */
|
|
9997
|
+
/* @__PURE__ */ jsx70(
|
|
9739
9998
|
"div",
|
|
9740
9999
|
{
|
|
9741
10000
|
className: "afs__handle",
|
|
@@ -9743,7 +10002,7 @@ var AffiliatesSlider = ({
|
|
|
9743
10002
|
"aria-hidden": "true"
|
|
9744
10003
|
}
|
|
9745
10004
|
),
|
|
9746
|
-
/* @__PURE__ */
|
|
10005
|
+
/* @__PURE__ */ jsx70(
|
|
9747
10006
|
"input",
|
|
9748
10007
|
{
|
|
9749
10008
|
type: "range",
|
|
@@ -9760,18 +10019,18 @@ var AffiliatesSlider = ({
|
|
|
9760
10019
|
}
|
|
9761
10020
|
)
|
|
9762
10021
|
] }) }),
|
|
9763
|
-
/* @__PURE__ */
|
|
10022
|
+
/* @__PURE__ */ jsx70("div", { className: "afs__ticks", children: ticks.map((tick) => /* @__PURE__ */ jsx70("span", { className: "afs__tick", children: tick }, tick)) })
|
|
9764
10023
|
] }),
|
|
9765
|
-
/* @__PURE__ */
|
|
9766
|
-
/* @__PURE__ */
|
|
9767
|
-
/* @__PURE__ */
|
|
9768
|
-
/* @__PURE__ */
|
|
10024
|
+
/* @__PURE__ */ jsxs66("div", { className: "afs__income", children: [
|
|
10025
|
+
/* @__PURE__ */ jsxs66("div", { className: "afs__income-value", children: [
|
|
10026
|
+
/* @__PURE__ */ jsx70("span", { className: "afs__metric", children: currencySymbol }),
|
|
10027
|
+
/* @__PURE__ */ jsx70("span", { className: "afs__metric", children: formatIncome(income) })
|
|
9769
10028
|
] }),
|
|
9770
|
-
/* @__PURE__ */
|
|
10029
|
+
/* @__PURE__ */ jsx70("p", { className: "afs__metric-label afs__metric-label--right", children: incomeLabel })
|
|
9771
10030
|
] })
|
|
9772
10031
|
] }) }),
|
|
9773
|
-
disclaimer && /* @__PURE__ */
|
|
9774
|
-
disclaimerIconSrc && /* @__PURE__ */
|
|
10032
|
+
disclaimer && /* @__PURE__ */ jsxs66("div", { className: "afs__disclaimer", children: [
|
|
10033
|
+
disclaimerIconSrc && /* @__PURE__ */ jsx70(
|
|
9775
10034
|
"img",
|
|
9776
10035
|
{
|
|
9777
10036
|
className: "afs__disclaimer-icon",
|
|
@@ -9781,7 +10040,7 @@ var AffiliatesSlider = ({
|
|
|
9781
10040
|
"aria-hidden": disclaimerIconAlt ? void 0 : true
|
|
9782
10041
|
}
|
|
9783
10042
|
),
|
|
9784
|
-
/* @__PURE__ */
|
|
10043
|
+
/* @__PURE__ */ jsx70("p", { className: "afs__disclaimer-text", children: disclaimer })
|
|
9785
10044
|
] })
|
|
9786
10045
|
] }) });
|
|
9787
10046
|
};
|
|
@@ -9867,6 +10126,7 @@ export {
|
|
|
9867
10126
|
StatsSimple,
|
|
9868
10127
|
Steps,
|
|
9869
10128
|
StickyMarketCards,
|
|
10129
|
+
StickyMarketCardsLottie,
|
|
9870
10130
|
StickyStackedCards,
|
|
9871
10131
|
TEXT_CONTENT,
|
|
9872
10132
|
Table,
|