@daimo/pay 1.19.5 → 1.19.7

package/build/pay/packages/connectkit/src/hooks/useConnect.js

@@ -0,0 +1,61 @@
+import { useConnect as useConnect$1 } from 'wagmi';
+import { usePayContext } from './usePayContext.js';
+
+function useConnect({ ...props } = {}) {
+  const context = usePayContext();
+  const { connect, connectAsync, connectors, ...rest } = useConnect$1({
+    ...props,
+    mutation: {
+      ...props.mutation,
+      onError(err) {
+        if (err.message) {
+          if (err.message === "Proposal expired") {
+            context.log(
+              "[CONNECT] Connection request timed out. Please try again.",
+              err
+            );
+            return;
+          }
+          if (err.message !== "User rejected request") {
+            context.log(`[CONNECT] ${err.message}`, err);
+          }
+        } else {
+          context.log(`[CONNECT] Could not connect.`, err);
+        }
+      }
+    }
+  });
+  return {
+    connect: ({
+      connector,
+      chainId,
+      mutation
+    }) => {
+      return connect(
+        {
+          connector,
+          chainId: chainId ?? context.options?.initialChainId
+        },
+        mutation
+      );
+    },
+    connectAsync: async ({
+      connector,
+      chainId,
+      mutation
+    }) => {
+      return connectAsync(
+        {
+          connector,
+          chainId: chainId ?? context.options?.initialChainId
+        },
+        mutation
+      );
+    },
+    connectors,
+    ...rest
+  };
+}
+
+export { useConnect };
+//# sourceMappingURL=useConnect.js.map

package/build/pay/packages/connectkit/src/hooks/useConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.js","sources":["../../../../../../src/hooks/useConnect.tsx"],"sourcesContent":["/**\n * This is a wrapper around wagmi's useConnect hook that adds some\n * additional functionality.\n */\n\nimport {\n  Connector,\n  CreateConnectorFn,\n  type UseConnectParameters,\n  useConnect as wagmiUseConnect,\n} from \"wagmi\";\nimport { usePayContext } from \"./usePayContext\";\n\nexport function useConnect({ ...props }: UseConnectParameters = {}) {\n  const context = usePayContext();\n\n  const { connect, connectAsync, connectors, ...rest } = wagmiUseConnect({\n    ...props,\n    mutation: {\n      ...props.mutation,\n      onError(err) {\n        if (err.message) {\n          if (err.message === \"Proposal expired\") {\n            context.log(\n              \"[CONNECT] Connection request timed out. Please try again.\",\n              err,\n            );\n            return;\n          }\n          if (err.message !== \"User rejected request\") {\n            context.log(`[CONNECT] ${err.message}`, err);\n          }\n        } else {\n          context.log(`[CONNECT] Could not connect.`, err);\n        }\n      },\n    },\n  });\n\n  return {\n    connect: ({\n      connector,\n      chainId,\n      mutation,\n    }: {\n      connector: CreateConnectorFn | Connector;\n      chainId?: number;\n      mutation?: UseConnectParameters[\"mutation\"];\n    }) => {\n      return connect(\n        {\n          connector,\n          chainId: chainId ?? context.options?.initialChainId,\n        },\n        mutation,\n      );\n    },\n    connectAsync: async ({\n      connector,\n      chainId,\n      mutation,\n    }: {\n      connector: CreateConnectorFn | Connector;\n      chainId?: number;\n      mutation?: UseConnectParameters[\"mutation\"];\n    }) => {\n      return connectAsync(\n        {\n          connector,\n          chainId: chainId ?? context.options?.initialChainId,\n        },\n        mutation,\n      );\n    },\n    connectors,\n    ...rest,\n  };\n}\n"],"names":["wagmiUseConnect"],"mappings":";;;AAaO,SAAS,WAAW,EAAE,GAAG,KAAM,EAAA,GAA0B,EAAI,EAAA;AAClE,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAE9B,EAAA,MAAM,EAAE,OAAS,EAAA,YAAA,EAAc,YAAY,GAAG,IAAA,KAASA,YAAgB,CAAA;AAAA,IACrE,GAAG,KAAA;AAAA,IACH,QAAU,EAAA;AAAA,MACR,GAAG,KAAM,CAAA,QAAA;AAAA,MACT,QAAQ,GAAK,EAAA;AACX,QAAA,IAAI,IAAI,OAAS,EAAA;AACf,UAAI,IAAA,GAAA,CAAI,YAAY,kBAAoB,EAAA;AACtC,YAAQ,OAAA,CAAA,GAAA;AAAA,cACN,2DAAA;AAAA,cACA,GAAA;AAAA,aACF,CAAA;AACA,YAAA,OAAA;AAAA,WACF;AACA,UAAI,IAAA,GAAA,CAAI,YAAY,uBAAyB,EAAA;AAC3C,YAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,UAAA,EAAa,GAAI,CAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,WAC7C;AAAA,SACK,MAAA;AACL,UAAQ,OAAA,CAAA,GAAA,CAAI,gCAAgC,GAAG,CAAA,CAAA;AAAA,SACjD;AAAA,OACF;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAS,CAAC;AAAA,MACR,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KAKI,KAAA;AACJ,MAAO,OAAA,OAAA;AAAA,QACL;AAAA,UACE,SAAA;AAAA,UACA,OAAA,EAAS,OAAW,IAAA,OAAA,CAAQ,OAAS,EAAA,cAAA;AAAA,SACvC;AAAA,QACA,QAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,IACA,cAAc,OAAO;AAAA,MACnB,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KAKI,KAAA;AACJ,MAAO,OAAA,YAAA;AAAA,QACL;AAAA,UACE,SAAA;AAAA,UACA,OAAA,EAAS,OAAW,IAAA,OAAA,CAAQ,OAAS,EAAA,cAAA;AAAA,SACvC;AAAA,QACA,QAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,IACA,UAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;"}

package/build/pay/packages/connectkit/src/hooks/useConnectCallback.js

@@ -0,0 +1,21 @@
+import { useAccountEffect } from 'wagmi';
+
+const useConnectCallback = ({
+  onConnect,
+  onDisconnect
+}) => {
+  useAccountEffect({
+    onConnect: ({ address, connector, isReconnected }) => {
+      if (!isReconnected) {
+        onConnect?.({
+          address,
+          connectorId: connector?.id
+        });
+      }
+    },
+    onDisconnect: () => onDisconnect?.()
+  });
+};
+
+export { useConnectCallback };
+//# sourceMappingURL=useConnectCallback.js.map

