@daimo/pay 1.19.2 → 1.19.4

package/build/connectkit/src/components/Pages/SelectWalletChain/index.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { PageContent, ModalContent } from '../../Common/Modal/styles.js';
+import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
+import { Ethereum, Solana } from '../../../assets/chains.js';
+import { ROUTES } from '../../../constants/routes.js';
+import { OptionsList } from '../../Common/OptionsList/index.js';
+
+const SelectWalletChain = () => {
+  const { paymentState, setPendingConnectorId, setRoute, setSolanaConnector } = usePayContext();
+  const { selectedWallet } = paymentState;
+  if (selectedWallet == null) {
+    return /* @__PURE__ */ jsx(PageContent, {});
+  }
+  const wallet = selectedWallet;
+  if (!wallet.solanaConnectorName) {
+    return /* @__PURE__ */ jsx(PageContent, {});
+  }
+  function handleSelect(chain) {
+    if (chain === "evm") {
+      setPendingConnectorId(wallet.id);
+      setRoute(ROUTES.CONNECT);
+    } else {
+      setSolanaConnector(wallet.solanaConnectorName);
+      setRoute(ROUTES.SOLANA_CONNECTOR);
+    }
+  }
+  const options = [
+    {
+      id: "ethereum",
+      title: "Ethereum",
+      icons: [/* @__PURE__ */ jsx(Ethereum, {}, "ethereum")],
+      onClick: () => handleSelect("evm")
+    },
+    {
+      id: "solana",
+      title: "Solana",
+      icons: [/* @__PURE__ */ jsx(Solana, {}, "solana")],
+      onClick: () => handleSelect("solana")
+    }
+  ];
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(
+      WalletPaymentSpinner,
+      {
+        logo: selectedWallet.icon,
+        logoShape: selectedWallet.iconShape === "square" ? "squircle" : selectedWallet.iconShape || "squircle"
+      }
+    ),
+    /* @__PURE__ */ jsx(ModalContent, { $preserveDisplay: true, children: /* @__PURE__ */ jsx(OptionsList, { options }) })
+  ] });
+};
+
+export { SelectWalletChain as default };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Pages/SelectWalletChain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/SelectWalletChain/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\n\nimport WalletPaymentSpinner from \"../../Spinners/WalletPaymentSpinner\";\n\nimport { Ethereum, Solana } from \"../../../assets/chains\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { WalletProps } from \"../../../wallets/useWallets\";\nimport { OptionsList } from \"../../Common/OptionsList\";\n\nconst SelectWalletChain: React.FC = () => {\n  const { paymentState, setPendingConnectorId, setRoute, setSolanaConnector } =\n    usePayContext();\n  const { selectedWallet } = paymentState;\n\n  if (selectedWallet == null) {\n    return <PageContent></PageContent>;\n  }\n\n  // Narrow the wallet type to include solanaConnectorName.\n  const wallet = selectedWallet as WalletProps;\n\n  // If wallet only supports one chain, skip this page (fallback safety)\n  if (!wallet.solanaConnectorName) {\n    return <PageContent></PageContent>;\n  }\n\n  function handleSelect(chain: \"evm\" | \"solana\") {\n    if (chain === \"evm\") {\n      setPendingConnectorId(wallet.id);\n      setRoute(ROUTES.CONNECT);\n    } else {\n      setSolanaConnector(wallet.solanaConnectorName);\n      setRoute(ROUTES.SOLANA_CONNECTOR);\n    }\n  }\n  const options = [\n    {\n      id: \"ethereum\",\n      title: \"Ethereum\",\n      icons: [<Ethereum key=\"ethereum\" />],\n      onClick: () => handleSelect(\"evm\"),\n    },\n    {\n      id: \"solana\",\n      title: \"Solana\",\n      icons: [<Solana key=\"solana\" />],\n      onClick: () => handleSelect(\"solana\"),\n    },\n  ];\n\n  return (\n    <PageContent>\n      <WalletPaymentSpinner\n        logo={selectedWallet.icon}\n        logoShape={\n          selectedWallet.iconShape === \"square\"\n            ? \"squircle\"\n            : selectedWallet.iconShape || \"squircle\"\n        }\n      />\n      <ModalContent $preserveDisplay={true}>\n        <OptionsList options={options} />\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport default SelectWalletChain;\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,oBAA8B,MAAM;AACxC,EAAA,MAAM,EAAE,YAAc,EAAA,qBAAA,EAAuB,QAAU,EAAA,kBAAA,KACrD,aAAc,EAAA,CAAA;AAChB,EAAM,MAAA,EAAE,gBAAmB,GAAA,YAAA,CAAA;AAE3B,EAAA,IAAI,kBAAkB,IAAM,EAAA;AAC1B,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA,CAAA;AAAA,GACtB;AAGA,EAAA,MAAM,MAAS,GAAA,cAAA,CAAA;AAGf,EAAI,IAAA,CAAC,OAAO,mBAAqB,EAAA;AAC/B,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,SAAS,aAAa,KAAyB,EAAA;AAC7C,IAAA,IAAI,UAAU,KAAO,EAAA;AACnB,MAAA,qBAAA,CAAsB,OAAO,EAAE,CAAA,CAAA;AAC/B,MAAA,QAAA,CAAS,OAAO,OAAO,CAAA,CAAA;AAAA,KAClB,MAAA;AACL,MAAA,kBAAA,CAAmB,OAAO,mBAAmB,CAAA,CAAA;AAC7C,MAAA,QAAA,CAAS,OAAO,gBAAgB,CAAA,CAAA;AAAA,KAClC;AAAA,GACF;AACA,EAAA,MAAM,OAAU,GAAA;AAAA,IACd;AAAA,MACE,EAAI,EAAA,UAAA;AAAA,MACJ,KAAO,EAAA,UAAA;AAAA,MACP,KAAO,EAAA,iBAAE,GAAA,CAAA,QAAA,EAAA,EAAA,EAAa,UAAW,CAAE,CAAA;AAAA,MACnC,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,KACnC;AAAA,IACA;AAAA,MACE,EAAI,EAAA,QAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,iBAAE,GAAA,CAAA,MAAA,EAAA,EAAA,EAAW,QAAS,CAAE,CAAA;AAAA,MAC/B,OAAA,EAAS,MAAM,YAAA,CAAa,QAAQ,CAAA;AAAA,KACtC;AAAA,GACF,CAAA;AAEA,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,MAAM,cAAe,CAAA,IAAA;AAAA,QACrB,WACE,cAAe,CAAA,SAAA,KAAc,QACzB,GAAA,UAAA,GACA,eAAe,SAAa,IAAA,UAAA;AAAA,OAAA;AAAA,KAEpC;AAAA,wBACC,YAAa,EAAA,EAAA,gBAAA,EAAkB,MAC9B,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,SAAkB,CACjC,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/connectkit/src/components/Pages/SelectZKP/index.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PageContent, ModalH1 } from '../../Common/Modal/styles.js';
+import { ROUTES } from '../../../constants/routes.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { OptionsList } from '../../Common/OptionsList/index.js';
+import { OrderHeader } from '../../Common/OrderHeader/index.js';
+
+const SelectZKP = () => {
+  const { paymentState, setRoute } = usePayContext();
+  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;
+  const zkp2pOptions = externalPaymentOptions.options.get("zkp2p");
+  if (!zkp2pOptions) {
+    return /* @__PURE__ */ jsxs(PageContent, { children: [
+      /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
+      /* @__PURE__ */ jsx(ModalH1, { children: "No ZKP2P options available" })
+    ] });
+  }
+  const options = zkp2pOptions.map((option) => ({
+    id: option.id,
+    title: option.cta,
+    icons: [option.logoURI],
+    onClick: () => {
+      setSelectedExternalOption(option);
+      const meta = { event: "click-option", option: option.id };
+      if (paymentState.isDepositFlow) {
+        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
+      } else {
+        setRoute(ROUTES.WAITING_EXTERNAL, meta);
+      }
+    },
+    disabled: option.disabled,
+    subtitle: option.message
+  }));
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
+    /* @__PURE__ */ jsx(OptionsList, { options })
+  ] });
+};
+
+export { SelectZKP as default };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Pages/SelectZKP/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/SelectZKP/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectZKP: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const zkp2pOptions = externalPaymentOptions.options.get(\"zkp2p\");\n\n  if (!zkp2pOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified show=\"zkp2p\" />\n        <ModalH1>No ZKP2P options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  const options = zkp2pOptions.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"zkp2p\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectZKP;\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,YAAsB,MAAM;AAChC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,YAAe,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAE/D,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,sBACnC,GAAA,CAAC,WAAQ,QAA0B,EAAA,4BAAA,EAAA,CAAA;AAAA,KACrC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,MAAM,OAAU,GAAA,YAAA,CAAa,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IAC5C,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,oBACnC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/connectkit/src/components/Pages/Solana/ConnectorSolana/index.js

@@ -0,0 +1,94 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { PageContent, ModalContent, ModalH1, ModalBody } from '../../../Common/Modal/styles.js';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ROUTES } from '../../../../constants/routes.js';
+import { usePayContext } from '../../../../hooks/usePayContext.js';
+import styled from '../../../../styles/styled/index.js';
+import { walletConfigs } from '../../../../wallets/walletConfigs.js';
+import SquircleSpinner from '../../../Spinners/SquircleSpinner/index.js';
+
+const ConnectSolana = () => {
+  const solanaWallets = useWallet();
+  const isConnected = solanaWallets.connected;
+  const { solanaConnector, setRoute, paymentState } = usePayContext();
+  const { setTokenMode } = paymentState;
+  const selectedWallet = solanaWallets.wallets.find(
+    (wallet) => wallet.adapter.name === solanaConnector
+  );
+  const getWalletIcon = () => {
+    if (!selectedWallet) return null;
+    const matchedConfig = Object.values(walletConfigs).find((cfg) => {
+      if (!cfg.name) return false;
+      const cfgName = cfg.name.toLowerCase();
+      const walletName = selectedWallet.adapter.name.toLowerCase();
+      return cfgName.includes(walletName) || walletName.includes(cfgName);
+    });
+    if (matchedConfig?.icon) {
+      return typeof matchedConfig.icon === "string" ? /* @__PURE__ */ jsx("img", { src: matchedConfig.icon, alt: matchedConfig.name }) : matchedConfig.icon;
+    }
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: selectedWallet.adapter.icon,
+        alt: selectedWallet.adapter.name
+      }
+    );
+  };
+  useEffect(() => {
+    if (!solanaConnector) return;
+    solanaWallets.select(solanaConnector);
+  }, [solanaConnector]);
+  useEffect(() => {
+    if (!isConnected) return;
+    const meta = {
+      event: "wait-solana-connected",
+      walletName: solanaWallets.wallet?.adapter.name
+    };
+    setTimeout(() => {
+      setTokenMode("solana");
+      setRoute(ROUTES.SELECT_TOKEN, meta);
+    }, 500);
+  }, [isConnected]);
+  if (!solanaConnector) return null;
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(AnimationContainer, { children: /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(
+      SquircleSpinner,
+      {
+        logo: /* @__PURE__ */ jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: getWalletIcon() }),
+        loading: true
+      }
+    ) }) }) }),
+    /* @__PURE__ */ jsx(ModalContent, { style: { paddingBottom: 0 }, children: isConnected ? /* @__PURE__ */ jsx(ModalH1, { children: "Connected" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ModalH1, { children: "Requesting Connection" }),
+      /* @__PURE__ */ jsxs(ModalBody, { children: [
+        "Open ",
+        selectedWallet?.adapter.name,
+        " to continue."
+      ] })
+    ] }) })
+  ] });
+};
+const LoadingContainer = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px auto 16px;
+  height: 120px;
+`;
+const AnimationContainer = styled(motion.div)`
+  user-select: none;
+  position: relative;
+  --spinner-error-opacity: 0;
+  &:before {
+    content: "";
+    position: absolute;
+    inset: 1px;
+    opacity: 0;
+    background: var(--ck-body-color-danger);
+  }
+`;
+
+export { LoadingContainer, ConnectSolana as default };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Pages/Solana/ConnectorSolana/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Pages/Solana/ConnectorSolana/index.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport {\n  ModalBody,\n  ModalContent,\n  ModalH1,\n  PageContent,\n} from \"../../../Common/Modal/styles\";\n\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { ROUTES } from \"../../../../constants/routes\";\nimport { usePayContext } from \"../../../../hooks/usePayContext\";\nimport styled from \"../../../../styles/styled\";\nimport { walletConfigs } from \"../../../../wallets/walletConfigs\";\nimport SquircleSpinner from \"../../../Spinners/SquircleSpinner\";\n\nconst ConnectSolana: React.FC = () => {\n  const solanaWallets = useWallet();\n  const isConnected = solanaWallets.connected;\n\n  const { solanaConnector, setRoute, paymentState } = usePayContext();\n  const { setTokenMode } = paymentState;\n\n  const selectedWallet = solanaWallets.wallets.find(\n    (wallet) => wallet.adapter.name === solanaConnector,\n  );\n\n  // Prefer icon from walletConfigs if available\n  const getWalletIcon = () => {\n    if (!selectedWallet) return null;\n\n    const matchedConfig = Object.values(walletConfigs).find((cfg) => {\n      if (!cfg.name) return false;\n      const cfgName = cfg.name.toLowerCase();\n      const walletName = selectedWallet.adapter.name.toLowerCase();\n      return cfgName.includes(walletName) || walletName.includes(cfgName);\n    });\n\n    if (matchedConfig?.icon) {\n      return typeof matchedConfig.icon === \"string\" ? (\n        <img src={matchedConfig.icon} alt={matchedConfig.name} />\n      ) : (\n        (matchedConfig.icon as JSX.Element)\n      );\n    }\n\n    return (\n      <img\n        src={selectedWallet.adapter.icon}\n        alt={selectedWallet.adapter.name}\n      />\n    );\n  };\n\n  useEffect(() => {\n    if (!solanaConnector) return;\n    solanaWallets.select(solanaConnector);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [solanaConnector]);\n\n  useEffect(() => {\n    if (!isConnected) return;\n    // Wait so user can see it's connected\n    const meta = {\n      event: \"wait-solana-connected\",\n      walletName: solanaWallets.wallet?.adapter.name,\n    };\n    setTimeout(() => {\n      setTokenMode(\"solana\");\n      setRoute(ROUTES.SELECT_TOKEN, meta);\n    }, 500);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isConnected]);\n\n  if (!solanaConnector) return null;\n\n  return (\n    <PageContent>\n      <LoadingContainer>\n        <AnimationContainer>\n          <AnimatePresence>\n            <SquircleSpinner\n              logo={\n                <div style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n                  {getWalletIcon()}\n                </div>\n              }\n              loading={true}\n            />\n          </AnimatePresence>\n        </AnimationContainer>\n      </LoadingContainer>\n      <ModalContent style={{ paddingBottom: 0 }}>\n        {isConnected ? (\n          <ModalH1>Connected</ModalH1>\n        ) : (\n          <>\n            <ModalH1>Requesting Connection</ModalH1>\n            <ModalBody>\n              Open {selectedWallet?.adapter.name} to continue.\n            </ModalBody>\n          </>\n        )}\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport const LoadingContainer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px auto 16px;\n  height: 120px;\n`;\nconst AnimationContainer = styled(motion.div)`\n  user-select: none;\n  position: relative;\n  --spinner-error-opacity: 0;\n  &:before {\n    content: \"\";\n    position: absolute;\n    inset: 1px;\n    opacity: 0;\n    background: var(--ck-body-color-danger);\n  }\n`;\n\nexport default ConnectSolana;\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Pages/Solana/PayWithSolanaToken/index.js

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { ROUTES } from '../../../../constants/routes.js';
+import { usePayContext } from '../../../../hooks/usePayContext.js';
+import { WalletSignTransactionError, WalletSendTransactionError } from '@solana/wallet-adapter-base';
+import { PageContent, ModalContent, ModalH1, Link } from '../../../Common/Modal/styles.js';
+import { getChainExplorerTxUrl, solana } from '@daimo/pay-common';
+import { useDaimoPay } from '../../../../hooks/useDaimoPay.js';
+import { getSupportUrl } from '../../../../utils/supportUrl.js';
+import Button from '../../../Common/Button/index.js';
+import PaymentBreakdown from '../../../Common/PaymentBreakdown/index.js';
+import TokenLogoSpinner from '../../../Spinners/TokenLogoSpinner/index.js';
+
+const PayWithSolanaToken = () => {
+  const { triggerResize, paymentState, setRoute, log, trpc } = usePayContext();
+  const { selectedSolanaTokenOption, payWithSolanaToken } = paymentState;
+  const { order } = useDaimoPay();
+  const [payState, setPayStateInner] = useState(
+    "Waiting For Payment" /* RequestingPayment */
+  );
+  const setPayState = (state) => {
+    setPayStateInner(state);
+    log(`[PAY SOLANA TOKEN] payState: ${state}`);
+    trpc.nav.mutate({
+      action: "pay-with-solana-token-state",
+      data: { state }
+    });
+  };
+  const [txURL, setTxURL] = useState();
+  const handleTransfer = async (option) => {
+    setPayState("Waiting For Payment" /* RequestingPayment */);
+    try {
+      const result = await payWithSolanaToken(option.required.token.token);
+      setTxURL(getChainExplorerTxUrl(solana.chainId, result.txHash));
+      if (result.success) {
+        setPayState("Payment Successful" /* RequestSuccessful */);
+        setTimeout(() => {
+          setRoute(ROUTES.CONFIRMATION, { event: "wait-pay-with-solana" });
+        }, 200);
+      } else {
+        setPayState("Payment Failed" /* RequestFailed */);
+      }
+    } catch (error) {
+      console.error(error);
+      if (error instanceof WalletSignTransactionError || error instanceof WalletSendTransactionError) {
+        setPayState("Payment Cancelled" /* RequestCancelled */);
+      } else {
+        setPayState("Payment Failed" /* RequestFailed */);
+      }
+    }
+  };
+  useEffect(() => {
+    if (!selectedSolanaTokenOption) return;
+    const transferTimeout = setTimeout(
+      () => handleTransfer(selectedSolanaTokenOption),
+      100
+    );
+    return () => clearTimeout(transferTimeout);
+  }, [selectedSolanaTokenOption]);
+  useEffect(() => {
+    triggerResize();
+  }, [payState]);
+  if (selectedSolanaTokenOption == null) {
+    return /* @__PURE__ */ jsx(PageContent, {});
+  }
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    selectedSolanaTokenOption && /* @__PURE__ */ jsx(TokenLogoSpinner, { token: selectedSolanaTokenOption.required.token }),
+    /* @__PURE__ */ jsxs(ModalContent, { style: { paddingBottom: 0 }, children: [
+      txURL ? /* @__PURE__ */ jsx(ModalH1, { children: /* @__PURE__ */ jsx(Link, { href: txURL, target: "_blank", rel: "noopener noreferrer", children: payState }) }) : /* @__PURE__ */ jsx(ModalH1, { children: payState }),
+      /* @__PURE__ */ jsx(PaymentBreakdown, { paymentOption: selectedSolanaTokenOption }),
+      payState === "Payment Cancelled" /* RequestCancelled */ && /* @__PURE__ */ jsx(Button, { onClick: () => handleTransfer(selectedSolanaTokenOption), children: "Retry Payment" }),
+      payState === "Payment Failed" /* RequestFailed */ && /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            window.open(
+              getSupportUrl(
+                order?.id?.toString() ?? "",
+                `Pay with Solana token${txURL ? ` ${txURL}` : ""}`
+              ),
+              "_blank"
+            );
+          },
+          children: "Contact Support"
+        }
+      )
+    ] })
+  ] });
+};
+
+export { PayWithSolanaToken as default };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Pages/Solana/PayWithSolanaToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Pages/Solana/PayWithSolanaToken/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ROUTES } from \"../../../../constants/routes\";\nimport { usePayContext } from \"../../../../hooks/usePayContext\";\n\nimport {\n  WalletSendTransactionError,\n  WalletSignTransactionError,\n} from \"@solana/wallet-adapter-base\";\nimport {\n  Link,\n  ModalContent,\n  ModalH1,\n  PageContent,\n} from \"../../../Common/Modal/styles\";\n\nimport {\n  getChainExplorerTxUrl,\n  solana,\n  WalletPaymentOption,\n} from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../../hooks/useDaimoPay\";\nimport { getSupportUrl } from \"../../../../utils/supportUrl\";\nimport { TrpcClient } from \"../../../../utils/trpc\";\nimport Button from \"../../../Common/Button\";\nimport PaymentBreakdown from \"../../../Common/PaymentBreakdown\";\nimport TokenLogoSpinner from \"../../../Spinners/TokenLogoSpinner\";\nenum PayState {\n  RequestingPayment = \"Waiting For Payment\",\n  RequestCancelled = \"Payment Cancelled\",\n  RequestFailed = \"Payment Failed\",\n  RequestSuccessful = \"Payment Successful\",\n}\n\nconst PayWithSolanaToken: React.FC = () => {\n  const { triggerResize, paymentState, setRoute, log, trpc } = usePayContext();\n  const { selectedSolanaTokenOption, payWithSolanaToken } = paymentState;\n  const { order } = useDaimoPay();\n  const [payState, setPayStateInner] = useState<PayState>(\n    PayState.RequestingPayment,\n  );\n  const setPayState = (state: PayState) => {\n    setPayStateInner(state);\n    log(`[PAY SOLANA TOKEN] payState: ${state}`);\n    (trpc as TrpcClient).nav.mutate({\n      action: \"pay-with-solana-token-state\",\n      data: { state },\n    });\n  };\n  const [txURL, setTxURL] = useState<string | undefined>();\n\n  const handleTransfer = async (option: WalletPaymentOption) => {\n    setPayState(PayState.RequestingPayment);\n    try {\n      const result = await payWithSolanaToken(option.required.token.token);\n      setTxURL(getChainExplorerTxUrl(solana.chainId, result.txHash));\n      if (result.success) {\n        setPayState(PayState.RequestSuccessful);\n        setTimeout(() => {\n          setRoute(ROUTES.CONFIRMATION, { event: \"wait-pay-with-solana\" });\n        }, 200);\n      } else {\n        setPayState(PayState.RequestFailed);\n      }\n    } catch (error) {\n      console.error(error);\n      if (\n        error instanceof WalletSignTransactionError ||\n        error instanceof WalletSendTransactionError\n      ) {\n        setPayState(PayState.RequestCancelled);\n      } else {\n        setPayState(PayState.RequestFailed);\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (!selectedSolanaTokenOption) return;\n\n    // Give user time to see the UI before opening\n    const transferTimeout = setTimeout(\n      () => handleTransfer(selectedSolanaTokenOption),\n      100,\n    );\n    return () => clearTimeout(transferTimeout);\n  }, [selectedSolanaTokenOption]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    triggerResize();\n  }, [payState]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (selectedSolanaTokenOption == null) {\n    return <PageContent></PageContent>;\n  }\n\n  return (\n    <PageContent>\n      {selectedSolanaTokenOption && (\n        <TokenLogoSpinner token={selectedSolanaTokenOption.required.token} />\n      )}\n      <ModalContent style={{ paddingBottom: 0 }}>\n        {txURL ? (\n          <ModalH1>\n            <Link href={txURL} target=\"_blank\" rel=\"noopener noreferrer\">\n              {payState}\n            </Link>\n          </ModalH1>\n        ) : (\n          <ModalH1>{payState}</ModalH1>\n        )}\n        <PaymentBreakdown paymentOption={selectedSolanaTokenOption} />\n        {payState === PayState.RequestCancelled && (\n          <Button onClick={() => handleTransfer(selectedSolanaTokenOption)}>\n            Retry Payment\n          </Button>\n        )}\n        {payState === PayState.RequestFailed && (\n          <Button\n            onClick={() => {\n              window.open(\n                getSupportUrl(\n                  order?.id?.toString() ?? \"\",\n                  `Pay with Solana token${txURL ? ` ${txURL}` : \"\"}`,\n                ),\n                \"_blank\",\n              );\n            }}\n          >\n            Contact Support\n          </Button>\n        )}\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport default PayWithSolanaToken;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,qBAA+B,MAAM;AACzC,EAAA,MAAM,EAAE,aAAe,EAAA,YAAA,EAAc,UAAU,GAAK,EAAA,IAAA,KAAS,aAAc,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAE,yBAA2B,EAAA,kBAAA,EAAuB,GAAA,YAAA,CAAA;AAC1D,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,WAAY,EAAA,CAAA;AAC9B,EAAM,MAAA,CAAC,QAAU,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACnC,qBAAA;AAAA,GACF,CAAA;AACA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAoB,KAAA;AACvC,IAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AACtB,IAAI,GAAA,CAAA,CAAA,6BAAA,EAAgC,KAAK,CAAE,CAAA,CAAA,CAAA;AAC3C,IAAC,IAAA,CAAoB,IAAI,MAAO,CAAA;AAAA,MAC9B,MAAQ,EAAA,6BAAA;AAAA,MACR,IAAA,EAAM,EAAE,KAAM,EAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACH,CAAA;AACA,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAA6B,EAAA,CAAA;AAEvD,EAAM,MAAA,cAAA,GAAiB,OAAO,MAAgC,KAAA;AAC5D,IAAA,WAAA,CAAY,qBAA0B,yBAAA,CAAA;AACtC,IAAI,IAAA;AACF,MAAA,MAAM,SAAS,MAAM,kBAAA,CAAmB,MAAO,CAAA,QAAA,CAAS,MAAM,KAAK,CAAA,CAAA;AACnE,MAAA,QAAA,CAAS,qBAAsB,CAAA,MAAA,CAAO,OAAS,EAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA;AAC7D,MAAA,IAAI,OAAO,OAAS,EAAA;AAClB,QAAA,WAAA,CAAY,oBAA0B,yBAAA,CAAA;AACtC,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,QAAA,CAAS,MAAO,CAAA,YAAA,EAAc,EAAE,KAAA,EAAO,wBAAwB,CAAA,CAAA;AAAA,WAC9D,GAAG,CAAA,CAAA;AAAA,OACD,MAAA;AACL,QAAA,WAAA,CAAY,gBAAsB,qBAAA,CAAA;AAAA,OACpC;AAAA,aACO,KAAO,EAAA;AACd,MAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AACnB,MACE,IAAA,KAAA,YAAiB,0BACjB,IAAA,KAAA,YAAiB,0BACjB,EAAA;AACA,QAAA,WAAA,CAAY,mBAAyB,wBAAA,CAAA;AAAA,OAChC,MAAA;AACL,QAAA,WAAA,CAAY,gBAAsB,qBAAA,CAAA;AAAA,OACpC;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,yBAA2B,EAAA,OAAA;AAGhC,IAAA,MAAM,eAAkB,GAAA,UAAA;AAAA,MACtB,MAAM,eAAe,yBAAyB,CAAA;AAAA,MAC9C,GAAA;AAAA,KACF,CAAA;AACA,IAAO,OAAA,MAAM,aAAa,eAAe,CAAA,CAAA;AAAA,GAC3C,EAAG,CAAC,yBAAyB,CAAC,CAAA,CAAA;AAE9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAc,aAAA,EAAA,CAAA;AAAA,GAChB,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,IAAI,6BAA6B,IAAM,EAAA;AACrC,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,4BACG,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,yBAAA,oBACE,GAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,yBAAA,CAA0B,SAAS,KAAO,EAAA,CAAA;AAAA,yBAEpE,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,GACnC,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,mBACE,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,MAAM,KAAO,EAAA,MAAA,EAAO,QAAS,EAAA,GAAA,EAAI,uBACpC,QACH,EAAA,QAAA,EAAA,CAAA,EACF,CAEA,mBAAA,GAAA,CAAC,WAAS,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,sBAErB,GAAA,CAAC,gBAAiB,EAAA,EAAA,aAAA,EAAe,yBAA2B,EAAA,CAAA;AAAA,MAC3D,QAAA,KAAa,8DACX,GAAA,CAAA,MAAA,EAAA,EAAO,SAAS,MAAM,cAAA,CAAe,yBAAyB,CAAA,EAAG,QAElE,EAAA,eAAA,EAAA,CAAA;AAAA,MAED,aAAa,gBACZ,wCAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAO,MAAA,CAAA,IAAA;AAAA,cACL,aAAA;AAAA,gBACE,KAAA,EAAO,EAAI,EAAA,QAAA,EAAc,IAAA,EAAA;AAAA,gBACzB,CAAwB,qBAAA,EAAA,KAAA,GAAQ,CAAI,CAAA,EAAA,KAAK,KAAK,EAAE,CAAA,CAAA;AAAA,eAClD;AAAA,cACA,QAAA;AAAA,aACF,CAAA;AAAA,WACF;AAAA,UACD,QAAA,EAAA,iBAAA;AAAA,SAAA;AAAA,OAED;AAAA,KAEJ,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/connectkit/src/components/Pages/Solana/SelectSolanaAmount/index.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { ROUTES } from '../../../../constants/routes.js';
+import { usePayContext } from '../../../../hooks/usePayContext.js';
+import MultiCurrencySelectAmount from '../../../Common/AmountInput/index.js';
+import { PageContent } from '../../../Common/Modal/styles.js';
+
+const SelectSolanaAmount = () => {
+  const { paymentState } = usePayContext();
+  const { selectedSolanaTokenOption, setSelectedSolanaTokenOption } = paymentState;
+  if (selectedSolanaTokenOption == null) {
+    return /* @__PURE__ */ jsx(PageContent, {});
+  }
+  return /* @__PURE__ */ jsx(
+    MultiCurrencySelectAmount,
+    {
+      selectedTokenOption: selectedSolanaTokenOption,
+      setSelectedTokenOption: setSelectedSolanaTokenOption,
+      nextPage: ROUTES.SOLANA_PAY_WITH_TOKEN
+    }
+  );
+};
+
+export { SelectSolanaAmount as default };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Pages/Solana/SelectSolanaAmount/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Pages/Solana/SelectSolanaAmount/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../../constants/routes\";\nimport { usePayContext } from \"../../../../hooks/usePayContext\";\n\nimport MultiCurrencySelectAmount from \"../../../Common/AmountInput\";\nimport { PageContent } from \"../../../Common/Modal/styles\";\n\nconst SelectSolanaAmount: React.FC = () => {\n  const { paymentState } = usePayContext();\n  const { selectedSolanaTokenOption, setSelectedSolanaTokenOption } =\n    paymentState;\n\n  if (selectedSolanaTokenOption == null) {\n    return <PageContent></PageContent>;\n  }\n\n  return (\n    <MultiCurrencySelectAmount\n      selectedTokenOption={selectedSolanaTokenOption}\n      setSelectedTokenOption={setSelectedSolanaTokenOption}\n      nextPage={ROUTES.SOLANA_PAY_WITH_TOKEN}\n    />\n  );\n};\n\nexport default SelectSolanaAmount;\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,qBAA+B,MAAM;AACzC,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AACvC,EAAM,MAAA,EAAE,yBAA2B,EAAA,4BAAA,EACjC,GAAA,YAAA,CAAA;AAEF,EAAA,IAAI,6BAA6B,IAAM,EAAA;AACrC,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,mBAAqB,EAAA,yBAAA;AAAA,MACrB,sBAAwB,EAAA,4BAAA;AAAA,MACxB,UAAU,MAAO,CAAA,qBAAA;AAAA,KAAA;AAAA,GACnB,CAAA;AAEJ;;;;"}

