embed: update types (#822)

types: sync
Crossmint · Oct 21, 2024 · 49a2551 · 49a2551
1 parent a11b10d
commit 49a2551
Show file tree

Hide file tree

Showing 3 changed files with 114 additions and 3 deletions.
diff --git a/packages/client/base/src/types/CryptoCurrency.ts b/packages/client/base/src/types/CryptoCurrency.ts
@@ -0,0 +1,54 @@
+// Keep in sync with crossmint-main @crossmint/common-types/payments/currencies/CryptoCurrency.ts
+
+import type { ObjectValues } from "@crossmint/common-sdk-base";
+
+export const StableCoin = {
+    USDC: "usdc",
+    USDCE: "usdce",
+    BUSD: "busd",
+} as const;
+export type StableCoin = ObjectValues<typeof StableCoin>;
+
+export const Erc20Currency = {
+    ...StableCoin,
+    WETH: "weth",
+    DEGEN: "degen",
+    BRETT: "brett",
+    TOSHI: "toshi",
+    EURC: "eurc",
+} as const;
+export type Erc20Currency = ObjectValues<typeof Erc20Currency>;
+
+export const SplTokenCurrency = {
+    USDC: "usdc",
+    BONK: "bonk",
+    WIF: "wif",
+    MOTHER: "mother",
+    EURC: "eurc",
+} as const;
+export type SplTokenCurrency = ObjectValues<typeof SplTokenCurrency>;
+
+export const EvmNativeCurrency = {
+    ETH: "eth",
+    MATIC: "matic",
+    POL: "pol",
+    SEI: "sei",
+    CHZ: "chz",
+    AVAX: "avax",
+    XAI: "xai",
+    FUEL: "fuel",
+} as const;
+export type EvmNativeCurrency = ObjectValues<typeof EvmNativeCurrency>;
+
+export const CryptoCurrency = {
+    ...EvmNativeCurrency,
+    ...Erc20Currency,
+    ...SplTokenCurrency,
+    SOL: "sol",
+    ADA: "ada",
+    BNB: "bnb",
+    SUI: "sui",
+    APT: "apt",
+    SFUEL: "sfuel",
+} as const;
+export type CryptoCurrency = ObjectValues<typeof CryptoCurrency>;
diff --git a/packages/client/base/src/types/embed/v3/CrossmintEmbeddedCheckoutV3Props.ts b/packages/client/base/src/types/embed/v3/CrossmintEmbeddedCheckoutV3Props.ts
@@ -1,4 +1,5 @@
 import type { Currency as FiatCurrency, Locale } from "@/types";
+import type { CryptoCurrency } from "@/types/CryptoCurrency";
 
 import type { BlockchainIncludingTestnet } from "@crossmint/common-sdk-base";
 
@@ -35,6 +36,7 @@ export type EmbeddedCheckoutV3AppearanceVariables = {
         textPrimary?: string;
         textSecondary?: string;
         danger?: string;
+        warning?: string;
         accent?: string;
     };
 };
@@ -80,6 +82,60 @@ export type EmbeddedCheckoutV3AppearanceRules = {
             };
         };
     };
+    Tab?: {
+        borderRadius?: string;
+        font?: {
+            family?: string;
+            size?: string;
+            weight?: string;
+        };
+        colors?: {
+            text?: string;
+            background?: string;
+            border?: string;
+            boxShadow?: string;
+        };
+        hover?: {
+            colors?: {
+                text?: string;
+                background?: string;
+                border?: string;
+                boxShadow?: string;
+            };
+        };
+        selected?: {
+            colors?: {
+                text?: string;
+                background?: string;
+                border?: string;
+                boxShadow?: string;
+            };
+        };
+    };
+    PrimaryButton?: {
+        borderRadius?: string;
+        font?: {
+            family?: string;
+            size?: string;
+            weight?: string;
+        };
+        colors?: {
+            text?: string;
+            background?: string;
+        };
+        hover?: {
+            colors?: {
+                text?: string;
+                background?: string;
+            };
+        };
+        disabled?: {
+            colors?: {
+                text?: string;
+                background?: string;
+            };
+        };
+    };
 };
 
 export type EmbeddedCheckoutV3Payment = {
@@ -101,7 +157,7 @@ export type EmbeddedCheckoutV3FiatPayment = {
 export type EmbeddedCheckoutV3CryptoPayment = {
     enabled: boolean;
     defaultChain?: BlockchainIncludingTestnet;
-    defaultCurrency?: string; // TODO: Make CryptoCurrency type
-    allowedCurrencies?: Partial<Record<BlockchainIncludingTestnet, false | string[]>>; // TODO: Replace string[] with CryptoCurrency[]
-    payer?: any; // TODO: Ethers, Viem, Solana
+    defaultCurrency?: CryptoCurrency;
+    // allowedCurrencies?: Partial<Record<BlockchainIncludingTestnet, false | CryptoCurrency[]>>; // TODO: Add this back when supported on crossmint-main
+    // payer?: any; // TODO: Add this back when supported on crossmint-main
 };
diff --git a/packages/client/base/src/types/index.ts b/packages/client/base/src/types/index.ts
@@ -3,6 +3,7 @@ export * from "./events";
 export * from "./hosted";
 export * from "./embed";
 export * from "./system";
+export * from "./CryptoCurrency";
 
 export enum clientNames {
     reactUi = "client-sdk-react-ui",