package/build/pay/packages/connectkit/src/hooks/useConnectCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectCallback.js","sources":["../../../../../../src/hooks/useConnectCallback.ts"],"sourcesContent":["import { useAccountEffect } from \"wagmi\";\n\nexport type useConnectCallbackProps = {\n  onConnect?: ({\n    address,\n    connectorId,\n  }: {\n    address?: string;\n    connectorId?: string;\n  }) => void;\n  onDisconnect?: () => void;\n};\n\nexport const useConnectCallback = ({\n  onConnect,\n  onDisconnect,\n}: useConnectCallbackProps) => {\n  useAccountEffect({\n    onConnect: ({ address, connector, isReconnected }) => {\n      if (!isReconnected) {\n        onConnect?.({\n          address: address,\n          connectorId: connector?.id,\n        });\n      }\n    },\n    onDisconnect: () => onDisconnect?.(),\n  });\n};\n"],"names":[],"mappings":";;AAaO,MAAM,qBAAqB,CAAC;AAAA,EACjC,SAAA;AAAA,EACA,YAAA;AACF,CAA+B,KAAA;AAC7B,EAAiB,gBAAA,CAAA;AAAA,IACf,WAAW,CAAC,EAAE,OAAS,EAAA,SAAA,EAAW,eAAoB,KAAA;AACpD,MAAA,IAAI,CAAC,aAAe,EAAA;AAClB,QAAY,SAAA,GAAA;AAAA,UACV,OAAA;AAAA,UACA,aAAa,SAAW,EAAA,EAAA;AAAA,SACzB,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,YAAA,EAAc,MAAM,YAAe,IAAA;AAAA,GACpC,CAAA,CAAA;AACH;;;;"}

package/build/pay/packages/connectkit/src/hooks/useConnectors.js

@@ -0,0 +1,20 @@
+import { useConnectors as useConnectors$1 } from 'wagmi';
+
+function useConnectors() {
+  const connectors = useConnectors$1();
+  return connectors ?? [];
+}
+function useConnector(id, uuid) {
+  const connectors = useConnectors();
+  if (id === "injected" && uuid) {
+    return connectors.find((c) => c.id === id && c.name === uuid);
+  } else if (id === "injected") {
+    return connectors.find(
+      (c) => c.id === id && c.name.includes("Injected")
+    );
+  }
+  return connectors.find((c) => c.id === id);
+}
+
+export { useConnector, useConnectors };
+//# sourceMappingURL=useConnectors.js.map

package/build/pay/packages/connectkit/src/hooks/useConnectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectors.js","sources":["../../../../../../src/hooks/useConnectors.ts"],"sourcesContent":["import { type Connector, useConnectors as useWagmiConnectors } from \"wagmi\";\n\nexport function useConnectors() {\n  const connectors = useWagmiConnectors();\n  return connectors ?? [];\n}\n\nexport function useConnector(id: string, uuid?: string) {\n  const connectors = useConnectors();\n  if (id === \"injected\" && uuid) {\n    return connectors.find((c) => c.id === id && c.name === uuid) as Connector;\n  } else if (id === \"injected\") {\n    return connectors.find(\n      (c) => c.id === id && c.name.includes(\"Injected\"),\n    ) as Connector;\n  }\n  return connectors.find((c) => c.id === id) as Connector;\n}\n"],"names":["useWagmiConnectors"],"mappings":";;AAEO,SAAS,aAAgB,GAAA;AAC9B,EAAA,MAAM,aAAaA,eAAmB,EAAA,CAAA;AACtC,EAAA,OAAO,cAAc,EAAC,CAAA;AACxB,CAAA;AAEgB,SAAA,YAAA,CAAa,IAAY,IAAe,EAAA;AACtD,EAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,EAAI,IAAA,EAAA,KAAO,cAAc,IAAM,EAAA;AAC7B,IAAO,OAAA,UAAA,CAAW,KAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,EAAA,IAAM,CAAE,CAAA,IAAA,KAAS,IAAI,CAAA,CAAA;AAAA,GAC9D,MAAA,IAAW,OAAO,UAAY,EAAA;AAC5B,IAAA,OAAO,UAAW,CAAA,IAAA;AAAA,MAChB,CAAC,MAAM,CAAE,CAAA,EAAA,KAAO,MAAM,CAAE,CAAA,IAAA,CAAK,SAAS,UAAU,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACA,EAAA,OAAO,WAAW,IAAK,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,EAAE,CAAA,CAAA;AAC3C;;;;"}

package/build/pay/packages/connectkit/src/hooks/useDaimoPay.js

@@ -0,0 +1,131 @@
+import { useContext, useSyncExternalStore, useMemo, useCallback } from 'react';
+import { waitForPaymentState } from '../payment/paymentStore.js';
+import { PaymentContext } from '../provider/PaymentProvider.js';
+
+function useDaimoPay() {
+  const store = useContext(PaymentContext);
+  if (!store) {
+    throw new Error("useDaimoPay must be used within <PaymentProvider>");
+  }
+  const paymentFsmState = useSyncExternalStore(
+    store.subscribe,
+    store.getState,
+    store.getState
+  );
+  const order = useMemo(() => {
+    if (paymentFsmState.type === "idle") return null;
+    return paymentFsmState.order ?? null;
+  }, [paymentFsmState]);
+  const paymentState = paymentFsmState.type;
+  const paymentErrorMessage = paymentFsmState.type === "error" ? paymentFsmState.message : null;
+  const paymentWarningMessage = paymentFsmState.type === "warning" ? paymentFsmState.message : null;
+  const dispatch = useCallback((e) => store.dispatch(e), [store]);
+  const createPreviewOrder = useCallback(
+    async (payParams) => {
+      dispatch({ type: "set_pay_params", payParams });
+      const previewOrderState = await waitForPaymentState(store, "preview");
+      return previewOrderState;
+    },
+    [dispatch, store]
+  );
+  const setPayId = useCallback(
+    async (payId) => {
+      dispatch({ type: "set_pay_id", payId });
+      const previewOrderState = await waitForPaymentState(
+        store,
+        "unhydrated",
+        "payment_unpaid",
+        "payment_started",
+        "payment_completed",
+        "payment_bounced"
+      );
+      return previewOrderState;
+    },
+    [dispatch, store]
+  );
+  const hydrateOrder = useCallback(
+    async (refundAddress) => {
+      dispatch({ type: "hydrate_order", refundAddress });
+      const hydratedOrderState = await waitForPaymentState(
+        store,
+        "payment_unpaid"
+      );
+      return hydratedOrderState;
+    },
+    [dispatch, store]
+  );
+  const paySource = useCallback(
+    () => dispatch({ type: "pay_source" }),
+    [dispatch]
+  );
+  const payEthSource = useCallback(
+    async (args) => {
+      dispatch({ type: "pay_ethereum_source", ...args });
+      const paidState = await waitForPaymentState(
+        store,
+        "payment_started",
+        "payment_completed",
+        "payment_bounced"
+      );
+      return paidState;
+    },
+    [dispatch, store]
+  );
+  const paySolanaSource = useCallback(
+    async (args) => {
+      dispatch({ type: "pay_solana_source", ...args });
+      const paidState = await waitForPaymentState(
+        store,
+        "payment_started",
+        "payment_completed",
+        "payment_bounced"
+      );
+      return paidState;
+    },
+    [dispatch, store]
+  );
+  const reset = useCallback(() => dispatch({ type: "reset" }), [dispatch]);
+  const setChosenUsd = useCallback(
+    (usd) => dispatch({ type: "set_chosen_usd", usd }),
+    [dispatch]
+  );
+  const setWarning = useCallback(
+    (message) => dispatch({ type: "warning", order: order ?? void 0, message }),
+    [dispatch, order]
+  );
+  const dismissWarning = useCallback(() => {
+    let priorOrder;
+    switch (paymentFsmState.type) {
+      case "preview":
+      case "unhydrated":
+      case "payment_unpaid":
+      case "payment_started":
+      case "payment_completed":
+      case "payment_bounced":
+        priorOrder = paymentFsmState.order;
+        break;
+      default:
+        priorOrder = void 0;
+    }
+    dispatch({ type: "dismiss_warning", order: priorOrder });
+  }, [dispatch, paymentFsmState]);
+  return {
+    order,
+    paymentState,
+    paymentErrorMessage,
+    paymentWarningMessage,
+    createPreviewOrder,
+    hydrateOrder,
+    setPayId,
+    paySource,
+    payEthSource,
+    paySolanaSource,
+    reset,
+    setChosenUsd,
+    setWarning,
+    dismissWarning
+  };
+}
+
+export { useDaimoPay };
+//# sourceMappingURL=useDaimoPay.js.map

