@deriv-web-design/ui 0.1.30 → 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 +113 -0
- package/components.manifest.json +49 -1
- package/dist/index.css +248 -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 +1019 -800
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +993 -775
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -5140,13 +5140,230 @@ var StickyMarketCards = ({
|
|
|
5140
5140
|
);
|
|
5141
5141
|
};
|
|
5142
5142
|
|
|
5143
|
-
// templates/
|
|
5144
|
-
import {
|
|
5143
|
+
// templates/StickyMarketCardsLottie/StickyMarketCardsLottie.tsx
|
|
5144
|
+
import { useEffect as useEffect13, useRef as useRef16, useState as useState13 } from "react";
|
|
5145
5145
|
import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
5146
|
-
|
|
5147
|
-
|
|
5148
|
-
|
|
5149
|
-
|
|
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" })
|
|
5150
5367
|
] });
|
|
5151
5368
|
var Table = ({
|
|
5152
5369
|
sectionTitle,
|
|
@@ -5159,9 +5376,9 @@ var Table = ({
|
|
|
5159
5376
|
className,
|
|
5160
5377
|
...props
|
|
5161
5378
|
}) => {
|
|
5162
|
-
const [search, setSearch] =
|
|
5163
|
-
const [page, setPage] =
|
|
5164
|
-
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 });
|
|
5165
5382
|
const mainKey = mainColumnKey ?? columns.find((c) => c.width === "main")?.key ?? columns[0]?.key;
|
|
5166
5383
|
const filtered = useMemo2(() => {
|
|
5167
5384
|
const q = search.trim().toLowerCase();
|
|
@@ -5183,12 +5400,12 @@ var Table = ({
|
|
|
5183
5400
|
setSearch("");
|
|
5184
5401
|
setPage(1);
|
|
5185
5402
|
};
|
|
5186
|
-
return /* @__PURE__ */
|
|
5187
|
-
sectionTitle && /* @__PURE__ */
|
|
5188
|
-
/* @__PURE__ */
|
|
5189
|
-
/* @__PURE__ */
|
|
5190
|
-
/* @__PURE__ */
|
|
5191
|
-
/* @__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(
|
|
5192
5409
|
SearchField,
|
|
5193
5410
|
{
|
|
5194
5411
|
placeholder: searchPlaceholder,
|
|
@@ -5199,7 +5416,7 @@ var Table = ({
|
|
|
5199
5416
|
"aria-label": searchPlaceholder
|
|
5200
5417
|
}
|
|
5201
5418
|
) }),
|
|
5202
|
-
/* @__PURE__ */
|
|
5419
|
+
/* @__PURE__ */ jsx41("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
|
|
5203
5420
|
"Showing ",
|
|
5204
5421
|
startIdx + 1,
|
|
5205
5422
|
"- ",
|
|
@@ -5208,12 +5425,12 @@ var Table = ({
|
|
|
5208
5425
|
filtered.length
|
|
5209
5426
|
] }) : "No results" })
|
|
5210
5427
|
] }),
|
|
5211
|
-
/* @__PURE__ */
|
|
5212
|
-
/* @__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) => {
|
|
5213
5430
|
const isFirst = colIdx === 0;
|
|
5214
5431
|
const isLast = colIdx === columns.length - 1;
|
|
5215
5432
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
5216
|
-
return /* @__PURE__ */
|
|
5433
|
+
return /* @__PURE__ */ jsx41(
|
|
5217
5434
|
"th",
|
|
5218
5435
|
{
|
|
5219
5436
|
className: [
|
|
@@ -5221,7 +5438,7 @@ var Table = ({
|
|
|
5221
5438
|
isMain ? "tbl__th--main" : "",
|
|
5222
5439
|
col.width === "big" ? "tbl__th--big" : ""
|
|
5223
5440
|
].filter(Boolean).join(" "),
|
|
5224
|
-
children: /* @__PURE__ */
|
|
5441
|
+
children: /* @__PURE__ */ jsx41(
|
|
5225
5442
|
"div",
|
|
5226
5443
|
{
|
|
5227
5444
|
className: "tbl__th-inner",
|
|
@@ -5251,9 +5468,9 @@ var Table = ({
|
|
|
5251
5468
|
setTooltip((prev) => ({ ...prev, visible: false }));
|
|
5252
5469
|
}
|
|
5253
5470
|
},
|
|
5254
|
-
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: [
|
|
5255
5472
|
line,
|
|
5256
|
-
li < col.header.length - 1 && /* @__PURE__ */
|
|
5473
|
+
li < col.header.length - 1 && /* @__PURE__ */ jsx41("br", {})
|
|
5257
5474
|
] }, li)) : col.header })
|
|
5258
5475
|
}
|
|
5259
5476
|
)
|
|
@@ -5261,10 +5478,10 @@ var Table = ({
|
|
|
5261
5478
|
col.key
|
|
5262
5479
|
);
|
|
5263
5480
|
}) }) }),
|
|
5264
|
-
/* @__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) => {
|
|
5265
5482
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
5266
5483
|
const iconUrl = row[`${col.key}_iconUrl`];
|
|
5267
|
-
return /* @__PURE__ */
|
|
5484
|
+
return /* @__PURE__ */ jsx41(
|
|
5268
5485
|
"td",
|
|
5269
5486
|
{
|
|
5270
5487
|
className: [
|
|
@@ -5272,8 +5489,8 @@ var Table = ({
|
|
|
5272
5489
|
isMain ? "tbl__td--main" : "",
|
|
5273
5490
|
col.width === "big" ? "tbl__td--big" : ""
|
|
5274
5491
|
].filter(Boolean).join(" "),
|
|
5275
|
-
children: isMain ? /* @__PURE__ */
|
|
5276
|
-
iconUrl && /* @__PURE__ */
|
|
5492
|
+
children: isMain ? /* @__PURE__ */ jsxs37("div", { className: "tbl__cell-inner", children: [
|
|
5493
|
+
iconUrl && /* @__PURE__ */ jsx41(
|
|
5277
5494
|
"img",
|
|
5278
5495
|
{
|
|
5279
5496
|
src: iconUrl,
|
|
@@ -5285,18 +5502,18 @@ var Table = ({
|
|
|
5285
5502
|
height: "24"
|
|
5286
5503
|
}
|
|
5287
5504
|
),
|
|
5288
|
-
/* @__PURE__ */
|
|
5289
|
-
] }) : /* @__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] ?? "" })
|
|
5290
5507
|
},
|
|
5291
5508
|
col.key
|
|
5292
5509
|
);
|
|
5293
|
-
}) }, rowIdx)) : /* @__PURE__ */
|
|
5510
|
+
}) }, rowIdx)) : /* @__PURE__ */ jsx41("tr", { className: "tbl__tr", children: /* @__PURE__ */ jsxs37("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
|
|
5294
5511
|
'No results found for "',
|
|
5295
5512
|
search,
|
|
5296
5513
|
'"'
|
|
5297
5514
|
] }) }) })
|
|
5298
5515
|
] }) }),
|
|
5299
|
-
totalPages > 1 && /* @__PURE__ */
|
|
5516
|
+
totalPages > 1 && /* @__PURE__ */ jsx41("div", { className: "tbl__footer", children: /* @__PURE__ */ jsx41("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ jsx41(
|
|
5300
5517
|
Pagination,
|
|
5301
5518
|
{
|
|
5302
5519
|
currentPage,
|
|
@@ -5305,19 +5522,19 @@ var Table = ({
|
|
|
5305
5522
|
}
|
|
5306
5523
|
) }) })
|
|
5307
5524
|
] }),
|
|
5308
|
-
infoText && /* @__PURE__ */
|
|
5309
|
-
/* @__PURE__ */
|
|
5310
|
-
/* @__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 })
|
|
5311
5528
|
] })
|
|
5312
5529
|
] }),
|
|
5313
|
-
/* @__PURE__ */
|
|
5530
|
+
/* @__PURE__ */ jsxs37(
|
|
5314
5531
|
"div",
|
|
5315
5532
|
{
|
|
5316
5533
|
className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
|
|
5317
5534
|
style: { left: tooltip.x, top: tooltip.y - 8 },
|
|
5318
5535
|
children: [
|
|
5319
|
-
/* @__PURE__ */
|
|
5320
|
-
/* @__PURE__ */
|
|
5536
|
+
/* @__PURE__ */ jsx41("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
|
|
5537
|
+
/* @__PURE__ */ jsx41(
|
|
5321
5538
|
"div",
|
|
5322
5539
|
{
|
|
5323
5540
|
className: "tbl__global-hint-arrow",
|
|
@@ -5331,7 +5548,7 @@ var Table = ({
|
|
|
5331
5548
|
};
|
|
5332
5549
|
|
|
5333
5550
|
// templates/DynamicTable/DynamicTable.tsx
|
|
5334
|
-
import { jsx as
|
|
5551
|
+
import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
5335
5552
|
var VARIANT_COLUMN_COUNT = {
|
|
5336
5553
|
"Three columns": 3,
|
|
5337
5554
|
"Four columns": 4
|
|
@@ -5348,10 +5565,10 @@ var toLines = (value) => {
|
|
|
5348
5565
|
var renderLines = (value) => {
|
|
5349
5566
|
const lines = toLines(value);
|
|
5350
5567
|
if (lines.length === 0) return null;
|
|
5351
|
-
return lines.map((line, index) => /* @__PURE__ */
|
|
5568
|
+
return lines.map((line, index) => /* @__PURE__ */ jsx42("span", { className: "dtbl__cell-line", children: line }, index));
|
|
5352
5569
|
};
|
|
5353
|
-
var renderHeader = (col) => /* @__PURE__ */
|
|
5354
|
-
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]) });
|
|
5355
5572
|
var DynamicTable = ({
|
|
5356
5573
|
sectionTitle,
|
|
5357
5574
|
variant = "Three columns",
|
|
@@ -5364,15 +5581,15 @@ var DynamicTable = ({
|
|
|
5364
5581
|
const visibleColumns = columns.slice(0, columnCount);
|
|
5365
5582
|
const labelColumn = visibleColumns[0];
|
|
5366
5583
|
const valueColumns = visibleColumns.slice(1);
|
|
5367
|
-
return /* @__PURE__ */
|
|
5584
|
+
return /* @__PURE__ */ jsxs38(
|
|
5368
5585
|
"section",
|
|
5369
5586
|
{
|
|
5370
5587
|
className: ["dtbl-section", className].filter(Boolean).join(" "),
|
|
5371
5588
|
...props,
|
|
5372
5589
|
children: [
|
|
5373
|
-
sectionTitle && /* @__PURE__ */
|
|
5374
|
-
/* @__PURE__ */
|
|
5375
|
-
/* @__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(
|
|
5376
5593
|
"th",
|
|
5377
5594
|
{
|
|
5378
5595
|
scope: "col",
|
|
@@ -5381,9 +5598,9 @@ var DynamicTable = ({
|
|
|
5381
5598
|
},
|
|
5382
5599
|
col.key
|
|
5383
5600
|
)) }) }),
|
|
5384
|
-
/* @__PURE__ */
|
|
5385
|
-
labelColumn && /* @__PURE__ */
|
|
5386
|
-
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))
|
|
5387
5604
|
] }, rowIdx)) })
|
|
5388
5605
|
] }) }) }) })
|
|
5389
5606
|
]
|
|
@@ -5392,12 +5609,12 @@ var DynamicTable = ({
|
|
|
5392
5609
|
};
|
|
5393
5610
|
|
|
5394
5611
|
// templates/Leaders/Leaders.tsx
|
|
5395
|
-
import { useState as
|
|
5396
|
-
import { Fragment as
|
|
5397
|
-
var ChevronDownIcon4 = () => /* @__PURE__ */
|
|
5398
|
-
var ChevronUpIcon = () => /* @__PURE__ */
|
|
5399
|
-
var CardContent = ({ item }) => /* @__PURE__ */
|
|
5400
|
-
/* @__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(
|
|
5401
5618
|
"img",
|
|
5402
5619
|
{
|
|
5403
5620
|
src: item.imageUrl,
|
|
@@ -5406,11 +5623,11 @@ var CardContent = ({ item }) => /* @__PURE__ */ jsxs38(Fragment7, { children: [
|
|
|
5406
5623
|
loading: "lazy"
|
|
5407
5624
|
}
|
|
5408
5625
|
) }),
|
|
5409
|
-
/* @__PURE__ */
|
|
5410
|
-
/* @__PURE__ */
|
|
5411
|
-
/* @__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 })
|
|
5412
5629
|
] }),
|
|
5413
|
-
item.linkUrl && /* @__PURE__ */
|
|
5630
|
+
item.linkUrl && /* @__PURE__ */ jsx43(
|
|
5414
5631
|
Link,
|
|
5415
5632
|
{
|
|
5416
5633
|
href: item.linkUrl,
|
|
@@ -5434,18 +5651,18 @@ var AvatarGrid = ({
|
|
|
5434
5651
|
className,
|
|
5435
5652
|
...props
|
|
5436
5653
|
}) => {
|
|
5437
|
-
const [isExpanded, setIsExpanded] =
|
|
5654
|
+
const [isExpanded, setIsExpanded] = useState15(false);
|
|
5438
5655
|
const hasMore = items.length > initialVisibleCount;
|
|
5439
5656
|
const visibleItems = items.slice(0, initialVisibleCount);
|
|
5440
5657
|
const extraItems = items.slice(initialVisibleCount);
|
|
5441
|
-
return /* @__PURE__ */
|
|
5442
|
-
(title || description) && /* @__PURE__ */
|
|
5443
|
-
title && /* @__PURE__ */
|
|
5444
|
-
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 })
|
|
5445
5662
|
] }),
|
|
5446
|
-
/* @__PURE__ */
|
|
5447
|
-
/* @__PURE__ */
|
|
5448
|
-
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(
|
|
5449
5666
|
"div",
|
|
5450
5667
|
{
|
|
5451
5668
|
className: [
|
|
@@ -5453,7 +5670,7 @@ var AvatarGrid = ({
|
|
|
5453
5670
|
isExpanded ? "avatar-grid__extra-cards--open" : ""
|
|
5454
5671
|
].join(" "),
|
|
5455
5672
|
"aria-hidden": !isExpanded,
|
|
5456
|
-
children: /* @__PURE__ */
|
|
5673
|
+
children: /* @__PURE__ */ jsx43("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ jsx43(
|
|
5457
5674
|
"div",
|
|
5458
5675
|
{
|
|
5459
5676
|
className: [
|
|
@@ -5464,21 +5681,21 @@ var AvatarGrid = ({
|
|
|
5464
5681
|
style: {
|
|
5465
5682
|
transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
|
|
5466
5683
|
},
|
|
5467
|
-
children: /* @__PURE__ */
|
|
5684
|
+
children: /* @__PURE__ */ jsx43(CardContent, { item })
|
|
5468
5685
|
},
|
|
5469
5686
|
i
|
|
5470
5687
|
)) })
|
|
5471
5688
|
}
|
|
5472
5689
|
)
|
|
5473
5690
|
] }),
|
|
5474
|
-
hasMore && /* @__PURE__ */
|
|
5691
|
+
hasMore && /* @__PURE__ */ jsx43("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ jsx43(
|
|
5475
5692
|
Button,
|
|
5476
5693
|
{
|
|
5477
5694
|
variant: "secondary",
|
|
5478
5695
|
colorScheme: "black",
|
|
5479
5696
|
onClick: () => setIsExpanded(!isExpanded),
|
|
5480
5697
|
iconPosition: "icon-right",
|
|
5481
|
-
icon: isExpanded ? /* @__PURE__ */
|
|
5698
|
+
icon: isExpanded ? /* @__PURE__ */ jsx43(ChevronUpIcon, {}) : /* @__PURE__ */ jsx43(ChevronDownIcon4, {}),
|
|
5482
5699
|
fullWidth: true,
|
|
5483
5700
|
children: isExpanded ? collapseText : expandText
|
|
5484
5701
|
}
|
|
@@ -5489,7 +5706,7 @@ var PeopleGrid = AvatarGrid;
|
|
|
5489
5706
|
var Leaders = AvatarGrid;
|
|
5490
5707
|
|
|
5491
5708
|
// templates/ImageBanner/ImageBanner.tsx
|
|
5492
|
-
import { jsx as
|
|
5709
|
+
import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
5493
5710
|
var DEFAULT_CHIPS = [
|
|
5494
5711
|
"Dynamic ads",
|
|
5495
5712
|
"AI insights",
|
|
@@ -5497,7 +5714,7 @@ var DEFAULT_CHIPS = [
|
|
|
5497
5714
|
"Events"
|
|
5498
5715
|
];
|
|
5499
5716
|
var IMAGE_BANNER_CHIPS_DEFAULT_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69a13cf79748b347527dc74d_tier-cover.webp";
|
|
5500
|
-
var ChipCheckIcon = () => /* @__PURE__ */
|
|
5717
|
+
var ChipCheckIcon = () => /* @__PURE__ */ jsx44(
|
|
5501
5718
|
"svg",
|
|
5502
5719
|
{
|
|
5503
5720
|
className: "image-banner__chip-icon",
|
|
@@ -5508,7 +5725,7 @@ var ChipCheckIcon = () => /* @__PURE__ */ jsx43(
|
|
|
5508
5725
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5509
5726
|
"aria-hidden": "true",
|
|
5510
5727
|
focusable: "false",
|
|
5511
|
-
children: /* @__PURE__ */
|
|
5728
|
+
children: /* @__PURE__ */ jsx44(
|
|
5512
5729
|
"path",
|
|
5513
5730
|
{
|
|
5514
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",
|
|
@@ -5536,7 +5753,7 @@ var ImageBanner = ({
|
|
|
5536
5753
|
const showCta = !isChips && Boolean(ctaLabel);
|
|
5537
5754
|
const visibleChips = isChips ? chips.filter((label) => label.trim().length > 0) : [];
|
|
5538
5755
|
const resolvedImageUrl = imageUrl ?? (isChips ? IMAGE_BANNER_CHIPS_DEFAULT_IMAGE : void 0);
|
|
5539
|
-
return /* @__PURE__ */
|
|
5756
|
+
return /* @__PURE__ */ jsx44(
|
|
5540
5757
|
"section",
|
|
5541
5758
|
{
|
|
5542
5759
|
className: [
|
|
@@ -5545,7 +5762,7 @@ var ImageBanner = ({
|
|
|
5545
5762
|
className
|
|
5546
5763
|
].filter(Boolean).join(" "),
|
|
5547
5764
|
...props,
|
|
5548
|
-
children: /* @__PURE__ */
|
|
5765
|
+
children: /* @__PURE__ */ jsxs40(
|
|
5549
5766
|
"div",
|
|
5550
5767
|
{
|
|
5551
5768
|
className: [
|
|
@@ -5553,8 +5770,8 @@ var ImageBanner = ({
|
|
|
5553
5770
|
`image-banner__inner--${variant}`
|
|
5554
5771
|
].join(" "),
|
|
5555
5772
|
children: [
|
|
5556
|
-
isFullBg && resolvedImageUrl && /* @__PURE__ */
|
|
5557
|
-
/* @__PURE__ */
|
|
5773
|
+
isFullBg && resolvedImageUrl && /* @__PURE__ */ jsxs40("div", { className: "image-banner__bg-image-wrapper", children: [
|
|
5774
|
+
/* @__PURE__ */ jsx44(
|
|
5558
5775
|
"img",
|
|
5559
5776
|
{
|
|
5560
5777
|
src: resolvedImageUrl,
|
|
@@ -5563,16 +5780,16 @@ var ImageBanner = ({
|
|
|
5563
5780
|
loading: "lazy"
|
|
5564
5781
|
}
|
|
5565
5782
|
),
|
|
5566
|
-
/* @__PURE__ */
|
|
5783
|
+
/* @__PURE__ */ jsx44("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
|
|
5567
5784
|
] }),
|
|
5568
|
-
/* @__PURE__ */
|
|
5569
|
-
/* @__PURE__ */
|
|
5570
|
-
description && /* @__PURE__ */
|
|
5571
|
-
visibleChips.length > 0 && /* @__PURE__ */
|
|
5572
|
-
/* @__PURE__ */
|
|
5573
|
-
/* @__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 })
|
|
5574
5791
|
] }, label)) }),
|
|
5575
|
-
showCta && /* @__PURE__ */
|
|
5792
|
+
showCta && /* @__PURE__ */ jsx44("div", { className: "image-banner__actions", children: /* @__PURE__ */ jsx44(
|
|
5576
5793
|
Link,
|
|
5577
5794
|
{
|
|
5578
5795
|
colorScheme: "coral",
|
|
@@ -5584,8 +5801,8 @@ var ImageBanner = ({
|
|
|
5584
5801
|
}
|
|
5585
5802
|
) })
|
|
5586
5803
|
] }),
|
|
5587
|
-
!isFullBg && resolvedImageUrl && /* @__PURE__ */
|
|
5588
|
-
/* @__PURE__ */
|
|
5804
|
+
!isFullBg && resolvedImageUrl && /* @__PURE__ */ jsxs40("div", { className: "image-banner__image-wrapper", children: [
|
|
5805
|
+
/* @__PURE__ */ jsx44(
|
|
5589
5806
|
"img",
|
|
5590
5807
|
{
|
|
5591
5808
|
src: resolvedImageUrl,
|
|
@@ -5594,7 +5811,7 @@ var ImageBanner = ({
|
|
|
5594
5811
|
loading: "lazy"
|
|
5595
5812
|
}
|
|
5596
5813
|
),
|
|
5597
|
-
isChips && /* @__PURE__ */
|
|
5814
|
+
isChips && /* @__PURE__ */ jsx44(
|
|
5598
5815
|
"div",
|
|
5599
5816
|
{
|
|
5600
5817
|
className: "image-banner__image-fade",
|
|
@@ -5610,7 +5827,7 @@ var ImageBanner = ({
|
|
|
5610
5827
|
};
|
|
5611
5828
|
|
|
5612
5829
|
// templates/Testimonial/Testimonial.tsx
|
|
5613
|
-
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";
|
|
5614
5831
|
|
|
5615
5832
|
// assets/quote-left.webp
|
|
5616
5833
|
var quote_left_default = "data:image/webp;base64,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";
|
|
@@ -5622,11 +5839,11 @@ var quote_right_default = "data:image/webp;base64,UklGRlJNAABXRUJQVlA4WAoAAAAQAA
|
|
|
5622
5839
|
var trustpilot_rating_badge_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVoAAAAhCAYAAACYw2PAAAANT0lEQVR4Aeydz48cRxXHqycb2Yr5IdkKsk0wISImFhzWSCZSbCm7RBy4oPwBSLkABw5IJHISvIfZPeRgIpC4AhJCcEEcghCyARF2LGQkTmsJcQBH2FxsS2CLiw3G62nep9yvU1PTv7unu8duq99U1atX733r9dZ3amt61iNzfuNH5tzGdmfyq423jP/v/MYpwbMj0hGuM7/1Idn2uTOXu8O08Z7F4L+cE6zd3b8d+fk55UMy77xx1vzyzT9Ulnde/5n4/HAN2Sdjl/Zaufz22tKCH4AnZmBkTHhVRG5s2I0E4b8SkZlwtTNcgflfMibzVGeYTCixE1BZrGE3987eowRM0+lNszI6VVnu3bsuXh+vIaGMXcrLkmz42HgpwQ+gUzMgRJvaN3QMGRgy0HYGpqPoTbPtwEO83AzUMBjVGDsMHTIwZKDpDATG7mbtzrZp34O/zjIwEG1nqR8CDxmYzcAMuQ7HB7PJWfLWQLRLfgMfRvivPH0i+Tz6YZysOyd7bKCKUI4QtD6UzWWgG0+1iXb7+a90gzwj6tr+Txgkw6STrs1nX+okblbQPmJ687mXns/C/ND2BcGL7txmdrhux1BfugzUJlpm3LfFOhZCWzvwDNB6IxD/i/IG0BtAAgRM409+Xmr9ucD03Ac/8tTOzs7J/qBqC4m3ix2OD9pK/MLj1CJaFgWycJQlA4CpbwRiyb9nRKtp7dsbJbiOHDnSJdE+IRh4vEyKdq6Vv35ncz6SR7zzBo+qZunmXYtoIQ9m3CdSg2TBhLh12l2KYukTqen96zIvfmzFtH///tN+X8vtVonWeMcGOtfh+EAzsdxlLaJ1p65E4uq6qOtCJXZfjg/c3PTl+ABMCHnqyxsleBAwIY/W8UHK7nU4PuBHYemlMtGyIBDNQB9JrS8EMkP+w/GB/sjklh0fH+TiyzLgKKCw/O272+m+wrXCfuT4wd8BHz58eLOsHDx4sJUnHtLnvLgezYU7xyRd0wgqE61LHoDqA6m5xA+mvoiPqw/HB/7960OufEz79u17oQ+4KmPgywdFxKTsZjVwER/YiP3us6cnUsRXGIbjsKSMRqNeEK0SIGU8oRoVyFVzoW6SdNpXpQSrijt+5DbcOuSQJa6t1iGQrDH0qW2VkvFZ4i9UYnSNifjg8CVrHvT59mXajC8irk/eKMuOcccXqWf5J0/0u3727NlzkuODPHHH9KW++6nXNnePvhaY0Gy1gkniELOVWC0FUVKUcuaxt5bCVwojWMeRzGBOJ9oDzxiekU0Tf1GAisWaZg8JTm5dwayycDyR5h99WUx2jMyzMqBoIHPDV5KQk8gsLtAl2aqOecbGFSrkOQsTcZLcok8TMOE3aVxRHT7S/JOTJD+rq6u/WE0RjhaOHz9+MWlcX3SW/IQEF4cnmJhgum7jJAS5fv164IuYTUTsFQTBlhDDuivT6TTut0ZZL0vUd+PGjYnOk3qb0EdmaoKkgJuX3zXrf/phUldp3dZ7v2/El2Kqu+CZAJiC8xsGn7SrCljIE/6q+nDH4asuJvzhpylM+GkCEz7ABb66cuvWrbcPHDjw7bp+2hhvSVDI0JigWQITAt89+uq6f1xgSvyDVCEdX3wX/IqN+Pqq7SZ9lcGg8ywzpgnb1B0tziERyIiSdhVpapFqbLCwWPGrurIlY1n0Zcdl2eMPXFk2WX1gqptr379iImd+X5E245gTforYF7FRn5RF7H2bu3fvXpRd2JPLQrKKHzKEFI2Qo+pqlULclsBrOZkfDAEeOnRoG6GOUJecb4vYP3jDGSQ6ZN6DMWn96kvGheKLGCF17OlTX6Kjb1vbUq75Om0zDona1p/UQ3zKuJnLsdumPtOZ0sCP+ANP7Js2encIOsTRzWDOJFodxGKDCLRdpMQe4mhykbpx8QsuV1ekzhjGFrEtawN54J+yzFhytWhMxCiLqcpcisQgP/gui4ld7N69e18uEqOvNpYcQ1Pj3DaY7MrZL8Td3BznPPFhGGIgROm1dSndCx3i6mxdfj3nfJI+xOogpjRfYj+mzyE/xiF2bPRCG4mahvoa4xBjDG2j//ApxBc6PrULO0TbqaWM38aPGPj2a+iZk/TphQ2ibUraiClEtIyACFgcLBLaWcICwj7Lpok+sEDmlHn+wFTUNs9XVj9YyBPxsuzowxZMbeSKGOAibp6AHfs8u7r9xCiKCZJdtl1sWn4gW8jSlD1KEILelaMC09I/IbBxFErPNiu/QQgxQb7WnXtmLDFin1K38cTWnhlb4wcvEx3zoDn3avGpjfiZ8zk3IkcRkaglSfyBCf+UMtQeAUl9rEQu9UzMhYlWnBuIgTJLWDgsoCybtvvaIg53XpObf3ebc3Uwkau5jgUq8u4fmNoifp1mHiYIVn7Ql+6oQOeXXeY81hUPDia7Wz+5tPutH8SalirsGLeEYNYbONu0pCW4LUlJaa9r165tyv3diuQCyrKxFB9jEXxKqXHWlAxFV+jCXohzjDG48Acm2pTEk7r1L/3WDj0i+sSrFNHyqT6S5EkXKQsnzSZp3CJ1YFHiaBsTn/qnzY1c8WbUNqaseIoJzFl29DcpWbEgWXax+nhXk3G79sWXEIpguP/T313YfeP7a+bOf1flfNcu6pRxi1BPIJmGHFtiEl+cXdozVAhN2oYYKrTLiBBdvHt1xwlRxvqyzwW79uBy/SbUCxF5KaJNCGJVEBoVHt0Jv/iWySIZ7JoUFiri+wTThVtX7CNqYAKbb7PIdhImyAwhrmLi+VHabUjafSFXxAcTwmNYtNuQNEx86EV8WTD/5PGuY8eOnab9KAkkG/75yoNfuT/65I+Dk5++6n/za5H5EBKzO8wmYkS7wNiV3Fd7LivnoJZ0o1/V4/66FXd3KbEe5LCuU2e8+IyJ3FGnVksRrb8oWKDsGCE0noNUctEyNWqDHT4mXENmW5ffNS4m9G2RWtL8wcRxAn/rAFzgaVt8XGDi/oHDxeTW6VukJGL6+avfu3379h/dPyzDlxcWiaN139E3uZLiTv/yj0uQrPnQEx9fOfu1ycrZr5qVb7z8ymNfeuFps8R/+0DIVrg7sMcE7ryFtMZI02TrxihTFyyliNndAafFKUy0LAhEHbFI9YyRX4O1rv1tkZrGowQTxAEe3gTARElfm+KTPzhcTOBUPG2RmnvviA0GMFEHH23qKm3cvyxMHBlcunRp5gmDmzdvvq74lrnMOjYw8oHX6DMf++ZjX/5CaIk17+u5S5YIfhVHIF0htPUgCOKdobRLH43ImFxSDIKg1M48KGDvkivPIufdhsJE6zpiUeoiVT2EBslRomPnRrlIYaEixEjD5JJI26QGJjcn4ETIHbioI22QmpI/9wdMYCC2Cm0w0a+6RZd5mPjWF2SrxwiLxuP4vyP1eyLtXtGzsTy6ZZ8uENKdBxCutXl8MB/fGJdY9JzVs9MPvqwaGzki4FnUbXfXyq/3kK6Q5bo1lBdspShzzcTSgW4c1RUt3fml+RHMY/XHPLSeVhYmWhaFEgeLMs0hixU7JcA0uyb0YIIYiJmFiT5ssF00qem8yQFx0+YJFsWUZtOkHlxgImaaX8WEXRtvSkUwQbY8O8sHY+5RQtocGtQvjmjnjg2CxGdjeQyMHe7cnHp0fCC7v7GLL4mYIiKCEO3zpz6ZurvDyNZ1mVv3Y+LfJULIPNeJYxBhsB/e4cf377Zl/vGO3HExVy1EtCwIzmGziMP1jB0LmnGuvuk657DEgSDyfGNjbXMeu8rzU6Q/aceYNE4xJfU1qeM+QJ7clyJ+sSNXjCtiX8UG32Uw6VECTyBUidfqmIxgc8cGsmu1u9eUMZDt7tEW/zhNCg5X7RKR6O1TBLpjhZhEZ0lKyvhyCUnqdnfrjeHLET5pqR+NEcYO36/wDO1YfPHNLesX/9otdd+ndmWWMo94nNRd/9IM9c0l6amMRMyFiBZCYPFlIvM6GYN46kabVfxXGVMGdBX/ZXNbBg+2YCobgzEI4xch+C6Lid0tsgg87fsMJiY6KigSG8J9f3fb/fGBsE1MRBF+3bHGxwCR3hbsKj3Ss/bSSQlZrmMj7fhKiBH3aUV8XhBRLPhCbDd636ftKPDCmwnnyPhwzGd8S//cXNMwFyJaJ9BQHTIwZKBOBjg2iHaxnMWWcTVDtjWODyAIEftXvSAUFwNt7csiKbUTYlmHjCgZF+nXqSOub/yhw9YV0dkvRLi21CNfFif2Yheg9yXJL7boXVvXH3X6KLFFqKNzBR/0EV+FNnrXTuv4oB/BnpK+gWjJwiBDBuYy0LzCHhuU2MUmIYBs7VFCcF93cUlmrekgFkiHsmhQbF0pMg77PDtsVPJsy/arX8qiY13bgWiLZm2wGzJQMwOWJL3/AaGqy7K74apxhnHNZGAg2qQ8huZAklp0KyJdXcmx07F2hXOIO2RgyICXAYj2ojHTz3Ymo+Cqh0mgTO/JS3eYzPTrZnvzAzO4fn3mkGD6nEhXuE4Yi8FBZTEK1i7v35R75WCien+6Y+7850RleXz0G3Hz7xqyK2O5BnlIM8C5MOI+89rnqf4fAAD//7gwvgwAAAAGSURBVAMAU7BC2ZfEcsUAAAAASUVORK5CYII=";
|
|
5623
5840
|
|
|
5624
5841
|
// templates/Testimonial/Testimonial.tsx
|
|
5625
|
-
import { jsx as
|
|
5842
|
+
import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
5626
5843
|
var StarCell = ({ fill }) => {
|
|
5627
5844
|
const clipId = useId3();
|
|
5628
5845
|
const clamped = Math.max(0, Math.min(1, fill));
|
|
5629
|
-
return /* @__PURE__ */
|
|
5846
|
+
return /* @__PURE__ */ jsxs41(
|
|
5630
5847
|
"svg",
|
|
5631
5848
|
{
|
|
5632
5849
|
className: "testimonial__tp-star",
|
|
@@ -5635,9 +5852,9 @@ var StarCell = ({ fill }) => {
|
|
|
5635
5852
|
height: "20",
|
|
5636
5853
|
"aria-hidden": "true",
|
|
5637
5854
|
children: [
|
|
5638
|
-
/* @__PURE__ */
|
|
5639
|
-
/* @__PURE__ */
|
|
5640
|
-
/* @__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(
|
|
5641
5858
|
"rect",
|
|
5642
5859
|
{
|
|
5643
5860
|
width: "96",
|
|
@@ -5646,7 +5863,7 @@ var StarCell = ({ fill }) => {
|
|
|
5646
5863
|
clipPath: `url(#${clipId})`
|
|
5647
5864
|
}
|
|
5648
5865
|
),
|
|
5649
|
-
/* @__PURE__ */
|
|
5866
|
+
/* @__PURE__ */ jsx45(
|
|
5650
5867
|
"path",
|
|
5651
5868
|
{
|
|
5652
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",
|
|
@@ -5659,17 +5876,17 @@ var StarCell = ({ fill }) => {
|
|
|
5659
5876
|
};
|
|
5660
5877
|
var StarRow = ({ rating, size = "sm" }) => {
|
|
5661
5878
|
const stars = [0, 1, 2, 3, 4].map((i) => Math.max(0, Math.min(1, rating - i)));
|
|
5662
|
-
return /* @__PURE__ */
|
|
5879
|
+
return /* @__PURE__ */ jsx45(
|
|
5663
5880
|
"span",
|
|
5664
5881
|
{
|
|
5665
5882
|
className: ["testimonial__tp-stars", `testimonial__tp-stars--${size}`].join(" "),
|
|
5666
5883
|
role: "img",
|
|
5667
5884
|
"aria-label": `Rated ${rating} out of 5 stars`,
|
|
5668
|
-
children: stars.map((fill, i) => /* @__PURE__ */
|
|
5885
|
+
children: stars.map((fill, i) => /* @__PURE__ */ jsx45(StarCell, { fill }, i))
|
|
5669
5886
|
}
|
|
5670
5887
|
);
|
|
5671
5888
|
};
|
|
5672
|
-
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" }) });
|
|
5673
5890
|
var SCROLL_EPS = 4;
|
|
5674
5891
|
function readScrollState(el) {
|
|
5675
5892
|
if (!el) return { canPrev: false, canNext: false };
|
|
@@ -5688,15 +5905,15 @@ var TrustpilotTestimonial = ({
|
|
|
5688
5905
|
trustpilotScore = 4.5,
|
|
5689
5906
|
...props
|
|
5690
5907
|
}) => {
|
|
5691
|
-
const trackRef =
|
|
5692
|
-
const [canPrev, setCanPrev] =
|
|
5693
|
-
const [canNext, setCanNext] =
|
|
5908
|
+
const trackRef = useRef17(null);
|
|
5909
|
+
const [canPrev, setCanPrev] = useState16(false);
|
|
5910
|
+
const [canNext, setCanNext] = useState16(true);
|
|
5694
5911
|
const syncScrollState = useCallback3(() => {
|
|
5695
5912
|
const next = readScrollState(trackRef.current);
|
|
5696
5913
|
setCanPrev(next.canPrev);
|
|
5697
5914
|
setCanNext(next.canNext);
|
|
5698
5915
|
}, []);
|
|
5699
|
-
|
|
5916
|
+
useEffect14(() => {
|
|
5700
5917
|
const el = trackRef.current;
|
|
5701
5918
|
if (!el) return;
|
|
5702
5919
|
syncScrollState();
|
|
@@ -5713,14 +5930,14 @@ var TrustpilotTestimonial = ({
|
|
|
5713
5930
|
el.scrollBy({ left: direction * (delta + gap), behavior: "smooth" });
|
|
5714
5931
|
window.requestAnimationFrame(() => window.setTimeout(syncScrollState, 320));
|
|
5715
5932
|
};
|
|
5716
|
-
return /* @__PURE__ */
|
|
5933
|
+
return /* @__PURE__ */ jsxs41(
|
|
5717
5934
|
"section",
|
|
5718
5935
|
{
|
|
5719
5936
|
className: ["testimonial", "testimonial--trustpilot", className].filter(Boolean).join(" "),
|
|
5720
5937
|
...props,
|
|
5721
5938
|
children: [
|
|
5722
|
-
/* @__PURE__ */
|
|
5723
|
-
/* @__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(
|
|
5724
5941
|
"div",
|
|
5725
5942
|
{
|
|
5726
5943
|
ref: trackRef,
|
|
@@ -5730,7 +5947,7 @@ var TrustpilotTestimonial = ({
|
|
|
5730
5947
|
"aria-roledescription": "carousel",
|
|
5731
5948
|
"aria-label": "Customer reviews on Trustpilot",
|
|
5732
5949
|
onScroll: syncScrollState,
|
|
5733
|
-
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(
|
|
5734
5951
|
"a",
|
|
5735
5952
|
{
|
|
5736
5953
|
href: item.reviewUrl ?? trustpilotUrl,
|
|
@@ -5738,16 +5955,16 @@ var TrustpilotTestimonial = ({
|
|
|
5738
5955
|
target: "_blank",
|
|
5739
5956
|
rel: "noopener noreferrer",
|
|
5740
5957
|
children: [
|
|
5741
|
-
/* @__PURE__ */
|
|
5742
|
-
/* @__PURE__ */
|
|
5743
|
-
/* @__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 })
|
|
5744
5961
|
]
|
|
5745
5962
|
}
|
|
5746
5963
|
) }, i)) })
|
|
5747
5964
|
}
|
|
5748
5965
|
) }),
|
|
5749
|
-
/* @__PURE__ */
|
|
5750
|
-
/* @__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(
|
|
5751
5968
|
"a",
|
|
5752
5969
|
{
|
|
5753
5970
|
href: trustpilotUrl,
|
|
@@ -5755,7 +5972,7 @@ var TrustpilotTestimonial = ({
|
|
|
5755
5972
|
target: "_blank",
|
|
5756
5973
|
rel: "noopener noreferrer",
|
|
5757
5974
|
"aria-label": `Deriv on Trustpilot \u2014 rated ${trustpilotScore} out of 5`,
|
|
5758
|
-
children: /* @__PURE__ */
|
|
5975
|
+
children: /* @__PURE__ */ jsx45(
|
|
5759
5976
|
"img",
|
|
5760
5977
|
{
|
|
5761
5978
|
src: trustpilot_rating_badge_default,
|
|
@@ -5765,8 +5982,8 @@ var TrustpilotTestimonial = ({
|
|
|
5765
5982
|
)
|
|
5766
5983
|
}
|
|
5767
5984
|
) }),
|
|
5768
|
-
items.length > 1 && (canPrev || canNext) && /* @__PURE__ */
|
|
5769
|
-
/* @__PURE__ */
|
|
5985
|
+
items.length > 1 && (canPrev || canNext) && /* @__PURE__ */ jsxs41("div", { className: "testimonial__tp-nav", children: [
|
|
5986
|
+
/* @__PURE__ */ jsx45(
|
|
5770
5987
|
"button",
|
|
5771
5988
|
{
|
|
5772
5989
|
type: "button",
|
|
@@ -5774,10 +5991,10 @@ var TrustpilotTestimonial = ({
|
|
|
5774
5991
|
"aria-label": "Show previous testimonials",
|
|
5775
5992
|
disabled: !canPrev,
|
|
5776
5993
|
onClick: () => scrollByCard(-1),
|
|
5777
|
-
children: /* @__PURE__ */
|
|
5994
|
+
children: /* @__PURE__ */ jsx45(ArrowIcon, { direction: "prev" })
|
|
5778
5995
|
}
|
|
5779
5996
|
),
|
|
5780
|
-
/* @__PURE__ */
|
|
5997
|
+
/* @__PURE__ */ jsx45(
|
|
5781
5998
|
"button",
|
|
5782
5999
|
{
|
|
5783
6000
|
type: "button",
|
|
@@ -5785,7 +6002,7 @@ var TrustpilotTestimonial = ({
|
|
|
5785
6002
|
"aria-label": "Show next testimonials",
|
|
5786
6003
|
disabled: !canNext,
|
|
5787
6004
|
onClick: () => scrollByCard(1),
|
|
5788
|
-
children: /* @__PURE__ */
|
|
6005
|
+
children: /* @__PURE__ */ jsx45(ArrowIcon, { direction: "next" })
|
|
5789
6006
|
}
|
|
5790
6007
|
)
|
|
5791
6008
|
] })
|
|
@@ -5800,16 +6017,16 @@ var DefaultTestimonial = ({
|
|
|
5800
6017
|
className,
|
|
5801
6018
|
...props
|
|
5802
6019
|
}) => {
|
|
5803
|
-
const [activeIndex, setActiveIndex] =
|
|
5804
|
-
const [phase, setPhase] =
|
|
5805
|
-
const pendingIndex =
|
|
5806
|
-
const autoRef =
|
|
6020
|
+
const [activeIndex, setActiveIndex] = useState16(0);
|
|
6021
|
+
const [phase, setPhase] = useState16("idle");
|
|
6022
|
+
const pendingIndex = useRef17(null);
|
|
6023
|
+
const autoRef = useRef17(null);
|
|
5807
6024
|
const goTo = (next) => {
|
|
5808
6025
|
if (next === activeIndex || phase !== "idle") return;
|
|
5809
6026
|
pendingIndex.current = next;
|
|
5810
6027
|
setPhase("exiting");
|
|
5811
6028
|
};
|
|
5812
|
-
|
|
6029
|
+
useEffect14(() => {
|
|
5813
6030
|
if (phase === "exiting") {
|
|
5814
6031
|
const t = setTimeout(() => {
|
|
5815
6032
|
setActiveIndex(pendingIndex.current ?? activeIndex);
|
|
@@ -5818,7 +6035,7 @@ var DefaultTestimonial = ({
|
|
|
5818
6035
|
return () => clearTimeout(t);
|
|
5819
6036
|
}
|
|
5820
6037
|
}, [phase, activeIndex]);
|
|
5821
|
-
|
|
6038
|
+
useEffect14(() => {
|
|
5822
6039
|
if (items.length <= 1) return;
|
|
5823
6040
|
autoRef.current = setTimeout(() => {
|
|
5824
6041
|
const next = (activeIndex + 1) % items.length;
|
|
@@ -5829,15 +6046,15 @@ var DefaultTestimonial = ({
|
|
|
5829
6046
|
if (autoRef.current) clearTimeout(autoRef.current);
|
|
5830
6047
|
};
|
|
5831
6048
|
}, [activeIndex, items.length]);
|
|
5832
|
-
return /* @__PURE__ */
|
|
6049
|
+
return /* @__PURE__ */ jsx45(
|
|
5833
6050
|
"section",
|
|
5834
6051
|
{
|
|
5835
6052
|
className: ["testimonial", className].filter(Boolean).join(" "),
|
|
5836
6053
|
...props,
|
|
5837
|
-
children: /* @__PURE__ */
|
|
5838
|
-
title && /* @__PURE__ */
|
|
5839
|
-
/* @__PURE__ */
|
|
5840
|
-
/* @__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) => {
|
|
5841
6058
|
const isActive = i === activeIndex;
|
|
5842
6059
|
const isExiting = isActive && phase === "exiting";
|
|
5843
6060
|
const slideClass = [
|
|
@@ -5845,18 +6062,18 @@ var DefaultTestimonial = ({
|
|
|
5845
6062
|
isActive && !isExiting ? "testimonial__slide--active" : "",
|
|
5846
6063
|
isExiting ? "testimonial__slide--exiting" : ""
|
|
5847
6064
|
].filter(Boolean).join(" ");
|
|
5848
|
-
return /* @__PURE__ */
|
|
6065
|
+
return /* @__PURE__ */ jsx45(
|
|
5849
6066
|
"div",
|
|
5850
6067
|
{
|
|
5851
6068
|
className: slideClass,
|
|
5852
6069
|
role: "region",
|
|
5853
6070
|
"aria-label": `Testimonial ${i + 1} of ${items.length}`,
|
|
5854
6071
|
"aria-hidden": !isActive,
|
|
5855
|
-
children: /* @__PURE__ */
|
|
5856
|
-
/* @__PURE__ */
|
|
5857
|
-
/* @__PURE__ */
|
|
5858
|
-
/* @__PURE__ */
|
|
5859
|
-
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(
|
|
5860
6077
|
"img",
|
|
5861
6078
|
{
|
|
5862
6079
|
src: item.avatarUrl,
|
|
@@ -5865,22 +6082,22 @@ var DefaultTestimonial = ({
|
|
|
5865
6082
|
loading: "lazy"
|
|
5866
6083
|
}
|
|
5867
6084
|
),
|
|
5868
|
-
/* @__PURE__ */
|
|
5869
|
-
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 })
|
|
5870
6087
|
] }),
|
|
5871
|
-
/* @__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" }) })
|
|
5872
6089
|
] })
|
|
5873
6090
|
},
|
|
5874
6091
|
i
|
|
5875
6092
|
);
|
|
5876
6093
|
}) }),
|
|
5877
|
-
items.length > 1 && /* @__PURE__ */
|
|
6094
|
+
items.length > 1 && /* @__PURE__ */ jsx45(
|
|
5878
6095
|
"div",
|
|
5879
6096
|
{
|
|
5880
6097
|
className: "testimonial__dots",
|
|
5881
6098
|
role: "tablist",
|
|
5882
6099
|
"aria-label": "Testimonial navigation",
|
|
5883
|
-
children: items.map((_, i) => /* @__PURE__ */
|
|
6100
|
+
children: items.map((_, i) => /* @__PURE__ */ jsx45(
|
|
5884
6101
|
"button",
|
|
5885
6102
|
{
|
|
5886
6103
|
role: "tab",
|
|
@@ -5907,14 +6124,14 @@ var DefaultTestimonial = ({
|
|
|
5907
6124
|
var Testimonial = (props) => {
|
|
5908
6125
|
if (!props.items || props.items.length === 0) return null;
|
|
5909
6126
|
if (props.variant === "trustpilot") {
|
|
5910
|
-
return /* @__PURE__ */
|
|
6127
|
+
return /* @__PURE__ */ jsx45(TrustpilotTestimonial, { ...props });
|
|
5911
6128
|
}
|
|
5912
|
-
return /* @__PURE__ */
|
|
6129
|
+
return /* @__PURE__ */ jsx45(DefaultTestimonial, { ...props });
|
|
5913
6130
|
};
|
|
5914
6131
|
|
|
5915
6132
|
// templates/ArticleHero/ArticleHero.tsx
|
|
5916
|
-
import { jsx as
|
|
5917
|
-
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(
|
|
5918
6135
|
Card,
|
|
5919
6136
|
{
|
|
5920
6137
|
variant: "thumbnail",
|
|
@@ -5930,12 +6147,12 @@ var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ jsx45(
|
|
|
5930
6147
|
hideAvatar: true
|
|
5931
6148
|
}
|
|
5932
6149
|
) });
|
|
5933
|
-
var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */
|
|
5934
|
-
column.label && /* @__PURE__ */
|
|
5935
|
-
/* @__PURE__ */
|
|
5936
|
-
/* @__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" })
|
|
5937
6154
|
] }),
|
|
5938
|
-
/* @__PURE__ */
|
|
6155
|
+
/* @__PURE__ */ jsx46("div", { className: "bh-columnList", children: column.articles.map((article, i) => /* @__PURE__ */ jsx46(ArticleCard, { article, showThumbnail: showThumbnails }, i)) })
|
|
5939
6156
|
] });
|
|
5940
6157
|
var ArticleHero = ({
|
|
5941
6158
|
featured,
|
|
@@ -5944,79 +6161,79 @@ var ArticleHero = ({
|
|
|
5944
6161
|
rightColumn,
|
|
5945
6162
|
className
|
|
5946
6163
|
}) => {
|
|
5947
|
-
return /* @__PURE__ */
|
|
5948
|
-
/* @__PURE__ */
|
|
5949
|
-
/* @__PURE__ */
|
|
5950
|
-
/* @__PURE__ */
|
|
5951
|
-
/* @__PURE__ */
|
|
5952
|
-
/* @__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" })
|
|
5953
6170
|
] }) }),
|
|
5954
|
-
/* @__PURE__ */
|
|
5955
|
-
/* @__PURE__ */
|
|
5956
|
-
/* @__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" })
|
|
5957
6174
|
] }) })
|
|
5958
6175
|
] }),
|
|
5959
|
-
/* @__PURE__ */
|
|
5960
|
-
/* @__PURE__ */
|
|
5961
|
-
/* @__PURE__ */
|
|
5962
|
-
/* @__PURE__ */
|
|
5963
|
-
/* @__PURE__ */
|
|
5964
|
-
/* @__PURE__ */
|
|
5965
|
-
/* @__PURE__ */
|
|
5966
|
-
featured.summary && /* @__PURE__ */
|
|
5967
|
-
featured.tags && featured.tags.length > 0 && /* @__PURE__ */
|
|
5968
|
-
i > 0 && /* @__PURE__ */
|
|
5969
|
-
/* @__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" })
|
|
5970
6187
|
] }, i)) })
|
|
5971
6188
|
] }),
|
|
5972
|
-
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 }) })
|
|
5973
6190
|
] }),
|
|
5974
|
-
featuredFooter.length > 0 && /* @__PURE__ */
|
|
5975
|
-
i > 0 && /* @__PURE__ */
|
|
5976
|
-
/* @__PURE__ */
|
|
5977
|
-
/* @__PURE__ */
|
|
5978
|
-
article.tags && article.tags.length > 0 && /* @__PURE__ */
|
|
5979
|
-
j > 0 && /* @__PURE__ */
|
|
5980
|
-
/* @__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" })
|
|
5981
6198
|
] }, j)) })
|
|
5982
6199
|
] })
|
|
5983
6200
|
] }, i)) })
|
|
5984
6201
|
] }),
|
|
5985
|
-
/* @__PURE__ */
|
|
5986
|
-
/* @__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 } }) })
|
|
5987
6204
|
] })
|
|
5988
6205
|
] }),
|
|
5989
|
-
/* @__PURE__ */
|
|
5990
|
-
/* @__PURE__ */
|
|
5991
|
-
/* @__PURE__ */
|
|
5992
|
-
/* @__PURE__ */
|
|
5993
|
-
/* @__PURE__ */
|
|
5994
|
-
featured.summary && /* @__PURE__ */
|
|
5995
|
-
featured.tags && featured.tags.length > 0 && /* @__PURE__ */
|
|
5996
|
-
i > 0 && /* @__PURE__ */
|
|
5997
|
-
/* @__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" })
|
|
5998
6215
|
] }, i)) })
|
|
5999
6216
|
] }),
|
|
6000
|
-
featured.thumbnail && /* @__PURE__ */
|
|
6001
|
-
featuredFooter.length > 0 && /* @__PURE__ */
|
|
6002
|
-
i > 0 && /* @__PURE__ */
|
|
6003
|
-
/* @__PURE__ */
|
|
6004
|
-
/* @__PURE__ */
|
|
6005
|
-
article.tags && article.tags.length > 0 && /* @__PURE__ */
|
|
6006
|
-
j > 0 && /* @__PURE__ */
|
|
6007
|
-
/* @__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" })
|
|
6008
6225
|
] }, j)) })
|
|
6009
6226
|
] })
|
|
6010
6227
|
] }, i)) })
|
|
6011
6228
|
] }),
|
|
6012
|
-
/* @__PURE__ */
|
|
6013
|
-
/* @__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 }) })
|
|
6014
6231
|
] })
|
|
6015
6232
|
] });
|
|
6016
6233
|
};
|
|
6017
6234
|
|
|
6018
6235
|
// templates/ArticleSection/ArticleSection.tsx
|
|
6019
|
-
import { Fragment as
|
|
6236
|
+
import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
6020
6237
|
var ArticleSection = ({
|
|
6021
6238
|
variant = "featured",
|
|
6022
6239
|
sectionTitle,
|
|
@@ -6032,14 +6249,14 @@ var ArticleSection = ({
|
|
|
6032
6249
|
const midpoint = Math.ceil(articles.length / 2);
|
|
6033
6250
|
const col2 = articles.slice(0, midpoint);
|
|
6034
6251
|
const col3 = articles.slice(midpoint);
|
|
6035
|
-
return /* @__PURE__ */
|
|
6036
|
-
/* @__PURE__ */
|
|
6037
|
-
/* @__PURE__ */
|
|
6038
|
-
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 })
|
|
6039
6256
|
] }),
|
|
6040
|
-
/* @__PURE__ */
|
|
6041
|
-
!isShowcase && !isGrid && featured && /* @__PURE__ */
|
|
6042
|
-
/* @__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(
|
|
6043
6260
|
Card,
|
|
6044
6261
|
{
|
|
6045
6262
|
variant: "thumbnail",
|
|
@@ -6055,7 +6272,7 @@ var ArticleSection = ({
|
|
|
6055
6272
|
hideAvatar: true
|
|
6056
6273
|
}
|
|
6057
6274
|
) }),
|
|
6058
|
-
/* @__PURE__ */
|
|
6275
|
+
/* @__PURE__ */ jsx47("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-gridItem", children: /* @__PURE__ */ jsx47(
|
|
6059
6276
|
Card,
|
|
6060
6277
|
{
|
|
6061
6278
|
variant: "thumbnail",
|
|
@@ -6072,7 +6289,7 @@ var ArticleSection = ({
|
|
|
6072
6289
|
}
|
|
6073
6290
|
) }, i)) })
|
|
6074
6291
|
] }),
|
|
6075
|
-
isGrid && /* @__PURE__ */
|
|
6292
|
+
isGrid && /* @__PURE__ */ jsx47("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-gridItem", children: /* @__PURE__ */ jsx47(
|
|
6076
6293
|
Card,
|
|
6077
6294
|
{
|
|
6078
6295
|
variant: "thumbnail",
|
|
@@ -6088,8 +6305,8 @@ var ArticleSection = ({
|
|
|
6088
6305
|
hideAvatar: true
|
|
6089
6306
|
}
|
|
6090
6307
|
) }, i)) }),
|
|
6091
|
-
isShowcase && /* @__PURE__ */
|
|
6092
|
-
/* @__PURE__ */
|
|
6308
|
+
isShowcase && /* @__PURE__ */ jsxs43("div", { className: "as-showcaseGrid", children: [
|
|
6309
|
+
/* @__PURE__ */ jsx47("div", { className: "as-showcaseFeatured", children: featured && /* @__PURE__ */ jsx47(
|
|
6093
6310
|
Card,
|
|
6094
6311
|
{
|
|
6095
6312
|
variant: "thumbnail",
|
|
@@ -6105,7 +6322,7 @@ var ArticleSection = ({
|
|
|
6105
6322
|
hideAvatar: true
|
|
6106
6323
|
}
|
|
6107
6324
|
) }),
|
|
6108
|
-
/* @__PURE__ */
|
|
6325
|
+
/* @__PURE__ */ jsx47("div", { className: "as-showcaseCol", children: col2.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-showcaseItem", children: /* @__PURE__ */ jsx47(
|
|
6109
6326
|
Card,
|
|
6110
6327
|
{
|
|
6111
6328
|
variant: "thumbnail",
|
|
@@ -6121,7 +6338,7 @@ var ArticleSection = ({
|
|
|
6121
6338
|
hideAvatar: true
|
|
6122
6339
|
}
|
|
6123
6340
|
) }, i)) }),
|
|
6124
|
-
/* @__PURE__ */
|
|
6341
|
+
/* @__PURE__ */ jsx47("div", { className: "as-showcaseCol", children: col3.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-showcaseItem", children: /* @__PURE__ */ jsx47(
|
|
6125
6342
|
Card,
|
|
6126
6343
|
{
|
|
6127
6344
|
variant: "thumbnail",
|
|
@@ -6139,8 +6356,8 @@ var ArticleSection = ({
|
|
|
6139
6356
|
) }, i)) })
|
|
6140
6357
|
] })
|
|
6141
6358
|
] }),
|
|
6142
|
-
/* @__PURE__ */
|
|
6143
|
-
!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(
|
|
6144
6361
|
Card,
|
|
6145
6362
|
{
|
|
6146
6363
|
variant: "thumbnail",
|
|
@@ -6156,7 +6373,7 @@ var ArticleSection = ({
|
|
|
6156
6373
|
hideAvatar: true
|
|
6157
6374
|
}
|
|
6158
6375
|
) }),
|
|
6159
|
-
!isGrid && /* @__PURE__ */
|
|
6376
|
+
!isGrid && /* @__PURE__ */ jsx47("div", { className: "as-mobileList", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-mobileListItem", children: /* @__PURE__ */ jsx47(
|
|
6160
6377
|
Card,
|
|
6161
6378
|
{
|
|
6162
6379
|
variant: "thumbnail",
|
|
@@ -6172,7 +6389,7 @@ var ArticleSection = ({
|
|
|
6172
6389
|
hideAvatar: true
|
|
6173
6390
|
}
|
|
6174
6391
|
) }, i)) }),
|
|
6175
|
-
isGrid && /* @__PURE__ */
|
|
6392
|
+
isGrid && /* @__PURE__ */ jsx47("div", { className: "as-mobileScroll", children: articles.map((article, i) => /* @__PURE__ */ jsx47("div", { className: "as-mobileScrollItem", children: /* @__PURE__ */ jsx47(
|
|
6176
6393
|
Card,
|
|
6177
6394
|
{
|
|
6178
6395
|
variant: "thumbnail",
|
|
@@ -6193,8 +6410,8 @@ var ArticleSection = ({
|
|
|
6193
6410
|
};
|
|
6194
6411
|
|
|
6195
6412
|
// templates/CoralBanner/CoralBanner.tsx
|
|
6196
|
-
import { useCallback as useCallback4, useEffect as
|
|
6197
|
-
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";
|
|
6198
6415
|
var DEFAULT_SLIDES = [
|
|
6199
6416
|
{
|
|
6200
6417
|
title: "Section title goes here",
|
|
@@ -6215,14 +6432,14 @@ var CORAL_BANNER_DERIV_SLIDES = [
|
|
|
6215
6432
|
primaryButton: { label: "Trade now", href: "#" }
|
|
6216
6433
|
}
|
|
6217
6434
|
];
|
|
6218
|
-
var LeftArrowIcon = () => /* @__PURE__ */
|
|
6435
|
+
var LeftArrowIcon = () => /* @__PURE__ */ jsx48("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx48(
|
|
6219
6436
|
"path",
|
|
6220
6437
|
{
|
|
6221
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",
|
|
6222
6439
|
fill: "currentColor"
|
|
6223
6440
|
}
|
|
6224
6441
|
) });
|
|
6225
|
-
var RightArrowIcon = () => /* @__PURE__ */
|
|
6442
|
+
var RightArrowIcon = () => /* @__PURE__ */ jsx48("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx48(
|
|
6226
6443
|
"path",
|
|
6227
6444
|
{
|
|
6228
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",
|
|
@@ -6231,9 +6448,9 @@ var RightArrowIcon = () => /* @__PURE__ */ jsx47("svg", { viewBox: "0 0 16 16",
|
|
|
6231
6448
|
) });
|
|
6232
6449
|
var renderTitleLines = (title) => {
|
|
6233
6450
|
const lines = title.split("\n");
|
|
6234
|
-
return lines.map((line, i) => /* @__PURE__ */
|
|
6451
|
+
return lines.map((line, i) => /* @__PURE__ */ jsxs44("span", { children: [
|
|
6235
6452
|
line,
|
|
6236
|
-
i < lines.length - 1 && /* @__PURE__ */
|
|
6453
|
+
i < lines.length - 1 && /* @__PURE__ */ jsx48("br", {})
|
|
6237
6454
|
] }, i));
|
|
6238
6455
|
};
|
|
6239
6456
|
var ButtonBlock3 = ({
|
|
@@ -6241,8 +6458,8 @@ var ButtonBlock3 = ({
|
|
|
6241
6458
|
secondaryButton
|
|
6242
6459
|
}) => {
|
|
6243
6460
|
if (!primaryButton && !secondaryButton) return null;
|
|
6244
|
-
return /* @__PURE__ */
|
|
6245
|
-
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(
|
|
6246
6463
|
Button,
|
|
6247
6464
|
{
|
|
6248
6465
|
colorScheme: "black",
|
|
@@ -6250,7 +6467,7 @@ var ButtonBlock3 = ({
|
|
|
6250
6467
|
label: primaryButton.label,
|
|
6251
6468
|
onClick: primaryButton.onClick
|
|
6252
6469
|
}
|
|
6253
|
-
) }) : /* @__PURE__ */
|
|
6470
|
+
) }) : /* @__PURE__ */ jsx48(
|
|
6254
6471
|
Button,
|
|
6255
6472
|
{
|
|
6256
6473
|
colorScheme: "black",
|
|
@@ -6259,7 +6476,7 @@ var ButtonBlock3 = ({
|
|
|
6259
6476
|
onClick: primaryButton.onClick
|
|
6260
6477
|
}
|
|
6261
6478
|
)),
|
|
6262
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */
|
|
6479
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx48("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx48(
|
|
6263
6480
|
Button,
|
|
6264
6481
|
{
|
|
6265
6482
|
colorScheme: "white",
|
|
@@ -6267,7 +6484,7 @@ var ButtonBlock3 = ({
|
|
|
6267
6484
|
label: secondaryButton.label,
|
|
6268
6485
|
onClick: secondaryButton.onClick
|
|
6269
6486
|
}
|
|
6270
|
-
) }) : /* @__PURE__ */
|
|
6487
|
+
) }) : /* @__PURE__ */ jsx48(
|
|
6271
6488
|
Button,
|
|
6272
6489
|
{
|
|
6273
6490
|
colorScheme: "white",
|
|
@@ -6278,11 +6495,11 @@ var ButtonBlock3 = ({
|
|
|
6278
6495
|
))
|
|
6279
6496
|
] });
|
|
6280
6497
|
};
|
|
6281
|
-
var SlideContent = ({ slide }) => /* @__PURE__ */
|
|
6282
|
-
/* @__PURE__ */
|
|
6283
|
-
/* @__PURE__ */
|
|
6284
|
-
slide.description && /* @__PURE__ */
|
|
6285
|
-
/* @__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(
|
|
6286
6503
|
ButtonBlock3,
|
|
6287
6504
|
{
|
|
6288
6505
|
primaryButton: slide.primaryButton,
|
|
@@ -6290,7 +6507,7 @@ var SlideContent = ({ slide }) => /* @__PURE__ */ jsxs43("div", { className: "cr
|
|
|
6290
6507
|
}
|
|
6291
6508
|
)
|
|
6292
6509
|
] }),
|
|
6293
|
-
/* @__PURE__ */
|
|
6510
|
+
/* @__PURE__ */ jsx48("div", { className: "crb__spacer", "aria-hidden": "true" })
|
|
6294
6511
|
] });
|
|
6295
6512
|
var CoralBanner = ({
|
|
6296
6513
|
variant = "static",
|
|
@@ -6307,9 +6524,9 @@ var CoralBanner = ({
|
|
|
6307
6524
|
const resolvedSlides = slides && slides.length > 0 ? slides : DEFAULT_SLIDES;
|
|
6308
6525
|
const count = resolvedSlides.length;
|
|
6309
6526
|
const isCarousel = variant === "carousel" && count > 1;
|
|
6310
|
-
const [activeIndex, setActiveIndex] =
|
|
6311
|
-
const autoplayTimer =
|
|
6312
|
-
const dragState =
|
|
6527
|
+
const [activeIndex, setActiveIndex] = useState17(0);
|
|
6528
|
+
const autoplayTimer = useRef18(null);
|
|
6529
|
+
const dragState = useRef18(null);
|
|
6313
6530
|
const goTo = useCallback4(
|
|
6314
6531
|
(index) => {
|
|
6315
6532
|
if (count <= 1) return;
|
|
@@ -6323,7 +6540,7 @@ var CoralBanner = ({
|
|
|
6323
6540
|
const resetAutoplay = () => {
|
|
6324
6541
|
if (autoplayTimer.current) clearTimeout(autoplayTimer.current);
|
|
6325
6542
|
};
|
|
6326
|
-
|
|
6543
|
+
useEffect15(() => {
|
|
6327
6544
|
if (!isCarousel || !autoplay) return;
|
|
6328
6545
|
autoplayTimer.current = setTimeout(() => {
|
|
6329
6546
|
goTo(activeIndex + 1);
|
|
@@ -6353,16 +6570,16 @@ var CoralBanner = ({
|
|
|
6353
6570
|
className
|
|
6354
6571
|
].filter(Boolean).join(" ");
|
|
6355
6572
|
if (!isCarousel) {
|
|
6356
|
-
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] }) }) }) });
|
|
6357
6574
|
}
|
|
6358
|
-
return /* @__PURE__ */
|
|
6359
|
-
/* @__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(
|
|
6360
6577
|
"div",
|
|
6361
6578
|
{
|
|
6362
6579
|
className: "crb__viewport",
|
|
6363
6580
|
onPointerDown: handlePointerDown,
|
|
6364
6581
|
onPointerUp: handlePointerUp,
|
|
6365
|
-
children: /* @__PURE__ */
|
|
6582
|
+
children: /* @__PURE__ */ jsx48(
|
|
6366
6583
|
"div",
|
|
6367
6584
|
{
|
|
6368
6585
|
className: "crb__track",
|
|
@@ -6370,7 +6587,7 @@ var CoralBanner = ({
|
|
|
6370
6587
|
transform: `translateX(-${activeIndex * 100}%)`,
|
|
6371
6588
|
transitionDuration: `${transitionDuration}ms`
|
|
6372
6589
|
},
|
|
6373
|
-
children: resolvedSlides.map((slide, i) => /* @__PURE__ */
|
|
6590
|
+
children: resolvedSlides.map((slide, i) => /* @__PURE__ */ jsx48(
|
|
6374
6591
|
"div",
|
|
6375
6592
|
{
|
|
6376
6593
|
className: "crb__slide",
|
|
@@ -6378,7 +6595,7 @@ var CoralBanner = ({
|
|
|
6378
6595
|
"aria-roledescription": "slide",
|
|
6379
6596
|
"aria-label": `${i + 1} of ${count}`,
|
|
6380
6597
|
"aria-hidden": i !== activeIndex,
|
|
6381
|
-
children: /* @__PURE__ */
|
|
6598
|
+
children: /* @__PURE__ */ jsx48(SlideContent, { slide })
|
|
6382
6599
|
},
|
|
6383
6600
|
slide.id ?? i
|
|
6384
6601
|
))
|
|
@@ -6386,7 +6603,7 @@ var CoralBanner = ({
|
|
|
6386
6603
|
)
|
|
6387
6604
|
}
|
|
6388
6605
|
),
|
|
6389
|
-
showDots && /* @__PURE__ */
|
|
6606
|
+
showDots && /* @__PURE__ */ jsx48("div", { className: "crb__dots", role: "tablist", "aria-label": "Banner slide navigation", children: resolvedSlides.map((_, i) => /* @__PURE__ */ jsx48(
|
|
6390
6607
|
"button",
|
|
6391
6608
|
{
|
|
6392
6609
|
type: "button",
|
|
@@ -6404,8 +6621,8 @@ var CoralBanner = ({
|
|
|
6404
6621
|
},
|
|
6405
6622
|
i
|
|
6406
6623
|
)) }),
|
|
6407
|
-
showArrows && /* @__PURE__ */
|
|
6408
|
-
/* @__PURE__ */
|
|
6624
|
+
showArrows && /* @__PURE__ */ jsxs44("div", { className: "crb__arrows", children: [
|
|
6625
|
+
/* @__PURE__ */ jsx48(
|
|
6409
6626
|
"button",
|
|
6410
6627
|
{
|
|
6411
6628
|
type: "button",
|
|
@@ -6415,10 +6632,10 @@ var CoralBanner = ({
|
|
|
6415
6632
|
resetAutoplay();
|
|
6416
6633
|
goPrev();
|
|
6417
6634
|
},
|
|
6418
|
-
children: /* @__PURE__ */
|
|
6635
|
+
children: /* @__PURE__ */ jsx48(LeftArrowIcon, {})
|
|
6419
6636
|
}
|
|
6420
6637
|
),
|
|
6421
|
-
/* @__PURE__ */
|
|
6638
|
+
/* @__PURE__ */ jsx48(
|
|
6422
6639
|
"button",
|
|
6423
6640
|
{
|
|
6424
6641
|
type: "button",
|
|
@@ -6428,7 +6645,7 @@ var CoralBanner = ({
|
|
|
6428
6645
|
resetAutoplay();
|
|
6429
6646
|
goNext();
|
|
6430
6647
|
},
|
|
6431
|
-
children: /* @__PURE__ */
|
|
6648
|
+
children: /* @__PURE__ */ jsx48(RightArrowIcon, {})
|
|
6432
6649
|
}
|
|
6433
6650
|
)
|
|
6434
6651
|
] })
|
|
@@ -6442,7 +6659,7 @@ var award_leaf_left_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACA
|
|
|
6442
6659
|
var award_leaf_right_default = "data:image/png;base64,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";
|
|
6443
6660
|
|
|
6444
6661
|
// templates/FeatureAwards/FeatureAwards.tsx
|
|
6445
|
-
import { jsx as
|
|
6662
|
+
import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
6446
6663
|
var FEATURE_AWARDS_TEXT_CONTENT = {
|
|
6447
6664
|
title: "Our awards"
|
|
6448
6665
|
};
|
|
@@ -6465,7 +6682,7 @@ var DEFAULT_AWARDS = [
|
|
|
6465
6682
|
{ title: "Best LATAM Region Broker", subtitle: "ADVFN Awards 2024" },
|
|
6466
6683
|
{ title: "Broker of the Year - Global", subtitle: "Finance Magnates 2024" }
|
|
6467
6684
|
];
|
|
6468
|
-
var LaurelIcon = ({ side }) => /* @__PURE__ */
|
|
6685
|
+
var LaurelIcon = ({ side }) => /* @__PURE__ */ jsx49(
|
|
6469
6686
|
"img",
|
|
6470
6687
|
{
|
|
6471
6688
|
className: `fa__leaf fa__leaf--${side}`,
|
|
@@ -6476,13 +6693,13 @@ var LaurelIcon = ({ side }) => /* @__PURE__ */ jsx48(
|
|
|
6476
6693
|
draggable: false
|
|
6477
6694
|
}
|
|
6478
6695
|
);
|
|
6479
|
-
var AwardBadge2 = ({ award }) => /* @__PURE__ */
|
|
6480
|
-
/* @__PURE__ */
|
|
6481
|
-
/* @__PURE__ */
|
|
6482
|
-
/* @__PURE__ */
|
|
6483
|
-
/* @__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 })
|
|
6484
6701
|
] }),
|
|
6485
|
-
/* @__PURE__ */
|
|
6702
|
+
/* @__PURE__ */ jsx49(LaurelIcon, { side: "right" })
|
|
6486
6703
|
] });
|
|
6487
6704
|
var FeatureAwards = ({
|
|
6488
6705
|
title = FEATURE_AWARDS_TEXT_CONTENT.title,
|
|
@@ -6495,23 +6712,23 @@ var FeatureAwards = ({
|
|
|
6495
6712
|
const trackStyle = {
|
|
6496
6713
|
"--fa-duration": `${autoScrollDuration}s`
|
|
6497
6714
|
};
|
|
6498
|
-
return /* @__PURE__ */
|
|
6715
|
+
return /* @__PURE__ */ jsx49(
|
|
6499
6716
|
"section",
|
|
6500
6717
|
{
|
|
6501
6718
|
className: ["fa", className].filter(Boolean).join(" "),
|
|
6502
6719
|
...props,
|
|
6503
|
-
children: /* @__PURE__ */
|
|
6504
|
-
title && /* @__PURE__ */
|
|
6505
|
-
/* @__PURE__ */
|
|
6506
|
-
/* @__PURE__ */
|
|
6507
|
-
/* @__PURE__ */
|
|
6508
|
-
/* @__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(
|
|
6509
6726
|
"div",
|
|
6510
6727
|
{
|
|
6511
6728
|
className: "fa__track-group",
|
|
6512
6729
|
role: "presentation",
|
|
6513
6730
|
"aria-hidden": "true",
|
|
6514
|
-
children: awards.map((award, i) => /* @__PURE__ */
|
|
6731
|
+
children: awards.map((award, i) => /* @__PURE__ */ jsx49(AwardBadge2, { award }, `m-dup-${i}`))
|
|
6515
6732
|
}
|
|
6516
6733
|
)
|
|
6517
6734
|
] }) })
|
|
@@ -6521,7 +6738,7 @@ var FeatureAwards = ({
|
|
|
6521
6738
|
};
|
|
6522
6739
|
|
|
6523
6740
|
// templates/FeatureBlog/FeatureBlog.tsx
|
|
6524
|
-
import { jsx as
|
|
6741
|
+
import { jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
6525
6742
|
var externalLinkRel2 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6526
6743
|
var FEATURE_BLOG_TEXT_CONTENT = {
|
|
6527
6744
|
title: "Deriv press releases",
|
|
@@ -6529,7 +6746,7 @@ var FEATURE_BLOG_TEXT_CONTENT = {
|
|
|
6529
6746
|
};
|
|
6530
6747
|
var PostCard = ({ post, index }) => {
|
|
6531
6748
|
const tags = [post.date, post.category].filter((value) => Boolean(value)).map((label) => ({ label }));
|
|
6532
|
-
const card = /* @__PURE__ */
|
|
6749
|
+
const card = /* @__PURE__ */ jsx50(
|
|
6533
6750
|
Card,
|
|
6534
6751
|
{
|
|
6535
6752
|
hideAvatar: true,
|
|
@@ -6545,7 +6762,7 @@ var PostCard = ({ post, index }) => {
|
|
|
6545
6762
|
}
|
|
6546
6763
|
);
|
|
6547
6764
|
if (post.href) {
|
|
6548
|
-
return /* @__PURE__ */
|
|
6765
|
+
return /* @__PURE__ */ jsx50(
|
|
6549
6766
|
"a",
|
|
6550
6767
|
{
|
|
6551
6768
|
className: "fb-cardLink",
|
|
@@ -6557,7 +6774,7 @@ var PostCard = ({ post, index }) => {
|
|
|
6557
6774
|
);
|
|
6558
6775
|
}
|
|
6559
6776
|
if (post.onClick) {
|
|
6560
|
-
return /* @__PURE__ */
|
|
6777
|
+
return /* @__PURE__ */ jsx50(
|
|
6561
6778
|
"button",
|
|
6562
6779
|
{
|
|
6563
6780
|
className: "fb-cardLink fb-cardButton",
|
|
@@ -6568,7 +6785,7 @@ var PostCard = ({ post, index }) => {
|
|
|
6568
6785
|
`${post.title}-${index}`
|
|
6569
6786
|
);
|
|
6570
6787
|
}
|
|
6571
|
-
return /* @__PURE__ */
|
|
6788
|
+
return /* @__PURE__ */ jsx50("div", { children: card }, `${post.title}-${index}`);
|
|
6572
6789
|
};
|
|
6573
6790
|
var FeatureBlog = ({
|
|
6574
6791
|
title = FEATURE_BLOG_TEXT_CONTENT.title,
|
|
@@ -6581,10 +6798,10 @@ var FeatureBlog = ({
|
|
|
6581
6798
|
...props
|
|
6582
6799
|
}) => {
|
|
6583
6800
|
if (!posts || posts.length === 0) return null;
|
|
6584
|
-
return /* @__PURE__ */
|
|
6585
|
-
title && /* @__PURE__ */
|
|
6586
|
-
/* @__PURE__ */
|
|
6587
|
-
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(
|
|
6588
6805
|
Link,
|
|
6589
6806
|
{
|
|
6590
6807
|
colorScheme: "coral",
|
|
@@ -6598,8 +6815,8 @@ var FeatureBlog = ({
|
|
|
6598
6815
|
};
|
|
6599
6816
|
|
|
6600
6817
|
// templates/FeatureBlogCategories/FeatureBlogCategories.tsx
|
|
6601
|
-
import { useMemo as useMemo3, useState as
|
|
6602
|
-
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";
|
|
6603
6820
|
var isExternalUrl = (href) => Boolean(href && /^https?:\/\//i.test(href));
|
|
6604
6821
|
var FEATURE_BLOG_CATEGORIES_TEXT_CONTENT = {
|
|
6605
6822
|
title: "Deriv press releases",
|
|
@@ -6613,7 +6830,7 @@ var PostCard2 = ({
|
|
|
6613
6830
|
categoryLabel
|
|
6614
6831
|
}) => {
|
|
6615
6832
|
const tags = [post.date, categoryLabel].filter((value) => Boolean(value)).map((label) => ({ label }));
|
|
6616
|
-
const card = /* @__PURE__ */
|
|
6833
|
+
const card = /* @__PURE__ */ jsx51(
|
|
6617
6834
|
Card,
|
|
6618
6835
|
{
|
|
6619
6836
|
hideAvatar: true,
|
|
@@ -6630,7 +6847,7 @@ var PostCard2 = ({
|
|
|
6630
6847
|
);
|
|
6631
6848
|
if (post.href) {
|
|
6632
6849
|
const external = isExternalUrl(post.href);
|
|
6633
|
-
return /* @__PURE__ */
|
|
6850
|
+
return /* @__PURE__ */ jsx51(
|
|
6634
6851
|
"a",
|
|
6635
6852
|
{
|
|
6636
6853
|
className: "fbc-cardLink",
|
|
@@ -6642,9 +6859,9 @@ var PostCard2 = ({
|
|
|
6642
6859
|
);
|
|
6643
6860
|
}
|
|
6644
6861
|
if (post.onClick) {
|
|
6645
|
-
return /* @__PURE__ */
|
|
6862
|
+
return /* @__PURE__ */ jsx51("button", { className: "fbc-cardLink fbc-cardButton", onClick: post.onClick, type: "button", children: card });
|
|
6646
6863
|
}
|
|
6647
|
-
return /* @__PURE__ */
|
|
6864
|
+
return /* @__PURE__ */ jsx51("div", { children: card });
|
|
6648
6865
|
};
|
|
6649
6866
|
var FeatureBlogCategories = ({
|
|
6650
6867
|
title = FEATURE_BLOG_CATEGORIES_TEXT_CONTENT.title,
|
|
@@ -6662,8 +6879,8 @@ var FeatureBlogCategories = ({
|
|
|
6662
6879
|
className,
|
|
6663
6880
|
...props
|
|
6664
6881
|
}) => {
|
|
6665
|
-
const [search, setSearch] =
|
|
6666
|
-
const [internalActiveId, setInternalActiveId] =
|
|
6882
|
+
const [search, setSearch] = useState18("");
|
|
6883
|
+
const [internalActiveId, setInternalActiveId] = useState18(defaultActiveCategoryId ?? allCategoryId);
|
|
6667
6884
|
const isControlled = activeCategoryId !== void 0;
|
|
6668
6885
|
const activeId = isControlled ? activeCategoryId : internalActiveId;
|
|
6669
6886
|
const tabs = useMemo3(
|
|
@@ -6696,9 +6913,9 @@ var FeatureBlogCategories = ({
|
|
|
6696
6913
|
setSearch("");
|
|
6697
6914
|
onSearchChange?.("");
|
|
6698
6915
|
};
|
|
6699
|
-
return /* @__PURE__ */
|
|
6700
|
-
title && /* @__PURE__ */
|
|
6701
|
-
/* @__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(
|
|
6702
6919
|
SearchField,
|
|
6703
6920
|
{
|
|
6704
6921
|
"aria-label": searchAriaLabel ?? searchPlaceholder,
|
|
@@ -6709,23 +6926,23 @@ var FeatureBlogCategories = ({
|
|
|
6709
6926
|
variant: "outline"
|
|
6710
6927
|
}
|
|
6711
6928
|
) }),
|
|
6712
|
-
/* @__PURE__ */
|
|
6713
|
-
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(
|
|
6714
6931
|
PostCard2,
|
|
6715
6932
|
{
|
|
6716
6933
|
categoryLabel: post.categoryLabel ?? categoryLabelById.get(post.category),
|
|
6717
6934
|
post
|
|
6718
6935
|
},
|
|
6719
6936
|
`${post.title}-${index}`
|
|
6720
|
-
)) }) : /* @__PURE__ */
|
|
6937
|
+
)) }) : /* @__PURE__ */ jsx51("p", { className: "fbc-emptyState", children: emptyStateText })
|
|
6721
6938
|
] }) });
|
|
6722
6939
|
};
|
|
6723
6940
|
|
|
6724
6941
|
// templates/HelpCentreCategories/HelpCentreCategories.tsx
|
|
6725
|
-
import { Fragment as
|
|
6942
|
+
import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
6726
6943
|
var externalLinkRel3 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6727
|
-
var CategoryTileContent = ({ category }) => /* @__PURE__ */
|
|
6728
|
-
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(
|
|
6729
6946
|
"img",
|
|
6730
6947
|
{
|
|
6731
6948
|
alt: category.iconAlt ?? "",
|
|
@@ -6737,22 +6954,22 @@ var CategoryTileContent = ({ category }) => /* @__PURE__ */ jsxs47(Fragment9, {
|
|
|
6737
6954
|
width: 48
|
|
6738
6955
|
}
|
|
6739
6956
|
) : category.icon }),
|
|
6740
|
-
/* @__PURE__ */
|
|
6957
|
+
/* @__PURE__ */ jsx52("span", { className: "hcc-tile-title", children: category.title })
|
|
6741
6958
|
] });
|
|
6742
6959
|
var CategoryTile = ({ category }) => {
|
|
6743
6960
|
if (category.href) {
|
|
6744
|
-
return /* @__PURE__ */
|
|
6961
|
+
return /* @__PURE__ */ jsx52(
|
|
6745
6962
|
"a",
|
|
6746
6963
|
{
|
|
6747
6964
|
className: "hcc-tile",
|
|
6748
6965
|
href: category.href,
|
|
6749
6966
|
onClick: category.onClick,
|
|
6750
6967
|
rel: externalLinkRel3(category.href),
|
|
6751
|
-
children: /* @__PURE__ */
|
|
6968
|
+
children: /* @__PURE__ */ jsx52(CategoryTileContent, { category })
|
|
6752
6969
|
}
|
|
6753
6970
|
);
|
|
6754
6971
|
}
|
|
6755
|
-
return /* @__PURE__ */
|
|
6972
|
+
return /* @__PURE__ */ jsx52("button", { className: "hcc-tile", onClick: category.onClick, type: "button", children: /* @__PURE__ */ jsx52(CategoryTileContent, { category }) });
|
|
6756
6973
|
};
|
|
6757
6974
|
var getColumnCount = (categoryCount) => Math.max(1, Math.min(categoryCount, 3));
|
|
6758
6975
|
var HelpCentreCategories = ({
|
|
@@ -6761,24 +6978,24 @@ var HelpCentreCategories = ({
|
|
|
6761
6978
|
categories
|
|
6762
6979
|
}) => {
|
|
6763
6980
|
const columnCount = getColumnCount(categories.length);
|
|
6764
|
-
return /* @__PURE__ */
|
|
6765
|
-
(sectionTitle || sectionDescription) && /* @__PURE__ */
|
|
6766
|
-
sectionTitle && /* @__PURE__ */
|
|
6767
|
-
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 })
|
|
6768
6985
|
] }),
|
|
6769
|
-
/* @__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}`)) })
|
|
6770
6987
|
] }) });
|
|
6771
6988
|
};
|
|
6772
6989
|
|
|
6773
6990
|
// templates/HelpCentreSubCategories/HelpCentreSubCategories.tsx
|
|
6774
|
-
import { useMemo as useMemo4, useState as
|
|
6775
|
-
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";
|
|
6776
6993
|
var externalLinkRel4 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6777
6994
|
var QuestionCard = ({ item }) => {
|
|
6778
6995
|
if (item.href) {
|
|
6779
|
-
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 }) });
|
|
6780
6997
|
}
|
|
6781
|
-
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 }) });
|
|
6782
6999
|
};
|
|
6783
7000
|
var HelpCentreSubCategories = ({
|
|
6784
7001
|
title,
|
|
@@ -6788,7 +7005,7 @@ var HelpCentreSubCategories = ({
|
|
|
6788
7005
|
noResultsText = 'No results found for "{query}"',
|
|
6789
7006
|
onSearchChange
|
|
6790
7007
|
}) => {
|
|
6791
|
-
const [search, setSearch] =
|
|
7008
|
+
const [search, setSearch] = useState19("");
|
|
6792
7009
|
const filtered = useMemo4(() => {
|
|
6793
7010
|
const q = search.trim().toLowerCase();
|
|
6794
7011
|
if (!q) return items;
|
|
@@ -6802,9 +7019,9 @@ var HelpCentreSubCategories = ({
|
|
|
6802
7019
|
setSearch("");
|
|
6803
7020
|
onSearchChange?.("");
|
|
6804
7021
|
};
|
|
6805
|
-
return /* @__PURE__ */
|
|
6806
|
-
/* @__PURE__ */
|
|
6807
|
-
/* @__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(
|
|
6808
7025
|
SearchField,
|
|
6809
7026
|
{
|
|
6810
7027
|
"aria-label": searchAriaLabel ?? searchPlaceholder,
|
|
@@ -6815,25 +7032,25 @@ var HelpCentreSubCategories = ({
|
|
|
6815
7032
|
variant: "outline"
|
|
6816
7033
|
}
|
|
6817
7034
|
) }),
|
|
6818
|
-
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) })
|
|
6819
7036
|
] }) });
|
|
6820
7037
|
};
|
|
6821
7038
|
|
|
6822
7039
|
// templates/HelpCenterPage/HelpCenterPage.tsx
|
|
6823
|
-
import { useMemo as useMemo5, useState as
|
|
6824
|
-
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";
|
|
6825
7042
|
var externalLinkRel5 = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
6826
|
-
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" }) });
|
|
6827
7044
|
var renderBlock = (block, index) => {
|
|
6828
7045
|
if (block.type === "heading") {
|
|
6829
7046
|
const HeadingTag = block.level === 3 ? "h3" : "h2";
|
|
6830
|
-
return /* @__PURE__ */
|
|
7047
|
+
return /* @__PURE__ */ jsx54(HeadingTag, { className: "hcp-blockHeading", children: block.text }, index);
|
|
6831
7048
|
}
|
|
6832
7049
|
if (block.type === "list") {
|
|
6833
7050
|
const ListTag = block.ordered ? "ol" : "ul";
|
|
6834
|
-
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);
|
|
6835
7052
|
}
|
|
6836
|
-
return /* @__PURE__ */
|
|
7053
|
+
return /* @__PURE__ */ jsx54("p", { className: "hcp-blockParagraph", children: block.text }, index);
|
|
6837
7054
|
};
|
|
6838
7055
|
var QuestionRow = ({
|
|
6839
7056
|
item,
|
|
@@ -6842,7 +7059,7 @@ var QuestionRow = ({
|
|
|
6842
7059
|
}) => {
|
|
6843
7060
|
const rowClass = ["hcp-row", isActive ? "hcp-row--active" : ""].filter(Boolean).join(" ");
|
|
6844
7061
|
if (item.href) {
|
|
6845
|
-
return /* @__PURE__ */
|
|
7062
|
+
return /* @__PURE__ */ jsx54(
|
|
6846
7063
|
"a",
|
|
6847
7064
|
{
|
|
6848
7065
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -6853,11 +7070,11 @@ var QuestionRow = ({
|
|
|
6853
7070
|
onSelect(item);
|
|
6854
7071
|
},
|
|
6855
7072
|
rel: externalLinkRel5(item.href),
|
|
6856
|
-
children: /* @__PURE__ */
|
|
7073
|
+
children: /* @__PURE__ */ jsx54("span", { className: "hcp-rowText", children: item.question })
|
|
6857
7074
|
}
|
|
6858
7075
|
);
|
|
6859
7076
|
}
|
|
6860
|
-
return /* @__PURE__ */
|
|
7077
|
+
return /* @__PURE__ */ jsx54(
|
|
6861
7078
|
"button",
|
|
6862
7079
|
{
|
|
6863
7080
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -6867,7 +7084,7 @@ var QuestionRow = ({
|
|
|
6867
7084
|
onSelect(item);
|
|
6868
7085
|
},
|
|
6869
7086
|
type: "button",
|
|
6870
|
-
children: /* @__PURE__ */
|
|
7087
|
+
children: /* @__PURE__ */ jsx54("span", { className: "hcp-rowText", children: item.question })
|
|
6871
7088
|
}
|
|
6872
7089
|
);
|
|
6873
7090
|
};
|
|
@@ -6886,9 +7103,9 @@ var HelpCenterPage = ({
|
|
|
6886
7103
|
articlesSheetTitle = "Articles in this section",
|
|
6887
7104
|
className
|
|
6888
7105
|
}) => {
|
|
6889
|
-
const [search, setSearch] =
|
|
6890
|
-
const [internalActiveId, setInternalActiveId] =
|
|
6891
|
-
const [sheetOpen, setSheetOpen] =
|
|
7106
|
+
const [search, setSearch] = useState20("");
|
|
7107
|
+
const [internalActiveId, setInternalActiveId] = useState20(defaultActiveQuestionId ?? questions[0]?.id);
|
|
7108
|
+
const [sheetOpen, setSheetOpen] = useState20(false);
|
|
6892
7109
|
const isControlled = activeQuestionId !== void 0;
|
|
6893
7110
|
const activeId = isControlled ? activeQuestionId : internalActiveId;
|
|
6894
7111
|
const activeItem = questions.find((item) => item.id === activeId);
|
|
@@ -6913,9 +7130,9 @@ var HelpCenterPage = ({
|
|
|
6913
7130
|
const resolvedTitle = activeItem?.content ? activeItem.contentTitle ?? contentTitle : contentTitle;
|
|
6914
7131
|
const resolvedContent = activeItem?.content ?? content;
|
|
6915
7132
|
const rootClass = ["hcp-section", className ?? ""].filter(Boolean).join(" ");
|
|
6916
|
-
return /* @__PURE__ */
|
|
6917
|
-
/* @__PURE__ */
|
|
6918
|
-
/* @__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(
|
|
6919
7136
|
SearchField,
|
|
6920
7137
|
{
|
|
6921
7138
|
"aria-label": searchAriaLabel ?? searchPlaceholder,
|
|
@@ -6926,12 +7143,12 @@ var HelpCenterPage = ({
|
|
|
6926
7143
|
variant: "outline"
|
|
6927
7144
|
}
|
|
6928
7145
|
) }),
|
|
6929
|
-
/* @__PURE__ */
|
|
6930
|
-
/* @__PURE__ */
|
|
6931
|
-
/* @__PURE__ */
|
|
6932
|
-
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) })
|
|
6933
7150
|
] }) }),
|
|
6934
|
-
/* @__PURE__ */
|
|
7151
|
+
/* @__PURE__ */ jsxs50(
|
|
6935
7152
|
"button",
|
|
6936
7153
|
{
|
|
6937
7154
|
"aria-expanded": sheetOpen,
|
|
@@ -6939,23 +7156,23 @@ var HelpCenterPage = ({
|
|
|
6939
7156
|
onClick: () => setSheetOpen(true),
|
|
6940
7157
|
type: "button",
|
|
6941
7158
|
children: [
|
|
6942
|
-
/* @__PURE__ */
|
|
6943
|
-
/* @__PURE__ */
|
|
7159
|
+
/* @__PURE__ */ jsx54("span", { className: "hcp-mobileToggleLabel", children: categoryTitle }),
|
|
7160
|
+
/* @__PURE__ */ jsx54("span", { className: "hcp-mobileToggleChevron", children: /* @__PURE__ */ jsx54(ChevronDownIcon5, {}) })
|
|
6944
7161
|
]
|
|
6945
7162
|
}
|
|
6946
7163
|
),
|
|
6947
|
-
/* @__PURE__ */
|
|
6948
|
-
/* @__PURE__ */
|
|
6949
|
-
/* @__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) })
|
|
6950
7167
|
] })
|
|
6951
7168
|
] })
|
|
6952
7169
|
] }),
|
|
6953
|
-
/* @__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) }) })
|
|
6954
7171
|
] });
|
|
6955
7172
|
};
|
|
6956
7173
|
|
|
6957
7174
|
// templates/FeatureBlogPage/FeatureBlogPage.tsx
|
|
6958
|
-
import { useEffect as
|
|
7175
|
+
import { useEffect as useEffect16, useMemo as useMemo6, useState as useState21 } from "react";
|
|
6959
7176
|
|
|
6960
7177
|
// assets/share-link.png
|
|
6961
7178
|
var share_link_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABYklEQVR4AezVgU3DMBAFUMRAzMEQzMEQzMEQzMFE+FX5kuNGF4cgIVWp8us73/n/76vaPj/98+sycE3gmsBDTuCl/bQELayfv5zAW5P6avgYwEzb2n7OGBiJGYjK9xLoYWhJ75ffGCCUm2bF/N7e4HVZxS28Pc7cgvHtiAG3ITiSZd+tIRrizyXRs4TrZdYAgowyxG4IcqyjMXupOS+/w4wBh3txoojsqUVky0D20uPcCnsGCBByCEnEe2JjVtOj3wpiEKcuXmHPwJZ4SBEhloM8kPdnmUxttVYGeoLcfHV4SJiBUbw8WxkI/+ieSGo+CoL29IkPGa8MIIvQuBKz1xvQf0gcQWXArfQgtvZgoK8zAnrUyrFrCmYMIAZnmBEDEWAECAd6p1AZ6MkI+hU0YjEQIMwE9P1qU6gMIAgpITlkT3waewYIEHRDfzIgB7XTmDFwWqQiuAxcE3j8CVTfALUfAAAA//85/ClxAAAABklEQVQDABFpTkF24Li2AAAAAElFTkSuQmCC";
|
|
@@ -6973,9 +7190,9 @@ var share_telegram_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAA
|
|
|
6973
7190
|
var share_linkedin_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABC0lEQVR4AeyU4Q0CMQhGjQM5kXM4hHM4hHM4kbxLSPjRQklJLrlg+tkevcIr5Xq/nfxrgM5AZ2AlAw/5Uncky+ctAnjK0vem8CEuxi0CYOfjletW10cEYMP85OEjKm0ZgJdEBoBehjUtA6AR3ZTqS6t9BuArTilIt6jknVTLAJB+6gARhN7aOBqEjfklZQFwTmCcM0YERdiR2ngnVAbAc0Zd2KMBBHlrjrkqAK0NC3EEiP4qANi9xrFjtbl9BYAbIJpsgEwGOF+kWWWsUhv9yIZ9qAwAlY600untMwEIjg0xxuYqA+A6cibd+yAC4IbbFTfjlC8CYCE72BE+ploBmC6umGiA62cgqpM/AAAA///Uc2lWAAAABklEQVQDAGm0P0FrHt4RAAAAAElFTkSuQmCC";
|
|
6974
7191
|
|
|
6975
7192
|
// templates/FeatureBlogPage/FeatureBlogPage.tsx
|
|
6976
|
-
import { jsx as
|
|
6977
|
-
var ChevronDownIcon6 = () => /* @__PURE__ */
|
|
6978
|
-
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" }) });
|
|
6979
7196
|
var SHARE_ICONS = {
|
|
6980
7197
|
facebook: { src: share_facebook_default, alt: "Facebook" },
|
|
6981
7198
|
twitter: { src: share_x_default, alt: "X" },
|
|
@@ -7012,10 +7229,10 @@ var TocCard = ({
|
|
|
7012
7229
|
idSuffix,
|
|
7013
7230
|
collapsible
|
|
7014
7231
|
}) => {
|
|
7015
|
-
const [open, setOpen] =
|
|
7232
|
+
const [open, setOpen] = useState21(defaultOpen);
|
|
7016
7233
|
const panelId = `fbp-toc-panel-${idSuffix}`;
|
|
7017
7234
|
const isOpen = collapsible ? open : true;
|
|
7018
|
-
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(
|
|
7019
7236
|
"a",
|
|
7020
7237
|
{
|
|
7021
7238
|
"aria-current": activeId === heading.id ? "location" : void 0,
|
|
@@ -7028,8 +7245,8 @@ var TocCard = ({
|
|
|
7028
7245
|
children: heading.text
|
|
7029
7246
|
}
|
|
7030
7247
|
) }, heading.id)) });
|
|
7031
|
-
return /* @__PURE__ */
|
|
7032
|
-
collapsible ? /* @__PURE__ */
|
|
7248
|
+
return /* @__PURE__ */ jsxs51("div", { className: "fbp-tocCard", children: [
|
|
7249
|
+
collapsible ? /* @__PURE__ */ jsxs51(
|
|
7033
7250
|
"button",
|
|
7034
7251
|
{
|
|
7035
7252
|
"aria-controls": panelId,
|
|
@@ -7038,11 +7255,11 @@ var TocCard = ({
|
|
|
7038
7255
|
onClick: () => setOpen((prev) => !prev),
|
|
7039
7256
|
type: "button",
|
|
7040
7257
|
children: [
|
|
7041
|
-
/* @__PURE__ */
|
|
7042
|
-
/* @__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, {}) })
|
|
7043
7260
|
]
|
|
7044
7261
|
}
|
|
7045
|
-
) : /* @__PURE__ */
|
|
7262
|
+
) : /* @__PURE__ */ jsx55("div", { className: "fbp-tocHeader", children: /* @__PURE__ */ jsx55("span", { className: "fbp-tocTitle", children: tocTitle }) }),
|
|
7046
7263
|
isOpen && list
|
|
7047
7264
|
] });
|
|
7048
7265
|
};
|
|
@@ -7054,7 +7271,7 @@ var ShareRow = ({
|
|
|
7054
7271
|
onShare,
|
|
7055
7272
|
copiedLabel
|
|
7056
7273
|
}) => {
|
|
7057
|
-
const [copied, setCopied] =
|
|
7274
|
+
const [copied, setCopied] = useState21(false);
|
|
7058
7275
|
const handleCopy = async () => {
|
|
7059
7276
|
onShare?.("copy");
|
|
7060
7277
|
try {
|
|
@@ -7066,22 +7283,22 @@ var ShareRow = ({
|
|
|
7066
7283
|
} catch {
|
|
7067
7284
|
}
|
|
7068
7285
|
};
|
|
7069
|
-
return /* @__PURE__ */
|
|
7070
|
-
/* @__PURE__ */
|
|
7071
|
-
/* @__PURE__ */
|
|
7072
|
-
/* @__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(
|
|
7073
7290
|
"button",
|
|
7074
7291
|
{
|
|
7075
7292
|
"aria-label": copied ? copiedLabel : "Copy link",
|
|
7076
7293
|
className: "fbp-shareIcon",
|
|
7077
7294
|
onClick: handleCopy,
|
|
7078
7295
|
type: "button",
|
|
7079
|
-
children: copied ? /* @__PURE__ */
|
|
7296
|
+
children: copied ? /* @__PURE__ */ jsx55(CheckIcon3, {}) : /* @__PURE__ */ jsx55("img", { alt: "", className: "fbp-shareIconImg", src: share_link_default })
|
|
7080
7297
|
}
|
|
7081
7298
|
),
|
|
7082
7299
|
platforms.map((platform) => {
|
|
7083
7300
|
const icon = SHARE_ICONS[platform];
|
|
7084
|
-
return /* @__PURE__ */
|
|
7301
|
+
return /* @__PURE__ */ jsx55(
|
|
7085
7302
|
"a",
|
|
7086
7303
|
{
|
|
7087
7304
|
"aria-label": LABELS[platform],
|
|
@@ -7090,7 +7307,7 @@ var ShareRow = ({
|
|
|
7090
7307
|
onClick: () => onShare?.(platform),
|
|
7091
7308
|
rel: "noopener noreferrer",
|
|
7092
7309
|
target: "_blank",
|
|
7093
|
-
children: /* @__PURE__ */
|
|
7310
|
+
children: /* @__PURE__ */ jsx55("img", { alt: "", className: "fbp-shareIconImg", src: icon.src })
|
|
7094
7311
|
},
|
|
7095
7312
|
platform
|
|
7096
7313
|
);
|
|
@@ -7103,28 +7320,28 @@ var renderBlock2 = (block, index, headingIds) => {
|
|
|
7103
7320
|
const level = block.level ?? 2;
|
|
7104
7321
|
const HeadingTag = level === 3 ? "h3" : "h2";
|
|
7105
7322
|
const headingClass = level === 3 ? "fbp-blockHeading fbp-blockHeading--h3" : "fbp-blockHeading";
|
|
7106
|
-
return /* @__PURE__ */
|
|
7323
|
+
return /* @__PURE__ */ jsx55(HeadingTag, { className: headingClass, id: headingIds.get(index), children: block.text }, index);
|
|
7107
7324
|
}
|
|
7108
7325
|
if (block.type === "list") {
|
|
7109
7326
|
const ListTag = block.ordered ? "ol" : "ul";
|
|
7110
|
-
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);
|
|
7111
7328
|
}
|
|
7112
7329
|
if (block.type === "quote") {
|
|
7113
|
-
return /* @__PURE__ */
|
|
7114
|
-
/* @__PURE__ */
|
|
7115
|
-
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 })
|
|
7116
7333
|
] }, index);
|
|
7117
7334
|
}
|
|
7118
7335
|
if (block.type === "image") {
|
|
7119
|
-
return /* @__PURE__ */
|
|
7120
|
-
/* @__PURE__ */
|
|
7121
|
-
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 })
|
|
7122
7339
|
] }, index);
|
|
7123
7340
|
}
|
|
7124
7341
|
if (block.type === "steps") {
|
|
7125
|
-
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);
|
|
7126
7343
|
}
|
|
7127
|
-
return /* @__PURE__ */
|
|
7344
|
+
return /* @__PURE__ */ jsx55("p", { className: "fbp-blockParagraph", children: block.text }, index);
|
|
7128
7345
|
};
|
|
7129
7346
|
var FeatureBlogPage = ({
|
|
7130
7347
|
category,
|
|
@@ -7164,8 +7381,8 @@ var FeatureBlogPage = ({
|
|
|
7164
7381
|
).map(({ block, i }) => ({ id: headingIds.get(i), text: block.text ?? "" })),
|
|
7165
7382
|
[content, headingIds]
|
|
7166
7383
|
);
|
|
7167
|
-
const [activeId, setActiveId] =
|
|
7168
|
-
|
|
7384
|
+
const [activeId, setActiveId] = useState21(null);
|
|
7385
|
+
useEffect16(() => {
|
|
7169
7386
|
if (typeof IntersectionObserver === "undefined" || headings.length === 0) return;
|
|
7170
7387
|
const elements = headings.map((heading) => document.getElementById(heading.id)).filter((el) => el !== null);
|
|
7171
7388
|
if (elements.length === 0) return;
|
|
@@ -7193,8 +7410,8 @@ var FeatureBlogPage = ({
|
|
|
7193
7410
|
const showToc = !hideToc && headings.length > 0;
|
|
7194
7411
|
const showShare = !hideShare && Boolean(shareUrl);
|
|
7195
7412
|
const resolvedShareText = shareText ?? title;
|
|
7196
|
-
return /* @__PURE__ */
|
|
7197
|
-
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(
|
|
7198
7415
|
TocCard,
|
|
7199
7416
|
{
|
|
7200
7417
|
activeId,
|
|
@@ -7206,14 +7423,14 @@ var FeatureBlogPage = ({
|
|
|
7206
7423
|
tocTitle
|
|
7207
7424
|
}
|
|
7208
7425
|
) }),
|
|
7209
|
-
/* @__PURE__ */
|
|
7210
|
-
/* @__PURE__ */
|
|
7211
|
-
/* @__PURE__ */
|
|
7212
|
-
category && /* @__PURE__ */
|
|
7213
|
-
/* @__PURE__ */
|
|
7214
|
-
(publishDate || author) && /* @__PURE__ */
|
|
7215
|
-
author && /* @__PURE__ */
|
|
7216
|
-
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(
|
|
7217
7434
|
"img",
|
|
7218
7435
|
{
|
|
7219
7436
|
alt: author.avatarAlt ?? "",
|
|
@@ -7221,14 +7438,14 @@ var FeatureBlogPage = ({
|
|
|
7221
7438
|
src: author.avatar
|
|
7222
7439
|
}
|
|
7223
7440
|
),
|
|
7224
|
-
/* @__PURE__ */
|
|
7441
|
+
/* @__PURE__ */ jsx55("span", { className: "fbp-authorName", children: author.name })
|
|
7225
7442
|
] }),
|
|
7226
|
-
publishDate && /* @__PURE__ */
|
|
7443
|
+
publishDate && /* @__PURE__ */ jsx55("span", { className: "fbp-dateChip", children: publishDate })
|
|
7227
7444
|
] })
|
|
7228
7445
|
] }),
|
|
7229
|
-
heroImage && /* @__PURE__ */
|
|
7230
|
-
/* @__PURE__ */
|
|
7231
|
-
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(
|
|
7232
7449
|
ShareRow,
|
|
7233
7450
|
{
|
|
7234
7451
|
copiedLabel,
|
|
@@ -7240,8 +7457,8 @@ var FeatureBlogPage = ({
|
|
|
7240
7457
|
}
|
|
7241
7458
|
) })
|
|
7242
7459
|
] }),
|
|
7243
|
-
(showToc || showShare) && /* @__PURE__ */
|
|
7244
|
-
showToc && /* @__PURE__ */
|
|
7460
|
+
(showToc || showShare) && /* @__PURE__ */ jsx55("aside", { className: "fbp-sidebar", children: /* @__PURE__ */ jsxs51("div", { className: "fbp-sidebarSticky", children: [
|
|
7461
|
+
showToc && /* @__PURE__ */ jsx55(
|
|
7245
7462
|
TocCard,
|
|
7246
7463
|
{
|
|
7247
7464
|
activeId,
|
|
@@ -7253,7 +7470,7 @@ var FeatureBlogPage = ({
|
|
|
7253
7470
|
tocTitle
|
|
7254
7471
|
}
|
|
7255
7472
|
),
|
|
7256
|
-
showShare && /* @__PURE__ */
|
|
7473
|
+
showShare && /* @__PURE__ */ jsx55(
|
|
7257
7474
|
ShareRow,
|
|
7258
7475
|
{
|
|
7259
7476
|
copiedLabel,
|
|
@@ -7270,9 +7487,9 @@ var FeatureBlogPage = ({
|
|
|
7270
7487
|
};
|
|
7271
7488
|
|
|
7272
7489
|
// templates/ParallaxBanner/ParallaxBanner.tsx
|
|
7273
|
-
import { useRef as
|
|
7490
|
+
import { useRef as useRef19 } from "react";
|
|
7274
7491
|
import { motion as motion5, useScroll as useScroll4, useSpring as useSpring3, useTransform as useTransform3, useReducedMotion } from "framer-motion";
|
|
7275
|
-
import { jsx as
|
|
7492
|
+
import { jsx as jsx56, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
7276
7493
|
var PARALLAX_BANNER_TEXT_CONTENT = {
|
|
7277
7494
|
title: "Our culture",
|
|
7278
7495
|
description: "We combine human values with AI precision. Collaboration, integrity, and continuous learning guide every project.",
|
|
@@ -7313,7 +7530,7 @@ var ParallaxBanner = ({
|
|
|
7313
7530
|
className,
|
|
7314
7531
|
...props
|
|
7315
7532
|
}) => {
|
|
7316
|
-
const sectionRef =
|
|
7533
|
+
const sectionRef = useRef19(null);
|
|
7317
7534
|
const prefersReducedMotion = useReducedMotion();
|
|
7318
7535
|
const parallaxActive = enableParallax && !prefersReducedMotion;
|
|
7319
7536
|
const showCards = variant !== "banner-only" && cards.length > 0;
|
|
@@ -7323,7 +7540,7 @@ var ParallaxBanner = ({
|
|
|
7323
7540
|
});
|
|
7324
7541
|
const smoothProgress = useSpring3(scrollYProgress, PARALLAX_SPRING);
|
|
7325
7542
|
const parallaxY = useTransform3(smoothProgress, [0, 1], [-PARALLAX_PX, PARALLAX_PX]);
|
|
7326
|
-
return /* @__PURE__ */
|
|
7543
|
+
return /* @__PURE__ */ jsx56(
|
|
7327
7544
|
"section",
|
|
7328
7545
|
{
|
|
7329
7546
|
ref: sectionRef,
|
|
@@ -7333,12 +7550,12 @@ var ParallaxBanner = ({
|
|
|
7333
7550
|
className
|
|
7334
7551
|
].filter(Boolean).join(" "),
|
|
7335
7552
|
...props,
|
|
7336
|
-
children: /* @__PURE__ */
|
|
7337
|
-
/* @__PURE__ */
|
|
7338
|
-
/* @__PURE__ */
|
|
7339
|
-
/* @__PURE__ */
|
|
7340
|
-
description && /* @__PURE__ */
|
|
7341
|
-
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(
|
|
7342
7559
|
Link,
|
|
7343
7560
|
{
|
|
7344
7561
|
colorScheme: "white",
|
|
@@ -7350,7 +7567,7 @@ var ParallaxBanner = ({
|
|
|
7350
7567
|
}
|
|
7351
7568
|
) })
|
|
7352
7569
|
] }),
|
|
7353
|
-
imageUrl && /* @__PURE__ */
|
|
7570
|
+
imageUrl && /* @__PURE__ */ jsx56("div", { className: "parallax-banner__image-wrapper", children: /* @__PURE__ */ jsx56(
|
|
7354
7571
|
motion5.img,
|
|
7355
7572
|
{
|
|
7356
7573
|
src: imageUrl,
|
|
@@ -7361,14 +7578,14 @@ var ParallaxBanner = ({
|
|
|
7361
7578
|
}
|
|
7362
7579
|
) })
|
|
7363
7580
|
] }),
|
|
7364
|
-
showCards && /* @__PURE__ */
|
|
7581
|
+
showCards && /* @__PURE__ */ jsx56("div", { className: "parallax-banner__cards", role: "list", children: cards.map((card, index) => /* @__PURE__ */ jsxs52(
|
|
7365
7582
|
"div",
|
|
7366
7583
|
{
|
|
7367
7584
|
className: "parallax-banner__card-item",
|
|
7368
7585
|
role: "listitem",
|
|
7369
7586
|
children: [
|
|
7370
|
-
/* @__PURE__ */
|
|
7371
|
-
/* @__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 })
|
|
7372
7589
|
]
|
|
7373
7590
|
},
|
|
7374
7591
|
`${card.title}-${index}`
|
|
@@ -7379,8 +7596,8 @@ var ParallaxBanner = ({
|
|
|
7379
7596
|
};
|
|
7380
7597
|
|
|
7381
7598
|
// templates/TradingCalculator/TradingCalculator.tsx
|
|
7382
|
-
import { useCallback as useCallback5, useEffect as
|
|
7383
|
-
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";
|
|
7384
7601
|
var DEFAULT_SYMBOLS_ENDPOINT = "https://deriv-static-pricingfeedv2.firebaseio.com/n8n/row/prod/dynamic_trading_specs.json";
|
|
7385
7602
|
var DEFAULT_EXCHANGE_RATE_WS_URL = "wss://ws.derivws.com/websockets/v3?app_id=1089";
|
|
7386
7603
|
var USD = "USD";
|
|
@@ -7416,13 +7633,13 @@ function computeResults(symbol, volumeInLots, assetPrice, rates) {
|
|
|
7416
7633
|
return { marginRequired, tradeVolume, pipValue, swapChargeLong, swapChargeShort };
|
|
7417
7634
|
}
|
|
7418
7635
|
function useExchangeRates(wsUrl) {
|
|
7419
|
-
const socketRef =
|
|
7420
|
-
const reqIdRef =
|
|
7421
|
-
const pendingRef =
|
|
7636
|
+
const socketRef = useRef20(null);
|
|
7637
|
+
const reqIdRef = useRef20(1);
|
|
7638
|
+
const pendingRef = useRef20(
|
|
7422
7639
|
/* @__PURE__ */ new Map()
|
|
7423
7640
|
);
|
|
7424
|
-
const cacheRef =
|
|
7425
|
-
|
|
7641
|
+
const cacheRef = useRef20(/* @__PURE__ */ new Map());
|
|
7642
|
+
useEffect17(() => {
|
|
7426
7643
|
const pending = pendingRef.current;
|
|
7427
7644
|
return () => {
|
|
7428
7645
|
socketRef.current?.close();
|
|
@@ -7493,11 +7710,11 @@ function useExchangeRates(wsUrl) {
|
|
|
7493
7710
|
return getRates;
|
|
7494
7711
|
}
|
|
7495
7712
|
function useSymbols(symbolsProp, endpoint) {
|
|
7496
|
-
const [state, setState] =
|
|
7713
|
+
const [state, setState] = useState22(
|
|
7497
7714
|
symbolsProp ? { status: "ready", data: symbolsProp } : { status: "loading" }
|
|
7498
7715
|
);
|
|
7499
|
-
const [retryToken, setRetryToken] =
|
|
7500
|
-
|
|
7716
|
+
const [retryToken, setRetryToken] = useState22(0);
|
|
7717
|
+
useEffect17(() => {
|
|
7501
7718
|
if (symbolsProp) {
|
|
7502
7719
|
setState({ status: "ready", data: symbolsProp });
|
|
7503
7720
|
return;
|
|
@@ -7522,12 +7739,12 @@ function useSymbols(symbolsProp, endpoint) {
|
|
|
7522
7739
|
const retry = useCallback5(() => setRetryToken((n) => n + 1), []);
|
|
7523
7740
|
return [state, retry];
|
|
7524
7741
|
}
|
|
7525
|
-
var ErrorIcon = () => /* @__PURE__ */
|
|
7526
|
-
/* @__PURE__ */
|
|
7527
|
-
/* @__PURE__ */
|
|
7528
|
-
/* @__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" })
|
|
7529
7746
|
] });
|
|
7530
|
-
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" }) });
|
|
7531
7748
|
function groupByAssetClass(symbols) {
|
|
7532
7749
|
const groups = /* @__PURE__ */ new Map();
|
|
7533
7750
|
for (const item of symbols) {
|
|
@@ -7541,10 +7758,10 @@ function groupByAssetClass(symbols) {
|
|
|
7541
7758
|
return [...groups.entries()];
|
|
7542
7759
|
}
|
|
7543
7760
|
var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputId }) => {
|
|
7544
|
-
const [query, setQuery] =
|
|
7545
|
-
const [isOpen, setIsOpen] =
|
|
7546
|
-
const [activeIndex, setActiveIndex] =
|
|
7547
|
-
const wrapperRef =
|
|
7761
|
+
const [query, setQuery] = useState22("");
|
|
7762
|
+
const [isOpen, setIsOpen] = useState22(false);
|
|
7763
|
+
const [activeIndex, setActiveIndex] = useState22(-1);
|
|
7764
|
+
const wrapperRef = useRef20(null);
|
|
7548
7765
|
const listboxId = useId4();
|
|
7549
7766
|
const isLoading = symbolsState.status === "loading";
|
|
7550
7767
|
const isError = symbolsState.status === "error";
|
|
@@ -7558,7 +7775,7 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7558
7775
|
}, [allSymbols, query]);
|
|
7559
7776
|
const grouped = useMemo7(() => groupByAssetClass(filtered), [filtered]);
|
|
7560
7777
|
const flatOptions = useMemo7(() => grouped.flatMap(([, items]) => items), [grouped]);
|
|
7561
|
-
|
|
7778
|
+
useEffect17(() => {
|
|
7562
7779
|
if (!isOpen) return;
|
|
7563
7780
|
const handlePointerDown = (event) => {
|
|
7564
7781
|
if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
|
|
@@ -7592,14 +7809,14 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7592
7809
|
setIsOpen(false);
|
|
7593
7810
|
}
|
|
7594
7811
|
};
|
|
7595
|
-
return /* @__PURE__ */
|
|
7596
|
-
/* @__PURE__ */
|
|
7812
|
+
return /* @__PURE__ */ jsxs53("div", { className: "tcalc-field", ref: wrapperRef, children: [
|
|
7813
|
+
/* @__PURE__ */ jsx57(
|
|
7597
7814
|
SearchField,
|
|
7598
7815
|
{
|
|
7599
7816
|
id: inputId,
|
|
7600
|
-
label: /* @__PURE__ */
|
|
7817
|
+
label: /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
7601
7818
|
"Symbols ",
|
|
7602
|
-
/* @__PURE__ */
|
|
7819
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-required", children: "*" })
|
|
7603
7820
|
] }),
|
|
7604
7821
|
role: "combobox",
|
|
7605
7822
|
"aria-expanded": isOpen,
|
|
@@ -7612,7 +7829,7 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7612
7829
|
autoComplete: "off",
|
|
7613
7830
|
disabled: isLoading || isError,
|
|
7614
7831
|
hideClearButton: true,
|
|
7615
|
-
trailingSlot: /* @__PURE__ */
|
|
7832
|
+
trailingSlot: /* @__PURE__ */ jsx57(ChevronIcon3, {}),
|
|
7616
7833
|
placeholder: isLoading ? "Loading symbols\u2026" : isError ? "Symbols unavailable" : "Search symbol, e.g. EURUSD",
|
|
7617
7834
|
value: displayValue,
|
|
7618
7835
|
onFocus: () => setIsOpen(true),
|
|
@@ -7624,17 +7841,17 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7624
7841
|
onKeyDown: handleKeyDown
|
|
7625
7842
|
}
|
|
7626
7843
|
),
|
|
7627
|
-
isOpen && !isLoading && !isError && /* @__PURE__ */
|
|
7628
|
-
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: [
|
|
7629
7846
|
'No symbols match "',
|
|
7630
7847
|
query,
|
|
7631
7848
|
'"'
|
|
7632
7849
|
] }),
|
|
7633
|
-
grouped.map(([assetClass, items]) => /* @__PURE__ */
|
|
7634
|
-
/* @__PURE__ */
|
|
7850
|
+
grouped.map(([assetClass, items]) => /* @__PURE__ */ jsxs53("div", { className: "tcalc-dropdownGroup", children: [
|
|
7851
|
+
/* @__PURE__ */ jsx57("p", { className: "tcalc-dropdownGroupTitle", children: assetClass }),
|
|
7635
7852
|
items.map((item) => {
|
|
7636
7853
|
const flatIndex = flatOptions.indexOf(item);
|
|
7637
|
-
return /* @__PURE__ */
|
|
7854
|
+
return /* @__PURE__ */ jsxs53(
|
|
7638
7855
|
"div",
|
|
7639
7856
|
{
|
|
7640
7857
|
className: [
|
|
@@ -7650,8 +7867,8 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7650
7867
|
},
|
|
7651
7868
|
onMouseEnter: () => setActiveIndex(flatIndex),
|
|
7652
7869
|
children: [
|
|
7653
|
-
/* @__PURE__ */
|
|
7654
|
-
/* @__PURE__ */
|
|
7870
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-dropdownSymbol", children: item.symbol }),
|
|
7871
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-dropdownDesc", children: item.description })
|
|
7655
7872
|
]
|
|
7656
7873
|
},
|
|
7657
7874
|
item.symbol
|
|
@@ -7659,14 +7876,14 @@ var SymbolCombobox = ({ symbolsState, onRetry, selected, onSelect, error, inputI
|
|
|
7659
7876
|
})
|
|
7660
7877
|
] }, assetClass))
|
|
7661
7878
|
] }),
|
|
7662
|
-
isError && /* @__PURE__ */
|
|
7663
|
-
/* @__PURE__ */
|
|
7879
|
+
isError && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
7880
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7664
7881
|
" Unable to load symbols.",
|
|
7665
7882
|
" ",
|
|
7666
|
-
/* @__PURE__ */
|
|
7883
|
+
/* @__PURE__ */ jsx57("button", { type: "button", className: "tcalc-retryLink", onClick: onRetry, children: "Retry" })
|
|
7667
7884
|
] }),
|
|
7668
|
-
!isError && error && /* @__PURE__ */
|
|
7669
|
-
/* @__PURE__ */
|
|
7885
|
+
!isError && error && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
7886
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7670
7887
|
" ",
|
|
7671
7888
|
error
|
|
7672
7889
|
] })
|
|
@@ -7676,14 +7893,14 @@ var InfoRow = ({
|
|
|
7676
7893
|
label,
|
|
7677
7894
|
value,
|
|
7678
7895
|
separator = "="
|
|
7679
|
-
}) => /* @__PURE__ */
|
|
7680
|
-
/* @__PURE__ */
|
|
7896
|
+
}) => /* @__PURE__ */ jsxs53("p", { className: "tcalc-infoRow", children: [
|
|
7897
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-infoLabel", children: label }),
|
|
7681
7898
|
separator === "=" ? " = " : ": ",
|
|
7682
|
-
/* @__PURE__ */
|
|
7899
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-infoValue", children: value })
|
|
7683
7900
|
] });
|
|
7684
|
-
var ResultBox = ({ label, value }) => /* @__PURE__ */
|
|
7685
|
-
/* @__PURE__ */
|
|
7686
|
-
/* @__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 })
|
|
7687
7904
|
] });
|
|
7688
7905
|
var TradingCalculator = ({
|
|
7689
7906
|
variant = "main",
|
|
@@ -7700,15 +7917,15 @@ var TradingCalculator = ({
|
|
|
7700
7917
|
const showTradeVolume = variant === "main";
|
|
7701
7918
|
const [symbolsState, retrySymbols] = useSymbols(symbolsProp, symbolsEndpoint);
|
|
7702
7919
|
const getRates = useExchangeRates(exchangeRateWsUrl);
|
|
7703
|
-
const [selectedSymbol, setSelectedSymbol] =
|
|
7704
|
-
const [volumeInLots, setVolumeInLots] =
|
|
7705
|
-
const [assetPrice, setAssetPrice] =
|
|
7706
|
-
const [errors, setErrors] =
|
|
7707
|
-
const [results, setResults] =
|
|
7708
|
-
const [isCalculating, setIsCalculating] =
|
|
7709
|
-
const [calcError, setCalcError] =
|
|
7710
|
-
const didPreselect =
|
|
7711
|
-
|
|
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(() => {
|
|
7712
7929
|
if (didPreselect.current || !defaultSymbol || symbolsState.status !== "ready") return;
|
|
7713
7930
|
const match = symbolsState.data.find((item) => item.symbol === defaultSymbol);
|
|
7714
7931
|
if (match) {
|
|
@@ -7765,10 +7982,10 @@ var TradingCalculator = ({
|
|
|
7765
7982
|
const symbolInputId = useId4();
|
|
7766
7983
|
const volumeInputId = useId4();
|
|
7767
7984
|
const priceInputId = useId4();
|
|
7768
|
-
return /* @__PURE__ */
|
|
7769
|
-
/* @__PURE__ */
|
|
7770
|
-
/* @__PURE__ */
|
|
7771
|
-
/* @__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(
|
|
7772
7989
|
SymbolCombobox,
|
|
7773
7990
|
{
|
|
7774
7991
|
symbolsState,
|
|
@@ -7779,27 +7996,27 @@ var TradingCalculator = ({
|
|
|
7779
7996
|
inputId: symbolInputId
|
|
7780
7997
|
}
|
|
7781
7998
|
),
|
|
7782
|
-
/* @__PURE__ */
|
|
7783
|
-
/* @__PURE__ */
|
|
7784
|
-
/* @__PURE__ */
|
|
7785
|
-
/* @__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(
|
|
7786
8003
|
InfoRow,
|
|
7787
8004
|
{
|
|
7788
8005
|
label: "Effective Leverage",
|
|
7789
8006
|
value: selectedSymbol ? `1 : ${Math.round((selectedSymbol.effective_leverage + Number.EPSILON) * 100) / 100}` : "-"
|
|
7790
8007
|
}
|
|
7791
8008
|
),
|
|
7792
|
-
/* @__PURE__ */
|
|
8009
|
+
/* @__PURE__ */ jsx57(InfoRow, { label: "Point size", value: selectedSymbol ? String(selectedSymbol.point_size) : "-" })
|
|
7793
8010
|
] }),
|
|
7794
|
-
/* @__PURE__ */
|
|
7795
|
-
/* @__PURE__ */
|
|
8011
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-field", children: [
|
|
8012
|
+
/* @__PURE__ */ jsx57(
|
|
7796
8013
|
TextField,
|
|
7797
8014
|
{
|
|
7798
8015
|
id: volumeInputId,
|
|
7799
8016
|
className: "tcalc-numberField",
|
|
7800
|
-
label: /* @__PURE__ */
|
|
8017
|
+
label: /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
7801
8018
|
"Volume in Lots ",
|
|
7802
|
-
/* @__PURE__ */
|
|
8019
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-required", children: "*" })
|
|
7803
8020
|
] }),
|
|
7804
8021
|
status: errors.volume ? "fail" : "neutral",
|
|
7805
8022
|
type: "number",
|
|
@@ -7820,21 +8037,21 @@ var TradingCalculator = ({
|
|
|
7820
8037
|
}
|
|
7821
8038
|
}
|
|
7822
8039
|
),
|
|
7823
|
-
errors.volume && /* @__PURE__ */
|
|
7824
|
-
/* @__PURE__ */
|
|
8040
|
+
errors.volume && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
8041
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7825
8042
|
" ",
|
|
7826
8043
|
errors.volume
|
|
7827
8044
|
] })
|
|
7828
8045
|
] }),
|
|
7829
|
-
/* @__PURE__ */
|
|
7830
|
-
/* @__PURE__ */
|
|
8046
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-field", children: [
|
|
8047
|
+
/* @__PURE__ */ jsx57(
|
|
7831
8048
|
TextField,
|
|
7832
8049
|
{
|
|
7833
8050
|
id: priceInputId,
|
|
7834
8051
|
className: "tcalc-numberField",
|
|
7835
|
-
label: /* @__PURE__ */
|
|
8052
|
+
label: /* @__PURE__ */ jsxs53(Fragment11, { children: [
|
|
7836
8053
|
"Asset price ",
|
|
7837
|
-
/* @__PURE__ */
|
|
8054
|
+
/* @__PURE__ */ jsx57("span", { className: "tcalc-required", children: "*" })
|
|
7838
8055
|
] }),
|
|
7839
8056
|
status: errors.price ? "fail" : "neutral",
|
|
7840
8057
|
type: "number",
|
|
@@ -7849,14 +8066,14 @@ var TradingCalculator = ({
|
|
|
7849
8066
|
}
|
|
7850
8067
|
}
|
|
7851
8068
|
),
|
|
7852
|
-
errors.price && /* @__PURE__ */
|
|
7853
|
-
/* @__PURE__ */
|
|
8069
|
+
errors.price && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError", children: [
|
|
8070
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7854
8071
|
" ",
|
|
7855
8072
|
errors.price
|
|
7856
8073
|
] })
|
|
7857
8074
|
] }),
|
|
7858
|
-
/* @__PURE__ */
|
|
7859
|
-
/* @__PURE__ */
|
|
8075
|
+
/* @__PURE__ */ jsxs53("div", { className: "tcalc-actions", children: [
|
|
8076
|
+
/* @__PURE__ */ jsx57(
|
|
7860
8077
|
Button,
|
|
7861
8078
|
{
|
|
7862
8079
|
type: "button",
|
|
@@ -7868,7 +8085,7 @@ var TradingCalculator = ({
|
|
|
7868
8085
|
fullWidth: true
|
|
7869
8086
|
}
|
|
7870
8087
|
),
|
|
7871
|
-
/* @__PURE__ */
|
|
8088
|
+
/* @__PURE__ */ jsx57(
|
|
7872
8089
|
Button,
|
|
7873
8090
|
{
|
|
7874
8091
|
type: "button",
|
|
@@ -7881,39 +8098,39 @@ var TradingCalculator = ({
|
|
|
7881
8098
|
)
|
|
7882
8099
|
] })
|
|
7883
8100
|
] }),
|
|
7884
|
-
/* @__PURE__ */
|
|
7885
|
-
/* @__PURE__ */
|
|
7886
|
-
showMargin && /* @__PURE__ */
|
|
7887
|
-
showTradeVolume && showPip && /* @__PURE__ */
|
|
7888
|
-
/* @__PURE__ */
|
|
7889
|
-
/* @__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) : "$" })
|
|
7890
8107
|
] }),
|
|
7891
|
-
!showTradeVolume && showPip && /* @__PURE__ */
|
|
7892
|
-
showSwap && /* @__PURE__ */
|
|
7893
|
-
/* @__PURE__ */
|
|
7894
|
-
/* @__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) : "$" })
|
|
7895
8112
|
] }),
|
|
7896
|
-
calcError && /* @__PURE__ */
|
|
7897
|
-
/* @__PURE__ */
|
|
8113
|
+
calcError && /* @__PURE__ */ jsxs53("p", { className: "tcalc-fieldError tcalc-calcError", children: [
|
|
8114
|
+
/* @__PURE__ */ jsx57(ErrorIcon, {}),
|
|
7898
8115
|
" ",
|
|
7899
8116
|
calcError
|
|
7900
8117
|
] }),
|
|
7901
|
-
showSwap && /* @__PURE__ */
|
|
7902
|
-
/* @__PURE__ */
|
|
7903
|
-
/* @__PURE__ */
|
|
7904
|
-
/* @__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) : "-" })
|
|
7905
8122
|
] }),
|
|
7906
|
-
/* @__PURE__ */
|
|
7907
|
-
/* @__PURE__ */
|
|
7908
|
-
/* @__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 ?? "-") : "-" })
|
|
7909
8126
|
] })
|
|
7910
8127
|
] })
|
|
7911
8128
|
] }) }) });
|
|
7912
8129
|
};
|
|
7913
8130
|
|
|
7914
8131
|
// templates/TradingCalculatorHowTo/TradingCalculatorHowTo.tsx
|
|
7915
|
-
import { Fragment as
|
|
7916
|
-
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";
|
|
7917
8134
|
var MARGIN_CONTENT = {
|
|
7918
8135
|
title: "How to calculate margin requirements",
|
|
7919
8136
|
description: "Use this formula to calculate how much margin is required based on your lot size, leverage ratio, and the current market price.",
|
|
@@ -8063,14 +8280,14 @@ var SWAP_TABS = [
|
|
|
8063
8280
|
{ id: "percentage", label: "Swap calculation (In percentage)" }
|
|
8064
8281
|
];
|
|
8065
8282
|
var swapModeForVariant = (variant) => variant === "swap-percentage" ? "percentage" : "points";
|
|
8066
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect3 :
|
|
8283
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect3 : useEffect18;
|
|
8067
8284
|
var FormulaBlockView = ({ block }) => {
|
|
8068
8285
|
if (block.type === "footnote") {
|
|
8069
|
-
return /* @__PURE__ */
|
|
8286
|
+
return /* @__PURE__ */ jsx58("p", { className: "tchow-footnote", children: block.content });
|
|
8070
8287
|
}
|
|
8071
8288
|
if (block.type === "bullets") {
|
|
8072
|
-
return /* @__PURE__ */
|
|
8073
|
-
/* @__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: [
|
|
8074
8291
|
item.term,
|
|
8075
8292
|
":"
|
|
8076
8293
|
] }),
|
|
@@ -8078,16 +8295,16 @@ var FormulaBlockView = ({ block }) => {
|
|
|
8078
8295
|
item.content
|
|
8079
8296
|
] }, item.term)) });
|
|
8080
8297
|
}
|
|
8081
|
-
return /* @__PURE__ */
|
|
8298
|
+
return /* @__PURE__ */ jsx58("p", { className: "tchow-text", children: block.content });
|
|
8082
8299
|
};
|
|
8083
|
-
var ConnectorArrow = () => /* @__PURE__ */
|
|
8084
|
-
/* @__PURE__ */
|
|
8085
|
-
/* @__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" })
|
|
8086
8303
|
] });
|
|
8087
8304
|
var CalculationStrip = ({ tokens }) => {
|
|
8088
|
-
const wrapperRef =
|
|
8089
|
-
const stripRef =
|
|
8090
|
-
const [fit, setFit] =
|
|
8305
|
+
const wrapperRef = useRef21(null);
|
|
8306
|
+
const stripRef = useRef21(null);
|
|
8307
|
+
const [fit, setFit] = useState23({ scale: 1, naturalHeight: 0 });
|
|
8091
8308
|
useIsomorphicLayoutEffect(() => {
|
|
8092
8309
|
const wrapper = wrapperRef.current;
|
|
8093
8310
|
const strip = stripRef.current;
|
|
@@ -8110,13 +8327,13 @@ var CalculationStrip = ({ tokens }) => {
|
|
|
8110
8327
|
return () => observer.disconnect();
|
|
8111
8328
|
}, [tokens]);
|
|
8112
8329
|
const isShrunk = fit.scale < 1;
|
|
8113
|
-
return /* @__PURE__ */
|
|
8330
|
+
return /* @__PURE__ */ jsx58(
|
|
8114
8331
|
"div",
|
|
8115
8332
|
{
|
|
8116
8333
|
className: "tchow-stripWrap",
|
|
8117
8334
|
ref: wrapperRef,
|
|
8118
8335
|
style: isShrunk ? { height: fit.naturalHeight * fit.scale } : void 0,
|
|
8119
|
-
children: /* @__PURE__ */
|
|
8336
|
+
children: /* @__PURE__ */ jsx58(
|
|
8120
8337
|
"div",
|
|
8121
8338
|
{
|
|
8122
8339
|
className: "tchow-strip",
|
|
@@ -8124,13 +8341,13 @@ var CalculationStrip = ({ tokens }) => {
|
|
|
8124
8341
|
style: isShrunk ? { transform: `scale(${fit.scale})` } : void 0,
|
|
8125
8342
|
role: "img",
|
|
8126
8343
|
"aria-label": tokens.map((token) => token.text).join(" "),
|
|
8127
|
-
children: tokens.map((token, i) => /* @__PURE__ */
|
|
8128
|
-
/* @__PURE__ */
|
|
8344
|
+
children: tokens.map((token, i) => /* @__PURE__ */ jsxs54(Fragment12, { children: [
|
|
8345
|
+
/* @__PURE__ */ jsx58(
|
|
8129
8346
|
"span",
|
|
8130
8347
|
{
|
|
8131
8348
|
className: ["tchow-stripValue", token.label ? "tchow-stripValue--labeled" : ""].filter(Boolean).join(" "),
|
|
8132
8349
|
"aria-hidden": "true",
|
|
8133
|
-
children: /* @__PURE__ */
|
|
8350
|
+
children: /* @__PURE__ */ jsx58(
|
|
8134
8351
|
"span",
|
|
8135
8352
|
{
|
|
8136
8353
|
className: [
|
|
@@ -8142,16 +8359,16 @@ var CalculationStrip = ({ tokens }) => {
|
|
|
8142
8359
|
)
|
|
8143
8360
|
}
|
|
8144
8361
|
),
|
|
8145
|
-
/* @__PURE__ */
|
|
8146
|
-
/* @__PURE__ */
|
|
8147
|
-
/* @__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(
|
|
8148
8365
|
"span",
|
|
8149
8366
|
{
|
|
8150
8367
|
className: [
|
|
8151
8368
|
"tchow-stripLabel",
|
|
8152
8369
|
i === 0 || i === tokens.length - 1 ? "tchow-stripLabel--edge" : ""
|
|
8153
8370
|
].filter(Boolean).join(" "),
|
|
8154
|
-
children: /* @__PURE__ */
|
|
8371
|
+
children: /* @__PURE__ */ jsx58("span", { className: "tchow-stripLabelText", children: token.label })
|
|
8155
8372
|
}
|
|
8156
8373
|
)
|
|
8157
8374
|
] }) })
|
|
@@ -8169,19 +8386,19 @@ var TradingCalculatorHowTo = ({
|
|
|
8169
8386
|
...props
|
|
8170
8387
|
}) => {
|
|
8171
8388
|
const isSwap = variant === "swap-points" || variant === "swap-percentage";
|
|
8172
|
-
const [swapTab, setSwapTab] =
|
|
8173
|
-
|
|
8389
|
+
const [swapTab, setSwapTab] = useState23(() => swapModeForVariant(variant));
|
|
8390
|
+
useEffect18(() => {
|
|
8174
8391
|
setSwapTab(swapModeForVariant(variant));
|
|
8175
8392
|
}, [variant]);
|
|
8176
8393
|
const content = variant === "pip" ? PIP_CONTENT : isSwap ? swapTab === "percentage" ? SWAP_PERCENTAGE_CONTENT : SWAP_POINTS_CONTENT : MARGIN_CONTENT;
|
|
8177
8394
|
const heading = title ?? content.title;
|
|
8178
8395
|
const desc = description ?? content.description;
|
|
8179
|
-
return /* @__PURE__ */
|
|
8180
|
-
/* @__PURE__ */
|
|
8181
|
-
/* @__PURE__ */
|
|
8182
|
-
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 })
|
|
8183
8400
|
] }),
|
|
8184
|
-
isSwap && /* @__PURE__ */
|
|
8401
|
+
isSwap && /* @__PURE__ */ jsx58(
|
|
8185
8402
|
Tabs,
|
|
8186
8403
|
{
|
|
8187
8404
|
className: "tchow-tabs",
|
|
@@ -8190,26 +8407,26 @@ var TradingCalculatorHowTo = ({
|
|
|
8190
8407
|
onChange: (id) => setSwapTab(id)
|
|
8191
8408
|
}
|
|
8192
8409
|
),
|
|
8193
|
-
/* @__PURE__ */
|
|
8194
|
-
/* @__PURE__ */
|
|
8195
|
-
/* @__PURE__ */
|
|
8196
|
-
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))
|
|
8197
8414
|
] }),
|
|
8198
|
-
/* @__PURE__ */
|
|
8199
|
-
/* @__PURE__ */
|
|
8200
|
-
/* @__PURE__ */
|
|
8201
|
-
content.exampleLead && /* @__PURE__ */
|
|
8202
|
-
content.calculations.map((strip, i) => /* @__PURE__ */
|
|
8203
|
-
/* @__PURE__ */
|
|
8204
|
-
/* @__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 })
|
|
8205
8422
|
] })
|
|
8206
8423
|
] })
|
|
8207
8424
|
] }) });
|
|
8208
8425
|
};
|
|
8209
8426
|
|
|
8210
8427
|
// templates/FeatureOffices/FeatureOffices.tsx
|
|
8211
|
-
import { useMemo as useMemo8, useState as
|
|
8212
|
-
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";
|
|
8213
8430
|
var isExternalUrl2 = (href) => Boolean(href && /^https?:\/\//i.test(href));
|
|
8214
8431
|
var FEATURE_OFFICES_TEXT_CONTENT = {
|
|
8215
8432
|
title: "Our offices",
|
|
@@ -8218,8 +8435,8 @@ var FEATURE_OFFICES_TEXT_CONTENT = {
|
|
|
8218
8435
|
var OfficeCard = ({ office, linkText }) => {
|
|
8219
8436
|
const label = office.linkText ?? linkText;
|
|
8220
8437
|
const external = isExternalUrl2(office.href);
|
|
8221
|
-
return /* @__PURE__ */
|
|
8222
|
-
/* @__PURE__ */
|
|
8438
|
+
return /* @__PURE__ */ jsxs55("div", { className: "fo-card", children: [
|
|
8439
|
+
/* @__PURE__ */ jsx59(
|
|
8223
8440
|
"img",
|
|
8224
8441
|
{
|
|
8225
8442
|
alt: office.flagAlt ?? office.country,
|
|
@@ -8230,16 +8447,16 @@ var OfficeCard = ({ office, linkText }) => {
|
|
|
8230
8447
|
width: 32
|
|
8231
8448
|
}
|
|
8232
8449
|
),
|
|
8233
|
-
/* @__PURE__ */
|
|
8450
|
+
/* @__PURE__ */ jsxs55("h3", { className: "fo-cardTitle", children: [
|
|
8234
8451
|
office.city,
|
|
8235
8452
|
", ",
|
|
8236
8453
|
office.country
|
|
8237
8454
|
] }),
|
|
8238
|
-
/* @__PURE__ */
|
|
8455
|
+
/* @__PURE__ */ jsx59("p", { className: "fo-address", children: office.address.split("\n").map((line, i) => /* @__PURE__ */ jsxs55("span", { children: [
|
|
8239
8456
|
line,
|
|
8240
|
-
i < office.address.split("\n").length - 1 && /* @__PURE__ */
|
|
8457
|
+
i < office.address.split("\n").length - 1 && /* @__PURE__ */ jsx59("br", {})
|
|
8241
8458
|
] }, i)) }),
|
|
8242
|
-
office.href && /* @__PURE__ */
|
|
8459
|
+
office.href && /* @__PURE__ */ jsx59("div", { className: "fo-linkWrap", children: /* @__PURE__ */ jsx59(
|
|
8243
8460
|
Link,
|
|
8244
8461
|
{
|
|
8245
8462
|
colorScheme: "coral",
|
|
@@ -8262,7 +8479,7 @@ var FeatureOffices = ({
|
|
|
8262
8479
|
className,
|
|
8263
8480
|
...props
|
|
8264
8481
|
}) => {
|
|
8265
|
-
const [internalActiveId, setInternalActiveId] =
|
|
8482
|
+
const [internalActiveId, setInternalActiveId] = useState24(
|
|
8266
8483
|
defaultActiveRegionId ?? regions[0]?.id
|
|
8267
8484
|
);
|
|
8268
8485
|
const isControlled = activeRegionId !== void 0;
|
|
@@ -8275,15 +8492,15 @@ var FeatureOffices = ({
|
|
|
8275
8492
|
if (!isControlled) setInternalActiveId(id);
|
|
8276
8493
|
onRegionChange?.(id);
|
|
8277
8494
|
};
|
|
8278
|
-
return /* @__PURE__ */
|
|
8279
|
-
title && /* @__PURE__ */
|
|
8280
|
-
/* @__PURE__ */
|
|
8281
|
-
/* @__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}`)) })
|
|
8282
8499
|
] }) });
|
|
8283
8500
|
};
|
|
8284
8501
|
|
|
8285
8502
|
// templates/Tiers/Tiers.tsx
|
|
8286
|
-
import { jsx as
|
|
8503
|
+
import { jsx as jsx60, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
8287
8504
|
var DEFAULT_ACCENTS = ["bronze", "silver", "gold", "platinum"];
|
|
8288
8505
|
var resolveAccent = (tier, index) => tier.accent ?? DEFAULT_ACCENTS[index] ?? "bronze";
|
|
8289
8506
|
var Tiers = ({
|
|
@@ -8295,27 +8512,27 @@ var Tiers = ({
|
|
|
8295
8512
|
linkHref,
|
|
8296
8513
|
onLinkClick
|
|
8297
8514
|
}) => {
|
|
8298
|
-
return /* @__PURE__ */
|
|
8299
|
-
/* @__PURE__ */
|
|
8300
|
-
/* @__PURE__ */
|
|
8301
|
-
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 })
|
|
8302
8519
|
] }),
|
|
8303
|
-
/* @__PURE__ */
|
|
8520
|
+
/* @__PURE__ */ jsx60("ol", { className: "tiers__list", children: tiers.map((tier, index) => {
|
|
8304
8521
|
const accent = resolveAccent(tier, index);
|
|
8305
|
-
return /* @__PURE__ */
|
|
8522
|
+
return /* @__PURE__ */ jsx60(
|
|
8306
8523
|
"li",
|
|
8307
8524
|
{
|
|
8308
8525
|
className: `tiers__item tiers__item--${accent}`,
|
|
8309
|
-
children: /* @__PURE__ */
|
|
8310
|
-
/* @__PURE__ */
|
|
8311
|
-
/* @__PURE__ */
|
|
8526
|
+
children: /* @__PURE__ */ jsxs56("div", { className: "tiers__shell", children: [
|
|
8527
|
+
/* @__PURE__ */ jsxs56("div", { className: "tiers__icon-row", children: [
|
|
8528
|
+
/* @__PURE__ */ jsx60(
|
|
8312
8529
|
"span",
|
|
8313
8530
|
{
|
|
8314
8531
|
className: "tiers__line tiers__line--left",
|
|
8315
8532
|
"aria-hidden": "true"
|
|
8316
8533
|
}
|
|
8317
8534
|
),
|
|
8318
|
-
/* @__PURE__ */
|
|
8535
|
+
/* @__PURE__ */ jsx60("div", { className: "tiers__icon-wrap", children: /* @__PURE__ */ jsx60(
|
|
8319
8536
|
"img",
|
|
8320
8537
|
{
|
|
8321
8538
|
src: tier.icon,
|
|
@@ -8326,7 +8543,7 @@ var Tiers = ({
|
|
|
8326
8543
|
loading: "lazy"
|
|
8327
8544
|
}
|
|
8328
8545
|
) }),
|
|
8329
|
-
/* @__PURE__ */
|
|
8546
|
+
/* @__PURE__ */ jsx60(
|
|
8330
8547
|
"span",
|
|
8331
8548
|
{
|
|
8332
8549
|
className: "tiers__line tiers__line--right",
|
|
@@ -8334,21 +8551,21 @@ var Tiers = ({
|
|
|
8334
8551
|
}
|
|
8335
8552
|
)
|
|
8336
8553
|
] }),
|
|
8337
|
-
/* @__PURE__ */
|
|
8338
|
-
/* @__PURE__ */
|
|
8339
|
-
/* @__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 })
|
|
8340
8557
|
] }),
|
|
8341
|
-
/* @__PURE__ */
|
|
8342
|
-
/* @__PURE__ */
|
|
8343
|
-
/* @__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 })
|
|
8344
8561
|
] }),
|
|
8345
|
-
tier.requirement && /* @__PURE__ */
|
|
8562
|
+
tier.requirement && /* @__PURE__ */ jsx60("p", { className: "tiers__requirement", children: tier.requirement })
|
|
8346
8563
|
] })
|
|
8347
8564
|
},
|
|
8348
8565
|
tier.name
|
|
8349
8566
|
);
|
|
8350
8567
|
}) }),
|
|
8351
|
-
showLink && /* @__PURE__ */
|
|
8568
|
+
showLink && /* @__PURE__ */ jsx60("div", { className: "tiers__footer", children: /* @__PURE__ */ jsx60(
|
|
8352
8569
|
Link,
|
|
8353
8570
|
{
|
|
8354
8571
|
colorScheme: "coral",
|
|
@@ -8361,7 +8578,7 @@ var Tiers = ({
|
|
|
8361
8578
|
};
|
|
8362
8579
|
|
|
8363
8580
|
// templates/PartnersPayout/PartnersPayout.tsx
|
|
8364
|
-
import { jsx as
|
|
8581
|
+
import { jsx as jsx61, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
8365
8582
|
var PartnersPayout = ({
|
|
8366
8583
|
title,
|
|
8367
8584
|
period,
|
|
@@ -8370,30 +8587,30 @@ var PartnersPayout = ({
|
|
|
8370
8587
|
imageAlt = "",
|
|
8371
8588
|
className,
|
|
8372
8589
|
...props
|
|
8373
|
-
}) => /* @__PURE__ */
|
|
8590
|
+
}) => /* @__PURE__ */ jsx61(
|
|
8374
8591
|
"section",
|
|
8375
8592
|
{
|
|
8376
8593
|
className: ["partners-payout", className].filter(Boolean).join(" "),
|
|
8377
8594
|
...props,
|
|
8378
|
-
children: /* @__PURE__ */
|
|
8379
|
-
/* @__PURE__ */
|
|
8380
|
-
/* @__PURE__ */
|
|
8381
|
-
/* @__PURE__ */
|
|
8382
|
-
/* @__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 })
|
|
8383
8600
|
] }),
|
|
8384
|
-
/* @__PURE__ */
|
|
8601
|
+
/* @__PURE__ */ jsx61("ul", { className: "partners-payout__grid", children: payouts.map((payout, index) => /* @__PURE__ */ jsxs57(
|
|
8385
8602
|
"li",
|
|
8386
8603
|
{
|
|
8387
8604
|
className: "partners-payout__item",
|
|
8388
8605
|
children: [
|
|
8389
|
-
/* @__PURE__ */
|
|
8390
|
-
/* @__PURE__ */
|
|
8606
|
+
/* @__PURE__ */ jsx61("span", { className: "partners-payout__region", children: payout.region }),
|
|
8607
|
+
/* @__PURE__ */ jsx61("span", { className: "partners-payout__amount", children: payout.amount })
|
|
8391
8608
|
]
|
|
8392
8609
|
},
|
|
8393
8610
|
`${payout.region}-${index}`
|
|
8394
8611
|
)) })
|
|
8395
8612
|
] }),
|
|
8396
|
-
/* @__PURE__ */
|
|
8613
|
+
/* @__PURE__ */ jsx61(
|
|
8397
8614
|
"img",
|
|
8398
8615
|
{
|
|
8399
8616
|
className: "partners-payout__image",
|
|
@@ -8407,7 +8624,7 @@ var PartnersPayout = ({
|
|
|
8407
8624
|
);
|
|
8408
8625
|
|
|
8409
8626
|
// templates/MasterPartner/MasterPartner.tsx
|
|
8410
|
-
import { jsx as
|
|
8627
|
+
import { jsx as jsx62, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
8411
8628
|
var MasterPartner = ({
|
|
8412
8629
|
title,
|
|
8413
8630
|
description,
|
|
@@ -8420,23 +8637,23 @@ var MasterPartner = ({
|
|
|
8420
8637
|
imageAlt = "",
|
|
8421
8638
|
steps
|
|
8422
8639
|
}) => {
|
|
8423
|
-
const ctaButton = /* @__PURE__ */
|
|
8424
|
-
return /* @__PURE__ */
|
|
8425
|
-
/* @__PURE__ */
|
|
8426
|
-
/* @__PURE__ */
|
|
8427
|
-
/* @__PURE__ */
|
|
8428
|
-
/* @__PURE__ */
|
|
8429
|
-
/* @__PURE__ */
|
|
8430
|
-
note && /* @__PURE__ */
|
|
8431
|
-
/* @__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 }),
|
|
8432
8649
|
" ",
|
|
8433
8650
|
note.text
|
|
8434
8651
|
] }),
|
|
8435
|
-
closingText && /* @__PURE__ */
|
|
8652
|
+
closingText && /* @__PURE__ */ jsx62("p", { className: "master-partner__paragraph", children: closingText })
|
|
8436
8653
|
] }),
|
|
8437
|
-
ctaLabel && /* @__PURE__ */
|
|
8654
|
+
ctaLabel && /* @__PURE__ */ jsx62("div", { className: "master-partner__cta", children: ctaHref ? /* @__PURE__ */ jsx62("a", { href: ctaHref, children: ctaButton }) : ctaButton })
|
|
8438
8655
|
] }),
|
|
8439
|
-
/* @__PURE__ */
|
|
8656
|
+
/* @__PURE__ */ jsx62("div", { className: "master-partner__image-wrapper", children: /* @__PURE__ */ jsx62(
|
|
8440
8657
|
"img",
|
|
8441
8658
|
{
|
|
8442
8659
|
className: "master-partner__image",
|
|
@@ -8446,8 +8663,8 @@ var MasterPartner = ({
|
|
|
8446
8663
|
}
|
|
8447
8664
|
) })
|
|
8448
8665
|
] }),
|
|
8449
|
-
/* @__PURE__ */
|
|
8450
|
-
/* @__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(
|
|
8451
8668
|
"img",
|
|
8452
8669
|
{
|
|
8453
8670
|
className: "master-partner__step-icon",
|
|
@@ -8459,13 +8676,13 @@ var MasterPartner = ({
|
|
|
8459
8676
|
loading: "lazy"
|
|
8460
8677
|
}
|
|
8461
8678
|
),
|
|
8462
|
-
/* @__PURE__ */
|
|
8679
|
+
/* @__PURE__ */ jsx62("p", { className: "master-partner__step-description", children: step.description })
|
|
8463
8680
|
] }, index)) })
|
|
8464
8681
|
] }) });
|
|
8465
8682
|
};
|
|
8466
8683
|
|
|
8467
8684
|
// templates/ResourceBanner/ResourceBanner.tsx
|
|
8468
|
-
import { jsx as
|
|
8685
|
+
import { jsx as jsx63, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
8469
8686
|
var DEFAULT_LINKS = [{ label: "Learn more", href: "#" }];
|
|
8470
8687
|
var RESOURCE_BANNER_DERIV_CONTENT = {
|
|
8471
8688
|
title: "Learn more about staying safe",
|
|
@@ -8479,7 +8696,7 @@ var RESOURCE_BANNER_DERIV_CONTENT = {
|
|
|
8479
8696
|
}
|
|
8480
8697
|
]
|
|
8481
8698
|
};
|
|
8482
|
-
var ExternalLinkIcon2 = () => /* @__PURE__ */
|
|
8699
|
+
var ExternalLinkIcon2 = () => /* @__PURE__ */ jsx63("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx63(
|
|
8483
8700
|
"path",
|
|
8484
8701
|
{
|
|
8485
8702
|
d: "M4.5 11.5 11.5 4.5M5.5 4.5h6v6",
|
|
@@ -8499,21 +8716,21 @@ var ResourceBanner = ({
|
|
|
8499
8716
|
}) => {
|
|
8500
8717
|
const resolvedLinks = links && links.length > 0 ? links : DEFAULT_LINKS;
|
|
8501
8718
|
const rootClass = ["rsb", className].filter(Boolean).join(" ");
|
|
8502
|
-
return /* @__PURE__ */
|
|
8503
|
-
/* @__PURE__ */
|
|
8504
|
-
/* @__PURE__ */
|
|
8505
|
-
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 })
|
|
8506
8723
|
] }),
|
|
8507
|
-
/* @__PURE__ */
|
|
8724
|
+
/* @__PURE__ */ jsx63("ul", { className: "rsb__links", children: resolvedLinks.map((link, i) => {
|
|
8508
8725
|
const isExternal = link.external ?? true;
|
|
8509
|
-
return /* @__PURE__ */
|
|
8726
|
+
return /* @__PURE__ */ jsx63("li", { className: "rsb__links-item", children: /* @__PURE__ */ jsx63(
|
|
8510
8727
|
Link,
|
|
8511
8728
|
{
|
|
8512
8729
|
className: "rsb__link",
|
|
8513
8730
|
colorScheme: "white",
|
|
8514
8731
|
href: link.href,
|
|
8515
8732
|
label: link.label,
|
|
8516
|
-
icon: isExternal ? /* @__PURE__ */
|
|
8733
|
+
icon: isExternal ? /* @__PURE__ */ jsx63(ExternalLinkIcon2, {}) : void 0,
|
|
8517
8734
|
iconPosition: "right",
|
|
8518
8735
|
showChevron: !isExternal,
|
|
8519
8736
|
target: isExternal ? "_blank" : void 0,
|
|
@@ -8526,12 +8743,12 @@ var ResourceBanner = ({
|
|
|
8526
8743
|
|
|
8527
8744
|
// templates/OptionsTypes/OptionsTypes.tsx
|
|
8528
8745
|
import {
|
|
8529
|
-
useEffect as
|
|
8746
|
+
useEffect as useEffect19,
|
|
8530
8747
|
useId as useId5,
|
|
8531
|
-
useRef as
|
|
8532
|
-
useState as
|
|
8748
|
+
useRef as useRef22,
|
|
8749
|
+
useState as useState25
|
|
8533
8750
|
} from "react";
|
|
8534
|
-
import { Fragment as
|
|
8751
|
+
import { Fragment as Fragment14, jsx as jsx64, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
8535
8752
|
var OPTIONS_TYPES_PLACEHOLDER_ITEMS = [
|
|
8536
8753
|
{
|
|
8537
8754
|
id: "option-type",
|
|
@@ -8542,7 +8759,7 @@ var OPTIONS_TYPES_PLACEHOLDER_ITEMS = [
|
|
|
8542
8759
|
platforms: [{ label: "Platform" }]
|
|
8543
8760
|
}
|
|
8544
8761
|
];
|
|
8545
|
-
function
|
|
8762
|
+
function safeHref2(value) {
|
|
8546
8763
|
if (!value) return null;
|
|
8547
8764
|
if (value.startsWith("/") && !value.startsWith("//")) return value;
|
|
8548
8765
|
try {
|
|
@@ -8552,8 +8769,8 @@ function safeHref(value) {
|
|
|
8552
8769
|
return null;
|
|
8553
8770
|
}
|
|
8554
8771
|
}
|
|
8555
|
-
function
|
|
8556
|
-
const href =
|
|
8772
|
+
function safeLottieSrc2(value) {
|
|
8773
|
+
const href = safeHref2(value);
|
|
8557
8774
|
if (!href) return null;
|
|
8558
8775
|
try {
|
|
8559
8776
|
const pathname = href.startsWith("/") ? href : new URL(href).pathname;
|
|
@@ -8585,9 +8802,9 @@ var iconPaths = {
|
|
|
8585
8802
|
]
|
|
8586
8803
|
};
|
|
8587
8804
|
function MetaIcon({ icon, iconUrl }) {
|
|
8588
|
-
const imageSrc =
|
|
8805
|
+
const imageSrc = safeHref2(iconUrl);
|
|
8589
8806
|
if (imageSrc) {
|
|
8590
|
-
return /* @__PURE__ */
|
|
8807
|
+
return /* @__PURE__ */ jsx64(
|
|
8591
8808
|
"img",
|
|
8592
8809
|
{
|
|
8593
8810
|
className: "ot__meta-image",
|
|
@@ -8603,27 +8820,27 @@ function MetaIcon({ icon, iconUrl }) {
|
|
|
8603
8820
|
const paths = iconPaths[icon];
|
|
8604
8821
|
if (!paths) {
|
|
8605
8822
|
const initials = icon === "deriv-trader" ? "DT" : icon === "deriv-bot" ? "DB" : "ST";
|
|
8606
|
-
return /* @__PURE__ */
|
|
8823
|
+
return /* @__PURE__ */ jsx64("span", { className: "ot__platform-icon", "aria-hidden": "true", children: initials });
|
|
8607
8824
|
}
|
|
8608
|
-
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)) });
|
|
8609
8826
|
}
|
|
8610
8827
|
function MetaList({ items = [] }) {
|
|
8611
|
-
return /* @__PURE__ */
|
|
8612
|
-
const href =
|
|
8613
|
-
const content = /* @__PURE__ */
|
|
8614
|
-
/* @__PURE__ */
|
|
8615
|
-
/* @__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 })
|
|
8616
8833
|
] });
|
|
8617
|
-
return /* @__PURE__ */
|
|
8834
|
+
return /* @__PURE__ */ jsx64("li", { children: href ? /* @__PURE__ */ jsx64("a", { href, children: content }) : /* @__PURE__ */ jsx64("span", { children: content }) }, `${item.label}-${index}`);
|
|
8618
8835
|
}) });
|
|
8619
8836
|
}
|
|
8620
|
-
function
|
|
8621
|
-
return /* @__PURE__ */
|
|
8622
|
-
/* @__PURE__ */
|
|
8623
|
-
playing ? /* @__PURE__ */
|
|
8624
|
-
/* @__PURE__ */
|
|
8625
|
-
/* @__PURE__ */
|
|
8626
|
-
] }) : /* @__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(
|
|
8627
8844
|
"path",
|
|
8628
8845
|
{
|
|
8629
8846
|
className: "ot__control-glyph",
|
|
@@ -8638,20 +8855,20 @@ function AnimationCard({
|
|
|
8638
8855
|
playing,
|
|
8639
8856
|
onToggle
|
|
8640
8857
|
}) {
|
|
8641
|
-
const src =
|
|
8642
|
-
const posterSrc =
|
|
8858
|
+
const src = safeLottieSrc2(animation.src);
|
|
8859
|
+
const posterSrc = safeHref2(animation.posterUrl);
|
|
8643
8860
|
const controlId = `ot-animation-${itemId}-${animation.id ?? animation.label}`.replace(/[^a-zA-Z0-9_-]/g, "-");
|
|
8644
|
-
return /* @__PURE__ */
|
|
8645
|
-
/* @__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(
|
|
8646
8863
|
DotLottieInView,
|
|
8647
8864
|
{
|
|
8648
8865
|
src,
|
|
8649
8866
|
enabled: playing,
|
|
8650
8867
|
loop: true,
|
|
8651
|
-
poster: posterSrc ? /* @__PURE__ */
|
|
8868
|
+
poster: posterSrc ? /* @__PURE__ */ jsx64("img", { src: posterSrc, alt: "", loading: "lazy", decoding: "async" }) : void 0
|
|
8652
8869
|
}
|
|
8653
8870
|
) : null }),
|
|
8654
|
-
posterSrc && !playing ? /* @__PURE__ */
|
|
8871
|
+
posterSrc && !playing ? /* @__PURE__ */ jsx64(
|
|
8655
8872
|
"img",
|
|
8656
8873
|
{
|
|
8657
8874
|
className: "ot__animation-poster",
|
|
@@ -8662,7 +8879,7 @@ function AnimationCard({
|
|
|
8662
8879
|
decoding: "async"
|
|
8663
8880
|
}
|
|
8664
8881
|
) : null,
|
|
8665
|
-
src ? /* @__PURE__ */
|
|
8882
|
+
src ? /* @__PURE__ */ jsx64(
|
|
8666
8883
|
"button",
|
|
8667
8884
|
{
|
|
8668
8885
|
type: "button",
|
|
@@ -8671,7 +8888,7 @@ function AnimationCard({
|
|
|
8671
8888
|
"aria-pressed": playing,
|
|
8672
8889
|
"aria-label": `${playing ? "Pause" : "Play"} ${animation.label} animation`,
|
|
8673
8890
|
onClick: onToggle,
|
|
8674
|
-
children: /* @__PURE__ */
|
|
8891
|
+
children: /* @__PURE__ */ jsx64(PlaybackGlyph2, { playing })
|
|
8675
8892
|
}
|
|
8676
8893
|
) : null
|
|
8677
8894
|
] });
|
|
@@ -8684,10 +8901,10 @@ function OptionPanel({
|
|
|
8684
8901
|
playing,
|
|
8685
8902
|
setPlaying
|
|
8686
8903
|
}) {
|
|
8687
|
-
const description = /* @__PURE__ */
|
|
8688
|
-
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) => {
|
|
8689
8906
|
const key = `${item.id}-${animation.id ?? index}`;
|
|
8690
|
-
return /* @__PURE__ */
|
|
8907
|
+
return /* @__PURE__ */ jsx64(
|
|
8691
8908
|
AnimationCard,
|
|
8692
8909
|
{
|
|
8693
8910
|
animation,
|
|
@@ -8701,28 +8918,28 @@ function OptionPanel({
|
|
|
8701
8918
|
key
|
|
8702
8919
|
);
|
|
8703
8920
|
}) });
|
|
8704
|
-
const metadata = /* @__PURE__ */
|
|
8705
|
-
/* @__PURE__ */
|
|
8706
|
-
/* @__PURE__ */
|
|
8707
|
-
/* @__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 })
|
|
8708
8925
|
] }),
|
|
8709
|
-
/* @__PURE__ */
|
|
8710
|
-
/* @__PURE__ */
|
|
8711
|
-
/* @__PURE__ */
|
|
8926
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__meta-group", children: [
|
|
8927
|
+
/* @__PURE__ */ jsx64("h4", { children: platformsLabel }),
|
|
8928
|
+
/* @__PURE__ */ jsx64(MetaList, { items: item.platforms })
|
|
8712
8929
|
] })
|
|
8713
8930
|
] });
|
|
8714
8931
|
const layout = variant === "single" && item.animations.length === 1 ? "split" : "stacked";
|
|
8715
8932
|
const optionClass = `ot__option ot__option--${variant} ot__option--${layout}`;
|
|
8716
8933
|
if (layout === "split") {
|
|
8717
|
-
return /* @__PURE__ */
|
|
8934
|
+
return /* @__PURE__ */ jsxs60("div", { className: optionClass, children: [
|
|
8718
8935
|
animations,
|
|
8719
|
-
/* @__PURE__ */
|
|
8936
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__option-side", children: [
|
|
8720
8937
|
description,
|
|
8721
8938
|
metadata
|
|
8722
8939
|
] })
|
|
8723
8940
|
] });
|
|
8724
8941
|
}
|
|
8725
|
-
return /* @__PURE__ */
|
|
8942
|
+
return /* @__PURE__ */ jsxs60("div", { className: optionClass, children: [
|
|
8726
8943
|
description,
|
|
8727
8944
|
animations,
|
|
8728
8945
|
metadata
|
|
@@ -8737,10 +8954,10 @@ function TogglePanel({
|
|
|
8737
8954
|
setPlaying
|
|
8738
8955
|
}) {
|
|
8739
8956
|
const animations = item.animations;
|
|
8740
|
-
const [activeIndex, setActiveIndex] =
|
|
8741
|
-
const switchRefs =
|
|
8957
|
+
const [activeIndex, setActiveIndex] = useState25(0);
|
|
8958
|
+
const switchRefs = useRef22([]);
|
|
8742
8959
|
const safeIndex = Math.min(activeIndex, Math.max(animations.length - 1, 0));
|
|
8743
|
-
|
|
8960
|
+
useEffect19(() => {
|
|
8744
8961
|
setPlaying({});
|
|
8745
8962
|
}, [safeIndex, setPlaying]);
|
|
8746
8963
|
const hasMarkets = Boolean(item.markets && item.markets.length > 0);
|
|
@@ -8762,11 +8979,11 @@ function TogglePanel({
|
|
|
8762
8979
|
setActiveIndex(next);
|
|
8763
8980
|
switchRefs.current[next]?.focus();
|
|
8764
8981
|
};
|
|
8765
|
-
return /* @__PURE__ */
|
|
8766
|
-
/* @__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) => {
|
|
8767
8984
|
const key = `${item.id}-${animation.id ?? index}`;
|
|
8768
8985
|
const isActive = index === safeIndex;
|
|
8769
|
-
return /* @__PURE__ */
|
|
8986
|
+
return /* @__PURE__ */ jsx64(
|
|
8770
8987
|
"div",
|
|
8771
8988
|
{
|
|
8772
8989
|
className: "ot__toggle-pane",
|
|
@@ -8774,7 +8991,7 @@ function TogglePanel({
|
|
|
8774
8991
|
role: "tabpanel",
|
|
8775
8992
|
"aria-labelledby": `${idPrefix}-switch-${index}`,
|
|
8776
8993
|
hidden: !isActive,
|
|
8777
|
-
children: isActive ? /* @__PURE__ */
|
|
8994
|
+
children: isActive ? /* @__PURE__ */ jsx64(
|
|
8778
8995
|
AnimationCard,
|
|
8779
8996
|
{
|
|
8780
8997
|
animation,
|
|
@@ -8790,8 +9007,8 @@ function TogglePanel({
|
|
|
8790
9007
|
key
|
|
8791
9008
|
);
|
|
8792
9009
|
}) }),
|
|
8793
|
-
/* @__PURE__ */
|
|
8794
|
-
animations.length > 1 ? /* @__PURE__ */
|
|
9010
|
+
/* @__PURE__ */ jsxs60("div", { className: "ot__toggle-side", children: [
|
|
9011
|
+
animations.length > 1 ? /* @__PURE__ */ jsx64(
|
|
8795
9012
|
"div",
|
|
8796
9013
|
{
|
|
8797
9014
|
className: "ot__toggle-switch",
|
|
@@ -8800,8 +9017,8 @@ function TogglePanel({
|
|
|
8800
9017
|
onKeyDown: onSwitchKeyDown,
|
|
8801
9018
|
children: animations.map((animation, index) => {
|
|
8802
9019
|
const isActive = index === safeIndex;
|
|
8803
|
-
const iconUrl =
|
|
8804
|
-
return /* @__PURE__ */
|
|
9020
|
+
const iconUrl = safeHref2(animation.iconUrl);
|
|
9021
|
+
return /* @__PURE__ */ jsx64(
|
|
8805
9022
|
"button",
|
|
8806
9023
|
{
|
|
8807
9024
|
ref: (node) => {
|
|
@@ -8816,7 +9033,7 @@ function TogglePanel({
|
|
|
8816
9033
|
tabIndex: isActive ? 0 : -1,
|
|
8817
9034
|
className: `ot__toggle-option${isActive ? " ot__toggle-option--active" : ""}`,
|
|
8818
9035
|
onClick: () => setActiveIndex(index),
|
|
8819
|
-
children: iconUrl ? /* @__PURE__ */
|
|
9036
|
+
children: iconUrl ? /* @__PURE__ */ jsx64(
|
|
8820
9037
|
"img",
|
|
8821
9038
|
{
|
|
8822
9039
|
className: "ot__toggle-icon",
|
|
@@ -8826,23 +9043,23 @@ function TogglePanel({
|
|
|
8826
9043
|
loading: "lazy",
|
|
8827
9044
|
decoding: "async"
|
|
8828
9045
|
}
|
|
8829
|
-
) : /* @__PURE__ */
|
|
9046
|
+
) : /* @__PURE__ */ jsx64("span", { className: "ot__toggle-option-label", children: animation.label })
|
|
8830
9047
|
},
|
|
8831
9048
|
`${item.id}-switch-${animation.id ?? index}`
|
|
8832
9049
|
);
|
|
8833
9050
|
})
|
|
8834
9051
|
}
|
|
8835
9052
|
) : null,
|
|
8836
|
-
/* @__PURE__ */
|
|
8837
|
-
/* @__PURE__ */
|
|
8838
|
-
hasMarkets || hasPlatforms ? /* @__PURE__ */
|
|
8839
|
-
hasMarkets ? /* @__PURE__ */
|
|
8840
|
-
/* @__PURE__ */
|
|
8841
|
-
/* @__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 })
|
|
8842
9059
|
] }) : null,
|
|
8843
|
-
hasPlatforms ? /* @__PURE__ */
|
|
8844
|
-
/* @__PURE__ */
|
|
8845
|
-
/* @__PURE__ */
|
|
9060
|
+
hasPlatforms ? /* @__PURE__ */ jsxs60("div", { className: "ot__meta-group", children: [
|
|
9061
|
+
/* @__PURE__ */ jsx64("h4", { children: platformsLabel }),
|
|
9062
|
+
/* @__PURE__ */ jsx64(MetaList, { items: item.platforms })
|
|
8846
9063
|
] }) : null
|
|
8847
9064
|
] }) : null
|
|
8848
9065
|
] })
|
|
@@ -8863,15 +9080,15 @@ function OptionsTypes({
|
|
|
8863
9080
|
...props
|
|
8864
9081
|
}) {
|
|
8865
9082
|
const usableItems = Array.isArray(items) ? items.filter((item) => item?.id) : [];
|
|
8866
|
-
const [internalActiveId, setInternalActiveId] =
|
|
9083
|
+
const [internalActiveId, setInternalActiveId] = useState25(
|
|
8867
9084
|
defaultActiveId ?? usableItems[0]?.id ?? ""
|
|
8868
9085
|
);
|
|
8869
9086
|
const selectedId = usableItems.find((item) => item.id === activeId)?.id ?? usableItems.find((item) => item.id === internalActiveId)?.id ?? usableItems[0]?.id ?? "";
|
|
8870
|
-
const [playing, setPlaying] =
|
|
9087
|
+
const [playing, setPlaying] = useState25({});
|
|
8871
9088
|
const generatedId = useId5().replace(/:/g, "");
|
|
8872
9089
|
const tabPrefix = `options-types-${generatedId}`;
|
|
8873
9090
|
const Heading = headingLevel;
|
|
8874
|
-
|
|
9091
|
+
useEffect19(() => {
|
|
8875
9092
|
setPlaying({});
|
|
8876
9093
|
}, [selectedId]);
|
|
8877
9094
|
const selectItem = (id) => {
|
|
@@ -8879,10 +9096,10 @@ function OptionsTypes({
|
|
|
8879
9096
|
onChange?.(id);
|
|
8880
9097
|
};
|
|
8881
9098
|
const rootClass = ["ot", `ot--${variant}`, className].filter(Boolean).join(" ");
|
|
8882
|
-
return /* @__PURE__ */
|
|
8883
|
-
/* @__PURE__ */
|
|
8884
|
-
/* @__PURE__ */
|
|
8885
|
-
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(
|
|
8886
9103
|
Tabs,
|
|
8887
9104
|
{
|
|
8888
9105
|
items: usableItems.map((item) => ({
|
|
@@ -8897,9 +9114,9 @@ function OptionsTypes({
|
|
|
8897
9114
|
}
|
|
8898
9115
|
) : null
|
|
8899
9116
|
] }),
|
|
8900
|
-
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) => {
|
|
8901
9118
|
const isActive = item.id === selectedId;
|
|
8902
|
-
return /* @__PURE__ */
|
|
9119
|
+
return /* @__PURE__ */ jsx64(
|
|
8903
9120
|
"div",
|
|
8904
9121
|
{
|
|
8905
9122
|
id: `${tabPrefix}-panel-${index}`,
|
|
@@ -8907,7 +9124,7 @@ function OptionsTypes({
|
|
|
8907
9124
|
"aria-labelledby": `${tabPrefix}-tab-${index}`,
|
|
8908
9125
|
hidden: !isActive,
|
|
8909
9126
|
tabIndex: 0,
|
|
8910
|
-
children: /* @__PURE__ */
|
|
9127
|
+
children: /* @__PURE__ */ jsx64(
|
|
8911
9128
|
OptionPanel,
|
|
8912
9129
|
{
|
|
8913
9130
|
item,
|
|
@@ -8921,7 +9138,7 @@ function OptionsTypes({
|
|
|
8921
9138
|
},
|
|
8922
9139
|
item.id
|
|
8923
9140
|
);
|
|
8924
|
-
}) }) : variant === "toggle" ? /* @__PURE__ */
|
|
9141
|
+
}) }) : variant === "toggle" ? /* @__PURE__ */ jsx64(
|
|
8925
9142
|
TogglePanel,
|
|
8926
9143
|
{
|
|
8927
9144
|
item: usableItems[0],
|
|
@@ -8931,7 +9148,7 @@ function OptionsTypes({
|
|
|
8931
9148
|
playing,
|
|
8932
9149
|
setPlaying
|
|
8933
9150
|
}
|
|
8934
|
-
) : /* @__PURE__ */
|
|
9151
|
+
) : /* @__PURE__ */ jsx64(
|
|
8935
9152
|
OptionPanel,
|
|
8936
9153
|
{
|
|
8937
9154
|
item: usableItems[0],
|
|
@@ -8942,8 +9159,8 @@ function OptionsTypes({
|
|
|
8942
9159
|
setPlaying
|
|
8943
9160
|
}
|
|
8944
9161
|
),
|
|
8945
|
-
disclaimer ? /* @__PURE__ */
|
|
8946
|
-
/* @__PURE__ */
|
|
9162
|
+
disclaimer ? /* @__PURE__ */ jsxs60("p", { className: "ot__disclaimer", children: [
|
|
9163
|
+
/* @__PURE__ */ jsxs60(
|
|
8947
9164
|
"svg",
|
|
8948
9165
|
{
|
|
8949
9166
|
className: "ot__disclaimer-icon",
|
|
@@ -8951,8 +9168,8 @@ function OptionsTypes({
|
|
|
8951
9168
|
fill: "none",
|
|
8952
9169
|
"aria-hidden": "true",
|
|
8953
9170
|
children: [
|
|
8954
|
-
/* @__PURE__ */
|
|
8955
|
-
/* @__PURE__ */
|
|
9171
|
+
/* @__PURE__ */ jsx64("circle", { cx: "8", cy: "8", r: "6.4", stroke: "currentColor", strokeWidth: "1.2" }),
|
|
9172
|
+
/* @__PURE__ */ jsx64(
|
|
8956
9173
|
"path",
|
|
8957
9174
|
{
|
|
8958
9175
|
d: "M8 7v4.2",
|
|
@@ -8961,11 +9178,11 @@ function OptionsTypes({
|
|
|
8961
9178
|
strokeLinecap: "round"
|
|
8962
9179
|
}
|
|
8963
9180
|
),
|
|
8964
|
-
/* @__PURE__ */
|
|
9181
|
+
/* @__PURE__ */ jsx64("circle", { cx: "8", cy: "4.9", r: "0.85", fill: "currentColor" })
|
|
8965
9182
|
]
|
|
8966
9183
|
}
|
|
8967
9184
|
),
|
|
8968
|
-
/* @__PURE__ */
|
|
9185
|
+
/* @__PURE__ */ jsx64("span", { children: disclaimer })
|
|
8969
9186
|
] }) : null
|
|
8970
9187
|
] }) });
|
|
8971
9188
|
}
|
|
@@ -9199,7 +9416,7 @@ var OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT = {
|
|
|
9199
9416
|
};
|
|
9200
9417
|
|
|
9201
9418
|
// templates/EntityInfoSection/EntityInfoSection.tsx
|
|
9202
|
-
import { jsx as
|
|
9419
|
+
import { jsx as jsx65, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
9203
9420
|
var DEFAULT_LINKS2 = [{ label: "View licence", href: "#" }];
|
|
9204
9421
|
var EntityInfoSection = ({
|
|
9205
9422
|
name = "Section title goes here",
|
|
@@ -9213,13 +9430,13 @@ var EntityInfoSection = ({
|
|
|
9213
9430
|
const resolvedLinks = links && links.length > 0 ? links : DEFAULT_LINKS2;
|
|
9214
9431
|
const hasBullets = !!bullets && bullets.length > 0;
|
|
9215
9432
|
const rootClass = ["eis", className].filter(Boolean).join(" ");
|
|
9216
|
-
return /* @__PURE__ */
|
|
9217
|
-
/* @__PURE__ */
|
|
9218
|
-
description && /* @__PURE__ */
|
|
9219
|
-
hasBullets && /* @__PURE__ */
|
|
9220
|
-
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) => {
|
|
9221
9438
|
const isExternal = link.external ?? true;
|
|
9222
|
-
return /* @__PURE__ */
|
|
9439
|
+
return /* @__PURE__ */ jsx65("li", { className: "eis__links-item", children: /* @__PURE__ */ jsx65(
|
|
9223
9440
|
Link,
|
|
9224
9441
|
{
|
|
9225
9442
|
className: "eis__link",
|
|
@@ -9235,7 +9452,7 @@ var EntityInfoSection = ({
|
|
|
9235
9452
|
};
|
|
9236
9453
|
|
|
9237
9454
|
// templates/CountryLinkGrid/CountryLinkGrid.tsx
|
|
9238
|
-
import { jsx as
|
|
9455
|
+
import { jsx as jsx66, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
9239
9456
|
var DEFAULT_ITEMS = [
|
|
9240
9457
|
{ label: "Country name", href: "#" },
|
|
9241
9458
|
{ label: "Country name", href: "#" },
|
|
@@ -9252,14 +9469,14 @@ var CountryLinkGrid = ({
|
|
|
9252
9469
|
}) => {
|
|
9253
9470
|
const resolvedItems = items && items.length > 0 ? items : DEFAULT_ITEMS;
|
|
9254
9471
|
const rootClass = ["clg", className].filter(Boolean).join(" ");
|
|
9255
|
-
return /* @__PURE__ */
|
|
9256
|
-
/* @__PURE__ */
|
|
9257
|
-
/* @__PURE__ */
|
|
9258
|
-
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 })
|
|
9259
9476
|
] }),
|
|
9260
|
-
resolvedItems.length > 0 && /* @__PURE__ */
|
|
9477
|
+
resolvedItems.length > 0 && /* @__PURE__ */ jsx66("ul", { className: "clg__list", children: resolvedItems.map((item, i) => {
|
|
9261
9478
|
const isExternal = item.external ?? true;
|
|
9262
|
-
return /* @__PURE__ */
|
|
9479
|
+
return /* @__PURE__ */ jsx66("li", { className: "clg__item", children: /* @__PURE__ */ jsxs62(
|
|
9263
9480
|
"a",
|
|
9264
9481
|
{
|
|
9265
9482
|
className: "clg__link",
|
|
@@ -9267,7 +9484,7 @@ var CountryLinkGrid = ({
|
|
|
9267
9484
|
target: isExternal ? "_blank" : void 0,
|
|
9268
9485
|
rel: isExternal ? "noopener noreferrer" : void 0,
|
|
9269
9486
|
children: [
|
|
9270
|
-
item.iconSrc && /* @__PURE__ */
|
|
9487
|
+
item.iconSrc && /* @__PURE__ */ jsx66(
|
|
9271
9488
|
"img",
|
|
9272
9489
|
{
|
|
9273
9490
|
className: "clg__flag",
|
|
@@ -9278,7 +9495,7 @@ var CountryLinkGrid = ({
|
|
|
9278
9495
|
height: 24
|
|
9279
9496
|
}
|
|
9280
9497
|
),
|
|
9281
|
-
/* @__PURE__ */
|
|
9498
|
+
/* @__PURE__ */ jsx66("span", { className: "clg__text", children: item.label })
|
|
9282
9499
|
]
|
|
9283
9500
|
}
|
|
9284
9501
|
) }, item.id ?? i);
|
|
@@ -9287,8 +9504,8 @@ var CountryLinkGrid = ({
|
|
|
9287
9504
|
};
|
|
9288
9505
|
|
|
9289
9506
|
// templates/DocumentChips/DocumentChips.tsx
|
|
9290
|
-
import { useState as
|
|
9291
|
-
import { jsx as
|
|
9507
|
+
import { useState as useState26 } from "react";
|
|
9508
|
+
import { jsx as jsx67, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
9292
9509
|
var DEFAULT_GROUPS = [
|
|
9293
9510
|
{
|
|
9294
9511
|
id: "group-one",
|
|
@@ -9325,8 +9542,8 @@ var DocumentChip = ({ document: document2, iconSrc, iconAlt, onLanguageSelect })
|
|
|
9325
9542
|
event.preventDefault();
|
|
9326
9543
|
onLanguageSelect(document2, event);
|
|
9327
9544
|
};
|
|
9328
|
-
return /* @__PURE__ */
|
|
9329
|
-
/* @__PURE__ */
|
|
9545
|
+
return /* @__PURE__ */ jsx67("li", { className: "dch__doc-item", children: /* @__PURE__ */ jsxs63("div", { className: "dch__doc", children: [
|
|
9546
|
+
/* @__PURE__ */ jsxs63(
|
|
9330
9547
|
"a",
|
|
9331
9548
|
{
|
|
9332
9549
|
className: "dch__doc-link",
|
|
@@ -9334,7 +9551,7 @@ var DocumentChip = ({ document: document2, iconSrc, iconAlt, onLanguageSelect })
|
|
|
9334
9551
|
target: isExternal ? "_blank" : void 0,
|
|
9335
9552
|
rel: isExternal ? "noopener noreferrer" : void 0,
|
|
9336
9553
|
children: [
|
|
9337
|
-
/* @__PURE__ */
|
|
9554
|
+
/* @__PURE__ */ jsx67(
|
|
9338
9555
|
"img",
|
|
9339
9556
|
{
|
|
9340
9557
|
className: "dch__doc-icon",
|
|
@@ -9344,11 +9561,11 @@ var DocumentChip = ({ document: document2, iconSrc, iconAlt, onLanguageSelect })
|
|
|
9344
9561
|
"aria-hidden": iconAlt ? void 0 : true
|
|
9345
9562
|
}
|
|
9346
9563
|
),
|
|
9347
|
-
/* @__PURE__ */
|
|
9564
|
+
/* @__PURE__ */ jsx67("span", { className: "dch__doc-title", children: document2.title })
|
|
9348
9565
|
]
|
|
9349
9566
|
}
|
|
9350
9567
|
),
|
|
9351
|
-
languageLink && /* @__PURE__ */
|
|
9568
|
+
languageLink && /* @__PURE__ */ jsx67("div", { className: "dch__doc-action", children: /* @__PURE__ */ jsx67(
|
|
9352
9569
|
Link,
|
|
9353
9570
|
{
|
|
9354
9571
|
className: "dch__doc-language",
|
|
@@ -9366,7 +9583,7 @@ var DocumentChipList = ({
|
|
|
9366
9583
|
iconSrc,
|
|
9367
9584
|
iconAlt,
|
|
9368
9585
|
onLanguageSelect
|
|
9369
|
-
}) => /* @__PURE__ */
|
|
9586
|
+
}) => /* @__PURE__ */ jsx67("ul", { className: "dch__docs", children: documents.map((document2, j) => /* @__PURE__ */ jsx67(
|
|
9370
9587
|
DocumentChip,
|
|
9371
9588
|
{
|
|
9372
9589
|
document: document2,
|
|
@@ -9391,7 +9608,7 @@ var DocumentChips = ({
|
|
|
9391
9608
|
}) => {
|
|
9392
9609
|
const resolvedGroups = groups && groups.length > 0 ? groups : DEFAULT_GROUPS;
|
|
9393
9610
|
const groupKeys = resolvedGroups.map((group, i) => String(group.id ?? i));
|
|
9394
|
-
const [openKeys, setOpenKeys] =
|
|
9611
|
+
const [openKeys, setOpenKeys] = useState26(void 0);
|
|
9395
9612
|
const resolvedOpenKeys = openKeys === void 0 ? groupKeys.slice(0, 1) : openKeys;
|
|
9396
9613
|
const handleToggle = (key, next) => {
|
|
9397
9614
|
setOpenKeys((current) => {
|
|
@@ -9402,12 +9619,12 @@ var DocumentChips = ({
|
|
|
9402
9619
|
};
|
|
9403
9620
|
const flatDocuments = resolvedGroups.flatMap((group) => group.documents ?? []);
|
|
9404
9621
|
const rootClass = ["dch", className].filter(Boolean).join(" ");
|
|
9405
|
-
return /* @__PURE__ */
|
|
9406
|
-
(title || description) && /* @__PURE__ */
|
|
9407
|
-
title && /* @__PURE__ */
|
|
9408
|
-
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 })
|
|
9409
9626
|
] }),
|
|
9410
|
-
variant === "flat" ? /* @__PURE__ */
|
|
9627
|
+
variant === "flat" ? /* @__PURE__ */ jsx67(
|
|
9411
9628
|
DocumentChipList,
|
|
9412
9629
|
{
|
|
9413
9630
|
documents: flatDocuments,
|
|
@@ -9415,9 +9632,9 @@ var DocumentChips = ({
|
|
|
9415
9632
|
iconSrc,
|
|
9416
9633
|
onLanguageSelect
|
|
9417
9634
|
}
|
|
9418
|
-
) : /* @__PURE__ */
|
|
9635
|
+
) : /* @__PURE__ */ jsx67("div", { className: "dch__groups", children: resolvedGroups.map((group, i) => {
|
|
9419
9636
|
const key = groupKeys[i];
|
|
9420
|
-
return /* @__PURE__ */
|
|
9637
|
+
return /* @__PURE__ */ jsx67(
|
|
9421
9638
|
Accordion,
|
|
9422
9639
|
{
|
|
9423
9640
|
className: "dch__group",
|
|
@@ -9425,7 +9642,7 @@ var DocumentChips = ({
|
|
|
9425
9642
|
open: resolvedOpenKeys.includes(key),
|
|
9426
9643
|
onToggle: (next) => handleToggle(key, next),
|
|
9427
9644
|
showTopDivider: i > 0,
|
|
9428
|
-
children: /* @__PURE__ */
|
|
9645
|
+
children: /* @__PURE__ */ jsx67(
|
|
9429
9646
|
DocumentChipList,
|
|
9430
9647
|
{
|
|
9431
9648
|
documents: group.documents ?? [],
|
|
@@ -9442,10 +9659,10 @@ var DocumentChips = ({
|
|
|
9442
9659
|
};
|
|
9443
9660
|
|
|
9444
9661
|
// components/LinkModal/LinkModal.tsx
|
|
9445
|
-
import { useCallback as useCallback6, useEffect as
|
|
9662
|
+
import { useCallback as useCallback6, useEffect as useEffect20, useId as useId6, useRef as useRef23 } from "react";
|
|
9446
9663
|
import { createPortal as createPortal2 } from "react-dom";
|
|
9447
|
-
import { jsx as
|
|
9448
|
-
var XMarkIcon3 = () => /* @__PURE__ */
|
|
9664
|
+
import { jsx as jsx68, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
9665
|
+
var XMarkIcon3 = () => /* @__PURE__ */ jsx68(
|
|
9449
9666
|
"svg",
|
|
9450
9667
|
{
|
|
9451
9668
|
width: "24",
|
|
@@ -9454,7 +9671,7 @@ var XMarkIcon3 = () => /* @__PURE__ */ jsx67(
|
|
|
9454
9671
|
fill: "none",
|
|
9455
9672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9456
9673
|
"aria-hidden": "true",
|
|
9457
|
-
children: /* @__PURE__ */
|
|
9674
|
+
children: /* @__PURE__ */ jsx68(
|
|
9458
9675
|
"path",
|
|
9459
9676
|
{
|
|
9460
9677
|
d: "M5 5l14 14M19 5L5 19",
|
|
@@ -9485,8 +9702,8 @@ var LinkModal = ({
|
|
|
9485
9702
|
...props
|
|
9486
9703
|
}) => {
|
|
9487
9704
|
const titleId = useId6();
|
|
9488
|
-
const panelRef =
|
|
9489
|
-
const triggerRef =
|
|
9705
|
+
const panelRef = useRef23(null);
|
|
9706
|
+
const triggerRef = useRef23(null);
|
|
9490
9707
|
const getFocusable = useCallback6(() => {
|
|
9491
9708
|
const panel = panelRef.current;
|
|
9492
9709
|
if (!panel) return [];
|
|
@@ -9494,7 +9711,7 @@ var LinkModal = ({
|
|
|
9494
9711
|
(el) => el.offsetParent !== null || el === document.activeElement
|
|
9495
9712
|
);
|
|
9496
9713
|
}, []);
|
|
9497
|
-
|
|
9714
|
+
useEffect20(() => {
|
|
9498
9715
|
if (!open || typeof document === "undefined") return;
|
|
9499
9716
|
triggerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
|
|
9500
9717
|
panelRef.current?.focus();
|
|
@@ -9504,7 +9721,7 @@ var LinkModal = ({
|
|
|
9504
9721
|
if (trigger && document.contains(trigger)) trigger.focus();
|
|
9505
9722
|
};
|
|
9506
9723
|
}, [open]);
|
|
9507
|
-
|
|
9724
|
+
useEffect20(() => {
|
|
9508
9725
|
if (!open || typeof document === "undefined") return;
|
|
9509
9726
|
const handleKeyDown = (event) => {
|
|
9510
9727
|
if (event.key === "Escape") {
|
|
@@ -9515,7 +9732,7 @@ var LinkModal = ({
|
|
|
9515
9732
|
document.addEventListener("keydown", handleKeyDown);
|
|
9516
9733
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
9517
9734
|
}, [open, onClose]);
|
|
9518
|
-
|
|
9735
|
+
useEffect20(() => {
|
|
9519
9736
|
if (!open || typeof document === "undefined") return;
|
|
9520
9737
|
const body = document.body;
|
|
9521
9738
|
const previousOverflow = body.style.overflow;
|
|
@@ -9557,9 +9774,9 @@ var LinkModal = ({
|
|
|
9557
9774
|
if (!open || typeof document === "undefined") return null;
|
|
9558
9775
|
const rootClass = ["lkm", className].filter(Boolean).join(" ");
|
|
9559
9776
|
return createPortal2(
|
|
9560
|
-
/* @__PURE__ */
|
|
9561
|
-
/* @__PURE__ */
|
|
9562
|
-
/* @__PURE__ */
|
|
9777
|
+
/* @__PURE__ */ jsxs64("div", { className: rootClass, onClick: onClose, children: [
|
|
9778
|
+
/* @__PURE__ */ jsx68("div", { className: "lkm__scrim", "aria-hidden": "true" }),
|
|
9779
|
+
/* @__PURE__ */ jsxs64(
|
|
9563
9780
|
"div",
|
|
9564
9781
|
{
|
|
9565
9782
|
ref: panelRef,
|
|
@@ -9572,18 +9789,18 @@ var LinkModal = ({
|
|
|
9572
9789
|
onKeyDown: handlePanelKeyDown,
|
|
9573
9790
|
...props,
|
|
9574
9791
|
children: [
|
|
9575
|
-
/* @__PURE__ */
|
|
9792
|
+
/* @__PURE__ */ jsx68(
|
|
9576
9793
|
"button",
|
|
9577
9794
|
{
|
|
9578
9795
|
type: "button",
|
|
9579
9796
|
className: "lkm__close",
|
|
9580
9797
|
onClick: onClose,
|
|
9581
9798
|
"aria-label": closeLabel,
|
|
9582
|
-
children: /* @__PURE__ */
|
|
9799
|
+
children: /* @__PURE__ */ jsx68(XMarkIcon3, {})
|
|
9583
9800
|
}
|
|
9584
9801
|
),
|
|
9585
|
-
/* @__PURE__ */
|
|
9586
|
-
children && /* @__PURE__ */
|
|
9802
|
+
/* @__PURE__ */ jsx68(HeadingTag, { id: titleId, className: "lkm__title", children: title }),
|
|
9803
|
+
children && /* @__PURE__ */ jsx68("div", { className: "lkm__body", children })
|
|
9587
9804
|
]
|
|
9588
9805
|
}
|
|
9589
9806
|
)
|
|
@@ -9593,7 +9810,7 @@ var LinkModal = ({
|
|
|
9593
9810
|
};
|
|
9594
9811
|
|
|
9595
9812
|
// templates/LanguageSelectModal/LanguageSelectModal.tsx
|
|
9596
|
-
import { jsx as
|
|
9813
|
+
import { jsx as jsx69, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
9597
9814
|
var DEFAULT_OPTIONS = [
|
|
9598
9815
|
{ id: "option-one", label: "First option", href: "#" },
|
|
9599
9816
|
{ id: "option-two", label: "Second option", href: "#" },
|
|
@@ -9614,7 +9831,7 @@ var LanguageSelectModal = ({
|
|
|
9614
9831
|
...props
|
|
9615
9832
|
}) => {
|
|
9616
9833
|
const resolvedOptions = options && options.length > 0 ? options : DEFAULT_OPTIONS;
|
|
9617
|
-
return /* @__PURE__ */
|
|
9834
|
+
return /* @__PURE__ */ jsx69(
|
|
9618
9835
|
LinkModal,
|
|
9619
9836
|
{
|
|
9620
9837
|
open,
|
|
@@ -9625,9 +9842,9 @@ var LanguageSelectModal = ({
|
|
|
9625
9842
|
container,
|
|
9626
9843
|
className,
|
|
9627
9844
|
...props,
|
|
9628
|
-
children: /* @__PURE__ */
|
|
9845
|
+
children: /* @__PURE__ */ jsx69("ul", { className: "lsm__grid", children: resolvedOptions.map((option, i) => {
|
|
9629
9846
|
const isExternal = option.external ?? true;
|
|
9630
|
-
return /* @__PURE__ */
|
|
9847
|
+
return /* @__PURE__ */ jsx69("li", { className: "lsm__grid-item", children: /* @__PURE__ */ jsxs65(
|
|
9631
9848
|
"a",
|
|
9632
9849
|
{
|
|
9633
9850
|
className: "lsm__option",
|
|
@@ -9635,7 +9852,7 @@ var LanguageSelectModal = ({
|
|
|
9635
9852
|
target: isExternal ? "_blank" : void 0,
|
|
9636
9853
|
rel: isExternal ? "noopener noreferrer" : void 0,
|
|
9637
9854
|
children: [
|
|
9638
|
-
option.flagSrc && /* @__PURE__ */
|
|
9855
|
+
option.flagSrc && /* @__PURE__ */ jsx69(
|
|
9639
9856
|
"img",
|
|
9640
9857
|
{
|
|
9641
9858
|
className: "lsm__flag",
|
|
@@ -9645,7 +9862,7 @@ var LanguageSelectModal = ({
|
|
|
9645
9862
|
"aria-hidden": option.flagAlt ? void 0 : true
|
|
9646
9863
|
}
|
|
9647
9864
|
),
|
|
9648
|
-
/* @__PURE__ */
|
|
9865
|
+
/* @__PURE__ */ jsx69("span", { className: "lsm__option-label", children: option.label })
|
|
9649
9866
|
]
|
|
9650
9867
|
}
|
|
9651
9868
|
) }, option.id ?? i);
|
|
@@ -9655,9 +9872,9 @@ var LanguageSelectModal = ({
|
|
|
9655
9872
|
};
|
|
9656
9873
|
|
|
9657
9874
|
// templates/AffiliatesSlider/AffiliatesSlider.tsx
|
|
9658
|
-
import { useCallback as useCallback7, useMemo as useMemo9, useState as
|
|
9659
|
-
import { jsx as
|
|
9660
|
-
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(
|
|
9661
9878
|
"svg",
|
|
9662
9879
|
{
|
|
9663
9880
|
width: "32",
|
|
@@ -9666,7 +9883,7 @@ var ArrowIcon2 = () => /* @__PURE__ */ jsx69(
|
|
|
9666
9883
|
fill: "none",
|
|
9667
9884
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9668
9885
|
"aria-hidden": "true",
|
|
9669
|
-
children: /* @__PURE__ */
|
|
9886
|
+
children: /* @__PURE__ */ jsx70(
|
|
9670
9887
|
"path",
|
|
9671
9888
|
{
|
|
9672
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",
|
|
@@ -9676,7 +9893,7 @@ var ArrowIcon2 = () => /* @__PURE__ */ jsx69(
|
|
|
9676
9893
|
)
|
|
9677
9894
|
}
|
|
9678
9895
|
);
|
|
9679
|
-
var TrackGradient = () => /* @__PURE__ */
|
|
9896
|
+
var TrackGradient = () => /* @__PURE__ */ jsxs66(
|
|
9680
9897
|
"svg",
|
|
9681
9898
|
{
|
|
9682
9899
|
preserveAspectRatio: "none",
|
|
@@ -9688,7 +9905,7 @@ var TrackGradient = () => /* @__PURE__ */ jsxs65(
|
|
|
9688
9905
|
"aria-hidden": "true",
|
|
9689
9906
|
className: "afs__track-gradient",
|
|
9690
9907
|
children: [
|
|
9691
|
-
/* @__PURE__ */
|
|
9908
|
+
/* @__PURE__ */ jsx70(
|
|
9692
9909
|
"path",
|
|
9693
9910
|
{
|
|
9694
9911
|
opacity: "0.5",
|
|
@@ -9696,7 +9913,7 @@ var TrackGradient = () => /* @__PURE__ */ jsxs65(
|
|
|
9696
9913
|
fill: "url(#afs-track-gradient)"
|
|
9697
9914
|
}
|
|
9698
9915
|
),
|
|
9699
|
-
/* @__PURE__ */
|
|
9916
|
+
/* @__PURE__ */ jsx70("defs", { children: /* @__PURE__ */ jsxs66(
|
|
9700
9917
|
"linearGradient",
|
|
9701
9918
|
{
|
|
9702
9919
|
id: "afs-track-gradient",
|
|
@@ -9706,8 +9923,8 @@ var TrackGradient = () => /* @__PURE__ */ jsxs65(
|
|
|
9706
9923
|
y2: "227.916",
|
|
9707
9924
|
gradientUnits: "userSpaceOnUse",
|
|
9708
9925
|
children: [
|
|
9709
|
-
/* @__PURE__ */
|
|
9710
|
-
/* @__PURE__ */
|
|
9926
|
+
/* @__PURE__ */ jsx70("stop", { stopColor: "var(--afs-track-gradient-start)" }),
|
|
9927
|
+
/* @__PURE__ */ jsx70("stop", { offset: "1", stopColor: "var(--afs-track-gradient-end)" })
|
|
9711
9928
|
]
|
|
9712
9929
|
}
|
|
9713
9930
|
) })
|
|
@@ -9740,7 +9957,7 @@ var AffiliatesSlider = ({
|
|
|
9740
9957
|
className,
|
|
9741
9958
|
...props
|
|
9742
9959
|
}) => {
|
|
9743
|
-
const [internalValue, setInternalValue] =
|
|
9960
|
+
const [internalValue, setInternalValue] = useState27(defaultValue);
|
|
9744
9961
|
const currentValue = value ?? internalValue;
|
|
9745
9962
|
const handleChange = useCallback7(
|
|
9746
9963
|
(next) => {
|
|
@@ -9756,28 +9973,28 @@ var AffiliatesSlider = ({
|
|
|
9756
9973
|
const fillPercent = (currentValue - min) / (max - min) * 100;
|
|
9757
9974
|
const income = currentValue * incomePerReferral;
|
|
9758
9975
|
const rootClass = ["afs", className].filter(Boolean).join(" ");
|
|
9759
|
-
return /* @__PURE__ */
|
|
9760
|
-
/* @__PURE__ */
|
|
9761
|
-
title && /* @__PURE__ */
|
|
9762
|
-
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 })
|
|
9763
9980
|
] }),
|
|
9764
|
-
/* @__PURE__ */
|
|
9765
|
-
/* @__PURE__ */
|
|
9766
|
-
/* @__PURE__ */
|
|
9767
|
-
/* @__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 })
|
|
9768
9985
|
] }),
|
|
9769
|
-
/* @__PURE__ */
|
|
9770
|
-
/* @__PURE__ */
|
|
9771
|
-
/* @__PURE__ */
|
|
9772
|
-
/* @__PURE__ */
|
|
9773
|
-
/* @__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(
|
|
9774
9991
|
"div",
|
|
9775
9992
|
{
|
|
9776
9993
|
className: "afs__fill",
|
|
9777
9994
|
style: { width: `${fillPercent}%` }
|
|
9778
9995
|
}
|
|
9779
9996
|
),
|
|
9780
|
-
/* @__PURE__ */
|
|
9997
|
+
/* @__PURE__ */ jsx70(
|
|
9781
9998
|
"div",
|
|
9782
9999
|
{
|
|
9783
10000
|
className: "afs__handle",
|
|
@@ -9785,7 +10002,7 @@ var AffiliatesSlider = ({
|
|
|
9785
10002
|
"aria-hidden": "true"
|
|
9786
10003
|
}
|
|
9787
10004
|
),
|
|
9788
|
-
/* @__PURE__ */
|
|
10005
|
+
/* @__PURE__ */ jsx70(
|
|
9789
10006
|
"input",
|
|
9790
10007
|
{
|
|
9791
10008
|
type: "range",
|
|
@@ -9802,18 +10019,18 @@ var AffiliatesSlider = ({
|
|
|
9802
10019
|
}
|
|
9803
10020
|
)
|
|
9804
10021
|
] }) }),
|
|
9805
|
-
/* @__PURE__ */
|
|
10022
|
+
/* @__PURE__ */ jsx70("div", { className: "afs__ticks", children: ticks.map((tick) => /* @__PURE__ */ jsx70("span", { className: "afs__tick", children: tick }, tick)) })
|
|
9806
10023
|
] }),
|
|
9807
|
-
/* @__PURE__ */
|
|
9808
|
-
/* @__PURE__ */
|
|
9809
|
-
/* @__PURE__ */
|
|
9810
|
-
/* @__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) })
|
|
9811
10028
|
] }),
|
|
9812
|
-
/* @__PURE__ */
|
|
10029
|
+
/* @__PURE__ */ jsx70("p", { className: "afs__metric-label afs__metric-label--right", children: incomeLabel })
|
|
9813
10030
|
] })
|
|
9814
10031
|
] }) }),
|
|
9815
|
-
disclaimer && /* @__PURE__ */
|
|
9816
|
-
disclaimerIconSrc && /* @__PURE__ */
|
|
10032
|
+
disclaimer && /* @__PURE__ */ jsxs66("div", { className: "afs__disclaimer", children: [
|
|
10033
|
+
disclaimerIconSrc && /* @__PURE__ */ jsx70(
|
|
9817
10034
|
"img",
|
|
9818
10035
|
{
|
|
9819
10036
|
className: "afs__disclaimer-icon",
|
|
@@ -9823,7 +10040,7 @@ var AffiliatesSlider = ({
|
|
|
9823
10040
|
"aria-hidden": disclaimerIconAlt ? void 0 : true
|
|
9824
10041
|
}
|
|
9825
10042
|
),
|
|
9826
|
-
/* @__PURE__ */
|
|
10043
|
+
/* @__PURE__ */ jsx70("p", { className: "afs__disclaimer-text", children: disclaimer })
|
|
9827
10044
|
] })
|
|
9828
10045
|
] }) });
|
|
9829
10046
|
};
|
|
@@ -9909,6 +10126,7 @@ export {
|
|
|
9909
10126
|
StatsSimple,
|
|
9910
10127
|
Steps,
|
|
9911
10128
|
StickyMarketCards,
|
|
10129
|
+
StickyMarketCardsLottie,
|
|
9912
10130
|
StickyStackedCards,
|
|
9913
10131
|
TEXT_CONTENT,
|
|
9914
10132
|
Table,
|