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

package/dist/esm/components/slider/slider.js

@@ -1,7 +1,7 @@
-import { jsxDEV as d } from "react/jsx-dev-runtime";
-import { useState as w, useRef as V, useMemo as N, useEffect as R, useCallback as m } from "react";
-import { COLORS as f } from "../../constants/Theme.js";
-const $ = (t) => ({
+import { jsxDEV as b } from "react/jsx-dev-runtime";
+import { useState as x, useRef as V, useMemo as E, useEffect as R, useCallback as h } from "react";
+import { COLORS as m } from "../../constants/Theme.js";
+const H = (t) => ({
   container: {
     position: "relative",
     marginTop: "30px",
@@ -24,7 +24,7 @@ const $ = (t) => ({
     top: 0,
     left: 0,
     height: "8px",
-    backgroundColor: f.background.brand,
+    backgroundColor: m.background.brand,
     borderRadius: "4px",
     transition: "width 0.1s ease"
   },
@@ -33,7 +33,7 @@ const $ = (t) => ({
     top: 0,
     left: 0,
     height: "8px",
-    backgroundColor: f.background.brand,
+    backgroundColor: m.background.brand,
     borderRadius: "4px",
     transition: "none"
   },
@@ -42,8 +42,8 @@ const $ = (t) => ({
     top: "50%",
     width: "24px",
     height: "24px",
-    backgroundColor: f.background.brand,
-    border: `2px solid ${f.background.brand}`,
+    backgroundColor: m.background.brand,
+    border: `2px solid ${m.background.brand}`,
     borderRadius: "50%",
     transform: "translate(-50%, -50%)",
     cursor: t ? "not-allowed" : "grab",
@@ -61,7 +61,7 @@ const $ = (t) => ({
     marginBottom: "16px",
     width: "32px",
     height: "32px",
-    backgroundColor: f.background.brand,
+    backgroundColor: m.background.brand,
     borderRadius: "50% 50% 50% 0",
     transform: "translate(0, 0) rotate(-45deg) scale(0)",
     transformOrigin: "bottom left",
@@ -81,148 +81,148 @@ const $ = (t) => ({
     lineHeight: 1.2,
     fontWeight: 500
   }
-}), K = ({
+}), F = ({
   min: t = 0,
   max: s = 100,
-  defaultValue: b,
+  defaultValue: d,
   onChange: u,
   step: c = 1,
-  disabled: o = !1
+  disabled: r = !1
 }) => {
-  const U = b !== void 0 ? b : t, [a, p] = w(U), [l, E] = w(!1), [h, L] = w(!1), [M, g] = w(!1), x = V(null), T = V(null), r = N(() => $(o), [o]);
+  const j = d !== void 0 ? d : t, [a, f] = x(j), [l, L] = x(!1), [p, M] = x(!1), [D, g] = x(!1), k = V(null), P = V(null), n = E(() => H(r), [r]);
   R(() => {
-    p(b !== void 0 ? b : t);
-  }, [b, t]);
-  const v = m(
+    f(d !== void 0 ? d : t);
+  }, [d, t]);
+  const v = h(
     (e) => {
-      if (!x.current) return t;
-      const n = x.current.getBoundingClientRect(), i = Math.max(
+      if (!k.current) return t;
+      const o = k.current.getBoundingClientRect(), i = Math.max(
         0,
-        Math.min(1, (e - n.left) / n.width)
-      ), H = t + i * (s - t), O = Math.round(H / c) * c;
-      return Math.max(t, Math.min(s, O));
+        Math.min(1, (e - o.left) / o.width)
+      ), B = t + i * (s - t), C = Math.round(B / c) * c;
+      return Math.max(t, Math.min(s, C));
     },
     [t, s, c]
-  ), I = m(
+  ), U = h(
     (e) => {
-      if (o) return;
-      e.preventDefault(), E(!0), g(!0);
-      const n = v(e.clientX);
-      p(n);
+      if (r) return;
+      e.preventDefault(), L(!0), g(!0);
+      const o = v(e.clientX);
+      f(o);
       const i = new Event("change", { bubbles: !0 });
-      u(i, n);
+      u(i, o);
     },
-    [o, v, u]
-  ), y = m(
+    [r, v, u]
+  ), w = h(
     (e) => {
-      if (!l || o) return;
-      const n = v(e.clientX);
-      p(n);
+      if (!l || r) return;
+      const o = v(e.clientX);
+      f(o);
       const i = new Event("change", { bubbles: !0 });
-      u(i, n);
+      u(i, o);
     },
-    [l, o, v, u]
-  ), k = m(() => {
-    E(!1), g(!1);
-  }, []), A = m(
+    [l, r, v, u]
+  ), y = h(() => {
+    L(!1), g(!1);
+  }, []), T = h(
     (e) => {
-      if (o) return;
-      let n = a;
+      if (r) return;
+      let o = a;
       switch (e.key) {
         case "ArrowLeft":
         case "ArrowDown":
-          n = Math.max(t, a - c);
+          o = Math.max(t, a - c);
           break;
         case "ArrowRight":
         case "ArrowUp":
-          n = Math.min(s, a + c);
+          o = Math.min(s, a + c);
           break;
         case "Home":
-          n = t;
+          o = t;
           break;
         case "End":
-          n = s;
+          o = s;
           break;
         default:
           return;
       }
-      e.preventDefault(), p(n);
+      e.preventDefault(), f(o);
       const i = new Event("change", { bubbles: !0 });
-      u(i, n);
+      u(i, o);
     },
-    [o, a, t, s, c, u]
+    [r, a, t, s, c, u]
   );
   R(() => {
     if (l)
-      return document.addEventListener("mousemove", y), document.addEventListener("mouseup", k), () => {
-        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", k);
+      return document.addEventListener("mousemove", w), document.addEventListener("mouseup", y), () => {
+        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
       };
-  }, [l, y, k]);
-  const S = (a - t) / (s - t) * 100, D = isNaN(S) ? 0 : Math.max(0, Math.min(100, S)), B = N(() => {
-    const e = { ...r.thumb };
-    return o ? { ...e, ...r.thumbDisabled } : (l ? (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.5)", e.cursor = "grabbing") : h && (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.08)"), e.left = `${D}%`, e);
+  }, [l, w, y]);
+  const S = (a - t) / (s - t) * 100, N = isNaN(S) ? 0 : Math.max(0, Math.min(100, S)), I = E(() => {
+    const e = { ...n.thumb };
+    return r ? { ...e, ...n.thumbDisabled } : (l ? (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.5)", e.cursor = "grabbing") : p && (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.08)"), e.left = `${N}%`, e);
   }, [
-    r.thumb,
-    r.thumbDisabled,
-    o,
+    n.thumb,
+    n.thumbDisabled,
+    r,
     l,
-    h,
-    D
-  ]), C = N(() => {
-    const e = { ...r.valueLabel };
-    return M || h ? { ...e, ...r.valueLabelVisible } : e;
-  }, [r.valueLabel, r.valueLabelVisible, M, h]);
-  return /* @__PURE__ */ d(
+    p,
+    N
+  ]), A = E(() => {
+    const e = { ...n.valueLabel };
+    return D || p ? { ...e, ...n.valueLabelVisible } : e;
+  }, [n.valueLabel, n.valueLabelVisible, D, p]);
+  return /* @__PURE__ */ b(
     "div",
     {
-      ref: x,
-      style: r.container,
-      onMouseDown: I,
+      ref: k,
+      style: n.container,
+      onMouseDown: U,
       role: "slider",
       "aria-label": "bik slider",
       "aria-valuemin": t,
       "aria-valuemax": s,
       "aria-valuenow": a,
-      tabIndex: o ? -1 : 0,
-      onKeyDown: A,
+      tabIndex: r ? -1 : 0,
+      onKeyDown: T,
       children: [
-        /* @__PURE__ */ d("div", { style: r.track }, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
+        /* @__PURE__ */ b("div", { style: n.track }, void 0, !1, {
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",
           lineNumber: 292,
           columnNumber: 4
         }, void 0),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ b(
           "div",
           {
             style: {
-              ...l ? r.filledTrackDragging : r.filledTrack,
-              width: `${D}%`
+              ...l ? n.filledTrackDragging : n.filledTrack,
+              width: `${N}%`
             }
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",
             lineNumber: 293,
             columnNumber: 4
           },
           void 0
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ b(
           "div",
           {
-            ref: T,
-            style: B,
-            onMouseEnter: () => !o && L(!0),
-            onMouseLeave: () => !o && L(!1),
-            onFocus: () => !o && g(!0),
-            onBlur: () => !o && g(!1),
-            children: /* @__PURE__ */ d("div", { style: C, children: /* @__PURE__ */ d("span", { style: r.valueLabelText, children: a }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
+            ref: P,
+            style: I,
+            onMouseEnter: () => !r && M(!0),
+            onMouseLeave: () => !r && M(!1),
+            onFocus: () => !r && g(!0),
+            onBlur: () => !r && g(!1),
+            children: /* @__PURE__ */ b("div", { style: A, children: /* @__PURE__ */ b("span", { style: n.valueLabelText, children: a }, void 0, !1, {
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",
               lineNumber: 308,
               columnNumber: 6
             }, void 0) }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",
               lineNumber: 307,
               columnNumber: 5
             }, void 0)
@@ -230,7 +230,7 @@ const $ = (t) => ({
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",
             lineNumber: 299,
             columnNumber: 4
           },
@@ -241,7 +241,7 @@ const $ = (t) => ({
     void 0,
     !0,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/slider/slider.tsx",
       lineNumber: 280,
       columnNumber: 3
     },
@@ -249,6 +249,6 @@ const $ = (t) => ({
   );
 };
 export {
-  K as BikSlider
+  F as BikSlider
 };
 //# sourceMappingURL=slider.js.map

package/dist/esm/components/spinner/Spinner.js

@@ -2,8 +2,8 @@ import { jsxDEV as e } from "react/jsx-dev-runtime";
 import a from "styled-components";
 import { COLORS as o } from "../../constants/Theme.js";
 import { BorderMap as s, SizeMap as n } from "./themes.js";
-const d = ({ size: r, color: i, className: t }) => /* @__PURE__ */ e("div", { className: `spinner-container ${t}`, children: /* @__PURE__ */ e(
-  m,
+const m = ({ size: r, color: i, className: t }) => /* @__PURE__ */ e("div", { className: `spinner-container ${t}`, children: /* @__PURE__ */ e(
+  d,
   {
     width: `${n[r]}px`,
     height: `${n[r]}px`,
@@ -13,18 +13,18 @@ const d = ({ size: r, color: i, className: t }) => /* @__PURE__ */ e("div", { cl
   void 0,
   !1,
   {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/spinner/Spinner.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/spinner/Spinner.tsx",
     lineNumber: 10,
     columnNumber: 4
   },
   void 0
 ) }, void 0, !1, {
-  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/spinner/Spinner.tsx",
+  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/spinner/Spinner.tsx",
   lineNumber: 9,
   columnNumber: 3
 }, void 0);
-d.displayName = "Spinner";
-const m = a.div`
+m.displayName = "Spinner";
+const d = a.div`
 	width: ${(r) => r.width};
 	height: ${(r) => r.height};
 	border: ${(r) => r.size ? s[r.size] : 5}px solid
@@ -44,7 +44,7 @@ const m = a.div`
 	}
 `;
 export {
-  m as PureSpinner,
-  d as Spinner
+  d as PureSpinner,
+  m as Spinner
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/esm/components/star-rating/Star.js

@@ -1,29 +1,29 @@
 import { jsxDEV as o } from "react/jsx-dev-runtime";
-import p, { useState as g, useEffect as f } from "react";
+import h, { useState as d, useEffect as f } from "react";
 import { COLORS as a } from "../../constants/Theme.js";
-import v from "../../assets/icons/starEmpty.svg.js";
-import E from "../../assets/icons/starFilled.svg.js";
-import S from "../../assets/icons/starFilledV2.svg.js";
-const h = (e) => e === "v1" ? E : S, I = ({
+import g from "../../assets/icons/starEmpty.svg.js";
+import v from "../../assets/icons/starFilled.svg.js";
+import E from "../../assets/icons/starFilledV2.svg.js";
+const S = (e) => e === "v1" ? v : E, W = ({
   size: e,
   filled: m,
-  emptyColor: d,
+  emptyColor: p,
   filledColor: s,
   onClick: n,
-  asHovered: i,
+  asHovered: u,
   onHover: b,
   mode: t,
-  version: c = "v1"
+  version: l = "v1"
 }) => {
-  const [u, r] = g(!1);
+  const [i, r] = d(!1);
   f(() => {
-    b?.(u);
-  }, [u]), f(() => {
-    i || r(!1);
-  }, [i]);
-  const l = p.useMemo(() => h(c), [c]);
-  return i ? /* @__PURE__ */ o(
-    l,
+    b?.(i);
+  }, [i]), f(() => {
+    u || r(!1);
+  }, [u]);
+  const c = h.useMemo(() => S(l), [l]);
+  return u ? /* @__PURE__ */ o(
+    c,
     {
       onClick: () => {
         n?.("select");
@@ -38,13 +38,13 @@ const h = (e) => e === "v1" ? E : S, I = ({
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 52,
       columnNumber: 4
     },
     void 0
-  ) : u ? /* @__PURE__ */ o(
-    l,
+  ) : i ? /* @__PURE__ */ o(
+    c,
     {
       onMouseLeave: () => r(!1),
       onMouseEnter: () => r(!0),
@@ -59,13 +59,13 @@ const h = (e) => e === "v1" ? E : S, I = ({
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 68,
       columnNumber: 4
     },
     void 0
   ) : m ? /* @__PURE__ */ o(
-    l,
+    c,
     {
       onMouseEnter: () => t !== "VIEW" && r(!0),
       onMouseLeave: () => t !== "VIEW" && r(!1),
@@ -80,13 +80,13 @@ const h = (e) => e === "v1" ? E : S, I = ({
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 84,
       columnNumber: 4
     },
     void 0
   ) : /* @__PURE__ */ o(
-    v,
+    g,
     {
       onMouseEnter: () => t !== "VIEW" && r(!0),
       onMouseLeave: () => t !== "VIEW" && r(!1),
@@ -96,12 +96,12 @@ const h = (e) => e === "v1" ? E : S, I = ({
       },
       width: e,
       height: e,
-      color: d ?? a.surface.standard
+      color: p ?? a.surface.standard
     },
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 99,
       columnNumber: 3
     },
@@ -109,6 +109,6 @@ const h = (e) => e === "v1" ? E : S, I = ({
   );
 };
 export {
-  I as Star
+  W as Star
 };
 //# sourceMappingURL=Star.js.map

package/dist/esm/components/star-rating/StarRating.js

@@ -1,38 +1,38 @@
 import { jsxDEV as l } from "react/jsx-dev-runtime";
-import { useState as s, useMemo as k, useEffect as m } from "react";
-import w from "styled-components";
-import { Star as D } from "./Star.js";
-const H = w.div`
+import { useState as o, useMemo as N, useEffect as c } from "react";
+import k from "styled-components";
+import { Star as j } from "./Star.js";
+const H = k.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	justify-content: start;
 	align-items: center;
-`, E = ({
-  emptyColor: f,
-  filledColor: c,
+`, P = ({
+  emptyColor: m,
+  filledColor: f,
   onChange: u,
-  value: d,
+  value: p,
   maxValue: a,
-  starSize: p,
+  starSize: d,
   mode: b,
   version: g = "v1"
 }) => {
-  const [t, n] = s(d ?? 0), [v, y] = s(!1), [o, i] = s(0), S = k(() => Array(a ?? 5).fill(null).map((r, N) => N + 1), [a]);
-  return m(() => {
+  const [t, s] = o(p ?? 0), [v, S] = o(!1), [n, i] = o(0), h = N(() => Array(a ?? 5).fill(null).map((r, y) => y + 1), [a]);
+  return c(() => {
     v && u(t);
-  }, [t]), m(() => {
-    y(!0);
-  }, []), /* @__PURE__ */ l(H, { children: S.map((e) => /* @__PURE__ */ l(
-    D,
+  }, [t]), c(() => {
+    S(!0);
+  }, []), /* @__PURE__ */ l(H, { children: h.map((e) => /* @__PURE__ */ l(
+    j,
     {
-      asHovered: o ? e <= o : !1,
-      size: p ?? 24,
-      filled: o ? void 0 : e <= t,
-      emptyColor: f,
-      filledColor: c,
+      asHovered: n ? e <= n : !1,
+      size: d ?? 24,
+      filled: n ? void 0 : e <= t,
+      emptyColor: m,
+      filledColor: f,
       onClick: (r) => {
-        r === "de-select" ? e < t ? n(e) : n(e - 1) : n(e);
+        r === "de-select" ? e < t ? s(e) : s(e - 1) : s(e);
       },
       onHover: (r) => {
         i(r ? e : 0);
@@ -43,18 +43,18 @@ const H = w.div`
     e,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/StarRating.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/StarRating.tsx",
       lineNumber: 56,
       columnNumber: 5
     },
     void 0
   )) }, void 0, !1, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/StarRating.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/star-rating/StarRating.tsx",
     lineNumber: 54,
     columnNumber: 3
   }, void 0);
 };
 export {
-  E as StarRating
+  P as StarRating
 };
 //# sourceMappingURL=StarRating.js.map

package/dist/esm/components/states/ShopifyScopeWrapper.js

@@ -1,47 +1,47 @@
-import { jsxDEV as a, Fragment as k } from "react/jsx-dev-runtime";
-import r, { useCallback as o, useEffect as P } from "react";
-import { StateComponent as u, StateInterface as f } from "./StateComponent.js";
-const w = (e) => {
-  const [d, c] = r.useState(!1), [h, b] = r.useState(!1), [t, S] = r.useState(""), n = o(() => e.permissions.join("-") + "-hasPermission", [e.permissions]), l = o(() => {
-    const i = n(), s = localStorage.getItem(i);
+import { jsxDEV as a, Fragment as P } from "react/jsx-dev-runtime";
+import r, { useCallback as i, useEffect as g } from "react";
+import { StateComponent as u, StateInterface as h } from "./StateComponent.js";
+const L = (e) => {
+  const [f, c] = r.useState(!1), [d, b] = r.useState(!1), [o, p] = r.useState(""), n = i(() => e.permissions.join("-") + "-hasPermission", [e.permissions]), l = i(() => {
+    const t = n(), s = localStorage.getItem(t);
     return s ? s === "true" : !1;
-  }, [n]), m = o(
-    (i) => {
+  }, [n]), m = i(
+    (t) => {
       const s = n();
-      localStorage.setItem(s, i.toString());
+      localStorage.setItem(s, t.toString());
     },
     [n]
-  ), p = o(() => {
-    t ? window.open(t, "_blank") : e.onPermissionClickCallback && e.onPermissionClickCallback();
-  }, [e, t]);
-  return P(() => {
+  ), S = i(() => {
+    o ? window.open(o, "_blank") : e.onPermissionClickCallback && e.onPermissionClickCallback();
+  }, [e, o]);
+  return g(() => {
     (async () => {
       if (e.cacheInLocal && l()) {
         c(!0);
         return;
       }
-      const { hasPermission: s, urlForPermissions: g } = await e.permissionEvaluationFunction(e.permissions);
-      c(s), S(g), b(!0), e.cacheInLocal && s && m(s);
+      const { hasPermission: s, urlForPermissions: k } = await e.permissionEvaluationFunction(e.permissions);
+      c(s), p(k), b(!0), e.cacheInLocal && s && m(s);
     })().then().catch();
-  }, [l, e, m]), h ? d ? /* @__PURE__ */ a(k, { children: e.children }, void 0, !1, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/states/ShopifyScopeWrapper.tsx",
+  }, [l, e, m]), d ? f ? /* @__PURE__ */ a(P, { children: e.children }, void 0, !1, {
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/states/ShopifyScopeWrapper.tsx",
     lineNumber: 101,
     columnNumber: 10
   }, void 0) : /* @__PURE__ */ a(
     u,
     {
-      states: f.WARNING,
+      states: h.WARNING,
       heading: e.permissionRequestTitle,
       subline: e.permissionRequestSubTitle,
       width: 400,
       isButtonEnabled: !0,
       buttonText: "Grant permissions",
-      onButtonClick: p
+      onButtonClick: S
     },
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/states/ShopifyScopeWrapper.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/states/ShopifyScopeWrapper.tsx",
       lineNumber: 90,
       columnNumber: 4
     },
@@ -49,7 +49,7 @@ const w = (e) => {
   ) : /* @__PURE__ */ a(
     u,
     {
-      states: f.LOADING,
+      states: h.LOADING,
       heading: "Checking permissions",
       subline: "Checking if we have the right shopify scopes approved to access this page.",
       width: 400,
@@ -58,7 +58,7 @@ const w = (e) => {
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/states/ShopifyScopeWrapper.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/states/ShopifyScopeWrapper.tsx",
       lineNumber: 80,
       columnNumber: 4
     },
@@ -66,6 +66,6 @@ const w = (e) => {
   );
 };
 export {
-  w as ShopifyScopeWrapper
+  L as ShopifyScopeWrapper
 };
 //# sourceMappingURL=ShopifyScopeWrapper.js.map