@0xsequence/marketplace-sdk 0.3.4 → 0.3.6

package/dist/index.js

@@ -1,175 +1,75 @@
-// ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.5_@vanilla-extract+css@1.16.1/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
-function toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
-}
-function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function mapValues(input, fn) {
-  var result = {};
-  for (var _key in input) {
-    result[_key] = fn(input[_key], _key);
-  }
-  return result;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-  for (var key of Object.keys(compoundCheck)) {
-    var _selections$key;
-    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => {
-  var runtimeFn = (options) => {
-    var className = config.defaultClassName;
-    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-    for (var variantName in selections) {
-      var _selections$variantNa;
-      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-      if (variantSelection != null) {
-        var selection = variantSelection;
-        if (typeof selection === "boolean") {
-          selection = selection === true ? "true" : "false";
-        }
-        var selectionClassName = (
-          // @ts-expect-error
-          config.variantClassNames[variantName][selection]
-        );
-        if (selectionClassName) {
-          className += " " + selectionClassName;
-        }
-      }
-    }
-    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-        className += " " + compoundClassName;
-      }
-    }
-    return className;
-  };
-  runtimeFn.variants = () => Object.keys(config.variantClassNames);
-  runtimeFn.classNames = {
-    get base() {
-      return config.defaultClassName.split(" ")[0];
-    },
-    get variants() {
-      return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
-    }
-  };
-  return runtimeFn;
-};
-
-// src/react/ui/icons/styles.css.ts
-var iconVariants = createRuntimeFn({ defaultClassName: "styles_iconVariants__1x12tbe0", variantClassNames: { size: { xs: "styles_iconVariants_size_xs__1x12tbe1", sm: "styles_iconVariants_size_sm__1x12tbe2", md: "styles_iconVariants_size_md__1x12tbe3", lg: "styles_iconVariants_size_lg__1x12tbe4", xl: "styles_iconVariants_size_xl__1x12tbe5" } }, defaultVariants: {}, compoundVariants: [] });
-
-// src/react/ui/modals/_internal/components/actionModal/styles.css.ts
-var cta = "styles_cta__1rop7tw0";
-
-// src/react/ui/modals/_internal/components/calendarPopover/styles.css.ts
-var dateSelectButton = "styles_dateSelectButton__1jc6p8j0";
-var dateSelectPopoverContent = "fyvr11h8 fyvr11hw fyvr11fw fyvr11gk fyvr11rs fyvr130l fyvr11xx fyvr11r0";
-
-// src/react/ui/modals/_internal/components/priceInput/styles.css.ts
-var priceInputCurrencyImage = "styles_priceInputCurrencyImage__6jjz8t1";
-var priceInputWrapper = "styles_priceInputWrapper__6jjz8t0";
-
-// src/react/ui/modals/_internal/components/quantityInput/styles.css.ts
-var quantityInputWrapper = "styles_quantityInputWrapper__50g4m90";
-
-// src/react/ui/modals/_internal/components/tokenPreview/styles.css.ts
-var tokenPreview = "fyvr1188 fyvr11ag fyvr11l8 fyvr11ow fyvr12g";
-
-// src/react/ui/modals/_internal/components/alertMessage/styles.css.ts
-var alertMessageBox = "fyvr11hc fyvr11i0 fyvr11g0 fyvr11go fyvr1vc fyvr1xg fyvr1zk fyvr111o fyvr11l8 fyvr11ow fyvr11o4 fyvr11ck";
-var alertMessageBoxVariants = { warning: "styles_alertMessageBoxVariants_warning__yzftal1", info: "styles_alertMessageBoxVariants_info__yzftal2" };
-
-// src/react/ui/modals/_internal/components/switchChainModal/styles.css.ts
-var switchChainCta = { "default": "styles_switchChainCtaBase__xmi06q1", pending: "styles_switchChainCta_pending__xmi06q3 styles_switchChainCtaBase__xmi06q1" };
-var switchChainModalContent = "modal_dialogContent_wide__1ypl6nt3 modal_dialogContentBase__1ypl6nt1 fyvr11hg fyvr11i4 fyvr11g4 fyvr11gs fyvr11l8 fyvr11wl fyvr11m0 fyvr11rs fyvr1vo fyvr1xs fyvr1zw fyvr1120 fyvr11lc fyvr11mc fyvr11cw";
-
-// src/react/ui/modals/SuccessfulPurchaseModal/styles.css.ts
-var collectiblesGrid = "styles_collectiblesGrid__1njkwfe0";
-var collectiblesGridImage = "styles_collectiblesGridImage__1njkwfe2";
-var collectiblesGridImagePale = "styles_collectiblesGridImagePale__1njkwfe3 styles_collectiblesGridImage__1njkwfe2";
-var collectiblesGridItem = "styles_collectiblesGridItem__1njkwfe1";
-
-// src/react/ui/modals/TransferModal/styles.css.ts
-var transferModalContent = "styles_transferModalContent__i1qz9g0 modal_dialogContent_wide__1ypl6nt3 modal_dialogContentBase__1ypl6nt1 fyvr11hg fyvr11i4 fyvr11g4 fyvr11gs fyvr11l8 fyvr11wl fyvr11m0 fyvr11rs fyvr1vo fyvr1xs fyvr1zw fyvr1120";
+"use client"
+import {
+  calculatePriceDifferencePercentage,
+  compareAddress,
+  getPresentableChainName,
+  getPublicRpcClient,
+  truncateEnd,
+  truncateMiddle
+} from "./chunk-OUZ42I6B.js";
+import "./chunk-MJ4YU7RW.js";
+import "./chunk-Q2BVDQ3G.js";
+import {
+  CollectibleStatus,
+  CollectionStatus,
+  ContractType,
+  ExecuteType,
+  MarketplaceKind,
+  OrderSide,
+  OrderStatus,
+  OrderbookKind,
+  ProjectStatus,
+  PropertyType,
+  SortOrder,
+  SourceKind,
+  StepType,
+  TransactionCrypto,
+  WalletKind
+} from "./chunk-D3HRXVYJ.js";
+import "./chunk-3CXEYH2I.js";
+import "./chunk-T2AMWIKD.js";
+import "./chunk-MCI3KOSQ.js";
+import {
+  EIP2981_ABI,
+  SequenceMarketplaceV1_ABI,
+  SequenceMarketplaceV2_ABI
+} from "./chunk-3OHM45R3.js";
+import {
+  ERC1155_ABI,
+  ERC20_ABI,
+  ERC721_ABI
+} from "./chunk-WFE6OCYF.js";
 
