@deriv-web-design/ui 0.1.25 → 0.1.28

package/dist/index.js

@@ -122,7 +122,8 @@ __export(index_exports, {
   Tiers: () => Tiers,
   TradingCalculator: () => TradingCalculator,
   TradingCalculatorHowTo: () => TradingCalculatorHowTo,
-  dayNightTransitionV2Preset: () => dayNightTransitionV2Preset
+  dayNightTransitionV2Preset: () => dayNightTransitionV2Preset,
+  isLottieSrc: () => isLottieSrc
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1290,7 +1291,7 @@ var FaqAccordion = ({
         open: openIndex === index,
         onToggle: handleToggle(index),
         showTopDivider: false,
-        showBottomDivider: true,
+        showBottomDivider: index < items.length - 1,
         children: item.answer
       },
       `${item.question}-${index}`
@@ -2774,6 +2775,13 @@ function DotLottieInView({
   );
 }
 
+// components/DotLottieInView/lottie-src.ts
+function isLottieSrc(value) {
+  if (!value) return false;
+  if (/\.lottie(\?|#|$)/i.test(value)) return true;
+  return /\/[^/?#]+\.json(\?|#|$)/i.test(value) && /lottie|cdn\.|website-files/i.test(value);
+}
+
 // templates/FeatureScroll/FeatureScroll.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var FEATURE_SCROLL_DATA = [
@@ -2782,42 +2790,42 @@ var FEATURE_SCROLL_DATA = [
     description: "Trade the most popular currency pairs with high leverage, tight spreads, and fast execution.",
     linkLabel: "Learn more",
     link: "/markets/forex",
-    mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a906489e5aadf94e501c4_Forex.lottie"
+    mediaUrl: "/lottie/markets/forex.lottie"
   },
   {
     title: "Derived Indices",
     description: "Trade 24/7 on exclusive Synthetic and Derived Indices. Choose volatility levels that match your strategy.",
     linkLabel: "Learn more",
     link: "/markets/derived-indices/synthetic-indices",
-    mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064588b0d2709e7ceac_Derived%20Indices.lottie"
+    mediaUrl: "/lottie/markets/derived-indices.lottie"
   },
   {
     title: "Stocks",
     description: "Trade global market leaders like Apple, Tesla, and NVIDIA.",
     linkLabel: "Learn more",
     link: "/markets/stocks",
-    mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064892f97175b724a9c_Stocks.lottie"
+    mediaUrl: "/lottie/markets/stocks.lottie"
   },
   {
     title: "Commodities",
     description: "Trade gold, silver, oil, natural gas, sugar, and more.",
     linkLabel: "Learn more",
     link: "/markets/commodities",
-    mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064edd96a014a6092cf_Commodities.lottie"
+    mediaUrl: "/lottie/markets/commodities.lottie"
   },
   {
     title: "Cryptos",
     description: "Trade round the clock on the volatility of cryptocurrencies like Bitcoin and Ethereum.",
     linkLabel: "Learn more",
     link: "/markets/cryptocurrencies",
-    mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a90647b8d9652a28b94e3_Crypto.lottie"
+    mediaUrl: "/lottie/markets/crypto.lottie"
   },
   {
     title: "Stock Indices",
     description: "Trade offerings that track the top global stock indices.",
     linkLabel: "Learn more",
     link: "/markets/stock-indices",
-    mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
+    mediaUrl: "/lottie/markets/stock-indices.lottie"
   }
 ];
 var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -2848,7 +2856,7 @@ function mediaSrc(item) {
 function resolveMediaType(item) {
   if (item.mediaType) return item.mediaType;
   const src = mediaSrc(item);
-  return src?.split("?")[0].endsWith(".lottie") ? "lottie" : "image";
+  return src && isLottieSrc(src) ? "lottie" : "image";
 }
 var MediaRenderer = ({ item, active, rootMargin, threshold }) => {
   const src = mediaSrc(item);
@@ -3597,6 +3605,18 @@ var CTABanner = ({
 var import_react17 = require("react");
 var import_framer_motion2 = require("framer-motion");
 
+// components/Navbar/languageGridVars.ts
+function resolveLanguageGridVars(itemCount, languageRows) {
+  if (typeof languageRows === "number" && Number.isFinite(languageRows) && languageRows >= 1) {
+    const rows = Math.floor(languageRows);
+    return {
+      "--lang-rows": rows,
+      "--lang-cols": Math.ceil(itemCount / rows)
+    };
+  }
+  return { "--lang-rows": Math.ceil(itemCount / 3) };
+}
+
 // assets/icon-globe.svg
 var icon_globe_default = 'data:image/svg+xml,<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0_8670_6187)">%0A<path d="M8 18.5C8.21875 18.5 8.84375 18.2812 9.46875 17C9.75 16.4375 10 15.7812 10.1562 15H5.8125C6 15.7812 6.21875 16.4375 6.5 17C7.15625 18.2812 7.75 18.5 8 18.5ZM5.5625 13.5H10.4062C10.4688 13.0312 10.5 12.5312 10.5 12C10.5 11.5 10.4688 11 10.4062 10.5H5.5625C5.5 11 5.5 11.5 5.5 12C5.5 12.5312 5.5 13.0312 5.5625 13.5ZM5.8125 9H10.1562C10 8.25 9.75 7.59375 9.46875 7.03125C8.84375 5.75 8.21875 5.5 8 5.5C7.75 5.5 7.15625 5.75 6.5 7.03125C6.21875 7.59375 6 8.25 5.8125 9ZM11.9062 10.5C11.9688 11 11.9688 11.5 11.9688 12C11.9688 12.5312 11.9688 13.0312 11.9062 13.5H14.3125C14.4375 13.0312 14.5 12.5312 14.5 12C14.5 11.5 14.4375 11 14.3125 10.5H11.9062ZM13.75 9C13.0938 7.71875 12 6.6875 10.6875 6.09375C11.125 6.90625 11.4688 7.90625 11.6875 9H13.75ZM4.28125 9C4.5 7.90625 4.84375 6.90625 5.28125 6.09375C3.96875 6.6875 2.875 7.71875 2.21875 9H4.28125ZM1.65625 10.5C1.5625 11 1.5 11.5 1.5 12C1.5 12.5312 1.53125 13.0312 1.65625 13.5H4.0625C4 13.0312 4 12.5312 4 12C4 11.5 4 11 4.0625 10.5H1.65625ZM10.6875 17.9375C12 17.3438 13.0938 16.3125 13.75 15H11.6875C11.4688 16.125 11.125 17.125 10.6875 17.9375ZM5.28125 17.9375C4.84375 17.125 4.5 16.125 4.28125 15H2.21875C2.875 16.3125 3.96875 17.3438 5.28125 17.9375ZM8 20C5.125 20 2.5 18.5 1.0625 16C-0.375 13.5312 -0.375 10.5 1.0625 8C2.5 5.53125 5.125 4 8 4C10.8438 4 13.4688 5.53125 14.9062 8C16.3438 10.5 16.3438 13.5312 14.9062 16C13.4688 18.5 10.8438 20 8 20Z" fill="%23181C25"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_8670_6187">%0A<rect width="16" height="24" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
 
@@ -3827,6 +3847,7 @@ var Navbar = ({
   languageLabel,
   onLanguageClick,
   languageItems,
+  languageRows,
   activeLanguageCode,
   onLanguageSelect,
   className,
@@ -4027,7 +4048,10 @@ var Navbar = ({
                 "div",
                 {
                   className: "navbar__lang-dropdown-grid",
-                  style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
+                  style: resolveLanguageGridVars(
+                    languageItems.length,
+                    languageRows
+                  ),
                   children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     "button",
                     {
@@ -5029,15 +5053,89 @@ var TextScroll = ({ text, className }) => {
 var import_react21 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
+function safeHref(value) {
+  if (!value) return null;
+  if (value.startsWith("/") && !value.startsWith("//")) return value;
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" ? value : null;
+  } catch {
+    return null;
+  }
+}
+function safeLottieSrc(value) {
+  const href = safeHref(value);
+  if (!href || !isLottieSrc(href)) return null;
+  return href;
+}
+function PlaybackGlyph({ playing }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { className: "smc__control-icon", viewBox: "0 0 64 64", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { className: "smc__control-disc", cx: "32", cy: "32", r: "32" }),
+    playing ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { className: "smc__control-glyph", x: "23", y: "21", width: "6", height: "22", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { className: "smc__control-glyph", x: "35", y: "21", width: "6", height: "22", rx: "2" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "path",
+      {
+        className: "smc__control-glyph",
+        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"
+      }
+    )
+  ] });
+}
+function LottiePanel({ item, index, playing, onToggle }) {
+  const src = safeLottieSrc(item.lottieSrc);
+  const posterSrc = safeHref(item.lottiePosterUrl);
+  const controlId = `smc-lottie-${index}-${item.title}`.replace(/[^a-zA-Z0-9_-]/g, "-").slice(0, 80);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__lottie", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { id: controlId, className: "smc__lottie-media", "aria-hidden": "true", children: src ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      DotLottieInView,
+      {
+        src,
+        enabled: playing,
+        loop: true,
+        className: "smc__lottie-player",
+        style: { alignItems: "stretch", justifyContent: "stretch" },
+        poster: posterSrc ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("img", { src: posterSrc, alt: "", loading: "lazy", decoding: "async" }) : void 0
+      }
+    ) : null }),
+    posterSrc && !playing ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "img",
+      {
+        className: "smc__lottie-poster",
+        src: posterSrc,
+        alt: "",
+        "aria-hidden": "true",
+        loading: "lazy",
+        decoding: "async"
+      }
+    ) : null,
+    src ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "button",
+      {
+        type: "button",
+        className: `smc__playback-toggle${playing ? " smc__playback-toggle--playing" : ""}`,
+        "aria-controls": controlId,
+        "aria-pressed": playing,
+        "aria-label": `${playing ? "Pause" : "Play"} ${item.title} animation`,
+        onClick: onToggle,
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PlaybackGlyph, { playing })
+      }
+    ) : null
+  ] });
+}
 var StickyMarketCards = ({
   sectionTitle,
   sectionDescription,
+  variant = "default",
   items,
   className,
   ...props
 }) => {
   const cardRefs = (0, import_react21.useRef)([]);
   const cardInnerRefs = (0, import_react21.useRef)([]);
+  const [playing, setPlaying] = (0, import_react21.useState)({});
+  const isLottie = variant === "lottie";
   (0, import_react21.useEffect)(() => {
     if (typeof window === "undefined") return;
     let rafId = 0;
@@ -5104,14 +5202,14 @@ var StickyMarketCards = ({
     return () => {
       window.removeEventListener("resize", syncHeights);
     };
-  }, [items.length]);
+  }, [items.length, variant]);
   const n = items.length;
   const maxStack = 4;
   const baseIndex = Math.max(0, n - maxStack);
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "section",
     {
-      className: ["smc", className].filter(Boolean).join(" "),
+      className: ["smc", isLottie ? "smc--lottie" : null, className].filter(Boolean).join(" "),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__inner", children: [
         /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__header-wrap", children: [
@@ -5140,10 +5238,11 @@ var StickyMarketCards = ({
                   },
                   className: [
                     "smc__card-inner",
-                    `smc__card-inner--${theme}`
-                  ].join(" "),
+                    `smc__card-inner--${theme}`,
+                    isLottie ? "smc__card-inner--lottie" : null
+                  ].filter(Boolean).join(" "),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__card-bg", children: [
+                    !isLottie ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__card-bg", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                         "img",
                         {
@@ -5162,11 +5261,37 @@ var StickyMarketCards = ({
                           ].join(" ")
                         }
                       )
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__card-content", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "smc__card-desc", children: item.description }) })
-                    ] })
+                    ] }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                      "div",
+                      {
+                        className: [
+                          "smc__card-content",
+                          isLottie ? "smc__card-content--lottie" : null
+                        ].filter(Boolean).join(" "),
+                        children: isLottie ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                            LottiePanel,
+                            {
+                              item,
+                              index: i,
+                              playing: Boolean(playing[i]),
+                              onToggle: () => setPlaying((prev) => ({
+                                ...prev,
+                                [i]: !prev[i]
+                              }))
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__card-text", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "smc__card-title", children: item.title }),
+                            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "smc__card-desc", children: item.description })
+                          ] })
+                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "smc__card-desc", children: item.description }) })
+                        ] })
+                      }
+                    )
                   ]
                 }
               )
