@orderly.network/ui-order-entry 2.11.3-rc.0 → 2.12.0

package/dist/index.js

@@ -1155,6 +1155,13 @@ function getScaledPlaceOrderMessage(result) {
 var safeNumber = (val) => {
   return Number.isNaN(Number(val)) ? 0 : Number(val);
 };
+var SymbolBadge = (props) => {
+  const { brokerId, brokerName, brokerNameRaw } = hooks.useBadgeBySymbol(
+    props.symbol
+  );
+  const badge = brokerName ?? brokerId ?? void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.SymbolBadge, { badge, fullName: brokerNameRaw });
+};
 var OrderConfirmDialog = (props) => {
   const { symbolInfo, order, onConfirm, onCancel } = props;
   const { quote, quote_dp, base_dp } = symbolInfo;
@@ -1312,15 +1319,19 @@ var OrderConfirmDialog = (props) => {
       justify: "between",
       className: "oui-orderEntry-orderConfirmDialog-header",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Text.formatted,
-          {
-            rule: "symbol",
-            showIcon: true,
-            className: "oui-orderConfirmDialog-symbol",
-            children: order.symbol
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, direction: "column", itemAlign: "start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Text.formatted,
+            {
+              rule: "symbol",
+              formatString: "base",
+              showIcon: true,
+              className: "oui-orderConfirmDialog-symbol",
+              children: order.symbol
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: order.symbol })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           ui.Flex,
           {
@@ -1619,6 +1630,136 @@ var MaxQtyConfirm = React3.memo((props) => {
     }
   );
 });
+var PermissionlessMarketNoticeDialog = (props) => {
+  const { onConfirm, onCancel } = props;
+  const { t } = i18n.useTranslation();
+  const [checked, setChecked] = React3.useState(false);
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Flex,
+    {
+      direction: "column",
+      gap: 3,
+      itemAlign: "start",
+      className: "oui-permissionlessNotice-content",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Text,
+          {
+            className: ui.textVariants({
+              size: "sm",
+              intensity: 54
+            }),
+            children: t("orderEntry.permissionlessNotice.content1")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Text,
+          {
+            className: ui.textVariants({
+              size: "sm",
+              intensity: 54
+            }),
+            children: t("orderEntry.permissionlessNotice.content2")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Text,
+          {
+            className: ui.textVariants({
+              size: "sm",
+              intensity: 54
+            }),
+            children: t("orderEntry.permissionlessNotice.content3")
+          }
+        )
+      ]
+    }
+  );
+  const checkboxSection = /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Flex,
+    {
+      gapX: 1,
+      pt: 4,
+      pb: 5,
+      itemAlign: "start",
+      className: "oui-permissionlessNotice-checkbox oui-orderEntry-orderConfirmDialog-disableConfirm oui-cursor-pointer",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            id: "permissionlessNotice",
+            color: "white",
+            className: "oui-permissionlessNotice-checkbox-input oui-mt-1",
+            checked,
+            onCheckedChange: (value) => setChecked(!!value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: "permissionlessNotice",
+            className: ui.textVariants({
+              size: "xs",
+              intensity: 54,
+              className: "oui-cursor-pointer"
+            }),
+            children: t("orderEntry.permissionlessNotice.checkbox")
+          }
+        )
+      ]
+    }
+  );
+  const confirmButton = /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Flex,
+    {
+      className: "oui-permissionlessNotice-confirm-button oui-w-full",
+      justify: "center",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          fullWidth: true,
+          size: "md",
+          className: "oui-permissionlessNotice-confirm oui-confirm-btn oui-max-w-[244px]",
+          disabled: !checked,
+          onClick: () => onConfirm(),
+          children: t("common.confirm")
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    content,
+    checkboxSection,
+    confirmButton
+  ] });
+};
+PermissionlessMarketNoticeDialog.displayName = "PermissionlessMarketNoticeDialog";
+var Dialog2 = (props) => {
+  const { close, resolve, reject } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PermissionlessMarketNoticeDialog,
+    {
+      onCancel: () => {
+        reject();
+        close();
+      },
+      onConfirm: () => {
+        resolve();
+        close();
+      }
+    }
+  );
+};
+var permissionlessMarketNoticeDialogId = "permissionlessMarketNotice";
+var permissionlessMarketNoticeDesktopDialogId = "permissionlessMarketNoticeDesktop";
+ui.registerSimpleDialog(permissionlessMarketNoticeDialogId, Dialog2, {
+  size: "sm",
+  title: () => i18n.i18n.t("orderEntry.permissionlessNotice.title")
+});
+ui.registerSimpleDialog(permissionlessMarketNoticeDesktopDialogId, Dialog2, {
+  size: "xl",
+  title: () => i18n.i18n.t("orderEntry.permissionlessNotice.title")
+});
 var ScaledOrderConfirm = (props) => {
   const { order, symbolInfo, dataSource, national, askAndBid, totalQuantity } = props;
   const { base, quote, base_dp, quote_dp } = symbolInfo;
@@ -1643,7 +1784,7 @@ var ScaledOrderConfirm = (props) => {
               "div",
               {
                 className: ui.cn(
-                  "oui-h-[38px] oui-w-1 oui-shrink-0 oui-rounded-[1px]",
+                  "oui-h-[42px] oui-w-1 oui-shrink-0 oui-rounded-[1px]",
                   record.side === types.OrderSide.BUY ? "oui-bg-trade-profit" : "oui-bg-trade-loss"
                 )
               }
@@ -1651,17 +1792,12 @@ var ScaledOrderConfirm = (props) => {
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", itemAlign: "start", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.TokenIcon, { symbol: value, className: "oui-size-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Text.formatted,
-                  {
-                    rule: "symbol",
-                    size: "xs",
-                    formatString: "base-type",
-                    children: value
-                  }
-                )
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text.formatted, { rule: "symbol", size: "xs", formatString: "base", children: value })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "neutral", size: "xs", children: t("orderEntry.orderType.limit") })
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: value }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "neutral", size: "xs", children: t("orderEntry.orderType.limit") })
+              ] })
             ] })
           ] });
         }
