@daimo/pay 1.19.2 → 1.19.4

package/build/connectkit/src/provider/DaimoPayProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DaimoPayProvider.js","sources":["../../../../src/provider/DaimoPayProvider.tsx"],"sourcesContent":["import {\n  DaimoPayOrderMode,\n  DaimoPayOrderStatusSource,\n  debugJson,\n} from \"@daimo/pay-common\";\nimport { Buffer } from \"buffer\";\nimport React, {\n  createElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport { WagmiContext } from \"wagmi\";\n\nimport { DaimoPayModal } from \"../components/DaimoPayModal\";\nimport { ROUTES } from \"../constants/routes\";\nimport { REQUIRED_CHAINS } from \"../defaultConfig\";\nimport { useChains } from \"../hooks/useChains\";\nimport {\n  useConnectCallback,\n  useConnectCallbackProps,\n} from \"../hooks/useConnectCallback\";\nimport { useDaimoPay } from \"../hooks/useDaimoPay\";\nimport { usePaymentState } from \"../hooks/usePaymentState\";\nimport { PaymentContext, PaymentProvider } from \"../provider/PaymentProvider\";\nimport defaultTheme from \"../styles/defaultTheme\";\nimport {\n  CustomTheme,\n  DaimoPayContextOptions,\n  DaimoPayModalOptions,\n  Languages,\n  Mode,\n  Theme,\n} from \"../types\";\nimport { createTrpcClient } from \"../utils/trpc\";\nimport { setInWalletPaymentUrlFromApiUrl } from \"../wallets/walletConfigs\";\nimport { PayContext, PayContextValue } from \"./PayContext\";\nimport {\n  SolanaContextProvider,\n  SolanaWalletName,\n} from \"./SolanaContextProvider\";\nimport { Web3ContextProvider } from \"./Web3ContextProvider\";\n\ntype DaimoPayUIProviderProps = {\n  children?: React.ReactNode;\n  theme?: Theme;\n  mode?: Mode;\n  customTheme?: CustomTheme;\n  options?: DaimoPayContextOptions;\n  debugMode?: boolean;\n  /** Custom Pay API, useful for test and staging. */\n  payApiUrl: string;\n  log: (msg: string, ...props: any[]) => void;\n} & useConnectCallbackProps;\n\nconst DaimoPayUIProvider = ({\n  children,\n  theme = \"auto\",\n  mode = \"auto\",\n  customTheme,\n  options,\n  onConnect,\n  onDisconnect,\n  debugMode = false,\n  payApiUrl,\n  log,\n}: DaimoPayUIProviderProps) => {\n  if (!React.useContext(PaymentContext)) {\n    throw Error(\"DaimoPayProvider must be within a PaymentProvider\");\n  }\n\n  if (!React.useContext(WagmiContext)) {\n    throw Error(\"DaimoPayProvider must be within a WagmiProvider\");\n  }\n\n  // Only allow for mounting DaimoPayProvider once, so we avoid weird global\n  // state collisions.\n  if (React.useContext(PayContext)) {\n    throw new Error(\n      \"Multiple, nested usages of DaimoPayProvider detected. Please use only one.\",\n    );\n  }\n\n  useConnectCallback({\n    onConnect,\n    onDisconnect,\n  });\n\n  const chains = useChains();\n\n  for (const requiredChain of REQUIRED_CHAINS) {\n    if (!chains.some((c) => c.id === requiredChain.id)) {\n      throw new Error(\n        `Daimo Pay requires chains ${REQUIRED_CHAINS.map((c) => c.name).join(\", \")}. Use \\`getDefaultConfig\\` to automatically configure required chains.`,\n      );\n    }\n  }\n\n  // Default config options\n  const defaultOptions: DaimoPayContextOptions = {\n    language: \"en-US\",\n    hideBalance: false,\n    hideTooltips: false,\n    hideQuestionMarkCTA: false,\n    hideNoWalletCTA: false,\n    hideRecentBadge: false,\n    avoidLayoutShift: true,\n    embedGoogleFonts: false,\n    truncateLongENSAddress: true,\n    reducedMotion: false,\n    disclaimer: null,\n    bufferPolyfill: true,\n    customAvatar: undefined,\n    initialChainId: undefined,\n    enforceSupportedChains: false,\n    ethereumOnboardingUrl: undefined,\n    walletOnboardingUrl: undefined,\n    overlayBlur: undefined,\n    disableMobileInjector: false,\n  };\n\n  const opts: DaimoPayContextOptions = Object.assign(\n    {},\n    defaultOptions,\n    options,\n  );\n\n  if (typeof window !== \"undefined\") {\n    // Buffer Polyfill, needed for bundlers that don't provide Node polyfills (e.g CRA, Vite, etc.)\n    if (opts.bufferPolyfill) window.Buffer = window.Buffer ?? Buffer;\n\n    // Some bundlers may need `global` and `process.env` polyfills as well\n    // Not implemented here to avoid unexpected behaviors, but leaving example here for future reference\n    /*\n     * window.global = window.global ?? window;\n     * window.process = window.process ?? { env: {} };\n     */\n  }\n\n  const pay = useDaimoPay();\n\n  const [ckTheme, setTheme] = useState<Theme>(theme);\n  const [ckMode, setMode] = useState<Mode>(mode);\n  const [ckCustomTheme, setCustomTheme] = useState<CustomTheme | undefined>(\n    customTheme ?? {},\n  );\n  const [ckLang, setLang] = useState<Languages>(\"en-US\");\n  const [disableMobileInjector, setDisableMobileInjector] = useState<boolean>(\n    opts.disableMobileInjector ?? false,\n  );\n\n  const onOpenRef = useRef<(() => void) | undefined>();\n  const onCloseRef = useRef<(() => void) | undefined>();\n  const setOnOpen = useCallback((fn?: () => void) => {\n    onOpenRef.current = fn;\n  }, []);\n  const setOnClose = useCallback((fn?: () => void) => {\n    onCloseRef.current = fn;\n  }, []);\n  const [open, setOpenState] = useState<boolean>(false);\n  const [lockPayParams, setLockPayParams] = useState<boolean>(false);\n  const [paymentCompleted, setPaymentCompleted] = useState<boolean>(false);\n  const [route, setRouteState] = useState<ROUTES>(ROUTES.SELECT_METHOD);\n  const [modalOptions, setModalOptions] = useState<DaimoPayModalOptions>();\n\n  // Daimo Pay context\n  const [uniquePaymentMethodPage, setUniquePaymentMethodPage] =\n    useState<ROUTES>(ROUTES.SELECT_METHOD);\n  const [pendingConnectorId, setPendingConnectorId] = useState<\n    string | undefined\n  >(undefined);\n  // Track sessions. Each generates separate intent IDs unless using externalId.\n  const [sessionId] = useState(() => crypto.randomUUID().replaceAll(\"-\", \"\"));\n  const [solanaConnector, setSolanaConnector] = useState<\n    SolanaWalletName | undefined\n  >();\n\n  // Other configuration\n  const [errorMessage, setErrorMessage] = useState<\n    string | React.ReactNode | null\n  >(\"\");\n  const [showContactSupport, setShowContactSupport] = useState<boolean>(true);\n  const [confirmationMessage, setConfirmationMessage] = useState<\n    string | undefined\n  >(undefined);\n  const [redirectReturnUrl, setRedirectReturnUrl] = useState<\n    string | undefined\n  >(undefined);\n  // Connect to the Daimo Pay TRPC API\n  const trpc = useMemo(() => {\n    return createTrpcClient(payApiUrl, sessionId);\n  }, [payApiUrl, sessionId]);\n  const [resize, onResize] = useState<number>(0);\n\n  useEffect(() => {\n    setInWalletPaymentUrlFromApiUrl(payApiUrl);\n  }, [payApiUrl]);\n\n  const setOpen = useCallback(\n    (open: boolean, meta?: Record<string, any>) => {\n      setOpenState(open);\n\n      // Lock pay params starting from the first time the modal is opened to\n      // prevent the daimo pay order from changing from under the user\n      if (open) {\n        setLockPayParams(true);\n      }\n      // Reset payment state on close if resetOnSuccess is true\n      if (!open && paymentCompleted && modalOptions?.resetOnSuccess) {\n        setPaymentCompleted(false);\n        setLockPayParams(false);\n        paymentState.resetOrder();\n      }\n\n      // Log the open/close event\n      trpc.nav.mutate({\n        action: open ? \"navOpenPay\" : \"navClosePay\",\n        orderId: pay.order?.id?.toString(),\n        data: meta ?? {},\n      });\n\n      // Run the onOpen and onClose callbacks\n      if (open) onOpenRef.current?.();\n      else onCloseRef.current?.();\n    },\n    // We don't have good caching on paymentState, so don't include it as a dep\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [trpc, pay.order?.id, modalOptions?.resetOnSuccess, paymentCompleted],\n  );\n\n  // Callback when a payment is successfully completed (regardless of whether\n  // the final call succeeded or bounced)\n  const onSuccess = useCallback(() => {\n    if (modalOptions?.closeOnSuccess) {\n      setTimeout(() => setOpen(false, { event: \"wait-success\" }), 1000);\n    }\n    setPaymentCompleted(true);\n  }, [modalOptions?.closeOnSuccess, setOpen, setPaymentCompleted]);\n\n  const setRoute = useCallback(\n    (route: ROUTES, data?: Record<string, any>) => {\n      const action = route.replace(\"daimoPay\", \"\");\n      log(`[SET ROUTE] ${action} ${pay.order?.id} ${debugJson(data ?? {})}`);\n      trpc.nav.mutate({\n        action,\n        orderId: pay.order?.id?.toString(),\n        data: data ?? {},\n      });\n      setRouteState(route);\n    },\n    [trpc, pay.order?.id, log],\n  );\n\n  // Other Configuration\n  useEffect(() => setTheme(theme), [theme]);\n  useEffect(() => setLang(opts.language || \"en-US\"), [opts.language]);\n  useEffect(\n    () => setDisableMobileInjector(opts.disableMobileInjector ?? false),\n    [opts.disableMobileInjector],\n  );\n  useEffect(() => setErrorMessage(null), [route, open]);\n\n  // TODO: replace with dispatcher pattern; remove hook slop\n  const paymentState = usePaymentState({\n    trpc,\n    lockPayParams,\n    setRoute,\n    log,\n    redirectReturnUrl,\n  });\n\n  const showPayment = async (modalOptions: DaimoPayModalOptions) => {\n    const id = pay.order?.id;\n    log(\n      `[PAY] showing modal ${debugJson({ id, modalOptions, paymentFsmState: pay.paymentState })}`,\n    );\n\n    setModalOptions(modalOptions);\n    setOpen(true);\n    if (modalOptions.connectedWalletOnly) {\n      paymentState.setTokenMode(\"all\");\n    }\n\n    if (pay.paymentState === \"error\") {\n      setRoute(ROUTES.ERROR);\n    } else if (\n      pay.paymentState === \"payment_started\" ||\n      pay.paymentState === \"payment_completed\" ||\n      pay.paymentState === \"payment_bounced\"\n    ) {\n      setRoute(ROUTES.CONFIRMATION);\n    } else if (modalOptions.connectedWalletOnly) {\n      setRoute(ROUTES.SELECT_TOKEN);\n    } else {\n      setRoute(ROUTES.SELECT_METHOD);\n    }\n  };\n\n  // Watch when the order gets paid and navigate to confirmation\n  // ...if underpaid, go to the deposit addr screen, let the user finish paying.\n  const isUnderpaid =\n    pay.order?.mode === DaimoPayOrderMode.HYDRATED &&\n    pay.order.sourceStatus === DaimoPayOrderStatusSource.WAITING_PAYMENT &&\n    pay.order.sourceTokenAmount != null;\n  useEffect(() => {\n    if (pay.paymentState === \"error\") {\n      setRoute(ROUTES.ERROR);\n    } else if (\n      pay.paymentState === \"payment_started\" ||\n      pay.paymentState === \"payment_completed\" ||\n      pay.paymentState === \"payment_bounced\"\n    ) {\n      setRoute(ROUTES.CONFIRMATION, { event: \"payment-started\" });\n    } else if (isUnderpaid) {\n      paymentState.setSelectedDepositAddressOption(undefined);\n      setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pay.paymentState, setRoute, isUnderpaid]);\n\n  const value: PayContextValue = {\n    theme: ckTheme,\n    setTheme,\n    mode: ckMode,\n    setMode,\n    customTheme,\n    setCustomTheme,\n    lang: ckLang,\n    setLang,\n    disableMobileInjector,\n    setDisableMobileInjector,\n    setOnOpen,\n    setOnClose,\n    open,\n    setOpen,\n    route,\n    setRoute,\n    // Daimo Pay context\n    uniquePaymentMethodPage,\n    setUniquePaymentMethodPage,\n    pendingConnectorId,\n    setPendingConnectorId,\n    sessionId,\n    solanaConnector,\n    setSolanaConnector,\n    onConnect,\n    // Other configuration\n    options: opts,\n    errorMessage,\n    onSuccess,\n    showContactSupport,\n    setShowContactSupport,\n    confirmationMessage,\n    setConfirmationMessage,\n    redirectReturnUrl,\n    setRedirectReturnUrl,\n    debugMode,\n    log,\n    displayError: (message: string | React.ReactNode | null, code?: any) => {\n      setErrorMessage(message);\n      console.log(\"---------DAIMOPAY DEBUG---------\");\n      console.log(message);\n      if (code) console.table(code);\n      console.log(\"---------/DAIMOPAY DEBUG---------\");\n    },\n    resize,\n    triggerResize: () => onResize((prev) => prev + 1),\n\n    // Above: generic ConnectKit context\n    // Below: Daimo Pay context\n    showPayment,\n    paymentState,\n    trpc,\n  };\n\n  return createElement(\n    PayContext.Provider,\n    { value },\n    <Web3ContextProvider>\n      <ThemeProvider theme={defaultTheme}>\n        {children}\n        <DaimoPayModal\n          lang={ckLang}\n          theme={ckTheme}\n          mode={mode}\n          customTheme={ckCustomTheme}\n          disableMobileInjector={disableMobileInjector}\n        />\n      </ThemeProvider>\n    </Web3ContextProvider>,\n  );\n};\n\ntype DaimoPayProviderProps = {\n  children?: React.ReactNode;\n  theme?: Theme;\n  mode?: Mode;\n  customTheme?: CustomTheme;\n  options?: DaimoPayContextOptions;\n  debugMode?: boolean;\n  /**\n   * Be careful with this endpoint, some endpoints (incl. Alchemy) don't support\n   * `signatureSubscribe` which leads to txes behaving erratically\n   * (ex. successful txes take minutes to confirm instead of seconds)\n   */\n  solanaRpcUrl?: string;\n  /** Custom Pay API, useful for test and staging. */\n  payApiUrl?: string;\n} & useConnectCallbackProps;\n\n/**\n * Provides context for DaimoPayButton and hooks. Place in app root or layout.\n */\nexport const DaimoPayProvider = (props: DaimoPayProviderProps) => {\n  const payApiUrl = props.payApiUrl ?? \"https://pay-api.daimo.xyz/\";\n  const log = useMemo(\n    () =>\n      props.debugMode ? (...args: any[]) => console.log(...args) : () => {},\n    [props.debugMode],\n  );\n\n  return (\n    <PaymentProvider payApiUrl={payApiUrl} log={log}>\n      <SolanaContextProvider solanaRpcUrl={props.solanaRpcUrl}>\n        <DaimoPayUIProvider {...props} payApiUrl={payApiUrl} log={log} />\n      </SolanaContextProvider>\n    </PaymentProvider>\n  );\n};\n"],"names":["open","route","modalOptions"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"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/connectkit/src/provider/PaymentProvider.js

@@ -0,0 +1,29 @@
+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
+}) {
+  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);
+    log("[EFFECT] subscribed to payment effects");
+    return unsubscribe;
+  }, [store, trpc, log]);
+  return /* @__PURE__ */ jsx(PaymentContext.Provider, { value: store, children });
+}
+
+export { PaymentContext, PaymentProvider };
+//# sourceMappingURL=PaymentProvider.js.map

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