@@ -8576,7 +8701,7 @@ var OPTIONS_TYPES_PLACEHOLDER_ITEMS = [
     platforms: [{ label: "Platform" }]
   }
 ];
-function safeHref(value) {
+function safeHref2(value) {
   if (!value) return null;
   if (value.startsWith("/") && !value.startsWith("//")) return value;
   try {
@@ -8586,8 +8711,8 @@ function safeHref(value) {
     return null;
   }
 }
-function safeLottieSrc(value) {
-  const href = safeHref(value);
+function safeLottieSrc2(value) {
+  const href = safeHref2(value);
   if (!href) return null;
   try {
     const pathname = href.startsWith("/") ? href : new URL(href).pathname;
@@ -8619,7 +8744,7 @@ var iconPaths = {
   ]
 };
 function MetaIcon({ icon, iconUrl }) {
-  const imageSrc = safeHref(iconUrl);
+  const imageSrc = safeHref2(iconUrl);
   if (imageSrc) {
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "img",
@@ -8643,7 +8768,7 @@ function MetaIcon({ icon, iconUrl }) {
 }
 function MetaList({ items = [] }) {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("ul", { className: "ot__meta-list", children: items.map((item, index) => {
-    const href = safeHref(item.href);
+    const href = safeHref2(item.href);
     const content = /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MetaIcon, { icon: item.icon, iconUrl: item.iconUrl }),
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: item.label })
@@ -8651,7 +8776,7 @@ function MetaList({ items = [] }) {
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("a", { href, children: content }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: content }) }, `${item.label}-${index}`);
   }) });
 }
-function PlaybackGlyph({ playing }) {
+function PlaybackGlyph2({ playing }) {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("svg", { className: "ot__control-icon", viewBox: "0 0 64 64", "aria-hidden": "true", children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("circle", { className: "ot__control-disc", cx: "32", cy: "32", r: "32" }),
     playing ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
@@ -8672,8 +8797,8 @@ function AnimationCard({
   playing,
   onToggle
 }) {
-  const src = safeLottieSrc(animation.src);
-  const posterSrc = safeHref(animation.posterUrl);
+  const src = safeLottieSrc2(animation.src);
+  const posterSrc = safeHref2(animation.posterUrl);
   const controlId = `ot-animation-${itemId}-${animation.id ?? animation.label}`.replace(/[^a-zA-Z0-9_-]/g, "-");
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ot__animation-card", children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { id: controlId, className: "ot__animation-media", "aria-hidden": "true", children: src ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
@@ -8705,7 +8830,7 @@ function AnimationCard({
         "aria-pressed": playing,
         "aria-label": `${playing ? "Pause" : "Play"} ${animation.label} animation`,
         onClick: onToggle,
-        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PlaybackGlyph, { playing })
+        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PlaybackGlyph2, { playing })
       }
     ) : null
   ] });
@@ -8834,7 +8959,7 @@ function TogglePanel({
           onKeyDown: onSwitchKeyDown,
           children: animations.map((animation, index) => {
             const isActive = index === safeIndex;
-            const iconUrl = safeHref(animation.iconUrl);
+            const iconUrl = safeHref2(animation.iconUrl);
             return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "button",
               {
@@ -9005,8 +9130,8 @@ function OptionsTypes({
 }
 
 // templates/OptionsTypes/OptionsTypes.data.ts
-var WEBFLOW_CDN = "https://cdn.prod.website-files.com/661e6e1e01dd2f56adc6d370";
 var WEBFLOW_ICON_CDN = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c2b7";
+var LOTTIE = "/lottie/trade-clips";
 var FOREX = {
   label: "Forex",
   icon: "forex",
@@ -9060,12 +9185,12 @@ var OPTIONS_TYPES_DIGITAL_CONTENT = {
         {
           id: "rise",
           label: "Rise",
-          src: `${WEBFLOW_CDN}/6630e43019db0934b75c5105_Web%20Trade%20Clip%20-%20UpDown%20(Rise).lottie`
+          src: `${LOTTIE}/rise.lottie`
         },
         {
           id: "fall",
           label: "Fall",
-          src: `${WEBFLOW_CDN}/6630e42f22255a766c2af8aa_Web%20Trade%20Clip%20-%20UpDown%20(Fall).lottie`
+          src: `${LOTTIE}/fall.lottie`
         }
       ],
       markets: DIGITAL_MARKETS,
@@ -9079,12 +9204,12 @@ var OPTIONS_TYPES_DIGITAL_CONTENT = {
         {
           id: "higher",
           label: "Higher",
-          src: `${WEBFLOW_CDN}/6630e42f93f0aa3f60d68dd2_Web%20Trade%20Clip%20-%20UpDown%20(Higher).lottie`
+          src: `${LOTTIE}/higher.lottie`
         },
         {
           id: "lower",
           label: "Lower",
-          src: `${WEBFLOW_CDN}/6630e42f8922eb31fcbf275f_Web%20Trade%20Clip%20-%20%20UpDown%20(Lower).lottie`
+          src: `${LOTTIE}/lower.lottie`
         }
       ],
       markets: DIGITAL_MARKETS,
@@ -9098,12 +9223,12 @@ var OPTIONS_TYPES_DIGITAL_CONTENT = {
         {
           id: "touch",
           label: "Touch",
-          src: `${WEBFLOW_CDN}/6630e3a120a6dcbe6ab22239_Web%20Trade%20Clip%20-%20TouchNoTouch%20(Touch).lottie`
+          src: `${LOTTIE}/touch.lottie`
         },
         {
           id: "no-touch",
           label: "No Touch",
-          src: `${WEBFLOW_CDN}/6630e3a158064e5c58362ddd_Web%20Trade%20Clip%20-%20TouchNoTouch%20(No%20Touch).lottie`
+          src: `${LOTTIE}/no-touch.lottie`
         }
       ],
       markets: DIGITAL_MARKETS,
@@ -9123,7 +9248,7 @@ var OPTIONS_TYPES_ACCUMULATOR_CONTENT = {
         {
           id: "accumulator",
           label: "Accumulator",
-          src: `${WEBFLOW_CDN}/6630e0fff230226872ee39ed_Web%20Trade%20Clip%20-%20Accumulators%20(Accumulators).lottie`
+          src: `${LOTTIE}/accumulator.lottie`
         }
       ],
       markets: [DERIVED_INDICES],
@@ -9143,12 +9268,12 @@ var OPTIONS_TYPES_VANILLA_CONTENT = {
         {
           id: "call",
           label: "Call",
-          src: `${WEBFLOW_CDN}/6630e3c100c107af706a72f6_Web%20Trade%20Clip%20-%20Vanilla%20(Call).lottie`
+          src: `${LOTTIE}/vanilla-call.lottie`
         },
         {
           id: "put",
           label: "Put",
-          src: `${WEBFLOW_CDN}/6630e3c2f230226872f0d58d_Web%20Trade%20Clip%20-%20Vanilla%20(Put).lottie`
+          src: `${LOTTIE}/vanilla-put.lottie`
         }
       ],
       markets: [DERIVED_INDICES],
@@ -9161,19 +9286,19 @@ var OPTIONS_TYPES_TURBO_CONTENT = {
   heading: "How do Turbo Options work",
   items: [
     {
-      id: "turbo-up-down",
-      title: "Turbo Up/Down",
-      description: "Decide whether the market price will stay above (Up) or drop below (Down) a set barrier. Your payout adjusts based on how far the price moves in your chosen direction, letting you take advantage of both rising and falling markets.",
+      id: "turbo-long-short",
+      title: "Turbo Long/Short",
+      description: "Decide whether the market price will stay above (Long) or drop below (Short) a set barrier. Your payout adjusts based on how far the price moves in your chosen direction, letting you take advantage of both rising and falling markets.",
       animations: [
         {
-          id: "up",
-          label: "Up",
-          src: `${WEBFLOW_CDN}/664aff68ca9411ee61c84443_Web%20Trade%20Clip%20(Up).lottie`
+          id: "long",
+          label: "Long",
+          src: `${LOTTIE}/turbo-long.lottie`
         },
         {
-          id: "down",
-          label: "Down",
-          src: `${WEBFLOW_CDN}/664aff6801c5297f6a1f6e6c_Web%20Trade%20Clip%20(Down).lottie`
+          id: "short",
+          label: "Short",
+          src: `${LOTTIE}/turbo-short.lottie`
         }
       ],
       markets: [DERIVED_INDICES],
@@ -9193,12 +9318,12 @@ var OPTIONS_TYPES_MULTIPLIERS_CONTENT = {
         {
           id: "up",
           label: "Up",
-          src: `${WEBFLOW_CDN}/6630e305e7f044e7deae8a90_Web%20Trade%20Clip%20-%20Multipliers%20(Up).lottie`
+          src: `${LOTTIE}/multipliers-up.lottie`
         },
         {
           id: "down",
           label: "Down",
-          src: `${WEBFLOW_CDN}/6630e3055be526fd74f10190_Web%20Trade%20Clip%20-%20Multipliers%20(Down).lottie`
+          src: `${LOTTIE}/multipliers-down.lottie`
         }
       ],
       markets: [DERIVED_INDICES, FOREX, CRYPTOCURRENCIES, COMMODITIES],
@@ -9218,13 +9343,13 @@ var OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT = {
         {
           id: "up",
           label: "Up",
-          src: `${WEBFLOW_CDN}/6630e305e7f044e7deae8a90_Web%20Trade%20Clip%20-%20Multipliers%20(Up).lottie`,
+          src: `${LOTTIE}/multipliers-up.lottie`,
           iconUrl: `${WEBFLOW_ICON_CDN}/68e4859893e33d078096e151_66585fe0e1dc7e70cc75dec1_multipliers-up-sm.svg`
         },
         {
           id: "down",
           label: "Down",
-          src: `${WEBFLOW_CDN}/6630e3055be526fd74f10190_Web%20Trade%20Clip%20-%20Multipliers%20(Down).lottie`,
+          src: `${LOTTIE}/multipliers-down.lottie`,
           iconUrl: `${WEBFLOW_ICON_CDN}/68e4859893e33d078096e155_66585fe0e1dc7e70cc75dee8_multipliers-down-sm.svg`
         }
       ]
@@ -9955,6 +10080,7 @@ var AffiliatesSlider = ({
   Tiers,
   TradingCalculator,
   TradingCalculatorHowTo,
-  dayNightTransitionV2Preset
+  dayNightTransitionV2Preset,
+  isLottieSrc
 });
 //# sourceMappingURL=index.js.map