@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

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

@@ -1,51 +1,51 @@
 import { jsxDEV as o, Fragment as Z } from "react/jsx-dev-runtime";
-import { useState as b, useRef as g, useEffect as F } from "react";
-import C from "../../assets/icons/chevronRight2.svg.js";
+import { useState as f, useRef as N, useEffect as F } from "react";
+import T from "../../assets/icons/chevronRight2.svg.js";
 import ee from "../../assets/icons/play.svg.js";
-import { TEXT as O } from "./constants/index.js";
+import { TEXT as E } from "./constants/index.js";
 import { getMajorPopupStyles as ne } from "./styles/majorPopup.styles.js";
 import { decodeHTMLEntities as te } from "./utils/htmlHelpers.js";
-import { hideJoyrideArrow as k, calculateCloseTransform as P, executeAfterAnimation as w } from "./utils/animationHelpers.js";
-import { findWhatsNewButton as j } from "./utils/elementHelpers.js";
+import { hideJoyrideArrow as g, calculateCloseTransform as U, executeAfterAnimation as C } from "./utils/animationHelpers.js";
+import { findWhatsNewButton as M } from "./utils/elementHelpers.js";
 const de = ({
   feature: t,
-  currentIndex: l,
-  totalFeatures: m,
-  onSkip: U,
-  onExplore: M,
-  onPrevious: L,
-  onNext: V,
-  setIsClosing: N,
-  onSecondaryAction: R,
-  ratio: A = "16:9",
-  padding: W
+  currentIndex: u,
+  totalFeatures: p,
+  onSkip: P,
+  onExplore: j,
+  onPrevious: O,
+  onNext: w,
+  setIsClosing: k,
+  onSecondaryAction: L,
+  ratio: V = "16:9",
+  padding: R
 }) => {
-  const [x, v] = b(!1), [B, D] = b(!1), [S, d] = b(""), c = g(null), [T, h] = b(!1), [_, y] = b(!0), p = g(null), [H, i] = b(A), I = g(null);
+  const [x, h] = f(!1), [B, A] = f(!1), [S, d] = f(""), l = N(null), [W, y] = f(!1), [_, v] = f(!0), m = N(null), [H, i] = f(V), I = N(null);
   F(() => {
-    x && D(!0);
+    x && A(!0);
   }, [x]);
   const K = (e) => {
-    k(c.current);
-    const a = j();
-    if (a && c.current) {
-      const r = P(
-        c.current,
+    g(l.current);
+    const a = M();
+    if (a && l.current) {
+      const r = U(
+        l.current,
         a
       );
       d(r);
     } else
       d("scale(0)");
-    N?.(!0), v(!0), w(e);
+    k?.(!0), h(!0), C(e);
   }, X = (e) => {
-    const a = e.currentTarget, r = a.naturalWidth, u = a.naturalHeight;
-    if (r && u) {
-      const s = r / u;
+    const a = e.currentTarget, r = a.naturalWidth, c = a.naturalHeight;
+    if (r && c) {
+      const s = r / c;
       Math.abs(s - 16 / 9) < 0.1 ? i("16:9") : Math.abs(s - 1) < 0.1 ? i("1:1") : Math.abs(s - 4 / 3) < 0.1 ? i("4:3") : s > 1.5 ? i("16:9") : s < 0.9 ? i("4:3") : i("1:1");
     }
   }, z = (e) => {
-    const a = e.currentTarget, r = a.videoWidth, u = a.videoHeight;
-    if (r && u) {
-      const s = r / u;
+    const a = e.currentTarget, r = a.videoWidth, c = a.videoHeight;
+    if (r && c) {
+      const s = r / c;
       Math.abs(s - 16 / 9) < 0.1 ? i("16:9") : Math.abs(s - 1) < 0.1 ? i("1:1") : Math.abs(s - 4 / 3) < 0.1 ? i("4:3") : s > 1.5 ? i("16:9") : s < 0.9 ? i("4:3") : i("1:1");
     }
   }, G = () => {
@@ -54,62 +54,62 @@ const de = ({
       const r = t.primaryButton?.redirectionUrl || t.redirectUrl;
       r && r.startsWith("http") && window.open(r, "_blank", "noopener,noreferrer");
     }
-    M(e), k(c.current);
-    const a = j();
-    if (a && c.current) {
-      const r = P(
-        c.current,
+    j(e), g(l.current);
+    const a = M();
+    if (a && l.current) {
+      const r = U(
+        l.current,
         a
       );
       d(r);
     } else
       d("scale(0)");
-    N?.(!0), v(!0);
+    k?.(!0), h(!0);
   }, J = (e) => {
-    e.preventDefault(), e.stopPropagation(), K(U);
+    e.preventDefault(), e.stopPropagation(), K(P);
   }, $ = (e) => {
-    e.preventDefault(), e.stopPropagation(), L();
+    e.preventDefault(), e.stopPropagation(), O();
   }, q = (e) => {
-    e.preventDefault(), e.stopPropagation(), V();
-  }, E = (e) => {
+    e.preventDefault(), e.stopPropagation(), w();
+  }, D = (e) => {
     e.preventDefault(), e.stopPropagation();
-    const a = t.secondaryButton?.action, r = R || U;
-    let u = null;
+    const a = t.secondaryButton?.action, r = L || P;
+    let c = null;
     if (a === "Play Video")
-      M("Play Video");
+      j("Play Video");
     else if (a === "Open link") {
-      const f = t.secondaryButton?.redirectionUrl;
-      f && (f.startsWith("http") ? window.open(f, "_blank", "noopener,noreferrer") : u = f);
+      const b = t.secondaryButton?.redirectionUrl;
+      b && (b.startsWith("http") ? window.open(b, "_blank", "noopener,noreferrer") : c = b);
     }
-    k(c.current);
-    const s = j();
-    if (s && c.current) {
-      const f = P(
-        c.current,
+    g(l.current);
+    const s = M();
+    if (s && l.current) {
+      const b = U(
+        l.current,
         s
       );
-      d(f);
+      d(b);
     } else
       d("scale(0)");
-    N?.(!0), v(!0), w(async () => {
-      await r(), u && (window.location.href = u);
+    k?.(!0), h(!0), C(async () => {
+      await r(), c && (window.location.href = c);
     });
   }, n = ne(
     B,
     S,
     H,
-    W || t.padding,
+    R || t.padding,
     t.primaryButton?.style,
     t.secondaryButton?.style
   ), Q = (e) => {
-    e.stopPropagation(), p.current && (p.current.paused ? (p.current.play(), h(!1), y(!1)) : (p.current.pause(), h(!0), y(!0)));
+    e.stopPropagation(), m.current && (m.current.paused ? (m.current.play(), y(!1), v(!1)) : (m.current.pause(), y(!0), v(!0)));
   }, Y = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), p.current && (p.current.paused ? (p.current.play(), h(!1), y(!1)) : (p.current.pause(), h(!0), y(!0))));
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), m.current && (m.current.paused ? (m.current.play(), y(!1), v(!1)) : (m.current.pause(), y(!0), v(!0))));
   };
   return /* @__PURE__ */ o("div", { style: n.outerWrapper, children: /* @__PURE__ */ o(
     "div",
     {
-      ref: c,
+      ref: l,
       style: {
         ...n.container,
         opacity: B ? 0 : 1,
@@ -130,7 +130,7 @@ const de = ({
 					font-family: Inter, sans-serif;
 				}
 			` }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
           lineNumber: 275,
           columnNumber: 5
         }, void 0),
@@ -139,7 +139,7 @@ const de = ({
             /* @__PURE__ */ o(
               "video",
               {
-                ref: p,
+                ref: m,
                 src: t.productVideo,
                 style: n.image,
                 autoPlay: !0,
@@ -153,23 +153,23 @@ const de = ({
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                 lineNumber: 295,
                 columnNumber: 9
               },
               void 0
             ),
-            (T || _) && /* @__PURE__ */ o(
+            (W || _) && /* @__PURE__ */ o(
               "div",
               {
                 style: n.videoOverlay,
                 onClick: Q,
                 role: "button",
                 tabIndex: 0,
-                "aria-label": T ? "Play video" : "Pause video",
+                "aria-label": W ? "Play video" : "Pause video",
                 onKeyDown: Y,
                 children: /* @__PURE__ */ o(ee, { width: 20, height: 20 }, void 0, !1, {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                   lineNumber: 317,
                   columnNumber: 11
                 }, void 0)
@@ -177,14 +177,14 @@ const de = ({
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                 lineNumber: 309,
                 columnNumber: 10
               },
               void 0
             )
           ] }, void 0, !0, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
             lineNumber: 294,
             columnNumber: 8
           }, void 0) : t.displayImage ? /* @__PURE__ */ o(
@@ -202,17 +202,17 @@ const de = ({
             void 0,
             !1,
             {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
               lineNumber: 322,
               columnNumber: 8
             },
             void 0
-          ) : /* @__PURE__ */ o("div", { style: n.imagePlaceholder, children: O.FEATURE_PREVIEW_PLACEHOLDER }, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+          ) : /* @__PURE__ */ o("div", { style: n.imagePlaceholder, children: E.FEATURE_PREVIEW_PLACEHOLDER }, void 0, !1, {
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
             lineNumber: 335,
             columnNumber: 8
           }, void 0) }, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
             lineNumber: 292,
             columnNumber: 6
           }, void 0),
@@ -230,18 +230,18 @@ const de = ({
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                 lineNumber: 345,
                 columnNumber: 8
               },
               void 0
             ) }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
               lineNumber: 344,
               columnNumber: 7
             }, void 0),
             /* @__PURE__ */ o("h3", { style: n.title, children: t.title }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
               lineNumber: 361,
               columnNumber: 7
             }, void 0),
@@ -259,7 +259,7 @@ const de = ({
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                 lineNumber: 364,
                 columnNumber: 7
               },
@@ -280,12 +280,12 @@ const de = ({
                       e.currentTarget.style,
                       n.exploreButton.base
                     ),
-                    children: t.primaryButton?.text || t.buttonText || O.DEFAULT_BUTTON_TEXT
+                    children: t.primaryButton?.text || t.buttonText || E.DEFAULT_BUTTON_TEXT
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                     lineNumber: 377,
                     columnNumber: 9
                   },
@@ -301,7 +301,7 @@ const de = ({
                     rel: t.secondaryButton.redirectionUrl.startsWith(
                       "http"
                     ) ? "noopener noreferrer" : void 0,
-                    onClick: E,
+                    onClick: D,
                     style: n.secondaryButton.base,
                     onMouseEnter: (e) => Object.assign(
                       e.currentTarget.style,
@@ -316,7 +316,7 @@ const de = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                     lineNumber: 401,
                     columnNumber: 11
                   },
@@ -324,7 +324,7 @@ const de = ({
                 ) : /* @__PURE__ */ o(
                   "button",
                   {
-                    onClick: E,
+                    onClick: D,
                     style: n.secondaryButton.base,
                     onMouseEnter: (e) => Object.assign(
                       e.currentTarget.style,
@@ -339,39 +339,39 @@ const de = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                     lineNumber: 435,
                     columnNumber: 11
                   },
                   void 0
                 ))
               ] }, void 0, !0, {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                 lineNumber: 376,
                 columnNumber: 8
               }, void 0),
-              m > 1 && /* @__PURE__ */ o("div", { style: n.navigationContainer, children: [
+              p > 1 && /* @__PURE__ */ o("div", { style: n.navigationContainer, children: [
                 /* @__PURE__ */ o(
                   "button",
                   {
                     onClick: $,
-                    disabled: l === 0,
-                    style: n.navigationButton(l === 0).base,
+                    disabled: u === 0,
+                    style: n.navigationButton(u === 0).base,
                     onMouseEnter: (e) => {
-                      l !== 0 && Object.assign(
+                      u !== 0 && Object.assign(
                         e.currentTarget.style,
                         n.navigationButton(!1).hover
                       );
                     },
                     onMouseLeave: (e) => {
-                      l !== 0 && Object.assign(
+                      u !== 0 && Object.assign(
                         e.currentTarget.style,
                         n.navigationButton(!1).base
                       );
                     },
                     "aria-label": "Previous feature",
-                    children: /* @__PURE__ */ o(C, { style: { transform: "rotate(180deg)" } }, void 0, !1, {
-                      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    children: /* @__PURE__ */ o(T, { style: { transform: "rotate(180deg)" } }, void 0, !1, {
+                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                       lineNumber: 481,
                       columnNumber: 11
                     }, void 0)
@@ -379,7 +379,7 @@ const de = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                     lineNumber: 459,
                     columnNumber: 10
                   },
@@ -389,27 +389,27 @@ const de = ({
                   "button",
                   {
                     onClick: q,
-                    disabled: l === m - 1,
+                    disabled: u === p - 1,
                     style: n.navigationButton(
-                      l === m - 1
+                      u === p - 1
                     ).base,
                     onMouseEnter: (e) => {
-                      l !== m - 1 && Object.assign(
+                      u !== p - 1 && Object.assign(
                         e.currentTarget.style,
                         n.navigationButton(!1).hover
                       );
                     },
                     onMouseLeave: (e) => {
-                      l !== m - 1 && Object.assign(
+                      u !== p - 1 && Object.assign(
                         e.currentTarget.style,
                         n.navigationButton(
-                          l === m - 1
+                          u === p - 1
                         ).base
                       );
                     },
                     "aria-label": "Next feature",
-                    children: /* @__PURE__ */ o(C, {}, void 0, !1, {
-                      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    children: /* @__PURE__ */ o(T, {}, void 0, !1, {
+                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                       lineNumber: 512,
                       columnNumber: 11
                     }, void 0)
@@ -417,29 +417,29 @@ const de = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                     lineNumber: 484,
                     columnNumber: 10
                   },
                   void 0
                 )
               ] }, void 0, !0, {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
                 lineNumber: 458,
                 columnNumber: 9
               }, void 0)
             ] }, void 0, !0, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
               lineNumber: 375,
               columnNumber: 7
             }, void 0)
           ] }, void 0, !0, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
             lineNumber: 342,
             columnNumber: 6
           }, void 0)
         ] }, void 0, !0, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
           lineNumber: 290,
           columnNumber: 5
         }, void 0)
@@ -448,13 +448,13 @@ const de = ({
     void 0,
     !0,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
       lineNumber: 267,
       columnNumber: 4
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MajorUpdatePopup.tsx",
     lineNumber: 266,
     columnNumber: 3
   }, void 0);