@daimo/sdk 1.5.0 → 1.6.0-beta.1
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 +4 -1
- package/dist/client/createDaimoClient.d.ts.map +1 -1
- package/dist/client/createDaimoClient.js +10 -2
- package/dist/client/createDaimoClient.js.map +1 -1
- package/dist/common/account.d.ts +99 -4
- package/dist/common/account.d.ts.map +1 -1
- package/dist/common/account.js +8 -0
- package/dist/common/account.js.map +1 -1
- package/dist/common/session.d.ts +2 -3
- package/dist/common/session.d.ts.map +1 -1
- package/dist/common/session.js.map +1 -1
- package/dist/common/theme.d.ts +12 -0
- package/dist/common/theme.d.ts.map +1 -1
- package/dist/common/theme.js +8 -1
- package/dist/common/theme.js.map +1 -1
- package/dist/common/theme.test.d.ts +2 -0
- package/dist/common/theme.test.d.ts.map +1 -0
- package/dist/common/theme.test.js +21 -0
- package/dist/common/theme.test.js.map +1 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.d.ts.map +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/dist/web/components/DaimoFrame.d.ts +4 -5
- package/dist/web/components/DaimoFrame.d.ts.map +1 -1
- package/dist/web/components/DaimoFrame.js +71 -21
- package/dist/web/components/DaimoFrame.js.map +1 -1
- package/dist/web/components/DaimoModal.d.ts +10 -0
- package/dist/web/components/DaimoModal.d.ts.map +1 -1
- package/dist/web/components/DaimoModal.js +18 -10
- package/dist/web/components/DaimoModal.js.map +1 -1
- package/dist/web/components/DaimoModalPreview.d.ts +3 -2
- package/dist/web/components/DaimoModalPreview.d.ts.map +1 -1
- package/dist/web/components/DaimoModalPreview.js +27 -2
- package/dist/web/components/DaimoModalPreview.js.map +1 -1
- package/dist/web/components/ExternalPaymentPage.d.ts +4 -2
- package/dist/web/components/ExternalPaymentPage.d.ts.map +1 -1
- package/dist/web/components/ExternalPaymentPage.js +9 -7
- package/dist/web/components/ExternalPaymentPage.js.map +1 -1
- package/dist/web/components/account/AccountApplePayPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountApplePayPage.js +73 -30
- package/dist/web/components/account/AccountApplePayPage.js.map +1 -1
- package/dist/web/components/account/AccountEnrollmentPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountEnrollmentPage.js +60 -32
- package/dist/web/components/account/AccountEnrollmentPage.js.map +1 -1
- package/dist/web/components/account/AccountPhoneOtpPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountPhoneOtpPage.js +1 -0
- package/dist/web/components/account/AccountPhoneOtpPage.js.map +1 -1
- package/dist/web/components/account/AccountProviderOtpPage.d.ts +7 -0
- package/dist/web/components/account/AccountProviderOtpPage.d.ts.map +1 -0
- package/dist/web/components/account/AccountProviderOtpPage.js +64 -0
- package/dist/web/components/account/AccountProviderOtpPage.js.map +1 -0
- package/dist/web/components/account/FiatPopupPage.d.ts +20 -0
- package/dist/web/components/account/FiatPopupPage.d.ts.map +1 -0
- package/dist/web/components/account/FiatPopupPage.js +42 -0
- package/dist/web/components/account/FiatPopupPage.js.map +1 -0
- package/dist/web/components/account/PaginatedEnrollmentForm.d.ts +15 -0
- package/dist/web/components/account/PaginatedEnrollmentForm.d.ts.map +1 -0
- package/dist/web/components/account/PaginatedEnrollmentForm.js +208 -0
- package/dist/web/components/account/PaginatedEnrollmentForm.js.map +1 -0
- package/dist/web/components/account/fiatPopup.d.ts +18 -0
- package/dist/web/components/account/fiatPopup.d.ts.map +1 -0
- package/dist/web/components/account/fiatPopup.js +35 -0
- package/dist/web/components/account/fiatPopup.js.map +1 -0
- package/dist/web/components/account/fiatPopup.test.d.ts +2 -0
- package/dist/web/components/account/fiatPopup.test.d.ts.map +1 -0
- package/dist/web/components/account/fiatPopup.test.js +31 -0
- package/dist/web/components/account/fiatPopup.test.js.map +1 -0
- package/dist/web/components/account/openDeeplink.d.ts.map +1 -1
- package/dist/web/components/account/openDeeplink.js +15 -0
- package/dist/web/components/account/openDeeplink.js.map +1 -1
- package/dist/web/components/containers.d.ts +4 -2
- package/dist/web/components/containers.d.ts.map +1 -1
- package/dist/web/components/containers.js +7 -4
- package/dist/web/components/containers.js.map +1 -1
- package/dist/web/components/formFields.d.ts +2 -1
- package/dist/web/components/formFields.d.ts.map +1 -1
- package/dist/web/components/formFields.js +8 -3
- package/dist/web/components/formFields.js.map +1 -1
- package/dist/web/components/frameMessages.d.ts +40 -0
- package/dist/web/components/frameMessages.d.ts.map +1 -0
- package/dist/web/components/frameMessages.js +102 -0
- package/dist/web/components/frameMessages.js.map +1 -0
- package/dist/web/hooks/accountAuthNav.js +2 -2
- package/dist/web/hooks/accountAuthNav.js.map +1 -1
- package/dist/web/hooks/accountAuthNav.test.js +4 -4
- package/dist/web/hooks/accountAuthNav.test.js.map +1 -1
- package/dist/web/hooks/locales/en.d.ts +4 -0
- package/dist/web/hooks/locales/en.d.ts.map +1 -1
- package/dist/web/hooks/locales/en.js +5 -0
- 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 +5 -0
- 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 +5 -0
- 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 +5 -0
- package/dist/web/hooks/locales/ko.js.map +1 -1
- package/dist/web/hooks/locales/pt.d.ts.map +1 -1
- package/dist/web/hooks/locales/pt.js +5 -0
- package/dist/web/hooks/locales/pt.js.map +1 -1
- package/dist/web/hooks/locales/zh.d.ts.map +1 -1
- package/dist/web/hooks/locales/zh.js +5 -0
- package/dist/web/hooks/locales/zh.js.map +1 -1
- package/dist/web/hooks/navEvent.d.ts +5 -0
- package/dist/web/hooks/navEvent.d.ts.map +1 -1
- package/dist/web/hooks/navEvent.js.map +1 -1
- package/dist/web/hooks/types.d.ts +3 -1
- 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 +5 -0
- package/dist/web/hooks/useAccountFlow.d.ts.map +1 -1
- package/dist/web/hooks/useAccountFlow.js +4 -0
- package/dist/web/hooks/useAccountFlow.js.map +1 -1
- package/dist/web/hooks/useSessionNav.d.ts +6 -1
- package/dist/web/hooks/useSessionNav.d.ts.map +1 -1
- package/dist/web/hooks/useSessionNav.js +30 -3
- package/dist/web/hooks/useSessionNav.js.map +1 -1
- package/dist/web/index.d.ts +2 -2
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +1 -1
- package/dist/web/index.js.map +1 -1
- package/dist/web/styles.css +1 -1
- package/dist/web/theme.css +1 -1
- package/dist/web/theme.d.ts +2 -2
- package/dist/web/theme.d.ts.map +1 -1
- package/dist/web/theme.js +1 -1
- package/dist/web/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback } from "react";
|
|
3
|
+
import { useDaimoClient } from "../../hooks/DaimoClientContext.js";
|
|
4
|
+
import { t } from "../../hooks/locale.js";
|
|
5
|
+
import { useAccountFlow } from "../../hooks/useAccountFlow.js";
|
|
6
|
+
import { AccountOtpCodeEntry, } from "./AccountOtpCodeEntry.js";
|
|
7
|
+
export function AccountProviderOtpPage({ onBack, onVerified, }) {
|
|
8
|
+
const account = useAccountFlow();
|
|
9
|
+
const client = useDaimoClient();
|
|
10
|
+
const copy = account?.providerOtp?.copy ?? null;
|
|
11
|
+
const invalidMessage = copy?.invalidMessage ?? t.somethingWentWrong;
|
|
12
|
+
const handleVerify = useCallback(async (code) => {
|
|
13
|
+
if (!account)
|
|
14
|
+
return { ok: false, msg: invalidMessage };
|
|
15
|
+
const token = await account.getAccessToken();
|
|
16
|
+
if (!token)
|
|
17
|
+
return { ok: false, msg: invalidMessage };
|
|
18
|
+
const result = await client.account.submitEnrollmentOtp({ rail: "ars", code }, { bearerToken: token });
|
|
19
|
+
switch (result.action) {
|
|
20
|
+
case "active":
|
|
21
|
+
case "provider_pending":
|
|
22
|
+
return { ok: true };
|
|
23
|
+
case "provider_otp_required": {
|
|
24
|
+
account.setProviderOtp(result);
|
|
25
|
+
return {
|
|
26
|
+
ok: false,
|
|
27
|
+
msg: result.copy?.invalidMessage ?? invalidMessage,
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
case "error":
|
|
31
|
+
return { ok: false, msg: result.message };
|
|
32
|
+
case "suspended":
|
|
33
|
+
case "not_eligible":
|
|
34
|
+
case "kyc_rejected_final":
|
|
35
|
+
return { ok: false, msg: result.reason };
|
|
36
|
+
case "kyc_required":
|
|
37
|
+
case "kyc_retry":
|
|
38
|
+
case "enrollment_form_required":
|
|
39
|
+
case "kyc_pending_review":
|
|
40
|
+
case "hosted_agreement_required":
|
|
41
|
+
case "hosted_kyc_required":
|
|
42
|
+
case "phone_required":
|
|
43
|
+
return { ok: true };
|
|
44
|
+
default:
|
|
45
|
+
return assertUnreachable(result);
|
|
46
|
+
}
|
|
47
|
+
}, [account, client, invalidMessage]);
|
|
48
|
+
const handleResend = useCallback(async () => {
|
|
49
|
+
if (!account)
|
|
50
|
+
return;
|
|
51
|
+
const token = await account.getAccessToken();
|
|
52
|
+
if (!token)
|
|
53
|
+
return;
|
|
54
|
+
const result = await client.account.resendEnrollmentOtp({ rail: "ars" }, { bearerToken: token });
|
|
55
|
+
if (result.action === "provider_otp_required") {
|
|
56
|
+
account.setProviderOtp(result);
|
|
57
|
+
}
|
|
58
|
+
}, [account, client]);
|
|
59
|
+
return (_jsx(AccountOtpCodeEntry, { destination: "email", title: copy?.title, message: copy?.message, invalidMessage: invalidMessage, onBack: onBack, onVerified: onVerified, onVerify: handleVerify, onResend: handleResend }));
|
|
60
|
+
}
|
|
61
|
+
function assertUnreachable(value) {
|
|
62
|
+
throw new Error(`unhandled enrollment response: ${JSON.stringify(value)}`);
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=AccountProviderOtpPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountProviderOtpPage.js","sourceRoot":"","sources":["../../../../src/web/components/account/AccountProviderOtpPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { NavNodeFiat } from "../../api/navTree.js";
|
|
2
|
+
import type { DaimoPlatform } from "../../platform.js";
|
|
3
|
+
type FiatPopupPageProps = {
|
|
4
|
+
node: NavNodeFiat;
|
|
5
|
+
sessionId: string;
|
|
6
|
+
clientSecret: string;
|
|
7
|
+
platform: DaimoPlatform;
|
|
8
|
+
baseUrl: string;
|
|
9
|
+
onBack: (() => void) | null;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Handoff shown when a fiat rail must run top-level (framed checkout).
|
|
13
|
+
* Opens the checkout in a popup on the daimo origin, where Apple Pay
|
|
14
|
+
* merchant validation and account login run first-party. This page never
|
|
15
|
+
* creates a deposit; completion arrives via session polling, which swaps
|
|
16
|
+
* the embed to the terminal success page.
|
|
17
|
+
*/
|
|
18
|
+
export declare function FiatPopupPage({ node, sessionId, clientSecret, platform, baseUrl, onBack, }: FiatPopupPageProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=FiatPopupPage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FiatPopupPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/FiatPopupPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQvD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,kBAAkB,2CA4CpB"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import { useDaimoClient } from "../../hooks/DaimoClientContext.js";
|
|
4
|
+
import { t } from "../../hooks/locale.js";
|
|
5
|
+
import { createNavLogger } from "../../hooks/navEvent.js";
|
|
6
|
+
import { ExternalPaymentPage } from "../ExternalPaymentPage.js";
|
|
7
|
+
import { buildFiatPopupUrl, FIAT_POPUP_FEATURES, FIAT_POPUP_WINDOW_NAME, } from "./fiatPopup.js";
|
|
8
|
+
/**
|
|
9
|
+
* Handoff shown when a fiat rail must run top-level (framed checkout).
|
|
10
|
+
* Opens the checkout in a popup on the daimo origin, where Apple Pay
|
|
11
|
+
* merchant validation and account login run first-party. This page never
|
|
12
|
+
* creates a deposit; completion arrives via session polling, which swaps
|
|
13
|
+
* the embed to the terminal success page.
|
|
14
|
+
*/
|
|
15
|
+
export function FiatPopupPage({ node, sessionId, clientSecret, platform, baseUrl, onBack, }) {
|
|
16
|
+
const client = useDaimoClient();
|
|
17
|
+
const logNavEvent = createNavLogger(client);
|
|
18
|
+
const openedRef = useRef(false);
|
|
19
|
+
const url = typeof window === "undefined"
|
|
20
|
+
? undefined
|
|
21
|
+
: buildFiatPopupUrl(window.location.href, node.id);
|
|
22
|
+
const handleOpened = (popup) => {
|
|
23
|
+
if (!popup) {
|
|
24
|
+
logNavEvent(sessionId, clientSecret, {
|
|
25
|
+
nodeId: node.id,
|
|
26
|
+
nodeType: node.type,
|
|
27
|
+
action: "popup_blocked",
|
|
28
|
+
});
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
popup.focus();
|
|
32
|
+
logNavEvent(sessionId, clientSecret, {
|
|
33
|
+
nodeId: node.id,
|
|
34
|
+
nodeType: node.type,
|
|
35
|
+
action: "popup_open",
|
|
36
|
+
reopen: openedRef.current,
|
|
37
|
+
});
|
|
38
|
+
openedRef.current = true;
|
|
39
|
+
};
|
|
40
|
+
return (_jsx(ExternalPaymentPage, { title: node.title, platform: platform, url: url, icon: node.icon, message: `${t.continueTo} ${node.title} ${t.toCompleteYourDeposit}`, onBack: onBack, baseUrl: baseUrl, desktopBehavior: "popup", popupName: FIAT_POPUP_WINDOW_NAME, popupFeatures: FIAT_POPUP_FEATURES, onOpened: handleOpened }));
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=FiatPopupPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FiatPopupPage.js","sourceRoot":"","sources":["../../../../src/web/components/account/FiatPopupPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,gBAAgB,CAAC;AAWxB;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,GACa;IACnB,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,MAAM,GAAG,GACP,OAAO,MAAM,KAAK,WAAW;QAC3B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE;gBACnC,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,QAAQ,EAAE,IAAI,CAAC,IAAI;gBACnB,MAAM,EAAE,eAAe;aACxB,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE;YACnC,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,SAAS,CAAC,OAAO;SAC1B,CAAC,CAAC;QACH,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,GAAG,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,EACnE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,OAAO,EACvB,SAAS,EAAE,sBAAsB,EACjC,aAAa,EAAE,mBAAmB,EAClC,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { EnrollmentForm, EnrollmentFormValue } from "../../../common/account.js";
|
|
2
|
+
export type PaginatedEnrollmentFormSubmitResult = {
|
|
3
|
+
ok: true;
|
|
4
|
+
} | {
|
|
5
|
+
ok: false;
|
|
6
|
+
fieldErrors: Record<string, string>;
|
|
7
|
+
};
|
|
8
|
+
export type PaginatedEnrollmentFormProps = {
|
|
9
|
+
form: EnrollmentForm;
|
|
10
|
+
onBack: () => void;
|
|
11
|
+
onSubmit: (values: Record<string, EnrollmentFormValue>) => Promise<PaginatedEnrollmentFormSubmitResult>;
|
|
12
|
+
fieldsPerPage?: number;
|
|
13
|
+
};
|
|
14
|
+
export declare function PaginatedEnrollmentForm({ form, onBack, onSubmit, fieldsPerPage, }: PaginatedEnrollmentFormProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=PaginatedEnrollmentForm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaginatedEnrollmentForm.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/PaginatedEnrollmentForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EAGd,mBAAmB,EACpB,MAAM,4BAA4B,CAAC;AAMpC,MAAM,MAAM,mCAAmC,GAC3C;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GACZ;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAAC;AAEvD,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CACR,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,KACxC,OAAO,CAAC,mCAAmC,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAIF,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,aAAuC,GACxC,EAAE,4BAA4B,2CA2I9B"}
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo, useState } from "react";
|
|
3
|
+
import { t } from "../../hooks/locale.js";
|
|
4
|
+
import { PrimaryButton } from "../buttons.js";
|
|
5
|
+
import { DaimoFormField, DaimoTextField } from "../formFields.js";
|
|
6
|
+
import { PageHeader } from "../shared.js";
|
|
7
|
+
const DEFAULT_FIELDS_PER_PAGE = 4;
|
|
8
|
+
export function PaginatedEnrollmentForm({ form, onBack, onSubmit, fieldsPerPage = DEFAULT_FIELDS_PER_PAGE, }) {
|
|
9
|
+
const pages = useMemo(() => chunkFields(form.fields, fieldsPerPage), [fieldsPerPage, form.fields]);
|
|
10
|
+
const [values, setValues] = useState(() => initialFormValues(form));
|
|
11
|
+
const [fieldErrors, setFieldErrors] = useState(form.fieldErrors ?? {});
|
|
12
|
+
const [pageIndex, setPageIndex] = useState(() => firstErrorPageIndex(pages, form.fieldErrors ?? {}));
|
|
13
|
+
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
const nextErrors = form.fieldErrors ?? {};
|
|
16
|
+
setValues(initialFormValues(form));
|
|
17
|
+
setFieldErrors(nextErrors);
|
|
18
|
+
setPageIndex(firstErrorPageIndex(pages, nextErrors));
|
|
19
|
+
}, [form, pages]);
|
|
20
|
+
const visibleFields = pages[pageIndex] ?? [];
|
|
21
|
+
const isLastPage = pageIndex === pages.length - 1;
|
|
22
|
+
const hasMultiplePages = pages.length > 1;
|
|
23
|
+
const setFieldValue = (key, value) => {
|
|
24
|
+
setValues((current) => ({ ...current, [key]: value }));
|
|
25
|
+
setFieldErrors((current) => {
|
|
26
|
+
if (current[key] == null && current._form == null)
|
|
27
|
+
return current;
|
|
28
|
+
const { [key]: _removed, _form: _form, ...rest } = current;
|
|
29
|
+
return rest;
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
const handleBack = () => {
|
|
33
|
+
if (pageIndex > 0) {
|
|
34
|
+
setPageIndex((current) => current - 1);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
onBack();
|
|
38
|
+
};
|
|
39
|
+
const handleSubmit = async (event) => {
|
|
40
|
+
event.preventDefault();
|
|
41
|
+
if (!isLastPage) {
|
|
42
|
+
const pageErrors = validateFields(visibleFields, values);
|
|
43
|
+
setFieldErrors((current) => replaceErrorsForFields(current, visibleFields, pageErrors));
|
|
44
|
+
if (Object.keys(pageErrors).length > 0)
|
|
45
|
+
return;
|
|
46
|
+
setPageIndex((current) => Math.min(current + 1, pages.length - 1));
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const nextErrors = validateFields(form.fields, values);
|
|
50
|
+
setFieldErrors(nextErrors);
|
|
51
|
+
if (Object.keys(nextErrors).length > 0) {
|
|
52
|
+
setPageIndex(firstErrorPageIndex(pages, nextErrors));
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
setIsSubmitting(true);
|
|
56
|
+
try {
|
|
57
|
+
const result = await onSubmit(values);
|
|
58
|
+
if (!result.ok) {
|
|
59
|
+
setFieldErrors(result.fieldErrors);
|
|
60
|
+
setPageIndex(firstErrorPageIndex(pages, result.fieldErrors));
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
finally {
|
|
64
|
+
setIsSubmitting(false);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: form.title, onBack: handleBack }), _jsxs("form", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", onSubmit: handleSubmit, children: [_jsx("div", { className: "daimo-flex-1 daimo-min-h-0 daimo-overflow-y-auto daimo-px-6 daimo-pb-4", children: _jsxs("div", { className: "daimo-mx-auto daimo-flex daimo-w-full daimo-max-w-xs daimo-flex-col daimo-gap-4 daimo-pt-2", children: [form.description && pageIndex === 0 && (_jsx("p", { className: "daimo-text-center daimo-text-sm daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: form.description })), hasMultiplePages && (_jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-2", children: [pages.map((page, index) => (_jsx("span", { className: `daimo-h-1.5 daimo-rounded-full daimo-transition-[width,background-color] daimo-duration-150 daimo-ease-out ${index === pageIndex
|
|
68
|
+
? "daimo-w-5 daimo-bg-[var(--daimo-text)]"
|
|
69
|
+
: "daimo-w-1.5 daimo-bg-[var(--daimo-border)]"}`, "aria-hidden": "true" }, page[0]?.key ?? index))), _jsx("span", { className: "daimo-sr-only", children: t.accountDirectionsStep(pageIndex + 1, pages.length) })] })), _jsx("div", { className: "daimo-flex daimo-flex-col daimo-gap-3", children: visibleFields.map((field) => (_jsx(EnrollmentFormFieldControl, { field: field, value: values[field.key], error: fieldErrors[field.key], onChange: (value) => setFieldValue(field.key, value) }, field.key))) }), fieldErrors._form && (_jsx("p", { className: "daimo-text-center daimo-text-sm daimo-leading-relaxed daimo-text-[var(--daimo-error)]", children: fieldErrors._form }))] }) }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { type: "submit", disabled: isSubmitting, children: isLastPage ? form.submitLabel : t.continue }) })] })] }));
|
|
70
|
+
}
|
|
71
|
+
function EnrollmentFormFieldControl({ field, value, error, onChange, }) {
|
|
72
|
+
switch (field.type) {
|
|
73
|
+
case "text":
|
|
74
|
+
return (_jsx(DaimoFormField, { label: field.label, description: field.description, error: error, children: ({ id, describedBy, invalid }) => (_jsx(DaimoTextField, { id: id, type: "text", inputMode: field.inputMode, autoComplete: field.autoComplete, maxLength: formattedMaxLength(field), value: formatTextFieldValue(field, value), placeholder: field.placeholder, "aria-describedby": describedBy, invalid: invalid, onChange: (event) => onChange(parseTextFieldValue(field, event.target.value)), className: "daimo-px-4 daimo-py-3" })) }));
|
|
75
|
+
case "select":
|
|
76
|
+
return (_jsx(DaimoFormField, { label: field.label, description: field.description, error: error, children: ({ id, describedBy, invalid }) => (_jsxs("select", { id: id, value: typeof value === "string" ? value : "", "aria-describedby": describedBy, "aria-invalid": invalid || undefined, onChange: (event) => onChange(event.target.value), className: `${baseSelectClass} ${invalid ? "daimo-ring-1 daimo-ring-[var(--daimo-error)]" : ""}`, children: [_jsx("option", { value: "", disabled: true, children: field.placeholder ?? field.label }), field.options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })) }));
|
|
77
|
+
case "date":
|
|
78
|
+
return (_jsx(DaimoFormField, { label: field.label, description: field.description, error: error, children: ({ id, describedBy, invalid }) => (_jsx(DaimoTextField, { id: id, type: "date", value: typeof value === "string" ? value : "", "aria-describedby": describedBy, invalid: invalid, onChange: (event) => onChange(event.target.value), className: "daimo-px-4 daimo-py-3" })) }));
|
|
79
|
+
case "boolean":
|
|
80
|
+
if (field.control === "yes_no") {
|
|
81
|
+
return (_jsx(DaimoFormField, { as: "div", label: field.label, description: field.description, error: error, children: ({ id, describedBy, invalid }) => (_jsx("div", { id: id, role: "radiogroup", "aria-label": field.label, "aria-describedby": describedBy, "aria-invalid": invalid || undefined, className: `daimo-grid daimo-grid-cols-2 daimo-gap-2 ${invalid ? "daimo-rounded-[var(--daimo-radius-md)] daimo-ring-1 daimo-ring-[var(--daimo-error)]" : ""}`, children: [
|
|
82
|
+
{ value: true, label: field.trueLabel ?? t.accountBooleanYes },
|
|
83
|
+
{
|
|
84
|
+
value: false,
|
|
85
|
+
label: field.falseLabel ?? t.accountBooleanNo,
|
|
86
|
+
},
|
|
87
|
+
].map((option) => (_jsx("button", { type: "button", role: "radio", "aria-checked": value === option.value, onClick: () => onChange(option.value), className: `daimo-min-h-[48px] daimo-rounded-[var(--daimo-radius-md)] daimo-px-4 daimo-py-3 daimo-text-base daimo-font-medium daimo-touch-action-manipulation daimo-transition-[background-color,color,box-shadow] daimo-duration-150 daimo-ease-out ${value === option.value
|
|
88
|
+
? "daimo-bg-[var(--daimo-accent)] daimo-text-white daimo-shadow-sm"
|
|
89
|
+
: "daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)]"}`, children: option.label }, String(option.value)))) })) }));
|
|
90
|
+
}
|
|
91
|
+
return (_jsx(DaimoFormField, { label: field.label, labelVisibility: "sr-only", description: field.description, error: error, children: ({ id, describedBy, invalid }) => (_jsxs("label", { htmlFor: id, className: `daimo-flex daimo-min-h-[48px] daimo-items-center daimo-gap-3 daimo-rounded-[var(--daimo-radius-md)] daimo-bg-[var(--daimo-surface-secondary)] daimo-px-4 daimo-py-3 daimo-text-left daimo-touch-action-manipulation ${invalid ? "daimo-ring-1 daimo-ring-[var(--daimo-error)]" : ""}`, children: [_jsx("input", { id: id, type: "checkbox", checked: value === true, "aria-describedby": describedBy, "aria-invalid": invalid || undefined, onChange: (event) => onChange(event.target.checked), className: "daimo-h-4 daimo-w-4 daimo-shrink-0" }), _jsx("span", { className: "daimo-min-w-0 daimo-text-sm daimo-font-medium daimo-leading-snug daimo-text-[var(--daimo-text)]", children: field.label })] })) }));
|
|
92
|
+
default:
|
|
93
|
+
return assertUnreachable(field);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
const baseSelectClass = "daimo-box-border daimo-w-full daimo-min-w-0 daimo-max-w-full daimo-px-4 daimo-py-3 daimo-text-base daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] daimo-rounded-[var(--daimo-radius-md)] daimo-border-none daimo-outline-none focus:daimo-ring-2 focus:daimo-ring-[var(--daimo-accent)] daimo-transition-shadow";
|
|
97
|
+
function initialFormValues(form) {
|
|
98
|
+
return Object.fromEntries(form.fields.map((field) => [field.key, initialFieldValue(field)]));
|
|
99
|
+
}
|
|
100
|
+
function initialFieldValue(field) {
|
|
101
|
+
if (field.defaultValue != null)
|
|
102
|
+
return field.defaultValue;
|
|
103
|
+
if (field.type !== "boolean")
|
|
104
|
+
return "";
|
|
105
|
+
if (field.control !== "yes_no")
|
|
106
|
+
return false;
|
|
107
|
+
return field.required ? "" : false;
|
|
108
|
+
}
|
|
109
|
+
function validateFields(fields, values) {
|
|
110
|
+
const errors = {};
|
|
111
|
+
for (const field of fields) {
|
|
112
|
+
if (!field.required)
|
|
113
|
+
continue;
|
|
114
|
+
const value = values[field.key];
|
|
115
|
+
if (typeof value === "string" && value.trim() === "") {
|
|
116
|
+
errors[field.key] = t.accountFieldRequired;
|
|
117
|
+
}
|
|
118
|
+
else if (field.type === "boolean" &&
|
|
119
|
+
field.control !== "yes_no" &&
|
|
120
|
+
typeof value === "boolean" &&
|
|
121
|
+
!value) {
|
|
122
|
+
errors[field.key] = t.accountFieldRequired;
|
|
123
|
+
}
|
|
124
|
+
else if (field.type === "boolean" && typeof value !== "boolean") {
|
|
125
|
+
errors[field.key] = t.accountFieldRequired;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
return errors;
|
|
129
|
+
}
|
|
130
|
+
function formattedMaxLength(field) {
|
|
131
|
+
if (field.type !== "text")
|
|
132
|
+
return undefined;
|
|
133
|
+
if (field.mask)
|
|
134
|
+
return textMaskDisplayMaxLength(field.mask);
|
|
135
|
+
return field.maxLength;
|
|
136
|
+
}
|
|
137
|
+
function formatTextFieldValue(field, value) {
|
|
138
|
+
if (field.type !== "text" || typeof value !== "string")
|
|
139
|
+
return "";
|
|
140
|
+
if (field.mask)
|
|
141
|
+
return formatMaskedText(field.mask, value);
|
|
142
|
+
return value;
|
|
143
|
+
}
|
|
144
|
+
function parseTextFieldValue(field, value) {
|
|
145
|
+
if (field.type === "text" && field.mask) {
|
|
146
|
+
return parseMaskedText(value, field.maxLength ?? textMaskRawMaxLength(field.mask));
|
|
147
|
+
}
|
|
148
|
+
return value;
|
|
149
|
+
}
|
|
150
|
+
function parseMaskedText(value, maxLength) {
|
|
151
|
+
return value.replace(/\D/g, "").slice(0, maxLength);
|
|
152
|
+
}
|
|
153
|
+
function formatMaskedText(mask, value) {
|
|
154
|
+
return formatPatternMask(mask, value);
|
|
155
|
+
}
|
|
156
|
+
function formatPatternMask(mask, value) {
|
|
157
|
+
const placeholder = mask.placeholder ?? "X";
|
|
158
|
+
const rawValue = parseMaskedText(value, textMaskRawMaxLength(mask));
|
|
159
|
+
let output = "";
|
|
160
|
+
let rawIndex = 0;
|
|
161
|
+
for (const patternChar of mask.pattern) {
|
|
162
|
+
if (patternChar === placeholder) {
|
|
163
|
+
if (rawIndex >= rawValue.length)
|
|
164
|
+
break;
|
|
165
|
+
output += rawValue[rawIndex];
|
|
166
|
+
rawIndex += 1;
|
|
167
|
+
}
|
|
168
|
+
else if (rawIndex < rawValue.length) {
|
|
169
|
+
output += patternChar;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
return output;
|
|
173
|
+
}
|
|
174
|
+
function textMaskRawMaxLength(mask) {
|
|
175
|
+
const placeholder = mask.placeholder ?? "X";
|
|
176
|
+
return [...mask.pattern].filter((char) => char === placeholder).length;
|
|
177
|
+
}
|
|
178
|
+
function textMaskDisplayMaxLength(mask) {
|
|
179
|
+
return mask.pattern.length;
|
|
180
|
+
}
|
|
181
|
+
function replaceErrorsForFields(current, fields, fieldErrors) {
|
|
182
|
+
const fieldKeys = new Set(fields.map((field) => field.key));
|
|
183
|
+
const next = {};
|
|
184
|
+
for (const [key, value] of Object.entries(current)) {
|
|
185
|
+
if (!fieldKeys.has(key) && key !== "_form")
|
|
186
|
+
next[key] = value;
|
|
187
|
+
}
|
|
188
|
+
return { ...next, ...fieldErrors };
|
|
189
|
+
}
|
|
190
|
+
function chunkFields(fields, fieldsPerPage) {
|
|
191
|
+
const pageSize = Number.isFinite(fieldsPerPage)
|
|
192
|
+
? Math.max(1, Math.floor(fieldsPerPage))
|
|
193
|
+
: DEFAULT_FIELDS_PER_PAGE;
|
|
194
|
+
const chunks = [];
|
|
195
|
+
for (let index = 0; index < fields.length; index += pageSize) {
|
|
196
|
+
chunks.push(fields.slice(index, index + pageSize));
|
|
197
|
+
}
|
|
198
|
+
return chunks.length > 0 ? chunks : [[]];
|
|
199
|
+
}
|
|
200
|
+
function firstErrorPageIndex(pages, fieldErrors) {
|
|
201
|
+
const erroredKeys = new Set(Object.keys(fieldErrors));
|
|
202
|
+
const index = pages.findIndex((page) => page.some((field) => erroredKeys.has(field.key)));
|
|
203
|
+
return index === -1 ? 0 : index;
|
|
204
|
+
}
|
|
205
|
+
function assertUnreachable(value) {
|
|
206
|
+
throw new Error(`unhandled value: ${String(value)}`);
|
|
207
|
+
}
|
|
208
|
+
//# sourceMappingURL=PaginatedEnrollmentForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaginatedEnrollmentForm.js","sourceRoot":"","sources":["../../../../src/web/components/account/PaginatedEnrollmentForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { AccountRail } from "../../../common/account.js";
|
|
2
|
+
export declare const FIAT_POPUP_WINDOW_NAME = "daimo-pay-popup";
|
|
3
|
+
export declare const FIAT_POPUP_FEATURES = "popup=yes,width=420,height=760";
|
|
4
|
+
export declare function railRequiresPopup(rail: AccountRail): boolean;
|
|
5
|
+
/**
|
|
6
|
+
* True when running inside an iframe, regardless of parent origin.
|
|
7
|
+
* Top-level surfaces (direct webview, miniapp, the popup itself) keep the
|
|
8
|
+
* inline flow. Same-origin frames (daimo demo pages) pop out too — inline
|
|
9
|
+
* would work there, but one consistent path is simpler and makes any
|
|
10
|
+
* framed context a faithful popup test harness.
|
|
11
|
+
*/
|
|
12
|
+
export declare function isFramed(): boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Build the top-level popup URL from the current webview URL, preserving
|
|
15
|
+
* session, client secret, locale, and theme params.
|
|
16
|
+
*/
|
|
17
|
+
export declare function buildFiatPopupUrl(currentHref: string, nodeId: string): string;
|
|
18
|
+
//# sourceMappingURL=fiatPopup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fiatPopup.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/fiatPopup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS9D,eAAO,MAAM,sBAAsB,oBAAoB,CAAC;AAExD,eAAO,MAAM,mBAAmB,mCAAmC,CAAC;AAEpE,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAE5D;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAGlC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAM7E"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Fiat rails that must run in a top-level daimo.com window when the checkout
|
|
3
|
+
* is framed. Apple Pay merchant validation checks the top-level domain, so
|
|
4
|
+
* it cannot run inside an iframe on a partner site.
|
|
5
|
+
*/
|
|
6
|
+
const FIAT_POPUP_RAILS = new Set(["apple_pay"]);
|
|
7
|
+
export const FIAT_POPUP_WINDOW_NAME = "daimo-pay-popup";
|
|
8
|
+
export const FIAT_POPUP_FEATURES = "popup=yes,width=420,height=760";
|
|
9
|
+
export function railRequiresPopup(rail) {
|
|
10
|
+
return FIAT_POPUP_RAILS.has(rail);
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* True when running inside an iframe, regardless of parent origin.
|
|
14
|
+
* Top-level surfaces (direct webview, miniapp, the popup itself) keep the
|
|
15
|
+
* inline flow. Same-origin frames (daimo demo pages) pop out too — inline
|
|
16
|
+
* would work there, but one consistent path is simpler and makes any
|
|
17
|
+
* framed context a faithful popup test harness.
|
|
18
|
+
*/
|
|
19
|
+
export function isFramed() {
|
|
20
|
+
if (typeof window === "undefined")
|
|
21
|
+
return false;
|
|
22
|
+
return window.self !== window.top;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Build the top-level popup URL from the current webview URL, preserving
|
|
26
|
+
* session, client secret, locale, and theme params.
|
|
27
|
+
*/
|
|
28
|
+
export function buildFiatPopupUrl(currentHref, nodeId) {
|
|
29
|
+
const url = new URL(currentHref);
|
|
30
|
+
url.searchParams.set("layout", "center");
|
|
31
|
+
url.searchParams.set("popup", "1");
|
|
32
|
+
url.searchParams.set("nav", nodeId);
|
|
33
|
+
return url.toString();
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=fiatPopup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fiatPopup.js","sourceRoot":"","sources":["../../../../src/web/components/account/fiatPopup.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,gBAAgB,GAA6B,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAEpE,MAAM,UAAU,iBAAiB,CAAC,IAAiB;IACjD,OAAO,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ;IACtB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAChD,OAAO,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,GAAG,CAAC;AACpC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,WAAmB,EAAE,MAAc;IACnE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;IACjC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACnC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fiatPopup.test.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/fiatPopup.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { describe, expect, it } from "vitest";
|
|
2
|
+
import { buildFiatPopupUrl, railRequiresPopup } from "./fiatPopup.js";
|
|
3
|
+
describe("buildFiatPopupUrl", () => {
|
|
4
|
+
it("swaps embed layout for popup params, preserving session context", () => {
|
|
5
|
+
const url = buildFiatPopupUrl("https://daimo.com/webview?session=abc123&cs=secret&layout=embed&locale=es&theme=dark", "Fiat-ApplePay");
|
|
6
|
+
const parsed = new URL(url);
|
|
7
|
+
expect(parsed.origin).toBe("https://daimo.com");
|
|
8
|
+
expect(parsed.pathname).toBe("/webview");
|
|
9
|
+
expect(parsed.searchParams.get("session")).toBe("abc123");
|
|
10
|
+
expect(parsed.searchParams.get("cs")).toBe("secret");
|
|
11
|
+
expect(parsed.searchParams.get("locale")).toBe("es");
|
|
12
|
+
expect(parsed.searchParams.get("theme")).toBe("dark");
|
|
13
|
+
expect(parsed.searchParams.get("layout")).toBe("center");
|
|
14
|
+
expect(parsed.searchParams.get("popup")).toBe("1");
|
|
15
|
+
expect(parsed.searchParams.get("nav")).toBe("Fiat-ApplePay");
|
|
16
|
+
});
|
|
17
|
+
it("adds params when none are present", () => {
|
|
18
|
+
const url = buildFiatPopupUrl("https://daimo.com/webview?session=abc&cs=s", "node-1");
|
|
19
|
+
expect(url).toContain("layout=center");
|
|
20
|
+
expect(url).toContain("popup=1");
|
|
21
|
+
expect(url).toContain("nav=node-1");
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
describe("railRequiresPopup", () => {
|
|
25
|
+
it("requires popup for apple_pay only", () => {
|
|
26
|
+
expect(railRequiresPopup("apple_pay")).toBe(true);
|
|
27
|
+
expect(railRequiresPopup("ach")).toBe(false);
|
|
28
|
+
expect(railRequiresPopup("interac")).toBe(false);
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=fiatPopup.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fiatPopup.test.js","sourceRoot":"","sources":["../../../../src/web/components/account/fiatPopup.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;QACzE,MAAM,GAAG,GAAG,iBAAiB,CAC3B,sFAAsF,EACtF,eAAe,CAChB,CAAC;QACF,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,iBAAiB,CAC3B,4CAA4C,EAC5C,QAAQ,CACT,CAAC;QACF,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QACvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACjC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"openDeeplink.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/openDeeplink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"openDeeplink.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/openDeeplink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlE,yDAAyD;AACzD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,aAAa,GACtB,IAAI,CA0BN"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { isDesktop } from "../../platform.js";
|
|
2
|
+
import { isDaimoFrameChild } from "../frameMessages.js";
|
|
2
3
|
/** Execute a provider deeplink in the user's browser. */
|
|
3
4
|
export function openDeeplink(deeplink, platform) {
|
|
5
|
+
if (isDaimoFrameChild()) {
|
|
6
|
+
openDeeplinkInNewWindow(deeplink);
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
4
9
|
const desktop = isDesktop(platform);
|
|
5
10
|
if (!desktop) {
|
|
6
11
|
const url = deeplink.type === "form-post" ? deeplink.warmUrl : deeplink.url;
|
|
@@ -20,6 +25,16 @@ export function openDeeplink(deeplink, platform) {
|
|
|
20
25
|
break;
|
|
21
26
|
}
|
|
22
27
|
}
|
|
28
|
+
function openDeeplinkInNewWindow(deeplink) {
|
|
29
|
+
switch (deeplink.type) {
|
|
30
|
+
case "redirect":
|
|
31
|
+
window.open(deeplink.url, "_blank");
|
|
32
|
+
break;
|
|
33
|
+
case "form-post":
|
|
34
|
+
openFormPost(deeplink);
|
|
35
|
+
break;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
23
38
|
function openFormPost(deeplink) {
|
|
24
39
|
const popup = window.open(deeplink.warmUrl, "_blank");
|
|
25
40
|
if (!popup)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"openDeeplink.js","sourceRoot":"","sources":["../../../../src/web/components/account/openDeeplink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAsB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"openDeeplink.js","sourceRoot":"","sources":["../../../../src/web/components/account/openDeeplink.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
+
import type { DaimoThemeMode } from "../../common/theme.js";
|
|
2
3
|
export declare const MODAL_CONTENT_CLASS = "daimo-modal-content daimo-relative daimo-w-full daimo-max-w-[420px] daimo-max-h-[90vh] daimo-overflow-hidden daimo-bg-[var(--daimo-surface)] daimo-rounded-t-[var(--daimo-radius-xl)] sm:daimo-rounded-[var(--daimo-radius-xl)] daimo-shadow-lg daimo-flex daimo-flex-col";
|
|
3
4
|
type ContainerProps = {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
showFooterSpacer?: boolean;
|
|
7
|
+
themeMode?: DaimoThemeMode;
|
|
6
8
|
};
|
|
7
9
|
type ModalContainerProps = ContainerProps & {
|
|
8
10
|
/** Handler for closing the modal (backdrop click + close button) */
|
|
@@ -12,8 +14,8 @@ type ModalContainerProps = ContainerProps & {
|
|
|
12
14
|
/** Reserve the modal's expected picker height before async content loads. */
|
|
13
15
|
reserveLoadingHeight?: boolean;
|
|
14
16
|
};
|
|
15
|
-
export declare function ModalContainer({ children, showFooterSpacer, onClose, pageKey, reserveLoadingHeight, }: ModalContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare function EmbeddedContainer({ children, showFooterSpacer, }: ContainerProps & {
|
|
17
|
+
export declare function ModalContainer({ children, showFooterSpacer, onClose, pageKey, reserveLoadingHeight, themeMode, }: ModalContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function EmbeddedContainer({ children, showFooterSpacer, themeMode, }: ContainerProps & {
|
|
17
19
|
onClose?: () => void;
|
|
18
20
|
}): import("react/jsx-runtime").JSX.Element;
|
|
19
21
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["../../../src/web/components/containers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["../../../src/web/components/containers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK5D,eAAO,MAAM,mBAAmB,8QAC6O,CAAC;AAE9Q,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,KAAK,mBAAmB,GAAG,cAAc,GAAG;IAC1C,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAwGF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,gBAAuB,EACvB,OAAO,EACP,OAAO,EACP,oBAA4B,EAC5B,SAAS,GACV,EAAE,mBAAmB,2CAkCrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,gBAAuB,EACvB,SAAS,GACV,EAAE,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CAY3C"}
|
|
@@ -87,15 +87,18 @@ function prefersReducedMotion() {
|
|
|
87
87
|
return (typeof window !== "undefined" &&
|
|
88
88
|
window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
89
89
|
}
|
|
90
|
-
|
|
90
|
+
function themeModeDataAttribute(themeMode) {
|
|
91
|
+
return themeMode === "light" || themeMode === "dark" ? themeMode : undefined;
|
|
92
|
+
}
|
|
93
|
+
export function ModalContainer({ children, showFooterSpacer = true, onClose, pageKey, reserveLoadingHeight = false, themeMode, }) {
|
|
91
94
|
const backdropClass = "daimo-modal-backdrop daimo-fixed daimo-inset-0 daimo-z-50 daimo-bg-black/50";
|
|
92
95
|
const contentRef = useRef(null);
|
|
93
96
|
usePageHeightMorph(contentRef, pageKey);
|
|
94
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: backdropClass, onClick: onClose }), _jsx("div", { className: "daimo-fixed daimo-inset-0 daimo-z-50 daimo-flex daimo-justify-center daimo-items-end sm:daimo-items-center daimo-pointer-events-none daimo-px-0 sm:daimo-px-4", children: _jsxs("div", { ref: contentRef, className: `daimo-pointer-events-auto ${MODAL_CONTENT_CLASS}`, style: reserveLoadingHeight
|
|
97
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: backdropClass, onClick: onClose }), _jsx("div", { className: "daimo-fixed daimo-inset-0 daimo-z-50 daimo-flex daimo-justify-center daimo-items-end sm:daimo-items-center daimo-pointer-events-none daimo-px-0 sm:daimo-px-4", "data-theme": themeModeDataAttribute(themeMode), children: _jsxs("div", { ref: contentRef, className: `daimo-pointer-events-auto ${MODAL_CONTENT_CLASS}`, style: reserveLoadingHeight
|
|
95
98
|
? { minHeight: MODAL_LOADING_MIN_HEIGHT }
|
|
96
99
|
: undefined, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "daimo-flex-1 daimo-min-h-0 daimo-flex daimo-flex-col", children: children }), showFooterSpacer && _jsx("div", { className: "daimo-h-8 daimo-shrink-0" })] }) })] }));
|
|
97
100
|
}
|
|
98
|
-
export function EmbeddedContainer({ children, showFooterSpacer = true, }) {
|
|
99
|
-
return (_jsx("div", { className: "daimo-bg-transparent daimo-flex daimo-flex-col daimo-items-center", children: _jsxs("div", { className: "daimo-relative daimo-w-full daimo-max-w-[512px] daimo-bg-[var(--daimo-surface)] daimo-flex daimo-flex-col", children: [children, showFooterSpacer && _jsx("div", { className: "daimo-h-8" })] }) }));
|
|
101
|
+
export function EmbeddedContainer({ children, showFooterSpacer = true, themeMode, }) {
|
|
102
|
+
return (_jsx("div", { className: "daimo-bg-transparent daimo-flex daimo-flex-col daimo-items-center", "data-theme": themeModeDataAttribute(themeMode), children: _jsxs("div", { className: "daimo-relative daimo-w-full daimo-max-w-[512px] daimo-bg-[var(--daimo-surface)] daimo-flex daimo-flex-col", children: [children, showFooterSpacer && _jsx("div", { className: "daimo-h-8" })] }) }));
|
|
100
103
|
}
|
|
101
104
|
//# sourceMappingURL=containers.js.map
|