@0xsequence/marketplace-sdk 0.7.0 → 0.8.1

package/dist/chunk-OFY7OFTL.js

@@ -1,458 +0,0 @@
-'use client';
-
-import {
-  MODAL_CONTENT_PROPS,
-  MODAL_OVERLAY_PROPS,
-  useSwitchChainModal,
-  useWallet
-} from "./chunk-RBEPPVLT.js";
-
-// src/react/ui/modals/_internal/components/actionModal/ActionModal.tsx
-import { useState as useState2 } from "react";
-import { Button as Button3, Modal, Spinner, Text as Text4 } from "@0xsequence/design-system";
-import { observer as observer3 } from "@legendapp/state/react";
-
-// src/react/ui/modals/_internal/components/waasFeeOptionsBox/index.tsx
-import { useWaasFeeOptions } from "@0xsequence/connect";
-import { Button as Button2, Skeleton, Text as Text3, WarningIcon } from "@0xsequence/design-system";
-import { observer as observer2 } from "@legendapp/state/react";
-import { useEffect as useEffect2 } from "react";
-import { zeroAddress as zeroAddress3 } from "viem";
-import { useAccount } from "wagmi";
-
-// src/react/hooks/useCurrencyBalance.tsx
-import { skipToken, useQuery } from "@tanstack/react-query";
-import { erc20Abi, formatUnits, zeroAddress } from "viem";
-import { usePublicClient } from "wagmi";
-function useCurrencyBalance({
-  currencyAddress,
-  chainId,
-  userAddress
-}) {
-  const publicClient = usePublicClient({ chainId });
-  return useQuery({
-    queryKey: ["balance", currencyAddress, chainId, userAddress],
-    queryFn: !!userAddress && !!chainId && !!currencyAddress && !!publicClient ? async () => {
-      if (currencyAddress === zeroAddress) {
-        const balance2 = await publicClient.getBalance({
-          address: userAddress
-        });
-        return {
-          value: balance2,
-          formatted: formatUnits(balance2, 18)
-        };
-      }
-      const [balance, decimals] = await Promise.all([
-        publicClient.readContract({
-          address: currencyAddress,
-          abi: erc20Abi,
-          functionName: "balanceOf",
-          args: [userAddress]
-        }),
-        publicClient.readContract({
-          address: currencyAddress,
-          abi: erc20Abi,
-          functionName: "decimals"
-        })
-      ]);
-      return {
-        value: balance,
-        formatted: formatUnits(balance, decimals)
-      };
-    } : skipToken
-  });
-}
-
-// src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx
-import { Image, Text as Text2 } from "@0xsequence/design-system";
-import { observer } from "@legendapp/state/react";
-import { useEffect } from "react";
-import { formatUnits as formatUnits2, zeroAddress as zeroAddress2 } from "viem";
-
-// src/react/ui/components/_internals/custom-select/CustomSelect.tsx
-import {
-  Button,
-  ChevronDownIcon,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuPortal,
-  DropdownMenuRoot,
-  DropdownMenuTrigger,
-  Text
-} from "@0xsequence/design-system";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CustomSelect = ({
-  items,
-  onValueChange,
-  defaultValue,
-  placeholder = "Select an option",
-  disabled = false,
-  className,
-  testId = "custom-select"
-}) => {
-  const [selectedItem, setSelectedItem] = useState(
-    defaultValue
-  );
-  const handleValueChange = (item) => {
-    setSelectedItem(item);
-    onValueChange?.(item.value);
-  };
-  return /* @__PURE__ */ jsxs(DropdownMenuRoot, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "xs",
-        label: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1 truncate pr-3", children: [
-          /* @__PURE__ */ jsx(Text, { variant: "xsmall", color: "text100", fontWeight: "bold", children: selectedItem ? selectedItem.content : placeholder }),
-          /* @__PURE__ */ jsx(ChevronDownIcon, { size: "xs" })
-        ] }),
-        shape: "circle",
-        opacity: "100",
-        className: `bg-overlay-light py-1.5 pl-3 ${className || ""}`,
-        "data-testid": `${testId}-trigger`
-      }
-    ) }),
-    /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(
-      DropdownMenuContent,
-      {
-        align: "end",
-        side: "bottom",
-        sideOffset: 8,
-        className: "z-[1000] overflow-hidden rounded-xl border border-border-base bg-color-overlay-glass shadow-lg backdrop-blur-md",
-        "data-testid": `${testId}-content`,
-        children: /* @__PURE__ */ jsx("div", { className: "max-h-[240px] overflow-auto", children: items.map((item) => /* @__PURE__ */ jsx(
-          DropdownMenuCheckboxItem,
-          {
-            checked: selectedItem?.value === item.value,
-            onCheckedChange: () => handleValueChange(item),
-            disabled: item.disabled,
-            className: "group relative flex cursor-pointer select-none items-center rounded-lg px-2 py-1.5 outline-none transition-colors hover:bg-background-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>span[data-state='checked']]:hidden",
-            "data-testid": `${testId}-option-${item.value}`,
-            children: /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 truncate", children: typeof item.content === "string" ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                variant: "small",
-                color: selectedItem?.value === item.value ? "text100" : "text80",
-                className: `truncate ${selectedItem?.value === item.value ? "font-bold" : ""}`,
-                "data-testid": `${testId}-option-text-${item.value}`,
-                children: item.content
-              }
-            ) : /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "truncate",
-                "data-testid": `${testId}-option-content-${item.value}`,
-                children: item.content
-              }
-            ) }) })
-          },
-          item.value
-        )) })
-      }
-    ) })
-  ] });
-};
-
-// src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var WaasFeeOptionsSelect = observer(
-  ({
-    options,
-    selectedFeeOption$
-  }) => {
-    options = options.map((option) => ({
-      ...option,
-      token: {
-        ...option.token,
-        contractAddress: option.token.contractAddress || zeroAddress2
-      }
-    }));
-    const feeOptions = options.map((option) => {
-      const value = option.token.contractAddress ?? "";
-      return FeeOptionSelectItem({ value, option });
-    });
-    useEffect(() => {
-      if (options.length > 0 && !selectedFeeOption$.get())
-        selectedFeeOption$.set(options[0]);
-    }, [options]);
-    if (options.length === 0 || !selectedFeeOption$.get()?.token) return null;
-    return /* @__PURE__ */ jsx2(
-      CustomSelect,
-      {
-        items: feeOptions,
-        onValueChange: (value) => {
-          const selectedOption = options.find(
-            (option) => option.token.contractAddress === value
-          );
-          selectedFeeOption$.set(selectedOption);
-        },
-        defaultValue: selectedFeeOption$.get()?.token.contractAddress ? FeeOptionSelectItem({
-          value: selectedFeeOption$.get()?.token.contractAddress ?? "",
-          option: selectedFeeOption$.get() ?? options[0]
-        }) : void 0
-      }
-    );
-  }
-);
-function FeeOptionSelectItem({
-  value,
-  option
-}) {
-  return {
-    value,
-    content: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx2(
-        Image,
-        {
-          className: "h-3 w-3",
-          src: option.token.logoURL,
-          alt: option.token.symbol
-        }
-      ),
-      /* @__PURE__ */ jsxs2("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ jsx2(Text2, { className: "font-body text-sm", color: "text100", children: "Fee" }),
-        /* @__PURE__ */ jsxs2(
-          Text2,
-          {
-            className: "font-body text-sm",
-            color: "text50",
-            fontWeight: "semibold",
-            children: [
-              "(in ",
-              option.token.symbol,
-              ")"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx2(Text2, { className: "font-body text-sm", color: "text100", children: ":" })
-      ] }),
-      /* @__PURE__ */ jsx2(Text2, { className: "font-body text-sm", children: formatUnits2(BigInt(option.value), option.token.decimals || 0) })
-    ] })
-  };
-}
-var WaasFeeOptionsSelect_default = WaasFeeOptionsSelect;
-
-// src/react/ui/modals/_internal/components/waasFeeOptionsBox/store.ts
-import { observable } from "@legendapp/state";
-var initialState = {
-  selectedFeeOption: void 0
-};
-var waasFeeOptionsModal$ = observable(initialState);
-
-// src/react/ui/modals/_internal/components/waasFeeOptionsBox/index.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var WaasFeeOptionsBox = observer2(
-  ({
-    onFeeOptionsLoaded,
-    onFeeOptionConfirmed,
-    chainId
-  }) => {
-    const { address: userAddress } = useAccount();
-    const selectedFeeOption$ = waasFeeOptionsModal$.selectedFeeOption;
-    const [pendingFeeOptionConfirmation, confirmPendingFeeOption] = useWaasFeeOptions();
-    const { data: currencyBalance, isLoading: currencyBalanceLoading } = useCurrencyBalance({
-      chainId,
-      currencyAddress: selectedFeeOption$.token.contractAddress.get() || zeroAddress3,
-      userAddress
-    });
-    useEffect2(() => {
-      if (pendingFeeOptionConfirmation) {
-        onFeeOptionsLoaded();
-      }
-    }, [pendingFeeOptionConfirmation]);
-    const selectedFeeOption = selectedFeeOption$.get();
-    const insufficientBalance = (() => {
-      if (!selectedFeeOption?.value || !selectedFeeOption.token.decimals) {
-        return false;
-      }
-      if (!currencyBalance?.value && currencyBalance?.value !== 0n) {
-        return true;
-      }
-      try {
-        const feeValue = BigInt(selectedFeeOption.value);
-        return currencyBalance.value === 0n || currencyBalance.value < feeValue;
-      } catch {
-        return true;
-      }
-    })();
-    const handleConfirmFeeOption = () => {
-      if (!selectedFeeOption?.token || !pendingFeeOptionConfirmation?.id)
-        return;
-      confirmPendingFeeOption(
-        pendingFeeOptionConfirmation?.id,
-        selectedFeeOption.token.contractAddress || zeroAddress3
-      );
-      onFeeOptionConfirmed();
-    };
-    if (!pendingFeeOptionConfirmation) return null;
-    return /* @__PURE__ */ jsxs3("div", { className: "absolute bottom-[-140px] left-0 flex w-full flex-col gap-2 rounded-2xl bg-button-emphasis p-4 backdrop-blur-md", children: [
-      /* @__PURE__ */ jsx3(Text3, { className: "mb-2 font-body text-large", fontWeight: "bold", children: "Select a fee option" }),
-      /* @__PURE__ */ jsx3(
-        WaasFeeOptionsSelect_default,
-        {
-          options: pendingFeeOptionConfirmation?.options || [],
-          selectedFeeOption$
-        }
-      ),
-      /* @__PURE__ */ jsxs3("div", { className: "flex w-full items-center justify-between", children: [
-        currencyBalanceLoading ? /* @__PURE__ */ jsx3(Skeleton, { className: "w-1/3 rounded-xl", style: { height: 15 } }) : /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          insufficientBalance && /* @__PURE__ */ jsx3(WarningIcon, { className: "text-negative", size: "xs" }),
-          /* @__PURE__ */ jsxs3(
-            Text3,
-            {
-              className: "font-body text-sm",
-              fontWeight: "semibold",
-              color: insufficientBalance ? "negative" : "text100",
-              children: [
-                "You have ",
-                currencyBalance?.formatted || "0",
-                " ",
-                selectedFeeOption?.token.symbol
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx3(
-          Button2,
-          {
-            disabled: !selectedFeeOption?.token || insufficientBalance || currencyBalanceLoading,
-            pending: currencyBalanceLoading,
-            onClick: handleConfirmFeeOption,
-            label: /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-2", children: "Confirm" }),
-            variant: insufficientBalance ? "danger" : "primary",
-            size: "xs"
-          }
-        )
-      ] })
-    ] });
-  }
-);
-var waasFeeOptionsBox_default = WaasFeeOptionsBox;
-
-// src/react/ui/modals/_internal/components/actionModal/ActionModal.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var ActionModal = observer3(
-  ({
-    isOpen,
-    onClose,
-    title,
-    children,
-    ctas,
-    chainId,
-    disableAnimation,
-    modalLoading,
-    spinnerContainerClassname
-  }) => {
-    const [isSelectingFees, setIsSelectingFees] = useState2(false);
-    const { show: showSwitchChainModal } = useSwitchChainModal();
-    const { wallet } = useWallet();
-    const checkChain = async ({ onSuccess }) => {
-      const walletChainId = await wallet?.getChainId();
-      const chainMismatch = walletChainId !== Number(chainId);
-      if (chainMismatch) {
-        showSwitchChainModal({
-          chainIdToSwitchTo: Number(chainId),
-          onSuccess
-        });
-      } else {
-        onSuccess();
-      }
-    };
-    if (wallet?.isWaaS) {
-      wallet.switchChain(Number(chainId));
-    }
-    if (!isOpen || !chainId) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs4(
-      Modal,
-      {
-        isDismissible: true,
-        onClose,
-        overlayProps: MODAL_OVERLAY_PROPS,
-        contentProps: MODAL_CONTENT_PROPS,
-        disableAnimation,
-        children: [
-          /* @__PURE__ */ jsxs4("div", { className: "relative flex grow flex-col items-center gap-4 p-6", children: [
-            /* @__PURE__ */ jsx4(
-              Text4,
-              {
-                className: "w-full text-center font-body text-large",
-                fontWeight: "bold",
-                color: "text100",
-                children: title
-              }
-            ),
-            modalLoading ? /* @__PURE__ */ jsx4(
-              "div",
-              {
-                className: `flex ${spinnerContainerClassname} w-full items-center justify-center`,
-                children: /* @__PURE__ */ jsx4(Spinner, { size: "lg" })
-              }
-            ) : children,
-            /* @__PURE__ */ jsx4("div", { className: "flex w-full flex-col gap-2", children: ctas.map(
-              (cta) => !cta.hidden && /* @__PURE__ */ jsx4(
-                Button3,
-                {
-                  className: "w-full rounded-[12px] [&>div]:justify-center",
-                  onClick: async () => {
-                    await checkChain({
-                      onSuccess: () => {
-                        cta.onClick();
-                      }
-                    });
-                  },
-                  variant: cta.variant || "primary",
-                  pending: cta.pending,
-                  disabled: cta.disabled || isSelectingFees,
-                  size: "lg",
-                  "data-testid": cta.testid,
-                  label: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-center gap-2", children: [
-                    cta.pending && /* @__PURE__ */ jsx4(Spinner, { size: "sm" }),
-                    cta.label
-                  ] })
-                },
-                cta.label
-              )
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            waasFeeOptionsBox_default,
-            {
-              chainId,
-              onFeeOptionsLoaded: () => setIsSelectingFees(true),
-              onFeeOptionConfirmed: () => setIsSelectingFees(false)
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-// src/react/ui/modals/_internal/components/actionModal/store.ts
-import { observable as observable2 } from "@legendapp/state";
-function createActionModalStore() {
-  return observable2({
-    isOpen: false,
-    chainId: null,
-    collectionAddress: null
-  });
-}
-function openModal(store) {
-  store.isOpen.set(true);
-}
-function closeModal(store) {
-  store.isOpen.set(false);
-}
-
-export {
-  useCurrencyBalance,
-  CustomSelect,
-  ActionModal,
-  createActionModalStore,
-  openModal,
-  closeModal
-};
-//# sourceMappingURL=chunk-OFY7OFTL.js.map

package/dist/chunk-OFY7OFTL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/react/ui/modals/_internal/components/actionModal/ActionModal.tsx","../src/react/ui/modals/_internal/components/waasFeeOptionsBox/index.tsx","../src/react/hooks/useCurrencyBalance.tsx","../src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx","../src/react/ui/components/_internals/custom-select/CustomSelect.tsx","../src/react/ui/modals/_internal/components/waasFeeOptionsBox/store.ts","../src/react/ui/modals/_internal/components/actionModal/store.ts"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { type ComponentProps, useState } from 'react';\n\nimport { Button, Modal, Spinner, Text } from '@0xsequence/design-system';\nimport { observer } from '@legendapp/state/react';\nimport { useWallet } from '../../../../../_internal/wallet/useWallet';\nimport { MODAL_OVERLAY_PROPS } from '../consts';\nimport { MODAL_CONTENT_PROPS } from '../consts';\nimport { useSwitchChainModal } from '../switchChainModal';\nimport WaasFeeOptionsBox from '../waasFeeOptionsBox';\n\nexport interface ActionModalProps {\n\tisOpen: boolean;\n\tonClose: () => void;\n\ttitle: string;\n\tchildren: React.ReactNode;\n\tctas: {\n\t\tlabel: string;\n\t\tonClick: (() => Promise<void>) | (() => void);\n\t\tpending?: boolean;\n\t\tdisabled?: boolean;\n\t\thidden?: boolean;\n\t\tvariant?: ComponentProps<typeof Button>['variant'];\n\t\ttestid?: string;\n\t}[];\n\tchainId: number;\n\tmodalLoading?: boolean;\n\tspinnerContainerClassname?: string;\n\tdisableAnimation?: boolean;\n}\n\nexport const ActionModal = observer(\n\t({\n\t\tisOpen,\n\t\tonClose,\n\t\ttitle,\n\t\tchildren,\n\t\tctas,\n\t\tchainId,\n\t\tdisableAnimation,\n\t\tmodalLoading,\n\t\tspinnerContainerClassname,\n\t}: ActionModalProps) => {\n\t\tconst [isSelectingFees, setIsSelectingFees] = useState(false);\n\t\tconst { show: showSwitchChainModal } = useSwitchChainModal();\n\t\tconst { wallet } = useWallet();\n\n\t\tconst checkChain = async ({ onSuccess }: { onSuccess: () => void }) => {\n\t\t\tconst walletChainId = await wallet?.getChainId();\n\t\t\tconst chainMismatch = walletChainId !== Number(chainId);\n\t\t\tif (chainMismatch) {\n\t\t\t\tshowSwitchChainModal({\n\t\t\t\t\tchainIdToSwitchTo: Number(chainId),\n\t\t\t\t\tonSuccess,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tonSuccess();\n\t\t\t}\n\t\t};\n\n\t\tif (wallet?.isWaaS) {\n\t\t\twallet.switchChain(Number(chainId));\n\t\t}\n\n\t\tif (!isOpen || !chainId) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tisDismissible={true}\n\t\t\t\tonClose={onClose}\n\t\t\t\toverlayProps={MODAL_OVERLAY_PROPS}\n\t\t\t\tcontentProps={MODAL_CONTENT_PROPS}\n\t\t\t\tdisableAnimation={disableAnimation}\n\t\t\t>\n\t\t\t\t<div className=\"relative flex grow flex-col items-center gap-4 p-6\">\n\t\t\t\t\t<Text\n\t\t\t\t\t\tclassName=\"w-full text-center font-body text-large\"\n\t\t\t\t\t\tfontWeight=\"bold\"\n\t\t\t\t\t\tcolor=\"text100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Text>\n\n\t\t\t\t\t{modalLoading ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={`flex ${spinnerContainerClassname} w-full items-center justify-center`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Spinner size=\"lg\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tchildren\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className=\"flex w-full flex-col gap-2\">\n\t\t\t\t\t\t{ctas.map(\n\t\t\t\t\t\t\t(cta) =>\n\t\t\t\t\t\t\t\t!cta.hidden && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-full rounded-[12px] [&>div]:justify-center\"\n\t\t\t\t\t\t\t\t\t\tkey={cta.label}\n\t\t\t\t\t\t\t\t\t\tonClick={async () => {\n\t\t\t\t\t\t\t\t\t\t\tawait checkChain({\n\t\t\t\t\t\t\t\t\t\t\t\tonSuccess: () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcta.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvariant={cta.variant || 'primary'}\n\t\t\t\t\t\t\t\t\t\tpending={cta.pending}\n\t\t\t\t\t\t\t\t\t\tdisabled={cta.disabled || isSelectingFees}\n\t\t\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\t\t\tdata-testid={cta.testid}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center justify-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t{cta.pending && <Spinner size=\"sm\" />}\n\n\t\t\t\t\t\t\t\t\t\t\t\t{cta.label}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<WaasFeeOptionsBox\n\t\t\t\t\tchainId={chainId}\n\t\t\t\t\tonFeeOptionsLoaded={() => setIsSelectingFees(true)}\n\t\t\t\t\tonFeeOptionConfirmed={() => setIsSelectingFees(false)}\n\t\t\t\t/>\n\t\t\t</Modal>\n\t\t);\n\t},\n);\n","'use client';\n\nimport { useWaasFeeOptions } from '@0xsequence/connect';\nimport { Button, Skeleton, Text, WarningIcon } from '@0xsequence/design-system';\nimport { observer } from '@legendapp/state/react';\nimport { useEffect } from 'react';\nimport { type Hex, zeroAddress } from 'viem';\nimport { useAccount } from 'wagmi';\nimport { useCurrencyBalance } from '../../../../../hooks/useCurrencyBalance';\nimport WaasFeeOptionsSelect, {\n\ttype FeeOption,\n} from '../waasFeeOptionsSelect/WaasFeeOptionsSelect';\nimport { waasFeeOptionsModal$ } from './store';\n\ntype WaasFeeOptionsBoxProps = {\n\tonFeeOptionsLoaded: () => void;\n\tonFeeOptionConfirmed: () => void;\n\tchainId: number;\n};\n\nconst WaasFeeOptionsBox = observer(\n\t({\n\t\tonFeeOptionsLoaded,\n\t\tonFeeOptionConfirmed,\n\t\tchainId,\n\t}: WaasFeeOptionsBoxProps) => {\n\t\tconst { address: userAddress } = useAccount();\n\t\tconst selectedFeeOption$ = waasFeeOptionsModal$.selectedFeeOption;\n\t\tconst [pendingFeeOptionConfirmation, confirmPendingFeeOption] =\n\t\t\tuseWaasFeeOptions();\n\t\tconst { data: currencyBalance, isLoading: currencyBalanceLoading } =\n\t\t\tuseCurrencyBalance({\n\t\t\t\tchainId,\n\t\t\t\tcurrencyAddress: (selectedFeeOption$.token.contractAddress.get() ||\n\t\t\t\t\tzeroAddress) as Hex,\n\t\t\t\tuserAddress: userAddress as Hex,\n\t\t\t});\n\n\t\t// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n\t\tuseEffect(() => {\n\t\t\tif (pendingFeeOptionConfirmation) {\n\t\t\t\tonFeeOptionsLoaded();\n\t\t\t}\n\t\t}, [pendingFeeOptionConfirmation]);\n\n\t\tconst selectedFeeOption = selectedFeeOption$.get();\n\t\tconst insufficientBalance = (() => {\n\t\t\tif (!selectedFeeOption?.value || !selectedFeeOption.token.decimals) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (!currencyBalance?.value && currencyBalance?.value !== 0n) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst feeValue = BigInt(selectedFeeOption.value);\n\t\t\t\treturn currencyBalance.value === 0n || currencyBalance.value < feeValue;\n\t\t\t} catch {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t})();\n\n\t\tconst handleConfirmFeeOption = () => {\n\t\t\tif (!selectedFeeOption?.token || !pendingFeeOptionConfirmation?.id)\n\t\t\t\treturn;\n\n\t\t\tconfirmPendingFeeOption(\n\t\t\t\tpendingFeeOptionConfirmation?.id,\n\t\t\t\tselectedFeeOption.token.contractAddress || zeroAddress,\n\t\t\t);\n\n\t\t\tonFeeOptionConfirmed();\n\t\t};\n\n\t\tif (!pendingFeeOptionConfirmation) return null;\n\n\t\treturn (\n\t\t\t<div className=\"absolute bottom-[-140px] left-0 flex w-full flex-col gap-2 rounded-2xl bg-button-emphasis p-4 backdrop-blur-md\">\n\t\t\t\t<Text className=\"mb-2 font-body text-large\" fontWeight=\"bold\">\n\t\t\t\t\tSelect a fee option\n\t\t\t\t</Text>\n\t\t\t\t<WaasFeeOptionsSelect\n\t\t\t\t\toptions={(pendingFeeOptionConfirmation?.options as FeeOption[]) || []}\n\t\t\t\t\tselectedFeeOption$={selectedFeeOption$}\n\t\t\t\t/>\n\t\t\t\t<div className=\"flex w-full items-center justify-between\">\n\t\t\t\t\t{currencyBalanceLoading ? (\n\t\t\t\t\t\t<Skeleton className=\"w-1/3 rounded-xl\" style={{ height: 15 }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t{insufficientBalance && (\n\t\t\t\t\t\t\t\t<WarningIcon className=\"text-negative\" size=\"xs\" />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tclassName=\"font-body text-sm\"\n\t\t\t\t\t\t\t\tfontWeight=\"semibold\"\n\t\t\t\t\t\t\t\tcolor={insufficientBalance ? 'negative' : 'text100'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tYou have {currencyBalance?.formatted || '0'}{' '}\n\t\t\t\t\t\t\t\t{selectedFeeOption?.token.symbol}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t!selectedFeeOption?.token ||\n\t\t\t\t\t\t\tinsufficientBalance ||\n\t\t\t\t\t\t\tcurrencyBalanceLoading\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpending={currencyBalanceLoading}\n\t\t\t\t\t\tonClick={handleConfirmFeeOption}\n\t\t\t\t\t\tlabel={<div className=\"flex items-center gap-2\">Confirm</div>}\n\t\t\t\t\t\tvariant={insufficientBalance ? 'danger' : 'primary'}\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default WaasFeeOptionsBox;\n","import { skipToken, useQuery } from '@tanstack/react-query';\nimport { type Address, erc20Abi, formatUnits, zeroAddress } from 'viem';\nimport { usePublicClient } from 'wagmi';\nexport function useCurrencyBalance({\n\tcurrencyAddress,\n\tchainId,\n\tuserAddress,\n}: {\n\tcurrencyAddress: Address | undefined;\n\tchainId: number | undefined;\n\tuserAddress: Address | undefined;\n}) {\n\tconst publicClient = usePublicClient({ chainId });\n\n\treturn useQuery({\n\t\tqueryKey: ['balance', currencyAddress, chainId, userAddress],\n\t\tqueryFn:\n\t\t\t!!userAddress && !!chainId && !!currencyAddress && !!publicClient\n\t\t\t\t? async () => {\n\t\t\t\t\t\tif (currencyAddress === zeroAddress) {\n\t\t\t\t\t\t\tconst balance = await publicClient.getBalance({\n\t\t\t\t\t\t\t\taddress: userAddress,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tvalue: balance,\n\t\t\t\t\t\t\t\tformatted: formatUnits(balance, 18),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst [balance, decimals] = await Promise.all([\n\t\t\t\t\t\t\tpublicClient.readContract({\n\t\t\t\t\t\t\t\taddress: currencyAddress,\n\t\t\t\t\t\t\t\tabi: erc20Abi,\n\t\t\t\t\t\t\t\tfunctionName: 'balanceOf',\n\t\t\t\t\t\t\t\targs: [userAddress],\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\tpublicClient.readContract({\n\t\t\t\t\t\t\t\taddress: currencyAddress,\n\t\t\t\t\t\t\t\tabi: erc20Abi,\n\t\t\t\t\t\t\t\tfunctionName: 'decimals',\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t]);\n\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tvalue: balance,\n\t\t\t\t\t\t\tformatted: formatUnits(balance, decimals),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t: skipToken,\n\t});\n}\n","'use client';\n\nimport { Image, Text } from '@0xsequence/design-system';\nimport type { Observable } from '@legendapp/state';\nimport { observer } from '@legendapp/state/react';\nimport { useEffect } from 'react';\nimport { formatUnits, zeroAddress } from 'viem';\nimport {\n\tCustomSelect,\n\ttype SelectItem,\n} from '../../../../components/_internals/custom-select/CustomSelect';\n\nexport type FeeOption = {\n\tgasLimit: number;\n\tto: string;\n\ttoken: {\n\t\tchainId: number;\n\t\tcontractAddress: string | null;\n\t\tdecimals: number;\n\t\tlogoURL: string;\n\t\tname: string;\n\t\tsymbol: string;\n\t\ttokenID: string | null;\n\t\ttype: string;\n\t};\n\tvalue: string;\n};\n\nconst WaasFeeOptionsSelect = observer(\n\t({\n\t\toptions,\n\t\tselectedFeeOption$,\n\t}: {\n\t\toptions: FeeOption[];\n\t\tselectedFeeOption$: Observable<FeeOption | undefined>;\n\t}) => {\n\t\toptions = options.map((option) => ({\n\t\t\t...option,\n\t\t\ttoken: {\n\t\t\t\t...option.token,\n\t\t\t\tcontractAddress: option.token.contractAddress || zeroAddress,\n\t\t\t},\n\t\t}));\n\n\t\tconst feeOptions = options.map((option) => {\n\t\t\tconst value = option.token.contractAddress ?? '';\n\n\t\t\treturn FeeOptionSelectItem({ value, option });\n\t\t});\n\n\t\t// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n\t\tuseEffect(() => {\n\t\t\tif (options.length > 0 && !selectedFeeOption$.get())\n\t\t\t\tselectedFeeOption$.set(options[0]);\n\t\t}, [options]);\n\n\t\tif (options.length === 0 || !selectedFeeOption$.get()?.token) return null;\n\n\t\treturn (\n\t\t\t<CustomSelect\n\t\t\t\titems={feeOptions}\n\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\tconst selectedOption = options.find(\n\t\t\t\t\t\t(option) => option.token.contractAddress === value,\n\t\t\t\t\t);\n\n\t\t\t\t\tselectedFeeOption$.set(selectedOption);\n\t\t\t\t}}\n\t\t\t\tdefaultValue={\n\t\t\t\t\tselectedFeeOption$.get()?.token.contractAddress\n\t\t\t\t\t\t? FeeOptionSelectItem({\n\t\t\t\t\t\t\t\tvalue: selectedFeeOption$.get()?.token.contractAddress ?? '',\n\t\t\t\t\t\t\t\toption: selectedFeeOption$.get() ?? options[0],\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nfunction FeeOptionSelectItem({\n\tvalue,\n\toption,\n}: {\n\tvalue: string;\n\toption: FeeOption;\n}) {\n\treturn {\n\t\tvalue,\n\t\tcontent: (\n\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t<Image\n\t\t\t\t\tclassName=\"h-3 w-3\"\n\t\t\t\t\tsrc={option.token.logoURL}\n\t\t\t\t\talt={option.token.symbol}\n\t\t\t\t/>\n\n\t\t\t\t<div className=\"flex gap-1\">\n\t\t\t\t\t<Text className=\"font-body text-sm\" color=\"text100\">\n\t\t\t\t\t\tFee\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tclassName=\"font-body text-sm\"\n\t\t\t\t\t\tcolor=\"text50\"\n\t\t\t\t\t\tfontWeight=\"semibold\"\n\t\t\t\t\t>\n\t\t\t\t\t\t(in {option.token.symbol})\n\t\t\t\t\t</Text>\n\n\t\t\t\t\t<Text className=\"font-body text-sm\" color=\"text100\">\n\t\t\t\t\t\t:\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\n\t\t\t\t<Text className=\"font-body text-sm\">\n\t\t\t\t\t{formatUnits(BigInt(option.value), option.token.decimals || 0)}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t),\n\t} as SelectItem;\n}\n\nexport default WaasFeeOptionsSelect;\n","'use client';\n\nimport {\n\tButton,\n\tChevronDownIcon,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuPortal,\n\tDropdownMenuRoot,\n\tDropdownMenuTrigger,\n\tText,\n} from '@0xsequence/design-system';\nimport { type ReactNode, useState } from 'react';\n\nexport interface SelectItem {\n\tvalue: string;\n\tcontent: ReactNode;\n\tdisabled?: boolean;\n}\n\ninterface CustomSelectProps {\n\titems: SelectItem[];\n\tonValueChange?: (value: string) => void;\n\tdefaultValue?: SelectItem;\n\tplaceholder?: string;\n\tdisabled?: boolean;\n\tbackgroundColor?: string;\n\tclassName?: string;\n\ttestId?: string;\n}\n\nexport const CustomSelect = ({\n\titems,\n\tonValueChange,\n\tdefaultValue,\n\tplaceholder = 'Select an option',\n\tdisabled = false,\n\tclassName,\n\ttestId = 'custom-select',\n}: CustomSelectProps) => {\n\tconst [selectedItem, setSelectedItem] = useState<SelectItem | undefined>(\n\t\tdefaultValue,\n\t);\n\n\tconst handleValueChange = (item: SelectItem) => {\n\t\tsetSelectedItem(item);\n\t\tonValueChange?.(item.value);\n\t};\n\n\treturn (\n\t\t<DropdownMenuRoot>\n\t\t\t<DropdownMenuTrigger asChild disabled={disabled}>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tlabel={\n\t\t\t\t\t\t<div className=\"flex items-center justify-center gap-1 truncate pr-3\">\n\t\t\t\t\t\t\t<Text variant=\"xsmall\" color=\"text100\" fontWeight=\"bold\">\n\t\t\t\t\t\t\t\t{selectedItem ? selectedItem.content : placeholder}\n\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t<ChevronDownIcon size=\"xs\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\topacity=\"100\"\n\t\t\t\t\tclassName={`bg-overlay-light py-1.5 pl-3 ${className || ''}`}\n\t\t\t\t\tdata-testid={`${testId}-trigger`}\n\t\t\t\t/>\n\t\t\t</DropdownMenuTrigger>\n\n\t\t\t<DropdownMenuPortal>\n\t\t\t\t<DropdownMenuContent\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tside=\"bottom\"\n\t\t\t\t\tsideOffset={8}\n\t\t\t\t\tclassName=\"z-[1000] overflow-hidden rounded-xl border border-border-base bg-color-overlay-glass shadow-lg backdrop-blur-md\"\n\t\t\t\t\tdata-testid={`${testId}-content`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"max-h-[240px] overflow-auto\">\n\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\tchecked={selectedItem?.value === item.value}\n\t\t\t\t\t\t\t\tonCheckedChange={() => handleValueChange(item)}\n\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\tclassName=\"group relative flex cursor-pointer select-none items-center rounded-lg px-2 py-1.5 outline-none transition-colors hover:bg-background-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>span[data-state='checked']]:hidden\"\n\t\t\t\t\t\t\t\tdata-testid={`${testId}-option-${item.value}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"flex w-full items-center justify-between\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 truncate\">\n\t\t\t\t\t\t\t\t\t\t{typeof item.content === 'string' ? (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem?.value === item.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'text100'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text80'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`truncate ${\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem?.value === item.value ? 'font-bold' : ''\n\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid={`${testId}-option-text-${item.value}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"truncate\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid={`${testId}-option-content-${item.value}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenuPortal>\n\t\t</DropdownMenuRoot>\n\t);\n};\n","import { observable } from '@legendapp/state';\nimport type { FeeOption } from '../waasFeeOptionsSelect/WaasFeeOptionsSelect';\n\ntype WaasFeeOptionsModalState = {\n\tselectedFeeOption: FeeOption | undefined;\n};\n\nconst initialState = {\n\tselectedFeeOption: undefined,\n} as WaasFeeOptionsModalState;\n\nexport const waasFeeOptionsModal$ = observable(initialState);\n","import { type Observable, observable } from '@legendapp/state';\nimport type { Address } from 'viem';\nimport type { ChainId } from '../../../../../_internal';\n\nexport interface ActionModalState {\n\tisOpen: boolean;\n\tchainId: ChainId | null;\n\tcollectionAddress: Address | null;\n}\n\nexport function createActionModalStore() {\n\treturn observable<ActionModalState>({\n\t\tisOpen: false,\n\t\tchainId: null,\n\t\tcollectionAddress: null,\n\t});\n}\n\nexport function openModal(store: Observable<ActionModalState>) {\n\tstore.isOpen.set(true);\n}\n\nexport function closeModal(store: Observable<ActionModalState>) {\n\tstore.isOpen.set(false);\n}\n"],"mappings":"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","names":["useState","Button","Text","observer","Button","Text","observer","useEffect","zeroAddress","balance","Text","formatUnits","zeroAddress","jsx","jsxs","zeroAddress","Text","formatUnits","jsx","jsxs","observer","zeroAddress","useEffect","Text","Button","jsx","jsxs","observer","useState","Text","Button","observable"]}