@getpara/react-common 2.0.0-dev.1 → 2.0.0-dev.3

package/dist/package.json

@@ -0,0 +1,6 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/dist/types/externalWalletCommon.d.ts

@@ -1,6 +1,7 @@
-import { WalletType } from '@getpara/web-sdk';
+import ParaWeb, { AuthStateLogin, AuthStateVerify, ExternalWalletInfo, TExternalWallet, TWalletType, Wallet } from '@getpara/web-sdk';
 export type WalletMetadata = {
     id: string;
+    internalId: TExternalWallet;
     name: string;
     iconUrl: string;
     rdns?: string;
@@ -26,56 +27,83 @@ export type WalletMetadata = {
         linux?: string;
         desktop?: string;
     };
+    hasIosSafariExtension?: boolean;
 };
 export type CommonWallet = {
-    connect: () => Promise<{
+    connect: (isConnectionOnly?: boolean) => Promise<{
         address?: string;
-        bufferAddress?: string;
+        ethAddress?: string;
         error?: string;
-        userExists: boolean;
-        isVerified: boolean;
+        authState?: AuthStateLogin | AuthStateVerify;
     }>;
-    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
+    connectMobile: (isManualWalletConnect?: boolean, isConnectionOnly?: boolean) => Promise<{
         address?: string;
-        bufferAddress?: string;
+        ethAddress?: string;
         error?: string;
-        userExists: boolean;
-        isVerified: boolean;
+        authState?: AuthStateLogin | AuthStateVerify;
     }>;
-    type: WalletType;
+    type: TWalletType;
 } & WalletMetadata;
 export type CommonChain = {
     id: string | number;
     name: string;
 };
-export declare enum EvmWallet {
-    METAMASK = "METAMASK",
-    RAINBOW = "RAINBOW",
-    COINBASE = "COINBASE",
-    WALLETCONNECT = "WALLETCONNECT",
-    ZERION = "ZERION",
-    RABBY = "RABBY"
-}
-export declare enum SolanaWallet {
-    PHANTOM = "PHANTOM",
-    GLOW = "GLOW",
-    BACKPACK = "BACKPACK"
-}
-export declare enum CosmosWallet {
-    KEPLR = "KEPLR",
-    LEAP = "LEAP"
-}
-export declare const ExternalWallet: {
-    KEPLR: CosmosWallet.KEPLR;
-    LEAP: CosmosWallet.LEAP;
-    PHANTOM: SolanaWallet.PHANTOM;
-    GLOW: SolanaWallet.GLOW;
-    BACKPACK: SolanaWallet.BACKPACK;
-    METAMASK: EvmWallet.METAMASK;
-    RAINBOW: EvmWallet.RAINBOW;
-    COINBASE: EvmWallet.COINBASE;
-    WALLETCONNECT: EvmWallet.WALLETCONNECT;
-    ZERION: EvmWallet.ZERION;
-    RABBY: EvmWallet.RABBY;
+export type SignArgs = {
+    message: string;
+    externalWallet?: ExternalWalletInfo;
 };
-export type TExternalWallet = keyof typeof ExternalWallet;
+export type SignResult = {
+    address?: string;
+    signature?: string;
+    error?: string;
+};
+export type SwitchChainResult = {
+    error: string[];
+} | void;
+export type ConnectParaEmbedded = {
+    connectParaEmbedded: () => Promise<{
+        result?: unknown;
+        error?: string;
+    }>;
+};
+export type ChainManagement<ChainId, R extends SwitchChainResult = SwitchChainResult> = {
+    chains: CommonChain[];
+    chainId?: ChainId;
+    switchChain: (_: ChainId) => Promise<R>;
+};
+export type BalanceManagement<B = string> = {
+    balance?: B;
+    getWalletBalance: () => Promise<B | undefined>;
+};
+export type FarcasterMiniAppManagement = {
+    farcasterStatus: {
+        isConnected: false;
+        address?: undefined;
+    } | {
+        isConnected: true;
+        address: string;
+    } | undefined;
+};
+export type ExternalWalletContextType<S extends SignResult = SignResult> = {
+    wallets: CommonWallet[];
+    disconnect: () => Promise<void>;
+    signMessage: (_: SignArgs) => Promise<S>;
+    signVerificationMessage: () => Promise<S>;
+    requestInfo: (_: TExternalWallet) => Promise<ExternalWalletInfo>;
+    disconnectBase: (_?: TExternalWallet) => Promise<void>;
+};
+export type ExternalWalletProviderConfigBase = {
+    onSwitchWallet?: (args: {
+        address?: string;
+        error?: string;
+    }) => void;
+    para: ParaWeb;
+    walletsWithFullAuth: TExternalWallet[];
+    includeWalletVerification?: boolean;
+    connectionOnly?: boolean;
+    connectedWallet?: Omit<Wallet, 'signer'> | null;
+};
+export type ExternalWalletProviderConfig<W, P = {}> = ExternalWalletProviderConfigBase & {
+    wallets: W[];
+} & P;
+export { type TExternalWallet };

package/dist/types/externalWalletCommon.js

@@ -0,0 +1 @@
+"use client";

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 import { AuthInfo } from '@getpara/user-management-client';
 import ParaWeb, { type OnRampConfig, type OnRampPurchase } from '@getpara/web-sdk';
 export * from './externalWalletCommon.js';
-export type Props = {
+export type OnRampProps = {
     appName?: string;
     para: ParaWeb;
     isDark?: boolean;

package/dist/types/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./externalWalletCommon.js";

package/dist/utils/formatBiometricHints.d.ts

@@ -10,5 +10,5 @@ export type BiometricHints = {
     isOnKnownDevice: boolean;
     formattedHints: FormattedBiometricHint[];
 };
-export declare const formatBiometricHints: (hints: BiometricLocationHint[]) => BiometricHints;
+export declare const formatBiometricHints: (hints: BiometricLocationHint[], isPasskeySupported?: boolean) => BiometricHints;
 export {};

package/dist/utils/formatBiometricHints.js

@@ -0,0 +1,51 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-GOCCUU3Z.js";
+import { UAParser } from "ua-parser-js";
+import { aaguidMetadata } from "../constants/aaguiMetadata.js";
+const formatStringToUUID = (str) => {
+  if (str.length !== 32) {
+    return void 0;
+  }
+  return `${str.slice(0, 8)}-${str.slice(8, 12)}-${str.slice(12, 16)}-${str.slice(16, 20)}-${str.slice(20)}`;
+};
+const formatBiometricHints = (hints, isPasskeySupported = false) => {
+  let hasMobileDevice = false, isOnKnownDevice = false;
+  const deviceParsedUA = UAParser();
+  const formattedHintsByKey = {};
+  hints == null ? void 0 : hints.forEach((hint) => {
+    var _a;
+    let isMobile = false, isKnownDevice = false, passwordManager, parsedUA, key = "";
+    if (hint.useragent) {
+      parsedUA = new UAParser(hint.useragent).getResult();
+      if (parsedUA.device.type === "mobile" || parsedUA.device.type === "tablet") {
+        isMobile = true;
+        hasMobileDevice = true;
+      }
+      if (deviceParsedUA) {
+        if (isPasskeySupported && deviceParsedUA.browser.name === parsedUA.browser.name && deviceParsedUA.device.type === parsedUA.device.type && deviceParsedUA.device.vendor === parsedUA.device.vendor && deviceParsedUA.device.model === parsedUA.device.model) {
+          isOnKnownDevice = true;
+          isKnownDevice = true;
+        }
+      }
+      key = `${parsedUA == null ? void 0 : parsedUA.browser.name}-${parsedUA == null ? void 0 : parsedUA.device.type}-${parsedUA == null ? void 0 : parsedUA.device.vendor}-${parsedUA == null ? void 0 : parsedUA.device.model}`;
+    }
+    if (hint.aaguid) {
+      const formattedAaguid = formatStringToUUID(hint.aaguid);
+      if (formattedAaguid) {
+        passwordManager = (_a = aaguidMetadata[formattedAaguid]) == null ? void 0 : _a.name;
+      }
+      key = `${key}${key ? "-" : ""}${passwordManager}`;
+    }
+    formattedHintsByKey[key] = __spreadValues({ passwordManager, isMobile, isKnownDevice, key }, parsedUA);
+  });
+  return {
+    hasMobileDevice,
+    isOnKnownDevice,
+    formattedHints: Object.values(formattedHintsByKey)
+  };
+};
+export {
+  formatBiometricHints
+};

package/dist/utils/getBrowserName.js

@@ -0,0 +1,7 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+import { UAParser } from "ua-parser-js";
+const getBrowserName = () => new UAParser().getBrowser().name;
+export {
+  getBrowserName
+};

package/dist/utils/getDeviceLogo.js

@@ -0,0 +1,36 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+const getDeviceLogo = (vendor, isMobile) => {
+  switch (vendor == null ? void 0 : vendor.toLowerCase()) {
+    case "apple": {
+      return "apple";
+    }
+    case "samsung": {
+      return "samsung";
+    }
+    case "lenovo": {
+      return "lenovo";
+    }
+    case "lg": {
+      return "lg";
+    }
+    case "motorola": {
+      return "motorola";
+    }
+    case "dell": {
+      return "dell";
+    }
+    case "hp": {
+      return "hp";
+    }
+    default: {
+      if (isMobile) {
+        return "phone";
+      }
+      return "laptop";
+    }
+  }
+};
+export {
+  getDeviceLogo
+};

package/dist/utils/getDeviceModelName.js

@@ -0,0 +1,21 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+const getDeviceModelName = (model) => {
+  if (!model) {
+    return void 0;
+  }
+  switch (model.toLowerCase()) {
+    case "macintosh": {
+      return "Mac";
+    }
+    case "k": {
+      return "Android";
+    }
+    default: {
+      return model;
+    }
+  }
+};
+export {
+  getDeviceModelName
+};

package/dist/utils/getExternalWalletDisplayName.d.ts

@@ -1,5 +1,2 @@
-import { WalletType } from '@getpara/web-sdk';
-export declare const getExternalWalletDisplayName: ({ address, type }: {
-    address: string;
-    type: WalletType;
-}) => string;
+import { ExternalWalletInfo } from '@getpara/user-management-client';
+export declare const getExternalWalletDisplayName: ({ address, type, addressBech32 }: ExternalWalletInfo) => string;

package/dist/utils/getExternalWalletDisplayName.js

@@ -0,0 +1,22 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+import { truncateAddress } from "@getpara/web-sdk";
+const getExternalWalletDisplayName = ({ address, type, addressBech32 }) => {
+  const walletType = type;
+  let walletTypeDisplay;
+  switch (walletType) {
+    case "EVM":
+      walletTypeDisplay = "EVM";
+      break;
+    case "SOLANA":
+      walletTypeDisplay = "Solana";
+      break;
+    case "COSMOS":
+      walletTypeDisplay = "Cosmos";
+      break;
+  }
+  return `${walletTypeDisplay} ${truncateAddress(addressBech32 != null ? addressBech32 : address, walletType)}`;
+};
+export {
+  getExternalWalletDisplayName
+};

package/dist/utils/index.d.ts

@@ -1,8 +1,13 @@
-import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, WalletType } from '@getpara/web-sdk';
+import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, TWalletType } from '@getpara/web-sdk';
+export declare function getCurrencyCode({ assetInfo }: OnRampConfig, { network, asset, provider }: {
+    network: Network;
+    asset: OnRampAsset;
+    provider: OnRampProvider;
+}): string | undefined;
 export declare function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }: OnRampConfig, { provider, purchaseType, walletType, }: {
     provider: OnRampProvider;
     purchaseType: OnRampPurchaseType;
-    walletType: WalletType;
+    walletType: TWalletType;
 }): {
     currencyCodes: string[];
     defaultCurrencyCode?: string;
@@ -33,3 +38,4 @@ export * from './getDeviceModelName.js';
 export * from './getBrowserName.js';
 export * from './formatBiometricHints.js';
 export * from './getExternalWalletDisplayName.js';
+export * from './safeStyled.js';

package/dist/utils/index.js

@@ -0,0 +1,125 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-GOCCUU3Z.js";
+import {
+  OnRampAsset,
+  Network,
+  getOnRampNetworks,
+  getOnRampAssets,
+  toAssetInfoArray
+} from "@getpara/web-sdk";
+function getCurrencyCode({ assetInfo }, { network, asset, provider }) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = Object.values(assetInfo).reduce((acc, record) => __spreadValues(__spreadValues({}, acc), record), {})[network]) == null ? void 0 : _a[asset]) == null ? void 0 : _b[provider]) == null ? void 0 : _c[0];
+}
+function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }, {
+  provider,
+  purchaseType,
+  walletType
+}) {
+  let defaultCurrencyCode;
+  const currencyCodes = getOnRampNetworks(assetInfo, {
+    walletType,
+    allowed: allowedAssets ? Object.keys(allowedAssets) : void 0
+  }).sort((a, b) => a === defaultOnRampNetwork ? -1 : b === defaultOnRampNetwork ? 1 : 0).reduce((acc, network) => {
+    const allowed = Array.isArray(allowedAssets == null ? void 0 : allowedAssets[network]) ? allowedAssets[network] : void 0;
+    return [
+      ...acc,
+      ...getOnRampAssets(assetInfo, { walletType, network, allowed }).sort((a, b) => a === defaultOnRampAsset ? -1 : b === defaultOnRampAsset ? 1 : 0).map((asset) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (network === defaultOnRampNetwork && asset === defaultOnRampAsset) {
+          defaultCurrencyCode = (_c = (_b = (_a = assetInfo[walletType]) == null ? void 0 : _a[network]) == null ? void 0 : _b[asset]) == null ? void 0 : _c[provider][0];
+        }
+        return (_f = (_e = (_d = assetInfo[walletType]) == null ? void 0 : _d[network]) == null ? void 0 : _e[asset]) == null ? void 0 : _f[provider];
+      }).filter((entry) => !!entry && !!entry[1][purchaseType]).map(([code]) => code)
+    ];
+  }, []).filter((code) => !!code);
+  return { currencyCodes, defaultCurrencyCode: defaultCurrencyCode || currencyCodes[0] };
+}
+function reverseCurrencyLookup(data, provider, code) {
+  const row = toAssetInfoArray(data).find(
+    ([_, __, ___, providers]) => [code.toUpperCase(), code.toLowerCase()].includes(providers[provider][0])
+  );
+  return [row == null ? void 0 : row[1], row == null ? void 0 : row[2]];
+}
+const TestNetworks = [
+  { main: Network.ETHEREUM, test: Network.SEPOLIA },
+  { main: Network.SOLANA, test: Network.SOLANA_DEVNET }
+];
+function getNetworkTestEquivalent(network) {
+  var _a;
+  return (_a = TestNetworks.find(({ main }) => main === network)) == null ? void 0 : _a.test;
+}
+function getNetworkOrMainNetEquivalent(network, testMode) {
+  var _a, _b;
+  return testMode ? (_b = (_a = TestNetworks.find(({ test }) => test === network)) == null ? void 0 : _a.main) != null ? _b : network : network;
+}
+const NetworkChainIds = [
+  { chainId: "11155111", network: Network.SEPOLIA },
+  { chainId: "1", network: Network.ETHEREUM },
+  { chainId: "137", network: Network.POLYGON },
+  { chainId: "42220", network: Network.CELO },
+  { chainId: "8453", network: Network.BASE },
+  { chainId: "42161", network: Network.ARBITRUM },
+  { chainId: "10", network: Network.OPTIMISM }
+];
+function getChainId(network) {
+  var _a, _b;
+  return (_b = (_a = NetworkChainIds.find(({ network: n }) => n === network)) == null ? void 0 : _a.chainId) != null ? _b : void 0;
+}
+function getNetworkFromChainId(chainId) {
+  var _a;
+  return chainId ? (_a = NetworkChainIds.find(({ chainId: c }) => c === chainId)) == null ? void 0 : _a.network : void 0;
+}
+const ETH_CONTRACT_ADDRESS = "0x0000000000000000000000000000000000000000";
+const NetworkAssetAddresses = [
+  { network: Network.ETHEREUM, asset: OnRampAsset.USDC, address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48" },
+  { network: Network.POLYGON, asset: OnRampAsset.USDC, address: "0x3c499c542cef5e3811e1192ce70d8cc03d5c3359" },
+  { network: Network.CELO, asset: OnRampAsset.USDC, address: "0xcebA9300f2b948710d2653dD7B07f33A8B32118C" },
+  { network: Network.BASE, asset: OnRampAsset.USDC, address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913" },
+  { network: Network.ARBITRUM, asset: OnRampAsset.USDC, address: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831" },
+  { network: Network.OPTIMISM, asset: OnRampAsset.USDC, address: "0x0b2c639c533813f4aa9d7837caf62653d097ff85" },
+  { network: Network.SOLANA, asset: OnRampAsset.USDC, address: "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v" },
+  { network: Network.SOLANA_DEVNET, asset: OnRampAsset.USDC, address: "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU" },
+  { network: Network.SEPOLIA, asset: OnRampAsset.USDC, address: "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238" },
+  { network: Network.SOLANA_DEVNET, asset: OnRampAsset.TETHER, address: "EJwZgeZrdC8TXTQbQBoL6bfuAnFUUy1PVCMB4DYPzVaS" }
+];
+function getAssetFromContractAddress(network, contractAddress) {
+  var _a, _b;
+  if (contractAddress === ETH_CONTRACT_ADDRESS) {
+    return OnRampAsset.ETHEREUM;
+  }
+  const checkNetworks = [network, (_a = getNetworkOrMainNetEquivalent(network)) != null ? _a : void 0].filter((n) => !!n).map((n) => Network[n]);
+  return (_b = NetworkAssetAddresses.find(
+    (row) => checkNetworks.includes(row.network) && row.asset.toLowerCase() === contractAddress.toLowerCase()
+  )) == null ? void 0 : _b.asset;
+}
+function getContractAddressFromAsset(network, asset) {
+  var _a;
+  if (asset === OnRampAsset.ETHEREUM) {
+    return ETH_CONTRACT_ADDRESS;
+  }
+  return (_a = NetworkAssetAddresses.find((row) => row.network === network && row.asset === asset)) == null ? void 0 : _a.address;
+}
+export * from "./offRampSend.js";
+export * from "./getDeviceLogo.js";
+export * from "./getDeviceModelName.js";
+export * from "./getBrowserName.js";
+export * from "./formatBiometricHints.js";
+export * from "./getExternalWalletDisplayName.js";
+export * from "./safeStyled.js";
+export {
+  NetworkAssetAddresses,
+  NetworkChainIds,
+  TestNetworks,
+  getAssetFromContractAddress,
+  getChainId,
+  getContractAddressFromAsset,
+  getCurrencyCode,
+  getCurrencyCodes,
+  getNetworkFromChainId,
+  getNetworkOrMainNetEquivalent,
+  getNetworkTestEquivalent,
+  reverseCurrencyLookup
+};

package/dist/utils/offRampSend.js

@@ -0,0 +1,75 @@
+"use client";
+import {
+  __async
+} from "../chunk-GOCCUU3Z.js";
+import { hexStringToBase64 } from "@getpara/web-sdk";
+function offRampSend(_0, _1, _2, _3) {
+  return __async(this, arguments, function* (para, { id: purchaseId, provider, walletId, walletType, address, testMode = false }, setOnRampPurchase, {
+    assetQuantity,
+    fiat,
+    fiatQuantity,
+    chainId,
+    destinationAddress,
+    contractAddress
+  }) {
+    var _a, _b, _c;
+    if (!purchaseId || !walletId || !walletType || !provider) {
+      throw new Error("Missing required fields");
+    }
+    try {
+      const { tx, message, network, asset } = yield para.ctx.client.generateOffRampTx(para.getUserId(), {
+        walletId,
+        walletType,
+        provider,
+        chainId,
+        destinationAddress,
+        sourceAddress: address,
+        contractAddress,
+        testMode,
+        assetQuantity
+      });
+      let signature;
+      switch (walletType) {
+        case "EVM":
+          signature = (_a = yield para.signTransaction({
+            walletId,
+            rlpEncodedTxBase64: hexStringToBase64(tx),
+            chainId
+          })) == null ? void 0 : _a.signature;
+          break;
+        case "SOLANA":
+          signature = (_b = yield para.signMessage({ walletId, messageBase64: message })) == null ? void 0 : _b.signature;
+          break;
+        default:
+          throw new Error(`Unsupported wallet type: ${walletType}`);
+      }
+      const { txHash } = yield para.ctx.client.sendOffRampTx(para.getUserId(), {
+        tx,
+        signature: walletType === "EVM" ? `0x${signature}` : signature,
+        sourceAddress: address,
+        network,
+        walletId,
+        walletType
+      });
+      const updated = yield para.ctx.client.updateOnRampPurchase({
+        userId: para.getUserId(),
+        walletId,
+        purchaseId,
+        updates: {
+          fiat,
+          fiatQuantity,
+          assetQuantity,
+          network,
+          asset
+        }
+      });
+      setOnRampPurchase(updated);
+      return txHash;
+    } catch (e) {
+      throw new Error(((_c = e.response) == null ? void 0 : _c.data) || e.message);
+    }
+  });
+}
+export {
+  offRampSend
+};

package/dist/utils/safeStyled.d.ts

@@ -0,0 +1,2 @@
+import styled from 'styled-components';
+export declare const safeStyled: typeof styled;

package/dist/utils/safeStyled.js

@@ -0,0 +1,25 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+import styled from "styled-components";
+const createStubComponent = () => {
+  const StubComponent = () => null;
+  StubComponent.attrs = () => createStubComponent();
+  StubComponent.withConfig = () => createStubComponent();
+  return StubComponent;
+};
+const createStubStyled = () => {
+  const styledStub = () => createStubComponent();
+  const handler = {
+    get: (_target, _prop) => {
+      return createStubComponent;
+    },
+    apply: () => {
+      return createStubComponent();
+    }
+  };
+  return new Proxy(styledStub, handler);
+};
+const safeStyled = typeof window !== "undefined" ? styled : createStubStyled();
+export {
+  safeStyled
+};

package/package.json

@@ -1,46 +1,44 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-dev.1",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": "./dist/index.js"
-  },
-  "sideEffects": [
-    "*.css"
-  ],
+  "version": "2.0.0-dev.3",
   "dependencies": {
-    "@getpara/react-components": "2.0.0-dev.1",
-    "@getpara/web-sdk": "2.0.0-dev.1",
+    "@getpara/react-components": "2.0.0-dev.3",
+    "@getpara/web-sdk": "2.0.0-dev.3",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
-    "@stripe/crypto": "^0.0.4",
-    "@stripe/stripe-js": "^3.4.0",
-    "libphonenumber-js": "^1.11.1",
+    "libphonenumber-js": "^1.11.7",
     "styled-components": "^6.1.8",
     "ua-parser-js": "^2.0.2"
   },
-  "scripts": {
-    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs",
-    "typegen": "tsc --emitDeclarationOnly"
-  },
   "devDependencies": {
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
-    "typescript": "^5.4.3"
+    "typescript": "^5.8.3"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+  "exports": {
+    ".": "./dist/index.js"
   },
   "files": [
     "dist",
     "package.json",
     "styles.css"
   ],
+  "main": "dist/index.js",
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "426e843bd6084fb2e5f30ab87b02c79fc2f52832"
+  "scripts": {
+    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs",
+    "typegen": "tsc --emitDeclarationOnly"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "gitHead": "ffe34f7d8df2dd3c2327ca1f35bcc9764e0a68a2"
 }

package/dist/components/StripeEmbed.d.ts

@@ -1,4 +0,0 @@
-import { Props } from '../types/index.js';
-export declare const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-export declare const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51Q2z5k2epVn9Kq0ZSbUzuetKb4azH6E6UPcvWmjRxvHmxLAJbIK0pwDbPQo63W9OyDng337ntNu3ZXx3AJ7MhFmR00XgfRmPgP";
-export declare const StripeEmbed: ({ para, isDark, isEmbedded, onRampPurchase, setOnRampPurchase }: Props) => import("react/jsx-runtime").JSX.Element;