package/build/pay/packages/connectkit/src/hooks/useDaimoPay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDaimoPay.js","sources":["../../../../../../src/hooks/useDaimoPay.tsx"],"sourcesContent":["// hooks/useDaimoPay.ts\nimport { DaimoPayOrderID, SolanaPublicKey } from \"@daimo/pay-common\";\nimport { useCallback, useContext, useMemo, useSyncExternalStore } from \"react\";\nimport { Address, Hex } from \"viem\";\nimport { PaymentEvent, PaymentState, PayParams } from \"../payment/paymentFsm\";\nimport { waitForPaymentState } from \"../payment/paymentStore\";\nimport { PaymentContext } from \"../provider/PaymentProvider\";\n\ntype DaimoPayFunctions = {\n  /**\n   * Create a new Daimo Pay order preview with the given parameters.\n   * Call this to start a new payment flow.\n   *\n   * @param params - Parameters describing the payment to be created.\n   */\n  createPreviewOrder: (\n    params: PayParams,\n  ) => Promise<Extract<PaymentState, { type: \"preview\" }>>;\n\n  /**\n   * Set the order ID to fetch and manage an existing Daimo Pay order.\n   * Useful for resuming or referencing a previously created order.\n   *\n   * @param id - The Daimo Pay order ID to set.\n   */\n  setPayId: (id: DaimoPayOrderID) => Promise<\n    Extract<\n      PaymentState,\n      {\n        type:\n          | \"unhydrated\"\n          | \"payment_unpaid\"\n          | \"payment_started\"\n          | \"payment_completed\"\n          | \"payment_bounced\";\n      }\n    >\n  >;\n\n  /**\n   * Hydrate the current order, locking in the payment intent details and\n   * token swap prices.\n   */\n  hydrateOrder: (\n    refundAddress?: Address,\n  ) => Promise<Extract<PaymentState, { type: \"payment_unpaid\" }>>;\n\n  /** Trigger search for payment on the current order. */\n  paySource: () => void;\n\n  /**\n   * Register an Ethereum payment source for the current order.\n   * Call this after the user has submitted an Ethereum payment transaction.\n   *\n   * @param args - Details about the Ethereum payment transaction.\n   */\n  payEthSource: (args: {\n    paymentTxHash: Hex;\n    sourceChainId: number;\n    payerAddress: Address;\n    sourceToken: Address;\n    sourceAmount: bigint;\n  }) => Promise<\n    Extract<\n      PaymentState,\n      { type: \"payment_started\" | \"payment_completed\" | \"payment_bounced\" }\n    >\n  >;\n\n  /**\n   * Register a Solana payment source for the current order.\n   * Call this after the user has submitted a Solana payment transaction.\n   *\n   * @param args - Details about the Solana payment transaction.\n   */\n  paySolanaSource: (args: {\n    paymentTxHash: string;\n    sourceToken: SolanaPublicKey;\n  }) => Promise<\n    Extract<\n      PaymentState,\n      { type: \"payment_started\" | \"payment_completed\" | \"payment_bounced\" }\n    >\n  >;\n\n  /**\n   * Reset the current payment state and clear the active order.\n   * Call this to start a new payment flow.\n   */\n  reset: () => void;\n\n  /**\n   * Update the user's chosen amount in USD. Applies only to deposit flow.\n   *\n   * @deprecated\n   */\n  setChosenUsd: (usd: number) => void;\n  /** Set a non-fatal warning state with a message. */\n  setWarning: (message: string) => void;\n  /** Dismiss a warning and return to previous state. */\n  dismissWarning: () => void;\n};\n\n// Enforce that order is typed correctly based on paymentState.\n// E.g. if paymentState is \"payment_completed\", then order must be hydrated.\ntype DaimoPayState = {\n  [S in PaymentState as S[\"type\"]]: {\n    paymentState: S[\"type\"];\n    order: S extends { order: infer O } ? O : null;\n    paymentErrorMessage: S extends { message: infer M } ? M : null;\n  };\n}[PaymentState[\"type\"]];\n\nexport type UseDaimoPay = DaimoPayFunctions &\n  DaimoPayState & { paymentWarningMessage: string | null };\n\n/**\n * React hook for interacting with Daimo Pay orders and payments. Use this hook\n * to manage the lifecycle of a Daimo Pay payment in your application.\n *\n * This hook provides a simple interface to create, hydrate, pay, and reset\n * Daimo Pay orders.\n *\n * @returns {UseDaimoPay} An object with current payment state and methods to\n * manage Daimo Pay orders and payments.\n */\nexport function useDaimoPay(): UseDaimoPay {\n  const store = useContext(PaymentContext);\n  if (!store) {\n    throw new Error(\"useDaimoPay must be used within <PaymentProvider>\");\n  }\n\n  /* --------------------------------------------------\n     Order state\n  ---------------------------------------------------*/\n\n  // Subscribe to the store and keep an up-to-date copy of the payment.\n  const paymentFsmState = useSyncExternalStore(\n    store.subscribe,\n    store.getState,\n    store.getState,\n  );\n\n  // Wrap `order` in `useMemo` for reference stability. This allows downstream\n  // components to use `order` as a dependency to avoid unnecessary re-renders.\n  const order = useMemo(() => {\n    if (paymentFsmState.type === \"idle\") return null;\n    return paymentFsmState.order ?? null;\n  }, [paymentFsmState]);\n\n  const paymentState = paymentFsmState.type;\n  const paymentErrorMessage =\n    paymentFsmState.type === \"error\" ? paymentFsmState.message : null;\n  const paymentWarningMessage =\n    paymentFsmState.type === \"warning\" ? paymentFsmState.message : null;\n\n  /* --------------------------------------------------\n     Order event dispatch helpers\n  ---------------------------------------------------*/\n\n  // Internal helper to dispatch events to the store.\n  const dispatch = useCallback((e: PaymentEvent) => store.dispatch(e), [store]);\n\n  const createPreviewOrder = useCallback(\n    async (payParams: PayParams) => {\n      dispatch({ type: \"set_pay_params\", payParams });\n\n      // Wait for the order to enter the \"preview\" state, which means it\n      // has been successfully created.\n      const previewOrderState = await waitForPaymentState(store, \"preview\");\n\n      return previewOrderState;\n    },\n    [dispatch, store],\n  );\n\n  const setPayId = useCallback(\n    async (payId: DaimoPayOrderID) => {\n      dispatch({ type: \"set_pay_id\", payId });\n\n      // Wait for the order to be queried from the API. Using payId could\n      // result in the order being in any state.\n      const previewOrderState = await waitForPaymentState(\n        store,\n        \"unhydrated\",\n        \"payment_unpaid\",\n        \"payment_started\",\n        \"payment_completed\",\n        \"payment_bounced\",\n      );\n\n      return previewOrderState;\n    },\n    [dispatch, store],\n  );\n\n  const hydrateOrder = useCallback(\n    async (refundAddress?: Address) => {\n      dispatch({ type: \"hydrate_order\", refundAddress });\n\n      // Wait for the order to enter the \"payment_unpaid\" state, which means it\n      // has been successfully hydrated.\n      const hydratedOrderState = await waitForPaymentState(\n        store,\n        \"payment_unpaid\",\n      );\n\n      return hydratedOrderState;\n    },\n    [dispatch, store],\n  );\n\n  const paySource = useCallback(\n    () => dispatch({ type: \"pay_source\" }),\n    [dispatch],\n  );\n\n  const payEthSource = useCallback(\n    async (args: {\n      paymentTxHash: Hex;\n      sourceChainId: number;\n      payerAddress: Address;\n      sourceToken: Address;\n      sourceAmount: bigint;\n    }) => {\n      dispatch({ type: \"pay_ethereum_source\", ...args });\n\n      // Will throw if the payment is not verified by the server.\n      const paidState = await waitForPaymentState(\n        store,\n        \"payment_started\",\n        \"payment_completed\",\n        \"payment_bounced\",\n      );\n\n      return paidState;\n    },\n    [dispatch, store],\n  );\n\n  const paySolanaSource = useCallback(\n    async (args: { paymentTxHash: string; sourceToken: SolanaPublicKey }) => {\n      dispatch({ type: \"pay_solana_source\", ...args });\n\n      // Will throw if the payment is not verified by the server.\n      const paidState = await waitForPaymentState(\n        store,\n        \"payment_started\",\n        \"payment_completed\",\n        \"payment_bounced\",\n      );\n\n      return paidState;\n    },\n    [dispatch, store],\n  );\n\n  const reset = useCallback(() => dispatch({ type: \"reset\" }), [dispatch]);\n\n  const setChosenUsd = useCallback(\n    (usd: number) => dispatch({ type: \"set_chosen_usd\", usd }),\n    [dispatch],\n  );\n\n  const setWarning = useCallback(\n    (message: string) =>\n      dispatch({ type: \"warning\", order: order ?? undefined, message }),\n    [dispatch, order],\n  );\n\n  const dismissWarning = useCallback(() => {\n    // Narrow to a prior state that definitely includes an order with org\n    let priorOrder:\n      | Extract<\n          PaymentState,\n          {\n            type:\n              | \"preview\"\n              | \"unhydrated\"\n              | \"payment_unpaid\"\n              | \"payment_started\"\n              | \"payment_completed\"\n              | \"payment_bounced\";\n          }\n        >[\"order\"]\n      | undefined;\n    switch (paymentFsmState.type) {\n      case \"preview\":\n      case \"unhydrated\":\n      case \"payment_unpaid\":\n      case \"payment_started\":\n      case \"payment_completed\":\n      case \"payment_bounced\":\n        priorOrder = paymentFsmState.order;\n        break;\n      default:\n        priorOrder = undefined;\n    }\n    dispatch({ type: \"dismiss_warning\", order: priorOrder });\n  }, [dispatch, paymentFsmState]);\n\n  return {\n    order,\n    paymentState,\n    paymentErrorMessage,\n    paymentWarningMessage,\n    createPreviewOrder,\n    hydrateOrder,\n    setPayId,\n    paySource,\n    payEthSource,\n    paySolanaSource,\n    reset,\n    setChosenUsd,\n    setWarning,\n    dismissWarning,\n  } as UseDaimoPay;\n}\n"],"names":[],"mappings":"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"}