@@ -1862,6 +1998,7 @@ ui.registerSimpleDialog(scaledOrderConfirmDialogId, ScaledOrderConfirmWidget, {
 var OrderTypeSelect = (props) => {
   const { t } = i18n.useTranslation();
   const { isMobile } = ui.useScreen();
+  const { marketOrderDisabled = false, marketOrderDisabledTooltip } = props;
   const allOptions = React3.useMemo(() => {
     return [
       { label: t("orderEntry.orderType.limitOrder"), value: types.OrderType.LIMIT },
@@ -1942,7 +2079,24 @@ var OrderTypeSelect = (props) => {
               children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xs", children: t("orderEntry.orderType.limit") })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          marketOrderDisabled && marketOrderDisabledTooltip ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Tooltip,
+            {
+              content: marketOrderDisabledTooltip,
+              className: "oui-max-w-[275px]",
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-inline-flex oui-flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: unselectedButtonClassName,
+                  "aria-pressed": false,
+                  disabled: true,
+                  "data-testid": "oui-testid-orderEntry-orderType-market",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xs", children: t("orderEntry.orderType.market") })
+                }
+              ) })
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
@@ -1992,14 +2146,25 @@ var OrderTypeSelect = (props) => {
       }
     );
   }
+  const mobileOptions = React3.useMemo(() => allOptions, [allOptions]);
+  const handleMobileValueChange = (value) => {
+    if (marketOrderDisabled && value === types.OrderType.MARKET && marketOrderDisabledTooltip) {
+      ui.modal.alert({
+        title: t("common.tips"),
+        message: marketOrderDisabledTooltip
+      });
+      return;
+    }
+    props.onChange(value);
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Select.options,
     {
       testid: "oui-testid-orderEntry-orderType-button",
       currentValue: props.type,
       value: props.type,
-      options: allOptions,
-      onValueChange: props.onChange,
+      options: mobileOptions,
+      onValueChange: handleMobileValueChange,
       contentProps: {
         className: ui.cn(
           "oui-orderEntry-orderTypeSelect-content",
@@ -2102,10 +2267,11 @@ var MarginModeSwitch = (props) => {
                   {
                     className: "oui-tracking-[0.03em]",
                     rule: "symbol",
-                    formatString: "base-type",
+                    formatString: "base",
                     size: "base",
                     weight: "semibold",
                     intensity: 98,
+                    suffix: /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: props.symbol }),
                     children: props.symbol
                   }
                 )
@@ -2117,7 +2283,8 @@ var MarginModeSwitch = (props) => {
                     mode: types.MarginMode.CROSS,
                     selected: props.selectedMarginMode === types.MarginMode.CROSS,
                     isCurrent: props.currentMarginMode === types.MarginMode.CROSS,
-                    onClick: () => handleSelect(types.MarginMode.CROSS)
+                    onClick: () => handleSelect(types.MarginMode.CROSS),
+                    disabled: props.isPermissionlessListing
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -2180,9 +2347,11 @@ var OptionCard = (props) => {
         "oui-relative oui-w-full oui-rounded-md oui-p-2",
         "oui-bg-base-6",
         "oui-text-left",
-        props.selected ? "oui-border oui-border-[#38e2fe]" : "oui-border oui-border-transparent hover:oui-border-line-12"
+        props.disabled ? "oui-cursor-not-allowed oui-opacity-50 oui-border oui-border-transparent" : props.selected ? "oui-border oui-border-[#38e2fe]" : "oui-border oui-border-transparent hover:oui-border-line-12"
       ),
-      onClick: props.onClick,
+      onClick: props.disabled ? void 0 : props.onClick,
+      disabled: props.disabled,
+      "aria-disabled": props.disabled,
       "data-testid": `oui-testid-marginModeSwitch-option-${props.mode}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", gap: 2, itemAlign: "start", className: "oui-w-full", children: [
@@ -2215,7 +2384,11 @@ var useMarginModeSwitchScript = (options2) => {
   const { symbol, close } = options2;
   const { isMobile } = ui.useScreen();
   const { t } = i18n.useTranslation();
-  const { marginMode: currentMarginMode, update } = hooks.useMarginModeBySymbol(symbol);
+  const {
+    marginMode: currentMarginMode,
+    update,
+    isPermissionlessListing
+  } = hooks.useMarginModeBySymbol(symbol);
   const [selectedMarginMode, setSelectedMarginMode] = React3.useState(currentMarginMode);
   React3.useEffect(() => {
     setSelectedMarginMode(currentMarginMode);
@@ -2253,11 +2426,13 @@ var useMarginModeSwitchScript = (options2) => {
     setSelectedMarginMode,
     applyMarginMode,
     close,
-    onSelect
+    onSelect,
+    isPermissionlessListing
   };
 };
 var useMarginModeSettingsScript = (options2) => {
   const { isMobile } = ui.useScreen();
+  const { t } = i18n.useTranslation();
   const [markets] = hooks.useMarkets(hooks.MarketsType.ALL);
   const items = React3.useMemo(() => {
     if (!markets || markets.length === 0) {
@@ -2266,10 +2441,20 @@ var useMarginModeSettingsScript = (options2) => {
     return markets.map((market) => ({
       key: market.symbol,
       // Original symbol: "PERP_BTC_USDC"
-      symbol: utils.formatSymbol(market.symbol, "base-type")
+      symbol: utils.formatSymbol(market.symbol, "base"),
       // Formatted: "BTC-PERP"
+      brokerId: market.broker_id
     }));
   }, [markets]);
+  const brokerLockedKeys = React3.useMemo(() => {
+    const locked = /* @__PURE__ */ new Set();
+    for (const item of items) {
+      if (item.brokerId) {
+        locked.add(item.key);
+      }
+    }
+    return locked;
+  }, [items]);
   const [searchKeyword, setSearchKeyword] = React3.useState("");
   const [selectedKeys, setSelectedKeys] = React3.useState(
     () => /* @__PURE__ */ new Set()
@@ -2290,11 +2475,15 @@ var useMarginModeSettingsScript = (options2) => {
   const itemMarginModes = React3.useMemo(() => {
     const result = {};
     for (const item of items) {
+      if (brokerLockedKeys.has(item.key)) {
+        result[item.key] = types.MarginMode.ISOLATED;
+        continue;
+      }
       const marginMode = marginModes[item.key];
       result[item.key] = marginMode ?? types.MarginMode.CROSS;
     }
     return result;
-  }, [items, marginModes]);
+  }, [brokerLockedKeys, items, marginModes]);
   const filteredItems = React3.useMemo(() => {
     const keyword = searchKeyword.trim().toLowerCase();
     if (!keyword) return items;
@@ -2330,17 +2519,21 @@ var useMarginModeSettingsScript = (options2) => {
   const onSearchChange = React3.useCallback((keyword) => {
     setSearchKeyword(keyword);
   }, []);
-  const onToggleItem = React3.useCallback((key) => {
-    setSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) {
-        next.delete(key);
-      } else {
-        next.add(key);
-      }
-      return next;
-    });
-  }, []);
+  const onToggleItem = React3.useCallback(
+    (key) => {
+      if (brokerLockedKeys.has(key)) return;
+      setSelectedKeys((prev) => {
+        const next = new Set(prev);
+        if (next.has(key)) {
+          next.delete(key);
+        } else {
+          next.add(key);
+        }
+        return next;
+      });
+    },
+    [brokerLockedKeys]
+  );
   const onToggleSelectAll = React3.useCallback(() => {
     setSelectedKeys((prev) => {
       const next = new Set(prev);
@@ -2351,31 +2544,39 @@ var useMarginModeSettingsScript = (options2) => {
         return next;
       }
       for (const item of filteredItems) {
+        if (brokerLockedKeys.has(item.key)) continue;
         next.add(item.key);
       }
       return next;
     });
-  }, [filteredItems, isSelectAll]);
+  }, [brokerLockedKeys, filteredItems, isSelectAll]);
   const onSetMarginMode = React3.useCallback(
     async (mode) => {
       if (selectedKeys.size === 0) return;
+      const editableSymbolList = Array.from(selectedKeys).filter(
+        (key) => !brokerLockedKeys.has(key)
+      );
+      if (editableSymbolList.length === 0) {
+        ui.toast.error(t("marginMode.noEditableSymbolsSelected"));
+        return;
+      }
       setIsOperationLoading(true);
       try {
         const payload = {
-          symbol_list: Array.from(selectedKeys),
+          symbol_list: editableSymbolList,
           default_margin_mode: mode
         };
         await updateMarginMode(payload);
-        ui.toast.success("Updated successfully");
+        ui.toast.success(t("marginMode.updatedSuccessfully"));
       } catch (error) {
         ui.toast.error(
-          error instanceof Error ? error.message : "Failed to update margin mode"
+          error instanceof Error ? error.message : t("marginMode.failedToUpdateMarginMode")
         );
       } finally {
         setIsOperationLoading(false);
       }
     },
-    [selectedKeys, updateMarginMode]
+    [brokerLockedKeys, selectedKeys, updateMarginMode]
   );
   const isLoading = isDataLoading || isMarginModesLoading || isOperationLoading || isSettingMarginMode;
   return {
@@ -2523,7 +2724,8 @@ var MarginModeSettings = (props) => {
                       item,
                       checked: props.selectedKeys.has(item.key),
                       marginMode: props.itemMarginModes[item.key] ?? types.MarginMode.CROSS,
-                      onToggle: props.onToggleItem
+                      onToggle: props.onToggleItem,
+                      disabled: !!item.brokerId
                     },
                     item.key
                   ))
@@ -2626,13 +2828,15 @@ var MarginModeSettings = (props) => {
 var SymbolRow = (props) => {
   const { t } = i18n.useTranslation();
   const handleCheckedChange = React3.useCallback(() => {
+    if (props.disabled) return;
     props.onToggle(props.item.key);
   }, [props]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { itemAlign: "center", className: "oui-w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const row = /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { itemAlign: "center", className: "oui-w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
       className: ui.cn(
-        "oui-flex oui-items-center oui-gap-2 oui-flex-1 oui-cursor-pointer oui-select-none oui-w-full"
+        "oui-flex oui-items-center oui-gap-2 oui-flex-1 oui-cursor-pointer oui-select-none oui-w-full",
+        props.disabled ? "oui-cursor-not-allowed oui-opacity-50" : ""
       ),
       "data-testid": `oui-testid-marginModeSettings-item-${props.item.key}`,
       children: [
@@ -2642,10 +2846,12 @@ var SymbolRow = (props) => {
             color: "white",
             checked: props.checked,
             onCheckedChange: handleCheckedChange,
-            "aria-label": props.item.symbol
+            "aria-label": props.item.symbol,
+            disabled: props.disabled
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: props.item.symbol }),
+        /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: props.item.key }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -2661,6 +2867,17 @@ var SymbolRow = (props) => {
       ]
     }
   ) });
+  if (props.disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Tooltip,
+      {
+        content: t("marginMode.disabledSymbolTooltip"),
+        className: "oui-max-w-[280px] oui-text-2xs oui-text-base-contrast-80",
+        children: row
+      }
+    );
+  }
+  return row;
 };
 var SearchGlyph = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2852,7 +3069,9 @@ function OrderEntryHeader(props) {
         canTrade,
         onChange: (type) => {
           setOrderValue("order_type", type);
-        }
+        },
+        marketOrderDisabled: props.marketOrderDisabled,
+        marketOrderDisabledTooltip: props.marketOrderDisabledTooltip
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4623,12 +4842,15 @@ var usePNLInputBuilder = (props) => {
         }
         if (value === "" || value === "-") return "";
         if (mode === "Offset%" /* PERCENTAGE */) {
-          return `${new utils.Decimal(
-            value.replace(
-              new RegExp(percentageSuffix.current.replace(".", "\\.") + "$"),
-              ""
-            )
-          ).mul(100).todp(2, 4).toString()}${percentageSuffix.current}`;
+          let normalized = value.replace(
+            new RegExp(percentageSuffix.current.replace(".", "\\.") + "$"),
+            ""
+          ).replace(/,/g, "");
+          normalized = normalized.replace(/\.$/, "");
+          if (isNaN(Number(normalized)) || normalized === "" || normalized === "-") {
+            return value;
+          }
+          return `${new utils.Decimal(normalized).mul(100).todp(2, 4).toString()}${percentageSuffix.current}`;
         } else if (mode === "Offset" /* OFFSET */) {
           value = utils.todpIfNeed(value, dp);
         } else ;
@@ -4647,6 +4869,9 @@ var usePNLInputBuilder = (props) => {
             } else {
               percentageSuffix.current = "";
             }
+            if (isNaN(Number(value))) {
+              return value;
+            }
             value = new utils.Decimal(value).div(100).toString();
             value = `${value}${percentageSuffix.current}`;
           }
@@ -5182,6 +5407,7 @@ var OrderEntry = (props) => {
     setOrderValue,
     manualSetOrderValue,
     setOrderValues,
+    setOrderValuesRaw,
     symbolInfo,
     maxQty,
     freeCollateral,
@@ -5197,9 +5423,13 @@ var OrderEntry = (props) => {
     fillMiddleValue,
     soundAlert,
     setSoundAlert,
-    currentFocusInput
+    currentFocusInput,
+    walletAddress,
+    isPermissionlessListing,
+    symbol
   } = props;
   const [maxQtyConfirmOpen, setMaxQtyConfirmOpen] = React3.useState(false);
+  const [permissionlessAcknowledgedKeys, setPermissionlessAcknowledgedKeys] = hooks.useLocalStorage("orderly-permissionless-market-notice", []);
   const { t } = i18n.useTranslation();
   const { isMobile } = ui.useScreen();
   const [hasAdvancedTPSLResult, setHasAdvancedTPSLResult] = React3.useState(false);
@@ -5269,22 +5499,7 @@ var OrderEntry = (props) => {
     helper.validate(isSlPriceError ? props.slPriceError : void 0).then(
       // validate success, it return the order
       // TODO: get order from other function
-      (order) => {
-        if (isScaledOrder) {
-          return ui.modal.show(scaledOrderConfirmDialogId, {
-            order,
-            symbolInfo,
-            size: isMobile ? "sm" : "md"
-          });
-        }
-        if (needConfirm) {
-          return ui.modal.show(orderConfirmDialogId, {
-            order: formattedOrder,
-            symbolInfo
-          });
-        }
-        return true;
-      },
+      (order) => order,
       // should catch validate error first, then submit
       (errors2) => {
         if (errors2.slippage) {
@@ -5293,7 +5508,38 @@ var OrderEntry = (props) => {
         setErrorMsgVisible(true);
         return Promise.reject();
       }
-    ).then(() => {
+    ).then((order) => {
+      const shouldShowPermissionlessNotice = isPermissionlessListing && walletAddress && !(permissionlessAcknowledgedKeys ?? []).includes(
+        `${walletAddress}_${symbol}`
+      );
+      if (shouldShowPermissionlessNotice) {
+        return ui.modal.show(
+          isMobile ? permissionlessMarketNoticeDialogId : permissionlessMarketNoticeDesktopDialogId
+        ).then(() => {
+          setPermissionlessAcknowledgedKeys([
+            ...Array.isArray(permissionlessAcknowledgedKeys) ? permissionlessAcknowledgedKeys : [],
+            `${walletAddress}_${symbol}`
+          ]);
+          return order;
+        });
+      }
+      return Promise.resolve(order);
+    }).then((order) => {
+      if (isScaledOrder) {
+        return ui.modal.show(scaledOrderConfirmDialogId, {
+          order,
+          symbolInfo,
+          size: isMobile ? "sm" : "md"
+        });
+      }
+      if (needConfirm) {
+        return ui.modal.show(orderConfirmDialogId, {
+          order: formattedOrder,
+          symbolInfo
+        });
+      }
+      return true;
+    }).then(() => {
       return submit({ resetOnSuccess: false }).then((result) => {
         if (!result.success && result.message) {
           ui.toast.error(result.message);
@@ -5361,7 +5607,7 @@ var OrderEntry = (props) => {
     if (order.side !== formattedOrder.side) {
       manualSetOrderValue("side", order.side);
     }
-    setOrderValues({
+    setOrderValuesRaw({
       position_type: order.position_type,
       tp_order_type: order.tp_order_type,
       tp_pnl: order.tp_pnl,
@@ -5460,7 +5706,11 @@ var OrderEntry = (props) => {
                   order_type: formattedOrder.order_type,
                   setOrderValue: manualSetOrderValue,
                   symbolLeverage: props.symbolLeverage,
-                  marginMode: props.marginMode
+                  marginMode: props.marginMode,
+                  marketOrderDisabled: props.isSymbolPostOnly,
+                  marketOrderDisabledTooltip: t(
+                    "orderEntry.orderType.symbolPostOnly.tooltip"
+                  )
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -5858,11 +6108,14 @@ var useOrderEntryScript = (inputs) => {
     defaultSoundValue ?? null
   );
   const canTrade = reactApp.useCanTrade();
-  const { marginMode } = hooks.useMarginModeBySymbol(symbol);
+  const { state: accountState } = hooks.useAccount();
+  const { marginMode, isPermissionlessListing } = hooks.useMarginModeBySymbol(symbol);
+  const walletAddress = accountState?.address;
   const {
     formattedOrder,
     setValue,
     setValues: setOrderValues,
+    setValuesRaw: setOrderValuesRaw,
     symbolInfo,
     symbolLeverage,
     ...state
@@ -6058,6 +6311,16 @@ var useOrderEntryScript = (inputs) => {
       setValue("distribution_type", types.DistributionType.FLAT);
     }
   }, [formattedOrder.order_type, formattedOrder.distribution_type]);
+  const isSymbolPostOnly = symbolInfo?.status === "POST_ONLY";
+  React3.useEffect(() => {
+    if (isSymbolPostOnly && (formattedOrder.order_type === types.OrderType.MARKET || formattedOrder.order_type === types.OrderType.STOP_MARKET)) {
+      setLocalOrderType(types.OrderType.LIMIT);
+      setOrderValues({
+        order_type: types.OrderType.LIMIT,
+        order_type_ext: void 0
+      });
+    }
+  }, [isSymbolPostOnly, formattedOrder.order_type, setOrderValues]);
   const currentLtv = hooks.useComputedLTV();
   const askAndBid = useAskAndBid();
   const fillMiddleValue = () => {
@@ -6121,6 +6384,7 @@ var useOrderEntryScript = (inputs) => {
     setOrderValue,
     manualSetOrderValue,
     setOrderValues,
+    setOrderValuesRaw,
     // account-level leverage (for other consumers)
     currentLeverage,
     // symbol-level leverage & margin mode for this order entry
@@ -6149,7 +6413,10 @@ var useOrderEntryScript = (inputs) => {
     symbol,
     soundAlert,
     setSoundAlert,
-    currentFocusInput
+    currentFocusInput,
+    walletAddress,
+    isPermissionlessListing,
+    isSymbolPostOnly
   };
 };
 var OrderEntryWidget = (props) => {
@@ -6170,6 +6437,7 @@ exports.LTVRiskTooltipWidget = LTVRiskTooltipWidget;
 exports.OrderConfirmDialog = OrderConfirmDialog;
 exports.OrderEntry = OrderEntry;
 exports.OrderEntryWidget = OrderEntryWidget;
+exports.SymbolBadge = SymbolBadge;
 exports.useOrderEntryScript = useOrderEntryScript;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map