@daimo/pay 1.19.10 → 1.19.11

package/build/src/provider/PayContext.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-
-const PayContext = createContext(null);
-
-export { PayContext };
-//# sourceMappingURL=PayContext.js.map

package/build/src/provider/PayContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayContext.js","sources":["../../../src/provider/PayContext.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\n\nimport { ROUTES } from \"../constants/routes\";\nimport { useConnectCallbackProps } from \"../hooks/useConnectCallback\";\nimport { PaymentState } from \"../hooks/usePaymentState\";\nimport {\n  CustomTheme,\n  DaimoPayContextOptions,\n  DaimoPayModalOptions,\n  Languages,\n  Mode,\n  Theme,\n} from \"../types\";\nimport { SolanaWalletName } from \"./SolanaContextProvider\";\n\n/** Meant for internal use. This will be non-exported in a future SDK version. */\nexport const PayContext = createContext<PayContextValue | null>(null);\n\nexport type PayLogFn = (message: string, ...props: any[]) => void;\n\n/** Daimo Pay internal context. */\nexport type PayContextValue = {\n  theme: Theme;\n  setTheme: React.Dispatch<React.SetStateAction<Theme>>;\n  mode: Mode;\n  setMode: React.Dispatch<React.SetStateAction<Mode>>;\n  customTheme: CustomTheme | undefined;\n  setCustomTheme: React.Dispatch<React.SetStateAction<CustomTheme | undefined>>;\n  lang: Languages;\n  setLang: React.Dispatch<React.SetStateAction<Languages>>;\n  disableMobileInjector: boolean;\n  setDisableMobileInjector: React.Dispatch<React.SetStateAction<boolean>>;\n  setOnOpen: (fn?: () => void) => void;\n  setOnClose: (fn?: () => void) => void;\n  open: boolean;\n  setOpen: (open: boolean, meta?: Record<string, any>) => void;\n  route: string;\n  setRoute: (route: ROUTES, data?: Record<string, any>) => void;\n  errorMessage: string | React.ReactNode | null;\n  debugMode?: boolean;\n  log: PayLogFn;\n  displayError: (message: string | React.ReactNode | null, code?: any) => void;\n  resize: number;\n  triggerResize: () => void;\n  uniquePaymentMethodPage: ROUTES;\n  setUniquePaymentMethodPage: React.Dispatch<React.SetStateAction<ROUTES>>;\n  // All options below are new, specific to Daimo Pay.\n  /** Session ID. */\n  sessionId: string;\n  /** EVM pending connector */\n  pendingConnectorId: string | undefined;\n  setPendingConnectorId: (id: string) => void;\n  /** Chosen Solana wallet, eg Phantom.*/\n  solanaConnector: SolanaWalletName | undefined;\n  setSolanaConnector: React.Dispatch<\n    React.SetStateAction<SolanaWalletName | undefined>\n  >;\n  /** Global options, across all pay buttons and payments. */\n  options?: DaimoPayContextOptions;\n  /** Loads a payment, then shows the modal to complete payment. */\n  showPayment: (modalOptions: DaimoPayModalOptions) => Promise<void>;\n  /** Payment status & callbacks. */\n  paymentState: PaymentState;\n  /** TRPC API client. Internal use only. */\n  trpc: any;\n  /** Callback to call when the payment is successful. */\n  onSuccess: () => void;\n  /**\n   * Whether to show the contact support button. Used specifically for\n   * WorldPayButton on iOS since links are broken on iOS in World App.\n   */\n  showContactSupport: boolean;\n  setShowContactSupport: React.Dispatch<React.SetStateAction<boolean>>;\n  /** Custom message to display on confirmation page. */\n  confirmationMessage?: string;\n  setConfirmationMessage: React.Dispatch<\n    React.SetStateAction<string | undefined>\n  >;\n  /** Redirect URL to return to the app. E.g. after Coinbase, Binance, RampNetwork. */\n  redirectReturnUrl?: string;\n  setRedirectReturnUrl: React.Dispatch<\n    React.SetStateAction<string | undefined>\n  >;\n} & useConnectCallbackProps;\n"],"names":[],"mappings":";;AAgBa,MAAA,UAAA,GAAa,cAAsC,IAAI;;;;"}

package/build/src/provider/PaymentProvider.js

@@ -1,35 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useLayoutEffect } from 'react';
-import { attachPaymentEffectHandlers } from '../payment/paymentEffects.js';
-import { createPaymentStore } from '../payment/paymentStore.js';
-import { createTrpcClient } from '../utils/trpc.js';
-
-const PaymentContext = createContext(null);
-function PaymentProvider({
-  children,
-  payApiUrl,
-  log = console.log,
-  debugMode = false
-}) {
-  const [sessionId] = useState(() => crypto.randomUUID().replaceAll("-", ""));
-  const trpc = useMemo(() => {
-    return createTrpcClient(payApiUrl, sessionId);
-  }, [payApiUrl, sessionId]);
-  const store = useMemo(() => {
-    return createPaymentStore();
-  }, []);
-  useLayoutEffect(() => {
-    const unsubscribe = attachPaymentEffectHandlers(
-      store,
-      trpc,
-      log,
-      debugMode
-    );
-    log("[EFFECT] subscribed to payment effects");
-    return unsubscribe;
-  }, [store, trpc, log, debugMode]);
-  return /* @__PURE__ */ jsx(PaymentContext.Provider, { value: store, children });
-}
-
-export { PaymentContext, PaymentProvider };
-//# sourceMappingURL=PaymentProvider.js.map