package/build/pay/packages/connectkit/src/hooks/useDaimoPayStatus.js

@@ -0,0 +1,12 @@
+import { writeDaimoPayOrderID } from '@daimo/pay-common';
+import { useDaimoPay } from './useDaimoPay.js';
+
+function useDaimoPayStatus() {
+  const { order } = useDaimoPay();
+  if (order == null) return void 0;
+  const paymentId = writeDaimoPayOrderID(order.id);
+  return { paymentId, status: order.intentStatus };
+}
+
+export { useDaimoPayStatus };
+//# sourceMappingURL=useDaimoPayStatus.js.map

package/build/pay/packages/connectkit/src/hooks/useDaimoPayStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDaimoPayStatus.js","sources":["../../../../../../src/hooks/useDaimoPayStatus.ts"],"sourcesContent":["import { DaimoPayIntentStatus, writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"./useDaimoPay\";\n\n/** Returns the current payment, or undefined if there is none.\n *\n * Status values:\n * - `payment_unpaid` - the user has not paid yet\n * - `payment_started` - the user has paid & payment is in progress. This status\n *    typically lasts a few seconds.\n * - `payment_completed` - the final call or transfer succeeded\n * - `payment_bounced` - the final call or transfer reverted. Funds were sent\n *    to the payment's configured refund address on the destination chain.\n */\nexport function useDaimoPayStatus():\n  | { paymentId: string; status: DaimoPayIntentStatus }\n  | undefined {\n  const { order } = useDaimoPay();\n  if (order == null) return undefined;\n\n  const paymentId = writeDaimoPayOrderID(order.id);\n\n  return { paymentId, status: order.intentStatus };\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,iBAEF,GAAA;AACZ,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,WAAY,EAAA,CAAA;AAC9B,EAAI,IAAA,KAAA,IAAS,MAAa,OAAA,KAAA,CAAA,CAAA;AAE1B,EAAM,MAAA,SAAA,GAAY,oBAAqB,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE/C,EAAA,OAAO,EAAE,SAAA,EAAW,MAAQ,EAAA,KAAA,CAAM,YAAa,EAAA,CAAA;AACjD;;;;"}