package/build/connectkit/src/components/Pages/SwitchNetworks/index.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useConnect, useDisconnect, useAccount } from 'wagmi';
+import ChainSelectList from '../../Common/ChainSelectList/index.js';
+import { PageContent, ModalContent, ModalBody } from '../../Common/Modal/styles.js';
+import useLocales from '../../../hooks/useLocales.js';
+import { DisconnectIcon } from '../../../assets/icons.js';
+import { useChainIsSupported } from '../../../hooks/useChainIsSupported.js';
+import { isSafeConnector } from '../../../utils/index.js';
+import Button from '../../Common/Button/index.js';
+import { OrDivider } from '../../Common/Modal/index.js';
+
+const SwitchNetworks = () => {
+  const { reset } = useConnect();
+  const { disconnect } = useDisconnect();
+  const { connector, chain } = useAccount();
+  const isChainSupported = useChainIsSupported(chain?.id);
+  const locales = useLocales({});
+  const onDisconnect = () => {
+    disconnect();
+    reset();
+  };
+  return /* @__PURE__ */ jsx(PageContent, { style: { width: 278 }, children: /* @__PURE__ */ jsxs(ModalContent, { style: { padding: 0, marginTop: -10 }, children: [
+    !isChainSupported && /* @__PURE__ */ jsxs(ModalBody, { children: [
+      locales.warnings_chainUnsupported,
+      " ",
+      locales.warnings_chainUnsupportedResolve
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { padding: "6px 8px" }, children: /* @__PURE__ */ jsx(ChainSelectList, { variant: "secondary" }) }),
+    !isChainSupported && !isSafeConnector(connector?.id) && /* @__PURE__ */ jsxs("div", { style: { paddingTop: 12 }, children: [
+      /* @__PURE__ */ jsx(OrDivider, {}),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx(DisconnectIcon, {}),
+          variant: "secondary",
+          onClick: onDisconnect,
+          children: locales.disconnect
+        }
+      )
+    ] })
+  ] }) });
+};
+
+export { SwitchNetworks as default };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Pages/SwitchNetworks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/SwitchNetworks/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useAccount, useConnect, useDisconnect } from \"wagmi\";\nimport ChainSelectList from \"../../Common/ChainSelectList\";\nimport {\n  ModalBody,\n  ModalContent,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport useLocales from \"../../../hooks/useLocales\";\n\nimport { DisconnectIcon } from \"../../../assets/icons\";\nimport { useChainIsSupported } from \"../../../hooks/useChainIsSupported\";\nimport { isSafeConnector } from \"../../../utils\";\nimport Button from \"../../Common/Button\";\nimport { OrDivider } from \"../../Common/Modal\";\n\nconst SwitchNetworks: React.FC = () => {\n  const { reset } = useConnect();\n  const { disconnect } = useDisconnect();\n  const { connector, chain } = useAccount();\n  const isChainSupported = useChainIsSupported(chain?.id);\n\n  const locales = useLocales({});\n\n  const onDisconnect = () => {\n    disconnect();\n    reset();\n  };\n\n  return (\n    <PageContent style={{ width: 278 }}>\n      <ModalContent style={{ padding: 0, marginTop: -10 }}>\n        {!isChainSupported && (\n          <ModalBody>\n            {locales.warnings_chainUnsupported}{\" \"}\n            {locales.warnings_chainUnsupportedResolve}\n          </ModalBody>\n        )}\n\n        <div style={{ padding: \"6px 8px\" }}>\n          <ChainSelectList variant=\"secondary\" />\n        </div>\n\n        {!isChainSupported && !isSafeConnector(connector?.id) && (\n          <div style={{ paddingTop: 12 }}>\n            <OrDivider />\n            <Button\n              icon={<DisconnectIcon />}\n              variant=\"secondary\"\n              onClick={onDisconnect}\n            >\n              {locales.disconnect}\n            </Button>\n          </div>\n        )}\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport default SwitchNetworks;\n"],"names":[],"mappings":";;;;;;;;;;;AAkBA,MAAM,iBAA2B,MAAM;AACrC,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,UAAW,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,aAAc,EAAA,CAAA;AACrC,EAAA,MAAM,EAAE,SAAA,EAAW,KAAM,EAAA,GAAI,UAAW,EAAA,CAAA;AACxC,EAAM,MAAA,gBAAA,GAAmB,mBAAoB,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAEtD,EAAM,MAAA,OAAA,GAAU,UAAW,CAAA,EAAE,CAAA,CAAA;AAE7B,EAAA,MAAM,eAAe,MAAM;AACzB,IAAW,UAAA,EAAA,CAAA;AACX,IAAM,KAAA,EAAA,CAAA;AAAA,GACR,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA,EAAE,OAAO,GAAI,EAAA,EAC/B,QAAC,kBAAA,IAAA,CAAA,YAAA,EAAA,EAAa,OAAO,EAAE,OAAA,EAAS,CAAG,EAAA,SAAA,EAAW,KAC3C,EAAA,QAAA,EAAA;AAAA,IAAC,CAAA,gBAAA,yBACC,SACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAQ,OAAA,CAAA,yBAAA;AAAA,MAA2B,GAAA;AAAA,MACnC,OAAQ,CAAA,gCAAA;AAAA,KACX,EAAA,CAAA;AAAA,oBAGF,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SAAU,EAAA,EAC/B,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAgB,OAAQ,EAAA,WAAA,EAAY,CACvC,EAAA,CAAA;AAAA,IAEC,CAAC,gBAAA,IAAoB,CAAC,eAAA,CAAgB,SAAW,EAAA,EAAE,CAClD,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,IACxB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,sBACX,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,sBAAO,cAAe,EAAA,EAAA,CAAA;AAAA,UACtB,OAAQ,EAAA,WAAA;AAAA,UACR,OAAS,EAAA,YAAA;AAAA,UAER,QAAQ,EAAA,OAAA,CAAA,UAAA;AAAA,SAAA;AAAA,OACX;AAAA,KACF,EAAA,CAAA;AAAA,GAAA,EAEJ,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}