@@ -0,0 +1 @@
+{"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};\n\nexport function PaymentProvider({\n  children,\n  payApiUrl,\n  log = console.log,\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(store, trpc, log);\n    log(\"[EFFECT] subscribed to payment effects\");\n    return unsubscribe;\n  }, [store, trpc, log]);\n\n  return (\n    <PaymentContext.Provider value={store}>{children}</PaymentContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,cAAA,GAAiB,cAAmC,IAAI,EAAA;AAQ9D,SAAS,eAAgB,CAAA;AAAA,EAC9B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAM,OAAQ,CAAA,GAAA;AAChB,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,CAA4B,KAAO,EAAA,IAAA,EAAM,GAAG,CAAA,CAAA;AAChE,IAAA,GAAA,CAAI,wCAAwC,CAAA,CAAA;AAC5C,IAAO,OAAA,WAAA,CAAA;AAAA,GACN,EAAA,CAAC,KAAO,EAAA,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAErB,EAAA,2BACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAA,EAAO,OAAQ,QAAS,EAAA,CAAA,CAAA;AAErD;;;;"}

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

@@ -0,0 +1,14 @@
+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/connectkit/src/provider/SolanaContextProvider.js.map

@@ -0,0 +1 @@
+{"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/connectkit/src/provider/Web3ContextProvider.js

@@ -0,0 +1,36 @@
+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/connectkit/src/provider/Web3ContextProvider.js.map

@@ -0,0 +1 @@
+{"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/connectkit/src/stateStore.js

@@ -0,0 +1,36 @@
+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/connectkit/src/stateStore.js.map

@@ -0,0 +1 @@
+{"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/connectkit/src/styles/defaultTheme.js

@@ -0,0 +1,80 @@
+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/connectkit/src/styles/defaultTheme.js.map

@@ -0,0 +1 @@
+{"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/connectkit/src/styles/index.js

@@ -0,0 +1,313 @@
+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