randmarcomps 1.157.0 → 1.158.0

package/dist/randmarcomps.js

@@ -125,14 +125,14 @@ var jt = React.createContext({}), Lt = React.forwardRef((e, t) => {
   }, [j, Q]), React.useEffect(() => {
     q !== void 0 && j !== q && q.length < u && j.length === u && (g == null || g(j));
   }, [u, g, q, j]);
-  let he = Tt({ containerRef: G, inputRef: U, pushPasswordManagerStrategy: b, isFocused: Q }), ve = React.useCallback((se) => {
+  let de = Tt({ containerRef: G, inputRef: U, pushPasswordManagerStrategy: b, isFocused: Q }), ve = React.useCallback((se) => {
     let _e = se.currentTarget.value.slice(0, u);
     if (_e.length > 0 && H && !H.test(_e)) {
       se.preventDefault();
       return;
     }
     typeof q == "string" && _e.length < q.length && document.dispatchEvent(new Event("selectionchange")), F(_e);
-  }, [u, F, q, H]), de = React.useCallback(() => {
+  }, [u, F, q, H]), he = React.useCallback(() => {
     var se;
     if (U.current) {
       let _e = Math.min(U.current.value.length, u - 1), xe = U.current.value.length;
@@ -150,7 +150,7 @@ var jt = React.createContext({}), Lt = React.forwardRef((e, t) => {
     Ee.value = Me, F(Me);
     let Fe = Math.min(Me.length, u - 1), He = Me.length;
     Ee.setSelectionRange(Fe, He), ce(Fe), pe(He);
-  }, [u, F, H, j]), fe = React.useMemo(() => ({ position: "relative", cursor: I.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [I.disabled]), le = React.useMemo(() => ({ position: "absolute", inset: 0, width: he.willPushPWMBadge ? `calc(100% + ${he.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: he.willPushPWMBadge ? `inset(0 ${he.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: d, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [he.PWM_BADGE_SPACE_WIDTH, he.willPushPWMBadge, d]), oe = React.useMemo(() => React.createElement("input", bt(St({ autoComplete: I.autoComplete || "one-time-code" }, I), { "data-input-otp": !0, "data-input-otp-placeholder-shown": j.length === 0 || void 0, "data-input-otp-mss": ie, "data-input-otp-mse": ue, inputMode: m, pattern: H == null ? void 0 : H.source, "aria-placeholder": p, style: le, maxLength: u, value: j, ref: U, onPaste: (se) => {
+  }, [u, F, H, j]), fe = React.useMemo(() => ({ position: "relative", cursor: I.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [I.disabled]), le = React.useMemo(() => ({ position: "absolute", inset: 0, width: de.willPushPWMBadge ? `calc(100% + ${de.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: de.willPushPWMBadge ? `inset(0 ${de.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: d, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [de.PWM_BADGE_SPACE_WIDTH, de.willPushPWMBadge, d]), oe = React.useMemo(() => React.createElement("input", bt(St({ autoComplete: I.autoComplete || "one-time-code" }, I), { "data-input-otp": !0, "data-input-otp-placeholder-shown": j.length === 0 || void 0, "data-input-otp-mss": ie, "data-input-otp-mse": ue, inputMode: m, pattern: H == null ? void 0 : H.source, "aria-placeholder": p, style: le, maxLength: u, value: j, ref: U, onPaste: (se) => {
     var _e;
     ye(se), (_e = I.onPaste) == null || _e.call(I, se);
   }, onChange: ve, onMouseOver: (se) => {
@@ -161,11 +161,11 @@ var jt = React.createContext({}), Lt = React.forwardRef((e, t) => {
     W(!1), (_e = I.onMouseLeave) == null || _e.call(I, se);
   }, onFocus: (se) => {
     var _e;
-    de(), (_e = I.onFocus) == null || _e.call(I, se);
+    he(), (_e = I.onFocus) == null || _e.call(I, se);
   }, onBlur: (se) => {
     var _e;
     ee(!1), (_e = I.onBlur) == null || _e.call(I, se);
-  } })), [ve, de, ye, m, le, u, ue, ie, I, H == null ? void 0 : H.source, j]), te = React.useMemo(() => ({ slots: Array.from({ length: u }).map((se, _e) => {
+  } })), [ve, he, ye, m, le, u, ue, ie, I, H == null ? void 0 : H.source, j]), te = React.useMemo(() => ({ slots: Array.from({ length: u }).map((se, _e) => {
     var xe;
     let Ee = Q && ie !== null && ue !== null && (ie === ue && _e === ie || _e >= ie && _e < ue), Ae = j[_e] !== void 0 ? j[_e] : null, we = j[0] !== void 0 ? null : (xe = p == null ? void 0 : p[_e]) != null ? xe : null;
     return { char: Ae, placeholderChar: we, isActive: Ee, hasFakeCaret: Ee && Ae === null };
@@ -1112,7 +1112,7 @@ const fromTheme = (e) => {
     m,
     isArbitraryVariable,
     isArbitraryValue
-  ], pe = () => ["", isNumber$2, isArbitraryVariableLength, isArbitraryLength], he = () => ["solid", "dashed", "dotted", "double"], ve = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], de = () => [isNumber$2, isPercent$1, isArbitraryVariablePosition, isArbitraryPosition], ye = () => [
+  ], pe = () => ["", isNumber$2, isArbitraryVariableLength, isArbitraryLength], de = () => ["solid", "dashed", "dotted", "double"], ve = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], he = () => [isNumber$2, isPercent$1, isArbitraryVariablePosition, isArbitraryPosition], ye = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1953,7 +1953,7 @@ const fromTheme = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...he(), "wavy"]
+        decoration: [...de(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -2349,14 +2349,14 @@ const fromTheme = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...he(), "hidden", "none"]
+        border: [...de(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...he(), "hidden", "none"]
+        divide: [...de(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -2433,7 +2433,7 @@ const fromTheme = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...he(), "none", "hidden"]
+        outline: [...de(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -2604,10 +2604,10 @@ const fromTheme = (e) => {
         "mask-linear": [isNumber$2]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": de()
+        "mask-linear-from": he()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": de()
+        "mask-linear-to": he()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": W()
@@ -2616,10 +2616,10 @@ const fromTheme = (e) => {
         "mask-linear-to": W()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": de()
+        "mask-t-from": he()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": de()
+        "mask-t-to": he()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": W()
@@ -2628,10 +2628,10 @@ const fromTheme = (e) => {
         "mask-t-to": W()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": de()
+        "mask-r-from": he()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": de()
+        "mask-r-to": he()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": W()
@@ -2640,10 +2640,10 @@ const fromTheme = (e) => {
         "mask-r-to": W()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": de()
+        "mask-b-from": he()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": de()
+        "mask-b-to": he()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": W()
@@ -2652,10 +2652,10 @@ const fromTheme = (e) => {
         "mask-b-to": W()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": de()
+        "mask-l-from": he()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": de()
+        "mask-l-to": he()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": W()
@@ -2664,10 +2664,10 @@ const fromTheme = (e) => {
         "mask-l-to": W()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": de()
+        "mask-x-from": he()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": de()
+        "mask-x-to": he()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": W()
@@ -2676,10 +2676,10 @@ const fromTheme = (e) => {
         "mask-x-to": W()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": de()
+        "mask-y-from": he()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": de()
+        "mask-y-to": he()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": W()
@@ -2691,10 +2691,10 @@ const fromTheme = (e) => {
         "mask-radial": [isArbitraryVariable, isArbitraryValue]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": de()
+        "mask-radial-from": he()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": de()
+        "mask-radial-to": he()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": W()
@@ -2718,10 +2718,10 @@ const fromTheme = (e) => {
         "mask-conic": [isNumber$2]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": de()
+        "mask-conic-from": he()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": de()
+        "mask-conic-to": he()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": W()
@@ -6406,7 +6406,7 @@ var ANCHOR_NAME$1 = "PopperAnchor", PopperAnchor = React.forwardRef(
 PopperAnchor.displayName = ANCHOR_NAME$1;
 var CONTENT_NAME$5 = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$5), PopperContent = React.forwardRef(
   (e, t) => {
-    var de, ye, fe, le, oe, te;
+    var he, ye, fe, le, oe, te;
     const {
       __scopePopper: n,
       side: o = "bottom",
@@ -6461,7 +6461,7 @@ var CONTENT_NAME$5 = "PopperContent", [PopperContentProvider, useContentContext]
     useLayoutEffect2(() => {
       ae && (ie == null || ie());
     }, [ae, ie]);
-    const ce = (de = W.arrow) == null ? void 0 : de.x, ue = (ye = W.arrow) == null ? void 0 : ye.y, pe = ((fe = W.arrow) == null ? void 0 : fe.centerOffset) !== 0, [he, ve] = React.useState();
+    const ce = (he = W.arrow) == null ? void 0 : he.x, ue = (ye = W.arrow) == null ? void 0 : ye.y, pe = ((fe = W.arrow) == null ? void 0 : fe.centerOffset) !== 0, [de, ve] = React.useState();
     return useLayoutEffect2(() => {
       I && ve(window.getComputedStyle(I).zIndex);
     }, [I]), /* @__PURE__ */ jsx(
@@ -6474,7 +6474,7 @@ var CONTENT_NAME$5 = "PopperContent", [PopperContentProvider, useContentContext]
           transform: ae ? J.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: he,
+          zIndex: de,
           "--radix-popper-transform-origin": [
             (le = W.transformOrigin) == null ? void 0 : le.x,
             (oe = W.transformOrigin) == null ? void 0 : oe.y
@@ -6866,8 +6866,8 @@ var CONTENT_NAME$4 = "MenuContent", [MenuContentProvider, useMenuContentContext]
       disableOutsideScroll: T,
       ...E
     } = e, C = useMenuContext(CONTENT_NAME$4, n), I = useMenuRootContext(CONTENT_NAME$4, n), N = usePopperScope$2(n), O = useRovingFocusGroupScope$1(n), V = useCollection$2(n), [M, R] = React.useState(null), D = React.useRef(null), L = useComposedRefs(t, D, C.onContentChange), j = React.useRef(0), q = React.useRef(""), F = React.useRef(0), H = React.useRef(null), U = React.useRef("right"), G = React.useRef(0), J = T ? ReactRemoveScroll : React.Fragment, Z = T ? { as: Slot$1, allowPinchZoom: !0 } : void 0, ae = (Q) => {
-      var de, ye;
-      const ee = q.current + Q, ie = V().filter((fe) => !fe.disabled), ce = document.activeElement, ue = (de = ie.find((fe) => fe.ref.current === ce)) == null ? void 0 : de.textValue, pe = ie.map((fe) => fe.textValue), he = getNextMatch(pe, ee, ue), ve = (ye = ie.find((fe) => fe.textValue === he)) == null ? void 0 : ye.ref.current;
+      var he, ye;
+      const ee = q.current + Q, ie = V().filter((fe) => !fe.disabled), ce = document.activeElement, ue = (he = ie.find((fe) => fe.ref.current === ce)) == null ? void 0 : he.textValue, pe = ie.map((fe) => fe.textValue), de = getNextMatch(pe, ee, ue), ve = (ye = ie.find((fe) => fe.textValue === de)) == null ? void 0 : ye.ref.current;
       (function fe(le) {
         q.current = le, window.clearTimeout(j.current), le !== "" && (j.current = window.setTimeout(() => fe(""), 1e3));
       })(ee), ve && setTimeout(() => ve.focus());
@@ -6957,7 +6957,7 @@ var CONTENT_NAME$4 = "MenuContent", [MenuContentProvider, useMenuContentContext]
                           const pe = D.current;
                           if (Q.target !== pe || !FIRST_LAST_KEYS.includes(Q.key)) return;
                           Q.preventDefault();
-                          const ve = V().filter((de) => !de.disabled).map((de) => de.ref.current);
+                          const ve = V().filter((he) => !he.disabled).map((he) => he.ref.current);
                           LAST_KEYS.includes(Q.key) && ve.reverse(), focusFirst$1(ve);
                         }),
                         onBlur: composeEventHandlers(e.onBlur, (Q) => {
@@ -10269,13 +10269,13 @@ function requireReactIs_development$1() {
     function pe(se) {
       return typeof se == "object" && se !== null && se.$$typeof === e;
     }
-    function he(se) {
+    function de(se) {
       return M(se) === p;
     }
     function ve(se) {
       return M(se) === n;
     }
-    function de(se) {
+    function he(se) {
       return M(se) === _;
     }
     function ye(se) {
@@ -10296,7 +10296,7 @@ function requireReactIs_development$1() {
     function be(se) {
       return M(se) === g;
     }
-    reactIs_development$1.ContextConsumer = R, reactIs_development$1.ContextProvider = D, reactIs_development$1.Element = L, reactIs_development$1.ForwardRef = j, reactIs_development$1.Fragment = q, reactIs_development$1.Lazy = F, reactIs_development$1.Memo = H, reactIs_development$1.Portal = U, reactIs_development$1.Profiler = G, reactIs_development$1.StrictMode = J, reactIs_development$1.Suspense = Z, reactIs_development$1.SuspenseList = ae, reactIs_development$1.isAsyncMode = ee, reactIs_development$1.isConcurrentMode = ie, reactIs_development$1.isContextConsumer = ce, reactIs_development$1.isContextProvider = ue, reactIs_development$1.isElement = pe, reactIs_development$1.isForwardRef = he, reactIs_development$1.isFragment = ve, reactIs_development$1.isLazy = de, reactIs_development$1.isMemo = ye, reactIs_development$1.isPortal = fe, reactIs_development$1.isProfiler = le, reactIs_development$1.isStrictMode = oe, reactIs_development$1.isSuspense = te, reactIs_development$1.isSuspenseList = be, reactIs_development$1.isValidElementType = V, reactIs_development$1.typeOf = M;
+    reactIs_development$1.ContextConsumer = R, reactIs_development$1.ContextProvider = D, reactIs_development$1.Element = L, reactIs_development$1.ForwardRef = j, reactIs_development$1.Fragment = q, reactIs_development$1.Lazy = F, reactIs_development$1.Memo = H, reactIs_development$1.Portal = U, reactIs_development$1.Profiler = G, reactIs_development$1.StrictMode = J, reactIs_development$1.Suspense = Z, reactIs_development$1.SuspenseList = ae, reactIs_development$1.isAsyncMode = ee, reactIs_development$1.isConcurrentMode = ie, reactIs_development$1.isContextConsumer = ce, reactIs_development$1.isContextProvider = ue, reactIs_development$1.isElement = pe, reactIs_development$1.isForwardRef = de, reactIs_development$1.isFragment = ve, reactIs_development$1.isLazy = he, reactIs_development$1.isMemo = ye, reactIs_development$1.isPortal = fe, reactIs_development$1.isProfiler = le, reactIs_development$1.isStrictMode = oe, reactIs_development$1.isSuspense = te, reactIs_development$1.isSuspenseList = be, reactIs_development$1.isValidElementType = V, reactIs_development$1.typeOf = M;
   }()), reactIs_development$1;
 }
 var hasRequiredReactIs$1;
@@ -16458,7 +16458,7 @@ function formatLocale(e) {
   }, V = {
     a: ue,
     A: pe,
-    b: he,
+    b: de,
     B: ve,
     c: null,
     d: formatUTCDayOfMonth,
@@ -16472,7 +16472,7 @@ function formatLocale(e) {
     L: formatUTCMilliseconds,
     m: formatUTCMonthNumber,
     M: formatUTCMinutes,
-    p: de,
+    p: he,
     q: ye,
     Q: formatUnixTimestamp,
     s: formatUnixTimestampSeconds,
@@ -16607,13 +16607,13 @@ function formatLocale(e) {
   function pe(fe) {
     return u[fe.getUTCDay()];
   }
-  function he(fe) {
+  function de(fe) {
     return p[fe.getUTCMonth()];
   }
   function ve(fe) {
     return f[fe.getUTCMonth()];
   }
-  function de(fe) {
+  function he(fe) {
     return l[+(fe.getUTCHours() >= 12)];
   }
   function ye(fe) {
@@ -19862,13 +19862,13 @@ function requireReactIs_development() {
     function pe(te) {
       return V(te) === g;
     }
-    function he(te) {
+    function de(te) {
       return V(te) === o;
     }
     function ve(te) {
       return V(te) === T;
     }
-    function de(te) {
+    function he(te) {
       return V(te) === S;
     }
     function ye(te) {
@@ -19883,7 +19883,7 @@ function requireReactIs_development() {
     function oe(te) {
       return V(te) === b;
     }
-    reactIs_development.AsyncMode = M, reactIs_development.ConcurrentMode = R, reactIs_development.ContextConsumer = D, reactIs_development.ContextProvider = L, reactIs_development.Element = j, reactIs_development.ForwardRef = q, reactIs_development.Fragment = F, reactIs_development.Lazy = H, reactIs_development.Memo = U, reactIs_development.Portal = G, reactIs_development.Profiler = J, reactIs_development.StrictMode = Z, reactIs_development.Suspense = ae, reactIs_development.isAsyncMode = Q, reactIs_development.isConcurrentMode = ee, reactIs_development.isContextConsumer = ie, reactIs_development.isContextProvider = ce, reactIs_development.isElement = ue, reactIs_development.isForwardRef = pe, reactIs_development.isFragment = he, reactIs_development.isLazy = ve, reactIs_development.isMemo = de, reactIs_development.isPortal = ye, reactIs_development.isProfiler = fe, reactIs_development.isStrictMode = le, reactIs_development.isSuspense = oe, reactIs_development.isValidElementType = O, reactIs_development.typeOf = V;
+    reactIs_development.AsyncMode = M, reactIs_development.ConcurrentMode = R, reactIs_development.ContextConsumer = D, reactIs_development.ContextProvider = L, reactIs_development.Element = j, reactIs_development.ForwardRef = q, reactIs_development.Fragment = F, reactIs_development.Lazy = H, reactIs_development.Memo = U, reactIs_development.Portal = G, reactIs_development.Profiler = J, reactIs_development.StrictMode = Z, reactIs_development.Suspense = ae, reactIs_development.isAsyncMode = Q, reactIs_development.isConcurrentMode = ee, reactIs_development.isContextConsumer = ie, reactIs_development.isContextProvider = ce, reactIs_development.isElement = ue, reactIs_development.isForwardRef = pe, reactIs_development.isFragment = de, reactIs_development.isLazy = ve, reactIs_development.isMemo = he, reactIs_development.isPortal = ye, reactIs_development.isProfiler = fe, reactIs_development.isStrictMode = le, reactIs_development.isSuspense = oe, reactIs_development.isValidElementType = O, reactIs_development.typeOf = V;
   }()), reactIs_development;
 }
 var hasRequiredReactIs;
@@ -20056,33 +20056,33 @@ function requireFactoryWithTypeCheckers() {
     function C(ee) {
       if (process.env.NODE_ENV !== "production")
         var ie = {}, ce = 0;
-      function ue(he, ve, de, ye, fe, le, oe) {
-        if (ye = ye || _, le = le || de, oe !== n) {
+      function ue(de, ve, he, ye, fe, le, oe) {
+        if (ye = ye || _, le = le || he, oe !== n) {
           if (p) {
             var te = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw te.name = "Invariant Violation", te;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var be = ye + ":" + de;
+            var be = ye + ":" + he;
             !ie[be] && // Avoid spamming the console because they are often not actionable except for lib authors
             ce < 3 && (u(
               "You are manually calling a React.PropTypes validation function for the `" + le + "` prop on `" + ye + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), ie[be] = !0, ce++);
           }
         }
-        return ve[de] == null ? he ? ve[de] === null ? new E("The " + fe + " `" + le + "` is marked as required " + ("in `" + ye + "`, but its value is `null`.")) : new E("The " + fe + " `" + le + "` is marked as required in " + ("`" + ye + "`, but its value is `undefined`.")) : null : ee(ve, de, ye, fe, le);
+        return ve[he] == null ? de ? ve[he] === null ? new E("The " + fe + " `" + le + "` is marked as required " + ("in `" + ye + "`, but its value is `null`.")) : new E("The " + fe + " `" + le + "` is marked as required in " + ("`" + ye + "`, but its value is `undefined`.")) : null : ee(ve, he, ye, fe, le);
       }
       var pe = ue.bind(null, !1);
       return pe.isRequired = ue.bind(null, !0), pe;
     }
     function I(ee) {
-      function ie(ce, ue, pe, he, ve, de) {
+      function ie(ce, ue, pe, de, ve, he) {
         var ye = ce[ue], fe = Z(ye);
         if (fe !== ee) {
           var le = ae(ye);
           return new E(
-            "Invalid " + he + " `" + ve + "` of type " + ("`" + le + "` supplied to `" + pe + "`, expected ") + ("`" + ee + "`."),
+            "Invalid " + de + " `" + ve + "` of type " + ("`" + le + "` supplied to `" + pe + "`, expected ") + ("`" + ee + "`."),
             { expectedType: ee }
           );
         }
@@ -20094,16 +20094,16 @@ function requireFactoryWithTypeCheckers() {
       return C(d);
     }
     function O(ee) {
-      function ie(ce, ue, pe, he, ve) {
+      function ie(ce, ue, pe, de, ve) {
         if (typeof ee != "function")
           return new E("Property `" + ve + "` of component `" + pe + "` has invalid PropType notation inside arrayOf.");
-        var de = ce[ue];
-        if (!Array.isArray(de)) {
-          var ye = Z(de);
-          return new E("Invalid " + he + " `" + ve + "` of type " + ("`" + ye + "` supplied to `" + pe + "`, expected an array."));
+        var he = ce[ue];
+        if (!Array.isArray(he)) {
+          var ye = Z(he);
+          return new E("Invalid " + de + " `" + ve + "` of type " + ("`" + ye + "` supplied to `" + pe + "`, expected an array."));
         }
-        for (var fe = 0; fe < de.length; fe++) {
-          var le = ee(de, fe, pe, he, ve + "[" + fe + "]", n);
+        for (var fe = 0; fe < he.length; fe++) {
+          var le = ee(he, fe, pe, de, ve + "[" + fe + "]", n);
           if (le instanceof Error)
             return le;
         }
@@ -20112,32 +20112,32 @@ function requireFactoryWithTypeCheckers() {
       return C(ie);
     }
     function V() {
-      function ee(ie, ce, ue, pe, he) {
+      function ee(ie, ce, ue, pe, de) {
         var ve = ie[ce];
         if (!f(ve)) {
-          var de = Z(ve);
-          return new E("Invalid " + pe + " `" + he + "` of type " + ("`" + de + "` supplied to `" + ue + "`, expected a single ReactElement."));
+          var he = Z(ve);
+          return new E("Invalid " + pe + " `" + de + "` of type " + ("`" + he + "` supplied to `" + ue + "`, expected a single ReactElement."));
         }
         return null;
       }
       return C(ee);
     }
     function M() {
-      function ee(ie, ce, ue, pe, he) {
+      function ee(ie, ce, ue, pe, de) {
         var ve = ie[ce];
         if (!e.isValidElementType(ve)) {
-          var de = Z(ve);
-          return new E("Invalid " + pe + " `" + he + "` of type " + ("`" + de + "` supplied to `" + ue + "`, expected a single ReactElement type."));
+          var he = Z(ve);
+          return new E("Invalid " + pe + " `" + de + "` of type " + ("`" + he + "` supplied to `" + ue + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return C(ee);
     }
     function R(ee) {
-      function ie(ce, ue, pe, he, ve) {
+      function ie(ce, ue, pe, de, ve) {
         if (!(ce[ue] instanceof ee)) {
-          var de = ee.name || _, ye = Q(ce[ue]);
-          return new E("Invalid " + he + " `" + ve + "` of type " + ("`" + ye + "` supplied to `" + pe + "`, expected ") + ("instance of `" + de + "`."));
+          var he = ee.name || _, ye = Q(ce[ue]);
+          return new E("Invalid " + de + " `" + ve + "` of type " + ("`" + ye + "` supplied to `" + pe + "`, expected ") + ("instance of `" + he + "`."));
         }
         return null;
       }
@@ -20148,28 +20148,28 @@ function requireFactoryWithTypeCheckers() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? u(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : u("Invalid argument supplied to oneOf, expected an array.")), d;
-      function ie(ce, ue, pe, he, ve) {
-        for (var de = ce[ue], ye = 0; ye < ee.length; ye++)
-          if (T(de, ee[ye]))
+      function ie(ce, ue, pe, de, ve) {
+        for (var he = ce[ue], ye = 0; ye < ee.length; ye++)
+          if (T(he, ee[ye]))
             return null;
         var fe = JSON.stringify(ee, function(oe, te) {
           var be = ae(te);
           return be === "symbol" ? String(te) : te;
         });
-        return new E("Invalid " + he + " `" + ve + "` of value `" + String(de) + "` " + ("supplied to `" + pe + "`, expected one of " + fe + "."));
+        return new E("Invalid " + de + " `" + ve + "` of value `" + String(he) + "` " + ("supplied to `" + pe + "`, expected one of " + fe + "."));
       }
       return C(ie);
     }
     function L(ee) {
-      function ie(ce, ue, pe, he, ve) {
+      function ie(ce, ue, pe, de, ve) {
         if (typeof ee != "function")
           return new E("Property `" + ve + "` of component `" + pe + "` has invalid PropType notation inside objectOf.");
-        var de = ce[ue], ye = Z(de);
+        var he = ce[ue], ye = Z(he);
         if (ye !== "object")
-          return new E("Invalid " + he + " `" + ve + "` of type " + ("`" + ye + "` supplied to `" + pe + "`, expected an object."));
-        for (var fe in de)
-          if (o(de, fe)) {
-            var le = ee(de, fe, pe, he, ve + "." + fe, n);
+          return new E("Invalid " + de + " `" + ve + "` of type " + ("`" + ye + "` supplied to `" + pe + "`, expected an object."));
+        for (var fe in he)
+          if (o(he, fe)) {
+            var le = ee(he, fe, pe, de, ve + "." + fe, n);
             if (le instanceof Error)
               return le;
           }
@@ -20187,21 +20187,21 @@ function requireFactoryWithTypeCheckers() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + W(ce) + " at index " + ie + "."
           ), d;
       }
-      function ue(pe, he, ve, de, ye) {
+      function ue(pe, de, ve, he, ye) {
         for (var fe = [], le = 0; le < ee.length; le++) {
-          var oe = ee[le], te = oe(pe, he, ve, de, ye, n);
+          var oe = ee[le], te = oe(pe, de, ve, he, ye, n);
           if (te == null)
             return null;
           te.data && o(te.data, "expectedType") && fe.push(te.data.expectedType);
         }
         var be = fe.length > 0 ? ", expected one of type [" + fe.join(", ") + "]" : "";
-        return new E("Invalid " + de + " `" + ye + "` supplied to " + ("`" + ve + "`" + be + "."));
+        return new E("Invalid " + he + " `" + ye + "` supplied to " + ("`" + ve + "`" + be + "."));
       }
       return C(ue);
     }
     function q() {
-      function ee(ie, ce, ue, pe, he) {
-        return G(ie[ce]) ? null : new E("Invalid " + pe + " `" + he + "` supplied to " + ("`" + ue + "`, expected a ReactNode."));
+      function ee(ie, ce, ue, pe, de) {
+        return G(ie[ce]) ? null : new E("Invalid " + pe + " `" + de + "` supplied to " + ("`" + ue + "`, expected a ReactNode."));
       }
       return C(ee);
     }
@@ -20211,15 +20211,15 @@ function requireFactoryWithTypeCheckers() {
       );
     }
     function H(ee) {
-      function ie(ce, ue, pe, he, ve) {
-        var de = ce[ue], ye = Z(de);
+      function ie(ce, ue, pe, de, ve) {
+        var he = ce[ue], ye = Z(he);
         if (ye !== "object")
-          return new E("Invalid " + he + " `" + ve + "` of type `" + ye + "` " + ("supplied to `" + pe + "`, expected `object`."));
+          return new E("Invalid " + de + " `" + ve + "` of type `" + ye + "` " + ("supplied to `" + pe + "`, expected `object`."));
         for (var fe in ee) {
           var le = ee[fe];
           if (typeof le != "function")
-            return F(pe, he, ve, fe, ae(le));
-          var oe = le(de, fe, pe, he, ve + "." + fe, n);
+            return F(pe, de, ve, fe, ae(le));
+          var oe = le(he, fe, pe, de, ve + "." + fe, n);
           if (oe)
             return oe;
         }
@@ -20228,21 +20228,21 @@ function requireFactoryWithTypeCheckers() {
       return C(ie);
     }
     function U(ee) {
-      function ie(ce, ue, pe, he, ve) {
-        var de = ce[ue], ye = Z(de);
+      function ie(ce, ue, pe, de, ve) {
+        var he = ce[ue], ye = Z(he);
         if (ye !== "object")
-          return new E("Invalid " + he + " `" + ve + "` of type `" + ye + "` " + ("supplied to `" + pe + "`, expected `object`."));
+          return new E("Invalid " + de + " `" + ve + "` of type `" + ye + "` " + ("supplied to `" + pe + "`, expected `object`."));
         var fe = t({}, ce[ue], ee);
         for (var le in fe) {
           var oe = ee[le];
           if (o(ee, le) && typeof oe != "function")
-            return F(pe, he, ve, le, ae(oe));
+            return F(pe, de, ve, le, ae(oe));
           if (!oe)
             return new E(
-              "Invalid " + he + " `" + ve + "` key `" + le + "` supplied to `" + pe + "`.\nBad object: " + JSON.stringify(ce[ue], null, "  ") + `
+              "Invalid " + de + " `" + ve + "` key `" + le + "` supplied to `" + pe + "`.\nBad object: " + JSON.stringify(ce[ue], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(ee), null, "  ")
             );
-          var te = oe(de, le, pe, he, ve + "." + le, n);
+          var te = oe(he, le, pe, de, ve + "." + le, n);
           if (te)
             return te;
         }
@@ -23275,22 +23275,22 @@ _defineProperty$d(Bar, "getComposedData", function(e) {
         U -= ue, J += ue;
       }
     } else {
-      var pe = [u.scale(F[0]), u.scale(F[1])], he = pe[0], ve = pe[1];
-      if (H = he, U = getCateCoordinateOfBar({
+      var pe = [u.scale(F[0]), u.scale(F[1])], de = pe[0], ve = pe[1];
+      if (H = de, U = getCateCoordinateOfBar({
         axis: d,
         ticks: p,
         bandSize: l,
         offset: S.offset,
         entry: j,
         index: q
-      }), G = ve - he, J = S.size, Z = {
+      }), G = ve - de, J = S.size, Z = {
         x: u.x,
         y: U,
         width: u.width,
         height: J
       }, Math.abs(ae) > 0 && Math.abs(G) < Math.abs(ae)) {
-        var de = mathSign(G || ae) * (Math.abs(ae) - Math.abs(G));
-        G += de;
+        var he = mathSign(G || ae) * (Math.abs(ae) - Math.abs(G));
+        G += he;
       }
     }
     return _objectSpread$a(_objectSpread$a(_objectSpread$a({}, j), {}, {
@@ -23388,8 +23388,8 @@ var formatAxisMap = function(t, n, o, l, u) {
     var E = n[T], C = E.orientation, I = E.domain, N = E.padding, O = N === void 0 ? {} : N, V = E.mirror, M = E.reversed, R = "".concat(C).concat(V ? "Mirror" : ""), D, L, j, q, F;
     if (E.type === "number" && (E.padding === "gap" || E.padding === "no-gap")) {
       var H = I[1] - I[0], U = 1 / 0, G = E.categoricalDomain.sort(compareValues);
-      if (G.forEach(function(pe, he) {
-        he > 0 && (U = Math.min((pe || 0) - (G[he - 1] || 0), U));
+      if (G.forEach(function(pe, de) {
+        de > 0 && (U = Math.min((pe || 0) - (G[de - 1] || 0), U));
       }), Number.isFinite(U)) {
         var J = U / H, Z = E.layout === "vertical" ? o.height : o.width;
         if (E.padding === "gap" && (D = J * Z / 2), E.padding === "no-gap") {
@@ -26479,8 +26479,8 @@ var getTooltipContent = function(t, n, o, l) {
           }, []);
         else if (N === "number") {
           var Q = parseErrorBarsOfAxis(q, l.filter(function(ce) {
-            var ue, pe, he = d in ce.props ? ce.props[d] : (ue = ce.type.defaultProps) === null || ue === void 0 ? void 0 : ue[d], ve = "hide" in ce.props ? ce.props.hide : (pe = ce.type.defaultProps) === null || pe === void 0 ? void 0 : pe.hide;
-            return he === j && (L || !ve);
+            var ue, pe, de = d in ce.props ? ce.props[d] : (ue = ce.type.defaultProps) === null || ue === void 0 ? void 0 : ue[d], ve = "hide" in ce.props ? ce.props.hide : (pe = ce.type.defaultProps) === null || pe === void 0 ? void 0 : pe.hide;
+            return de === j && (L || !ve);
           }), O, u, g);
           Q && (H = Q);
         }
@@ -26631,7 +26631,7 @@ var getTooltipContent = function(t, n, o, l) {
         graphicalItems: [Q],
         dataStartIndex: D,
         dataEndIndex: L
-      }), ce = Q.type.defaultProps !== void 0 ? _objectSpread(_objectSpread({}, Q.type.defaultProps), Q.props) : Q.props, ue = ce.dataKey, pe = ce.maxBarSize, he = ce["".concat(J, "Id")], ve = ce["".concat(Z, "Id")], de = {}, ye = p.reduce(function(Be, Me) {
+      }), ce = Q.type.defaultProps !== void 0 ? _objectSpread(_objectSpread({}, Q.type.defaultProps), Q.props) : Q.props, ue = ce.dataKey, pe = ce.maxBarSize, de = ce["".concat(J, "Id")], ve = ce["".concat(Z, "Id")], he = {}, ye = p.reduce(function(Be, Me) {
         var Fe, He, Le = N["".concat(Me.axisType, "Map")], Ne = ce["".concat(Me.axisType, "Id")];
         Le && Le[Ne] || Me.axisType === "zAxis" || (process.env.NODE_ENV !== "production" ? invariant(!1, "Specifying a(n) ".concat(Me.axisType, "Id requires a corresponding ").concat(
           Me.axisType,
@@ -26639,7 +26639,7 @@ var getTooltipContent = function(t, n, o, l) {
         ).concat((Fe = Q == null || (He = Q.type) === null || He === void 0 ? void 0 : He.displayName) !== null && Fe !== void 0 ? Fe : "")) : invariant());
         var qe = Le[Ne];
         return _objectSpread(_objectSpread({}, Be), {}, _defineProperty(_defineProperty({}, Me.axisType, qe), "".concat(Me.axisType, "Ticks"), getTicksOfAxis(qe)));
-      }, de), fe = ye[Z], le = ye["".concat(Z, "Ticks")], oe = V && V[he] && V[he].hasStack && getStackedDataOfItem(Q, V[he].stackGroups), te = getDisplayName(Q.type).indexOf("Bar") >= 0, be = getBandSizeOfAxis(fe, le), se = [], _e = ae && getBarSizeList({
+      }, he), fe = ye[Z], le = ye["".concat(Z, "Ticks")], oe = V && V[de] && V[de].hasStack && getStackedDataOfItem(Q, V[de].stackGroups), te = getDisplayName(Q.type).indexOf("Bar") >= 0, be = getBandSizeOfAxis(fe, le), se = [], _e = ae && getBarSizeList({
         barSize: j,
         stackGroups: V,
         totalSize: getCartesianAxisSize(ye, Z)
@@ -26882,13 +26882,13 @@ var getTooltipContent = function(t, n, o, l) {
           var ee = _objectSpread(_objectSpread({}, ae), {}, {
             x: ae.left,
             y: ae.top
-          }), ie = Math.min(U, ee.x + ee.width), ce = Math.min(G, ee.y + ee.height), ue = W[J] && W[J].value, pe = getTooltipContent(M.state, M.props.data, J), he = W[J] ? {
+          }), ie = Math.min(U, ee.x + ee.width), ce = Math.min(G, ee.y + ee.height), ue = W[J] && W[J].value, pe = getTooltipContent(M.state, M.props.data, J), de = W[J] ? {
             x: L === "horizontal" ? W[J].coordinate : ie,
             y: L === "horizontal" ? ce : W[J].coordinate
           } : originCoordinate;
           M.setState(_objectSpread(_objectSpread({}, R), {}, {
             activeLabel: ue,
-            activeCoordinate: he,
+            activeCoordinate: de,
             activePayload: pe,
             activeTooltipIndex: J
           }));
@@ -27014,7 +27014,7 @@ var getTooltipContent = function(t, n, o, l) {
         var j = M.filterFormatItem(R, D, L);
         if (!j)
           return null;
-        var q = M.getTooltipEventType(), F = M.state, H = F.isTooltipActive, U = F.tooltipAxis, G = F.activeTooltipIndex, J = F.activeLabel, Z = M.props.children, ae = findChildByType(Z, Tooltip), W = j.props, Q = W.points, ee = W.isRange, ie = W.baseLine, ce = j.item.type.defaultProps !== void 0 ? _objectSpread(_objectSpread({}, j.item.type.defaultProps), j.item.props) : j.item.props, ue = ce.activeDot, pe = ce.hide, he = ce.activeBar, ve = ce.activeShape, de = !!(!pe && H && ae && (ue || he || ve)), ye = {};
+        var q = M.getTooltipEventType(), F = M.state, H = F.isTooltipActive, U = F.tooltipAxis, G = F.activeTooltipIndex, J = F.activeLabel, Z = M.props.children, ae = findChildByType(Z, Tooltip), W = j.props, Q = W.points, ee = W.isRange, ie = W.baseLine, ce = j.item.type.defaultProps !== void 0 ? _objectSpread(_objectSpread({}, j.item.type.defaultProps), j.item.props) : j.item.props, ue = ce.activeDot, pe = ce.hide, de = ce.activeBar, ve = ce.activeShape, he = !!(!pe && H && ae && (ue || de || ve)), ye = {};
         q !== "axis" && ae && ae.props.trigger === "click" ? ye = {
           onClick: combineEventHandlers(M.handleItemMouseEnter, R.props.onClick)
         } : q !== "axis" && (ye = {
@@ -27025,7 +27025,7 @@ var getTooltipContent = function(t, n, o, l) {
         function le(Me) {
           return typeof U.dataKey == "function" ? U.dataKey(Me.payload) : null;
         }
-        if (de)
+        if (he)
           if (G >= 0) {
             var oe, te;
             if (U.dataKey && !U.allowDuplicatedCategory) {
@@ -27033,7 +27033,7 @@ var getTooltipContent = function(t, n, o, l) {
               oe = findEntryInArray(Q, be, J), te = ee && ie && findEntryInArray(ie, be, J);
             } else
               oe = Q == null ? void 0 : Q[G], te = ee && ie && ie[G];
-            if (ve || he) {
+            if (ve || de) {
               var se = R.props.activeIndex !== void 0 ? R.props.activeIndex : G;
               return [/* @__PURE__ */ cloneElement(R, _objectSpread(_objectSpread(_objectSpread({}, j.props), ye), {}, {
                 activeIndex: se
@@ -27496,7 +27496,7 @@ var getTooltipContent = function(t, n, o, l) {
       });
     }
     if (!isChildrenEqual(V, I.prevChildren)) {
-      var ae, W, Q, ee, ie = findChildByType(V, Brush), ce = ie && (ae = (W = ie.props) === null || W === void 0 ? void 0 : W.startIndex) !== null && ae !== void 0 ? ae : q, ue = ie && (Q = (ee = ie.props) === null || ee === void 0 ? void 0 : ee.endIndex) !== null && Q !== void 0 ? Q : F, pe = ce !== q || ue !== F, he = !isNil(O), ve = he && !pe ? I.updateId : I.updateId + 1;
+      var ae, W, Q, ee, ie = findChildByType(V, Brush), ce = ie && (ae = (W = ie.props) === null || W === void 0 ? void 0 : W.startIndex) !== null && ae !== void 0 ? ae : q, ue = ie && (Q = (ee = ie.props) === null || ee === void 0 ? void 0 : ee.endIndex) !== null && Q !== void 0 ? Q : F, pe = ce !== q || ue !== F, de = !isNil(O), ve = de && !pe ? I.updateId : I.updateId + 1;
       return _objectSpread(_objectSpread({
         updateId: ve
       }, S(_objectSpread(_objectSpread({
@@ -29108,17 +29108,17 @@ var lottie = createCommonjsModule(function(module, exports) {
       function _(W, Q, ee) {
         return ee || ee === 0 || (ee = 1), W === 1 && Q === 1 && ee === 1 ? this : this._t(W, 0, 0, 0, 0, Q, 0, 0, 0, 0, ee, 0, 0, 0, 0, 1);
       }
-      function S(W, Q, ee, ie, ce, ue, pe, he, ve, de, ye, fe, le, oe, te, be) {
-        return this.props[0] = W, this.props[1] = Q, this.props[2] = ee, this.props[3] = ie, this.props[4] = ce, this.props[5] = ue, this.props[6] = pe, this.props[7] = he, this.props[8] = ve, this.props[9] = de, this.props[10] = ye, this.props[11] = fe, this.props[12] = le, this.props[13] = oe, this.props[14] = te, this.props[15] = be, this;
+      function S(W, Q, ee, ie, ce, ue, pe, de, ve, he, ye, fe, le, oe, te, be) {
+        return this.props[0] = W, this.props[1] = Q, this.props[2] = ee, this.props[3] = ie, this.props[4] = ce, this.props[5] = ue, this.props[6] = pe, this.props[7] = de, this.props[8] = ve, this.props[9] = he, this.props[10] = ye, this.props[11] = fe, this.props[12] = le, this.props[13] = oe, this.props[14] = te, this.props[15] = be, this;
       }
       function T(W, Q, ee) {
         return ee = ee || 0, W !== 0 || Q !== 0 || ee !== 0 ? this._t(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, W, Q, ee, 1) : this;
       }
-      function E(W, Q, ee, ie, ce, ue, pe, he, ve, de, ye, fe, le, oe, te, be) {
+      function E(W, Q, ee, ie, ce, ue, pe, de, ve, he, ye, fe, le, oe, te, be) {
         var se = this.props;
-        if (W === 1 && Q === 0 && ee === 0 && ie === 0 && ce === 0 && ue === 1 && pe === 0 && he === 0 && ve === 0 && de === 0 && ye === 1 && fe === 0) return se[12] = se[12] * W + se[15] * le, se[13] = se[13] * ue + se[15] * oe, se[14] = se[14] * ye + se[15] * te, se[15] *= be, this._identityCalculated = !1, this;
+        if (W === 1 && Q === 0 && ee === 0 && ie === 0 && ce === 0 && ue === 1 && pe === 0 && de === 0 && ve === 0 && he === 0 && ye === 1 && fe === 0) return se[12] = se[12] * W + se[15] * le, se[13] = se[13] * ue + se[15] * oe, se[14] = se[14] * ye + se[15] * te, se[15] *= be, this._identityCalculated = !1, this;
         var _e = se[0], xe = se[1], Ee = se[2], Ae = se[3], we = se[4], ke = se[5], Be = se[6], Me = se[7], Fe = se[8], He = se[9], Le = se[10], Ne = se[11], qe = se[12], Ge = se[13], Je = se[14], Xe = se[15];
-        return se[0] = _e * W + xe * ce + Ee * ve + Ae * le, se[1] = _e * Q + xe * ue + Ee * de + Ae * oe, se[2] = _e * ee + xe * pe + Ee * ye + Ae * te, se[3] = _e * ie + xe * he + Ee * fe + Ae * be, se[4] = we * W + ke * ce + Be * ve + Me * le, se[5] = we * Q + ke * ue + Be * de + Me * oe, se[6] = we * ee + ke * pe + Be * ye + Me * te, se[7] = we * ie + ke * he + Be * fe + Me * be, se[8] = Fe * W + He * ce + Le * ve + Ne * le, se[9] = Fe * Q + He * ue + Le * de + Ne * oe, se[10] = Fe * ee + He * pe + Le * ye + Ne * te, se[11] = Fe * ie + He * he + Le * fe + Ne * be, se[12] = qe * W + Ge * ce + Je * ve + Xe * le, se[13] = qe * Q + Ge * ue + Je * de + Xe * oe, se[14] = qe * ee + Ge * pe + Je * ye + Xe * te, se[15] = qe * ie + Ge * he + Je * fe + Xe * be, this._identityCalculated = !1, this;
+        return se[0] = _e * W + xe * ce + Ee * ve + Ae * le, se[1] = _e * Q + xe * ue + Ee * he + Ae * oe, se[2] = _e * ee + xe * pe + Ee * ye + Ae * te, se[3] = _e * ie + xe * de + Ee * fe + Ae * be, se[4] = we * W + ke * ce + Be * ve + Me * le, se[5] = we * Q + ke * ue + Be * he + Me * oe, se[6] = we * ee + ke * pe + Be * ye + Me * te, se[7] = we * ie + ke * de + Be * fe + Me * be, se[8] = Fe * W + He * ce + Le * ve + Ne * le, se[9] = Fe * Q + He * ue + Le * he + Ne * oe, se[10] = Fe * ee + He * pe + Le * ye + Ne * te, se[11] = Fe * ie + He * de + Le * fe + Ne * be, se[12] = qe * W + Ge * ce + Je * ve + Xe * le, se[13] = qe * Q + Ge * ue + Je * he + Xe * oe, se[14] = qe * ee + Ge * pe + Je * ye + Xe * te, se[15] = qe * ie + Ge * de + Je * fe + Xe * be, this._identityCalculated = !1, this;
       }
       function C(W) {
         var Q = W.props;
@@ -29156,8 +29156,8 @@ var lottie = createCommonjsModule(function(module, exports) {
         return W * this.props[2] + Q * this.props[6] + ee * this.props[10] + this.props[14];
       }
       function j() {
-        var W = this.props[0] * this.props[5] - this.props[1] * this.props[4], Q = this.props[5] / W, ee = -this.props[1] / W, ie = -this.props[4] / W, ce = this.props[0] / W, ue = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / W, pe = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / W, he = new Matrix();
-        return he.props[0] = Q, he.props[1] = ee, he.props[4] = ie, he.props[5] = ce, he.props[12] = ue, he.props[13] = pe, he;
+        var W = this.props[0] * this.props[5] - this.props[1] * this.props[4], Q = this.props[5] / W, ee = -this.props[1] / W, ie = -this.props[4] / W, ce = this.props[0] / W, ue = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / W, pe = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / W, de = new Matrix();
+        return de.props[0] = Q, de.props[1] = ee, de.props[4] = ie, de.props[5] = ce, de.props[12] = ue, de.props[13] = pe, de;
       }
       function q(W) {
         return this.getInverseMatrix().applyToPointArray(W[0], W[1], W[2] || 0);
@@ -29171,8 +29171,8 @@ var lottie = createCommonjsModule(function(module, exports) {
         var ie = createTypedArray("float32", 6);
         if (this.isIdentity()) ie[0] = W[0], ie[1] = W[1], ie[2] = Q[0], ie[3] = Q[1], ie[4] = ee[0], ie[5] = ee[1];
         else {
-          var ce = this.props[0], ue = this.props[1], pe = this.props[4], he = this.props[5], ve = this.props[12], de = this.props[13];
-          ie[0] = W[0] * ce + W[1] * pe + ve, ie[1] = W[0] * ue + W[1] * he + de, ie[2] = Q[0] * ce + Q[1] * pe + ve, ie[3] = Q[0] * ue + Q[1] * he + de, ie[4] = ee[0] * ce + ee[1] * pe + ve, ie[5] = ee[0] * ue + ee[1] * he + de;
+          var ce = this.props[0], ue = this.props[1], pe = this.props[4], de = this.props[5], ve = this.props[12], he = this.props[13];
+          ie[0] = W[0] * ce + W[1] * pe + ve, ie[1] = W[0] * ue + W[1] * de + he, ie[2] = Q[0] * ce + Q[1] * pe + ve, ie[3] = Q[0] * ue + Q[1] * de + he, ie[4] = ee[0] * ce + ee[1] * pe + ve, ie[5] = ee[0] * ue + ee[1] * de + he;
         }
         return ie;
       }
@@ -30848,7 +30848,7 @@ var lottie = createCommonjsModule(function(module, exports) {
         u = F.length, n = 0, o = 0;
         var G, J, Z, ae, W, Q = 1.2 * e.finalSize * 0.714, ee = !0;
         Z = R.length;
-        var ie, ce, ue, pe, he, ve, de, ye, fe, le, oe, te, be = -1, se = f, _e = _, xe = b, Ee = -1, Ae = "", we = this.defaultPropsArray;
+        var ie, ce, ue, pe, de, ve, he, ye, fe, le, oe, te, be = -1, se = f, _e = _, xe = b, Ee = -1, Ae = "", we = this.defaultPropsArray;
         if (e.j === 2 || e.j === 1) {
           var ke = 0, Be = 0, Me = e.j === 2 ? -0.5 : -1, Fe = 0, He = !0;
           for (l = 0; l < u; l += 1) if (F[l].n) {
@@ -30881,17 +30881,17 @@ var lottie = createCommonjsModule(function(module, exports) {
               ie = F[l].an / 2 - F[l].add, L.translate(-ie, 0, 0);
             } else ie = F[l].an / 2 - F[l].add, L.translate(-ie, 0, 0), L.translate(-M[0] * F[l].an * 5e-3, -M[1] * Q * 0.01, 0);
             for (J = 0; J < Z; J += 1) (G = R[J].a).t.propType && (W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars), n === 0 && e.j === 0 || (this._hasMaskedPath ? W.length ? f += G.t.v * W[0] : f += G.t.v * W : W.length ? n += G.t.v * W[0] : n += G.t.v * W));
-            for (e.strokeWidthAnim && (ve = e.sw || 0), e.strokeColorAnim && (he = e.sc ? [e.sc[0], e.sc[1], e.sc[2]] : [0, 0, 0]), e.fillColorAnim && e.fc && (de = [e.fc[0], e.fc[1], e.fc[2]]), J = 0; J < Z; J += 1) (G = R[J].a).a.propType && ((W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars)).length ? L.translate(-G.a.v[0] * W[0], -G.a.v[1] * W[1], G.a.v[2] * W[2]) : L.translate(-G.a.v[0] * W, -G.a.v[1] * W, G.a.v[2] * W));
+            for (e.strokeWidthAnim && (ve = e.sw || 0), e.strokeColorAnim && (de = e.sc ? [e.sc[0], e.sc[1], e.sc[2]] : [0, 0, 0]), e.fillColorAnim && e.fc && (he = [e.fc[0], e.fc[1], e.fc[2]]), J = 0; J < Z; J += 1) (G = R[J].a).a.propType && ((W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars)).length ? L.translate(-G.a.v[0] * W[0], -G.a.v[1] * W[1], G.a.v[2] * W[2]) : L.translate(-G.a.v[0] * W, -G.a.v[1] * W, G.a.v[2] * W));
             for (J = 0; J < Z; J += 1) (G = R[J].a).s.propType && ((W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars)).length ? L.scale(1 + (G.s.v[0] - 1) * W[0], 1 + (G.s.v[1] - 1) * W[1], 1) : L.scale(1 + (G.s.v[0] - 1) * W, 1 + (G.s.v[1] - 1) * W, 1));
             for (J = 0; J < Z; J += 1) {
-              if (G = R[J].a, W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars), G.sk.propType && (W.length ? L.skewFromAxis(-G.sk.v * W[0], G.sa.v * W[1]) : L.skewFromAxis(-G.sk.v * W, G.sa.v * W)), G.r.propType && (W.length ? L.rotateZ(-G.r.v * W[2]) : L.rotateZ(-G.r.v * W)), G.ry.propType && (W.length ? L.rotateY(G.ry.v * W[1]) : L.rotateY(G.ry.v * W)), G.rx.propType && (W.length ? L.rotateX(G.rx.v * W[0]) : L.rotateX(G.rx.v * W)), G.o.propType && (W.length ? pe += (G.o.v * W[0] - pe) * W[0] : pe += (G.o.v * W - pe) * W), e.strokeWidthAnim && G.sw.propType && (W.length ? ve += G.sw.v * W[0] : ve += G.sw.v * W), e.strokeColorAnim && G.sc.propType) for (ye = 0; ye < 3; ye += 1) W.length ? he[ye] += (G.sc.v[ye] - he[ye]) * W[0] : he[ye] += (G.sc.v[ye] - he[ye]) * W;
+              if (G = R[J].a, W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars), G.sk.propType && (W.length ? L.skewFromAxis(-G.sk.v * W[0], G.sa.v * W[1]) : L.skewFromAxis(-G.sk.v * W, G.sa.v * W)), G.r.propType && (W.length ? L.rotateZ(-G.r.v * W[2]) : L.rotateZ(-G.r.v * W)), G.ry.propType && (W.length ? L.rotateY(G.ry.v * W[1]) : L.rotateY(G.ry.v * W)), G.rx.propType && (W.length ? L.rotateX(G.rx.v * W[0]) : L.rotateX(G.rx.v * W)), G.o.propType && (W.length ? pe += (G.o.v * W[0] - pe) * W[0] : pe += (G.o.v * W - pe) * W), e.strokeWidthAnim && G.sw.propType && (W.length ? ve += G.sw.v * W[0] : ve += G.sw.v * W), e.strokeColorAnim && G.sc.propType) for (ye = 0; ye < 3; ye += 1) W.length ? de[ye] += (G.sc.v[ye] - de[ye]) * W[0] : de[ye] += (G.sc.v[ye] - de[ye]) * W;
               if (e.fillColorAnim && e.fc) {
-                if (G.fc.propType) for (ye = 0; ye < 3; ye += 1) W.length ? de[ye] += (G.fc.v[ye] - de[ye]) * W[0] : de[ye] += (G.fc.v[ye] - de[ye]) * W;
-                G.fh.propType && (de = W.length ? addHueToRGB(de, G.fh.v * W[0]) : addHueToRGB(de, G.fh.v * W)), G.fs.propType && (de = W.length ? addSaturationToRGB(de, G.fs.v * W[0]) : addSaturationToRGB(de, G.fs.v * W)), G.fb.propType && (de = W.length ? addBrightnessToRGB(de, G.fb.v * W[0]) : addBrightnessToRGB(de, G.fb.v * W));
+                if (G.fc.propType) for (ye = 0; ye < 3; ye += 1) W.length ? he[ye] += (G.fc.v[ye] - he[ye]) * W[0] : he[ye] += (G.fc.v[ye] - he[ye]) * W;
+                G.fh.propType && (he = W.length ? addHueToRGB(he, G.fh.v * W[0]) : addHueToRGB(he, G.fh.v * W)), G.fs.propType && (he = W.length ? addSaturationToRGB(he, G.fs.v * W[0]) : addSaturationToRGB(he, G.fs.v * W)), G.fb.propType && (he = W.length ? addBrightnessToRGB(he, G.fb.v * W[0]) : addBrightnessToRGB(he, G.fb.v * W));
               }
             }
             for (J = 0; J < Z; J += 1) (G = R[J].a).p.propType && (W = R[J].s.getMult(F[l].anIndexes[J], D.a[J].s.totalChars), this._hasMaskedPath ? W.length ? L.translate(0, G.p.v[1] * W[0], -G.p.v[2] * W[1]) : L.translate(0, G.p.v[1] * W, -G.p.v[2] * W) : W.length ? L.translate(G.p.v[0] * W[0], G.p.v[1] * W[1], -G.p.v[2] * W[2]) : L.translate(G.p.v[0] * W, G.p.v[1] * W, -G.p.v[2] * W));
-            if (e.strokeWidthAnim && (fe = ve < 0 ? 0 : ve), e.strokeColorAnim && (le = "rgb(" + Math.round(255 * he[0]) + "," + Math.round(255 * he[1]) + "," + Math.round(255 * he[2]) + ")"), e.fillColorAnim && e.fc && (oe = "rgb(" + Math.round(255 * de[0]) + "," + Math.round(255 * de[1]) + "," + Math.round(255 * de[2]) + ")"), this._hasMaskedPath) {
+            if (e.strokeWidthAnim && (fe = ve < 0 ? 0 : ve), e.strokeColorAnim && (le = "rgb(" + Math.round(255 * de[0]) + "," + Math.round(255 * de[1]) + "," + Math.round(255 * de[2]) + ")"), e.fillColorAnim && e.fc && (oe = "rgb(" + Math.round(255 * he[0]) + "," + Math.round(255 * he[1]) + "," + Math.round(255 * he[2]) + ")"), this._hasMaskedPath) {
               if (L.translate(0, -e.ls), L.translate(0, M[1] * Q * 0.01 + o, 0), this._pathData.p.v) {
                 O = (p.point[1] - S.point[1]) / (p.point[0] - S.point[0]);
                 var Ne = 180 * Math.atan(O) / Math.PI;
@@ -40227,8 +40227,8 @@ function fetchBaseQuery({
     }) || R;
     const J = (pe) => typeof pe == "object" && (isPlainObject$1(pe) || Array.isArray(pe) || typeof pe.toJSON == "function");
     if (!G.headers.has("content-type") && J(G.body) && G.headers.set("content-type", u), J(G.body) && l(G.headers) && (G.body = JSON.stringify(G.body, d)), D) {
-      const pe = ~M.indexOf("?") ? "&" : "?", he = o ? o(D) : new URLSearchParams(stripUndefined(D));
-      M += pe + he;
+      const pe = ~M.indexOf("?") ? "&" : "?", de = o ? o(D) : new URLSearchParams(stripUndefined(D));
+      M += pe + de;
     }
     M = joinUrls(e, M);
     const Z = new Request(M, G);
@@ -40257,10 +40257,10 @@ function fetchBaseQuery({
     try {
       let pe;
       if (await Promise.all([
-        b(W, L).then((he) => ce = he, (he) => pe = he),
+        b(W, L).then((de) => ce = de, (de) => pe = de),
         // see https://github.com/node-fetch/node-fetch/issues/665#issuecomment-538995182
         // we *have* to "use up" both streams at the same time or they will stop running in node-fetch scenarios
-        ie.text().then((he) => ue = he, () => {
+        ie.text().then((de) => ue = de, () => {
         })
       ]), pe) throw pe;
     } catch (pe) {
@@ -40389,7 +40389,7 @@ You must add the middleware for RTK-Query to function correctly!`);
       [forceQueryFnSymbol]: F,
       ...H
     } = {}) => (U, G) => {
-      var de;
+      var he;
       const J = e({
         queryArgs: D,
         endpointDefinition: M,
@@ -40427,10 +40427,10 @@ You must add the middleware for RTK-Query to function correctly!`);
       const {
         requestId: ie,
         abort: ce
-      } = Q, ue = ee.requestId !== ie, pe = (de = d.get(U)) == null ? void 0 : de[J], he = () => W(G()), ve = Object.assign(F ? (
+      } = Q, ue = ee.requestId !== ie, pe = (he = d.get(U)) == null ? void 0 : he[J], de = () => W(G()), ve = Object.assign(F ? (
         // a query has been forced (upsertQueryData)
         // -> we want to resolve it once data has been written with the data that will be written
-        Q.then(he)
+        Q.then(de)
       ) : ue && !pe ? (
         // a query has been skipped due to a condition and we do not have any currently running query
         // -> we want to resolve it immediately with the current data
@@ -40438,7 +40438,7 @@ You must add the middleware for RTK-Query to function correctly!`);
       ) : (
         // query just started or one is already in flight
         // -> wait for the running query, then resolve with data from after that
-        Promise.all([pe, Q]).then(he)
+        Promise.all([pe, Q]).then(de)
       ), {
         arg: D,
         requestId: ie,
@@ -40636,7 +40636,7 @@ function buildThunks({
     } = Q;
     try {
       let pe = E(Q, "transformResponse");
-      const he = {
+      const de = {
         signal: H,
         abort: U,
         dispatch: Z,
@@ -40647,7 +40647,7 @@ function buildThunks({
         forced: F.type === "query" ? I(F, ae()) : void 0,
         queryCacheKey: F.type === "query" ? F.queryCacheKey : void 0
       }, ve = F.type === "query" ? F[forceQueryFnSymbol] : void 0;
-      let de;
+      let he;
       const ye = async (le, oe, te, be) => {
         if (oe == null && le.pages.length)
           return Promise.resolve({
@@ -40679,7 +40679,7 @@ function buildThunks({
           "argSchema",
           {}
           // we don't have a meta yet, so we can't pass it
-        )), ve ? oe = ve() : Q.query ? oe = await t(Q.query(le), he, te) : oe = await Q.queryFn(le, he, te, (Ae) => t(Ae, he, te)), typeof process < "u" && process.env.NODE_ENV === "development") {
+        )), ve ? oe = ve() : Q.query ? oe = await t(Q.query(le), de, te) : oe = await Q.queryFn(le, de, te, (Ae) => t(Ae, de, te)), typeof process < "u" && process.env.NODE_ENV === "development") {
           const Ae = Q.query ? "`baseQuery`" : "`queryFn`";
           let we;
           if (!oe)
@@ -40738,57 +40738,57 @@ function buildThunks({
             te = await ye(te.data, Me, oe);
           }
         }
-        de = te;
+        he = te;
       } else
-        de = await fe(F.originalArgs);
-      return ee && !ie && de.meta && (de.meta = await parseWithSchema(ee, de.meta, "metaSchema", de.meta)), J(de.data, addShouldAutoBatch({
+        he = await fe(F.originalArgs);
+      return ee && !ie && he.meta && (he.meta = await parseWithSchema(ee, he.meta, "metaSchema", he.meta)), J(he.data, addShouldAutoBatch({
         fulfilledTimeStamp: Date.now(),
-        baseQueryMeta: de.meta
+        baseQueryMeta: he.meta
       }));
     } catch (pe) {
-      let he = pe;
-      if (he instanceof HandledError) {
+      let de = pe;
+      if (de instanceof HandledError) {
         let ve = E(Q, "transformErrorResponse");
         const {
-          rawErrorResponseSchema: de,
+          rawErrorResponseSchema: he,
           errorResponseSchema: ye
         } = Q;
         let {
           value: fe,
           meta: le
-        } = he;
+        } = de;
         try {
-          de && !ie && (fe = await parseWithSchema(de, fe, "rawErrorResponseSchema", le)), ee && !ie && (le = await parseWithSchema(ee, le, "metaSchema", le));
+          he && !ie && (fe = await parseWithSchema(he, fe, "rawErrorResponseSchema", le)), ee && !ie && (le = await parseWithSchema(ee, le, "metaSchema", le));
           let oe = await ve(fe, le, F.originalArgs);
           return ye && !ie && (oe = await parseWithSchema(ye, oe, "errorResponseSchema", le)), G(oe, addShouldAutoBatch({
             baseQueryMeta: le
           }));
         } catch (oe) {
-          he = oe;
+          de = oe;
         }
       }
       try {
-        if (he instanceof NamedSchemaError) {
+        if (de instanceof NamedSchemaError) {
           const ve = {
             endpoint: F.endpointName,
             arg: F.originalArgs,
             type: F.type,
             queryCacheKey: F.type === "query" ? F.queryCacheKey : void 0
           };
-          (ue = Q.onSchemaFailure) == null || ue.call(Q, he, ve), f == null || f(he, ve);
+          (ue = Q.onSchemaFailure) == null || ue.call(Q, de, ve), f == null || f(de, ve);
           const {
-            catchSchemaFailure: de = p
+            catchSchemaFailure: he = p
           } = Q;
-          if (de)
-            return G(de(he, ve), addShouldAutoBatch({
-              baseQueryMeta: he._bqMeta
+          if (he)
+            return G(he(de, ve), addShouldAutoBatch({
+              baseQueryMeta: de._bqMeta
             }));
         }
       } catch (ve) {
-        he = ve;
+        de = ve;
       }
       throw typeof process < "u" && process.env.NODE_ENV !== "production" ? console.error(`An unhandled error occurred processing a request for the endpoint "${F.endpointName}".
-In the case of an unhandled error, no tags will be "provided" or "invalidated".`, he) : console.error(he), he;
+In the case of an unhandled error, no tags will be "provided" or "invalidated".`, de) : console.error(de), de;
     }
   };
   function I(F, H) {
@@ -42072,7 +42072,7 @@ var coreModuleName = /* @__PURE__ */ Symbol(), coreModule = ({
     skipSchemaValidation: S
   }, T) {
     enablePatches();
-    const E = (he) => (typeof process < "u" && process.env.NODE_ENV === "development" && (o.includes(he.type) || console.error(`Tag type '${he.type}' was used, but not specified in \`tagTypes\`!`)), he);
+    const E = (de) => (typeof process < "u" && process.env.NODE_ENV === "development" && (o.includes(de.type) || console.error(`Tag type '${de.type}' was used, but not specified in \`tagTypes\`!`)), de);
     Object.assign(t, {
       reducerPath: l,
       endpoints: {},
@@ -42186,22 +42186,22 @@ var coreModuleName = /* @__PURE__ */ Symbol(), coreModule = ({
       getRunningQueriesThunk: ue
     }), {
       name: coreModuleName,
-      injectEndpoint(he, ve) {
+      injectEndpoint(de, ve) {
         var fe;
-        const ye = (fe = t.endpoints)[he] ?? (fe[he] = {});
+        const ye = (fe = t.endpoints)[de] ?? (fe[de] = {});
         isQueryDefinition$1(ve) && safeAssign$1(ye, {
-          name: he,
-          select: O(he, ve),
-          initiate: W(he, ve)
-        }, U(R, he)), isMutationDefinition$1(ve) && safeAssign$1(ye, {
-          name: he,
+          name: de,
+          select: O(de, ve),
+          initiate: W(de, ve)
+        }, U(R, de)), isMutationDefinition$1(ve) && safeAssign$1(ye, {
+          name: de,
           select: M(),
-          initiate: ee(he)
-        }, U(L, he)), isInfiniteQueryDefinition$1(ve) && safeAssign$1(ye, {
-          name: he,
-          select: V(he, ve),
-          initiate: Q(he, ve)
-        }, U(R, he));
+          initiate: ee(de)
+        }, U(L, de)), isInfiniteQueryDefinition$1(ve) && safeAssign$1(ye, {
+          name: de,
+          select: V(de, ve),
+          initiate: Q(de, ve)
+        }, U(R, de));
       }
     };
   }
@@ -42627,11 +42627,11 @@ function buildHooks({
       initiate: U
     } = e.endpoints[V], G = n(), J = useRef(void 0);
     if (!J.current) {
-      const he = G(e.internalActions.internal_getRTKQSubscriptions());
-      if (process.env.NODE_ENV !== "production" && (typeof he != "object" || typeof (he == null ? void 0 : he.type) == "string"))
+      const de = G(e.internalActions.internal_getRTKQSubscriptions());
+      if (process.env.NODE_ENV !== "production" && (typeof de != "object" || typeof (de == null ? void 0 : de.type) == "string"))
         throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(37) : `Warning: Middleware for RTK-Query API at reducerPath "${e.reducerPath}" has not been added to the store.
     You must add the middleware for RTK-Query to function correctly!`);
-      J.current = he;
+      J.current = de;
     }
     const Z = useStableQueryArgs(
       j ? skipToken : M,
@@ -42658,15 +42658,15 @@ function buildHooks({
     return m(() => {
       pe && (ee.current = void 0);
     }, [pe]), m(() => {
-      var de;
-      const he = ee.current;
+      var he;
+      const de = ee.current;
       if (typeof process < "u" && process.env.NODE_ENV === "removeMeOnCompilation" && console.log(pe), Z === skipToken) {
-        he == null || he.unsubscribe(), ee.current = void 0;
+        de == null || de.unsubscribe(), ee.current = void 0;
         return;
       }
-      const ve = (de = ee.current) == null ? void 0 : de.subscriptionOptions;
-      if (!he || he.arg !== Z) {
-        he == null || he.unsubscribe();
+      const ve = (he = ee.current) == null ? void 0 : he.subscriptionOptions;
+      if (!de || de.arg !== Z) {
+        de == null || de.unsubscribe();
         const ye = G(U(Z, {
           subscriptionOptions: ae,
           forceRefetch: L,
@@ -42675,7 +42675,7 @@ function buildHooks({
           } : {}
         }));
         ee.current = ye;
-      } else ae !== ve && he.updateSubscriptionOptions(ae);
+      } else ae !== ve && de.updateSubscriptionOptions(ae);
     }, [G, U, L, Z, ae, pe, Q, V]), [ee, G, U, ae];
   }
   function T(V, M) {
@@ -52426,7 +52426,7 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
         /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
         /* @__PURE__ */ jsx("p", { children: "Loading API functions..." })
       ] }) }) });
-    const he = () => {
+    const de = () => {
       !V.trim() || !N || !H || (ae(G.length), ue(V, N, H));
     }, ve = () => {
       const te = {
@@ -52438,7 +52438,7 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
         emailAddress: t,
         body: te
       });
-    }, de = () => {
+    }, he = () => {
       j((oe) => oe.map((be) => be.partner1 !== ASSISTANT_ID && be.partner2 !== ASSISTANT_ID ? be : { ...be, messages: [] })), E();
     };
     return /* @__PURE__ */ jsxs("div", { className: "flex h-[85vh] overflow-hidden", children: [
@@ -52469,7 +52469,7 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
         /* @__PURE__ */ jsx("div", { className: "flex items-center p-4 border-b", children: N[0] == ASSISTANT_ID || N[1] == ASSISTANT_ID ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 flex-shrink-0 rounded-none", children: /* @__PURE__ */ jsx(Bot, { className: "text-primary fill-white min-h-full" }) }),
           /* @__PURE__ */ jsx("div", { className: "ml-3 font-medium", children: "Randmar Assistant" }),
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "ml-auto", onClick: () => de(), children: /* @__PURE__ */ jsx(MessageCircleX, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "ml-auto", onClick: () => he(), children: /* @__PURE__ */ jsx(MessageCircleX, { className: "h-5 w-5" }) }),
           /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "ml-1", confirmationDialog: { title: "Report Issue", content: "This action will send a copy of your chat to Randmar. Send it?", onConfirm: () => ve() }, children: /* @__PURE__ */ jsx(MessageSquareShare, { className: "h-5 w-5" }) })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 flex-shrink-0 rounded-none", children: [
@@ -52500,7 +52500,7 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
                 value: V,
                 onChange: (oe) => M(oe.target.value),
                 onKeyDown: (oe) => {
-                  oe.key !== "Enter" || oe.shiftKey || (oe.preventDefault(), he());
+                  oe.key !== "Enter" || oe.shiftKey || (oe.preventDefault(), de());
                 },
                 className: "flex-1 resize-none"
               }
@@ -52512,7 +52512,7 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
                 variant: "default",
                 className: "ml-2 h-15 w-15",
                 disabled: T !== "",
-                onClick: he,
+                onClick: de,
                 children: /* @__PURE__ */ jsx(Send, { className: "h-6 w-6" })
               }
             )
@@ -53380,7 +53380,7 @@ var __create = Object.create, __getProtoOf = Object.getPrototypeOf, __defProp =
         ++z, K = ne;
       }
     }
-    var he = {
+    var de = {
       ecmaVersion: null,
       sourceType: "script",
       onInsertedSemicolon: null,
@@ -53401,10 +53401,10 @@ var __create = Object.create, __getProtoOf = Object.getPrototypeOf, __defProp =
       directSourceFile: null,
       preserveParens: !1
     }, ve = !1;
-    function de(A) {
+    function he(A) {
       var B = {};
-      for (var z in he)
-        B[z] = A && Z(A, z) ? A[z] : he[z];
+      for (var z in de)
+        B[z] = A && Z(A, z) ? A[z] : de[z];
       if (B.ecmaVersion === "latest" ? B.ecmaVersion = 1e8 : B.ecmaVersion == null ? (!ve && typeof console == "object" && console.warn && (ve = !0, console.warn(`Since Acorn 8.0.0, options.ecmaVersion is required.
 Defaulting to 2020, but this will stop working in the future.`)), B.ecmaVersion = 11) : B.ecmaVersion >= 2015 && (B.ecmaVersion -= 2009), B.allowReserved == null && (B.allowReserved = B.ecmaVersion < 5), (!A || A.allowHashBang == null) && (B.allowHashBang = B.ecmaVersion >= 14), ae(B.onToken)) {
         var K = B.onToken;
@@ -53430,7 +53430,7 @@ Defaulting to 2020, but this will stop working in the future.`)), B.ecmaVersion
       return le | (A ? oe : 0) | (B ? te : 0);
     }
     var ke = 0, Be = 1, Me = 2, Fe = 3, He = 4, Le = 5, Ne = function(B, z, K) {
-      this.options = B = de(B), this.sourceFile = B.sourceFile, this.keywords = Q(m[B.ecmaVersion >= 6 ? 6 : B.sourceType === "module" ? "5module" : 5]);
+      this.options = B = he(B), this.sourceFile = B.sourceFile, this.keywords = Q(m[B.ecmaVersion >= 6 ? 6 : B.sourceType === "module" ? "5module" : 5]);
       var ne = "";
       B.allowReserved !== !0 && (ne = f[B.ecmaVersion >= 6 ? 6 : B.ecmaVersion === 5 ? 5 : 3], B.sourceType === "module" && (ne += " await")), this.reservedWords = Q(ne);
       var me = (ne ? ne + " " : "") + f.strict;
@@ -55630,7 +55630,7 @@ Defaulting to 2020, but this will stop working in the future.`)), B.ecmaVersion
     Ne.acorn = {
       Parser: Ne,
       version: xr,
-      defaultOptions: he,
+      defaultOptions: de,
       Position: ce,
       SourceLocation: ue,
       getLineInfo: pe,
@@ -55657,7 +55657,7 @@ Defaulting to 2020, but this will stop working in the future.`)), B.ecmaVersion
     function Wr(A, B) {
       return Ne.tokenizer(A, B);
     }
-    n.Node = ft, n.Parser = Ne, n.Position = ce, n.SourceLocation = ue, n.TokContext = Ke, n.Token = $t, n.TokenType = C, n.defaultOptions = he, n.getLineInfo = pe, n.isIdentifierChar = E, n.isIdentifierStart = T, n.isNewLine = j, n.keywordTypes = V, n.lineBreak = D, n.lineBreakG = L, n.nonASCIIwhitespace = F, n.parse = Gr, n.parseExpressionAt = zr, n.tokContexts = Ue, n.tokTypes = R, n.tokenizer = Wr, n.version = xr;
+    n.Node = ft, n.Parser = Ne, n.Position = ce, n.SourceLocation = ue, n.TokContext = Ke, n.Token = $t, n.TokenType = C, n.defaultOptions = de, n.getLineInfo = pe, n.isIdentifierChar = E, n.isIdentifierStart = T, n.isNewLine = j, n.keywordTypes = V, n.lineBreak = D, n.lineBreakG = L, n.nonASCIIwhitespace = F, n.parse = Gr, n.parseExpressionAt = zr, n.tokContexts = Ue, n.tokTypes = R, n.tokenizer = Wr, n.version = xr;
   });
 }), require_acorn_jsx = __commonJS((e, t) => {
   var n = require_xhtml(), o = /^[\da-fA-F]+$/, l = /^\d+$/, u = /* @__PURE__ */ new WeakMap();
@@ -58935,38 +58935,123 @@ Dt = new WeakMap(), je = new WeakMap(), Ft = new WeakMap(), qt = new WeakMap(),
   renderUnrecognized: () => null
 });
 var source_default = JsxParser;
-const GetJSXFromAI = async (e, t, n, o = 3) => {
-  const l = "In addition to basic html tags, You have access to these beautiful Handmade Components: Button.", u = "Here is the data to display to the user (If a Handmade Component is a perfect fit for the data, use it. Otherwise, use regular html tags) (You have access to this data object in React via the data variable):", d = "Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.", f = JSON.stringify(n), p = [t, l, d, u, f, d].join(`\r
-`), b = await new GoogleGenAI({ apiKey: e }).chats.create({
-    model: "gemini-2.0-flash-lite"
-  }).sendMessage({ message: p }), _ = trimJSXString(b.text ?? "");
-  return _ || (o == 0 ? "<p>Failed to generate. Reload the page.</p>" : await GetJSXFromAI(e, t, n, o - 1));
+const imgSizeMap = {
+  sm: 100,
+  md: 200,
+  lg: 300,
+  xl: 400
 };
-function trimJSXString(e) {
-  const t = e.indexOf("<"), n = e.lastIndexOf("</");
-  return t === -1 || n === -1 ? "" : e.slice(t, e.indexOf(">", n) + 1);
-}
-function AiGeneratedContent(e) {
-  const [t, n] = useState(""), { apiKey: o } = useApiKey();
-  return useEffect(() => {
-    if (!o || !e.prompt || !e.data) return;
-    n("");
-    let l = !1;
-    return GetJSXFromAI(o, e.prompt, e.data).then((u) => {
-      l || n(u);
-    }), () => {
-      l = !0;
-    };
-  }, [e.prompt, e.data, n, o]), t ? /* @__PURE__ */ jsx(
-    source_default,
-    {
-      bindings: {
-        data: e.data
-      },
-      components: { Button },
-      jsx: t
+function ProductImage({ randmarSKU: e, size: t = "md", alt: n, secondaryContent: o }) {
+  const [l, u] = React.useState(!1), [d, f] = React.useState(!1), [p, m] = React.useState(!1), [g, b] = React.useState(!1), _ = `https://api.randmar.io/Product/${e}/Video`;
+  React.useEffect(() => {
+    (async () => {
+      try {
+        const O = await (await fetch(_ + "/Exists")).json();
+        f(O);
+      } catch (N) {
+        console.error("Error checking for video:", N), f(!1);
+      }
+    })();
+  }, [e, _]);
+  async function S() {
+    if (d) {
+      b(!0);
+      try {
+        const N = await (await fetch(_)).blob(), O = window.URL.createObjectURL(N), V = document.createElement("a");
+        V.href = O, V.download = `${e || "product"}-video.mp4`, document.body.appendChild(V), V.click(), document.body.removeChild(V), window.URL.revokeObjectURL(O);
+      } catch (I) {
+        console.error("Error downloading video:", I);
+      } finally {
+        b(!1);
+      }
     }
-  ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-32", children: /* @__PURE__ */ jsx(Bot, { className: "m-auto align-middle h-full" }) }) });
+  }
+  function T() {
+    navigator.clipboard.writeText(_), m(!0), setTimeout(() => {
+      m(!1);
+    }, 2e3);
+  }
+  function E() {
+    u(!0);
+  }
+  const C = imgSizeMap[t || "xl"];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dialog, { open: l, onOpenChange: u, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-4xl p-0 overflow-hidden", children: o ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsxs(
+        "video",
+        {
+          className: "w-full rounded-l-lg max-h-[720px] object-contain",
+          controls: !0,
+          autoPlay: !0,
+          muted: !0,
+          loop: !0,
+          children: [
+            /* @__PURE__ */ jsx("source", { src: _, type: "video/mp4" }),
+            "Your browser does not support the video tag."
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex-grow min-w-[400px] h-[70vh] p-6", children: o })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full relative", children: [
+      /* @__PURE__ */ jsxs("video", { className: "w-full max-h-[720px] object-contain", controls: !0, autoPlay: !0, children: [
+        /* @__PURE__ */ jsx("source", { src: _, type: "video/mp4" }),
+        "Your browser does not support the video tag."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-12 flex gap-1", children: [
+        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              onClick: T,
+              children: p ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Copy video link" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              onClick: S,
+              disabled: g,
+              children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Download video" }) })
+        ] }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative w-max h-max", children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt: n || `Product ${e}`,
+          className: `rounded-md ${d ? "cursor-pointer" : ""}`,
+          onClick: d ? E : void 0,
+          src: `https://api.randmar.io/Product/${e}/Image?width=${C * 1.5}&height=${C * 1.5}`,
+          width: C,
+          height: C
+        }
+      ),
+      d && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "icon",
+            className: "absolute top-2 right-2",
+            onClick: E,
+            children: /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Play video" }) })
+      ] }) })
+    ] })
+  ] });
 }
 const CountryFlag = ({ countryCode: e, className: t = "" }) => {
   const [n, o] = useState(null), [l, u] = useState(!1);
@@ -58988,150 +59073,671 @@ const CountryFlag = ({ countryCode: e, className: t = "" }) => {
     }
   );
 };
-function GeneralDocumentCard({ document: e, loading: t = !1 }) {
-  return t ? /* @__PURE__ */ jsx("div", { children: "loading..." }) : /* @__PURE__ */ jsxs("div", { children: [
-    "GENERAL DOCUMENT CARD - ",
-    e == null ? void 0 : e.OrderNumber,
-    " for P.O. ",
-    e == null ? void 0 : e.PONumber
-  ] });
-}
-const Navbar = forwardRef(
-  ({ routes: e, footer: t, dashboardTitle: n, withRandmarAssistant: o, chatUserName: l, chatApiKey: u }, d) => {
-    const { appID: f } = useParams(), p = e.filter((_) => _.showInNav), m = useRef(null), g = useRef(null), b = useRef(null);
-    return useImperativeHandle(d, () => ({
-      setActiveChatAndSendMessage: (_, S) => {
-        var T;
-        return (T = b.current) == null || T.click(), setTimeout(() => {
-          var E;
-          (E = m.current) == null || E.focus(), g.current && g.current.setActiveChatAndSendMessage(_, S);
-        }, 100), !0;
-      }
-    })), /* @__PURE__ */ jsxs(Sidebar, { className: "border-r border-sidebar-border", children: [
-      /* @__PURE__ */ jsx(SidebarHeader, { className: "border-b border-sidebar-border px-6 h-16 justify-center bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: "https://api.randmar.io/images/RandmarIcon.svg",
-            alt: "Randmar Icon",
-            className: "h-4 w-4 filter brightness-0 saturate-100 invert"
+function ProductCard({
+  item: e,
+  addToCart: t = !1,
+  syncToShopify: n = !1,
+  customAction: o = /* @__PURE__ */ jsx(Fragment, {}),
+  defaultOpportunityNumber: l = "",
+  viewProductLink: u,
+  addToCartAction: d,
+  isAddToCartActionLoading: f = !1,
+  syncToShopifyAction: p,
+  isSyncToShopifyActionLoading: m = !1
+}) {
+  var Q, ee, ie, ce, ue, pe, de, ve, he, ye, fe;
+  const [g, b] = useState(1), [_, S] = useState(null), [T, E] = useState(0), [C, I] = useState(!1), N = ((Q = e == null ? void 0 : e.Distribution) == null ? void 0 : Q.Cost) || 0, O = ((ee = e == null ? void 0 : e.Distribution) == null ? void 0 : ee.RegularPrice) || 0, V = ((ie = e == null ? void 0 : e.Distribution) == null ? void 0 : ie.Price) || 0;
+  useEffect(() => {
+    b(1), S(null), E(0), I(!1);
+  }, [e == null ? void 0 : e.RandmarSKU]);
+  const [M, R] = useState(null), [D, L] = useState(!1);
+  useEffect(() => {
+    const le = async () => {
+      if (e != null && e.ManufacturerId) {
+        L(!0);
+        try {
+          const oe = await fetch(
+            `https://api.randmar.io/V4/Partner/${e.ManufacturerId}/Account/Logo?width=60&height=40`
+          );
+          if (oe.ok) {
+            const te = await oe.blob();
+            R(URL.createObjectURL(te));
           }
-        ) }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: n })
-      ] }) }),
-      /* @__PURE__ */ jsx(SidebarContent, { className: "py-4 bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsx(SidebarMenu, { children: p.map((_) => {
-        const S = _.icon, T = `/${_.path.replace(":appID", f ?? "")}`;
-        return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: T, className: "transition-colors hover:bg-muted px-6", children: [
-          S && /* @__PURE__ */ jsx(S, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { children: _.label })
-        ] }) }) }, _.key);
-      }) }) }),
-      /* @__PURE__ */ jsxs(SidebarFooter, { className: "border-t border-sidebar-border p-4 bg-sidebar-background text-sidebar-foreground", children: [
-        o === !0 && /* @__PURE__ */ jsxs(Dialog, { children: [
-          /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
-            Button,
+        } catch (oe) {
+          console.error("Failed to load logo:", oe);
+        } finally {
+          L(!1);
+        }
+      }
+    };
+    e != null && e.ManufacturerId && le();
+  }, [e == null ? void 0 : e.ManufacturerId]), useEffect(() => {
+    var le;
+    if (e && l) {
+      const oe = (le = e.Opportunities) == null ? void 0 : le.find((te) => te.BidNumber == l);
+      oe && S(oe);
+    }
+  }, [e, l]), useEffect(() => {
+    if (!e) return;
+    const le = _ != null && _.Price ? _.Price : V;
+    E(O > 0 ? Math.round((O - le) / O * 100) : 0);
+  }, [e, _, V, O]), useEffect(() => {
+    f || b(1);
+  }, [f]);
+  const j = (le) => {
+    if (le.Active !== !0) return !1;
+    const oe = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+    return !(le.EndDate && le.EndDate.split("T")[0] < oe || le.StartDate && le.StartDate.split("T")[0] > oe);
+  };
+  if (!e)
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-3/4" }),
+        /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-28 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-6 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "w-60 h-40", children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full rounded-lg" }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-3" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-md" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32 rounded-md" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 mt-4" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1 mb-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 flex-1 rounded-md" })
+        ] })
+      ] })
+    ] }) });
+  const q = (e == null ? void 0 : e.Opportunities) || [], F = q.length > 0, H = () => {
+    if (g == null) {
+      b(1);
+      return;
+    }
+    g > 1 && b(g - 1);
+  }, U = () => {
+    if (g == null) {
+      b(1);
+      return;
+    }
+    b(g + 1);
+  }, G = (le) => {
+    const oe = parseInt(le.target.value, 10);
+    if (!isNaN(oe) && oe > 0) {
+      b(oe);
+      return;
+    }
+    b(void 0);
+  }, J = () => {
+    (g == null || g < 1) && b(1);
+  }, Z = ((ue = (ce = e.Distribution) == null ? void 0 : ce.Inventory) == null ? void 0 : ue.reduce((le, oe) => le + (oe.AvailableQuantity || 0), 0)) || 0, ae = (le) => {
+    try {
+      return new Date(le).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+    } catch (oe) {
+      return console.error(oe), le.split("T")[0] || "N/A";
+    }
+  }, W = () => {
+    d && d({ quantity: g ?? 1, bidNumber: (_ == null ? void 0 : _.BidNumber) ?? null });
+  };
+  return /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-xl", children: e.Title || e.RandmarTitle }),
+      /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: D ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) : M && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: M,
+          alt: e.ManufacturerName ?? "",
+          className: "max-h-10 max-w-24 object-contain"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
+          e.State && /* @__PURE__ */ jsxs(
+            Badge,
             {
-              ref: b,
-              size: "lg",
-              className: "collapse md:visible",
-              onClick: () => setTimeout(() => {
-                var _;
-                return (_ = m.current) == null ? void 0 : _.focus();
-              }, 50),
+              variant: "outline",
+              className: `rounded-full px-3 ${e.State === "Active" ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
               children: [
-                /* @__PURE__ */ jsx(Bot, {}),
-                "Assistant"
+                /* @__PURE__ */ jsx(Check, { size: "12", className: "mr-1.5" }),
+                " ",
+                e.State
               ]
             }
-          ) }),
-          /* @__PURE__ */ jsx(DialogContent, { className: "max-w-[85vw] p-0 data-[state=open]:visible data-[state=closed]:invisible", forceMount: !0, animateExit: !1, children: /* @__PURE__ */ jsx(ChatLayout, { ref: g, inputRef: m, userId: f ?? "2", userName: l ?? "Unknown user", apiKey: u ?? "" }) })
+          ),
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${e.SerialNumber ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-yellow-50 text-yellow-700 hover:bg-yellow-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(QrCode, { size: "12", className: "mr-1.5" }),
+                " ",
+                e.SerialNumber ? "Serialized" : "Unserialized"
+              ]
+            }
+          ),
+          e.TransparencyCode && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-full px-3 bg-green-50 text-green-700 hover:bg-green-50", children: [
+            /* @__PURE__ */ jsx(CircleDashed, { size: "12", className: "mr-1.5" }),
+            " Transparency Code"
+          ] }),
+          e.AvailableToBuy !== void 0 && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${e.AvailableToBuy ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(ShoppingCart, { size: "12", className: "mr-1.5" }),
+                " ",
+                e.AvailableToBuy ? "Available" : "Unavailable"
+              ]
+            }
+          ),
+          e.ManufacturerCategory !== void 0 && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${(pe = e.ManufacturerCategory) != null && pe.QualificationRequired ? "bg-blue-50 text-blue-700 hover:bg-blue-50" : "bg-neutral-50 text-neutral-700 hover:bg-neutral-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(ShieldCheck, { size: "12", className: "mr-1.5" }),
+                " ",
+                (de = e.ManufacturerCategory) != null && de.QualificationRequired ? "Qualified Only" : "Available to all"
+              ]
+            }
+          ),
+          e.ManufacturerId && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${e.AutoUpdate ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(RefreshCw, { size: "12", className: "mr-1.5" }),
+                " ",
+                e.AutoUpdate ? `Automatic Reorder (${e.MasterCarton})` : "Manually Reorders"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${e.BodyHTML && e.Title && e.MAP ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(Store, { size: "12", className: "mr-1.5" }),
+                " ",
+                e.BodyHTML && e.Title && e.MAP ? "Shopify Ready" : "Not Shopify Ready"
+              ]
+            }
+          )
         ] }),
-        t
-      ] })
-    ] });
-  }
-), Layout = forwardRef(({
-  children: e,
-  rightMenu: t,
-  routes: n,
-  footer: o,
-  handleValidSearch: l,
-  dashboardTitle: u,
-  onSignOut: d,
-  searchPlaceholder: f,
-  withRandmarAssistant: p,
-  chatUserName: m,
-  chatApiKey: g,
-  chatRef: b
-}, _) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "flex grow", children: [
-  /* @__PURE__ */ jsx(
-    Navbar,
-    {
-      routes: n,
-      footer: o,
-      dashboardTitle: u,
-      withRandmarAssistant: p,
-      chatUserName: m,
-      chatApiKey: g,
-      ref: b
-    }
-  ),
-  /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx(
-      Topbar,
-      {
-        ref: _,
-        onSignOut: d,
-        rightMenu: t,
-        handleValidSearch: l,
-        searchPlaceholder: f
-      }
-    ),
-    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto mt-16", children: e }),
-    /* @__PURE__ */ jsx(Toaster, {})
-  ] })
-] }) }) }));
-Layout.displayName = "Layout";
-function usePrevious(e) {
-  const t = React.useRef({ value: e, previous: e });
-  return React.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
-}
-var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"], SELECTION_KEYS = [" ", "Enter"], SELECT_NAME = "Select", [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME), [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [
-  createCollectionScope,
-  createPopperScope
-]), usePopperScope = createPopperScope(), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME), Select$1 = (e) => {
-  const {
-    __scopeSelect: t,
-    children: n,
-    open: o,
-    defaultOpen: l,
-    onOpenChange: u,
-    value: d,
-    defaultValue: f,
-    onValueChange: p,
-    dir: m,
-    name: g,
-    autoComplete: b,
-    disabled: _,
-    required: S,
-    form: T
-  } = e, E = usePopperScope(t), [C, I] = React.useState(null), [N, O] = React.useState(null), [V, M] = React.useState(!1), R = useDirection(m), [D, L] = useControllableState({
-    prop: o,
-    defaultProp: l ?? !1,
-    onChange: u,
-    caller: SELECT_NAME
-  }), [j, q] = useControllableState({
-    prop: d,
-    defaultProp: f,
-    onChange: p,
-    caller: SELECT_NAME
-  }), F = React.useRef(null), H = C ? T || !!C.closest("form") : !0, [U, G] = React.useState(/* @__PURE__ */ new Set()), J = Array.from(U).map((Z) => Z.props.value).join(";");
-  return /* @__PURE__ */ jsx(Root2$4, { ...E, children: /* @__PURE__ */ jsxs(
-    SelectProvider,
-    {
-      required: S,
-      scope: t,
-      trigger: C,
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-4 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MPN" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.MPN || "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "UPC" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.UPC || "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Unit Weight" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.UnitWeight ? `${e.UnitWeight} lbs` : "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MAP" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.MAP ? "$" + e.MAP.toFixed(2) : "N/A" })
+          ] }),
+          e.CountryCodeOfOrigin && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Origin" }),
+            /* @__PURE__ */ jsxs("div", { className: "font-medium flex items-center", children: [
+              /* @__PURE__ */ jsx(
+                CountryFlag,
+                {
+                  countryCode: e.CountryCodeOfOrigin,
+                  className: "mr-2"
+                }
+              ),
+              e.CountryCodeOfOrigin
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx(ProductImage, { randmarSKU: e.RandmarSKU || "", alt: e.RandmarTitle || "" }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: F && e.Distribution && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center", children: "You have " + q.length + (q.length > 1 ? " opportunities" : " opportunity") + " for this product:" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto p-2 mt-1", children: q.map((le, oe) => {
+          var te;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-purple-100 border border-muted
+                        ${le.BidNumber == (_ == null ? void 0 : _.BidNumber) ? "cursor-pointer border-2 border-purple-900" : j(le) ? "hover:bg-purple-200 cursor-pointer" : "!bg-neutral-50"}
+                        `,
+              onClick: () => {
+                j(le) && S(
+                  le.BidNumber != (_ == null ? void 0 : _.BidNumber) ? le : null
+                );
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: le.Opportunity }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-900", children: [
+                    le.BidNumber,
+                    " ",
+                    !j(le) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs mx-1 h-5 bg-gray-100", children: "Currently unavailable" })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+                    "$",
+                    (te = le.Price) == null ? void 0 : te.toFixed(2)
+                  ] }),
+                  le.Rebate && le.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
+                    "Rebate: $",
+                    le.Rebate.toFixed(2)
+                  ] }),
+                  le.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-600", children: [
+                    "Ends: ",
+                    ae(le.EndDate)
+                  ] })
+                ] })
+              ]
+            },
+            oe
+          );
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        u && /* @__PURE__ */ jsx(Link, { to: u, children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
+          /* @__PURE__ */ jsx(Eye, { className: "mr-2" }),
+          "View Product"
+        ] }) }),
+        ((ve = e.Distribution) == null ? void 0 : ve.Inventory) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Dialog, { open: C, onOpenChange: I, children: [
+          /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              className: `flex items-center text-sm ${Z > 0 ? "text-green-700" : "text-red-700"}`,
+              children: [
+                /* @__PURE__ */ jsx(Warehouse, { size: "16", className: "mr-2" }),
+                Z > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  Z,
+                  " in stock"
+                ] }) : /* @__PURE__ */ jsx(Fragment, { children: "Out of stock" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl", children: [
+            /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(Warehouse, { className: "mr-2", size: 18 }),
+              "Inventory Information"
+            ] }) }),
+            /* @__PURE__ */ jsx(ProductInventoryGrid, { inventory: e.Distribution.Inventory })
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    e.Distribution && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mt-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 flex flex-col items-start gap-1", children: N > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx("span", { children: "Cost: $" }),
+        N.toFixed(2),
+        /* @__PURE__ */ jsx("span", { children: " CAD" })
+      ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
+            /* @__PURE__ */ jsx("span", { children: "$" }),
+            _ ? (ye = (he = e.Opportunities) == null ? void 0 : he.find((le) => le.BidNumber == _.BidNumber)) == null ? void 0 : ye.Price : V.toFixed(2),
+            /* @__PURE__ */ jsx("span", { children: " CAD" })
+          ] }),
+          T > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground line-through ml-2 whitespace-nowrap", children: [
+            "$",
+            O.toFixed(2)
+          ] })
+        ] }),
+        T > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "bg-red-50 text-red-700 rounded-full px-3 whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            T,
+            "% OFF"
+          ] }),
+          ((fe = e.InstantRebate) == null ? void 0 : fe.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
+            " Ends ",
+            e.InstantRebate.EndDate.split("T")[0]
+          ] }),
+          (_ == null ? void 0 : _.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
+            " Ends ",
+            _.EndDate.split("T")[0]
+          ] })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 gap-2 ml-4", children: [
+        typeof t < "u" && t && /* @__PURE__ */ jsxs("div", { className: "flex items-center border rounded-md", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "rounded-r-none",
+              onClick: H,
+              disabled: typeof g < "u" && (g <= 1 || !e.AvailableToBuy || f || !d),
+              children: "-"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: g,
+              onChange: G,
+              onBlur: J,
+              onClick: (le) => le.currentTarget.select(),
+              className: `w-12 text-center border-0 focus:ring-0 focus:outline-none ${!e.AvailableToBuy || f || !d ? "text-gray-400" : ""}`,
+              disabled: !e.AvailableToBuy || f || !d
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "rounded-l-none",
+              onClick: U,
+              disabled: !e.AvailableToBuy || f || !d,
+              children: "+"
+            }
+          )
+        ] }),
+        typeof t < "u" && t && /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "gap-2 whitespace-nowrap",
+            onClick: W,
+            disabled: !e.AvailableToBuy || f || !d,
+            children: f ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
+              "Adding..."
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
+              "Add to Cart"
+            ] })
+          }
+        ),
+        n && /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "gap-2 whitespace-nowrap bg-green-600 hover:bg-green-700",
+            onClick: p,
+            disabled: m || !p,
+            children: m ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
+              "Syncing..."
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
+              "Sync to Shopify"
+            ] })
+          }
+        ),
+        o
+      ] })
+    ] })
+  ] }) });
+}
+const complexComponents = [
+  `----
+  PartnerCard: For data that fits this shape:
+  { "ApplicationId": "19022", "PublicName": "BiOSS", "VoiceName": null, "VoiceStyle": null, "About": "example", "SceneName": "Kitchen Counter", "IsReseller": true, "IsManufacturer": true, "IsSalesAgency": false, "Socials": [ { "ApplicationId": "19022", "SocialNetwork": "Facebook", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "Instagram", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "LinkedIn", "Tag": "@biossinc" }, { "ApplicationId": "19022", "SocialNetwork": "Youtube", "Tag": "@biosssolutionssanitairessa4095" } ], "Manufacturer": null, "Reseller": null }
+  Use <PartnerCard account={data}>`,
+  `----
+  ManufacturerCard: For data that fits this shape:
+  { "ManufacturerId": "19022", "Website": "https://www.example.ca", "PublicName": "BiOSS", "LastUpdatedDate": 20241217, "AutoReorderDate": -1, "AutoUpdate": false, "PublicEmail": "example@example.ca", "DefaultWeeksOfStocking": 4, "Tags": "Health & Cleaning", "CreationDate": 20220127, "PartnerPortal": "", "PartnerRegistrationLink": "", "About": "example...", "OpenToWork": false, "PublicResourcesLink": "https://drive.google.com/drive/folders/example", "CurrencyCode": "CAD", "YoutubePlaylist": "null" }
+  Use <ManufacturerCard manufacturer={data}>`,
+  `----
+  ResellerCard: For data that fits this shape:
+  { "ResellerId": "Y8IUSIHNG", "Name": "Montmorency", "OnHold": 0, "Address1": "475 Bd De L'avenir", "Address2": "", "PublicName": "Mccormick Casey LLCC", "City": "Laval", "Province": "QC", "PostalCode": "H7N 5H9", "Country": "CA", "PriceProfile": 3, "Language": "ENG", "Website": "", "Terms": "STRIPE", "DefaultWarehouse": "MTL", "Domain": "", "AREmail": "", "POEmail": "", "ShippingProfile": "E", "ShipVia": "", "ShipViaDescription": "", "Phone": "", "Priority": "Starter", "AllowSystemIntegration": 1, "CreditLimit": 1000.000, "PriceList": "DEF", "ContactName": "", "CreationDate": 20250310.0, "LastInvoiceDate": 0.0, "PublicEmail": "", "CurrencyCode": "CAD", "AllowBackorderQuantities": true, "AllowPartialShipments": true, "FiscalYearMonthStart": 1, "About": "", "Qualifications": [], "SalesData": null }
+  Use <ResellerCard reseller={data}>`,
+  `----
+  Sometimes, manufacturer and reseller data can be embed into a partner object: For example, for data that fits this shape:
+  { "ApplicationId": "19022", "PublicName": "BiOSS", "VoiceName": null, "VoiceStyle": null, "About": "example", "SceneName": "Kitchen Counter", "IsReseller": true, "IsManufacturer": true, "IsSalesAgency": false, "Socials": [ { "ApplicationId": "19022", "SocialNetwork": "Facebook", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "Instagram", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "LinkedIn", "Tag": "@biossinc" }, { "ApplicationId": "19022", "SocialNetwork": "Youtube", "Tag": "@biosssolutionssanitairessa4095" } ], "Manufacturer": { "ManufacturerId": "19022", "Website": "https://www.example.ca", "PublicName": "BiOSS", "LastUpdatedDate": 20241217, "AutoReorderDate": -1, "AutoUpdate": false, "PublicEmail": "example@example.ca", "DefaultWeeksOfStocking": 4, "Tags": "Health & Cleaning", "CreationDate": 20220127, "PartnerPortal": "", "PartnerRegistrationLink": "", "About": "example...", "OpenToWork": false, "PublicResourcesLink": "https://drive.google.com/drive/folders/example", "CurrencyCode": "CAD", "YoutubePlaylist": "null" }, "Reseller": null }
+  Use both <PartnerCard account={data}> and <ManufacturerCard manufacturer={data.Manufacturer}>`,
+  `----
+  ProductCard, for data that fits this shape:
+  { "RandmarSKU": "3007864", "RandmarTitle": "CTTN450 COMPATIBLE TN450 TONER", "Category": "CT", "UnitWeight": 1.5500, "UPC": "628277000035", "ManufacturerName": "Balloon Brand", "ProductType": "Toners", "AutoUpdate": 1, "CreatedBy": "", "LastMaintainedDate": 20190314.0, "Title": "CTTN450 COMPATIBLE TN450 TONER", "BodyHTML": "<p>CTTN450 COMPATIBLE TN450 TONER</p>", "MAP": 17.5500, "ManufacturerId": "90200", "State": "Active", "MPN": "CTTN450", "MasterCarton": 12, "SkidQuantity": null, "SerialNumber": true, "OpportunityOnly": false, "VoiceoverCaption": "example...", "SceneName": "Top of Clouds", "Require3DScan": false, "TransparencyCode": false, "CountryCodeOfOrigin": null, "UnitLength": null, "UnitWidth": null, "UnitHeight": null, "Distribution": { "Price": 14.29, "RegularPrice": 14.29, "MAP": 17.55, "Currency": "CAD", "ExchangeRate": 1.000000000, "Inventory": [ { "RandmarSKU": "3007864", "WarehouseId": "EDM", "WarehouseType": "Fulfillment Center", "Name": "Randmar Edmonton", "City": "Edmonton", "Province": "AB", "Country": "CA", "AvailableQuantity": 7, "PurchaseOrderQuantity": 0, "BinLocation": "" }, { "RandmarSKU": "3007864", "WarehouseId": "MTL", "WarehouseType": "Fulfillment Center", "Name": "Randmar Montreal", "City": "Pierrefonds", "Province": "QC", "Country": "CA", "AvailableQuantity": 45, "PurchaseOrderQuantity": 0, "BinLocation": "C3EB" }, { "RandmarSKU": "3007864", "WarehouseId": "TOR", "WarehouseType": "Fulfillment Center", "Name": "Randmar Toronto", "City": "Mississauga", "Province": "ON", "Country": "CA", "AvailableQuantity": 15, "PurchaseOrderQuantity": 0, "BinLocation": "A6A" }, { "RandmarSKU": "3007864", "WarehouseId": "VAN", "WarehouseType": "Fulfillment Center", "Name": "Randmar Vancouver", "City": "Richmond", "Province": "BC", "Country": "CA", "AvailableQuantity": 8, "PurchaseOrderQuantity": 0, "BinLocation": "" } ] }, "ManufacturerCategory": { "ManufacturerId": "90200", "CategoryCode": "CT", "CategoryName": "Toners", "Starred": false, "AutoReorder": true, "QualificationRequired": false, "Niche": "Print" }, "InstantRebate": null, "Opportunities": null, "AvailableToBuy": true }
+  Use <ProductCard item={data}>`
+], basicComponents = [
+  "<Card> <CardHeader> <CardTitle>...</CardTitle> <CardDescription>...</CardDescription> </CardHeader> <CardContent> ... </CardContent> </Card>",
+  "<Badge>...</Badge>",
+  '<Tabs defaultValue="eg1"> <TabsList> <TabsTrigger value="eg1">Example1</TabsTrigger> <TabsTrigger value="eg2">Example2</TabsTrigger> </TabsList> <TabsContent value="eg1"> ... </TabsContent> <TabsContent value="eg2"> ... </TabsContent> </Tabs>',
+  "<ScrollArea>...</ScrollArea>",
+  "<ScrollArea orientation='horizontal'>...</ScrollArea>"
+], GetJSXFromAI = async (e, t, n, o = 3) => {
+  const l = "In addition to basic html tags, You have access to these beautiful Handmade Components:", u = "You also have access to these few Shadcn UI components:", d = "Here is the data to display to the user (If a Handmade Component is a good fit for the data, use it. Otherwise, use regular html tags) (You have access to this data object in React via the data variable):", f = "Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.", p = JSON.stringify(n), m = [t, l, ...complexComponents, u, ...basicComponents, f, d, p, f].join(`\r
+`), _ = await new GoogleGenAI({ apiKey: e }).chats.create({
+    model: "gemini-2.0-flash-lite"
+  }).sendMessage({ message: m }), S = trimJSXString(_.text ?? "");
+  return S || (o == 0 ? "<p>Failed to generate. Reload the page.</p>" : await GetJSXFromAI(e, t, n, o - 1));
+};
+function trimJSXString(e) {
+  const t = e.indexOf("<"), n = e.lastIndexOf("</");
+  return t === -1 || n === -1 ? "" : e.slice(t, e.indexOf(">", n) + 1);
+}
+function AiGeneratedContent(e) {
+  const [t, n] = useState(""), { apiKey: o } = useApiKey();
+  return useEffect(() => {
+    if (!o || !e.prompt || !e.data) return;
+    n("");
+    let l = !1;
+    return GetJSXFromAI(o, e.prompt, e.data).then((u) => {
+      l || n(u);
+    }), () => {
+      l = !0;
+    };
+  }, [e.prompt, e.data, n, o]), t ? /* @__PURE__ */ jsx(
+    source_default,
+    {
+      bindings: {
+        data: e.data
+      },
+      components: {
+        ResellerCard,
+        ManufacturerCard,
+        PartnerCard,
+        ProductCard,
+        Card,
+        CardHeader,
+        CardTitle,
+        CardContent,
+        CardDescription,
+        Badge,
+        Tabs,
+        TabsList,
+        TabsContent,
+        TabsTrigger,
+        ScrollArea
+      },
+      jsx: t
+    }
+  ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-32", children: /* @__PURE__ */ jsx(Bot, { className: "m-auto align-middle h-full" }) }) });
+}
+function GeneralDocumentCard({ document: e, loading: t = !1 }) {
+  return t ? /* @__PURE__ */ jsx("div", { children: "loading..." }) : /* @__PURE__ */ jsxs("div", { children: [
+    "GENERAL DOCUMENT CARD - ",
+    e == null ? void 0 : e.OrderNumber,
+    " for P.O. ",
+    e == null ? void 0 : e.PONumber
+  ] });
+}
+const Navbar = forwardRef(
+  ({ routes: e, footer: t, dashboardTitle: n, withRandmarAssistant: o, chatUserName: l, chatApiKey: u }, d) => {
+    const { appID: f } = useParams(), p = e.filter((_) => _.showInNav), m = useRef(null), g = useRef(null), b = useRef(null);
+    return useImperativeHandle(d, () => ({
+      setActiveChatAndSendMessage: (_, S) => {
+        var T;
+        return (T = b.current) == null || T.click(), setTimeout(() => {
+          var E;
+          (E = m.current) == null || E.focus(), g.current && g.current.setActiveChatAndSendMessage(_, S);
+        }, 100), !0;
+      }
+    })), /* @__PURE__ */ jsxs(Sidebar, { className: "border-r border-sidebar-border", children: [
+      /* @__PURE__ */ jsx(SidebarHeader, { className: "border-b border-sidebar-border px-6 h-16 justify-center bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "https://api.randmar.io/images/RandmarIcon.svg",
+            alt: "Randmar Icon",
+            className: "h-4 w-4 filter brightness-0 saturate-100 invert"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: n })
+      ] }) }),
+      /* @__PURE__ */ jsx(SidebarContent, { className: "py-4 bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsx(SidebarMenu, { children: p.map((_) => {
+        const S = _.icon, T = `/${_.path.replace(":appID", f ?? "")}`;
+        return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: T, className: "transition-colors hover:bg-muted px-6", children: [
+          S && /* @__PURE__ */ jsx(S, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: _.label })
+        ] }) }) }, _.key);
+      }) }) }),
+      /* @__PURE__ */ jsxs(SidebarFooter, { className: "border-t border-sidebar-border p-4 bg-sidebar-background text-sidebar-foreground", children: [
+        o === !0 && /* @__PURE__ */ jsxs(Dialog, { children: [
+          /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              ref: b,
+              size: "lg",
+              className: "collapse md:visible",
+              onClick: () => setTimeout(() => {
+                var _;
+                return (_ = m.current) == null ? void 0 : _.focus();
+              }, 50),
+              children: [
+                /* @__PURE__ */ jsx(Bot, {}),
+                "Assistant"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(DialogContent, { className: "max-w-[85vw] p-0 data-[state=open]:visible data-[state=closed]:invisible", forceMount: !0, animateExit: !1, children: /* @__PURE__ */ jsx(ChatLayout, { ref: g, inputRef: m, userId: f ?? "2", userName: l ?? "Unknown user", apiKey: u ?? "" }) })
+        ] }),
+        t
+      ] })
+    ] });
+  }
+), Layout = forwardRef(({
+  children: e,
+  rightMenu: t,
+  routes: n,
+  footer: o,
+  handleValidSearch: l,
+  dashboardTitle: u,
+  onSignOut: d,
+  searchPlaceholder: f,
+  withRandmarAssistant: p,
+  chatUserName: m,
+  chatApiKey: g,
+  chatRef: b
+}, _) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "flex grow", children: [
+  /* @__PURE__ */ jsx(
+    Navbar,
+    {
+      routes: n,
+      footer: o,
+      dashboardTitle: u,
+      withRandmarAssistant: p,
+      chatUserName: m,
+      chatApiKey: g,
+      ref: b
+    }
+  ),
+  /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      Topbar,
+      {
+        ref: _,
+        onSignOut: d,
+        rightMenu: t,
+        handleValidSearch: l,
+        searchPlaceholder: f
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto mt-16", children: e }),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] })
+] }) }) }));
+Layout.displayName = "Layout";
+function usePrevious(e) {
+  const t = React.useRef({ value: e, previous: e });
+  return React.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"], SELECTION_KEYS = [" ", "Enter"], SELECT_NAME = "Select", [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME), [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [
+  createCollectionScope,
+  createPopperScope
+]), usePopperScope = createPopperScope(), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME), Select$1 = (e) => {
+  const {
+    __scopeSelect: t,
+    children: n,
+    open: o,
+    defaultOpen: l,
+    onOpenChange: u,
+    value: d,
+    defaultValue: f,
+    onValueChange: p,
+    dir: m,
+    name: g,
+    autoComplete: b,
+    disabled: _,
+    required: S,
+    form: T
+  } = e, E = usePopperScope(t), [C, I] = React.useState(null), [N, O] = React.useState(null), [V, M] = React.useState(!1), R = useDirection(m), [D, L] = useControllableState({
+    prop: o,
+    defaultProp: l ?? !1,
+    onChange: u,
+    caller: SELECT_NAME
+  }), [j, q] = useControllableState({
+    prop: d,
+    defaultProp: f,
+    onChange: p,
+    caller: SELECT_NAME
+  }), F = React.useRef(null), H = C ? T || !!C.closest("form") : !0, [U, G] = React.useState(/* @__PURE__ */ new Set()), J = Array.from(U).map((Z) => Z.props.value).join(";");
+  return /* @__PURE__ */ jsx(Root2$4, { ...E, children: /* @__PURE__ */ jsxs(
+    SelectProvider,
+    {
+      required: S,
+      scope: t,
+      trigger: C,
       onTriggerChange: I,
       valueNode: N,
       onValueNodeChange: O,
@@ -59294,16 +59900,16 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
       avoidCollisions: C,
       //
       ...I
-    } = e, N = useSelectContext(CONTENT_NAME, n), [O, V] = React.useState(null), [M, R] = React.useState(null), D = useComposedRefs(t, (de) => V(de)), [L, j] = React.useState(null), [q, F] = React.useState(
+    } = e, N = useSelectContext(CONTENT_NAME, n), [O, V] = React.useState(null), [M, R] = React.useState(null), D = useComposedRefs(t, (he) => V(he)), [L, j] = React.useState(null), [q, F] = React.useState(
       null
     ), H = useCollection(n), [U, G] = React.useState(!1), J = React.useRef(!1);
     React.useEffect(() => {
       if (O) return hideOthers(O);
     }, [O]), useFocusGuards();
     const Z = React.useCallback(
-      (de) => {
+      (he) => {
         const [ye, ...fe] = H().map((te) => te.ref.current), [le] = fe.slice(-1), oe = document.activeElement;
-        for (const te of de)
+        for (const te of he)
           if (te === oe || (te == null || te.scrollIntoView({ block: "nearest" }), te === ye && M && (M.scrollTop = 0), te === le && M && (M.scrollTop = M.scrollHeight), te == null || te.focus(), document.activeElement !== oe)) return;
       },
       [H, M]
@@ -59317,42 +59923,42 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     const { onOpenChange: W, triggerPointerDownPosRef: Q } = N;
     React.useEffect(() => {
       if (O) {
-        let de = { x: 0, y: 0 };
+        let he = { x: 0, y: 0 };
         const ye = (le) => {
           var oe, te;
-          de = {
+          he = {
             x: Math.abs(Math.round(le.pageX) - (((oe = Q.current) == null ? void 0 : oe.x) ?? 0)),
             y: Math.abs(Math.round(le.pageY) - (((te = Q.current) == null ? void 0 : te.y) ?? 0))
           };
         }, fe = (le) => {
-          de.x <= 10 && de.y <= 10 ? le.preventDefault() : O.contains(le.target) || W(!1), document.removeEventListener("pointermove", ye), Q.current = null;
+          he.x <= 10 && he.y <= 10 ? le.preventDefault() : O.contains(le.target) || W(!1), document.removeEventListener("pointermove", ye), Q.current = null;
         };
         return Q.current !== null && (document.addEventListener("pointermove", ye), document.addEventListener("pointerup", fe, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", ye), document.removeEventListener("pointerup", fe, { capture: !0 });
         };
       }
     }, [O, W, Q]), React.useEffect(() => {
-      const de = () => W(!1);
-      return window.addEventListener("blur", de), window.addEventListener("resize", de), () => {
-        window.removeEventListener("blur", de), window.removeEventListener("resize", de);
+      const he = () => W(!1);
+      return window.addEventListener("blur", he), window.addEventListener("resize", he), () => {
+        window.removeEventListener("blur", he), window.removeEventListener("resize", he);
       };
     }, [W]);
-    const [ee, ie] = useTypeaheadSearch((de) => {
-      const ye = H().filter((oe) => !oe.disabled), fe = ye.find((oe) => oe.ref.current === document.activeElement), le = findNextItem(ye, de, fe);
+    const [ee, ie] = useTypeaheadSearch((he) => {
+      const ye = H().filter((oe) => !oe.disabled), fe = ye.find((oe) => oe.ref.current === document.activeElement), le = findNextItem(ye, he, fe);
       le && setTimeout(() => le.ref.current.focus());
     }), ce = React.useCallback(
-      (de, ye, fe) => {
+      (he, ye, fe) => {
         const le = !J.current && !fe;
-        (N.value !== void 0 && N.value === ye || le) && (j(de), le && (J.current = !0));
+        (N.value !== void 0 && N.value === ye || le) && (j(he), le && (J.current = !0));
       },
       [N.value]
     ), ue = React.useCallback(() => O == null ? void 0 : O.focus(), [O]), pe = React.useCallback(
-      (de, ye, fe) => {
+      (he, ye, fe) => {
         const le = !J.current && !fe;
-        (N.value !== void 0 && N.value === ye || le) && F(de);
+        (N.value !== void 0 && N.value === ye || le) && F(he);
       },
       [N.value]
-    ), he = o === "popper" ? SelectPopperPosition : SelectItemAlignedPosition, ve = he === SelectPopperPosition ? {
+    ), de = o === "popper" ? SelectPopperPosition : SelectItemAlignedPosition, ve = de === SelectPopperPosition ? {
       side: f,
       sideOffset: p,
       align: m,
@@ -59385,12 +59991,12 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
           {
             asChild: !0,
             trapped: N.open,
-            onMountAutoFocus: (de) => {
-              de.preventDefault();
+            onMountAutoFocus: (he) => {
+              he.preventDefault();
             },
-            onUnmountAutoFocus: composeEventHandlers(l, (de) => {
+            onUnmountAutoFocus: composeEventHandlers(l, (he) => {
               var ye;
-              (ye = N.trigger) == null || ye.focus({ preventScroll: !0 }), de.preventDefault();
+              (ye = N.trigger) == null || ye.focus({ preventScroll: !0 }), he.preventDefault();
             }),
             children: /* @__PURE__ */ jsx(
               DismissableLayer,
@@ -59399,16 +60005,16 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: u,
                 onPointerDownOutside: d,
-                onFocusOutside: (de) => de.preventDefault(),
+                onFocusOutside: (he) => he.preventDefault(),
                 onDismiss: () => N.onOpenChange(!1),
                 children: /* @__PURE__ */ jsx(
-                  he,
+                  de,
                   {
                     role: "listbox",
                     id: N.contentId,
                     "data-state": N.open ? "open" : "closed",
                     dir: N.dir,
-                    onContextMenu: (de) => de.preventDefault(),
+                    onContextMenu: (he) => he.preventDefault(),
                     ...I,
                     ...ve,
                     onPlaced: () => G(!0),
@@ -59421,15 +60027,15 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
                       outline: "none",
                       ...I.style
                     },
-                    onKeyDown: composeEventHandlers(I.onKeyDown, (de) => {
-                      const ye = de.ctrlKey || de.altKey || de.metaKey;
-                      if (de.key === "Tab" && de.preventDefault(), !ye && de.key.length === 1 && ie(de.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(de.key)) {
+                    onKeyDown: composeEventHandlers(I.onKeyDown, (he) => {
+                      const ye = he.ctrlKey || he.altKey || he.metaKey;
+                      if (he.key === "Tab" && he.preventDefault(), !ye && he.key.length === 1 && ie(he.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(he.key)) {
                         let le = H().filter((oe) => !oe.disabled).map((oe) => oe.ref.current);
-                        if (["ArrowUp", "End"].includes(de.key) && (le = le.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(de.key)) {
-                          const oe = de.target, te = le.indexOf(oe);
+                        if (["ArrowUp", "End"].includes(he.key) && (le = le.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(he.key)) {
+                          const oe = he.target, te = le.indexOf(oe);
                           le = le.slice(te + 1);
                         }
-                        setTimeout(() => Z(le)), de.preventDefault();
+                        setTimeout(() => Z(le)), he.preventDefault();
                       }
                     })
                   }
@@ -59465,12 +60071,12 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         ]);
         f.style.minWidth = se + "px", f.style.right = Ee + "px";
       }
-      const F = _(), H = window.innerHeight - CONTENT_MARGIN * 2, U = E.scrollHeight, G = window.getComputedStyle(m), J = parseInt(G.borderTopWidth, 10), Z = parseInt(G.paddingTop, 10), ae = parseInt(G.borderBottomWidth, 10), W = parseInt(G.paddingBottom, 10), Q = J + Z + U + W + ae, ee = Math.min(C.offsetHeight * 5, Q), ie = window.getComputedStyle(E), ce = parseInt(ie.paddingTop, 10), ue = parseInt(ie.paddingBottom, 10), pe = D.top + D.height / 2 - CONTENT_MARGIN, he = H - pe, ve = C.offsetHeight / 2, de = C.offsetTop + ve, ye = J + Z + de, fe = Q - ye;
+      const F = _(), H = window.innerHeight - CONTENT_MARGIN * 2, U = E.scrollHeight, G = window.getComputedStyle(m), J = parseInt(G.borderTopWidth, 10), Z = parseInt(G.paddingTop, 10), ae = parseInt(G.borderBottomWidth, 10), W = parseInt(G.paddingBottom, 10), Q = J + Z + U + W + ae, ee = Math.min(C.offsetHeight * 5, Q), ie = window.getComputedStyle(E), ce = parseInt(ie.paddingTop, 10), ue = parseInt(ie.paddingBottom, 10), pe = D.top + D.height / 2 - CONTENT_MARGIN, de = H - pe, ve = C.offsetHeight / 2, he = C.offsetTop + ve, ye = J + Z + he, fe = Q - ye;
       if (ye <= pe) {
         const oe = F.length > 0 && C === F[F.length - 1].ref.current;
         f.style.bottom = "0px";
         const te = m.clientHeight - E.offsetTop - E.offsetHeight, be = Math.max(
-          he,
+          de,
           ve + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (oe ? ue : 0) + te + ae
         ), se = ye + be;
@@ -60331,569 +60937,6 @@ function ManufacturerReorderingCard({
     ] }) })
   ] });
 }
-const imgSizeMap = {
-  sm: 100,
-  md: 200,
-  lg: 300,
-  xl: 400
-};
-function ProductImage({ randmarSKU: e, size: t = "md", alt: n, secondaryContent: o }) {
-  const [l, u] = React.useState(!1), [d, f] = React.useState(!1), [p, m] = React.useState(!1), [g, b] = React.useState(!1), _ = `https://api.randmar.io/Product/${e}/Video`;
-  React.useEffect(() => {
-    (async () => {
-      try {
-        const O = await (await fetch(_ + "/Exists")).json();
-        f(O);
-      } catch (N) {
-        console.error("Error checking for video:", N), f(!1);
-      }
-    })();
-  }, [e, _]);
-  async function S() {
-    if (d) {
-      b(!0);
-      try {
-        const N = await (await fetch(_)).blob(), O = window.URL.createObjectURL(N), V = document.createElement("a");
-        V.href = O, V.download = `${e || "product"}-video.mp4`, document.body.appendChild(V), V.click(), document.body.removeChild(V), window.URL.revokeObjectURL(O);
-      } catch (I) {
-        console.error("Error downloading video:", I);
-      } finally {
-        b(!1);
-      }
-    }
-  }
-  function T() {
-    navigator.clipboard.writeText(_), m(!0), setTimeout(() => {
-      m(!1);
-    }, 2e3);
-  }
-  function E() {
-    u(!0);
-  }
-  const C = imgSizeMap[t || "xl"];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dialog, { open: l, onOpenChange: u, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-4xl p-0 overflow-hidden", children: o ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ jsxs(
-        "video",
-        {
-          className: "w-full rounded-l-lg max-h-[720px] object-contain",
-          controls: !0,
-          autoPlay: !0,
-          muted: !0,
-          loop: !0,
-          children: [
-            /* @__PURE__ */ jsx("source", { src: _, type: "video/mp4" }),
-            "Your browser does not support the video tag."
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "flex-grow min-w-[400px] h-[70vh] p-6", children: o })
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full relative", children: [
-      /* @__PURE__ */ jsxs("video", { className: "w-full max-h-[720px] object-contain", controls: !0, autoPlay: !0, children: [
-        /* @__PURE__ */ jsx("source", { src: _, type: "video/mp4" }),
-        "Your browser does not support the video tag."
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-12 flex gap-1", children: [
-        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              size: "icon",
-              onClick: T,
-              children: p ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Copy video link" }) })
-        ] }) }),
-        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              size: "icon",
-              onClick: S,
-              disabled: g,
-              children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Download video" }) })
-        ] }) })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "relative w-max h-max", children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          alt: n || `Product ${e}`,
-          className: `rounded-md ${d ? "cursor-pointer" : ""}`,
-          onClick: d ? E : void 0,
-          src: `https://api.randmar.io/Product/${e}/Image?width=${C * 1.5}&height=${C * 1.5}`,
-          width: C,
-          height: C
-        }
-      ),
-      d && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            size: "icon",
-            className: "absolute top-2 right-2",
-            onClick: E,
-            children: /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Play video" }) })
-      ] }) })
-    ] })
-  ] });
-}
-function ProductCard({
-  item: e,
-  addToCart: t = !1,
-  syncToShopify: n = !1,
-  customAction: o = /* @__PURE__ */ jsx(Fragment, {}),
-  defaultOpportunityNumber: l = "",
-  viewProductLink: u,
-  addToCartAction: d,
-  isAddToCartActionLoading: f = !1,
-  syncToShopifyAction: p,
-  isSyncToShopifyActionLoading: m = !1
-}) {
-  var Q, ee, ie, ce, ue, pe, he, ve, de, ye, fe;
-  const [g, b] = useState(1), [_, S] = useState(null), [T, E] = useState(0), [C, I] = useState(!1), N = ((Q = e == null ? void 0 : e.Distribution) == null ? void 0 : Q.Cost) || 0, O = ((ee = e == null ? void 0 : e.Distribution) == null ? void 0 : ee.RegularPrice) || 0, V = ((ie = e == null ? void 0 : e.Distribution) == null ? void 0 : ie.Price) || 0;
-  useEffect(() => {
-    b(1), S(null), E(0), I(!1);
-  }, [e == null ? void 0 : e.RandmarSKU]);
-  const [M, R] = useState(null), [D, L] = useState(!1);
-  useEffect(() => {
-    const le = async () => {
-      if (e != null && e.ManufacturerId) {
-        L(!0);
-        try {
-          const oe = await fetch(
-            `https://api.randmar.io/V4/Partner/${e.ManufacturerId}/Account/Logo?width=60&height=40`
-          );
-          if (oe.ok) {
-            const te = await oe.blob();
-            R(URL.createObjectURL(te));
-          }
-        } catch (oe) {
-          console.error("Failed to load logo:", oe);
-        } finally {
-          L(!1);
-        }
-      }
-    };
-    e != null && e.ManufacturerId && le();
-  }, [e == null ? void 0 : e.ManufacturerId]), useEffect(() => {
-    var le;
-    if (e && l) {
-      const oe = (le = e.Opportunities) == null ? void 0 : le.find((te) => te.BidNumber == l);
-      oe && S(oe);
-    }
-  }, [e, l]), useEffect(() => {
-    if (!e) return;
-    const le = _ != null && _.Price ? _.Price : V;
-    E(O > 0 ? Math.round((O - le) / O * 100) : 0);
-  }, [e, _, V, O]), useEffect(() => {
-    f || b(1);
-  }, [f]);
-  const j = (le) => {
-    if (le.Active !== !0) return !1;
-    const oe = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-    return !(le.EndDate && le.EndDate.split("T")[0] < oe || le.StartDate && le.StartDate.split("T")[0] > oe);
-  };
-  if (!e)
-    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-3/4" }),
-        /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-28 rounded-full" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-6 flex-1", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "w-60 h-40", children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full rounded-lg" }) }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-3" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-md" })
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32 rounded-md" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 mt-4" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1 mb-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 flex-1 rounded-md" })
-        ] })
-      ] })
-    ] }) });
-  const q = (e == null ? void 0 : e.Opportunities) || [], F = q.length > 0, H = () => {
-    if (g == null) {
-      b(1);
-      return;
-    }
-    g > 1 && b(g - 1);
-  }, U = () => {
-    if (g == null) {
-      b(1);
-      return;
-    }
-    b(g + 1);
-  }, G = (le) => {
-    const oe = parseInt(le.target.value, 10);
-    if (!isNaN(oe) && oe > 0) {
-      b(oe);
-      return;
-    }
-    b(void 0);
-  }, J = () => {
-    (g == null || g < 1) && b(1);
-  }, Z = ((ue = (ce = e.Distribution) == null ? void 0 : ce.Inventory) == null ? void 0 : ue.reduce((le, oe) => le + (oe.AvailableQuantity || 0), 0)) || 0, ae = (le) => {
-    try {
-      return new Date(le).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
-    } catch (oe) {
-      return console.error(oe), le.split("T")[0] || "N/A";
-    }
-  }, W = () => {
-    d && d({ quantity: g ?? 1, bidNumber: (_ == null ? void 0 : _.BidNumber) ?? null });
-  };
-  return /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
-      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-xl", children: e.Title || e.RandmarTitle }),
-      /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: D ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) : M && /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: M,
-          alt: e.ManufacturerName ?? "",
-          className: "max-h-10 max-w-24 object-contain"
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
-          e.State && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${e.State === "Active" ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(Check, { size: "12", className: "mr-1.5" }),
-                " ",
-                e.State
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${e.SerialNumber ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-yellow-50 text-yellow-700 hover:bg-yellow-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(QrCode, { size: "12", className: "mr-1.5" }),
-                " ",
-                e.SerialNumber ? "Serialized" : "Unserialized"
-              ]
-            }
-          ),
-          e.TransparencyCode && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-full px-3 bg-green-50 text-green-700 hover:bg-green-50", children: [
-            /* @__PURE__ */ jsx(CircleDashed, { size: "12", className: "mr-1.5" }),
-            " Transparency Code"
-          ] }),
-          e.AvailableToBuy !== void 0 && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${e.AvailableToBuy ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(ShoppingCart, { size: "12", className: "mr-1.5" }),
-                " ",
-                e.AvailableToBuy ? "Available" : "Unavailable"
-              ]
-            }
-          ),
-          e.ManufacturerCategory !== void 0 && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${(pe = e.ManufacturerCategory) != null && pe.QualificationRequired ? "bg-blue-50 text-blue-700 hover:bg-blue-50" : "bg-neutral-50 text-neutral-700 hover:bg-neutral-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(ShieldCheck, { size: "12", className: "mr-1.5" }),
-                " ",
-                (he = e.ManufacturerCategory) != null && he.QualificationRequired ? "Qualified Only" : "Available to all"
-              ]
-            }
-          ),
-          e.ManufacturerId && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${e.AutoUpdate ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(RefreshCw, { size: "12", className: "mr-1.5" }),
-                " ",
-                e.AutoUpdate ? `Automatic Reorder (${e.MasterCarton})` : "Manually Reorders"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${e.BodyHTML && e.Title && e.MAP ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(Store, { size: "12", className: "mr-1.5" }),
-                " ",
-                e.BodyHTML && e.Title && e.MAP ? "Shopify Ready" : "Not Shopify Ready"
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-4 flex-1", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MPN" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.MPN || "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "UPC" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.UPC || "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Unit Weight" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.UnitWeight ? `${e.UnitWeight} lbs` : "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MAP" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.MAP ? "$" + e.MAP.toFixed(2) : "N/A" })
-          ] }),
-          e.CountryCodeOfOrigin && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Origin" }),
-            /* @__PURE__ */ jsxs("div", { className: "font-medium flex items-center", children: [
-              /* @__PURE__ */ jsx(
-                CountryFlag,
-                {
-                  countryCode: e.CountryCodeOfOrigin,
-                  className: "mr-2"
-                }
-              ),
-              e.CountryCodeOfOrigin
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx(ProductImage, { randmarSKU: e.RandmarSKU || "", alt: e.RandmarTitle || "" }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: F && e.Distribution && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center", children: "You have " + q.length + (q.length > 1 ? " opportunities" : " opportunity") + " for this product:" }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto p-2 mt-1", children: q.map((le, oe) => {
-          var te;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-purple-100 border border-muted
-                        ${le.BidNumber == (_ == null ? void 0 : _.BidNumber) ? "cursor-pointer border-2 border-purple-900" : j(le) ? "hover:bg-purple-200 cursor-pointer" : "!bg-neutral-50"}
-                        `,
-              onClick: () => {
-                j(le) && S(
-                  le.BidNumber != (_ == null ? void 0 : _.BidNumber) ? le : null
-                );
-              },
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: le.Opportunity }),
-                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-900", children: [
-                    le.BidNumber,
-                    " ",
-                    !j(le) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs mx-1 h-5 bg-gray-100", children: "Currently unavailable" })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-                    "$",
-                    (te = le.Price) == null ? void 0 : te.toFixed(2)
-                  ] }),
-                  le.Rebate && le.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
-                    "Rebate: $",
-                    le.Rebate.toFixed(2)
-                  ] }),
-                  le.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-600", children: [
-                    "Ends: ",
-                    ae(le.EndDate)
-                  ] })
-                ] })
-              ]
-            },
-            oe
-          );
-        }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-        u && /* @__PURE__ */ jsx(Link, { to: u, children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
-          /* @__PURE__ */ jsx(Eye, { className: "mr-2" }),
-          "View Product"
-        ] }) }),
-        ((ve = e.Distribution) == null ? void 0 : ve.Inventory) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Dialog, { open: C, onOpenChange: I, children: [
-          /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              className: `flex items-center text-sm ${Z > 0 ? "text-green-700" : "text-red-700"}`,
-              children: [
-                /* @__PURE__ */ jsx(Warehouse, { size: "16", className: "mr-2" }),
-                Z > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  Z,
-                  " in stock"
-                ] }) : /* @__PURE__ */ jsx(Fragment, { children: "Out of stock" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl", children: [
-            /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center", children: [
-              /* @__PURE__ */ jsx(Warehouse, { className: "mr-2", size: 18 }),
-              "Inventory Information"
-            ] }) }),
-            /* @__PURE__ */ jsx(ProductInventoryGrid, { inventory: e.Distribution.Inventory })
-          ] })
-        ] }) })
-      ] })
-    ] }),
-    e.Distribution && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mt-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 flex flex-col items-start gap-1", children: N > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx("span", { children: "Cost: $" }),
-        N.toFixed(2),
-        /* @__PURE__ */ jsx("span", { children: " CAD" })
-      ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
-            /* @__PURE__ */ jsx("span", { children: "$" }),
-            _ ? (ye = (de = e.Opportunities) == null ? void 0 : de.find((le) => le.BidNumber == _.BidNumber)) == null ? void 0 : ye.Price : V.toFixed(2),
-            /* @__PURE__ */ jsx("span", { children: " CAD" })
-          ] }),
-          T > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground line-through ml-2 whitespace-nowrap", children: [
-            "$",
-            O.toFixed(2)
-          ] })
-        ] }),
-        T > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "bg-red-50 text-red-700 rounded-full px-3 whitespace-nowrap", children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            T,
-            "% OFF"
-          ] }),
-          ((fe = e.InstantRebate) == null ? void 0 : fe.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
-            " Ends ",
-            e.InstantRebate.EndDate.split("T")[0]
-          ] }),
-          (_ == null ? void 0 : _.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
-            " Ends ",
-            _.EndDate.split("T")[0]
-          ] })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 gap-2 ml-4", children: [
-        typeof t < "u" && t && /* @__PURE__ */ jsxs("div", { className: "flex items-center border rounded-md", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "rounded-r-none",
-              onClick: H,
-              disabled: typeof g < "u" && (g <= 1 || !e.AvailableToBuy || f || !d),
-              children: "-"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              value: g,
-              onChange: G,
-              onBlur: J,
-              onClick: (le) => le.currentTarget.select(),
-              className: `w-12 text-center border-0 focus:ring-0 focus:outline-none ${!e.AvailableToBuy || f || !d ? "text-gray-400" : ""}`,
-              disabled: !e.AvailableToBuy || f || !d
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "rounded-l-none",
-              onClick: U,
-              disabled: !e.AvailableToBuy || f || !d,
-              children: "+"
-            }
-          )
-        ] }),
-        typeof t < "u" && t && /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "gap-2 whitespace-nowrap",
-            onClick: W,
-            disabled: !e.AvailableToBuy || f || !d,
-            children: f ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
-              "Adding..."
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
-              "Add to Cart"
-            ] })
-          }
-        ),
-        n && /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "gap-2 whitespace-nowrap bg-green-600 hover:bg-green-700",
-            onClick: p,
-            disabled: m || !p,
-            children: m ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
-              "Syncing..."
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
-              "Sync to Shopify"
-            ] })
-          }
-        ),
-        o
-      ] })
-    ] })
-  ] }) });
-}
 function ResellerBillingOverviewCard({ reseller: e, actions: t, loading: n = !1 }) {
   return n || !e ? /* @__PURE__ */ jsx(ResellerBillingOverviewSkeleton, {}) : /* @__PURE__ */ jsx(ResellerBillingOverviewData, { reseller: e, actions: t });
 }