package/build/pay/packages/connectkit/src/hooks/useDaimoPayUI.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import { PayContext } from '../provider/PayContext.js';
+
+function useDaimoPayUI() {
+  const context = useContext(PayContext);
+  if (!context) {
+    throw new Error("useDaimoPayUI must be used within a DaimoPayUIProvider");
+  }
+  return {
+    resetPayment: context.paymentState.resetOrder
+  };
+}
+
+export { useDaimoPayUI };
+//# sourceMappingURL=useDaimoPayUI.js.map

package/build/pay/packages/connectkit/src/hooks/useDaimoPayUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDaimoPayUI.js","sources":["../../../../../../src/hooks/useDaimoPayUI.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { PayParams } from \"../payment/paymentFsm\";\nimport { PayContext } from \"../provider/PayContext\";\n\ntype UseDaimoPayUI = {\n  resetPayment: (payParams?: Partial<PayParams>) => Promise<void>;\n};\n\nexport function useDaimoPayUI(): UseDaimoPayUI {\n  const context = useContext(PayContext);\n  if (!context) {\n    throw new Error(\"useDaimoPayUI must be used within a DaimoPayUIProvider\");\n  }\n\n  return {\n    resetPayment: context.paymentState.resetOrder,\n  };\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,aAA+B,GAAA;AAC7C,EAAM,MAAA,OAAA,GAAU,WAAW,UAAU,CAAA,CAAA;AACrC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,wDAAwD,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA;AAAA,IACL,YAAA,EAAc,QAAQ,YAAa,CAAA,UAAA;AAAA,GACrC,CAAA;AACF;;;;"}

package/build/pay/packages/connectkit/src/hooks/useDepositAddressOptions.js

@@ -0,0 +1,35 @@
+import { useState, useEffect } from 'react';
+
+function useDepositAddressOptions({
+  trpc,
+  usdRequired,
+  mode
+}) {
+  const [options, setOptions] = useState(
+    []
+  );
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    const refreshDepositAddressOptions = async (usd, mode2) => {
+      setLoading(true);
+      try {
+        const options2 = await trpc.getDepositAddressOptions.query({
+          usdRequired: usd,
+          mode: mode2
+        });
+        setOptions(options2);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        setLoading(false);
+      }
+    };
+    if (usdRequired != null && mode != null) {
+      refreshDepositAddressOptions(usdRequired, mode);
+    }
+  }, [usdRequired, mode]);
+  return { options, loading };
+}
+
+export { useDepositAddressOptions };
+//# sourceMappingURL=useDepositAddressOptions.js.map

package/build/pay/packages/connectkit/src/hooks/useDepositAddressOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDepositAddressOptions.js","sources":["../../../../../../src/hooks/useDepositAddressOptions.ts"],"sourcesContent":["import {\n  DaimoPayOrderMode,\n  DepositAddressPaymentOptionMetadata,\n} from \"@daimo/pay-common\";\nimport { useEffect, useState } from \"react\";\nimport { TrpcClient } from \"../utils/trpc\";\n\nexport function useDepositAddressOptions({\n  trpc,\n  usdRequired,\n  mode,\n}: {\n  trpc: TrpcClient;\n  usdRequired: number | undefined;\n  mode: DaimoPayOrderMode | undefined;\n}) {\n  const [options, setOptions] = useState<DepositAddressPaymentOptionMetadata[]>(\n    [],\n  );\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    const refreshDepositAddressOptions = async (\n      usd: number,\n      mode: DaimoPayOrderMode,\n    ) => {\n      setLoading(true);\n      try {\n        const options = await trpc.getDepositAddressOptions.query({\n          usdRequired: usd,\n          mode,\n        });\n        setOptions(options);\n      } catch (e) {\n        console.error(e);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (usdRequired != null && mode != null) {\n      refreshDepositAddressOptions(usdRequired, mode);\n    }\n  }, [usdRequired, mode]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { options, loading };\n}\n"],"names":["mode","options"],"mappings":";;AAOO,SAAS,wBAAyB,CAAA;AAAA,EACvC,IAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AACF,CAIG,EAAA;AACD,EAAM,MAAA,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA;AAAA,IAC5B,EAAC;AAAA,GACH,CAAA;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,4BAAA,GAA+B,OACnC,GAAA,EACAA,KACG,KAAA;AACH,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAI,IAAA;AACF,QAAA,MAAMC,QAAU,GAAA,MAAM,IAAK,CAAA,wBAAA,CAAyB,KAAM,CAAA;AAAA,UACxD,WAAa,EAAA,GAAA;AAAA,UACb,IAAAD,EAAAA,KAAAA;AAAA,SACD,CAAA,CAAA;AACD,QAAA,UAAA,CAAWC,QAAO,CAAA,CAAA;AAAA,eACX,CAAG,EAAA;AACV,QAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AAAA,OACf,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAI,IAAA,WAAA,IAAe,IAAQ,IAAA,IAAA,IAAQ,IAAM,EAAA;AACvC,MAAA,4BAAA,CAA6B,aAAa,IAAI,CAAA,CAAA;AAAA,KAChD;AAAA,GACC,EAAA,CAAC,WAAa,EAAA,IAAI,CAAC,CAAA,CAAA;AAEtB,EAAO,OAAA,EAAE,SAAS,OAAQ,EAAA,CAAA;AAC5B;;;;"}

package/build/pay/packages/connectkit/src/hooks/useEnsFallbackConfig.js

@@ -0,0 +1,16 @@
+import { createConfig, http } from 'wagmi';
+import { mainnet } from 'wagmi/chains';
+import { useChainIsSupported } from './useChainIsSupported.js';
+
+const ensFallbackConfig = createConfig({
+  chains: [mainnet],
+  transports: {
+    [mainnet.id]: http()
+  }
+});
+function useEnsFallbackConfig() {
+  return !useChainIsSupported(1) ? ensFallbackConfig : void 0;
+}
+
+export { useEnsFallbackConfig };
+//# sourceMappingURL=useEnsFallbackConfig.js.map