-// src/react/ui/components/collectible-card/styles.css.ts
-var actionWrapper = "styles_actionWrapper__biep7a7";
-var collectibleCard = "styles_collectibleCard__biep7a0";
-var collectibleImage = "styles_collectibleImage__biep7a1";
-var collectibleTileWrapper = "styles_collectibleTileWrapper__biep7a2";
-var footer = { animated: "styles_footer_animated__biep7a5 fyvr11wl", "static": "fyvr11wl" };
-var offerBellButton = "styles_offerBellButton__biep7a3";
+// src/consts.ts
+var SEQUENCE_MARKET_V1_ADDRESS = "0xB537a160472183f2150d42EB1c3DD6684A55f74c";
 export {
-  actionWrapper,
-  alertMessageBox,
-  alertMessageBoxVariants,
-  collectibleCard,
-  collectibleImage,
-  collectibleTileWrapper,
-  collectiblesGrid,
-  collectiblesGridImage,
-  collectiblesGridImagePale,
-  collectiblesGridItem,
-  cta,
-  dateSelectButton,
-  dateSelectPopoverContent,
-  footer,
-  iconVariants,
-  offerBellButton,
-  priceInputCurrencyImage,
-  priceInputWrapper,
-  quantityInputWrapper,
-  switchChainCta,
-  switchChainModalContent,
-  tokenPreview,
-  transferModalContent
+  CollectibleStatus,
+  CollectionStatus,
+  ContractType,
+  EIP2981_ABI,
+  ERC1155_ABI,
+  ERC20_ABI,
+  ERC721_ABI,
+  ExecuteType,
+  MarketplaceKind,
+  OrderSide,
+  OrderStatus,
+  OrderbookKind,
+  ProjectStatus,
+  PropertyType,
+  SEQUENCE_MARKET_V1_ADDRESS,
+  SequenceMarketplaceV1_ABI,
+  SequenceMarketplaceV2_ABI,
+  SortOrder,
+  SourceKind,
+  StepType,
+  TransactionCrypto,
+  WalletKind,
+  calculatePriceDifferencePercentage,
+  compareAddress,
+  getPresentableChainName,
+  getPublicRpcClient,
+  truncateEnd,
+  truncateMiddle
 };
