@xswap-link/sdk 0.10.2 → 0.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xswap-link/sdk",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "JavaScript SDK for XSwap platform",
   "homepage": "https://github.com/xswap-link/xswap-sdk",
   "repository": {

package/src/components/TxConfigForm/index.tsx

@@ -29,6 +29,20 @@ export type TxConfigFormPayload = Omit<
   integratorFeeReceiverAddress?: string;
 };
 
+type TxConfigFormProps = TxConfigFormPayload &
+  (
+    | {
+        onSubmit: (route: Route) => void;
+        onClose: () => void;
+        overlay: true;
+      }
+    | {
+        onSubmit?: undefined;
+        onClose?: undefined;
+        overlay: false;
+      }
+  );
+
 const queryClient = new QueryClient();
 
 const WagmiReload: FC = () => {
@@ -52,6 +66,14 @@ const WagmiReload: FC = () => {
   return <></>;
 };
 
+const normalizeTxConfigFormProps = (props: TxConfigFormProps) => {
+  return {
+    ...props,
+    dstTokenAddr: props.dstTokenAddr?.toLowerCase(),
+    srcTokenAddr: props.srcTokenAddr?.toLowerCase(),
+  };
+};
+
 const PendingTransactionsEmitter: FC<{
   onPendingTransactionsChange: ModalIntegrationPayload["onPendingTransactionsChange"];
 }> = ({ onPendingTransactionsChange }) => {
@@ -73,49 +95,44 @@ const PendingTransactionsEmitter: FC<{
   return <></>;
 };
 
-export const TxConfigForm = ({
-  integratorId,
-  dstChainId,
-  dstTokenAddr,
-  srcChainId,
-  srcTokenAddr,
-  customContractCalls,
-  desc,
-  dstDisplayTokenAddr,
-  supportedChains,
-  onSubmit,
-  onClose,
-  overlay,
-  lightTheme,
-  defaultWalletPicker,
-  styles,
-  onPendingTransactionsChange,
-  dstTokenLocked,
-  dstChainLocked,
-  srcTokenLocked,
-  srcChainLocked,
-  onDstTokenChange,
-  onDstChainChange,
-  onSrcTokenChange,
-  onSrcChainChange,
-  bridge,
-  onConnectWallet,
-  override,
-  integratorFee,
-  integratorFeeReceiverAddress,
-}: TxConfigFormPayload &
-  (
-    | {
-        onSubmit: (route: Route) => void;
-        onClose: () => void;
-        overlay: true;
-      }
-    | {
-        onSubmit?: undefined;
-        onClose?: undefined;
-        overlay: false;
-      }
-  )) => {
+export const TxConfigForm = (props: TxConfigFormProps) => {
+  const normalizedProps = useMemo(
+    () => normalizeTxConfigFormProps(props),
+    [props],
+  );
+
+  const {
+    integratorId,
+    dstChainId,
+    dstTokenAddr,
+    srcChainId,
+    srcTokenAddr,
+    customContractCalls,
+    desc,
+    dstDisplayTokenAddr,
+    supportedChains,
+    onSubmit,
+    onClose,
+    overlay,
+    lightTheme,
+    defaultWalletPicker,
+    styles,
+    onPendingTransactionsChange,
+    dstTokenLocked,
+    dstChainLocked,
+    srcTokenLocked,
+    srcChainLocked,
+    onDstTokenChange,
+    onDstChainChange,
+    onSrcTokenChange,
+    onSrcChainChange,
+    bridge,
+    onConnectWallet,
+    override,
+    integratorFee,
+    integratorFeeReceiverAddress,
+  } = normalizedProps;
+
   const onBackdropClick = (e: MouseEvent) => {
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
@@ -245,9 +262,9 @@ export const openTxConfigForm = async ({
         <TxConfigForm
           integratorId={integratorId}
           dstChainId={dstChainId}
-          dstTokenAddr={dstTokenAddr?.toLowerCase()}
+          dstTokenAddr={dstTokenAddr}
           srcChainId={srcChainId}
-          srcTokenAddr={srcTokenAddr?.toLowerCase()}
+          srcTokenAddr={srcTokenAddr}
           customContractCalls={customContractCalls}
           desc={desc}
           dstDisplayTokenAddr={dstDisplayTokenAddr}