@loafmarkets/ui 0.1.333 → 0.1.334

package/dist/index.js

@@ -13233,6 +13233,20 @@ var ChecklistDesc = styled9__default.default.div`
   color: rgba(255, 255, 255, 0.4);
   margin-top: 1px;
 `;
+var SKIP_IPO_CONFIRM_KEY = "loaf:skip-ipo-confirm";
+function getSkipIpoConfirm() {
+  try {
+    return localStorage.getItem(SKIP_IPO_CONFIRM_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function setSkipIpoConfirm(skip) {
+  try {
+    if (skip) localStorage.setItem(SKIP_IPO_CONFIRM_KEY, "1");
+  } catch {
+  }
+}
 function OrderConfirmationModal({
   open,
   onClose,
@@ -13248,6 +13262,7 @@ function OrderConfirmationModal({
   isPlacing = false,
   placingLabel = "Placing order\u2026"
 }) {
+  const [dontShowAgain, setDontShowAgain] = React5.useState(false);
   if (!open) return null;
   const handleOverlayClose = () => {
     if (isPlacing) return;
@@ -13307,30 +13322,47 @@ function OrderConfirmationModal({
       ] }),
       "."
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ButtonRow2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "secondary",
-          disabled: isPlacing,
-          children: "Cancel"
-        }
-      ),
-      !hasInsufficientFunds && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onConfirm,
-          className: "primary",
-          disabled: isPlacing,
-          children: isPlacing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-hidden": true }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: placingLabel })
-          ] }) : "Place Order"
-        }
-      )
+    /* @__PURE__ */ jsxRuntime.jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DontShowLabel, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: dontShowAgain,
+            onChange: (e) => setDontShowAgain(e.target.checked),
+            style: { accentColor: "#0ecb81" }
+          }
+        ),
+        "Don't show again"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ButtonRow2, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "secondary",
+            disabled: isPlacing,
+            children: "Cancel"
+          }
+        ),
+        !hasInsufficientFunds && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (dontShowAgain) setSkipIpoConfirm(true);
+              onConfirm();
+            },
+            className: "primary",
+            disabled: isPlacing,
+            children: isPlacing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-hidden": true }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: placingLabel })
+            ] }) : "Place Order"
+          }
+        )
+      ] })
     ] })
   ] }) });
 }
@@ -13455,6 +13487,23 @@ var Spinner = styled9__default.default.span`
   margin-right: 0.5rem;
   vertical-align: -2px;
 `;
+var ModalFooter = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+`;
+var DontShowLabel = styled9__default.default.label`
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  font-size: 0.78rem;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+  &:hover { color: rgba(255, 255, 255, 0.7); }
+`;
 var ButtonRow2 = styled9__default.default.div`
   display: flex;
   gap: 1rem;
@@ -14971,6 +15020,10 @@ function PropertyBuy({
     if (!ipoStarted || tokenQuantity === 0) {
       return;
     }
+    if (getSkipIpoConfirm()) {
+      void confirmOrder();
+      return;
+    }
     setShowOrderConfirmModal(true);
   };
   React5.useEffect(() => {