+//# sourceMappingURL=index.js.map

package/dist/react/hooks/index.d.ts

@@ -2192,6 +2192,7 @@ declare enum TransactionType {
     SELL = "SELL",
     LISTING = "LISTING",
     OFFER = "OFFER",
+    TRANSFER = "TRANSFER",
     CANCEL = "CANCEL"
 }
 interface TransactionConfig {
@@ -2202,6 +2203,7 @@ interface TransactionConfig {
     collectionAddress: string;
     sdkConfig: SdkConfig;
     marketplaceConfig: MarketplaceConfig;
+    isWaaS: boolean;
 }
 interface BuyInput {
     orderId: string;
@@ -2362,7 +2364,7 @@ declare class OrdersFetchError extends TransactionError {
 }
 type TransactionErrorTypes = ChainIdUnavailableError | TransactionReceiptError | PaymentModalTransactionError | CheckoutOptionsError | OrdersFetchError | TransactionConfirmationError | TransactionValidationError | MissingConfigError | MarketplaceConfigFetchError | ProjectNotFoundError | CollectionNotFoundError | InvalidContractTypeError | UnknownTransactionTypeError | NoStepsFoundError | NoExecutionStepError | UnexpectedStepsError | MissingPostStepError | InvalidSignatureStepError | MissingSignatureDataError | MissingStepDataError | OrderNotFoundError | TransactionConfirmationError | InvalidStepError | PaymentModalError | StepGenerationError | StepExecutionError | UserRejectedRequestError | NoMarketplaceConfigError | InsufficientFundsError | ChainSwitchError | TransactionSignatureError | TransactionExecutionError | NoWalletConnectedError | TransactionError;
 
-type UseTransactionMachineConfig = Omit<TransactionConfig, 'sdkConfig' | 'marketplaceConfig' | 'walletKind' | 'chains'>;
+type UseTransactionMachineConfig = Omit<TransactionConfig, 'sdkConfig' | 'marketplaceConfig' | 'walletKind' | 'chains' | 'isWaaS'>;
 
 interface UseCancelOrderArgs extends Omit<UseTransactionMachineConfig, 'type'> {
     onSuccess?: (hash: string) => void;

package/dist/react/hooks/index.js

@@ -58,20 +58,20 @@ import {
   useMarketplaceConfig,
   useRoyaltyPercentage,
   useTransferTokens
-} from "../../chunk-6LQST3KZ.js";
+} from "../../chunk-Z3VR2KMP.js";
 import "../../chunk-Y7YO5TLE.js";
 import "../../chunk-7NJETFMF.js";
 import "../../chunk-SBVLWSRZ.js";
 import "../../chunk-NJ2GXOPW.js";
-import "../../chunk-MJ4YU7RW.js";
 import "../../chunk-OUZ42I6B.js";
-import "../../chunk-MCI3KOSQ.js";
-import "../../chunk-3OHM45R3.js";
-import "../../chunk-WFE6OCYF.js";
+import "../../chunk-MJ4YU7RW.js";
 import "../../chunk-Q2BVDQ3G.js";
 import "../../chunk-D3HRXVYJ.js";
 import "../../chunk-3CXEYH2I.js";
 import "../../chunk-T2AMWIKD.js";
+import "../../chunk-MCI3KOSQ.js";
+import "../../chunk-3OHM45R3.js";
+import "../../chunk-WFE6OCYF.js";
 export {
   UseGenerateBuyTransactionArgsSchema,
   balanceOfCollectibleOptions,

package/dist/react/index.js

@@ -8,10 +8,10 @@ import {
   useSellModal,
   useSuccessfulPurchaseModal,
   useTransferModal
-} from "../chunk-PMDJARYX.js";
-import "../chunk-Q57TEA3Z.js";
+} from "../chunk-F42XMKDS.js";
+import "../chunk-NMCGA2TB.js";
 import "../chunk-FFCNYF3S.js";
-import "../chunk-L6GSYPCR.js";
+import "../chunk-RZSZNVEH.js";
 import "../chunk-O642NH7U.js";
 import {
   MarketplaceProvider,
@@ -74,16 +74,13 @@ import {
   useMarketplaceConfig,
   useRoyaltyPercentage,
   useTransferTokens
-} from "../chunk-6LQST3KZ.js";
+} from "../chunk-Z3VR2KMP.js";
 import "../chunk-Y7YO5TLE.js";
 import "../chunk-7NJETFMF.js";
 import "../chunk-SBVLWSRZ.js";
 import "../chunk-NJ2GXOPW.js";
-import "../chunk-MJ4YU7RW.js";
 import "../chunk-OUZ42I6B.js";
-import "../chunk-MCI3KOSQ.js";
-import "../chunk-3OHM45R3.js";
-import "../chunk-WFE6OCYF.js";
+import "../chunk-MJ4YU7RW.js";
 import "../chunk-Q2BVDQ3G.js";
 import {
   getQueryClient
@@ -92,6 +89,9 @@ import {
   createWagmiConfig
 } from "../chunk-3CXEYH2I.js";
 import "../chunk-T2AMWIKD.js";
+import "../chunk-MCI3KOSQ.js";
+import "../chunk-3OHM45R3.js";
+import "../chunk-WFE6OCYF.js";
 export {
   CollectibleCard,
   MarketplaceProvider,

package/dist/react/ui/components/index.js

@@ -1,25 +1,25 @@
 "use client"
 import {
   CollectibleCard
-} from "../../../chunk-PMDJARYX.js";
-import "../../../chunk-Q57TEA3Z.js";
+} from "../../../chunk-F42XMKDS.js";
+import "../../../chunk-NMCGA2TB.js";
 import "../../../chunk-FFCNYF3S.js";
-import "../../../chunk-L6GSYPCR.js";
+import "../../../chunk-RZSZNVEH.js";
 import "../../../chunk-O642NH7U.js";
-import "../../../chunk-6LQST3KZ.js";
+import "../../../chunk-Z3VR2KMP.js";
 import "../../../chunk-Y7YO5TLE.js";
 import "../../../chunk-7NJETFMF.js";
 import "../../../chunk-SBVLWSRZ.js";
 import "../../../chunk-NJ2GXOPW.js";
-import "../../../chunk-MJ4YU7RW.js";
 import "../../../chunk-OUZ42I6B.js";
-import "../../../chunk-MCI3KOSQ.js";
-import "../../../chunk-3OHM45R3.js";
-import "../../../chunk-WFE6OCYF.js";
+import "../../../chunk-MJ4YU7RW.js";
 import "../../../chunk-Q2BVDQ3G.js";
 import "../../../chunk-D3HRXVYJ.js";
 import "../../../chunk-3CXEYH2I.js";
 import "../../../chunk-T2AMWIKD.js";
+import "../../../chunk-MCI3KOSQ.js";
+import "../../../chunk-3OHM45R3.js";
+import "../../../chunk-WFE6OCYF.js";
 export {
   CollectibleCard
 };

package/dist/react/ui/index.d.ts

@@ -10,24 +10,6 @@ import 'zod';
 
 declare const ModalProvider: () => react_jsx_runtime.JSX.Element;
 
-type OnApproveTokenError = (error: Error | unknown) => void;
-type BaseErrorCallbacks = {
-    onApproveTokenError?: OnApproveTokenError;
-    onSwitchingNotSupportedError?: () => void;
-    onUserRejectedSwitchingChainRequestError?: () => void;
-    onSwitchChainError?: (error: Error | unknown) => void;
-};
-type BaseSuccessCallbacks = {
-    onApproveTokenSuccess?: () => void;
-    onSwitchChainSuccess?: () => void;
-};
-type TransferErrorCallbacks = BaseErrorCallbacks & {
-    onTransferError?: (error: Error | unknown) => void;
-};
-type TransferSuccessCallbacks = BaseSuccessCallbacks & {
-    onTransferSuccess?: () => void;
-};
-
 type ModalCallbacks = {
     onSuccess?: (hash: Hash) => void;
     onError?: (error: Error) => void;
@@ -83,14 +65,15 @@ declare const useSuccessfulPurchaseModal: (callbacks?: ModalCallbacks) => {
 
 type ShowTransferModalArgs = {
     collectionAddress: Hex;
-    tokenId: string;
+    collectibleId: string;
     chainId: string;
+    callbacks?: ModalCallbacks;
 };
 declare const useTransferModal: () => {
     show: (args: ShowTransferModalArgs) => void;
     close: () => void;
-    onError: (callbacks: TransferErrorCallbacks) => void;
-    onSuccess: (callbacks: TransferSuccessCallbacks) => void;
+    onError: (callbacks: ModalCallbacks) => void;
+    onSuccess: (callbacks: ModalCallbacks) => void;
 };
 
 type ShowSellModalArgs = {

package/dist/react/ui/index.js

@@ -8,25 +8,25 @@ import {
   useSellModal,
   useSuccessfulPurchaseModal,
   useTransferModal
-} from "../../chunk-PMDJARYX.js";
-import "../../chunk-Q57TEA3Z.js";
+} from "../../chunk-F42XMKDS.js";
+import "../../chunk-NMCGA2TB.js";
 import "../../chunk-FFCNYF3S.js";
-import "../../chunk-L6GSYPCR.js";
+import "../../chunk-RZSZNVEH.js";
 import "../../chunk-O642NH7U.js";
-import "../../chunk-6LQST3KZ.js";
+import "../../chunk-Z3VR2KMP.js";
 import "../../chunk-Y7YO5TLE.js";
 import "../../chunk-7NJETFMF.js";
 import "../../chunk-SBVLWSRZ.js";
 import "../../chunk-NJ2GXOPW.js";
-import "../../chunk-MJ4YU7RW.js";
 import "../../chunk-OUZ42I6B.js";
-import "../../chunk-MCI3KOSQ.js";
-import "../../chunk-3OHM45R3.js";
-import "../../chunk-WFE6OCYF.js";
+import "../../chunk-MJ4YU7RW.js";
 import "../../chunk-Q2BVDQ3G.js";
 import "../../chunk-D3HRXVYJ.js";
 import "../../chunk-3CXEYH2I.js";
 import "../../chunk-T2AMWIKD.js";
+import "../../chunk-MCI3KOSQ.js";
+import "../../chunk-3OHM45R3.js";
+import "../../chunk-WFE6OCYF.js";
 export {
   CollectibleCard,
   ModalProvider,

package/dist/react/ui/modals/_internal/components/actionModal/index.d.ts

@@ -19,7 +19,7 @@ interface ActionModalProps {
     children: react__default.ReactNode;
     ctas: {
         label: string;
-        onClick: () => void;
+        onClick: (() => Promise<void>) | (() => void);
         pending?: boolean;
         disabled?: boolean;
         hidden?: boolean;

package/dist/react/ui/modals/_internal/components/actionModal/index.js

@@ -4,7 +4,7 @@ import {
   closeModal,
   createActionModalStore,
   openModal
-} from "../../../../../../chunk-Q57TEA3Z.js";
+} from "../../../../../../chunk-NMCGA2TB.js";
 import {
   closeButton,
   cta,

package/dist/react/ui/styles/index.d.ts

@@ -1,5 +1,5 @@
 declare const dialogOverlay: string;
-declare const dialogContent: Record<"wide" | "narrow", string>;
+declare const dialogContent: Record<"narrow" | "wide", string>;
 declare const closeButton: string;
 
 export { closeButton, dialogContent, dialogOverlay };

package/dist/styles/index.d.ts

@@ -43,7 +43,7 @@ declare const alertMessageBox: string;
 declare const alertMessageBoxVariants: Record<"info" | "warning", string>;
 
 declare const switchChainModalContent: string;
-declare const switchChainCta: Record<"pending" | "default", string>;
+declare const switchChainCta: Record<"default" | "pending", string>;
 
 declare const collectiblesGrid: string;
 declare const collectiblesGridItem: string;

package/dist/styles/index.js

@@ -18,7 +18,7 @@ import {
   quantityInputWrapper,
   tokenPreview,
   transferModalContent
-} from "../chunk-L6GSYPCR.js";
+} from "../chunk-RZSZNVEH.js";
 import {
   cta
 } from "../chunk-O642NH7U.js";

package/dist/utils/index.js

@@ -7,6 +7,7 @@ import {
   truncateEnd,
   truncateMiddle
 } from "../chunk-OUZ42I6B.js";
+import "../chunk-T2AMWIKD.js";
 import "../chunk-MCI3KOSQ.js";
 import {
   EIP2981_ABI,
@@ -18,7 +19,6 @@ import {
   ERC20_ABI,
   ERC721_ABI
 } from "../chunk-WFE6OCYF.js";
-import "../chunk-T2AMWIKD.js";
 export {
   EIP2981_ABI,
   ERC1155_ABI,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@0xsequence/marketplace-sdk",
   "private": false,
-  "version": "0.3.4",
+  "version": "0.3.6",
   "type": "module",
   "exports": {
     ".": {

package/src/react/_internal/transaction-machine/execute-transaction.ts

@@ -67,6 +67,7 @@ export enum TransactionType {
 	SELL = 'SELL',
 	LISTING = 'LISTING',
 	OFFER = 'OFFER',
+	TRANSFER = 'TRANSFER',
 	CANCEL = 'CANCEL',
 }
 
@@ -78,6 +79,7 @@ export interface TransactionConfig {
 	collectionAddress: string;
 	sdkConfig: SdkConfig;
 	marketplaceConfig: MarketplaceConfig;
+	isWaaS: boolean;
 }
 
 interface StateConfig {
@@ -360,7 +362,10 @@ export class TransactionMachine {
 
 			await this.transition(TransactionState.SWITCH_CHAIN);
 			try {
-				await this.switchChainFn(this.config.config.chainId);
+				if (!this.config.config.isWaaS) {
+					await this.switchChainFn(this.config.config.chainId);
+				}
+				
 				await this.walletClient.switchChain({
 					id: Number(this.config.config.chainId),
 				});
@@ -413,6 +418,8 @@ export class TransactionMachine {
 
 	private async executeTransaction(step: Step): Promise<Hash> {
 		try {
+			await this.switchChain();
+
 			const transactionData = {
 				account: this.getAccount(),
 				chain: this.getChainForTransaction(),
@@ -438,6 +445,8 @@ export class TransactionMachine {
 			throw new MissingPostStepError();
 		}
 
+		await this.switchChain();
+
 		let signature: Hex;
 		if (!step.signature) {
 			throw new MissingSignatureDataError();
@@ -594,8 +603,6 @@ export class TransactionMachine {
 				throw new MissingStepDataError();
 			}
 
-			await this.switchChain();
-
 			if (step.id === StepType.buy) {
 				await this.executeBuyStep({ step, props: props as BuyInput });
 				return;

package/src/react/_internal/transaction-machine/useTransactionMachine.ts

@@ -18,7 +18,7 @@ import {
 
 export type UseTransactionMachineConfig = Omit<
 	TransactionConfig,
-	'sdkConfig' | 'marketplaceConfig' | 'walletKind' | 'chains'
+	'sdkConfig' | 'marketplaceConfig' | 'walletKind' | 'chains' | 'isWaaS'
 >;
 
 export const useTransactionMachine = (
@@ -41,7 +41,12 @@ export const useTransactionMachine = (
 
 	const { connector, isConnected } = useAccount();
 	const walletKind =
-		connector?.id === 'sequence' ? WalletKind.sequence : WalletKind.unknown;
+		connector?.id === 'sequence' 
+			? WalletKind.sequence 
+				: WalletKind.unknown;
+
+	// TODO: remove this once we have a better way to check if the wallet is a WAAS wallet
+	const isWaaS = connector?.id.endsWith('waas') || false;
 
 	if (!isConnected) {
 		// No wallet connected, TODO: add some sort of state for this
@@ -74,19 +79,27 @@ export const useTransactionMachine = (
 
 	const machine = new TransactionMachine(
 		{
-			config: { sdkConfig, marketplaceConfig, walletKind, chains, ...config },
+			config: { 
+				sdkConfig, 
+				marketplaceConfig, 
+				walletKind,
+				chains, 
+				...config,
+				isWaaS
+			},
 			onSuccess,
 			onTransactionSent,
 		},
 		walletClient,
 		getPublicRpcClient(config.chainId),
 		openSelectPaymentModal,
-		async (chainId) =>
+		async () =>
 			new Promise((resolve, reject) => {
 				showSwitchChainModal({
-					chainIdToSwitchTo: Number(chainId),
+					chainIdToSwitchTo: Number(config.chainId),
 					onSuccess: resolve,
 					onError: reject,
+					onClose: reject,
 				});
 			}),
 	);

package/src/react/ui/components/_internals/action-button/ActionButton.tsx

@@ -121,7 +121,7 @@ export const ActionButton = observer(
 						showTransferModal({
 							collectionAddress: collectionAddress as Hex,
 							chainId: chainId,
-							tokenId,
+							collectibleId: tokenId,
 						})
 					}
 				/>