changed isDev to constant in env.ts - add env var to set constant later

README.md

@@ -56,7 +56,6 @@ interface CreateConfigOptions {
     chainId: number
   }>
   ethAuth?: EthAuthSettings
-  isDev?: boolean
 
   wagmiConfig?: WagmiConfig // optional wagmiConfig overrides
 

env.ts

@@ -0,0 +1 @@
+export const DEVMODE = false

examples/react/src/components/Connected.tsx

@@ -352,7 +352,6 @@ export const Connected = () => {
       currencyAddress,
       collectionAddress,
       creditCardProviders: ['sardine'],
-      isDev: true,
       copyrightText: 'ⓒ2024 Sequence',
       onSuccess: (txnHash: string) => {
         console.log('success!', txnHash)
@@ -382,7 +381,6 @@ export const Connected = () => {
         nftId: checkoutTokenId,
         nftAddress: checkoutTokenContractAddress,
         nftQuantity,
-        isDev: true,
         approvedSpenderAddress: orderbookAddress,
         calldata: getOrderbookCalldata({
           orderId: checkoutOrderId,

examples/react/src/config.ts

@@ -23,7 +23,6 @@ export const kitConfig: KitConfig = {
     projectName: 'Kit Demo',
     useMock: isDebugMode
   },
-  isDev: isDebugMode,
   displayedAssets: [
     // Native token
     {

examples/react/src/utils/helpers.ts

@@ -35,7 +35,6 @@ export interface GetCheckoutSettings {
   calldata: string
   approvedSpenderAddress?: string
   nftDecimals?: string
-  isDev?: boolean
 }
 
 export const getCheckoutSettings = (args: GetCheckoutSettings) => {

packages/checkout/README.md

@@ -116,7 +116,6 @@ const creditCardCheckout = {
       nftId: checkoutTokenId,
       nftAddress: checkoutTokenContractAddress,
       nftQuantity,
-      isDev: true,
       calldata: getOrderbookCalldata({
         orderId: checkoutOrderId,
         quantity: nftQuantity,

packages/checkout/src/api/data.ts

@@ -3,6 +3,8 @@ import { ChainId, networks } from '@0xsequence/network'
 
 import { CreditCardCheckout } from '../contexts'
 
+import { DEVMODE } from '../../../../env'
+
 export interface FetchSardineClientTokenReturn {
   token: string
   orderId: string
@@ -14,20 +16,18 @@ export interface MethodArguments {
 
 export interface FetchSardineClientTokenArgs {
   order: CreditCardCheckout
-  isDev: boolean
   projectAccessKey: string
   tokenMetadata?: TokenMetadata
 }
 
 export const fetchSardineClientToken = async ({
   order,
-  isDev,
   projectAccessKey,
   tokenMetadata
 }: FetchSardineClientTokenArgs): Promise<FetchSardineClientTokenReturn> => {
   // Test credentials: https://docs.sardine.ai/docs/integrate-payments/nft-checkout-testing-credentials
-  const accessKey = isDev ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey
-  const url = isDev
+  const accessKey = DEVMODE ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey
+  const url = DEVMODE
     ? 'https://dev-api.sequence.app/rpc/API/SardineGetNFTCheckoutToken'
     : 'https://api.sequence.app/rpc/API/SardineGetNFTCheckoutToken'
 
@@ -68,10 +68,10 @@ export const fetchSardineClientToken = async ({
   }
 }
 
-export const fetchSardineOrderStatus = async (orderId: string, isDev: boolean, projectAccessKey: string) => {
+export const fetchSardineOrderStatus = async (orderId: string, projectAccessKey: string) => {
   // Test credentials: https://docs.sardine.ai/docs/integrate-payments/nft-checkout-testing-credentials
-  const accessKey = isDev ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey
-  const url = isDev
+  const accessKey = DEVMODE ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey
+  const url = DEVMODE
     ? 'https://dev-api.sequence.app/rpc/API/SardineGetNFTCheckoutOrderStatus'
     : 'https://api.sequence.app/rpc/API/SardineGetNFTCheckoutOrderStatus'
   const response = await fetch(url, {

packages/checkout/src/contexts/CheckoutModal.ts

@@ -31,7 +31,6 @@ export interface CreditCardCheckout {
   calldata: string
   onSuccess?: (transactionHash: string, settings: CreditCardCheckout) => void
   onError?: (error: Error, settings: CreditCardCheckout) => void
-  isDev?: boolean
   approvedSpenderAddress?: string
 }
 

packages/checkout/src/contexts/SelectPaymentModal.ts

@@ -9,7 +9,7 @@ export interface Collectible {
   quantity: string
   decimals?: number
   price?: string
- }
+}
 
 export interface SelectPaymentSettings {
   collectibles: Collectible[]
@@ -21,7 +21,6 @@ export interface SelectPaymentSettings {
   collectionAddress: string | Hex
   recipientAddress: string | Hex
   approvedSpenderAddress?: string
-  isDev?: boolean
   transactionConfirmations?: number
   onSuccess?: (txHash: string) => void
   onError?: (error: Error) => void

packages/checkout/src/hooks/useSelectPaymentModal.ts

@@ -19,7 +19,6 @@ export const getERC1155SaleContractConfig = ({
   recipientAddress,
   collectibles,
   collectionAddress,
-  isDev = false,
   ...restProps
 }: ERC1155SaleContractSettings): SelectPaymentSettings => {
   const erc1155SalesContractAbi = [
@@ -43,7 +42,15 @@ export const getERC1155SaleContractConfig = ({
   const purchaseTransactionData = encodeFunctionData({
     abi: erc1155SalesContractAbi,
     functionName: 'mint',
-    args: [recipientAddress, collectibles.map(c => BigInt(c.tokenId)), collectibles.map(c => BigInt(c.quantity)), toHex(0), currencyAddress, price, [toHex(0, { size: 32 })]]
+    args: [
+      recipientAddress,
+      collectibles.map(c => BigInt(c.tokenId)),
+      collectibles.map(c => BigInt(c.quantity)),
+      toHex(0),
+      currencyAddress,
+      price,
+      [toHex(0, { size: 32 })]
+    ]
   })
 
   return {
@@ -53,7 +60,6 @@ export const getERC1155SaleContractConfig = ({
     recipientAddress,
     collectibles,
     collectionAddress,
-    isDev,
     txData: purchaseTransactionData,
     ...restProps
   }

packages/checkout/src/utils/sardine.ts

@@ -1,21 +1,22 @@
 import { ChainId, networks } from '@0xsequence/network'
 import { ethers } from 'ethers'
 
+import { DEVMODE } from '../../../../env'
+
 export interface CheckSardineWhitelistStatusArgs {
-  isDev: boolean
   chainId: number
   marketplaceAddress: string
 }
 
 export const checkSardineWhitelistStatus = async (
-  { isDev, chainId, marketplaceAddress }: CheckSardineWhitelistStatusArgs,
+  { chainId, marketplaceAddress }: CheckSardineWhitelistStatusArgs,
   projectAccessKey: string
 ) => {
   const referenceId = `sequence-kit-sardine-whitelist-check`
 
-  const accessKey = isDev ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey
+  const accessKey = DEVMODE ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey
 
-  const url = isDev
+  const url = DEVMODE
     ? 'https://dev-api.sequence.app/rpc/API/SardineGetNFTCheckoutToken'
     : 'https://api.sequence.app/rpc/API/SardineGetNFTCheckoutToken'
 

packages/checkout/src/views/PaymentSelection/PayWithCreditCard/index.tsx

@@ -1,15 +1,5 @@
 import { useEffect } from 'react'
-import {
-  ArrowRightIcon,
-  Box,
-  Card,
-  PaymentsIcon,
-  SendIcon,
-  Spinner,
-  Text,
-  Scroll,
-  useMediaQuery
-} from '@0xsequence/design-system'
+import { ArrowRightIcon, Box, Card, PaymentsIcon, Spinner, Text } from '@0xsequence/design-system'
 import { useContractInfo } from '@0xsequence/kit'
 import { findSupportedNetwork } from '@0xsequence/network'
 import { useState } from 'react'
@@ -36,7 +26,6 @@ export const PayWithCreditCard = ({ settings, disableButtons }: PayWithCreditCar
     collectibles,
     collectionAddress,
     approvedSpenderAddress,
-    isDev = false,
     onSuccess = () => {},
     onError = () => {},
     creditCardProviders = []
@@ -93,7 +82,6 @@ export const PayWithCreditCard = ({ settings, disableButtons }: PayWithCreditCar
         nftAddress: collectionAddress,
         nftQuantity: collectible.quantity,
         nftDecimals: collectible.decimals === undefined ? undefined : String(collectible.decimals),
-        isDev,
         calldata: txData,
         approvedSpenderAddress: approvedSpenderAddress || targetContractAddress
       }

packages/checkout/src/views/PendingTransaction.tsx

@@ -1,11 +1,13 @@
 import { Box, Spinner, Text } from '@0xsequence/design-system'
 import { useProjectAccessKey, useTokenMetadata } from '@0xsequence/kit'
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 
 import { fetchSardineOrderStatus } from '../api'
 import { TransactionPendingNavigation } from '../contexts'
 import { useNavigation, useCheckoutModal, useSardineClientToken, useTransactionStatusModal } from '../hooks'
 
+import { DEVMODE } from '../../../../env'
+
 const POLLING_TIME = 10 * 1000
 
 export const PendingTransaction = () => {
@@ -26,14 +28,11 @@ export const PendingTransaction = () => {
   )
   const tokenMetadata = tokensMetadata ? tokensMetadata[0] : undefined
 
-  const isDev = settings?.creditCardCheckout?.isDev || false
-
   const disableSardineClientTokenFetch = isLoadingTokenMetadata
 
   const { data, isLoading, isError } = useSardineClientToken(
     {
       order: creditCardCheckout,
-      isDev,
       projectAccessKey: projectAccessKey,
       tokenMetadata: tokenMetadata
     },
@@ -42,7 +41,7 @@ export const PendingTransaction = () => {
 
   const authToken = data?.token
 
-  const url = isDev
+  const url = DEVMODE
     ? `https://sardine-checkout-sandbox.sequence.info?api_url=https://sardine-api-sandbox.sequence.info&client_token=${authToken}&show_features=true`
     : `https://sardine-checkout.sequence.info?api_url=https://sardine-api.sequence.info&client_token=${authToken}&show_features=true`
 
@@ -55,9 +54,8 @@ export const PendingTransaction = () => {
       const { orderId } = data
 
       console.log('Polling for transaction status')
-      const isDev = creditCardCheckout?.isDev || false
 
-      const pollResponse = await fetchSardineOrderStatus(orderId, isDev, projectAccessKey)
+      const pollResponse = await fetchSardineOrderStatus(orderId, projectAccessKey)
       const status = pollResponse.resp.status
       const transactionHash = pollResponse.resp?.transactionHash
 

packages/kit/README.md

@@ -55,7 +55,6 @@ interface CreateConfigOptions {
     chainId: number
   }>
   ethAuth?: EthAuthSettings
-  isDev?: boolean
 
   wagmiConfig?: WagmiConfig // optional wagmiConfig overrides
 

packages/kit/src/config/defaultConnectors.ts

@@ -23,7 +23,6 @@ export interface CommonConnectorOptions {
 export interface DefaultWaasConnectorOptions extends CommonConnectorOptions {
   waasConfigKey: string
   enableConfirmationModal?: boolean
-  isDev?: boolean
 
   email?: boolean
 
@@ -98,7 +97,7 @@ export const getDefaultConnectors = <T extends WalletType>(walletType: T, option
 }
 
 export const getDefaultWaasConnectors = (options: DefaultWaasConnectorOptions): CreateConnectorFn[] => {
-  const { projectAccessKey, waasConfigKey, appName, enableConfirmationModal, defaultChainId, isDev } = options
+  const { projectAccessKey, waasConfigKey, appName, enableConfirmationModal, defaultChainId } = options
 
   const wallets: Wallet[] = []
 
@@ -108,8 +107,7 @@ export const getDefaultWaasConnectors = (options: DefaultWaasConnectorOptions):
         projectAccessKey,
         waasConfigKey,
         enableConfirmationModal,
-        network: defaultChainId,
-        isDev
+        network: defaultChainId
       })
     )
   }
@@ -123,8 +121,7 @@ export const getDefaultWaasConnectors = (options: DefaultWaasConnectorOptions):
         waasConfigKey,
         googleClientId,
         enableConfirmationModal,
-        network: defaultChainId,
-        isDev
+        network: defaultChainId
       })
     )
   }
@@ -140,8 +137,7 @@ export const getDefaultWaasConnectors = (options: DefaultWaasConnectorOptions):
         appleClientId,
         appleRedirectURI,
         enableConfirmationModal,
-        network: defaultChainId,
-        isDev
+        network: defaultChainId
       })
     )
   }

packages/kit/src/connectors/wagmiConnectors/sequenceWaasConnector.ts

@@ -20,13 +20,14 @@ import { createConnector } from 'wagmi'
 
 import { LocalStorageKey } from '../../constants/localStorage'
 
+import { DEVMODE } from '../../../../../env'
+
 export interface SequenceWaasConnectConfig {
   googleClientId?: string
   appleClientId?: string
   appleRedirectURI?: string
   enableConfirmationModal?: boolean
   loginType: 'email' | 'google' | 'apple'
-  isDev?: boolean
 }
 
 export type BaseSequenceWaasConnectorOptions = SequenceConfig & SequenceWaasConnectConfig & Partial<ExtendedSequenceConfig>
@@ -51,8 +52,7 @@ export function sequenceWaasWallet(params: BaseSequenceWaasConnectorOptions) {
     [LocalStorageKey.WaasSignInEmail]: string
   }
 
-  const isDev = !!params?.isDev
-  const nodesUrl = isDev ? 'https://dev-nodes.sequence.app' : 'https://nodes.sequence.app'
+  const nodesUrl = DEVMODE ? 'https://dev-nodes.sequence.app' : 'https://nodes.sequence.app'
 
   const showConfirmationModal = params.enableConfirmationModal ?? false
 

packages/kit/src/hooks/useAPIClient.ts

@@ -5,11 +5,12 @@ import { useKitConfig } from '../contexts/KitConfig'
 
 import { useProjectAccessKey } from './useProjectAccessKey'
 
+import { DEVMODE } from '../../../../env'
+
 export const useAPIClient = () => {
   const projectAccessKey = useProjectAccessKey()
-  const { isDev = false } = useKitConfig()
 
-  const clientUrl = isDev ? 'https://dev-api.sequence.app' : 'https://api.sequence.app'
+  const clientUrl = DEVMODE ? 'https://dev-api.sequence.app' : 'https://api.sequence.app'
 
   const apiClient = useMemo(() => {
     return new SequenceAPIClient(clientUrl, projectAccessKey)