randmarcomps 1.70.0 → 1.71.0

package/dist/randmarcomps.js

@@ -57,19 +57,19 @@ function Ws({ containerRef: e, inputRef: t, pushPasswordManagerStrategy: n, isFo
 }
 var ro = l.createContext({}), oo = l.forwardRef((e, t) => {
   var n = e, { value: r, onChange: o, maxLength: a, textAlign: s = "left", pattern: c, placeholder: u, inputMode: d = "numeric", onComplete: p, pushPasswordManagerStrategy: m = "increase-width", pasteTransformer: v, containerClassName: g, noScriptCSSFallback: y = Bs, render: f, children: h } = n, b = Is(n, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), w, N, C, S, E;
-  let [T, z] = l.useState(typeof b.defaultValue == "string" ? b.defaultValue : ""), I = r ?? T, W = Ls(I), U = l.useCallback((_) => {
-    o == null || o(_), z(_);
+  let [T, z] = l.useState(typeof b.defaultValue == "string" ? b.defaultValue : ""), I = r ?? T, W = Ls(I), U = l.useCallback((L) => {
+    o == null || o(L), z(L);
   }, [o]), B = l.useMemo(() => c ? typeof c == "string" ? new RegExp(c) : c : null, [c]), D = l.useRef(null), R = l.useRef(null), j = l.useRef({ value: I, onChange: U, isIOS: typeof window < "u" && ((N = (w = window == null ? void 0 : window.CSS) == null ? void 0 : w.supports) == null ? void 0 : N.call(w, "-webkit-touch-callout", "none")) }), P = l.useRef({ prev: [(C = D.current) == null ? void 0 : C.selectionStart, (S = D.current) == null ? void 0 : S.selectionEnd, (E = D.current) == null ? void 0 : E.selectionDirection] });
   l.useImperativeHandle(t, () => D.current, []), l.useEffect(() => {
-    let _ = D.current, F = R.current;
-    if (!_ || !F) return;
-    j.current.value !== _.value && j.current.onChange(_.value), P.current.prev = [_.selectionStart, _.selectionEnd, _.selectionDirection];
+    let L = D.current, F = R.current;
+    if (!L || !F) return;
+    j.current.value !== L.value && j.current.onChange(L.value), P.current.prev = [L.selectionStart, L.selectionEnd, L.selectionDirection];
     function se() {
-      if (document.activeElement !== _) {
+      if (document.activeElement !== L) {
         oe(null), ne(null);
         return;
       }
-      let G = _.selectionStart, ue = _.selectionEnd, Ct = _.selectionDirection, he = _.maxLength, Fe = _.value, Se = P.current.prev, Ae = -1, ke = -1, ze;
+      let G = L.selectionStart, ue = L.selectionEnd, Ct = L.selectionDirection, he = L.maxLength, Fe = L.value, Se = P.current.prev, Ae = -1, ke = -1, ze;
       if (Fe.length !== 0 && G !== null && ue !== null) {
         let xs = G === ue, Ns = G === Fe.length && Fe.length < he;
         if (xs && !Ns) {
@@ -91,7 +91,7 @@ var ro = l.createContext({}), oo = l.forwardRef((e, t) => {
       let gr = Ae !== -1 ? Ae : G, vr = ke !== -1 ? ke : ue, ws = ze ?? Ct;
       oe(gr), ne(vr), P.current.prev = [gr, vr, ws];
     }
-    if (document.addEventListener("selectionchange", se, { capture: !0 }), se(), document.activeElement === _ && q(!0), !document.getElementById("input-otp-style")) {
+    if (document.addEventListener("selectionchange", se, { capture: !0 }), se(), document.activeElement === L && q(!0), !document.getElementById("input-otp-style")) {
       let G = document.createElement("style");
       if (G.id = "input-otp-style", document.head.appendChild(G), G.sheet) {
         let ue = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
@@ -99,66 +99,66 @@ var ro = l.createContext({}), oo = l.forwardRef((e, t) => {
       }
     }
     let ce = () => {
-      F && F.style.setProperty("--root-height", `${_.clientHeight}px`);
+      F && F.style.setProperty("--root-height", `${L.clientHeight}px`);
     };
     ce();
     let de = new ResizeObserver(ce);
-    return de.observe(_), () => {
+    return de.observe(L), () => {
       document.removeEventListener("selectionchange", se, { capture: !0 }), de.disconnect();
     };
   }, []);
   let [H, O] = l.useState(!1), [$, q] = l.useState(!1), [Z, oe] = l.useState(null), [ee, ne] = l.useState(null);
   l.useEffect(() => {
     _s(() => {
-      var _, F, se, ce;
-      (_ = D.current) == null || _.dispatchEvent(new Event("input"));
+      var L, F, se, ce;
+      (L = D.current) == null || L.dispatchEvent(new Event("input"));
       let de = (F = D.current) == null ? void 0 : F.selectionStart, G = (se = D.current) == null ? void 0 : se.selectionEnd, ue = (ce = D.current) == null ? void 0 : ce.selectionDirection;
       de !== null && G !== null && (oe(de), ne(G), P.current.prev = [de, G, ue]);
     });
   }, [I, $]), l.useEffect(() => {
     W !== void 0 && I !== W && W.length < a && I.length === a && (p == null || p(I));
   }, [a, p, W, I]);
-  let L = Ws({ containerRef: R, inputRef: D, pushPasswordManagerStrategy: m, isFocused: $ }), K = l.useCallback((_) => {
-    let F = _.currentTarget.value.slice(0, a);
+  let _ = Ws({ containerRef: R, inputRef: D, pushPasswordManagerStrategy: m, isFocused: $ }), K = l.useCallback((L) => {
+    let F = L.currentTarget.value.slice(0, a);
     if (F.length > 0 && B && !B.test(F)) {
-      _.preventDefault();
+      L.preventDefault();
       return;
     }
     typeof W == "string" && F.length < W.length && document.dispatchEvent(new Event("selectionchange")), U(F);
   }, [a, U, W, B]), ae = l.useCallback(() => {
-    var _;
+    var L;
     if (D.current) {
       let F = Math.min(D.current.value.length, a - 1), se = D.current.value.length;
-      (_ = D.current) == null || _.setSelectionRange(F, se), oe(F), ne(se);
+      (L = D.current) == null || L.setSelectionRange(F, se), oe(F), ne(se);
     }
     q(!0);
-  }, [a]), lt = l.useCallback((_) => {
+  }, [a]), lt = l.useCallback((L) => {
     var F, se;
     let ce = D.current;
-    if (!v && (!j.current.isIOS || !_.clipboardData || !ce)) return;
-    let de = _.clipboardData.getData("text/plain"), G = v ? v(de) : de;
-    _.preventDefault();
+    if (!v && (!j.current.isIOS || !L.clipboardData || !ce)) return;
+    let de = L.clipboardData.getData("text/plain"), G = v ? v(de) : de;
+    L.preventDefault();
     let ue = (F = D.current) == null ? void 0 : F.selectionStart, Ct = (se = D.current) == null ? void 0 : se.selectionEnd, he = (ue !== Ct ? I.slice(0, ue) + G + I.slice(Ct) : I.slice(0, ue) + G + I.slice(ue)).slice(0, a);
     if (he.length > 0 && B && !B.test(he)) return;
     ce.value = he, U(he);
     let Fe = Math.min(he.length, a - 1), Se = he.length;
     ce.setSelectionRange(Fe, Se), oe(Fe), ne(Se);
-  }, [a, U, B, I]), xt = l.useMemo(() => ({ position: "relative", cursor: b.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [b.disabled]), ct = l.useMemo(() => ({ position: "absolute", inset: 0, width: L.willPushPWMBadge ? `calc(100% + ${L.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: L.willPushPWMBadge ? `inset(0 ${L.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: s, 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" }), [L.PWM_BADGE_SPACE_WIDTH, L.willPushPWMBadge, s]), Nt = l.useMemo(() => l.createElement("input", Ds(Os({ autoComplete: b.autoComplete || "one-time-code" }, b), { "data-input-otp": !0, "data-input-otp-placeholder-shown": I.length === 0 || void 0, "data-input-otp-mss": Z, "data-input-otp-mse": ee, inputMode: d, pattern: B == null ? void 0 : B.source, "aria-placeholder": u, style: ct, maxLength: a, value: I, ref: D, onPaste: (_) => {
+  }, [a, U, B, I]), xt = l.useMemo(() => ({ position: "relative", cursor: b.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [b.disabled]), ct = l.useMemo(() => ({ position: "absolute", inset: 0, width: _.willPushPWMBadge ? `calc(100% + ${_.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: _.willPushPWMBadge ? `inset(0 ${_.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: s, 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" }), [_.PWM_BADGE_SPACE_WIDTH, _.willPushPWMBadge, s]), Nt = l.useMemo(() => l.createElement("input", Ds(Os({ autoComplete: b.autoComplete || "one-time-code" }, b), { "data-input-otp": !0, "data-input-otp-placeholder-shown": I.length === 0 || void 0, "data-input-otp-mss": Z, "data-input-otp-mse": ee, inputMode: d, pattern: B == null ? void 0 : B.source, "aria-placeholder": u, style: ct, maxLength: a, value: I, ref: D, onPaste: (L) => {
     var F;
-    lt(_), (F = b.onPaste) == null || F.call(b, _);
-  }, onChange: K, onMouseOver: (_) => {
+    lt(L), (F = b.onPaste) == null || F.call(b, L);
+  }, onChange: K, onMouseOver: (L) => {
     var F;
-    O(!0), (F = b.onMouseOver) == null || F.call(b, _);
-  }, onMouseLeave: (_) => {
+    O(!0), (F = b.onMouseOver) == null || F.call(b, L);
+  }, onMouseLeave: (L) => {
     var F;
-    O(!1), (F = b.onMouseLeave) == null || F.call(b, _);
-  }, onFocus: (_) => {
+    O(!1), (F = b.onMouseLeave) == null || F.call(b, L);
+  }, onFocus: (L) => {
     var F;
-    ae(), (F = b.onFocus) == null || F.call(b, _);
-  }, onBlur: (_) => {
+    ae(), (F = b.onFocus) == null || F.call(b, L);
+  }, onBlur: (L) => {
     var F;
-    q(!1), (F = b.onBlur) == null || F.call(b, _);
-  } })), [K, ae, lt, d, ct, a, ee, Z, b, B == null ? void 0 : B.source, I]), Ye = l.useMemo(() => ({ slots: Array.from({ length: a }).map((_, F) => {
+    q(!1), (F = b.onBlur) == null || F.call(b, L);
+  } })), [K, ae, lt, d, ct, a, ee, Z, b, B == null ? void 0 : B.source, I]), Ye = l.useMemo(() => ({ slots: Array.from({ length: a }).map((L, F) => {
     var se;
     let ce = $ && Z !== null && ee !== null && (Z === ee && F === Z || F >= Z && F < ee), de = I[F] !== void 0 ? I[F] : null, G = I[0] !== void 0 ? null : (se = u == null ? void 0 : u[F]) != null ? se : null;
     return { char: de, placeholderChar: G, isActive: ce, hasFakeCaret: ce && de === null };
@@ -804,7 +804,7 @@ const re = (e) => {
     g,
     k,
     A
-  ], ee = () => ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", k, A], ne = () => ["none", V, k, A], L = () => ["none", V, k, A], K = () => [V, k, A], ae = () => [qe, "full", ...E()];
+  ], ee = () => ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", k, A], ne = () => ["none", V, k, A], _ = () => ["none", V, k, A], K = () => [V, k, A], ae = () => [qe, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -2552,28 +2552,28 @@ const re = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: L()
+        scale: _()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": L()
+        "scale-x": _()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": L()
+        "scale-y": _()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": L()
+        "scale-z": _()
       }],
       /**
        * Scale 3D
@@ -5922,8 +5922,8 @@ var cr = "PopperContent", [zd, Wd] = ma(cr), wa = l.forwardRef(
         u && Md({ ...D }),
         Od({
           ...D,
-          apply: ({ elements: $e, rects: _, availableWidth: F, availableHeight: se }) => {
-            const { width: ce, height: de } = _.reference, G = $e.floating.style;
+          apply: ({ elements: $e, rects: L, availableWidth: F, availableHeight: se }) => {
+            const { width: ce, height: de } = L.reference, G = $e.floating.style;
             G.setProperty("--radix-popper-available-width", `${F}px`), G.setProperty("--radix-popper-available-height", `${se}px`), G.setProperty("--radix-popper-anchor-width", `${ce}px`), G.setProperty("--radix-popper-anchor-height", `${de}px`);
           }
         }),
@@ -5935,7 +5935,7 @@ var cr = "PopperContent", [zd, Wd] = ma(cr), wa = l.forwardRef(
     De(() => {
       H && (Z == null || Z());
     }, [H, Z]);
-    const oe = (ae = O.arrow) == null ? void 0 : ae.x, ee = (lt = O.arrow) == null ? void 0 : lt.y, ne = ((xt = O.arrow) == null ? void 0 : xt.centerOffset) !== 0, [L, K] = l.useState();
+    const oe = (ae = O.arrow) == null ? void 0 : ae.x, ee = (lt = O.arrow) == null ? void 0 : lt.y, ne = ((xt = O.arrow) == null ? void 0 : xt.centerOffset) !== 0, [_, K] = l.useState();
     return De(() => {
       b && K(window.getComputedStyle(b).zIndex);
     }, [b]), /* @__PURE__ */ i(
@@ -5948,7 +5948,7 @@ var cr = "PopperContent", [zd, Wd] = ma(cr), wa = l.forwardRef(
           transform: H ? j.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: L,
+          zIndex: _,
           "--radix-popper-transform-origin": [
             (ct = O.transformOrigin) == null ? void 0 : ct.x,
             (Nt = O.transformOrigin) == null ? void 0 : Nt.y
@@ -8205,7 +8205,7 @@ function Zf({
   var P, H, O, $, q, Z, oe, ee, ne;
   const [d, p] = ge(1), [m, v] = ge(null), [g, y] = ge(0), [f, h] = ge(!1), b = ((P = e == null ? void 0 : e.Distribution) == null ? void 0 : P.RegularPrice) || 0, w = ((H = e == null ? void 0 : e.Distribution) == null ? void 0 : H.Price) || 0, [N, C] = ge(null), [S, E] = ge(!1);
   if (He(() => {
-    const L = async () => {
+    const _ = async () => {
       if (e != null && e.ManufacturerId) {
         E(!0);
         try {
@@ -8223,17 +8223,17 @@ function Zf({
         }
       }
     };
-    e != null && e.ManufacturerId && L();
+    e != null && e.ManufacturerId && _();
   }, [e == null ? void 0 : e.ManufacturerId]), He(() => {
-    var L;
+    var _;
     if (e && r) {
-      const K = (L = e.Opportunities) == null ? void 0 : L.find((ae) => ae.BidNumber == r);
+      const K = (_ = e.Opportunities) == null ? void 0 : _.find((ae) => ae.BidNumber == r);
       K && v(K);
     }
   }, [e, r]), He(() => {
     if (!e) return;
-    const L = m != null && m.Price ? m.Price : w;
-    y(b > 0 ? Math.round((b - L) / b * 100) : 0);
+    const _ = m != null && m.Price ? m.Price : w;
+    y(b > 0 ? Math.round((b - _) / b * 100) : 0);
   }, [e, m, w, b]), He(() => {
     s || p(1);
   }, [s]), !e)
@@ -8301,8 +8301,8 @@ function Zf({
       return;
     }
     p(d + 1);
-  }, U = (L) => {
-    const K = parseInt(L.target.value, 10);
+  }, U = (_) => {
+    const K = parseInt(_.target.value, 10);
     if (!isNaN(K) && K > 0) {
       p(K);
       return;
@@ -8310,11 +8310,11 @@ function Zf({
     p(void 0);
   }, B = () => {
     (d == null || d < 1) && p(1);
-  }, D = (($ = (O = e.Distribution) == null ? void 0 : O.Inventory) == null ? void 0 : $.reduce((L, K) => L + (K.AvailableQuantity || 0), 0)) || 0, R = (L) => {
+  }, D = (($ = (O = e.Distribution) == null ? void 0 : O.Inventory) == null ? void 0 : $.reduce((_, K) => _ + (K.AvailableQuantity || 0), 0)) || 0, R = (_) => {
     try {
-      return new Date(L).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+      return new Date(_).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
     } catch (K) {
-      return console.error(K), L.split("T")[0] || "N/A";
+      return console.error(K), _.split("T")[0] || "N/A";
     }
   }, j = () => {
     a && a({ quantity: d ?? 1, bidNumber: (m == null ? void 0 : m.BidNumber) ?? null });
@@ -8435,37 +8435,39 @@ function Zf({
     ] }),
     /* @__PURE__ */ x("div", { className: "flex gap-6 mt-4", children: [
       /* @__PURE__ */ i("div", { className: "flex flex-1", children: z && e.Distribution && /* @__PURE__ */ x("div", { className: "w-full", children: [
-        /* @__PURE__ */ i("div", { className: "text-sm text-muted-foreground flex items-center", children: "Opportunities" }),
-        /* @__PURE__ */ i("div", { className: "space-y-2 max-h-[200px] overflow-y-auto pr-1 mt-1", children: T.map((L, K) => {
+        /* @__PURE__ */ i("div", { className: "flex items-center", children: "You have " + T.length + (T.length > 1 ? " opportunities" : " opportunity") + " for this product:" }),
+        /* @__PURE__ */ i("div", { className: "space-y-2 max-h-[200px] overflow-y-auto p-2 mt-1", children: T.map((_, K) => {
           var ae;
           return /* @__PURE__ */ x(
             "div",
             {
-              className: `flex justify-between items-center border border-gray-100 rounded transition-colors py-2 px-4 
-                        ${L.BidNumber == (m == null ? void 0 : m.BidNumber) ? "bg-primary/10 cursor-pointer" : L.Active ? "hover:bg-primary/5 cursor-pointer" : ""}
+              className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-purple-100 border border-muted
+                        ${_.BidNumber == (m == null ? void 0 : m.BidNumber) ? "cursor-pointer border-2 border-purple-900" : _.Active ? "hover:bg-purple-200 cursor-pointer" : "!bg-neutral-50"}
                         `,
-              onClick: () => v(
-                L.BidNumber != (m == null ? void 0 : m.BidNumber) ? L : null
-              ),
+              onClick: () => {
+                _.Active === !0 && v(
+                  _.BidNumber != (m == null ? void 0 : m.BidNumber) ? _ : null
+                );
+              },
               children: [
                 /* @__PURE__ */ i("div", { className: "flex items-center", children: /* @__PURE__ */ x("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ i("span", { className: "font-medium text-sm", children: L.Opportunity }),
-                  /* @__PURE__ */ i("span", { className: "text-xs text-gray-500", children: L.BidNumber })
+                  /* @__PURE__ */ i("span", { className: "font-medium text-sm", children: _.Opportunity }),
+                  /* @__PURE__ */ i("span", { className: "text-xs text-neutral-900", children: _.BidNumber })
                 ] }) }),
                 /* @__PURE__ */ x("div", { className: "flex flex-col items-end", children: [
                   /* @__PURE__ */ x("span", { className: "font-semibold", children: [
                     "$",
-                    (ae = L.Price) == null ? void 0 : ae.toFixed(2)
+                    (ae = _.Price) == null ? void 0 : ae.toFixed(2)
                   ] }),
-                  L.Rebate && L.Rebate > 0 && /* @__PURE__ */ x("span", { className: "text-xs text-green-600", children: [
+                  _.Rebate && _.Rebate > 0 && /* @__PURE__ */ x("span", { className: "text-xs text-green-600", children: [
                     "Rebate: $",
-                    L.Rebate.toFixed(2)
+                    _.Rebate.toFixed(2)
                   ] }),
-                  L.EndDate && /* @__PURE__ */ x("span", { className: "text-xs text-gray-500", children: [
+                  _.EndDate && /* @__PURE__ */ x("span", { className: "text-xs text-neutral-600", children: [
                     "Ends: ",
-                    R(L.EndDate)
+                    R(_.EndDate)
                   ] }),
-                  !L.Active && /* @__PURE__ */ i(Te, { variant: "outline", className: "text-xs px-2 py-0 h-5 mt-1 bg-gray-100", children: "Inactive" })
+                  !_.Active && /* @__PURE__ */ i(Te, { variant: "outline", className: "text-xs px-2 py-0 h-5 mt-1 bg-gray-100", children: "Inactive" })
                 ] })
               ]
             },
@@ -8508,7 +8510,7 @@ function Zf({
         /* @__PURE__ */ x("div", { className: "flex items-center flex-wrap", children: [
           /* @__PURE__ */ x("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
             /* @__PURE__ */ i("span", { children: "$" }),
-            m ? (ee = (oe = e.Opportunities) == null ? void 0 : oe.find((L) => L.BidNumber == m.BidNumber)) == null ? void 0 : ee.Price : w.toFixed(2),
+            m ? (ee = (oe = e.Opportunities) == null ? void 0 : oe.find((_) => _.BidNumber == m.BidNumber)) == null ? void 0 : ee.Price : w.toFixed(2),
             /* @__PURE__ */ i("span", { children: " CAD" })
           ] }),
           g > 0 && /* @__PURE__ */ x("span", { className: "text-muted-foreground line-through ml-2 whitespace-nowrap", children: [
@@ -8552,7 +8554,7 @@ function Zf({
               value: d,
               onChange: U,
               onBlur: B,
-              onClick: (L) => L.currentTarget.select(),
+              onClick: (_) => _.currentTarget.select(),
               className: `w-12 text-center border-0 focus:ring-0 focus:outline-none ${!e.AvailableToBuy || s || !a ? "text-gray-400" : ""}`,
               disabled: !e.AvailableToBuy || s || !a
             }