UNPKG

@daimo/pay

Version:

Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.

29 lines (26 loc) 1.31 kB
import { jsxs, jsx } from 'react/jsx-runtime'; import { useEffect } from 'react'; import { usePayContext } from '../../../hooks/usePayContext.js'; import { PageContent, Disclaimer } from '../../Common/Modal/styles.js'; import { DaimoPayOrderMode } from '@daimo/pay-common'; import { useDaimoPay } from '../../../hooks/useDaimoPay.js'; import useLocales from '../../../hooks/useLocales.js'; import ConnectorList from '../../Common/ConnectorList/index.js'; import { OrderHeader } from '../../Common/OrderHeader/index.js'; const Wallets = () => { const context = usePayContext(); useLocales({}); const { hydrateOrder, order } = useDaimoPay(); useEffect(() => { if (!context.paymentState.isDepositFlow && order != null && order.mode !== DaimoPayOrderMode.HYDRATED) { hydrateOrder(); } }, [context.paymentState.isDepositFlow, hydrateOrder, order]); return /* @__PURE__ */ jsxs(PageContent, { children: [ /* @__PURE__ */ jsx(OrderHeader, { minified: true }), /* @__PURE__ */ jsx(ConnectorList, {}), context.options?.disclaimer && /* @__PURE__ */ jsx(Disclaimer, { style: { visibility: "hidden", pointerEvents: "none" }, children: /* @__PURE__ */ jsx("div", { children: context.options?.disclaimer }) }) ] }); }; export { Wallets as default }; //# sourceMappingURL=index.js.map