package/build/pay/packages/connectkit/src/hooks/useEnsFallbackConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnsFallbackConfig.js","sources":["../../../../../../src/hooks/useEnsFallbackConfig.ts"],"sourcesContent":["import type { Config } from \"@wagmi/core\";\nimport { createConfig, http } from \"wagmi\";\nimport { mainnet } from \"wagmi/chains\";\nimport { useChainIsSupported } from \"../hooks/useChainIsSupported\";\n\nconst ensFallbackConfig = createConfig({\n  chains: [mainnet],\n  transports: {\n    [mainnet.id]: http(),\n  },\n});\n\nexport function useEnsFallbackConfig(): Config | undefined {\n  return !useChainIsSupported(1) ? ensFallbackConfig : undefined;\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,oBAAoB,YAAa,CAAA;AAAA,EACrC,MAAA,EAAQ,CAAC,OAAO,CAAA;AAAA,EAChB,UAAY,EAAA;AAAA,IACV,CAAC,OAAA,CAAQ,EAAE,GAAG,IAAK,EAAA;AAAA,GACrB;AACF,CAAC,CAAA,CAAA;AAEM,SAAS,oBAA2C,GAAA;AACzD,EAAA,OAAO,CAAC,mBAAA,CAAoB,CAAC,CAAA,GAAI,iBAAoB,GAAA,KAAA,CAAA,CAAA;AACvD;;;;"}

package/build/pay/packages/connectkit/src/hooks/useExternalPaymentOptions.js

@@ -0,0 +1,79 @@
+import { ExternalPaymentOptions } from '@daimo/pay-common';
+import { useState, useEffect } from 'react';
+import { inferTopLevelFromArray } from '../constants/paymentOptions.js';
+
+const DEFAULT_EXTERNAL_PAYMENT_OPTIONS = Object.values(
+  ExternalPaymentOptions
+).filter(
+  (opt) => (
+    // These are handled in the SelectMethod component.
+    opt !== ExternalPaymentOptions.AllAddresses && opt !== ExternalPaymentOptions.AllPaymentApps
+  )
+);
+function useExternalPaymentOptions({
+  trpc,
+  filterIds,
+  platform,
+  usdRequired,
+  mode
+}) {
+  const [options, setOptions] = useState(/* @__PURE__ */ new Map());
+  const [loading, setLoading] = useState(false);
+  const [parsedConfig, setParsedConfig] = useState({
+    walletOrder: []
+  });
+  useEffect(() => {
+    const refreshExternalPaymentOptions = async (usd, mode2) => {
+      if (!platform) return;
+      setLoading(true);
+      try {
+        const newOptions = await trpc.getExternalPaymentOptions.query({
+          platform,
+          mode: mode2,
+          usdRequired: usd
+        });
+        let walletOrder = [];
+        if (filterIds) {
+          const nestedArray = filterIds.find((opt) => Array.isArray(opt));
+          if (nestedArray && Array.isArray(nestedArray)) {
+            walletOrder = nestedArray;
+          }
+        }
+        setParsedConfig({ walletOrder });
+        const flatFilterIds = filterIds ? filterIds.flatMap(
+          (opt) => Array.isArray(opt) ? inferTopLevelFromArray(opt) ?? "AllWallets" : opt
+        ) : null;
+        const enabledExtPaymentOptions = flatFilterIds || DEFAULT_EXTERNAL_PAYMENT_OPTIONS;
+        const hasAllPaymentApps = enabledExtPaymentOptions.includes(
+          ExternalPaymentOptions.AllPaymentApps
+        );
+        const hasAllExchanges = enabledExtPaymentOptions.includes(
+          ExternalPaymentOptions.AllExchanges
+        );
+        const filteredOptions = newOptions.filter(
+          (option) => enabledExtPaymentOptions.includes(option.id) || hasAllPaymentApps && option.optionType === "zkp2p" || hasAllExchanges && option.optionType === "exchange"
+        );
+        const optionsByType = /* @__PURE__ */ new Map();
+        filteredOptions.forEach((option) => {
+          const { optionType } = option;
+          if (!optionsByType.has(optionType)) {
+            optionsByType.set(optionType, []);
+          }
+          optionsByType.get(optionType).push(option);
+        });
+        setOptions(optionsByType);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    if (usdRequired != null && mode != null) {
+      refreshExternalPaymentOptions(usdRequired, mode);
+    }
+  }, [usdRequired, JSON.stringify(filterIds), platform, mode, trpc]);
+  return { options, loading, parsedConfig };
+}
+
+export { useExternalPaymentOptions };
+//# sourceMappingURL=useExternalPaymentOptions.js.map

package/build/pay/packages/connectkit/src/hooks/useExternalPaymentOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalPaymentOptions.js","sources":["../../../../../../src/hooks/useExternalPaymentOptions.ts"],"sourcesContent":["import {\n  DaimoPayOrderMode,\n  ExternalPaymentOptionMetadata,\n  ExternalPaymentOptions,\n  PlatformType,\n} from \"@daimo/pay-common\";\nimport { useEffect, useState } from \"react\";\nimport { inferTopLevelFromArray } from \"../constants/paymentOptions\";\nimport { TrpcClient } from \"../utils/trpc\";\n\nconst DEFAULT_EXTERNAL_PAYMENT_OPTIONS = Object.values(\n  ExternalPaymentOptions,\n).filter(\n  (opt) =>\n    // These are handled in the SelectMethod component.\n    opt !== ExternalPaymentOptions.AllAddresses &&\n    opt !== ExternalPaymentOptions.AllPaymentApps,\n);\n\nexport function useExternalPaymentOptions({\n  trpc,\n  filterIds,\n  platform,\n  usdRequired,\n  mode,\n}: {\n  trpc: TrpcClient;\n  filterIds: (string | string[])[] | undefined;\n  platform: PlatformType | undefined;\n  usdRequired: number | undefined;\n  mode: DaimoPayOrderMode | undefined;\n}): {\n  /// Exteral options, organized by optionType\n  options: Map<\n    \"external\" | \"zkp2p\" | \"exchange\",\n    ExternalPaymentOptionMetadata[]\n  >;\n  loading: boolean;\n  parsedConfig: {\n    walletOrder: string[];\n  };\n} {\n  const [options, setOptions] = useState<\n    Map<\"external\" | \"zkp2p\" | \"exchange\", ExternalPaymentOptionMetadata[]>\n  >(new Map());\n  const [loading, setLoading] = useState(false);\n  const [parsedConfig, setParsedConfig] = useState<{ walletOrder: string[] }>({\n    walletOrder: [],\n  });\n\n  useEffect(() => {\n    const refreshExternalPaymentOptions = async (\n      usd: number,\n      mode: DaimoPayOrderMode,\n    ) => {\n      if (!platform) return;\n\n      setLoading(true);\n      try {\n        const newOptions = await trpc.getExternalPaymentOptions.query({\n          platform,\n          mode,\n          usdRequired: usd,\n        });\n\n        // Extract wallet order from nested array in filterIds\n        let walletOrder: string[] = [];\n        if (filterIds) {\n          const nestedArray = filterIds.find((opt) => Array.isArray(opt));\n          if (nestedArray && Array.isArray(nestedArray)) {\n            walletOrder = nestedArray as string[];\n          }\n        }\n        setParsedConfig({ walletOrder });\n\n        // Filter out options not in options JSON\n        // Flatten nested arrays (used for mobile wallet filtering)\n        const flatFilterIds = filterIds\n          ? filterIds.flatMap((opt) =>\n              Array.isArray(opt)\n                ? (inferTopLevelFromArray(opt as string[]) ?? \"AllWallets\")\n                : opt,\n            )\n          : null;\n        const enabledExtPaymentOptions =\n          flatFilterIds || DEFAULT_EXTERNAL_PAYMENT_OPTIONS;\n\n        const hasAllPaymentApps = enabledExtPaymentOptions.includes(\n          ExternalPaymentOptions.AllPaymentApps,\n        );\n        const hasAllExchanges = enabledExtPaymentOptions.includes(\n          ExternalPaymentOptions.AllExchanges,\n        );\n\n        const filteredOptions = newOptions.filter(\n          (option: ExternalPaymentOptionMetadata) =>\n            enabledExtPaymentOptions.includes(option.id) ||\n            (hasAllPaymentApps && option.optionType === \"zkp2p\") ||\n            (hasAllExchanges && option.optionType === \"exchange\"),\n        );\n        const optionsByType: Map<\n          \"external\" | \"zkp2p\" | \"exchange\",\n          ExternalPaymentOptionMetadata[]\n        > = new Map();\n        filteredOptions.forEach((option) => {\n          const { optionType } = option;\n          if (!optionsByType.has(optionType)) {\n            optionsByType.set(optionType, []);\n          }\n          optionsByType.get(optionType)!.push(option);\n        });\n\n        setOptions(optionsByType);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (usdRequired != null && mode != null) {\n      refreshExternalPaymentOptions(usdRequired, mode);\n    }\n    // TODO: this is an ugly way to handle polling/refresh\n    // Notice the load-bearing JSON.stringify() to prevent a visible infinite\n    // refresh glitch on the SelectMethod screen. Replace this useEffect().\n    //\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usdRequired, JSON.stringify(filterIds), platform, mode, trpc]);\n\n  return { options, loading, parsedConfig };\n}\n"],"names":["mode"],"mappings":"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"}

