@orderly.network/trading 3.1.10 → 3.1.11

package/dist/index.mjs

@@ -9,7 +9,7 @@ import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, MobileLiquid
 import { Decimal, commifyOptional, removeTrailingZeros, formatSymbol, optimizeSymbolDisplay, getPrecisionByNumber } from '@orderly.network/utils';
 import { AssetsModule } from '@orderly.network/portfolio';
 import { DesktopOrderListWidget, TabType, MobileOrderListWidget } from '@orderly.network/ui-orders';
-import { AuthGuard } from '@orderly.network/ui-connector';
+import { AuthGuard, useOnboardingModal, useChainChangeValidation } from '@orderly.network/ui-connector';
 import { OrderEntryWidget, LTVRiskTooltipWidget } from '@orderly.network/ui-order-entry';
 import { DepositStatusWidget, DepositAndWithdrawWithSheetId, TransferSheetId, DepositAndWithdrawWithDialogId, TransferDialogId } from '@orderly.network/ui-transfer';
 import { TradingviewWidget } from '@orderly.network/ui-tradingview';
@@ -6998,7 +6998,9 @@ var Chain = (props) => {
         modal.show(ChainSelectorSheetId, {
           // networkId: props.networkId,
           bridgeLessOnly: false,
-          isWrongNetwork: props.wrongNetwork
+          isWrongNetwork: props.wrongNetwork,
+          onChainChangeBefore: props.onChainChangeBefore,
+          onChainChangeAfter: props.onChainChangeAfter
         }).then(
           (r) => {
             if (r?.chainId) {
@@ -7049,19 +7051,27 @@ var Chain = (props) => {
     }
   );
 };
-var useChainScript = () => {
+var useChainScript = (options = {}) => {
   const config = useConfig();
   const { wrongNetwork, currentChainId, setCurrentChainId } = useAppContext();
+  const { onChainChangeBefore, onChainChangeAfter } = useChainChangeValidation({
+    onAccountValidated: options.onAccountValidated
+  });
   const networkId = config.get("networkId");
   return {
     currentChainId,
     setCurrentChainId,
     networkId,
-    wrongNetwork
+    wrongNetwork,
+    onChainChangeBefore,
+    onChainChangeAfter
   };
 };
 var ChainWidget = () => {
-  const state = useChainScript();
+  const { handleAccountStatus } = useOnboardingModal();
+  const state = useChainScript({
+    onAccountValidated: handleAccountStatus
+  });
   return /* @__PURE__ */ jsx(Chain, { ...state });
 };
 var BottomNavBar = (props) => {