package/build/src/provider/PaymentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentProvider.js","sources":["../../../src/provider/PaymentProvider.tsx"],"sourcesContent":["import { createContext, useLayoutEffect, useMemo, useState } from \"react\";\nimport { attachPaymentEffectHandlers } from \"../payment/paymentEffects\";\nimport { createPaymentStore, PaymentStore } from \"../payment/paymentStore\";\nimport { createTrpcClient } from \"../utils/trpc\";\n\nexport const PaymentContext = createContext<PaymentStore | null>(null);\n\ntype PaymentProviderProps = {\n  children: React.ReactNode;\n  payApiUrl: string;\n  log?: (msg: string) => void;\n  debugMode?: boolean;\n};\n\nexport function PaymentProvider({\n  children,\n  payApiUrl,\n  log = console.log,\n  debugMode = false,\n}: PaymentProviderProps) {\n  // Generate unique sessionId for tracking in the backend\n  const [sessionId] = useState(() => crypto.randomUUID().replaceAll(\"-\", \"\"));\n  const trpc = useMemo(() => {\n    return createTrpcClient(payApiUrl, sessionId);\n  }, [payApiUrl, sessionId]);\n\n  const store = useMemo(() => {\n    return createPaymentStore();\n  }, []);\n\n  // Attach subscriber to run side effects in response to events. Use a\n  // layout effect that runs before the first render.\n  useLayoutEffect(() => {\n    const unsubscribe = attachPaymentEffectHandlers(\n      store,\n      trpc,\n      log,\n      debugMode,\n    );\n    log(\"[EFFECT] subscribed to payment effects\");\n    return unsubscribe;\n  }, [store, trpc, log, debugMode]);\n\n  return (\n    <PaymentContext.Provider value={store}>{children}</PaymentContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,cAAA,GAAiB,cAAmC,IAAI,EAAA;AAS9D,SAAS,eAAgB,CAAA;AAAA,EAC9B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAM,OAAQ,CAAA,GAAA;AAAA,EACd,SAAY,GAAA,KAAA;AACd,CAAyB,EAAA;AAEvB,EAAM,MAAA,CAAC,SAAS,CAAA,GAAI,QAAS,CAAA,MAAM,MAAO,CAAA,UAAA,EAAa,CAAA,UAAA,CAAW,GAAK,EAAA,EAAE,CAAC,CAAA,CAAA;AAC1E,EAAM,MAAA,IAAA,GAAO,QAAQ,MAAM;AACzB,IAAO,OAAA,gBAAA,CAAiB,WAAW,SAAS,CAAA,CAAA;AAAA,GAC3C,EAAA,CAAC,SAAW,EAAA,SAAS,CAAC,CAAA,CAAA;AAEzB,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAA,OAAO,kBAAmB,EAAA,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA,CAAA;AAIL,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,WAAc,GAAA,2BAAA;AAAA,MAClB,KAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,KACF,CAAA;AACA,IAAA,GAAA,CAAI,wCAAwC,CAAA,CAAA;AAC5C,IAAO,OAAA,WAAA,CAAA;AAAA,KACN,CAAC,KAAA,EAAO,IAAM,EAAA,GAAA,EAAK,SAAS,CAAC,CAAA,CAAA;AAEhC,EAAA,2BACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAA,EAAO,OAAQ,QAAS,EAAA,CAAA,CAAA;AAErD;;;;"}

package/build/src/provider/SolanaContextProvider.js

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { ConnectionProvider, WalletProvider } from '@solana/wallet-adapter-react';
-
-const DEFAULT_SOLANA_RPC_URL = "https://nameless-thrilling-spring.solana-mainnet.quiknode.pro/71d5c9acbf54c7cf00584cf6fab7fc37e844415f/";
-const SolanaContextProvider = ({
-  children,
-  solanaRpcUrl
-}) => {
-  const endpoint = solanaRpcUrl ?? DEFAULT_SOLANA_RPC_URL;
-  return /* @__PURE__ */ jsx(ConnectionProvider, { endpoint, children: /* @__PURE__ */ jsx(WalletProvider, { wallets: [], autoConnect: true, children }) });
-};
-
-export { SolanaContextProvider };
-//# sourceMappingURL=SolanaContextProvider.js.map

package/build/src/provider/SolanaContextProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolanaContextProvider.js","sources":["../../../src/provider/SolanaContextProvider.tsx"],"sourcesContent":["import { WalletName } from \"@solana/wallet-adapter-base\";\nimport {\n  ConnectionProvider,\n  WalletProvider,\n} from \"@solana/wallet-adapter-react\";\n\nexport type SolanaWalletName = WalletName<string>;\n\nconst DEFAULT_SOLANA_RPC_URL =\n  \"https://nameless-thrilling-spring.solana-mainnet.quiknode.pro/71d5c9acbf54c7cf00584cf6fab7fc37e844415f/\";\n\nexport const SolanaContextProvider = ({\n  children,\n  solanaRpcUrl,\n}: {\n  children: React.ReactNode;\n  solanaRpcUrl?: string;\n}) => {\n  const endpoint = solanaRpcUrl ?? DEFAULT_SOLANA_RPC_URL;\n\n  return (\n    <ConnectionProvider endpoint={endpoint}>\n      <WalletProvider wallets={[]} autoConnect>\n        {children}\n      </WalletProvider>\n    </ConnectionProvider>\n  );\n};\n"],"names":[],"mappings":";;;AAQA,MAAM,sBACJ,GAAA,yGAAA,CAAA;AAEK,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AAAA,EACA,YAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,WAAW,YAAgB,IAAA,sBAAA,CAAA;AAEjC,EACE,uBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,QAAA,EAClB,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,OAAS,EAAA,EAAI,EAAA,WAAA,EAAW,IACrC,EAAA,QAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/src/provider/Web3ContextProvider.js

@@ -1,36 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { useAccount } from 'wagmi';
-import { useChainIsSupported } from '../hooks/useChainIsSupported.js';
-import { useChains } from '../hooks/useChains.js';
-
-const Web3Context = React.createContext({
-  connect: {
-    getUri: () => ""
-  },
-  dapp: {
-    chains: []
-  },
-  account: void 0
-});
-const Web3ContextProvider = ({
-  children
-}) => {
-  const { address: currentAddress, chain } = useAccount();
-  const chainIsSupported = useChainIsSupported(chain?.id);
-  const chains = useChains();
-  const value = {
-    dapp: {
-      chains
-    },
-    account: currentAddress ? {
-      chain,
-      chainIsSupported,
-      address: currentAddress
-    } : void 0
-  };
-  return /* @__PURE__ */ jsx(Web3Context.Provider, { value, children });
-};
-
-export { Web3ContextProvider };
-//# sourceMappingURL=Web3ContextProvider.js.map

package/build/src/provider/Web3ContextProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Web3ContextProvider.js","sources":["../../../src/provider/Web3ContextProvider.tsx"],"sourcesContent":["/**\n * This provider is responsible for handling reusable web3 logic across the app.\n */\n\nimport React from \"react\";\n\nimport { Address, Chain } from \"viem\";\nimport { useAccount } from \"wagmi\";\n\nimport { useChainIsSupported } from \"../hooks/useChainIsSupported\";\nimport { useChains } from \"../hooks/useChains\";\n\ntype Web3Context = {\n  connect: {\n    getUri: (id?: string) => string;\n  };\n  dapp: {\n    chains: Chain[];\n  };\n  account?: {\n    chain: Chain;\n    chainIsSupported: boolean;\n    address: Address;\n  };\n};\n\nconst Web3Context = React.createContext({\n  connect: {\n    getUri: () => \"\",\n  },\n  dapp: {\n    chains: [],\n  },\n  account: undefined,\n} as Web3Context);\n\nexport const Web3ContextProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { address: currentAddress, chain } = useAccount();\n  const chainIsSupported = useChainIsSupported(chain?.id);\n  const chains = useChains();\n\n  const value = {\n    dapp: {\n      chains,\n    },\n    account: currentAddress\n      ? {\n          chain,\n          chainIsSupported,\n          address: currentAddress,\n        }\n      : undefined,\n  } as Web3Context;\n\n  return <Web3Context.Provider value={value}>{children}</Web3Context.Provider>;\n};\n\nexport const useWeb3 = () => React.useContext(Web3Context);\n"],"names":[],"mappings":";;;;;;AA0BA,MAAM,WAAA,GAAc,MAAM,aAAc,CAAA;AAAA,EACtC,OAAS,EAAA;AAAA,IACP,QAAQ,MAAM,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAQ,EAAC;AAAA,GACX;AAAA,EACA,OAAS,EAAA,KAAA,CAAA;AACX,CAAgB,CAAA,CAAA;AAET,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AACF,CAEM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,cAAgB,EAAA,KAAA,KAAU,UAAW,EAAA,CAAA;AACtD,EAAM,MAAA,gBAAA,GAAmB,mBAAoB,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AACtD,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,IAAM,EAAA;AAAA,MACJ,MAAA;AAAA,KACF;AAAA,IACA,SAAS,cACL,GAAA;AAAA,MACE,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAS,EAAA,cAAA;AAAA,KAEX,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AAEA,EAAA,uBAAQ,GAAA,CAAA,WAAA,CAAY,QAAZ,EAAA,EAAqB,OAAe,QAAS,EAAA,CAAA,CAAA;AACvD;;;;"}

