@daimo/sdk 1.4.2 → 1.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/createDaimoClient.d.ts +16 -6
- package/dist/client/createDaimoClient.d.ts.map +1 -1
- package/dist/client/createDaimoClient.js +16 -0
- package/dist/client/createDaimoClient.js.map +1 -1
- package/dist/common/account.d.ts +89 -13
- package/dist/common/account.d.ts.map +1 -1
- package/dist/common/account.js +12 -1
- package/dist/common/account.js.map +1 -1
- package/dist/common/api.d.ts +25 -12
- package/dist/common/api.d.ts.map +1 -1
- package/dist/common/api.js +9 -1
- package/dist/common/api.js.map +1 -1
- package/dist/common/session.d.ts +26 -2
- package/dist/common/session.d.ts.map +1 -1
- package/dist/common/session.js.map +1 -1
- package/dist/common/token.d.ts +3 -0
- package/dist/common/token.d.ts.map +1 -1
- package/dist/common/token.js +21 -0
- package/dist/common/token.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/web/accountWallet.d.ts +15 -0
- package/dist/web/accountWallet.d.ts.map +1 -0
- package/dist/web/accountWallet.js +44 -0
- package/dist/web/accountWallet.js.map +1 -0
- package/dist/web/api/index.d.ts +17 -11
- package/dist/web/api/index.d.ts.map +1 -1
- package/dist/web/api/navTree.d.ts +27 -5
- package/dist/web/api/navTree.d.ts.map +1 -1
- package/dist/web/components/ApplePayLogo.d.ts +9 -0
- package/dist/web/components/ApplePayLogo.d.ts.map +1 -0
- package/dist/web/components/ApplePayLogo.js +15 -0
- package/dist/web/components/ApplePayLogo.js.map +1 -0
- package/dist/web/components/ChooseOptionPage.d.ts.map +1 -1
- package/dist/web/components/ChooseOptionPage.js +20 -7
- package/dist/web/components/ChooseOptionPage.js.map +1 -1
- package/dist/web/components/ChooseWalletPage.js +12 -3
- package/dist/web/components/ChooseWalletPage.js.map +1 -1
- package/dist/web/components/ConfirmationSpinner.d.ts +3 -1
- package/dist/web/components/ConfirmationSpinner.d.ts.map +1 -1
- package/dist/web/components/ConfirmationSpinner.js +7 -2
- package/dist/web/components/ConfirmationSpinner.js.map +1 -1
- package/dist/web/components/DaimoModal.d.ts.map +1 -1
- package/dist/web/components/DaimoModal.js +80 -50
- package/dist/web/components/DaimoModal.js.map +1 -1
- package/dist/web/components/DeeplinkPage.d.ts.map +1 -1
- package/dist/web/components/DeeplinkPage.js +4 -3
- package/dist/web/components/DeeplinkPage.js.map +1 -1
- package/dist/web/components/ErrorPage.d.ts.map +1 -1
- package/dist/web/components/ErrorPage.js +4 -1
- package/dist/web/components/ErrorPage.js.map +1 -1
- package/dist/web/components/ExchangePage.d.ts.map +1 -1
- package/dist/web/components/ExchangePage.js +8 -23
- package/dist/web/components/ExchangePage.js.map +1 -1
- package/dist/web/components/ExternalPaymentPage.d.ts +22 -0
- package/dist/web/components/ExternalPaymentPage.d.ts.map +1 -0
- package/dist/web/components/ExternalPaymentPage.js +24 -0
- package/dist/web/components/ExternalPaymentPage.js.map +1 -0
- package/dist/web/components/ModalSkeleton.d.ts.map +1 -1
- package/dist/web/components/ModalSkeleton.js +2 -4
- package/dist/web/components/ModalSkeleton.js.map +1 -1
- package/dist/web/components/SelectTokenPage.d.ts.map +1 -1
- package/dist/web/components/SelectTokenPage.js +3 -3
- package/dist/web/components/SelectTokenPage.js.map +1 -1
- package/dist/web/components/Skeleton.d.ts +19 -0
- package/dist/web/components/Skeleton.d.ts.map +1 -0
- package/dist/web/components/Skeleton.js +21 -0
- package/dist/web/components/Skeleton.js.map +1 -0
- package/dist/web/components/StripeOnrampPage.d.ts +3 -27
- package/dist/web/components/StripeOnrampPage.d.ts.map +1 -1
- package/dist/web/components/StripeOnrampPage.js +6 -116
- package/dist/web/components/StripeOnrampPage.js.map +1 -1
- package/dist/web/components/TokenAmountEntry.d.ts +9 -3
- package/dist/web/components/TokenAmountEntry.d.ts.map +1 -1
- package/dist/web/components/TokenAmountEntry.js +48 -27
- package/dist/web/components/TokenAmountEntry.js.map +1 -1
- package/dist/web/components/WaitingDepositAddressPage.d.ts +39 -0
- package/dist/web/components/WaitingDepositAddressPage.d.ts.map +1 -1
- package/dist/web/components/WaitingDepositAddressPage.js +61 -32
- package/dist/web/components/WaitingDepositAddressPage.js.map +1 -1
- package/dist/web/components/WalletAmountPage.d.ts.map +1 -1
- package/dist/web/components/WalletAmountPage.js +7 -4
- package/dist/web/components/WalletAmountPage.js.map +1 -1
- package/dist/web/components/account/AccountApplePayPage.d.ts +1 -1
- package/dist/web/components/account/AccountApplePayPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountApplePayPage.js +1 -1
- package/dist/web/components/account/AccountApplePayPage.js.map +1 -1
- package/dist/web/components/account/AccountBankDetailsPage.d.ts +2 -1
- package/dist/web/components/account/AccountBankDetailsPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountBankDetailsPage.js +166 -54
- package/dist/web/components/account/AccountBankDetailsPage.js.map +1 -1
- package/dist/web/components/account/AccountBankPickerPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountBankPickerPage.js +12 -13
- package/dist/web/components/account/AccountBankPickerPage.js.map +1 -1
- package/dist/web/components/account/AccountBankTransferSubmittedPage.d.ts +3 -1
- package/dist/web/components/account/AccountBankTransferSubmittedPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountBankTransferSubmittedPage.js +9 -3
- package/dist/web/components/account/AccountBankTransferSubmittedPage.js.map +1 -1
- package/dist/web/components/account/AccountCreatingWalletPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountCreatingWalletPage.js +6 -4
- package/dist/web/components/account/AccountCreatingWalletPage.js.map +1 -1
- package/dist/web/components/account/AccountEnrollmentPage.d.ts +5 -3
- package/dist/web/components/account/AccountEnrollmentPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountEnrollmentPage.js +107 -48
- package/dist/web/components/account/AccountEnrollmentPage.js.map +1 -1
- package/dist/web/components/account/AccountFlowProvider.d.ts +1 -1
- package/dist/web/components/account/AccountFlowProvider.d.ts.map +1 -1
- package/dist/web/components/account/AccountFlowProvider.js +23 -20
- package/dist/web/components/account/AccountFlowProvider.js.map +1 -1
- package/dist/web/components/account/AccountKycInfoPage.d.ts +13 -0
- package/dist/web/components/account/AccountKycInfoPage.d.ts.map +1 -0
- package/dist/web/components/account/AccountKycInfoPage.js +37 -0
- package/dist/web/components/account/AccountKycInfoPage.js.map +1 -0
- package/dist/web/components/account/AccountOtpCodeEntry.d.ts.map +1 -1
- package/dist/web/components/account/AccountOtpCodeEntry.js +5 -3
- package/dist/web/components/account/AccountOtpCodeEntry.js.map +1 -1
- package/dist/web/components/account/AccountPaymentPage.d.ts +3 -2
- package/dist/web/components/account/AccountPaymentPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountPaymentPage.js +30 -18
- package/dist/web/components/account/AccountPaymentPage.js.map +1 -1
- package/dist/web/components/account/AccountPhoneOtpPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountPhoneOtpPage.js +21 -9
- package/dist/web/components/account/AccountPhoneOtpPage.js.map +1 -1
- package/dist/web/components/account/AccountPhonePage.d.ts.map +1 -1
- package/dist/web/components/account/AccountPhonePage.js +30 -12
- package/dist/web/components/account/AccountPhonePage.js.map +1 -1
- package/dist/web/components/account/AccountStatusPage.d.ts +1 -3
- package/dist/web/components/account/AccountStatusPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountStatusPage.js +29 -39
- package/dist/web/components/account/AccountStatusPage.js.map +1 -1
- package/dist/web/components/account/accountNav.d.ts +1 -1
- package/dist/web/components/account/accountNav.d.ts.map +1 -1
- package/dist/web/components/account/accountNav.js +5 -1
- package/dist/web/components/account/accountNav.js.map +1 -1
- package/dist/web/components/account/kycRequirement.d.ts +14 -0
- package/dist/web/components/account/kycRequirement.d.ts.map +1 -0
- package/dist/web/components/account/kycRequirement.js +46 -0
- package/dist/web/components/account/kycRequirement.js.map +1 -0
- package/dist/web/components/account/phone.d.ts +2 -1
- package/dist/web/components/account/phone.d.ts.map +1 -1
- package/dist/web/components/account/phone.js +11 -2
- package/dist/web/components/account/phone.js.map +1 -1
- package/dist/web/components/containers.d.ts +6 -2
- package/dist/web/components/containers.d.ts.map +1 -1
- package/dist/web/components/containers.js +72 -27
- package/dist/web/components/containers.js.map +1 -1
- package/dist/web/components/icons.d.ts +11 -1
- package/dist/web/components/icons.d.ts.map +1 -1
- package/dist/web/components/icons.js +18 -2
- package/dist/web/components/icons.js.map +1 -1
- package/dist/web/components/shared.d.ts.map +1 -1
- package/dist/web/components/shared.js +18 -19
- package/dist/web/components/shared.js.map +1 -1
- package/dist/web/formatAmount.d.ts +5 -0
- package/dist/web/formatAmount.d.ts.map +1 -0
- package/dist/web/formatAmount.js +26 -0
- package/dist/web/formatAmount.js.map +1 -0
- package/dist/web/hooks/formatUserError.d.ts.map +1 -1
- package/dist/web/hooks/formatUserError.js +8 -0
- package/dist/web/hooks/formatUserError.js.map +1 -1
- package/dist/web/hooks/locales/en.d.ts +17 -2
- package/dist/web/hooks/locales/en.d.ts.map +1 -1
- package/dist/web/hooks/locales/en.js +27 -12
- package/dist/web/hooks/locales/en.js.map +1 -1
- package/dist/web/hooks/locales/es.d.ts.map +1 -1
- package/dist/web/hooks/locales/es.js +26 -11
- package/dist/web/hooks/locales/es.js.map +1 -1
- package/dist/web/hooks/locales/ja.d.ts.map +1 -1
- package/dist/web/hooks/locales/ja.js +27 -12
- package/dist/web/hooks/locales/ja.js.map +1 -1
- package/dist/web/hooks/locales/ko.d.ts.map +1 -1
- package/dist/web/hooks/locales/ko.js +27 -12
- package/dist/web/hooks/locales/ko.js.map +1 -1
- package/dist/web/hooks/locales/zh.d.ts.map +1 -1
- package/dist/web/hooks/locales/zh.js +27 -12
- package/dist/web/hooks/locales/zh.js.map +1 -1
- package/dist/web/hooks/navEvent.js +2 -2
- package/dist/web/hooks/navEvent.js.map +1 -1
- package/dist/web/hooks/types.d.ts +6 -2
- package/dist/web/hooks/types.d.ts.map +1 -1
- package/dist/web/hooks/types.js.map +1 -1
- package/dist/web/hooks/useAccountFlow.d.ts +9 -11
- package/dist/web/hooks/useAccountFlow.d.ts.map +1 -1
- package/dist/web/hooks/useAccountFlow.js +65 -27
- package/dist/web/hooks/useAccountFlow.js.map +1 -1
- package/dist/web/hooks/useCreateDeposit.d.ts +1 -1
- package/dist/web/hooks/useCreateDeposit.d.ts.map +1 -1
- package/dist/web/hooks/useCreateDeposit.js +15 -103
- package/dist/web/hooks/useCreateDeposit.js.map +1 -1
- package/dist/web/hooks/useDraftDeposit.d.ts.map +1 -1
- package/dist/web/hooks/useDraftDeposit.js +2 -1
- package/dist/web/hooks/useDraftDeposit.js.map +1 -1
- package/dist/web/hooks/useSessionNav.d.ts +2 -1
- package/dist/web/hooks/useSessionNav.d.ts.map +1 -1
- package/dist/web/hooks/useSessionNav.js +120 -39
- package/dist/web/hooks/useSessionNav.js.map +1 -1
- package/dist/web/hooks/useWalletFlow.d.ts.map +1 -1
- package/dist/web/hooks/useWalletFlow.js +10 -0
- package/dist/web/hooks/useWalletFlow.js.map +1 -1
- package/dist/web/styles.css +1 -1
- package/dist/web/theme.css +1 -1
- package/package.json +2 -1
- package/dist/web/components/account/AccountReadyPage.d.ts +0 -2
- package/dist/web/components/account/AccountReadyPage.d.ts.map +0 -1
- package/dist/web/components/account/AccountReadyPage.js +0 -7
- package/dist/web/components/account/AccountReadyPage.js.map +0 -1
- package/dist/web/isDesktopBrowser.d.ts +0 -2
- package/dist/web/isDesktopBrowser.d.ts.map +0 -1
- package/dist/web/isDesktopBrowser.js +0 -6
- package/dist/web/isDesktopBrowser.js.map +0 -1
|
@@ -1,30 +1,15 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
import { ExternalLinkIcon, PrimaryButton } from "./buttons.js";
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { t } from "../hooks/locale.js";
|
|
4
3
|
import { isDesktop } from "../platform.js";
|
|
5
|
-
import {
|
|
6
|
-
import { QRCode } from "./QRCode.js";
|
|
4
|
+
import { ExternalPaymentPage } from "./ExternalPaymentPage.js";
|
|
7
5
|
export function ExchangePage({ node, platform, exchangeUrl, waitingMessage, isLoading, onBack, baseUrl, }) {
|
|
8
|
-
const desktop = isDesktop(platform);
|
|
9
6
|
const exchangeId = node.type === "CashApp" ? "CashApp" : node.exchangeId;
|
|
10
|
-
const
|
|
7
|
+
const desktopBehavior = exchangeId === "Coinbase" || exchangeId === "MtPelerin" ? "popup" : "qr";
|
|
8
|
+
const usesDesktopQR = isDesktop(platform) && desktopBehavior === "qr";
|
|
11
9
|
const placeholderDensity = exchangeId === "Binance" ? "medium" : "short";
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
window.open(exchangeUrl, "coinbase", "width=500,height=700");
|
|
17
|
-
}
|
|
18
|
-
else {
|
|
19
|
-
window.open(exchangeUrl, "_blank");
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
// Desktop QR view for Binance, Lemon, CashApp
|
|
23
|
-
if (showQR) {
|
|
24
|
-
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: exchangeUrl, placeholderDensity: placeholderDensity, image: node.icon ? (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) }), exchangeUrl && (_jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm daimo-whitespace-pre-line", children: waitingMessage || t.scanWithPhone }))] })] }));
|
|
25
|
-
}
|
|
26
|
-
// Mobile (all exchanges) and desktop Coinbase (popup)
|
|
27
|
-
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack }), _jsxs(CenteredContent, { children: [node.icon && (_jsx(PageLogo, { icon: node.icon, alt: node.title, baseUrl: baseUrl })), isLoading ? (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-2 daimo-max-w-xs daimo-w-full", children: [_jsx("div", { className: "daimo-h-4 daimo-w-4/5 daimo-rounded daimo-bg-[var(--daimo-surface-secondary)] daimo-animate-daimo-pulse" }), _jsx("div", { className: "daimo-h-4 daimo-w-3/5 daimo-rounded daimo-bg-[var(--daimo-surface-secondary)] daimo-animate-daimo-pulse" })] })) : (_jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-whitespace-pre-line", children: waitingMessage ||
|
|
28
|
-
`${t.continueTo} ${node.title} ${t.toCompleteYourDeposit}` })), _jsxs(PrimaryButton, { onClick: openExchange, icon: _jsx(ExternalLinkIcon, {}), disabled: isLoading, children: [t.open, " ", node.title] })] })] }));
|
|
10
|
+
return (_jsx(ExternalPaymentPage, { title: node.title, platform: platform, url: exchangeUrl, icon: node.icon, message: waitingMessage ||
|
|
11
|
+
(usesDesktopQR
|
|
12
|
+
? t.scanWithPhone
|
|
13
|
+
: `${t.continueTo} ${node.title} ${t.toCompleteYourDeposit}`), isLoading: isLoading, onBack: onBack, baseUrl: baseUrl, desktopBehavior: desktopBehavior, popupName: exchangeId.toLowerCase(), placeholderDensity: placeholderDensity }));
|
|
29
14
|
}
|
|
30
15
|
//# sourceMappingURL=ExchangePage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExchangePage.js","sourceRoot":"","sources":["../../../src/web/components/ExchangePage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ExchangePage.js","sourceRoot":"","sources":["../../../src/web/components/ExchangePage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAc/D,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,OAAO,GACW;IAClB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IACzE,MAAM,eAAe,GACnB,UAAU,KAAK,UAAU,IAAI,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,eAAe,KAAK,IAAI,CAAC;IAEtE,MAAM,kBAAkB,GACtB,UAAU,KAAK,SAAS,CAAC,CAAC,CAAE,QAAkB,CAAC,CAAC,CAAE,OAAiB,CAAC;IAEtE,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EACL,cAAc;YACd,CAAC,aAAa;gBACZ,CAAC,CAAC,CAAC,CAAC,aAAa;gBACjB,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,CAAC,EAEjE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,EACnC,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type DaimoPlatform } from "../platform.js";
|
|
2
|
+
type QRDensity = "short" | "medium" | "long";
|
|
3
|
+
type DesktopBehavior = "popup" | "qr";
|
|
4
|
+
type ExternalPaymentPageProps = {
|
|
5
|
+
title: string;
|
|
6
|
+
platform: DaimoPlatform;
|
|
7
|
+
url?: string;
|
|
8
|
+
icon?: string;
|
|
9
|
+
message: string;
|
|
10
|
+
isLoading?: boolean;
|
|
11
|
+
onBack: () => void;
|
|
12
|
+
baseUrl: string;
|
|
13
|
+
desktopBehavior: DesktopBehavior;
|
|
14
|
+
openLabel?: string;
|
|
15
|
+
popupName?: string;
|
|
16
|
+
popupFeatures?: string;
|
|
17
|
+
placeholderDensity?: QRDensity;
|
|
18
|
+
};
|
|
19
|
+
/** Shared handoff page for providers that complete payment outside the modal. */
|
|
20
|
+
export declare function ExternalPaymentPage({ title, platform, url, icon, message, isLoading, onBack, baseUrl, desktopBehavior, openLabel, popupName, popupFeatures, placeholderDensity, }: ExternalPaymentPageProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=ExternalPaymentPage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExternalPaymentPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ExternalPaymentPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAW/D,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7C,KAAK,eAAe,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtC,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CAAC;AAIF,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAgC,EAChC,SAAS,EACT,aAAsC,EACtC,kBAAkB,GACnB,EAAE,wBAAwB,2CAuD1B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { t } from "../hooks/locale.js";
|
|
3
|
+
import { isDesktop } from "../platform.js";
|
|
4
|
+
import { ExternalLinkIcon, PrimaryButton } from "./buttons.js";
|
|
5
|
+
import { QRCode } from "./QRCode.js";
|
|
6
|
+
import { SkeletonText } from "./Skeleton.js";
|
|
7
|
+
import { CenteredContent, PageHeader, PageLogo, resolveIconUrl, } from "./shared.js";
|
|
8
|
+
const DEFAULT_POPUP_FEATURES = "width=500,height=700";
|
|
9
|
+
/** Shared handoff page for providers that complete payment outside the modal. */
|
|
10
|
+
export function ExternalPaymentPage({ title, platform, url, icon, message, isLoading, onBack, baseUrl, desktopBehavior, openLabel = `${t.open} ${title}`, popupName, popupFeatures = DEFAULT_POPUP_FEATURES, placeholderDensity, }) {
|
|
11
|
+
const desktop = isDesktop(platform);
|
|
12
|
+
const showQR = desktop && desktopBehavior === "qr";
|
|
13
|
+
const openProvider = () => {
|
|
14
|
+
if (!url)
|
|
15
|
+
return;
|
|
16
|
+
if (desktop && desktopBehavior === "popup") {
|
|
17
|
+
window.open(url, popupName ?? title.toLowerCase(), popupFeatures);
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
window.open(url, "_blank");
|
|
21
|
+
};
|
|
22
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title, onBack: onBack }), _jsxs(CenteredContent, { children: [showQR ? (_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: url, placeholderDensity: placeholderDensity, image: icon ? (_jsx("img", { src: resolveIconUrl(icon, baseUrl), alt: title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) })) : (icon && _jsx(PageLogo, { icon: icon, alt: title, baseUrl: baseUrl })), isLoading ? (_jsx(SkeletonText, { className: "daimo-max-w-xs", widths: ["80%", "60%"] })) : (_jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm daimo-whitespace-pre-line", children: message })), !showQR && (_jsx(PrimaryButton, { onClick: openProvider, icon: _jsx(ExternalLinkIcon, {}), disabled: !url || isLoading, children: openLabel }))] })] }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=ExternalPaymentPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExternalPaymentPage.js","sourceRoot":"","sources":["../../../src/web/components/ExternalPaymentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,UAAU,EACV,QAAQ,EACR,cAAc,GACf,MAAM,aAAa,CAAC;AAqBrB,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;AAEtD,iFAAiF;AACjF,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,GAAG,GAAG,CAAC,CAAC,IAAI,IAAI,KAAK,EAAE,EAChC,SAAS,EACT,aAAa,GAAG,sBAAsB,EACtC,kBAAkB,GACO;IACzB,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,OAAO,IAAI,eAAe,KAAK,IAAI,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,IAAI,OAAO,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,aAAa,CAAC,CAAC;YAClE,OAAO;QACT,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,EAC5C,MAAC,eAAe,eACb,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,MAAM,IACL,KAAK,EAAE,GAAG,EACV,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EACH,IAAI,CAAC,CAAC,CAAC,CACL,cACE,GAAG,EAAE,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,oEAAoE,GAC9E,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,GACE,CACP,CAAC,CAAC,CAAC,CACF,IAAI,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAC/D,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,SAAS,EAAC,gBAAgB,EAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mHAAmH,YAC7H,OAAO,GACN,CACL,EACA,CAAC,MAAM,IAAI,CACV,KAAC,aAAa,IACZ,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,KAAC,gBAAgB,KAAG,EAC1B,QAAQ,EAAE,CAAC,GAAG,IAAI,SAAS,YAE1B,SAAS,GACI,CACjB,IACe,IACd,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalSkeleton.d.ts","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalSkeleton.d.ts","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,aAAa,4CAqB5B"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Skeleton } from "./Skeleton.js";
|
|
2
3
|
/**
|
|
3
4
|
* Loading skeleton for the session modal.
|
|
4
5
|
* Shows header + scrollable token rows layout (matches SelectTokenPage).
|
|
5
6
|
* Respects prefers-reduced-motion for accessibility.
|
|
6
7
|
*/
|
|
7
8
|
export function ModalSkeleton() {
|
|
8
|
-
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-h-14 daimo-px-6", children: _jsx(
|
|
9
|
-
backgroundColor: "var(--daimo-skeleton)",
|
|
10
|
-
animationDelay: `${i * 100}ms`,
|
|
11
|
-
} }, i))) })] }));
|
|
9
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-h-14 daimo-px-6", children: _jsx(Skeleton, { className: "daimo-h-5 daimo-w-32", rounded: "sm" }) }), _jsx("div", { className: "daimo-flex-1 daimo-px-6 daimo-pb-4 daimo-flex daimo-flex-col daimo-gap-3", children: [...Array(11)].map((_, i) => (_jsx(Skeleton, { className: "daimo-h-16", rounded: "lg", delayMs: i * 100 }, i))) })] }));
|
|
12
10
|
}
|
|
13
11
|
//# sourceMappingURL=ModalSkeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalSkeleton.js","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aAEnE,cAAK,SAAS,EAAC,0EAA0E,YACvF,
|
|
1
|
+
{"version":3,"file":"ModalSkeleton.js","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aAEnE,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,IAAI,GAAG,GACtD,EAGN,cAAK,SAAS,EAAC,0EAA0E,YACtF,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,CAAC,GAAG,GAAG,IAHX,CAAC,CAIN,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAchF,KAAK,oBAAoB,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,aAAkB,EAClB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CA0EtB"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { getChainName } from "../../common/chain.js";
|
|
3
3
|
import { t } from "../hooks/locale.js";
|
|
4
4
|
import { ContactSupportButton, LIST_ROW_CLASS, ListRow, PageHeader, ScrollContent, TokenIconWithChainBadge, useScrollBorder, } from "./shared.js";
|
|
5
|
+
import { Skeleton } from "./Skeleton.js";
|
|
5
6
|
/** Token selection page for wallet payment flow */
|
|
6
7
|
export function SelectTokenPage({ options, showRequired, isLoading = false, skeletonCount = 11, onSelect, onBack, baseUrl, sessionId, }) {
|
|
7
8
|
const { scrolled, atBottom, onScroll } = useScrollBorder();
|
|
@@ -15,8 +16,7 @@ export function SelectTokenPage({ options, showRequired, isLoading = false, skel
|
|
|
15
16
|
}
|
|
16
17
|
/** Skeleton loading row - matches TokenRow dimensions with token + chain badge */
|
|
17
18
|
function SkeletonRow() {
|
|
18
|
-
return (_jsxs("div", { className:
|
|
19
|
-
backgroundColor: "var(--daimo-skeleton)",
|
|
19
|
+
return (_jsxs("div", { className: LIST_ROW_CLASS, children: [_jsxs("div", { className: "daimo-flex-1 daimo-min-w-0 daimo-mr-3", children: [_jsx(Skeleton, { className: "daimo-h-5 daimo-w-48 daimo-rounded daimo-mb-2", rounded: "sm" }), _jsx(Skeleton, { className: "daimo-h-4 daimo-w-32 daimo-rounded", rounded: "sm" })] }), _jsxs("div", { className: "daimo-relative daimo-w-8 daimo-h-8 daimo-shrink-0", children: [_jsx(Skeleton, { className: "daimo-w-8 daimo-h-8 daimo-rounded-full", rounded: "full" }), _jsx(Skeleton, { className: "daimo-absolute -daimo-bottom-0.5 -daimo-right-0.5 daimo-w-[15px] daimo-h-[15px] daimo-rounded-full", rounded: "full", style: {
|
|
20
20
|
border: "1px solid var(--daimo-surface-secondary)",
|
|
21
21
|
} })] })] }));
|
|
22
22
|
}
|
|
@@ -24,7 +24,7 @@ function SkeletonRow() {
|
|
|
24
24
|
* Token option row - 64px height, matching ChooseOptionPage row style.
|
|
25
25
|
* Shows "$X TOKEN on Chain" with "Y TOKEN" subtitle.
|
|
26
26
|
*/
|
|
27
|
-
function TokenRow({ option, showRequired = false, onSelect, disabled = false, baseUrl }) {
|
|
27
|
+
function TokenRow({ option, showRequired = false, onSelect, disabled = false, baseUrl, }) {
|
|
28
28
|
const display = showRequired ? option.required : option.balance;
|
|
29
29
|
const chainName = getChainName(display.token.chainId);
|
|
30
30
|
const tokenAmount = formatTokenAmount(display.amount, display.token);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,OAAO,EACP,UAAU,EACV,aAAa,EACb,uBAAuB,EACvB,eAAe,GAChB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { CSSProperties } from "react";
|
|
2
|
+
type SkeletonRadius = "sm" | "md" | "lg" | "full";
|
|
3
|
+
type SkeletonProps = {
|
|
4
|
+
className?: string;
|
|
5
|
+
rounded?: SkeletonRadius;
|
|
6
|
+
delayMs?: number;
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
};
|
|
9
|
+
type SkeletonTextProps = {
|
|
10
|
+
lines?: number;
|
|
11
|
+
widths?: string[];
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
/** Theme-aware loading placeholder with reduced-motion support. */
|
|
15
|
+
export declare function Skeleton({ className, rounded, delayMs, style, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
/** Stacked text-line skeleton for descriptions and loading messages. */
|
|
17
|
+
export declare function SkeletonText({ lines, widths, className, }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/web/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAElD,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,mEAAmE;AACnE,wBAAgB,QAAQ,CAAC,EACvB,SAAc,EACd,OAAc,EACd,OAAO,EACP,KAAK,GACN,EAAE,aAAa,2CAef;AAED,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,EAC3B,KAAS,EACT,MAAuB,EACvB,SAAc,GACf,EAAE,iBAAiB,2CAgBnB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const RADIUS_CLASS = {
|
|
3
|
+
sm: "daimo-rounded",
|
|
4
|
+
md: "daimo-rounded-[var(--daimo-radius-md)]",
|
|
5
|
+
lg: "daimo-rounded-[var(--daimo-radius-lg)]",
|
|
6
|
+
full: "daimo-rounded-full",
|
|
7
|
+
};
|
|
8
|
+
/** Theme-aware loading placeholder with reduced-motion support. */
|
|
9
|
+
export function Skeleton({ className = "", rounded = "md", delayMs, style, }) {
|
|
10
|
+
const animationStyle = delayMs == null ? undefined : { animationDelay: `${delayMs}ms` };
|
|
11
|
+
return (_jsx("div", { "aria-hidden": "true", className: `${RADIUS_CLASS[rounded]} motion-safe:daimo-animate-daimo-pulse ${className}`, style: {
|
|
12
|
+
backgroundColor: "var(--daimo-skeleton)",
|
|
13
|
+
...animationStyle,
|
|
14
|
+
...style,
|
|
15
|
+
} }));
|
|
16
|
+
}
|
|
17
|
+
/** Stacked text-line skeleton for descriptions and loading messages. */
|
|
18
|
+
export function SkeletonText({ lines = 2, widths = ["80%", "60%"], className = "", }) {
|
|
19
|
+
return (_jsx("div", { className: `daimo-flex daimo-w-full daimo-flex-col daimo-items-center daimo-gap-2 ${className}`, children: Array.from({ length: lines }).map((_, i) => (_jsx(Skeleton, { className: "daimo-h-4", rounded: "sm", delayMs: i * 100, style: { width: widths[i % widths.length] } }, i))) }));
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/web/components/Skeleton.tsx"],"names":[],"mappings":";AAiBA,MAAM,YAAY,GAAmC;IACnD,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,wCAAwC;IAC5C,EAAE,EAAE,wCAAwC;IAC5C,IAAI,EAAE,oBAAoB;CAC3B,CAAC;AAEF,mEAAmE;AACnE,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,OAAO,EACP,KAAK,GACS;IACd,MAAM,cAAc,GAClB,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,0CAA0C,SAAS,EAAE,EACxF,KAAK,EAAE;YACL,eAAe,EAAE,uBAAuB;YACxC,GAAG,cAAc;YACjB,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,EACvB,SAAS,GAAG,EAAE,GACI;IAClB,OAAO,CACL,cACE,SAAS,EAAE,yEAAyE,SAAS,EAAE,YAE9F,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,IAEP,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,CAAC,GAAG,GAAG,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,IAJtC,CAAC,CAKN,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { NavNodeStripe } from "../api/navTree.js";
|
|
2
|
+
import type { DaimoPlatform } from "../platform.js";
|
|
2
3
|
type StripeOnrampPageProps = {
|
|
3
4
|
node: NavNodeStripe;
|
|
5
|
+
platform: DaimoPlatform;
|
|
4
6
|
amountUsd: number;
|
|
5
|
-
onrampSessionClientSecret?: string;
|
|
6
|
-
publishableKey?: string;
|
|
7
7
|
redirectUrl?: string;
|
|
8
8
|
isLoading?: boolean;
|
|
9
9
|
error?: string;
|
|
@@ -11,30 +11,6 @@ type StripeOnrampPageProps = {
|
|
|
11
11
|
onRetry?: () => void;
|
|
12
12
|
baseUrl: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
15
|
-
payload?: {
|
|
16
|
-
session?: {
|
|
17
|
-
status?: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
type StripeOnrampSession = {
|
|
22
|
-
mount: (target: HTMLElement | string) => void;
|
|
23
|
-
addEventListener: (type: string, listener: (event: StripeOnrampEvent) => void) => void;
|
|
24
|
-
};
|
|
25
|
-
type StripeOnramp = {
|
|
26
|
-
createSession: (args: {
|
|
27
|
-
clientSecret: string;
|
|
28
|
-
appearance?: {
|
|
29
|
-
theme: "light" | "dark";
|
|
30
|
-
};
|
|
31
|
-
}) => StripeOnrampSession;
|
|
32
|
-
};
|
|
33
|
-
declare global {
|
|
34
|
-
interface Window {
|
|
35
|
-
StripeOnramp?: (publishableKey: string) => StripeOnramp;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
export declare function StripeOnrampPage({ node, amountUsd, onrampSessionClientSecret, publishableKey, redirectUrl, isLoading, error, onBack, onRetry, baseUrl, }: StripeOnrampPageProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function StripeOnrampPage({ node, platform, amountUsd, redirectUrl, isLoading, error, onBack, onRetry, baseUrl, }: StripeOnrampPageProps): import("react/jsx-runtime").JSX.Element;
|
|
39
15
|
export {};
|
|
40
16
|
//# sourceMappingURL=StripeOnrampPage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StripeOnrampPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/StripeOnrampPage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StripeOnrampPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/StripeOnrampPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIpD,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,qBAAqB,2CAyBvB"}
|
|
@@ -1,121 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
import { useEffect, useRef, useState } from "react";
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { t } from "../hooks/locale.js";
|
|
4
|
-
import { PrimaryButton } from "./buttons.js";
|
|
5
3
|
import { ErrorPage } from "./ErrorPage.js";
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export function StripeOnrampPage({ node, amountUsd, onrampSessionClientSecret, publishableKey, redirectUrl, isLoading, error, onBack, onRetry, baseUrl, }) {
|
|
11
|
-
const containerRef = useRef(null);
|
|
12
|
-
const mountedClientSecretRef = useRef(null);
|
|
13
|
-
const [widgetError, setWidgetError] = useState(null);
|
|
14
|
-
const [isWidgetLoading, setIsWidgetLoading] = useState(false);
|
|
15
|
-
const [showQR, setShowQR] = useState(false);
|
|
16
|
-
const [stripeTheme] = useState(getStripeOnrampTheme);
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
if (showQR ||
|
|
19
|
-
!onrampSessionClientSecret ||
|
|
20
|
-
!publishableKey ||
|
|
21
|
-
!containerRef.current) {
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
if (mountedClientSecretRef.current === onrampSessionClientSecret &&
|
|
25
|
-
containerRef.current.childElementCount > 0) {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
mountedClientSecretRef.current = onrampSessionClientSecret;
|
|
29
|
-
setWidgetError(null);
|
|
30
|
-
setIsWidgetLoading(true);
|
|
31
|
-
const container = containerRef.current;
|
|
32
|
-
container.innerHTML = "";
|
|
33
|
-
void (async () => {
|
|
34
|
-
try {
|
|
35
|
-
await loadStripeOnrampScripts();
|
|
36
|
-
const stripeOnramp = window.StripeOnramp?.(publishableKey);
|
|
37
|
-
if (!stripeOnramp)
|
|
38
|
-
throw new Error("stripe onramp failed to load");
|
|
39
|
-
const session = stripeOnramp.createSession({
|
|
40
|
-
clientSecret: onrampSessionClientSecret,
|
|
41
|
-
appearance: { theme: stripeTheme },
|
|
42
|
-
});
|
|
43
|
-
session.addEventListener("onramp_ui_loaded", () => {
|
|
44
|
-
setIsWidgetLoading(false);
|
|
45
|
-
});
|
|
46
|
-
session.mount(container);
|
|
47
|
-
}
|
|
48
|
-
catch (err) {
|
|
49
|
-
mountedClientSecretRef.current = null;
|
|
50
|
-
setIsWidgetLoading(false);
|
|
51
|
-
setWidgetError(err instanceof Error ? err.message : "failed to load stripe onramp");
|
|
52
|
-
}
|
|
53
|
-
})();
|
|
54
|
-
return () => {
|
|
55
|
-
container.innerHTML = "";
|
|
56
|
-
mountedClientSecretRef.current = null;
|
|
57
|
-
};
|
|
58
|
-
}, [showQR, onrampSessionClientSecret, publishableKey, stripeTheme]);
|
|
59
|
-
const message = error ?? widgetError;
|
|
60
|
-
if (message) {
|
|
61
|
-
return (_jsx(ErrorPage, { message: message, retryText: t.tryAgain, onRetry: onRetry ?? (() => window.location.reload()) }));
|
|
4
|
+
import { ExternalPaymentPage } from "./ExternalPaymentPage.js";
|
|
5
|
+
export function StripeOnrampPage({ node, platform, amountUsd, redirectUrl, isLoading, error, onBack, onRetry, baseUrl, }) {
|
|
6
|
+
if (error) {
|
|
7
|
+
return (_jsx(ErrorPage, { message: error, retryText: t.tryAgain, onRetry: onRetry ?? (() => window.location.reload()) }));
|
|
62
8
|
}
|
|
63
|
-
|
|
64
|
-
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: () => setShowQR(false) }), _jsxs(CenteredContent, { children: [_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: redirectUrl, image: node.icon ? (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) }), redirectUrl && (_jsxs("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm", children: ["Scan to complete $", amountUsd.toFixed(2), " with Stripe on your phone, then return to this page."] })), _jsx(PrimaryButton, { onClick: () => setShowQR(false), icon: _jsx(SwitchArrowsIcon, {}), children: "Desktop" })] })] }));
|
|
65
|
-
}
|
|
66
|
-
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack, borderVisible: true }), _jsxs("div", { className: "daimo-min-h-0 daimo-overflow-y-auto daimo-px-3", style: { maxHeight: "calc(90vh - 104px)" }, children: [_jsxs("div", { className: "daimo-relative daimo-overflow-hidden daimo-bg-[var(--daimo-surface)]", style: { height: "594px" }, children: [(isLoading || isWidgetLoading || !onrampSessionClientSecret) && (_jsx(StripeOnrampSkeleton, {})), _jsx("div", { ref: containerRef, className: "daimo-relative daimo-h-full daimo-w-full", style: {
|
|
67
|
-
opacity: onrampSessionClientSecret && !isWidgetLoading && !isLoading
|
|
68
|
-
? 1
|
|
69
|
-
: 0,
|
|
70
|
-
transition: "opacity 160ms ease",
|
|
71
|
-
} })] }), _jsx("div", { className: "daimo-sticky daimo-bottom-0 daimo-flex daimo-justify-center daimo-py-3 daimo-bg-[var(--daimo-surface)]", children: _jsx(PrimaryButton, { onClick: () => setShowQR(true), disabled: !redirectUrl || isLoading || isWidgetLoading, icon: _jsx(SwitchArrowsIcon, {}), children: "Mobile" }) })] })] }));
|
|
72
|
-
}
|
|
73
|
-
function StripeOnrampSkeleton() {
|
|
74
|
-
return (_jsx("div", { className: "daimo-absolute daimo-inset-0 daimo-p-5 daimo-bg-[var(--daimo-surface)]", children: _jsxs("div", { className: "daimo-h-full daimo-rounded-[var(--daimo-radius-md)] daimo-border daimo-border-[var(--daimo-border)] daimo-p-5 daimo-flex daimo-flex-col daimo-gap-6", children: [_jsxs("div", { className: "daimo-flex daimo-items-center daimo-gap-4", children: [_jsx("div", { className: "daimo-h-12 daimo-w-12 daimo-shrink-0 daimo-rounded-full daimo-animate-daimo-pulse", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsxs("div", { className: "daimo-flex daimo-min-w-0 daimo-flex-1 daimo-flex-col daimo-gap-2", children: [_jsx(SkeletonBlock, { className: "daimo-h-5 daimo-w-32" }), _jsx(SkeletonBlock, { className: "daimo-h-4 daimo-w-full daimo-max-w-56" })] })] }), _jsxs("div", { className: "daimo-overflow-hidden daimo-rounded-[var(--daimo-radius-lg)] daimo-border daimo-border-[var(--daimo-border)]", children: [_jsx(SkeletonPanel, { height: "200px" }), _jsx("div", { className: "daimo-border-t daimo-border-[var(--daimo-border)]", children: _jsx(SkeletonPanel, { height: "190px" }) })] }), _jsxs("div", { className: "daimo-mt-auto daimo-flex daimo-flex-col daimo-gap-3", children: [_jsx(SkeletonBlock, { className: "daimo-h-4 daimo-w-full" }), _jsx(SkeletonBlock, { className: "daimo-h-[54px] daimo-w-full daimo-rounded-[var(--daimo-radius-lg)]" })] })] }) }));
|
|
75
|
-
}
|
|
76
|
-
function SkeletonPanel({ height }) {
|
|
77
|
-
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-justify-center daimo-gap-4 daimo-p-5", style: { height }, children: [_jsx(SkeletonBlock, { className: "daimo-h-4 daimo-w-20" }), _jsx(SkeletonBlock, { className: "daimo-h-12 daimo-w-36" })] }));
|
|
78
|
-
}
|
|
79
|
-
function SkeletonBlock({ className }) {
|
|
80
|
-
return (_jsx("div", { className: `${className} daimo-rounded daimo-animate-daimo-pulse`, style: { backgroundColor: "var(--daimo-skeleton)" } }));
|
|
81
|
-
}
|
|
82
|
-
function getStripeOnrampTheme() {
|
|
83
|
-
if (typeof window === "undefined")
|
|
84
|
-
return "light";
|
|
85
|
-
const documentTheme = document.documentElement.dataset.theme;
|
|
86
|
-
if (documentTheme === "dark" || documentTheme === "light") {
|
|
87
|
-
return documentTheme;
|
|
88
|
-
}
|
|
89
|
-
return window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
90
|
-
? "dark"
|
|
91
|
-
: "light";
|
|
92
|
-
}
|
|
93
|
-
async function loadStripeOnrampScripts() {
|
|
94
|
-
if (window.StripeOnramp)
|
|
95
|
-
return;
|
|
96
|
-
stripeOnrampScriptsPromise ??= loadScript("https://js.stripe.com/dahlia/stripe.js").then(() => loadScript("https://crypto-js.stripe.com/crypto-onramp-outer.js"));
|
|
97
|
-
await stripeOnrampScriptsPromise;
|
|
98
|
-
}
|
|
99
|
-
function loadScript(src) {
|
|
100
|
-
const existing = document.querySelector(`script[src="${src}"]`);
|
|
101
|
-
if (existing) {
|
|
102
|
-
return existing.dataset.loaded === "true"
|
|
103
|
-
? Promise.resolve()
|
|
104
|
-
: new Promise((resolve, reject) => {
|
|
105
|
-
existing.addEventListener("load", () => resolve(), { once: true });
|
|
106
|
-
existing.addEventListener("error", () => reject(new Error("script load failed")), { once: true });
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
return new Promise((resolve, reject) => {
|
|
110
|
-
const script = document.createElement("script");
|
|
111
|
-
script.src = src;
|
|
112
|
-
script.async = true;
|
|
113
|
-
script.addEventListener("load", () => {
|
|
114
|
-
script.dataset.loaded = "true";
|
|
115
|
-
resolve();
|
|
116
|
-
}, { once: true });
|
|
117
|
-
script.addEventListener("error", () => reject(new Error("script load failed")), { once: true });
|
|
118
|
-
document.head.appendChild(script);
|
|
119
|
-
});
|
|
9
|
+
return (_jsx(ExternalPaymentPage, { title: node.title, platform: platform, url: redirectUrl, icon: node.icon, message: `Deposit exactly $${amountUsd.toFixed(2)} with Stripe, then return to this page.`, isLoading: isLoading, onBack: onBack, baseUrl: baseUrl, desktopBehavior: "popup", popupName: "stripe" }));
|
|
120
10
|
}
|
|
121
11
|
//# sourceMappingURL=StripeOnrampPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StripeOnrampPage.js","sourceRoot":"","sources":["../../../src/web/components/StripeOnrampPage.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"StripeOnrampPage.js","sourceRoot":"","sources":["../../../src/web/components/StripeOnrampPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAc/D,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,GACe;IACtB,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,EACrB,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GACpD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,oBAAoB,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,yCAAyC,EAC1F,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,10 @@ export type NativeDisplay = {
|
|
|
8
8
|
kind: "suffix";
|
|
9
9
|
symbol: string;
|
|
10
10
|
};
|
|
11
|
+
export type TokenAmountEntryValue = {
|
|
12
|
+
amountUsd: number;
|
|
13
|
+
nativeAmount: number;
|
|
14
|
+
};
|
|
11
15
|
type TokenAmountEntryProps = {
|
|
12
16
|
/** Destination stablecoin. Supplies default icon, chain badge, FX rate (token.usd). */
|
|
13
17
|
token: DaimoPayToken;
|
|
@@ -22,9 +26,11 @@ type TokenAmountEntryProps = {
|
|
|
22
26
|
/** Initial USD amount (e.g. when resuming a session). */
|
|
23
27
|
initialAmountUsd?: number;
|
|
24
28
|
/** Called when the user confirms (Enter key). */
|
|
25
|
-
onContinue: (
|
|
29
|
+
onContinue: (value: TokenAmountEntryValue) => void;
|
|
26
30
|
/** Called on every change. */
|
|
27
|
-
onChange?: (
|
|
31
|
+
onChange?: (value: TokenAmountEntryValue & {
|
|
32
|
+
isValid: boolean;
|
|
33
|
+
}) => void;
|
|
28
34
|
/**
|
|
29
35
|
* Optional wallet balance. When provided, the footer shows "Balance: …"
|
|
30
36
|
* instead of min/max. Min/max warnings still take priority when the user
|
|
@@ -49,7 +55,7 @@ type TokenAmountEntryProps = {
|
|
|
49
55
|
};
|
|
50
56
|
/**
|
|
51
57
|
* Unified "Enter Amount" card: token icon with chain badge, dual-mode
|
|
52
|
-
* (USD ↔ native) amount input, FX swap arrow, and
|
|
58
|
+
* (USD ↔ native) amount input, FX swap arrow, and conditional helper footer.
|
|
53
59
|
* Used by both the wallet deposit flow and the fiat/account deposit flow.
|
|
54
60
|
*/
|
|
55
61
|
export declare function TokenAmountEntry({ token, minimumUsd, maximumUsd, nativeDisplay, initialMode, initialAmountUsd, onContinue, onChange, balance, showMax, iconLogoURI, iconAlt, badgeLogoURI, badgeAlt, platform, baseUrl, }: TokenAmountEntryProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmountEntry.d.ts","sourceRoot":"","sources":["../../../src/web/components/TokenAmountEntry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"TokenAmountEntry.d.ts","sourceRoot":"","sources":["../../../src/web/components/TokenAmountEntry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/D,6DAA6D;AAC7D,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,uFAAuF;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,aAAa,EAAE,aAAa,CAAC;IAC7B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE;;;;OAIG;IACH,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,iBAAiB,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kGAAkG;IAClG,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,WAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAc,EACd,WAAW,EACX,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CAyMvB"}
|