@daimo/pay 1.16.0 → 1.16.1

package/build/src/provider/PaymentProvider.js

@@ -5,23 +5,24 @@ import { createPaymentStore } from '../payment/paymentStore.js';
 import { createTrpcClient } from '../utils/trpc.js';
 
 const PaymentContext = createContext(null);
-function PaymentProvider({ children, payApiUrl, log = console.log, }) {
-    // Generate unique sessionId for tracking in the backend
-    const [sessionId] = useState(() => crypto.randomUUID().replaceAll("-", ""));
-    const trpc = useMemo(() => {
-        return createTrpcClient(payApiUrl, sessionId);
-    }, [payApiUrl, sessionId]);
-    const store = useMemo(() => {
-        return createPaymentStore();
-    }, []);
-    // Attach subscriber to run side effects in response to events. Use a
-    // layout effect that runs before the first render.
-    useLayoutEffect(() => {
-        const unsubscribe = attachPaymentEffectHandlers(store, trpc, log);
-        log("[EFFECT] subscribed to payment effects");
-        return unsubscribe;
-    }, [store, trpc, log]);
-    return (jsx(PaymentContext.Provider, { value: store, children: children }));
+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 };

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentProvider.js","sources":["../../../src/provider/PaymentProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;MAKa,cAAc,GAAG,aAAa,CAAsB,IAAI,EAAE;AAQvD,SAAA,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,GAAG,OAAO,CAAC,GAAG,GACI,EAAA;;IAErB,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5E,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACxB,QAAA,OAAO,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAChD,KAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AAE3B,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,MAAK;QACzB,OAAO,kBAAkB,EAAE,CAAC;KAC7B,EAAE,EAAE,CAAC,CAAC;;;IAIP,eAAe,CAAC,MAAK;QACnB,MAAM,WAAW,GAAG,2BAA2B,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QAClE,GAAG,CAAC,wCAAwC,CAAC,CAAC;AAC9C,QAAA,OAAO,WAAW,CAAC;KACpB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAEvB,IAAA,QACEA,GAAA,CAAC,cAAc,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA2B,EAC3E;AACJ;;;;"}
+{"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/src/provider/SolanaContextProvider.js

@@ -2,9 +2,12 @@ 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 (jsx(ConnectionProvider, { endpoint: endpoint, children: jsx(WalletProvider, { wallets: [], autoConnect: true, children: children }) }));
+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 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolanaContextProvider.js","sources":["../../../src/provider/SolanaContextProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAQA,MAAM,sBAAsB,GAC1B,yGAAyG,CAAC;AAE/F,MAAA,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,YAAY,GAIb,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,YAAY,IAAI,sBAAsB,CAAC;IAExD,QACEA,IAAC,kBAAkB,EAAA,EAAC,QAAQ,EAAE,QAAQ,YACpCA,GAAC,CAAA,cAAc,IAAC,OAAO,EAAE,EAAE,EAAE,WAAW,kBACrC,QAAQ,EAAA,CACM,EACE,CAAA,EACrB;AACJ;;;;"}
+{"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

@@ -5,31 +5,31 @@ import { useChainIsSupported } from '../hooks/useChainIsSupported.js';
 import { useChains } from '../hooks/useChains.js';
 
 const Web3Context = React.createContext({
-    connect: {
-        getUri: () => "",
-    },
+  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: [],
+      chains
     },
-    account: undefined,
-});
-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,
-            }
-            : undefined,
-    };
-    return jsx(Web3Context.Provider, { value: value, children: children });
+    account: currentAddress ? {
+      chain,
+      chainIsSupported,
+      address: currentAddress
+    } : void 0
+  };
+  return /* @__PURE__ */ jsx(Web3Context.Provider, { value, children });
 };
 
 export { Web3ContextProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"Web3ContextProvider.js","sources":["../../../src/provider/Web3ContextProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA0BA,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;AACtC,IAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE,MAAM,EAAE;AACjB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,EAAE;AACX,KAAA;AACD,IAAA,OAAO,EAAE,SAAS;AACJ,CAAA,CAAC,CAAC;MAEL,mBAAmB,GAAG,CAAC,EAClC,QAAQ,GAGT,KAAI;IACH,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IACxD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACxD,IAAA,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;AAE3B,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,IAAI,EAAE;YACJ,MAAM;AACP,SAAA;AACD,QAAA,OAAO,EAAE,cAAc;AACrB,cAAE;gBACE,KAAK;gBACL,gBAAgB;AAChB,gBAAA,OAAO,EAAE,cAAc;AACxB,aAAA;AACH,cAAE,SAAS;KACC,CAAC;IAEjB,OAAOA,GAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAwB,CAAC;AAC/E;;;;"}
+{"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,81 +1,35 @@
-/**
- * Creates a store that manages state and dispatches events to a list of
- * subscribers.
- *
- * @param reducer The reducer function that takes the current state and an event
- * and deterministically returns a new state.
- * @param init The initial state of the store.
- * @returns An object with three methods:
- *  - getState: Returns the current state of the store.
- *  - dispatch: Transition to a new state by applying the reducer function to
- *  the current state and the event.
- *  - subscribe: Takes a function as an argument and adds it to the list of
- *  subscribers. When the state changes, all subscribers will be called. The
- *  function returns a function that can be used to unsubscribe from the store.
- */
 function createStore(reducer, init) {
-    let state = init;
-    const listeners = 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 an unsubscribe function.
-            return () => listeners.delete(l);
-        },
-    };
+  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);
+    }
+  };
 }