package/build/pay/packages/connectkit/src/hooks/useFitText.js

@@ -0,0 +1,133 @@
+import { useCallback, useRef, useState, useEffect, useLayoutEffect } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+
+const LOG_LEVEL = {
+  debug: 10,
+  info: 20,
+  warn: 30,
+  error: 40,
+  none: 100
+};
+const useIsoLayoutEffect = typeof window !== "undefined" && window.document && window.document.createElement !== void 0 ? useLayoutEffect : useEffect;
+const useFitText = ({
+  logLevel: logLevelOption = "info",
+  maxFontSize = 100,
+  minFontSize = 20,
+  onFinish,
+  onStart,
+  resolution = 5
+} = {}) => {
+  const logLevel = LOG_LEVEL[logLevelOption];
+  const initState = useCallback(() => {
+    return {
+      calcKey: 0,
+      fontSize: maxFontSize,
+      fontSizePrev: minFontSize,
+      fontSizeMax: maxFontSize,
+      fontSizeMin: minFontSize
+    };
+  }, [maxFontSize, minFontSize]);
+  const ref = useRef(null);
+  const innerHtmlPrevRef = useRef();
+  const isCalculatingRef = useRef(false);
+  const [state, setState] = useState(initState);
+  const { calcKey, fontSize, fontSizeMax, fontSizeMin, fontSizePrev } = state;
+  let animationFrameId = null;
+  const [ro] = useState(
+    () => new ResizeObserver(() => {
+      animationFrameId = window.requestAnimationFrame(() => {
+        if (isCalculatingRef.current) {
+          return;
+        }
+        onStart && onStart();
+        isCalculatingRef.current = true;
+        setState({
+          ...initState(),
+          calcKey: calcKey + 1
+        });
+      });
+    })
+  );
+  useEffect(() => {
+    if (ref.current) {
+      ro.observe(ref.current);
+    }
+    return () => {
+      animationFrameId && window.cancelAnimationFrame(animationFrameId);
+      ro.disconnect();
+    };
+  }, [animationFrameId, ro]);
+  const innerHtml = ref.current && ref.current.innerHTML;
+  useEffect(() => {
+    if (calcKey === 0 || isCalculatingRef.current) return;
+    if (innerHtml !== innerHtmlPrevRef.current) {
+      onStart && onStart();
+      setState({
+        ...initState(),
+        calcKey: calcKey + 1
+      });
+    }
+    innerHtmlPrevRef.current = innerHtml;
+  }, [calcKey, initState, innerHtml, onStart]);
+  useIsoLayoutEffect(() => {
+    if (calcKey === 0) {
+      return;
+    }
+    const isWithinResolution = Math.abs(fontSize - fontSizePrev) <= resolution;
+    const isOverflow = !!ref.current && (ref.current.scrollHeight > ref.current.offsetHeight || ref.current.scrollWidth > ref.current.offsetWidth);
+    const isFailed = isOverflow && fontSize === fontSizePrev;
+    const isAsc = fontSize > fontSizePrev;
+    if (isWithinResolution) {
+      if (isFailed) {
+        isCalculatingRef.current = false;
+        if (logLevel <= LOG_LEVEL.info) {
+          console.info(
+            `[use-fit-text] reached \`minFontSize = ${minFontSize}\` without fitting text`
+          );
+        }
+      } else if (isOverflow) {
+        setState({
+          fontSize: isAsc ? fontSizePrev : fontSizeMin,
+          fontSizeMax,
+          fontSizeMin,
+          fontSizePrev,
+          calcKey
+        });
+      } else {
+        isCalculatingRef.current = false;
+        onFinish && onFinish(fontSize);
+      }
+      return;
+    }
+    let delta;
+    let newMax = fontSizeMax;
+    let newMin = fontSizeMin;
+    if (isOverflow) {
+      delta = isAsc ? fontSizePrev - fontSize : fontSizeMin - fontSize;
+      newMax = Math.min(fontSizeMax, fontSize);
+    } else {
+      delta = isAsc ? fontSizeMax - fontSize : fontSizePrev - fontSize;
+      newMin = Math.max(fontSizeMin, fontSize);
+    }
+    setState({
+      calcKey,
+      fontSize: fontSize + delta / 2,
+      fontSizeMax: newMax,
+      fontSizeMin: newMin,
+      fontSizePrev: fontSize
+    });
+  }, [
+    calcKey,
+    fontSize,
+    fontSizeMax,
+    fontSizeMin,
+    fontSizePrev,
+    onFinish,
+    ref,
+    resolution
+  ]);
+  return { fontSize, ref };
+};
+
+export { useFitText as default };
+//# sourceMappingURL=useFitText.js.map

