@bikdotai/bik-component-library 0.0.858-beta.1 → 0.0.858

package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1,44 +1,44 @@
-import { jsxs as Nt, Fragment as Pt, jsx as B } from "react/jsx-runtime";
-import { useState as p, useEffect as O, useCallback as x } from "react";
-import mt, { ACTIONS as ft } from "react-joyride";
-import rt from "./MajorUpdatePopup.js";
-import at from "./MinorUpdatePopup.js";
-import { VideoModal as Vt } from "./VideoModal.js";
-import { useFeatureAnnouncements as Wt } from "./hooks/useFeatureAnnouncements.js";
-import { SELECTORS as Ot } from "./constants/selectors.js";
-const Kt = ({
-  children: gt,
-  fetchVisibleFeatures: yt,
-  getStoreFeatureProgress: bt,
-  fetchFeatureById: ht,
-  markFeatureAsViewedForStore: xt,
-  isFeatureApplicableToCurrentPage: St,
-  module: kt,
-  router: L,
-  storeId: m,
-  onAnnouncementShown: $,
-  onAnnouncementInteracted: y
+import { jsxs as je, Fragment as Ee, jsx as C } from "react/jsx-runtime";
+import { useState as u, useEffect as P, useCallback as S } from "react";
+import ce, { ACTIONS as pe } from "react-joyride";
+import oe from "./MajorUpdatePopup.js";
+import ne from "./MinorUpdatePopup.js";
+import { VideoModal as Ne } from "./VideoModal.js";
+import { useFeatureAnnouncements as Pe } from "./hooks/useFeatureAnnouncements.js";
+import { SELECTORS as We } from "./constants/selectors.js";
+const $e = ({
+  children: fe,
+  fetchVisibleFeatures: me,
+  getStoreFeatureProgress: ge,
+  fetchFeatureById: he,
+  markFeatureAsViewedForStore: be,
+  isFeatureApplicableToCurrentPage: ye,
+  module: xe,
+  router: W,
+  storeId: E,
+  onAnnouncementShown: re,
+  onAnnouncementInteracted: L
 }) => {
   const {
-    majorUpdateFeatures: a,
-    minorUpdateFeatures: P,
-    isLoading: F,
-    markFeatureAsViewed: c
-  } = Wt({
-    fetchVisibleFeatures: yt,
-    getStoreFeatureProgress: bt,
-    fetchFeatureById: ht,
-    markFeatureAsViewedForStore: xt,
-    isFeatureApplicableToCurrentPage: St,
-    module: kt,
-    router: L
-  }), [b, v] = p(null), [u, S] = p(null), [J, I] = p(!1), [st, k] = p([]), [wt, V] = p(!1), [lt, j] = p([]), [dt, w] = p(!1), [C, h] = p(!1), [s, A] = p([]), [T, U] = p(!1), [M, E] = p(!1), [Ct, q] = p(!1), [Tt, R] = p(""), [z, _] = p(!1), [Mt, K] = p(!1), [ct, Q] = p(!1), [Ut, Bt] = p(0), [Ft, vt] = p(0), [N, Z] = p(
+    majorUpdateFeatures: s,
+    minorUpdateFeatures: I,
+    isLoading: T,
+    markFeatureAsViewed: p
+  } = Pe({
+    fetchVisibleFeatures: me,
+    getStoreFeatureProgress: ge,
+    fetchFeatureById: he,
+    markFeatureAsViewedForStore: be,
+    isFeatureApplicableToCurrentPage: ye,
+    module: xe,
+    router: W
+  }), [m, B] = u(null), [l, w] = u(null), [O, v] = u(!1), [ae, k] = u([]), [Se, J] = u(!1), [se, U] = u([]), [ie, M] = u(!1), [h, b] = u(!1), [d, q] = u([]), [y, F] = u(!1), [x, j] = u(!1), [we, $] = u(!1), [ke, z] = u(""), [R, K] = u(!1), [Ce, _] = u(!1), [le, A] = u(!1), [Te, Me] = u(0), [Fe, Ie] = u(0), [N, Q] = u(
     /* @__PURE__ */ new Set()
   );
-  O(() => {
-    const t = "minor-spotlight-cutout-style";
-    let o = document.getElementById(t);
-    return o || (o = document.createElement("style"), o.id = t, document.head.appendChild(o)), o.textContent = `
+  P(() => {
+    const e = "minor-spotlight-cutout-style";
+    let o = document.getElementById(e);
+    return o || (o = document.createElement("style"), o.id = e, document.head.appendChild(o)), o.textContent = `
 			.react-joyride__spotlight {
 				transition: box-shadow 0.3s ease-in-out !important;
 				will-change: box-shadow, transform;
@@ -53,132 +53,131 @@ const Kt = ({
 				left: auto !important;
 			}
 		`, () => {
-      const n = document.getElementById(t);
+      const n = document.getElementById(e);
       n && n.remove();
     };
-  }, []), O(() => {
-    Bt((t) => t + 1), vt((t) => t + 1), K(!1), Q(!1), Z(/* @__PURE__ */ new Set());
-  }, [L?.pathname]), O(() => {
-    if (a.length > 0 && !b && !F && !dt && !z) {
-      E(!1), U(!1), I(!1), k([]), S(null), A([]);
-      let t = 0;
+  }, []), P(() => {
+    Me((e) => e + 1), Ie((e) => e + 1), _(!1), A(!1), Q(/* @__PURE__ */ new Set());
+  }, [W?.pathname]), P(() => {
+    if (s.length > 0 && !m && !T && !ie && !R) {
+      j(!1), F(!1), v(!1), k([]), w(null), q([]);
+      let e = 0;
       const o = 10, n = () => {
-        t++, document.querySelector(
+        e++, document.querySelector(
           '[data-testid="whats-new-button"]'
-        ) ? ut(a[0]) : t < o ? setTimeout(n, 1e3) : E(!0);
+        ) ? de(s[0]) : e < o ? setTimeout(n, 1e3) : j(!0);
       };
       n();
-    } else a.length === 0 && !F && E(!0);
+    } else s.length === 0 && !T && j(!0);
   }, [
-    a,
-    b,
-    F,
-    dt,
-    z
-  ]), O(() => {
-    const t = L?.query?.featureId;
-    if (!t || F || P.length === 0)
+    s,
+    m,
+    T,
+    ie,
+    R
+  ]), P(() => {
+    const e = W?.query?.featureId;
+    if (!e || T || I.length === 0)
       return;
-    const o = P.find(
-      (r) => r.id === t
+    const o = I.find(
+      (a) => a.id === e
     );
     if (!o || !o.featureTag)
       return;
-    U(!0), h(!0);
+    F(!0), b(!0);
     let n = 0;
-    const e = 25, i = setInterval(() => {
+    const t = 25, r = setInterval(() => {
       n++;
-      const r = o.featureTag.startsWith("#") || o.featureTag.startsWith(".") || o.featureTag.startsWith("[") ? o.featureTag : `#${o.featureTag}`;
-      if (document.querySelector(r)) {
-        const d = [o];
-        A(d), W(o, d), clearInterval(i);
-      } else n >= e && (h(!1), clearInterval(i));
+      const a = o.featureTag.startsWith("#") || o.featureTag.startsWith(".") || o.featureTag.startsWith("[") ? o.featureTag : `#${o.featureTag}`;
+      if (document.querySelector(a)) {
+        const c = [o];
+        q(c), V(o, c), clearInterval(r);
+      } else n >= t && (b(!1), clearInterval(r));
     }, 200);
     return () => {
-      clearInterval(i);
+      clearInterval(r);
     };
-  }, [P, L?.query?.featureId, F]), O(() => {
-    if (P.length > 0 && !F && !J && !C && !u && !T && M && !z) {
-      let t = null, o = null, n = null, e = !1;
-      const i = () => {
-        if (e || C || u || T || !M)
+  }, [I, W?.query?.featureId, T]), P(() => {
+    if (I.length > 0 && !T && !O && !h && !l && !y && x && !R) {
+      let e = null, o = null, n = null, t = !1;
+      const r = () => {
+        if (t || h || l || y || !x)
           return;
-        const r = P.filter((l) => {
-          if (!l.featureTag || l.featureTag.trim() === "" || N.has(l.id))
+        const a = I.filter((i) => {
+          if (!i.featureTag || i.featureTag.trim() === "" || N.has(i.id))
             return !1;
-          const d = l.featureTag.startsWith("#") || l.featureTag.startsWith(".") || l.featureTag.startsWith("[") ? l.featureTag : `#${l.featureTag}`;
-          return document.querySelector(d) !== null;
+          const c = i.featureTag.startsWith("#") || i.featureTag.startsWith(".") || i.featureTag.startsWith("[") ? i.featureTag : `#${i.featureTag}`;
+          return document.querySelector(c) !== null;
         });
-        r.length > 0 && (A(r), W(r[0], r), t && (t.disconnect(), t = null), o && (window.removeEventListener("scroll", o), o = null), n && (clearTimeout(n), n = null));
+        a.length > 0 && (q(a), V(a[0], a), e && (e.disconnect(), e = null), o && (window.removeEventListener("scroll", o), o = null), n && (clearTimeout(n), n = null));
       };
-      return t = new MutationObserver((r) => {
-        let l = !1;
-        for (const d of r) {
-          if (d.type === "childList" && d.addedNodes.length > 0)
-            for (let g = 0; g < d.addedNodes.length; g++) {
-              const f = d.addedNodes[g];
-              if (f.nodeType === Node.ELEMENT_NODE) {
-                const pt = f;
-                if (pt.id || pt.querySelector("[id]")) {
-                  l = !0;
+      return e = new MutationObserver((a) => {
+        let i = !1;
+        for (const c of a) {
+          if (c.type === "childList" && c.addedNodes.length > 0)
+            for (let f = 0; f < c.addedNodes.length; f++) {
+              const g = c.addedNodes[f];
+              if (g.nodeType === Node.ELEMENT_NODE) {
+                const ue = g;
+                if (ue.id || ue.querySelector("[id]")) {
+                  i = !0;
                   break;
                 }
               }
             }
-          if (l) break;
+          if (i) break;
         }
-        !J && !e && !C && !u && !T && M && l && (n && clearTimeout(n), n = setTimeout(() => {
-          !e && !C && !u && !T && M && i();
+        !O && !t && !h && !l && !y && x && i && (n && clearTimeout(n), n = setTimeout(() => {
+          !t && !h && !l && !y && x && r();
         }, 200));
       }), o = () => {
-        !J && !e && !C && !u && !T && M && (n && clearTimeout(n), requestAnimationFrame(() => {
+        !O && !t && !h && !l && !y && x && (n && clearTimeout(n), requestAnimationFrame(() => {
           n = setTimeout(() => {
-            !e && !C && !u && !T && M && i();
+            !t && !h && !l && !y && x && r();
           }, 300);
         }));
-      }, t && t.observe(document.body, {
+      }, e && e.observe(document.body, {
         childList: !0,
         subtree: !0
-      }), o && window.addEventListener("scroll", o, { passive: !0 }), i(), setTimeout(() => {
-        !e && !C && !u && !T && M && i();
+      }), o && window.addEventListener("scroll", o, { passive: !0 }), r(), setTimeout(() => {
+        !t && !h && !l && !y && x && r();
       }, 100), setTimeout(() => {
-        !e && !C && !u && !T && M && i();
+        !t && !h && !l && !y && x && r();
       }, 1e3), setTimeout(() => {
-        !e && !C && !u && !T && M && i();
+        !t && !h && !l && !y && x && r();
       }, 500), () => {
-        e = !0, t && t.disconnect(), o && window.removeEventListener("scroll", o), n && clearTimeout(n);
+        t = !0, e && e.disconnect(), o && window.removeEventListener("scroll", o), n && clearTimeout(n);
       };
-    } else (P.length === 0 || F) && (L?.query?.featureId && u || (I(!1), k([]), S(null), A([]), U(!1)));
+    } else (I.length === 0 || T) && (W?.query?.featureId && l || (v(!1), k([]), w(null), q([]), F(!1)));
   }, [
-    P,
-    F,
-    J,
-    C,
-    u,
+    I,
     T,
-    M,
-    c,
-    z
+    O,
+    h,
+    l,
+    y,
+    x,
+    p,
+    R
   ]);
-  const ut = (t) => {
-    v(t);
-    const o = a.findIndex(
-      (i) => i.id === t.id
-    ), n = a.length, e = [
+  const de = (e) => {
+    B(e);
+    const o = s.findIndex(
+      (r) => r.id === e.id
+    ), n = s.length, t = [
       {
-        target: Ot.WHATS_NEW_BUTTON,
-        content: /* @__PURE__ */ B(
-          rt,
+        target: We.WHATS_NEW_BUTTON,
+        content: /* @__PURE__ */ C(
+          oe,
           {
-            feature: t,
+            feature: e,
             currentIndex: o,
             totalFeatures: n,
-            onSkip: () => D(t),
-            onExplore: (i) => H(t, i),
-            onSecondaryAction: (i) => X(t, i),
-            onPrevious: () => G(t),
-            onNext: () => Y(t),
-            setIsClosing: K
+            onSkip: () => Z(e),
+            onExplore: (r) => D(e, r),
+            onPrevious: () => H(e),
+            onNext: () => X(e),
+            setIsClosing: _
           }
         ),
         placement: "bottom-start",
@@ -188,7 +187,7 @@ const Kt = ({
         hideSkipButton: !0,
         hideFooter: !0,
         offset: 0,
-        data: { feature: t, isMajor: !0 },
+        data: { feature: e, isMajor: !0 },
         styles: {
           tooltip: {
             padding: 0,
@@ -216,22 +215,22 @@ const Kt = ({
         }
       }
     ];
-    j(e), V(!0), $ && m && $({
-      storeId: m,
-      announcementId: t.id,
-      announcementTitle: t.title,
-      imageUrl: t.displayImage || t.image,
-      videoUrl: t.productVideo
+    U(t), J(!0), re && E && re({
+      storeId: E,
+      announcementId: e.id,
+      announcementTitle: e.title,
+      imageUrl: e.displayImage || e.image,
+      videoUrl: e.productVideo
     });
-  }, D = x(
-    async (t) => {
-      const o = t || b;
-      o && (w(!0), await Promise.all(
-        a.map(
-          (n) => c(n.id)
+  }, Z = S(
+    async (e) => {
+      const o = e || m;
+      o && (M(!0), await Promise.all(
+        s.map(
+          (n) => p(n.id)
         )
-      ), V(!1), v(null), j([]), E(!0), y && m && y({
-        storeId: m,
+      ), J(!1), B(null), U([]), j(!0), L && E && L({
+        storeId: E,
         announcementId: o.id,
         announcementTitle: o.title,
         imageUrl: o.displayImage || o.image,
@@ -240,81 +239,60 @@ const Kt = ({
         buttonName: "Skip",
         buttonUrl: void 0
       }), setTimeout(() => {
-        w(!1);
+        M(!1);
       }, 500));
     },
-    [b, a, c]
-  ), H = x(
-    async (t, o) => {
-      w(!0), await c(t.id);
-      const n = o ?? t.primaryButton?.action;
-      if (n === "Play Video" && t.productVideo && (R(t.productVideo), q(!0), _(!0)), n === "Open link") {
-        const r = t.primaryButton?.redirectionUrl || t.redirectUrl;
-        r && !r.startsWith("http") && (window.location.href = r);
+    [m, s, p]
+  ), D = S(
+    async (e, o) => {
+      M(!0), await p(e.id);
+      const n = o ?? e.primaryButton?.action;
+      if (n === "Play Video" && e.productVideo && (z(e.productVideo), $(!0), K(!0)), n === "Open link") {
+        const a = e.primaryButton?.redirectionUrl || e.redirectUrl;
+        a && !a.startsWith("http") && (window.location.href = a);
       }
-      V(!1), v(null), j([]), a.findIndex(
-        (r) => r.id === t.id
-      ) === a.length - 1 && E(!0), y && m && y({
-        storeId: m,
-        announcementId: t.id,
-        announcementTitle: t.title,
-        imageUrl: t.displayImage || t.image,
-        videoUrl: t.productVideo,
+      J(!1), B(null), U([]), s.findIndex(
+        (a) => a.id === e.id
+      ) === s.length - 1 && j(!0), L && E && L({
+        storeId: E,
+        announcementId: e.id,
+        announcementTitle: e.title,
+        imageUrl: e.displayImage || e.image,
+        videoUrl: e.productVideo,
         buttonClicked: "Primary",
-        // Mirrors the rendered button and the navigation target, which both
-        // prefer primaryButton over the legacy top-level fields.
-        buttonName: t.primaryButton?.text || t.buttonText || "Explore",
-        buttonUrl: t.primaryButton?.redirectionUrl || t.redirectUrl || t.productVideo
-      }), setTimeout(() => {
-        w(!1);
-      }, 500);
-    },
-    [a, c]
-  ), X = x(
-    async (t, o) => {
-      w(!0), await c(t.id), (o ?? t.secondaryButton?.action) === "Play Video" && t.productVideo && (R(t.productVideo), q(!0), _(!0)), V(!1), v(null), j([]), a.findIndex(
-        (r) => r.id === t.id
-      ) === a.length - 1 && E(!0), y && m && y({
-        storeId: m,
-        announcementId: t.id,
-        announcementTitle: t.title,
-        imageUrl: t.displayImage || t.image,
-        videoUrl: t.productVideo,
-        buttonClicked: "Secondary",
-        buttonName: t.secondaryButton?.text || "Secondary",
-        buttonUrl: t.secondaryButton?.redirectionUrl
+        buttonName: e.buttonText || "Explore",
+        buttonUrl: e.redirectUrl || e.productVideo
       }), setTimeout(() => {
-        w(!1);
+        M(!1);
       }, 500);
     },
-    [a, c]
-  ), G = x(
-    (t) => {
-      const o = t || b;
+    [s, p]
+  ), H = S(
+    (e) => {
+      const o = e || m;
       if (!o)
         return;
-      const n = a.findIndex(
-        (e) => e.id === o.id
+      const n = s.findIndex(
+        (t) => t.id === o.id
       );
       if (n > 0) {
-        const e = a[n - 1];
-        v(e);
-        const i = n - 1, r = a.length;
-        j([
+        const t = s[n - 1];
+        B(t);
+        const r = n - 1, a = s.length;
+        U([
           {
             target: '[data-testid="whats-new-button"]',
-            content: /* @__PURE__ */ B(
-              rt,
+            content: /* @__PURE__ */ C(
+              oe,
               {
-                feature: e,
-                currentIndex: i,
-                totalFeatures: r,
-                onSkip: () => D(e),
-                onExplore: (d) => H(e, d),
-                onSecondaryAction: (d) => X(e, d),
-                onPrevious: () => G(e),
-                onNext: () => Y(e),
-                setIsClosing: K
+                feature: t,
+                currentIndex: r,
+                totalFeatures: a,
+                onSkip: () => Z(t),
+                onExplore: (c) => D(t, c),
+                onPrevious: () => H(t),
+                onNext: () => X(t),
+                setIsClosing: _
               }
             ),
             placement: "bottom-start",
@@ -324,7 +302,7 @@ const Kt = ({
             hideSkipButton: !0,
             hideFooter: !0,
             offset: 0,
-            data: { feature: e, isMajor: !0 },
+            data: { feature: t, isMajor: !0 },
             styles: {
               tooltip: {
                 padding: 0,
@@ -354,34 +332,33 @@ const Kt = ({
         ]);
       }
     },
-    [b, a]
-  ), Y = x(
-    (t) => {
-      const o = t || b;
+    [m, s]
+  ), X = S(
+    (e) => {
+      const o = e || m;
       if (!o)
         return;
-      const n = a.findIndex(
-        (e) => e.id === o.id
+      const n = s.findIndex(
+        (t) => t.id === o.id
       );
-      if (n < a.length - 1) {
-        const e = a[n + 1];
-        v(e);
-        const i = n + 1, r = a.length;
-        j([
+      if (n < s.length - 1) {
+        const t = s[n + 1];
+        B(t);
+        const r = n + 1, a = s.length;
+        U([
           {
             target: '[data-testid="whats-new-button"]',
-            content: /* @__PURE__ */ B(
-              rt,
+            content: /* @__PURE__ */ C(
+              oe,
               {
-                feature: e,
-                currentIndex: i,
-                totalFeatures: r,
-                onSkip: () => D(e),
-                onExplore: (d) => H(e, d),
-                onSecondaryAction: (d) => X(e, d),
-                onPrevious: () => G(e),
-                onNext: () => Y(e),
-                setIsClosing: K
+                feature: t,
+                currentIndex: r,
+                totalFeatures: a,
+                onSkip: () => Z(t),
+                onExplore: (c) => D(t, c),
+                onPrevious: () => H(t),
+                onNext: () => X(t),
+                setIsClosing: _
               }
             ),
             placement: "bottom-start",
@@ -391,7 +368,7 @@ const Kt = ({
             hideSkipButton: !0,
             hideFooter: !0,
             offset: 0,
-            data: { feature: e, isMajor: !0 },
+            data: { feature: t, isMajor: !0 },
             styles: {
               tooltip: {
                 padding: 0,
@@ -420,63 +397,62 @@ const Kt = ({
           }
         ]);
       } else
-        w(!0), c(o.id), V(!1), v(null), j([]), E(!0), setTimeout(() => {
-          w(!1);
+        M(!0), p(o.id), J(!1), B(null), U([]), j(!0), setTimeout(() => {
+          M(!1);
         }, 500);
     },
-    [b, a, c]
-  ), It = () => {
-    a.length > 0 && !b && document.querySelector(
+    [m, s, p]
+  ), Be = () => {
+    s.length > 0 && !m && document.querySelector(
       '[data-testid="whats-new-button"]'
-    ) && ut(a[0]);
+    ) && de(s[0]);
   };
-  O(() => (window.showMajorUpdatePopup = It, () => {
+  P(() => (window.showMajorUpdatePopup = Be, () => {
     delete window.showMajorUpdatePopup;
-  }), [a, b]);
-  const jt = x(
-    (t) => {
-      const { action: o } = t;
-      o === ft.CLOSE && (b && (w(!0), a.forEach((n) => {
-        c(n.id);
-      }), E(!0), setTimeout(() => {
-        w(!1);
-      }, 500)), V(!1), v(null), j([]));
+  }), [s, m]);
+  const ve = S(
+    (e) => {
+      const { action: o } = e;
+      o === pe.CLOSE && (m && (M(!0), s.forEach((n) => {
+        p(n.id);
+      }), j(!0), setTimeout(() => {
+        M(!1);
+      }, 500)), J(!1), B(null), U([]));
     },
-    [b, a, c]
-  ), Et = x(
-    (t) => {
-      const { action: o } = t;
-      o === ft.CLOSE && (u && (h(!0), c(u.id), s.findIndex(
-        (i) => i.id === u.id
-      ) === s.length - 1 && U(!0), setTimeout(() => {
-        h(!1);
-      }, 500)), I(!1), S(null), k([]));
+    [m, s, p]
+  ), Ue = S(
+    (e) => {
+      const { action: o } = e;
+      o === pe.CLOSE && (l && (b(!0), p(l.id), d.findIndex(
+        (r) => r.id === l.id
+      ) === d.length - 1 && F(!0), setTimeout(() => {
+        b(!1);
+      }, 500)), v(!1), w(null), k([]));
     },
-    [u, s, c]
-  ), W = async (t, o) => {
-    S(t);
-    const n = o || s, e = n.findIndex((g) => g.id === t.id), i = n.length, r = t.featureTag.startsWith("#") || t.featureTag.startsWith(".") || t.featureTag.startsWith("[") ? t.featureTag : `#${t.featureTag}`, l = document.querySelector(r);
-    if (l)
+    [l, d, p]
+  ), V = async (e, o) => {
+    w(e);
+    const n = o || d, t = n.findIndex((f) => f.id === e.id), r = n.length, a = e.featureTag.startsWith("#") || e.featureTag.startsWith(".") || e.featureTag.startsWith("[") ? e.featureTag : `#${e.featureTag}`, i = document.querySelector(a);
+    if (i)
       try {
-        const { scrollToElementSmooth: g } = await import("./utils/elementHelpers.js");
-        await g(l, 120);
+        const { scrollToElementSmooth: f } = await import("./utils/elementHelpers.js");
+        await f(i, 120);
       } catch {
       }
     k([
       {
-        target: r,
-        content: /* @__PURE__ */ B(
-          at,
+        target: a,
+        content: /* @__PURE__ */ C(
+          ne,
           {
-            feature: t,
-            currentIndex: e,
-            totalFeatures: i,
-            onSkip: () => tt(t),
-            onExplore: (g) => et(t, g),
-            onSecondaryAction: (g) => ot(t, g),
-            onPrevious: () => nt(t),
-            onNext: () => it(t),
-            setIsClosing: Q
+            feature: e,
+            currentIndex: t,
+            totalFeatures: r,
+            onSkip: () => G(e),
+            onExplore: (f) => Y(e, f),
+            onPrevious: () => ee(e),
+            onNext: () => te(e),
+            setIsClosing: A
           }
         ),
         placement: "bottom",
@@ -486,7 +462,7 @@ const Kt = ({
         hideSkipButton: !0,
         hideFooter: !0,
         offset: 0,
-        data: { feature: t, isMinor: !0 },
+        data: { feature: e, isMinor: !0 },
         styles: {
           tooltip: {
             padding: 0,
@@ -513,125 +489,76 @@ const Kt = ({
           }
         }
       }
-    ]), I(!0), $ && m && $({
-      storeId: m,
-      announcementId: t.id,
-      announcementTitle: t.title,
-      imageUrl: t.displayImage || t.image,
-      videoUrl: t.productVideo
-    });
-  }, tt = x(
-    async (t) => {
-      const o = t || u;
+    ]), v(!0);
+  }, G = S(
+    async (e) => {
+      const o = e || l;
       if (o) {
-        h(!0), await c(o.id), Z((e) => new Set(e).add(o.id)), I(!1), S(null), k([]);
-        const n = s.find(
-          (e) => e.id !== o.id && !N.has(e.id)
+        b(!0), await p(o.id), Q((t) => new Set(t).add(o.id)), v(!1), w(null), k([]);
+        const n = d.find(
+          (t) => t.id !== o.id && !N.has(t.id)
         );
-        y && m && y({
-          storeId: m,
-          announcementId: o.id,
-          announcementTitle: o.title,
-          imageUrl: o.displayImage || o.image,
-          videoUrl: o.productVideo,
-          buttonClicked: "Skip",
-          buttonName: "Skip",
-          buttonUrl: void 0
-        }), setTimeout(() => {
-          h(!1), n ? W(n, s) : U(!0);
+        setTimeout(() => {
+          b(!1), n ? V(n, d) : F(!0);
         }, 500);
       }
     },
     [
-      u,
-      s,
-      c,
+      l,
+      d,
+      p,
       N
     ]
-  ), et = x(
-    async (t, o) => {
-      h(!0), await c(t.id), Z((i) => new Set(i).add(t.id));
-      const n = o ?? t.primaryButton?.action;
-      if (n === "Play Video" && t.productVideo && (R(t.productVideo), q(!0), _(!0)), n === "Open link") {
-        const i = t.primaryButton?.redirectionUrl || t.redirectUrl;
-        i && !i.startsWith("http") && (window.location.href = i);
+  ), Y = S(
+    async (e, o) => {
+      b(!0), await p(e.id), Q((r) => new Set(r).add(e.id));
+      const n = o ?? e.primaryButton?.action;
+      if (n === "Play Video" && e.productVideo && (z(e.productVideo), $(!0), K(!0)), n === "Open link") {
+        const r = e.primaryButton?.redirectionUrl || e.redirectUrl;
+        r && !r.startsWith("http") && (window.location.href = r);
       }
-      I(!1), S(null), k([]);
-      const e = s.find(
-        (i) => i.id !== t.id && !N.has(i.id)
+      v(!1), w(null), k([]);
+      const t = d.find(
+        (r) => r.id !== e.id && !N.has(r.id)
       );
-      y && m && y({
-        storeId: m,
-        announcementId: t.id,
-        announcementTitle: t.title,
-        imageUrl: t.displayImage || t.image,
-        videoUrl: t.productVideo,
-        buttonClicked: "Primary",
-        // Mirrors the rendered button and the navigation target, which both
-        // prefer primaryButton over the legacy top-level fields.
-        buttonName: t.primaryButton?.text || t.buttonText || "Explore",
-        buttonUrl: t.primaryButton?.redirectionUrl || t.redirectUrl || t.productVideo
-      }), setTimeout(() => {
-        h(!1), e && n !== "Play Video" ? W(e, s) : e || U(!0);
-      }, 500);
-    },
-    [s, c, N]
-  ), ot = x(
-    async (t, o) => {
-      h(!0), await c(t.id), Z((i) => new Set(i).add(t.id));
-      const n = o ?? t.secondaryButton?.action;
-      n === "Play Video" && t.productVideo && (R(t.productVideo), q(!0), _(!0)), I(!1), S(null), k([]);
-      const e = s.find(
-        (i) => i.id !== t.id && !N.has(i.id)
-      );
-      y && m && y({
-        storeId: m,
-        announcementId: t.id,
-        announcementTitle: t.title,
-        imageUrl: t.displayImage || t.image,
-        videoUrl: t.productVideo,
-        buttonClicked: "Secondary",
-        buttonName: t.secondaryButton?.text || "Secondary",
-        buttonUrl: t.secondaryButton?.redirectionUrl
-      }), setTimeout(() => {
-        h(!1), e && n !== "Play Video" ? W(e, s) : e || U(!0);
+      setTimeout(() => {
+        b(!1), t && n !== "Play Video" ? V(t, d) : t || F(!0);
       }, 500);
     },
-    [s, c, N]
-  ), nt = x(
-    async (t) => {
-      const o = t || u;
+    [d, p, N]
+  ), ee = S(
+    async (e) => {
+      const o = e || l;
       if (!o)
         return;
-      const n = s.findIndex(
-        (e) => e.id === o.id
+      const n = d.findIndex(
+        (t) => t.id === o.id
       );
       if (n > 0) {
-        const e = s[n - 1];
-        S(e);
-        const i = e.featureTag.startsWith("#") || e.featureTag.startsWith(".") || e.featureTag.startsWith("[") ? e.featureTag : `#${e.featureTag}`, r = document.querySelector(i);
-        if (r)
+        const t = d[n - 1];
+        w(t);
+        const r = t.featureTag.startsWith("#") || t.featureTag.startsWith(".") || t.featureTag.startsWith("[") ? t.featureTag : `#${t.featureTag}`, a = document.querySelector(r);
+        if (a)
           try {
-            const { scrollToElementSmooth: f } = await import("./utils/elementHelpers.js");
-            await f(r, 120);
+            const { scrollToElementSmooth: g } = await import("./utils/elementHelpers.js");
+            await g(a, 120);
           } catch {
           }
-        const l = n - 1, d = s.length;
+        const i = n - 1, c = d.length;
         k([
           {
-            target: i,
-            content: /* @__PURE__ */ B(
-              at,
+            target: r,
+            content: /* @__PURE__ */ C(
+              ne,
               {
-                feature: e,
-                currentIndex: l,
-                totalFeatures: d,
-                onSkip: () => tt(e),
-                onExplore: (f) => et(e, f),
-                onSecondaryAction: (f) => ot(e, f),
-                onPrevious: () => nt(e),
-                onNext: () => it(e),
-                setIsClosing: Q
+                feature: t,
+                currentIndex: i,
+                totalFeatures: c,
+                onSkip: () => G(t),
+                onExplore: (g) => Y(t, g),
+                onPrevious: () => ee(t),
+                onNext: () => te(t),
+                setIsClosing: A
               }
             ),
             placement: "bottom",
@@ -641,7 +568,7 @@ const Kt = ({
             hideSkipButton: !0,
             hideFooter: !0,
             offset: 0,
-            data: { feature: e, isMinor: !0 },
+            data: { feature: t, isMinor: !0 },
             styles: {
               tooltip: {
                 padding: 0,
@@ -671,41 +598,40 @@ const Kt = ({
         ]);
       }
     },
-    [u, s]
-  ), it = x(
-    async (t) => {
-      const o = t || u;
+    [l, d]
+  ), te = S(
+    async (e) => {
+      const o = e || l;
       if (!o)
         return;
-      const n = s.findIndex(
-        (e) => e.id === o.id
+      const n = d.findIndex(
+        (t) => t.id === o.id
       );
-      if (n < s.length - 1) {
-        const e = s[n + 1];
-        S(e);
-        const i = e.featureTag.startsWith("#") || e.featureTag.startsWith(".") || e.featureTag.startsWith("[") ? e.featureTag : `#${e.featureTag}`, r = document.querySelector(i);
-        if (r)
+      if (n < d.length - 1) {
+        const t = d[n + 1];
+        w(t);
+        const r = t.featureTag.startsWith("#") || t.featureTag.startsWith(".") || t.featureTag.startsWith("[") ? t.featureTag : `#${t.featureTag}`, a = document.querySelector(r);
+        if (a)
           try {
-            const { scrollToElementSmooth: f } = await import("./utils/elementHelpers.js");
-            await f(r, 120);
+            const { scrollToElementSmooth: g } = await import("./utils/elementHelpers.js");
+            await g(a, 120);
           } catch {
           }
-        const l = n + 1, d = s.length;
+        const i = n + 1, c = d.length;
         k([
           {
-            target: i,
-            content: /* @__PURE__ */ B(
-              at,
+            target: r,
+            content: /* @__PURE__ */ C(
+              ne,
               {
-                feature: e,
-                currentIndex: l,
-                totalFeatures: d,
-                onSkip: () => tt(e),
-                onExplore: (f) => et(e, f),
-                onSecondaryAction: (f) => ot(e, f),
-                onPrevious: () => nt(e),
-                onNext: () => it(e),
-                setIsClosing: Q
+                feature: t,
+                currentIndex: i,
+                totalFeatures: c,
+                onSkip: () => G(t),
+                onExplore: (g) => Y(t, g),
+                onPrevious: () => ee(t),
+                onNext: () => te(t),
+                setIsClosing: A
               }
             ),
             placement: "bottom",
@@ -715,7 +641,7 @@ const Kt = ({
             hideSkipButton: !0,
             hideFooter: !0,
             offset: 0,
-            data: { feature: e, isMinor: !0 },
+            data: { feature: t, isMinor: !0 },
             styles: {
               tooltip: {
                 padding: 0,
@@ -744,23 +670,23 @@ const Kt = ({
           }
         ]);
       } else
-        h(!0), U(!0), c(o.id), I(!1), S(null), k([]), setTimeout(() => {
-          h(!1);
+        b(!0), F(!0), p(o.id), v(!1), w(null), k([]), setTimeout(() => {
+          b(!1);
         }, 500);
     },
-    [u, s, c]
+    [l, d, p]
   );
-  return /* @__PURE__ */ Nt(Pt, { children: [
-    gt,
-    lt.length > 0 && /* @__PURE__ */ B(
-      mt,
+  return /* @__PURE__ */ je(Ee, { children: [
+    fe,
+    se.length > 0 && /* @__PURE__ */ C(
+      ce,
       {
-        steps: lt,
-        run: wt,
+        steps: se,
+        run: Se,
         continuous: !1,
         showProgress: !1,
         showSkipButton: !1,
-        callback: jt,
+        callback: ve,
         disableOverlayClose: !1,
         disableCloseOnEsc: !1,
         disableOverlay: !1,
@@ -770,7 +696,7 @@ const Kt = ({
             primaryColor: "#007bff",
             zIndex: 1e4,
             width: "auto",
-            arrowColor: Mt ? "transparent" : "#212121"
+            arrowColor: Ce ? "transparent" : "#212121"
           },
           overlay: {
             backgroundColor: "transparent"
@@ -813,17 +739,17 @@ const Kt = ({
           skip: "Skip"
         }
       },
-      `major-joyride-${Ut}`
+      `major-joyride-${Te}`
     ),
-    st.length > 0 && /* @__PURE__ */ B(
-      mt,
+    ae.length > 0 && /* @__PURE__ */ C(
+      ce,
       {
-        steps: st,
-        run: J,
+        steps: ae,
+        run: O,
         continuous: !1,
         showProgress: !1,
         showSkipButton: !1,
-        callback: Et,
+        callback: Ue,
         disableOverlayClose: !1,
         disableCloseOnEsc: !1,
         disableOverlay: !1,
@@ -835,7 +761,7 @@ const Kt = ({
             primaryColor: "#007bff",
             zIndex: 1e4,
             width: "auto",
-            arrowColor: ct ? "transparent" : "#ffffff"
+            arrowColor: le ? "transparent" : "#ffffff"
           },
           overlay: {
             backgroundColor: "transparent"
@@ -843,7 +769,7 @@ const Kt = ({
           spotlight: {
             backgroundColor: "transparent",
             borderRadius: "8px",
-            boxShadow: ct ? "none" : "0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"
+            boxShadow: le ? "none" : "0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"
           },
           tooltip: {
             borderRadius: "4px",
@@ -878,27 +804,27 @@ const Kt = ({
           skip: "Skip"
         }
       },
-      `minor-joyride-${Ft}`
+      `minor-joyride-${Fe}`
     ),
-    /* @__PURE__ */ B(
-      Vt,
+    /* @__PURE__ */ C(
+      Ne,
       {
-        isOpen: Ct,
-        videoUrl: Tt,
+        isOpen: we,
+        videoUrl: ke,
         onClose: () => {
-          q(!1), R(""), _(!1);
-          const t = s.find(
+          $(!1), z(""), K(!1);
+          const e = d.find(
             (o) => !N.has(o.id)
           );
-          t ? setTimeout(() => {
-            W(t, s);
-          }, 300) : U(!0);
+          e ? setTimeout(() => {
+            V(e, d);
+          }, 300) : F(!0);
         }
       }
     )
   ] });
 };
 export {
-  Kt as default
+  $e as default
 };
 //# sourceMappingURL=FeatureAnnouncementProvider.js.map