-/**
- * Wait until the store enters any state that satisfies the given predicate(s),
- * or reject on error.
- *
- * @returns
- *   `Promise<T>` resolving with the first state where `predicate` is true,
- *   or rejecting if `isError` ever returns true.
- *
- * @example After hydrating an order, wait for the payment FSM to transition to
- * the new state before returning the updated order.
- *
- * // 1. Kick off the preview transition
- * store.dispatch({ type: "hydrate_order" });
- *
- * // 2. Pause until the order is successfully hydrated or errors
- * const newState = await waitForState(
- *  store,
- *  (s): s is NewState => s.type === "payment_unpaid",
- *  s => s.type === "error",
- *  s => (s as ErrorState).message
- * );
- *
- * // 3. Now newState.order is updated with the hydrated order
- * return newState.order;
- * ```
- */
 function waitForState(store, predicates, isError, getErrorMessage) {
-    // Normalise to an array and build a helper that succeeds if *any* guard passes
-    const guards = typeof predicates === "function" ? [predicates] : predicates;
-    const matches = (s) => guards.some((g) => g(s));
-    return new Promise((resolve, reject) => {
-        // Fast path – we might already be in a valid state
-        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"));
-            }
-        });
+  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 };

package/build/src/stateStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateStore.js","sources":["../../src/stateStore.ts"],"sourcesContent":[null],"names":[],"mappings":"AA4BA;;;;;;;;;;;;;;AAcG;AACa,SAAA,WAAW,CACzB,OAA0B,EAC1B,IAAO,EAAA;IAEP,IAAI,KAAK,GAAG,IAAI,CAAC;AACjB,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAkB,CAAC;IAE5C,OAAO;AACL,QAAA,QAAQ,EAAE,MAAM,KAAK;AACrB,QAAA,QAAQ,EAAE,CAAC,CAAC,KAAI;YACd,MAAM,IAAI,GAAG,KAAK,CAAC;AACnB,YAAA,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC1B,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SAC9D;AACD,QAAA,SAAS,EAAE,CAAC,CAAC,KAAI;AACf,YAAA,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;YAEjB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SAClC;KACF,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACG,SAAU,YAAY,CAC1B,KAAkB,EAClB,UAAgE,EAChE,OAA2B,EAC3B,eAAkC,EAAA;;AAGlC,IAAA,MAAM,MAAM,GAAG,OAAO,UAAU,KAAK,UAAU,GAAG,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IAE5E,MAAM,OAAO,GAAG,CAAC,CAAI,KAAa,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;;AAErC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC/B,IAAI,OAAO,CAAC,KAAK,CAAC;AAAE,YAAA,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;QAE1C,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAI;AAC/C,YAAA,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;AACjB,gBAAA,WAAW,EAAE,CAAC;gBACd,OAAO,CAAC,IAAI,CAAC,CAAC;aACf;AAAM,iBAAA,IAAI,OAAO,GAAG,IAAI,CAAC,EAAE;AAC1B,gBAAA,WAAW,EAAE,CAAC;AACd,gBAAA,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC;aACvD;AACH,SAAC,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;AACL;;;;"}
+{"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,88 +1,79 @@
 const defaultLightTheme = {
-    font: {
-        family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,
+  font: {
+    family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`
+  },
+  text: {
+    primary: {
+      color: "#373737"
     },
-    text: {
-        primary: {
-            color: "#373737",
-        },
-        secondary: {
-            color: "#999999",
-            hover: {
-                color: "#111111",
-            },
-        },
-        error: "#FC6464",
-        valid: "#32D74B",
+    secondary: {
+      color: "#999999",
+      hover: {
+        color: "#111111"
+      }
     },
-    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",
+    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"
+  }
 };
-// parse into css variables so we can use p3 colors
 const parseTheme = (theme) => {
-    return theme;
+  return theme;
 };
 const userPrefersDarkMode = () => {
-    if (typeof window === "undefined")
-        return false;
-    return (window.matchMedia &&
-        window.matchMedia("(prefers-color-scheme: dark)").matches);
-    /*
-    window
-      .matchMedia('(prefers-color-scheme: dark)')
-      .addEventListener('change', (event) => {
-        userPrefersDarkMode = event.matches;
-      });
-      */
+  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),
-        },
+  daimoPay: {
+    options: {
+      iconStyle: "light"
     },
+    //theme: parseTheme(defaultLightTheme),
+    theme: {
+      preferred: "dark",
+      light: parseTheme(defaultLightTheme),
+      dark: parseTheme(defaultLightTheme)
+    }
+  }
 };
 
 export { defaultTheme as default };

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.js","sources":["../../../src/styles/defaultTheme.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAU;AAC/B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,CAAoH,kHAAA,CAAA;AAC7H,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,SAAS;AACjB,aAAA;AACF,SAAA;AACD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE;AACP,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA;AACF,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACF,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;QACL,UAAU,EAAE,SAAS;AACrB,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,SAAS;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE,qBAAqB;AAClC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,SAAS;AACvB,KAAA;CACF,CAAC;AAEF;AACA,MAAM,UAAU,GAAG,CAAC,KAAY,KAAI;AAClC,IAAA,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAK;IAC/B,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,KAAK,CAAC;IAChD,QACE,MAAM,CAAC,UAAU;QACjB,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,EACzD;AACF;;;;;;AAMI;AACN,CAAC,CAAC;AACa,mBAAmB,GAAG;AAKrC,MAAM,YAAY,GAAgB;AAChC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,OAAO;AACnB,SAAA;;AAED,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC;AACpC,YAAA,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC;AACpC,SAAA;AACF,KAAA;;;;;"}
+{"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;;;;"}