package/build/src/stateStore.js

@@ -1,36 +0,0 @@
-function createStore(reducer, init) {
-  let state = init;
-  const listeners = /* @__PURE__ */ new Set();
-  return {
-    getState: () => state,
-    dispatch: (e) => {
-      const prev = state;
-      state = reducer(state, e);
-      listeners.forEach((l) => l({ prev, next: state, event: e }));
-    },
-    subscribe: (l) => {
-      listeners.add(l);
-      return () => listeners.delete(l);
-    }
-  };
-}
-function waitForState(store, predicates, isError, getErrorMessage) {
-  const guards = typeof predicates === "function" ? [predicates] : predicates;
-  const matches = (s) => guards.some((g) => g(s));
-  return new Promise((resolve, reject) => {
-    const first = store.getState();
-    if (matches(first)) return resolve(first);
-    const unsubscribe = store.subscribe(({ next }) => {
-      if (matches(next)) {
-        unsubscribe();
-        resolve(next);
-      } else if (isError?.(next)) {
-        unsubscribe();
-        reject(new Error(getErrorMessage?.(next) ?? "error"));
-      }
-    });
-  });
-}
-
-export { createStore, waitForState };
-//# sourceMappingURL=stateStore.js.map

package/build/src/stateStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stateStore.js","sources":["../../src/stateStore.ts"],"sourcesContent":["/**\n * A store that manages state and dispatches events to a list of subscribers.\n * - getState: Returns the current state of the store.\n * - dispatch: Transition to a new state by applying the reducer function to\n * the current state and the event.\n * - subscribe: Takes a function as an argument and adds it to the list of\n * subscribers. When the state changes, all subscribers will be called. The\n * function returns a function that can be used to unsubscribe from the store.\n *\n * @template S The type of the state.\n * @template E The type of the events.\n */\nexport interface Store<S, E> {\n  getState: () => S;\n  dispatch: (e: E) => void;\n  subscribe: (l: listener<S, E>) => () => void;\n}\n\ntype listener<S, E> = ({\n  prev,\n  next,\n  event,\n}: {\n  prev: S;\n  next: S;\n  event: E;\n}) => void;\n\n/**\n * Creates a store that manages state and dispatches events to a list of\n * subscribers.\n *\n * @param reducer The reducer function that takes the current state and an event\n * and deterministically returns a new state.\n * @param init The initial state of the store.\n * @returns An object with three methods:\n *  - getState: Returns the current state of the store.\n *  - dispatch: Transition to a new state by applying the reducer function to\n *  the current state and the event.\n *  - subscribe: Takes a function as an argument and adds it to the list of\n *  subscribers. When the state changes, all subscribers will be called. The\n *  function returns a function that can be used to unsubscribe from the store.\n */\nexport function createStore<S, E>(\n  reducer: (s: S, e: E) => S,\n  init: S,\n): Store<S, E> {\n  let state = init;\n  const listeners = new Set<listener<S, E>>();\n\n  return {\n    getState: () => state,\n    dispatch: (e) => {\n      const prev = state;\n      state = reducer(state, e);\n      listeners.forEach((l) => l({ prev, next: state, event: e }));\n    },\n    subscribe: (l) => {\n      listeners.add(l);\n      // Return an unsubscribe function.\n      return () => listeners.delete(l);\n    },\n  };\n}\n\n/**\n * Wait until the store enters any state that satisfies the given predicate(s),\n * or reject on error.\n * \n * @returns\n *   `Promise<T>` resolving with the first state where `predicate` is true,\n *   or rejecting if `isError` ever returns true.\n *\n * @example After hydrating an order, wait for the payment FSM to transition to\n * the new state before returning the updated order.\n * \n * // 1. Kick off the preview transition\n * store.dispatch({ type: \"hydrate_order\" });\n *\n * // 2. Pause until the order is successfully hydrated or errors\n * const newState = await waitForState(\n *  store,\n *  (s): s is NewState => s.type === \"payment_unpaid\",\n *  s => s.type === \"error\",\n *  s => (s as ErrorState).message\n * );\n *\n * // 3. Now newState.order is updated with the hydrated order\n * return newState.order;\n * ```\n */\nexport function waitForState<S, E, T extends S>(\n  store: Store<S, E>,\n  predicates: ((s: S) => s is T) | ReadonlyArray<(s: S) => s is T>,\n  isError?: (s: S) => boolean,\n  getErrorMessage?: (s: S) => string,\n): Promise<T> {\n  // Normalise to an array and build a helper that succeeds if *any* guard passes\n  const guards = typeof predicates === \"function\" ? [predicates] : predicates;\n\n  const matches = (s: S): s is T => guards.some((g) => g(s));\n\n  return new Promise((resolve, reject) => {\n    // Fast path – we might already be in a valid state\n    const first = store.getState();\n    if (matches(first)) return resolve(first);\n\n    const unsubscribe = store.subscribe(({ next }) => {\n      if (matches(next)) {\n        unsubscribe();\n        resolve(next);\n      } else if (isError?.(next)) {\n        unsubscribe();\n        reject(new Error(getErrorMessage?.(next) ?? \"error\"));\n      }\n    });\n  });\n}\n"],"names":[],"mappings":"AA2CgB,SAAA,WAAA,CACd,SACA,IACa,EAAA;AACb,EAAA,IAAI,KAAQ,GAAA,IAAA,CAAA;AACZ,EAAM,MAAA,SAAA,uBAAgB,GAAoB,EAAA,CAAA;AAE1C,EAAO,OAAA;AAAA,IACL,UAAU,MAAM,KAAA;AAAA,IAChB,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,MAAA,MAAM,IAAO,GAAA,KAAA,CAAA;AACb,MAAQ,KAAA,GAAA,OAAA,CAAQ,OAAO,CAAC,CAAA,CAAA;AACxB,MAAU,SAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAE,CAAA,EAAE,IAAM,EAAA,IAAA,EAAM,KAAO,EAAA,KAAA,EAAO,CAAE,EAAC,CAAC,CAAA,CAAA;AAAA,KAC7D;AAAA,IACA,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,MAAA,SAAA,CAAU,IAAI,CAAC,CAAA,CAAA;AAEf,MAAO,OAAA,MAAM,SAAU,CAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,KACjC;AAAA,GACF,CAAA;AACF,CAAA;AA4BO,SAAS,YACd,CAAA,KAAA,EACA,UACA,EAAA,OAAA,EACA,eACY,EAAA;AAEZ,EAAA,MAAM,SAAS,OAAO,UAAA,KAAe,UAAa,GAAA,CAAC,UAAU,CAAI,GAAA,UAAA,CAAA;AAEjE,EAAM,MAAA,OAAA,GAAU,CAAC,CAAiB,KAAA,MAAA,CAAO,KAAK,CAAC,CAAA,KAAM,CAAE,CAAA,CAAC,CAAC,CAAA,CAAA;AAEzD,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AAEtC,IAAM,MAAA,KAAA,GAAQ,MAAM,QAAS,EAAA,CAAA;AAC7B,IAAA,IAAI,OAAQ,CAAA,KAAK,CAAG,EAAA,OAAO,QAAQ,KAAK,CAAA,CAAA;AAExC,IAAA,MAAM,cAAc,KAAM,CAAA,SAAA,CAAU,CAAC,EAAE,MAAW,KAAA;AAChD,MAAI,IAAA,OAAA,CAAQ,IAAI,CAAG,EAAA;AACjB,QAAY,WAAA,EAAA,CAAA;AACZ,QAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,OACd,MAAA,IAAW,OAAU,GAAA,IAAI,CAAG,EAAA;AAC1B,QAAY,WAAA,EAAA,CAAA;AACZ,QAAA,MAAA,CAAO,IAAI,KAAM,CAAA,eAAA,GAAkB,IAAI,CAAA,IAAK,OAAO,CAAC,CAAA,CAAA;AAAA,OACtD;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACH;;;;"}

package/build/src/styles/defaultTheme.js

@@ -1,80 +0,0 @@
-const defaultLightTheme = {
-  font: {
-    family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`
-  },
-  text: {
-    primary: {
-      color: "#373737"
-    },
-    secondary: {
-      color: "#999999",
-      hover: {
-        color: "#111111"
-      }
-    },
-    error: "#FC6464",
-    valid: "#32D74B"
-  },
-  buttons: {
-    primary: {
-      borderRadius: 16,
-      color: "#000373737000",
-      background: "#FFFFFF",
-      border: "#F0F0F0",
-      hover: {
-        color: "#000000",
-        border: "#1A88F8"
-      }
-    },
-    secondary: {
-      borderRadius: 16,
-      background: "#F6F7F9",
-      color: "#000000"
-    }
-  },
-  navigation: {
-    color: "#999999"
-  },
-  modal: {
-    background: "#ffffff",
-    // need to generate an rgba transparent version of this for Safari
-    divider: "#f7f6f8"
-  },
-  tooltips: {
-    color: "#999999",
-    background: "#ffffff",
-    hover: {
-      background: "#f6f7f9"
-    }
-  },
-  overlay: {
-    background: "rgba(0, 0, 0, 0.06)"
-  },
-  qrCode: {
-    accentColor: "#F7F6F8"
-  }
-};
-const parseTheme = (theme) => {
-  return theme;
-};
-const userPrefersDarkMode = () => {
-  if (typeof window === "undefined") return false;
-  return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
-};
-userPrefersDarkMode();
-const defaultTheme = {
-  daimoPay: {
-    options: {
-      iconStyle: "light"
-    },
-    //theme: parseTheme(defaultLightTheme),
-    theme: {
-      preferred: "dark",
-      light: parseTheme(defaultLightTheme),
-      dark: parseTheme(defaultLightTheme)
-    }
-  }
-};
-
-export { defaultTheme as default };
-//# sourceMappingURL=defaultTheme.js.map

package/build/src/styles/defaultTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultTheme.js","sources":["../../../src/styles/defaultTheme.ts"],"sourcesContent":["import { CustomTheme, Theme } from \"./types\";\n\nconst defaultLightTheme: Theme = {\n  font: {\n    family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,\n  },\n  text: {\n    primary: {\n      color: \"#373737\",\n    },\n    secondary: {\n      color: \"#999999\",\n      hover: {\n        color: \"#111111\",\n      },\n    },\n    error: \"#FC6464\",\n    valid: \"#32D74B\",\n  },\n  buttons: {\n    primary: {\n      borderRadius: 16,\n      color: \"#000373737000\",\n      background: \"#FFFFFF\",\n      border: \"#F0F0F0\",\n      hover: {\n        color: \"#000000\",\n        border: \"#1A88F8\",\n      },\n    },\n    secondary: {\n      borderRadius: 16,\n      background: \"#F6F7F9\",\n      color: \"#000000\",\n    },\n  },\n  navigation: {\n    color: \"#999999\",\n  },\n  modal: {\n    background: \"#ffffff\", // need to generate an rgba transparent version of this for Safari\n    divider: \"#f7f6f8\",\n  },\n  tooltips: {\n    color: \"#999999\",\n    background: \"#ffffff\",\n    hover: {\n      background: \"#f6f7f9\",\n    },\n  },\n  overlay: {\n    background: \"rgba(0, 0, 0, 0.06)\",\n  },\n  qrCode: {\n    accentColor: \"#F7F6F8\",\n  },\n};\n\n// parse into css variables so we can use p3 colors\nconst parseTheme = (theme: Theme) => {\n  return theme;\n};\n\nconst userPrefersDarkMode = () => {\n  if (typeof window === \"undefined\") return false;\n  return (\n    window.matchMedia &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  );\n  /*\n  window\n    .matchMedia('(prefers-color-scheme: dark)')\n    .addEventListener('change', (event) => {\n      userPrefersDarkMode = event.matches;\n    });\n    */\n};\nlet darkMode = userPrefersDarkMode();\n\nif (darkMode) {\n}\n\nconst defaultTheme: CustomTheme = {\n  daimoPay: {\n    options: {\n      iconStyle: \"light\",\n    },\n    //theme: parseTheme(defaultLightTheme),\n    theme: {\n      preferred: \"dark\",\n      light: parseTheme(defaultLightTheme),\n      dark: parseTheme(defaultLightTheme),\n    },\n  },\n};\nexport default defaultTheme;\n"],"names":[],"mappings":"AAEA,MAAM,iBAA2B,GAAA;AAAA,EAC/B,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA,kHAAA,CAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,SAAA;AAAA,KACT;AAAA,IACA,SAAW,EAAA;AAAA,MACT,KAAO,EAAA,SAAA;AAAA,MACP,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA;AAAA,MACP,YAAc,EAAA,EAAA;AAAA,MACd,KAAO,EAAA,eAAA;AAAA,MACP,UAAY,EAAA,SAAA;AAAA,MACZ,MAAQ,EAAA,SAAA;AAAA,MACR,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,KACF;AAAA,IACA,SAAW,EAAA;AAAA,MACT,YAAc,EAAA,EAAA;AAAA,MACd,UAAY,EAAA,SAAA;AAAA,MACZ,KAAO,EAAA,SAAA;AAAA,KACT;AAAA,GACF;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,SAAA;AAAA;AAAA,IACZ,OAAS,EAAA,SAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,UAAY,EAAA,SAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,SAAA;AAAA,KACd;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,qBAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,SAAA;AAAA,GACf;AACF,CAAA,CAAA;AAGA,MAAM,UAAA,GAAa,CAAC,KAAiB,KAAA;AACnC,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEA,MAAM,sBAAsB,MAAM;AAChC,EAAI,IAAA,OAAO,MAAW,KAAA,WAAA,EAAoB,OAAA,KAAA,CAAA;AAC1C,EAAA,OACE,MAAO,CAAA,UAAA,IACP,MAAO,CAAA,UAAA,CAAW,8BAA8B,CAAE,CAAA,OAAA,CAAA;AAStD,CAAA,CAAA;AACe,mBAAoB,GAAA;AAKnC,MAAM,YAA4B,GAAA;AAAA,EAChC,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,OAAA;AAAA,KACb;AAAA;AAAA,IAEA,KAAO,EAAA;AAAA,MACL,SAAW,EAAA,MAAA;AAAA,MACX,KAAA,EAAO,WAAW,iBAAiB,CAAA;AAAA,MACnC,IAAA,EAAM,WAAW,iBAAiB,CAAA;AAAA,KACpC;AAAA,GACF;AACF;;;;"}

package/build/src/styles/index.js

@@ -1,313 +0,0 @@
-import { motion } from 'framer-motion';
-import { css } from 'styled-components';
-import { hexToP3 } from '../utils/p3.js';
-import styled from './styled/index.js';
-import predefinedThemes from './themes/index.js';
-
-const themeGlobals = {
-  default: {
-    "--ck-font-family": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
-    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
-    'Segoe UI Symbol'`,
-    "--ck-border-radius": "20px",
-    "--ck-secondary-button-border-radius": "16px"
-  },
-  graphics: {
-    light: {
-      "--ck-graphic-wave-stop-01": "#E8F17D",
-      "--ck-graphic-wave-stop-02": "#A8ECDE",
-      "--ck-graphic-wave-stop-03": "#7AA1F2",
-      "--ck-graphic-wave-stop-04": "#DEA1E8",
-      "--ck-graphic-wave-stop-05": "#F46D98",
-      "--ck-graphic-scaniconwithlogos-01": "#4E4E4E",
-      "--ck-graphic-scaniconwithlogos-02": "#272727",
-      "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
-      "--ck-graphic-scaniconwithlogos-04": "#F6F7F9",
-      "--ck-chain-ethereum-01": "#25292E",
-      "--ck-chain-ethereum-02": "#fff",
-      "--ck-chain-ethereum-03": "#DFE0E0"
-    },
-    dark: {
-      "--ck-graphic-wave-stop-01": "#E8F17D",
-      "--ck-graphic-wave-stop-02": "#A8ECDE",
-      "--ck-graphic-wave-stop-03": "#7AA1F2",
-      "--ck-graphic-wave-stop-04": "#DEA1E8",
-      "--ck-graphic-wave-stop-05": "#F46D98",
-      "--ck-graphic-scaniconwithlogos-01": "#AFAFAF",
-      "--ck-graphic-scaniconwithlogos-02": "#696969",
-      "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
-      "--ck-graphic-scaniconwithlogos-04": "#3D3D3D"
-      //'--ck-chain-ethereum-01': '#fff',
-      //'--ck-chain-ethereum-02': '#000',
-      //'--ck-chain-ethereum-03': '#000',
-    }
-  },
-  ens: {
-    light: {
-      "--ck-ens-01-start": "#FF3B30",
-      "--ck-ens-01-stop": "#FF9500",
-      "--ck-ens-02-start": "#FF9500",
-      "--ck-ens-02-stop": "#FFCC00",
-      "--ck-ens-03-start": "#FFCC00",
-      "--ck-ens-03-stop": "#34C759",
-      "--ck-ens-04-start": "#5856D6",
-      "--ck-ens-04-stop": "#AF52DE",
-      "--ck-ens-05-start": "#5AC8FA",
-      "--ck-ens-05-stop": "#007AFF",
-      "--ck-ens-06-start": "#007AFF",
-      "--ck-ens-06-stop": "#5856D6",
-      "--ck-ens-07-start": "#5856D6",
-      "--ck-ens-07-stop": "#AF52DE",
-      "--ck-ens-08-start": "#AF52DE",
-      "--ck-ens-08-stop": "#FF2D55"
-    },
-    dark: {
-      "--ck-ens-01-start": "#FF453A",
-      "--ck-ens-01-stop": "#FF9F0A",
-      "--ck-ens-02-start": "#FF9F0A",
-      "--ck-ens-02-stop": "#FFD60A",
-      "--ck-ens-03-start": "#FFD60A",
-      "--ck-ens-03-stop": "#32D74B",
-      "--ck-ens-04-start": "#32D74B",
-      "--ck-ens-04-stop": "#64D2FF",
-      "--ck-ens-05-start": "#64D2FF",
-      "--ck-ens-05-stop": "#0A84FF",
-      "--ck-ens-06-start": "#0A84FF",
-      "--ck-ens-06-stop": "#5E5CE6",
-      "--ck-ens-07-start": "#5E5CE6",
-      "--ck-ens-07-stop": "#BF5AF2",
-      "--ck-ens-08-start": "#BF5AF2",
-      "--ck-ens-08-stop": "#FF2D55"
-    }
-  },
-  brand: {
-    "--ck-family-brand": "#1A88F8",
-    "--ck-brand-coinbaseWallet": "#0052FF",
-    "--ck-brand-metamask": "#f6851b",
-    "--ck-brand-metamask-01": "#F6851B",
-    "--ck-brand-metamask-02": "#E2761B",
-    "--ck-brand-metamask-03": "#CD6116",
-    "--ck-brand-metamask-04": "#161616",
-    "--ck-brand-metamask-05": "#763D16",
-    "--ck-brand-metamask-06": "#D7C1B3",
-    "--ck-brand-metamask-07": "#C0AD9E",
-    "--ck-brand-metamask-08": "#E4761B",
-    "--ck-brand-metamask-09": "#233447",
-    "--ck-brand-metamask-10": "#E4751F",
-    "--ck-brand-metamask-11": "#FEF5E7",
-    "--ck-brand-metamask-12": "#E3C8AB",
-    "--ck-brand-trust-01": "#3375BB",
-    "--ck-brand-trust-02": "#ffffff",
-    "--ck-brand-trust-01b": "#ffffff",
-    // dark Theme
-    "--ck-brand-trust-02b": "#3375BB",
-    // dark Theme
-    "--ck-brand-argent": "#f36a3d",
-    "--ck-brand-imtoken-01": "#11C4D1",
-    "--ck-brand-imtoken-02": "#0062AD",
-    "--ck-brand-safe": "#12FF80",
-    "--ck-brand-dawn": "#000000"
-  }
-};
-const themeColors = {
-  light: predefinedThemes.base.light,
-  dark: predefinedThemes.base.dark,
-  web95: predefinedThemes.web95,
-  retro: predefinedThemes.retro,
-  soft: predefinedThemes.soft,
-  midnight: predefinedThemes.midnight,
-  minimal: predefinedThemes.minimal,
-  rounded: predefinedThemes.rounded,
-  nouns: predefinedThemes.nouns
-};
-const createCssVars = (scheme, important) => {
-  return css`
-    ${Object.keys(scheme).map((key) => {
-    const value = scheme[key];
-    return value && `${key}:${value};`;
-  })}
-  `;
-};
-const createCssColors = (scheme, override) => {
-  const important = override ? " !important" : "";
-  return css`
-    ${Object.keys(scheme).map((key) => {
-    const value = scheme[key];
-    return value && `${key}:${value}${important};`;
-  })}
-    @supports (color: color(display-p3 1 1 1)) {
-      ${Object.keys(scheme).map((key) => {
-    const value = scheme[key];
-    return `${key}:${hexToP3(value)}${important};`;
-  })}
-    }
-  `;
-};
-const themes = {
-  default: createCssVars(themeGlobals.default),
-  light: createCssColors(themeColors.light),
-  dark: createCssColors(themeColors.dark),
-  web95: createCssColors(themeColors.web95),
-  retro: createCssColors(themeColors.retro),
-  soft: createCssColors(themeColors.soft),
-  midnight: createCssColors(themeColors.midnight),
-  minimal: createCssColors(themeColors.minimal),
-  rounded: createCssColors(themeColors.rounded),
-  nouns: createCssColors(themeColors.nouns)
-};
-const globals = {
-  brand: createCssVars(themeGlobals.brand),
-  ensLight: createCssVars(themeGlobals.ens.light),
-  ensDark: createCssVars(themeGlobals.ens.dark),
-  graphicsLight: createCssVars(themeGlobals.graphics.light),
-  graphicsDark: createCssVars(themeGlobals.graphics.dark)
-};
-const globalsLight = css`
-  ${globals.brand}
-  ${globals.ensLight}
-  ${globals.graphicsLight}
-`;
-const globalsDark = css`
-  ${globals.brand}
-  ${globals.ensDark}
-  ${globals.graphicsDark}
-`;
-let mode = "auto";
-const ResetContainer = styled(motion.div)`
-  ${themes.default}
-
-  ${(props) => {
-  switch (props.$useTheme) {
-    case "web95":
-      mode = "light";
-      return themes.web95;
-    case "retro":
-      mode = "light";
-      return themes.retro;
-    case "soft":
-      mode = "light";
-      return themes.soft;
-    case "midnight":
-      mode = "dark";
-      return themes.midnight;
-    case "minimal":
-      mode = "light";
-      return themes.minimal;
-    case "rounded":
-      mode = "light";
-      return themes.rounded;
-    case "nouns":
-      mode = "light";
-      return themes.nouns;
-    default:
-      if (props.$useMode === "light") {
-        mode = "light";
-        return themes.light;
-      } else if (props.$useMode === "dark") {
-        mode = "dark";
-        return themes.dark;
-      } else {
-        return css`
-            @media (prefers-color-scheme: light) {
-              ${themes.light}
-            }
-            @media (prefers-color-scheme: dark) {
-              ${themes.dark}
-            }
-          `;
-      }
-  }
-}}
-
-  ${(props) => {
-  switch (mode) {
-    case "light":
-      return globalsLight;
-    case "dark":
-      return globalsDark;
-    default:
-      return css`
-          ${globalsLight}
-          @media (prefers-color-scheme: dark) {
-            ${globalsDark}
-          }
-        `;
-  }
-}}
-
-
-  ${(props) => {
-  if (props.$customTheme && props.$customTheme["--ck-accent-color"] && ["light", "dark", "auto", "", void 0].includes(props.$useTheme)) {
-    const accentColor = props.$customTheme["--ck-accent-color"];
-    const accentTextColor = props.$customTheme["--ck-accent-text-color"] ?? "#ffffff";
-    return {
-      "--ck-accent-color": accentColor,
-      "--ck-accent-text-color": accentTextColor,
-      // '--ck-connectbutton-color': accentTextColor,
-      // '--ck-connectbutton-background': accentColor,
-      // '--ck-connectbutton-background-hover': accentColor,
-      // '--ck-connectbutton-background-active': LightenDarkenColor(
-      // accentColor,
-      // 20
-      // ),
-      "--ck-secondary-button-background": accentColor,
-      "--ck-secondary-button-hover-background": accentColor,
-      "--ck-secondary-button-color": accentTextColor,
-      "--ck-button-primary-color": accentTextColor,
-      "--ck-focus-color": accentColor
-    };
-  }
-  if (props.$customTheme) {
-    return createCssColors(props.$customTheme, true);
-  }
-}}
-
-  all: initial;
-  text-align: left;
-  text-direction: ltr;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-text-stroke: 0.001px transparent;
-  text-size-adjust: none;
-  font-size: 16px;
-
-  button {
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-text-stroke: 0.001px transparent;
-  }
-
-  &,
-  * {
-    font-family: var(--ck-font-family);
-    box-sizing: border-box;
-    outline: none;
-    border: none;
-  }
-  /*
-  @media (prefers-reduced-motion) {
-    * {
-      animation-duration: 60ms !important;
-      transition-duration: 60ms !important;
-    }
-  }
-  */
-  img,
-  svg {
-    max-width: 100%;
-  }
-  strong {
-    font-weight: 600;
-  }
-  a:focus-visible,
-  button:focus-visible {
-    outline: 2px solid var(--ck-focus-color);
-  }
-`;
-
-export { ResetContainer };
-//# sourceMappingURL=index.js.map

package/build/src/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/styles/index.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport { CustomTheme } from \"../types\";\nimport { hexToP3 } from \"../utils/p3\";\nimport styled from \"./styled\";\n\nimport predefinedThemes from \"./themes\";\n\n/**\n * Theme variables for the modal\n */\nconst themeGlobals = {\n  default: {\n    \"--ck-font-family\": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,\n    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',\n    'Segoe UI Symbol'`,\n    \"--ck-border-radius\": \"20px\",\n    \"--ck-secondary-button-border-radius\": \"16px\",\n  },\n  graphics: {\n    light: {\n      \"--ck-graphic-wave-stop-01\": \"#E8F17D\",\n      \"--ck-graphic-wave-stop-02\": \"#A8ECDE\",\n      \"--ck-graphic-wave-stop-03\": \"#7AA1F2\",\n      \"--ck-graphic-wave-stop-04\": \"#DEA1E8\",\n      \"--ck-graphic-wave-stop-05\": \"#F46D98\",\n\n      \"--ck-graphic-scaniconwithlogos-01\": \"#4E4E4E\",\n      \"--ck-graphic-scaniconwithlogos-02\": \"#272727\",\n      \"--ck-graphic-scaniconwithlogos-03\": \"#F8D74A\",\n      \"--ck-graphic-scaniconwithlogos-04\": \"#F6F7F9\",\n\n      \"--ck-chain-ethereum-01\": \"#25292E\",\n      \"--ck-chain-ethereum-02\": \"#fff\",\n      \"--ck-chain-ethereum-03\": \"#DFE0E0\",\n    },\n    dark: {\n      \"--ck-graphic-wave-stop-01\": \"#E8F17D\",\n      \"--ck-graphic-wave-stop-02\": \"#A8ECDE\",\n      \"--ck-graphic-wave-stop-03\": \"#7AA1F2\",\n      \"--ck-graphic-wave-stop-04\": \"#DEA1E8\",\n      \"--ck-graphic-wave-stop-05\": \"#F46D98\",\n\n      \"--ck-graphic-scaniconwithlogos-01\": \"#AFAFAF\",\n      \"--ck-graphic-scaniconwithlogos-02\": \"#696969\",\n      \"--ck-graphic-scaniconwithlogos-03\": \"#F8D74A\",\n      \"--ck-graphic-scaniconwithlogos-04\": \"#3D3D3D\",\n\n      //'--ck-chain-ethereum-01': '#fff',\n      //'--ck-chain-ethereum-02': '#000',\n      //'--ck-chain-ethereum-03': '#000',\n    },\n  },\n  ens: {\n    light: {\n      \"--ck-ens-01-start\": \"#FF3B30\",\n      \"--ck-ens-01-stop\": \"#FF9500\",\n      \"--ck-ens-02-start\": \"#FF9500\",\n      \"--ck-ens-02-stop\": \"#FFCC00\",\n      \"--ck-ens-03-start\": \"#FFCC00\",\n      \"--ck-ens-03-stop\": \"#34C759\",\n      \"--ck-ens-04-start\": \"#5856D6\",\n      \"--ck-ens-04-stop\": \"#AF52DE\",\n      \"--ck-ens-05-start\": \"#5AC8FA\",\n      \"--ck-ens-05-stop\": \"#007AFF\",\n      \"--ck-ens-06-start\": \"#007AFF\",\n      \"--ck-ens-06-stop\": \"#5856D6\",\n      \"--ck-ens-07-start\": \"#5856D6\",\n      \"--ck-ens-07-stop\": \"#AF52DE\",\n      \"--ck-ens-08-start\": \"#AF52DE\",\n      \"--ck-ens-08-stop\": \"#FF2D55\",\n    },\n    dark: {\n      \"--ck-ens-01-start\": \"#FF453A\",\n      \"--ck-ens-01-stop\": \"#FF9F0A\",\n      \"--ck-ens-02-start\": \"#FF9F0A\",\n      \"--ck-ens-02-stop\": \"#FFD60A\",\n      \"--ck-ens-03-start\": \"#FFD60A\",\n      \"--ck-ens-03-stop\": \"#32D74B\",\n      \"--ck-ens-04-start\": \"#32D74B\",\n      \"--ck-ens-04-stop\": \"#64D2FF\",\n      \"--ck-ens-05-start\": \"#64D2FF\",\n      \"--ck-ens-05-stop\": \"#0A84FF\",\n      \"--ck-ens-06-start\": \"#0A84FF\",\n      \"--ck-ens-06-stop\": \"#5E5CE6\",\n      \"--ck-ens-07-start\": \"#5E5CE6\",\n      \"--ck-ens-07-stop\": \"#BF5AF2\",\n      \"--ck-ens-08-start\": \"#BF5AF2\",\n      \"--ck-ens-08-stop\": \"#FF2D55\",\n    },\n  },\n  brand: {\n    \"--ck-family-brand\": \"#1A88F8\",\n    \"--ck-brand-coinbaseWallet\": \"#0052FF\",\n    \"--ck-brand-metamask\": \"#f6851b\",\n    \"--ck-brand-metamask-01\": \"#F6851B\",\n    \"--ck-brand-metamask-02\": \"#E2761B\",\n    \"--ck-brand-metamask-03\": \"#CD6116\",\n    \"--ck-brand-metamask-04\": \"#161616\",\n    \"--ck-brand-metamask-05\": \"#763D16\",\n    \"--ck-brand-metamask-06\": \"#D7C1B3\",\n    \"--ck-brand-metamask-07\": \"#C0AD9E\",\n    \"--ck-brand-metamask-08\": \"#E4761B\",\n    \"--ck-brand-metamask-09\": \"#233447\",\n    \"--ck-brand-metamask-10\": \"#E4751F\",\n    \"--ck-brand-metamask-11\": \"#FEF5E7\",\n    \"--ck-brand-metamask-12\": \"#E3C8AB\",\n    \"--ck-brand-trust-01\": \"#3375BB\",\n    \"--ck-brand-trust-02\": \"#ffffff\",\n    \"--ck-brand-trust-01b\": \"#ffffff\", // dark Theme\n    \"--ck-brand-trust-02b\": \"#3375BB\", // dark Theme\n    \"--ck-brand-argent\": \"#f36a3d\",\n    \"--ck-brand-imtoken-01\": \"#11C4D1\",\n    \"--ck-brand-imtoken-02\": \"#0062AD\",\n    \"--ck-brand-safe\": \"#12FF80\",\n    \"--ck-brand-dawn\": \"#000000\",\n  },\n};\nconst themeColors = {\n  light: predefinedThemes.base.light,\n  dark: predefinedThemes.base.dark,\n  web95: predefinedThemes.web95,\n  retro: predefinedThemes.retro,\n  soft: predefinedThemes.soft,\n  midnight: predefinedThemes.midnight,\n  minimal: predefinedThemes.minimal,\n  rounded: predefinedThemes.rounded,\n  nouns: predefinedThemes.nouns,\n};\n\n/**\n *  Automatically use p3 if available\n */\n//  TODO: Don't use :any type\nconst createCssVars = (scheme: any, important?: boolean) => {\n  return css`\n    ${Object.keys(scheme).map((key) => {\n      const value = scheme[key];\n      return value && `${key}:${value};`;\n    })}\n  `;\n};\nconst createCssColors = (scheme: any, override?: boolean) => {\n  const important = override ? \" !important\" : \"\";\n  return css`\n    ${Object.keys(scheme).map((key) => {\n      const value = scheme[key];\n      return value && `${key}:${value}${important};`;\n    })}\n    @supports (color: color(display-p3 1 1 1)) {\n      ${Object.keys(scheme).map((key) => {\n        const value = scheme[key];\n        return `${key}:${hexToP3(value)}${important};`;\n      })}\n    }\n  `;\n};\n\nconst themes = {\n  default: createCssVars(themeGlobals.default),\n  light: createCssColors(themeColors.light),\n  dark: createCssColors(themeColors.dark),\n  web95: createCssColors(themeColors.web95),\n  retro: createCssColors(themeColors.retro),\n  soft: createCssColors(themeColors.soft),\n  midnight: createCssColors(themeColors.midnight),\n  minimal: createCssColors(themeColors.minimal),\n  rounded: createCssColors(themeColors.rounded),\n  nouns: createCssColors(themeColors.nouns),\n};\nconst globals = {\n  brand: createCssVars(themeGlobals.brand),\n  ensLight: createCssVars(themeGlobals.ens.light),\n  ensDark: createCssVars(themeGlobals.ens.dark),\n  graphicsLight: createCssVars(themeGlobals.graphics.light),\n  graphicsDark: createCssVars(themeGlobals.graphics.dark),\n};\n\nconst globalsLight = css`\n  ${globals.brand}\n  ${globals.ensLight}\n  ${globals.graphicsLight}\n`;\nconst globalsDark = css`\n  ${globals.brand}\n  ${globals.ensDark}\n  ${globals.graphicsDark}\n`;\n\n/*\n *  Reset stylings to avoid conflicting with the parent websites styling\n * Automatically apply theme based on system theme\n */\n// TODO: Think more about how to reset our components as to not be affected by external stylings\n// TODO: Merge theme objects instead of overriding\n\nlet mode = \"auto\";\nexport const ResetContainer = styled(motion.div)<{\n  $useTheme?: string;\n  $useMode?: string;\n  $customTheme?: CustomTheme;\n}>`\n  ${themes.default}\n\n  ${(props) => {\n    switch (props.$useTheme) {\n      case \"web95\":\n        mode = \"light\";\n        return themes.web95;\n      case \"retro\":\n        mode = \"light\";\n        return themes.retro;\n      case \"soft\":\n        mode = \"light\";\n        return themes.soft;\n      case \"midnight\":\n        mode = \"dark\";\n        return themes.midnight;\n      case \"minimal\":\n        mode = \"light\";\n        return themes.minimal;\n      case \"rounded\":\n        mode = \"light\";\n        return themes.rounded;\n      case \"nouns\":\n        mode = \"light\";\n        return themes.nouns;\n      default:\n        if (props.$useMode === \"light\") {\n          mode = \"light\";\n          return themes.light;\n        } else if (props.$useMode === \"dark\") {\n          mode = \"dark\";\n          return themes.dark;\n        } else {\n          return css`\n            @media (prefers-color-scheme: light) {\n              ${themes.light}\n            }\n            @media (prefers-color-scheme: dark) {\n              ${themes.dark}\n            }\n          `;\n        }\n    }\n  }}\n\n  ${(props) => {\n    switch (mode) {\n      case \"light\":\n        return globalsLight;\n      case \"dark\":\n        return globalsDark;\n      default:\n        return css`\n          ${globalsLight}\n          @media (prefers-color-scheme: dark) {\n            ${globalsDark}\n          }\n        `;\n    }\n  }}\n\n\n  ${(props) => {\n    if (\n      props.$customTheme &&\n      props.$customTheme[\"--ck-accent-color\"] &&\n      [\"light\", \"dark\", \"auto\", \"\", undefined].includes(props.$useTheme)\n    ) {\n      const accentColor = props.$customTheme[\"--ck-accent-color\"];\n      const accentTextColor =\n        props.$customTheme[\"--ck-accent-text-color\"] ?? \"#ffffff\";\n      return {\n        \"--ck-accent-color\": accentColor,\n        \"--ck-accent-text-color\": accentTextColor,\n        // '--ck-connectbutton-color': accentTextColor,\n        // '--ck-connectbutton-background': accentColor,\n        // '--ck-connectbutton-background-hover': accentColor,\n        // '--ck-connectbutton-background-active': LightenDarkenColor(\n        // accentColor,\n        // 20\n        // ),\n        \"--ck-secondary-button-background\": accentColor,\n        \"--ck-secondary-button-hover-background\": accentColor,\n        \"--ck-secondary-button-color\": accentTextColor,\n        \"--ck-button-primary-color\": accentTextColor,\n        \"--ck-focus-color\": accentColor,\n      };\n    }\n    if (props.$customTheme) {\n      return createCssColors(props.$customTheme, true);\n    }\n  }}\n\n  all: initial;\n  text-align: left;\n  text-direction: ltr;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-stroke: 0.001px transparent;\n  text-size-adjust: none;\n  font-size: 16px;\n\n  button {\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    -webkit-text-stroke: 0.001px transparent;\n  }\n\n  &,\n  * {\n    font-family: var(--ck-font-family);\n    box-sizing: border-box;\n    outline: none;\n    border: none;\n  }\n  /*\n  @media (prefers-reduced-motion) {\n    * {\n      animation-duration: 60ms !important;\n      transition-duration: 60ms !important;\n    }\n  }\n  */\n  img,\n  svg {\n    max-width: 100%;\n  }\n  strong {\n    font-weight: 600;\n  }\n  a:focus-visible,\n  button:focus-visible {\n    outline: 2px solid var(--ck-focus-color);\n  }\n`;\n"],"names":[],"mappings":"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"}

package/build/src/styles/styled/index.js

@@ -1,6 +0,0 @@
-import styled$1 from 'styled-components';
-
-var styled = typeof styled$1.div === "function" ? styled$1 : styled$1["default"];
-
-export { styled as default };
-//# sourceMappingURL=index.js.map

package/build/src/styles/styled/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/styles/styled/index.ts"],"sourcesContent":["/**\n *\n * IMPORTANT NOTE: This file is a workaround for the following issue:\n *\n * When using rollup with styled-components to build into an ES module, styled components decides to move all of it’s DOM elements into \"styled.default\" rather than just within \"styled\"\n *\n * We're unsure as to why this issue occurs, if you have any ideas or a better solution please let us know by opening a discussion on our GitHub repo:\n * https://github.com/family/connectkit/discussions/new\n *\n */\n\nimport styled from \"styled-components\";\nexport default typeof styled.div === \"function\" ? styled : styled[\"default\"];\n"],"names":["styled"],"mappings":";;AAYA,aAAe,OAAOA,QAAO,CAAA,GAAA,KAAQ,UAAa,GAAAA,QAAA,GAASA,SAAO,SAAS,CAAA;;;;"}