package/build/pay/packages/connectkit/src/hooks/useFitText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFitText.js","sources":["../../../../../../src/hooks/useFitText.tsx"],"sourcesContent":["// https://github.com/saltycrane/use-fit-text\n\nimport {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nexport type TLogLevel = \"debug\" | \"info\" | \"warn\" | \"error\" | \"none\";\n\nexport type TOptions = {\n  logLevel?: TLogLevel;\n  maxFontSize?: number;\n  minFontSize?: number;\n  onFinish?: (fontSize: number) => void;\n  onStart?: () => void;\n  resolution?: number;\n};\n\nconst LOG_LEVEL: Record<TLogLevel, number> = {\n  debug: 10,\n  info: 20,\n  warn: 30,\n  error: 40,\n  none: 100,\n};\n\n// Suppress `useLayoutEffect` warning when rendering on the server\n// https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useIsoLayoutEffect =\n  typeof window !== \"undefined\" &&\n  window.document &&\n  window.document.createElement !== undefined\n    ? useLayoutEffect\n    : useEffect;\n\nconst useFitText = ({\n  logLevel: logLevelOption = \"info\",\n  maxFontSize = 100,\n  minFontSize = 20,\n  onFinish,\n  onStart,\n  resolution = 5,\n}: TOptions = {}) => {\n  const logLevel = LOG_LEVEL[logLevelOption];\n\n  const initState = useCallback(() => {\n    return {\n      calcKey: 0,\n      fontSize: maxFontSize,\n      fontSizePrev: minFontSize,\n      fontSizeMax: maxFontSize,\n      fontSizeMin: minFontSize,\n    };\n  }, [maxFontSize, minFontSize]);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const innerHtmlPrevRef = useRef<string | null>();\n  const isCalculatingRef = useRef(false);\n  const [state, setState] = useState(initState);\n  const { calcKey, fontSize, fontSizeMax, fontSizeMin, fontSizePrev } = state;\n\n  // Montior div size changes and recalculate on resize\n  let animationFrameId: number | null = null;\n  const [ro] = useState(\n    () =>\n      new ResizeObserver(() => {\n        animationFrameId = window.requestAnimationFrame(() => {\n          if (isCalculatingRef.current) {\n            return;\n          }\n          onStart && onStart();\n          isCalculatingRef.current = true;\n          // `calcKey` is used in the dependencies array of\n          // `useIsoLayoutEffect` below. It is incremented so that the font size\n          // will be recalculated even if the previous state didn't change (e.g.\n          // when the text fit initially).\n          setState({\n            ...initState(),\n            calcKey: calcKey + 1,\n          });\n        });\n      }),\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      ro.observe(ref.current);\n    }\n    return () => {\n      animationFrameId && window.cancelAnimationFrame(animationFrameId);\n      ro.disconnect();\n    };\n  }, [animationFrameId, ro]);\n\n  // Recalculate when the div contents change\n  const innerHtml = ref.current && ref.current.innerHTML;\n  useEffect(() => {\n    if (calcKey === 0 || isCalculatingRef.current) return;\n\n    if (innerHtml !== innerHtmlPrevRef.current) {\n      onStart && onStart();\n      setState({\n        ...initState(),\n        calcKey: calcKey + 1,\n      });\n    }\n    innerHtmlPrevRef.current = innerHtml;\n  }, [calcKey, initState, innerHtml, onStart]);\n\n  // Check overflow and resize font\n  useIsoLayoutEffect(() => {\n    // Don't start calculating font size until the `resizeKey` is incremented\n    // above in the `ResizeObserver` callback. This avoids an extra resize\n    // on initialization.\n    if (calcKey === 0) {\n      return;\n    }\n\n    const isWithinResolution = Math.abs(fontSize - fontSizePrev) <= resolution;\n    const isOverflow =\n      !!ref.current &&\n      (ref.current.scrollHeight > ref.current.offsetHeight ||\n        ref.current.scrollWidth > ref.current.offsetWidth);\n    const isFailed = isOverflow && fontSize === fontSizePrev;\n    const isAsc = fontSize > fontSizePrev;\n\n    // Return if the font size has been adjusted \"enough\" (change within `resolution`)\n    // reduce font size by one increment if it's overflowing.\n    if (isWithinResolution) {\n      if (isFailed) {\n        isCalculatingRef.current = false;\n        if (logLevel <= LOG_LEVEL.info) {\n          console.info(\n            `[use-fit-text] reached \\`minFontSize = ${minFontSize}\\` without fitting text`,\n          );\n        }\n      } else if (isOverflow) {\n        setState({\n          fontSize: isAsc ? fontSizePrev : fontSizeMin,\n          fontSizeMax,\n          fontSizeMin,\n          fontSizePrev,\n          calcKey,\n        });\n      } else {\n        isCalculatingRef.current = false;\n        onFinish && onFinish(fontSize);\n      }\n      return;\n    }\n\n    // Binary search to adjust font size\n    let delta: number;\n    let newMax = fontSizeMax;\n    let newMin = fontSizeMin;\n    if (isOverflow) {\n      delta = isAsc ? fontSizePrev - fontSize : fontSizeMin - fontSize;\n      newMax = Math.min(fontSizeMax, fontSize);\n    } else {\n      delta = isAsc ? fontSizeMax - fontSize : fontSizePrev - fontSize;\n      newMin = Math.max(fontSizeMin, fontSize);\n    }\n    setState({\n      calcKey,\n      fontSize: fontSize + delta / 2,\n      fontSizeMax: newMax,\n      fontSizeMin: newMin,\n      fontSizePrev: fontSize,\n    });\n  }, [\n    calcKey,\n    fontSize,\n    fontSizeMax,\n    fontSizeMin,\n    fontSizePrev,\n    onFinish,\n    ref,\n    resolution,\n  ]);\n\n  return { fontSize, ref };\n};\n\nexport default useFitText;\n"],"names":[],"mappings":"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"}