@daimo/sdk 1.4.3 → 1.5.0
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 +9 -1
- package/dist/client/createDaimoClient.d.ts.map +1 -1
- package/dist/client/createDaimoClient.js +31 -0
- package/dist/client/createDaimoClient.js.map +1 -1
- package/dist/common/account.d.ts +73 -10
- package/dist/common/account.d.ts.map +1 -1
- package/dist/common/api.d.ts +5 -5
- package/dist/common/api.d.ts.map +1 -1
- package/dist/common/api.js +2 -0
- package/dist/common/api.js.map +1 -1
- package/dist/common/index.d.ts +1 -0
- package/dist/common/index.d.ts.map +1 -1
- package/dist/common/index.js +1 -0
- package/dist/common/index.js.map +1 -1
- package/dist/common/session.d.ts +1 -1
- package/dist/common/session.d.ts.map +1 -1
- package/dist/common/theme.d.ts +47 -0
- package/dist/common/theme.d.ts.map +1 -0
- package/dist/common/theme.js +230 -0
- package/dist/common/theme.js.map +1 -0
- package/dist/common/token.d.ts +3 -0
- package/dist/common/token.d.ts.map +1 -1
- package/dist/common/token.js +26 -1
- package/dist/common/token.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/web/api/navTree.d.ts +1 -1
- package/dist/web/api/navTree.d.ts.map +1 -1
- package/dist/web/components/ChooseChainPage.d.ts.map +1 -1
- package/dist/web/components/ChooseChainPage.js +3 -3
- package/dist/web/components/ChooseChainPage.js.map +1 -1
- package/dist/web/components/ConfirmationPage.d.ts.map +1 -1
- package/dist/web/components/ConfirmationPage.js +2 -1
- package/dist/web/components/ConfirmationPage.js.map +1 -1
- package/dist/web/components/DaimoFrame.d.ts +51 -0
- package/dist/web/components/DaimoFrame.d.ts.map +1 -0
- package/dist/web/components/DaimoFrame.js +173 -0
- package/dist/web/components/DaimoFrame.js.map +1 -0
- package/dist/web/components/DaimoModal.d.ts.map +1 -1
- package/dist/web/components/DaimoModal.js +51 -6
- package/dist/web/components/DaimoModal.js.map +1 -1
- package/dist/web/components/DaimoModalPreview.d.ts +11 -0
- package/dist/web/components/DaimoModalPreview.d.ts.map +1 -0
- package/dist/web/components/DaimoModalPreview.js +98 -0
- package/dist/web/components/DaimoModalPreview.js.map +1 -0
- package/dist/web/components/ModalChrome.d.ts +28 -0
- package/dist/web/components/ModalChrome.d.ts.map +1 -0
- package/dist/web/components/ModalChrome.js +64 -0
- package/dist/web/components/ModalChrome.js.map +1 -0
- package/dist/web/components/SelectAmountPage.d.ts.map +1 -1
- package/dist/web/components/SelectAmountPage.js +2 -2
- package/dist/web/components/SelectAmountPage.js.map +1 -1
- package/dist/web/components/SelectTokenPage.d.ts.map +1 -1
- package/dist/web/components/SelectTokenPage.js +5 -4
- package/dist/web/components/SelectTokenPage.js.map +1 -1
- package/dist/web/components/StripeOnrampPage.d.ts.map +1 -1
- package/dist/web/components/StripeOnrampPage.js +2 -1
- package/dist/web/components/StripeOnrampPage.js.map +1 -1
- package/dist/web/components/TokenAmountEntry.d.ts.map +1 -1
- package/dist/web/components/TokenAmountEntry.js +2 -1
- package/dist/web/components/TokenAmountEntry.js.map +1 -1
- package/dist/web/components/account/AccountApplePayPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountApplePayPage.js +26 -14
- package/dist/web/components/account/AccountApplePayPage.js.map +1 -1
- package/dist/web/components/account/AccountBankPickerPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountBankPickerPage.js +3 -0
- package/dist/web/components/account/AccountBankPickerPage.js.map +1 -1
- package/dist/web/components/account/AccountEmailPage.d.ts.map +1 -1
- package/dist/web/components/account/AccountEmailPage.js +20 -14
- package/dist/web/components/account/AccountEmailPage.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 +90 -114
- package/dist/web/components/account/AccountEnrollmentPage.js.map +1 -1
- package/dist/web/components/account/AccountEnrollmentUpdatePage.d.ts +10 -0
- package/dist/web/components/account/AccountEnrollmentUpdatePage.d.ts.map +1 -0
- package/dist/web/components/account/AccountEnrollmentUpdatePage.js +214 -0
- package/dist/web/components/account/AccountEnrollmentUpdatePage.js.map +1 -0
- package/dist/web/components/account/AccountFlowProvider.js +3 -0
- package/dist/web/components/account/AccountFlowProvider.js.map +1 -1
- package/dist/web/components/account/AccountOtpCodeEntry.d.ts +4 -1
- package/dist/web/components/account/AccountOtpCodeEntry.d.ts.map +1 -1
- package/dist/web/components/account/AccountOtpCodeEntry.js +44 -43
- package/dist/web/components/account/AccountOtpCodeEntry.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/AccountReadyPage.d.ts +2 -0
- package/dist/web/components/account/AccountReadyPage.d.ts.map +1 -0
- package/dist/web/components/account/AccountReadyPage.js +7 -0
- package/dist/web/components/account/AccountReadyPage.js.map +1 -0
- package/dist/web/components/account/AccountRipioOtpPage.d.ts +7 -0
- package/dist/web/components/account/AccountRipioOtpPage.d.ts.map +1 -0
- package/dist/web/components/account/AccountRipioOtpPage.js +53 -0
- package/dist/web/components/account/AccountRipioOtpPage.js.map +1 -0
- package/dist/web/components/account/formSchemas.d.ts +81 -0
- package/dist/web/components/account/formSchemas.d.ts.map +1 -0
- package/dist/web/components/account/formSchemas.js +80 -0
- package/dist/web/components/account/formSchemas.js.map +1 -0
- package/dist/web/components/account/formSchemas.test.d.ts +2 -0
- package/dist/web/components/account/formSchemas.test.d.ts.map +1 -0
- package/dist/web/components/account/formSchemas.test.js +57 -0
- package/dist/web/components/account/formSchemas.test.js.map +1 -0
- package/dist/web/components/account/kycRequirement.d.ts +1 -1
- package/dist/web/components/account/kycRequirement.d.ts.map +1 -1
- package/dist/web/components/account/kycRequirement.js +9 -7
- package/dist/web/components/account/kycRequirement.js.map +1 -1
- package/dist/web/components/buttons.d.ts +3 -2
- package/dist/web/components/buttons.d.ts.map +1 -1
- package/dist/web/components/buttons.js +4 -4
- package/dist/web/components/buttons.js.map +1 -1
- package/dist/web/components/containers.d.ts +1 -0
- package/dist/web/components/containers.d.ts.map +1 -1
- package/dist/web/components/containers.js +3 -5
- package/dist/web/components/containers.js.map +1 -1
- package/dist/web/components/formFields.d.ts +39 -0
- package/dist/web/components/formFields.d.ts.map +1 -0
- package/dist/web/components/formFields.js +70 -0
- package/dist/web/components/formFields.js.map +1 -0
- package/dist/web/components/icons.d.ts +6 -0
- package/dist/web/components/icons.d.ts.map +1 -1
- package/dist/web/components/icons.js +12 -0
- package/dist/web/components/icons.js.map +1 -1
- package/dist/web/components/shared.d.ts +1 -1
- package/dist/web/components/shared.d.ts.map +1 -1
- package/dist/web/components/shared.js +6 -5
- package/dist/web/components/shared.js.map +1 -1
- package/dist/web/formatAmount.d.ts +2 -2
- package/dist/web/formatAmount.d.ts.map +1 -1
- package/dist/web/formatAmount.js +39 -12
- package/dist/web/formatAmount.js.map +1 -1
- package/dist/web/formatAmount.test.d.ts +2 -0
- package/dist/web/formatAmount.test.d.ts.map +1 -0
- package/dist/web/formatAmount.test.js +43 -0
- package/dist/web/formatAmount.test.js.map +1 -0
- package/dist/web/hooks/accountAuthNav.d.ts +3 -0
- package/dist/web/hooks/accountAuthNav.d.ts.map +1 -0
- package/dist/web/hooks/accountAuthNav.js +24 -0
- package/dist/web/hooks/accountAuthNav.js.map +1 -0
- package/dist/web/hooks/accountAuthNav.test.d.ts +2 -0
- package/dist/web/hooks/accountAuthNav.test.d.ts.map +1 -0
- package/dist/web/hooks/accountAuthNav.test.js +32 -0
- package/dist/web/hooks/accountAuthNav.test.js.map +1 -0
- package/dist/web/hooks/formatUserError.d.ts.map +1 -1
- package/dist/web/hooks/formatUserError.js +5 -2
- package/dist/web/hooks/formatUserError.js.map +1 -1
- package/dist/web/hooks/locale.d.ts +2 -0
- package/dist/web/hooks/locale.d.ts.map +1 -1
- package/dist/web/hooks/locale.js +41 -4
- package/dist/web/hooks/locale.js.map +1 -1
- package/dist/web/hooks/locale.test.d.ts +2 -0
- package/dist/web/hooks/locale.test.d.ts.map +1 -0
- package/dist/web/hooks/locale.test.js +41 -0
- package/dist/web/hooks/locale.test.js.map +1 -0
- package/dist/web/hooks/locales/en.d.ts +9 -0
- package/dist/web/hooks/locales/en.d.ts.map +1 -1
- package/dist/web/hooks/locales/en.js +9 -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 +9 -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 +9 -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 +9 -0
- package/dist/web/hooks/locales/ko.js.map +1 -1
- package/dist/web/hooks/locales/pt.d.ts +4 -0
- package/dist/web/hooks/locales/pt.d.ts.map +1 -0
- package/dist/web/hooks/locales/pt.js +164 -0
- package/dist/web/hooks/locales/pt.js.map +1 -0
- package/dist/web/hooks/locales/zh.d.ts.map +1 -1
- package/dist/web/hooks/locales/zh.js +9 -0
- package/dist/web/hooks/locales/zh.js.map +1 -1
- package/dist/web/hooks/types.d.ts +9 -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 +9 -1
- package/dist/web/hooks/useAccountFlow.d.ts.map +1 -1
- package/dist/web/hooks/useAccountFlow.js +6 -1
- package/dist/web/hooks/useAccountFlow.js.map +1 -1
- package/dist/web/hooks/useDraftDeposit.d.ts +2 -1
- package/dist/web/hooks/useDraftDeposit.d.ts.map +1 -1
- package/dist/web/hooks/useDraftDeposit.js +16 -0
- package/dist/web/hooks/useDraftDeposit.js.map +1 -1
- package/dist/web/hooks/useSessionNav.d.ts +4 -2
- package/dist/web/hooks/useSessionNav.d.ts.map +1 -1
- package/dist/web/hooks/useSessionNav.js +33 -22
- 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 +64 -26
- package/dist/web/hooks/useWalletFlow.js.map +1 -1
- package/dist/web/hooks/walletError.d.ts +9 -0
- package/dist/web/hooks/walletError.d.ts.map +1 -0
- package/dist/web/hooks/walletError.js +16 -0
- package/dist/web/hooks/walletError.js.map +1 -0
- package/dist/web/index.d.ts +7 -1
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +3 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/isDesktopBrowser.d.ts +2 -0
- package/dist/web/isDesktopBrowser.d.ts.map +1 -0
- package/dist/web/isDesktopBrowser.js +6 -0
- package/dist/web/isDesktopBrowser.js.map +1 -0
- package/dist/web/styles.css +1 -1
- package/dist/web/theme.css +1 -1
- package/dist/web/theme.d.ts +7 -0
- package/dist/web/theme.d.ts.map +1 -0
- package/dist/web/theme.js +23 -0
- package/dist/web/theme.js.map +1 -0
- package/package.json +6 -4
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const zLegalNameForm: z.ZodObject<{
|
|
3
|
+
firstName: z.ZodString;
|
|
4
|
+
lastName: z.ZodString;
|
|
5
|
+
}, "strip", z.ZodTypeAny, {
|
|
6
|
+
firstName: string;
|
|
7
|
+
lastName: string;
|
|
8
|
+
}, {
|
|
9
|
+
firstName: string;
|
|
10
|
+
lastName: string;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const zEmailForm: z.ZodObject<{
|
|
13
|
+
email: z.ZodString;
|
|
14
|
+
}, "strip", z.ZodTypeAny, {
|
|
15
|
+
email: string;
|
|
16
|
+
}, {
|
|
17
|
+
email: string;
|
|
18
|
+
}>;
|
|
19
|
+
export declare const zApplePayVerificationForm: z.ZodObject<{
|
|
20
|
+
ssnLast4: z.ZodString;
|
|
21
|
+
dateOfBirth: z.ZodEffects<z.ZodEffects<z.ZodObject<{
|
|
22
|
+
month: z.ZodString;
|
|
23
|
+
day: z.ZodString;
|
|
24
|
+
year: z.ZodString;
|
|
25
|
+
}, "strip", z.ZodTypeAny, {
|
|
26
|
+
month: string;
|
|
27
|
+
day: string;
|
|
28
|
+
year: string;
|
|
29
|
+
}, {
|
|
30
|
+
month: string;
|
|
31
|
+
day: string;
|
|
32
|
+
year: string;
|
|
33
|
+
}>, {
|
|
34
|
+
month: string;
|
|
35
|
+
day: string;
|
|
36
|
+
year: string;
|
|
37
|
+
}, {
|
|
38
|
+
month: string;
|
|
39
|
+
day: string;
|
|
40
|
+
year: string;
|
|
41
|
+
}>, {
|
|
42
|
+
day: string;
|
|
43
|
+
month: string;
|
|
44
|
+
year: string;
|
|
45
|
+
}, {
|
|
46
|
+
month: string;
|
|
47
|
+
day: string;
|
|
48
|
+
year: string;
|
|
49
|
+
}>;
|
|
50
|
+
}, "strip", z.ZodTypeAny, {
|
|
51
|
+
ssnLast4: string;
|
|
52
|
+
dateOfBirth: {
|
|
53
|
+
day: string;
|
|
54
|
+
month: string;
|
|
55
|
+
year: string;
|
|
56
|
+
};
|
|
57
|
+
}, {
|
|
58
|
+
ssnLast4: string;
|
|
59
|
+
dateOfBirth: {
|
|
60
|
+
month: string;
|
|
61
|
+
day: string;
|
|
62
|
+
year: string;
|
|
63
|
+
};
|
|
64
|
+
}>;
|
|
65
|
+
export type LegalNameFormValues = z.input<typeof zLegalNameForm>;
|
|
66
|
+
export type EmailFormValues = z.input<typeof zEmailForm>;
|
|
67
|
+
export type EmailSubmitValues = z.output<typeof zEmailForm>;
|
|
68
|
+
export type ApplePayVerificationFormValues = z.input<typeof zApplePayVerificationForm>;
|
|
69
|
+
export type ApplePayVerificationSubmitValues = z.output<typeof zApplePayVerificationForm>;
|
|
70
|
+
export declare function digitsOnly(value: string, maxLength: number): string;
|
|
71
|
+
export declare function parseDateOfBirth(value: {
|
|
72
|
+
day: string;
|
|
73
|
+
month: string;
|
|
74
|
+
year: string;
|
|
75
|
+
}): {
|
|
76
|
+
day: string;
|
|
77
|
+
month: string;
|
|
78
|
+
year: string;
|
|
79
|
+
} | null;
|
|
80
|
+
export declare function isDatePartInRange(value: string, min: number, max: number): boolean;
|
|
81
|
+
//# sourceMappingURL=formSchemas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formSchemas.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/formSchemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,cAAc;;;;;;;;;EAWzB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;EAMrB,CAAC;AA4BH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;aAuB3B,MAAM;eAAS,MAAM;cAAQ,MAAM;;;;;;;;;aAAnC,MAAM;eAAS,MAAM;cAAQ,MAAM;;;;;;;;;EApB5C,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAC5D,MAAM,MAAM,8BAA8B,GAAG,CAAC,CAAC,KAAK,CAClD,OAAO,yBAAyB,CACjC,CAAC;AACF,MAAM,MAAM,gCAAgC,GAAG,CAAC,CAAC,MAAM,CACrD,OAAO,yBAAyB,CACjC,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAmBtD;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,GACV,OAAO,CAIT"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export const zLegalNameForm = z.object({
|
|
3
|
+
firstName: z
|
|
4
|
+
.string()
|
|
5
|
+
.trim()
|
|
6
|
+
.min(1, "enter your first name")
|
|
7
|
+
.max(80, "first name is too long"),
|
|
8
|
+
lastName: z
|
|
9
|
+
.string()
|
|
10
|
+
.trim()
|
|
11
|
+
.min(1, "enter your last name")
|
|
12
|
+
.max(80, "last name is too long"),
|
|
13
|
+
});
|
|
14
|
+
export const zEmailForm = z.object({
|
|
15
|
+
email: z
|
|
16
|
+
.string()
|
|
17
|
+
.trim()
|
|
18
|
+
.min(1, "enter your email")
|
|
19
|
+
.email("enter a valid email"),
|
|
20
|
+
});
|
|
21
|
+
const zDigits = (length, message) => z.string().regex(new RegExp(`^\\d{${length}}$`), message);
|
|
22
|
+
const zDateOfBirthForm = z
|
|
23
|
+
.object({
|
|
24
|
+
month: z.string(),
|
|
25
|
+
day: z.string(),
|
|
26
|
+
year: z.string(),
|
|
27
|
+
})
|
|
28
|
+
.superRefine((value, ctx) => {
|
|
29
|
+
const parsed = parseDateOfBirth(value);
|
|
30
|
+
if (parsed != null)
|
|
31
|
+
return;
|
|
32
|
+
ctx.addIssue({
|
|
33
|
+
code: z.ZodIssueCode.custom,
|
|
34
|
+
message: "enter a valid date of birth",
|
|
35
|
+
path: ["month"],
|
|
36
|
+
});
|
|
37
|
+
})
|
|
38
|
+
.transform((value) => {
|
|
39
|
+
const parsed = parseDateOfBirth(value);
|
|
40
|
+
if (parsed == null) {
|
|
41
|
+
throw new Error("invalid date of birth");
|
|
42
|
+
}
|
|
43
|
+
return parsed;
|
|
44
|
+
});
|
|
45
|
+
export const zApplePayVerificationForm = z.object({
|
|
46
|
+
ssnLast4: zDigits(4, "enter the last 4 digits of your SSN"),
|
|
47
|
+
dateOfBirth: zDateOfBirthForm,
|
|
48
|
+
});
|
|
49
|
+
export function digitsOnly(value, maxLength) {
|
|
50
|
+
return value.replace(/\D/g, "").slice(0, maxLength);
|
|
51
|
+
}
|
|
52
|
+
export function parseDateOfBirth(value) {
|
|
53
|
+
if (!/^\d{1,2}$/.test(value.month))
|
|
54
|
+
return null;
|
|
55
|
+
if (!/^\d{1,2}$/.test(value.day))
|
|
56
|
+
return null;
|
|
57
|
+
if (!/^\d{4}$/.test(value.year))
|
|
58
|
+
return null;
|
|
59
|
+
if (!isDatePartInRange(value.month, 1, 12))
|
|
60
|
+
return null;
|
|
61
|
+
if (!isDatePartInRange(value.day, 1, 31))
|
|
62
|
+
return null;
|
|
63
|
+
const month = value.month.padStart(2, "0");
|
|
64
|
+
const day = value.day.padStart(2, "0");
|
|
65
|
+
const year = value.year;
|
|
66
|
+
const date = new Date(Date.UTC(Number(year), Number(month) - 1, Number(day)));
|
|
67
|
+
if (date.getUTCFullYear() !== Number(year) ||
|
|
68
|
+
date.getUTCMonth() !== Number(month) - 1 ||
|
|
69
|
+
date.getUTCDate() !== Number(day)) {
|
|
70
|
+
return null;
|
|
71
|
+
}
|
|
72
|
+
return { day, month, year };
|
|
73
|
+
}
|
|
74
|
+
export function isDatePartInRange(value, min, max) {
|
|
75
|
+
if (!/^\d+$/.test(value))
|
|
76
|
+
return false;
|
|
77
|
+
const num = Number(value);
|
|
78
|
+
return num >= min && num <= max;
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=formSchemas.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formSchemas.js","sourceRoot":"","sources":["../../../../src/web/components/account/formSchemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;IACrC,SAAS,EAAE,CAAC;SACT,MAAM,EAAE;SACR,IAAI,EAAE;SACN,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC;SAC/B,GAAG,CAAC,EAAE,EAAE,wBAAwB,CAAC;IACpC,QAAQ,EAAE,CAAC;SACR,MAAM,EAAE;SACR,IAAI,EAAE;SACN,GAAG,CAAC,CAAC,EAAE,sBAAsB,CAAC;SAC9B,GAAG,CAAC,EAAE,EAAE,uBAAuB,CAAC;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,KAAK,EAAE,CAAC;SACL,MAAM,EAAE;SACR,IAAI,EAAE;SACN,GAAG,CAAC,CAAC,EAAE,kBAAkB,CAAC;SAC1B,KAAK,CAAC,qBAAqB,CAAC;CAChC,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,OAAe,EAAE,EAAE,CAClD,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,MAAM,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAE5D,MAAM,gBAAgB,GAAG,CAAC;KACvB,MAAM,CAAC;IACN,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE;IACf,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;CACjB,CAAC;KACD,WAAW,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO;IAC3B,GAAG,CAAC,QAAQ,CAAC;QACX,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM;QAC3B,OAAO,EAAE,6BAA6B;QACtC,IAAI,EAAE,CAAC,OAAO,CAAC;KAChB,CAAC,CAAC;AACL,CAAC,CAAC;KACD,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,MAAM,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,qCAAqC,CAAC;IAC3D,WAAW,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAYH,MAAM,UAAU,UAAU,CAAC,KAAa,EAAE,SAAiB;IACzD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAIhC;IACC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAChD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAAE,OAAO,IAAI,CAAC;IACxD,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9E,IACE,IAAI,CAAC,cAAc,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC;QACtC,IAAI,CAAC,WAAW,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,EACjC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAa,EACb,GAAW,EACX,GAAW;IAEX,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;AAClC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formSchemas.test.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/formSchemas.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { describe, expect, test } from "vitest";
|
|
2
|
+
import { digitsOnly, parseDateOfBirth, zApplePayVerificationForm, zEmailForm, zLegalNameForm, } from "./formSchemas.js";
|
|
3
|
+
describe("account form schemas", () => {
|
|
4
|
+
test("normalizes legal names", () => {
|
|
5
|
+
expect(zLegalNameForm.parse({ firstName: " Ada ", lastName: " Lovelace " })).toEqual({ firstName: "Ada", lastName: "Lovelace" });
|
|
6
|
+
});
|
|
7
|
+
test("rejects empty legal names with lowercase field errors", () => {
|
|
8
|
+
const result = zLegalNameForm.safeParse({ firstName: " ", lastName: "" });
|
|
9
|
+
expect(result.success).toBe(false);
|
|
10
|
+
if (result.success)
|
|
11
|
+
return;
|
|
12
|
+
expect(result.error.flatten().fieldErrors).toEqual({
|
|
13
|
+
firstName: ["enter your first name"],
|
|
14
|
+
lastName: ["enter your last name"],
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
test("normalizes email input", () => {
|
|
18
|
+
expect(zEmailForm.parse({ email: " Ada@Example.com " })).toEqual({
|
|
19
|
+
email: "Ada@Example.com",
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
test("rejects invalid email input", () => {
|
|
23
|
+
const result = zEmailForm.safeParse({ email: "not-an-email" });
|
|
24
|
+
expect(result.success).toBe(false);
|
|
25
|
+
if (result.success)
|
|
26
|
+
return;
|
|
27
|
+
expect(result.error.flatten().fieldErrors).toEqual({
|
|
28
|
+
email: ["enter a valid email"],
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
test("normalizes valid date of birth fields", () => {
|
|
32
|
+
expect(parseDateOfBirth({ month: "2", day: "9", year: "1990" })).toEqual({
|
|
33
|
+
month: "02",
|
|
34
|
+
day: "09",
|
|
35
|
+
year: "1990",
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
test("rejects impossible dates", () => {
|
|
39
|
+
expect(parseDateOfBirth({ month: "2", day: "29", year: "2024" })).toEqual({ month: "02", day: "29", year: "2024" });
|
|
40
|
+
expect(parseDateOfBirth({ month: "2", day: "29", year: "2023" })).toBe(null);
|
|
41
|
+
expect(parseDateOfBirth({ month: "13", day: "1", year: "1990" })).toBe(null);
|
|
42
|
+
});
|
|
43
|
+
test("normalizes apple pay verification payloads", () => {
|
|
44
|
+
const result = zApplePayVerificationForm.parse({
|
|
45
|
+
ssnLast4: "1234",
|
|
46
|
+
dateOfBirth: { month: "1", day: "31", year: "1985" },
|
|
47
|
+
});
|
|
48
|
+
expect(result).toEqual({
|
|
49
|
+
ssnLast4: "1234",
|
|
50
|
+
dateOfBirth: { month: "01", day: "31", year: "1985" },
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
test("keeps only digits up to the max length", () => {
|
|
54
|
+
expect(digitsOnly("12a-34 56", 4)).toBe("1234");
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=formSchemas.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formSchemas.test.js","sourceRoot":"","sources":["../../../../src/web/components/account/formSchemas.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ export type KycRequirement = NavNodeKycRequirement;
|
|
|
3
3
|
export declare function getKycRequirement(requirement?: NavNodeKycRequirement): KycRequirement;
|
|
4
4
|
export declare function KycIndicator({ requirement, size, className, variant, }: {
|
|
5
5
|
requirement: KycRequirement;
|
|
6
|
-
size?: "sm" | "lg";
|
|
6
|
+
size?: "sm" | "lg" | "xl";
|
|
7
7
|
className?: string;
|
|
8
8
|
variant?: "plain" | "badge";
|
|
9
9
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kycRequirement.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/kycRequirement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC;AAYnD,wBAAgB,iBAAiB,CAC/B,WAAW,CAAC,EAAE,qBAAqB,GAClC,cAAc,CAEhB;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,IAAW,EACX,SAAS,EACT,OAAiB,GAClB,EAAE;IACD,WAAW,EAAE,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"kycRequirement.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/kycRequirement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC;AAYnD,wBAAgB,iBAAiB,CAC/B,WAAW,CAAC,EAAE,qBAAqB,GAClC,cAAc,CAEhB;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,IAAW,EACX,SAAS,EACT,OAAiB,GAClB,EAAE;IACD,WAAW,EAAE,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B,2CAwCA;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAS,GACV,EAAE;IACD,IAAI,EAAE,yBAAyB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,2CA0DA"}
|
|
@@ -12,14 +12,16 @@ export function getKycRequirement(requirement) {
|
|
|
12
12
|
return requirement ?? FALLBACK_KYC_REQUIREMENT;
|
|
13
13
|
}
|
|
14
14
|
export function KycIndicator({ requirement, size = "sm", className, variant = "plain", }) {
|
|
15
|
-
const indicatorSize = size === "
|
|
16
|
-
? "daimo-h-
|
|
17
|
-
:
|
|
18
|
-
? "daimo-h-
|
|
19
|
-
:
|
|
20
|
-
|
|
15
|
+
const indicatorSize = size === "xl"
|
|
16
|
+
? "daimo-h-20 daimo-w-20 daimo-rounded-full"
|
|
17
|
+
: size === "lg"
|
|
18
|
+
? "daimo-h-16 daimo-w-16 daimo-rounded-full"
|
|
19
|
+
: variant === "badge"
|
|
20
|
+
? "daimo-h-5 daimo-w-5 daimo-rounded-full"
|
|
21
|
+
: "daimo-h-4 daimo-w-4";
|
|
22
|
+
const iconSize = size === "xl" ? 36 : size === "lg" ? 30 : variant === "badge" ? 13 : 15;
|
|
21
23
|
const backgroundColor = variant === "badge"
|
|
22
|
-
? size === "lg"
|
|
24
|
+
? size === "lg" || size === "xl"
|
|
23
25
|
? "rgba(156, 163, 175, 0.12)"
|
|
24
26
|
: "var(--daimo-surface)"
|
|
25
27
|
: "transparent";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kycRequirement.js","sourceRoot":"","sources":["../../../../src/web/components/account/kycRequirement.tsx"],"names":[],"mappings":";AAOA,MAAM,wBAAwB,GAAmB;IAC/C,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE,iBAAiB;IAC3B,WAAW,EAAE,gCAAgC;IAC7C,OAAO,EAAE,sDAAsD;IAC/D,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAC/B,WAAmC;IAEnC,OAAO,WAAW,IAAI,wBAAwB,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,EACX,IAAI,GAAG,IAAI,EACX,SAAS,EACT,OAAO,GAAG,OAAO,GAMlB;IACC,MAAM,aAAa,GACjB,IAAI,KAAK,IAAI;QACX,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,OAAO,KAAK,OAAO;
|
|
1
|
+
{"version":3,"file":"kycRequirement.js","sourceRoot":"","sources":["../../../../src/web/components/account/kycRequirement.tsx"],"names":[],"mappings":";AAOA,MAAM,wBAAwB,GAAmB;IAC/C,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE,iBAAiB;IAC3B,WAAW,EAAE,gCAAgC;IAC7C,OAAO,EAAE,sDAAsD;IAC/D,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAC/B,WAAmC;IAEnC,OAAO,WAAW,IAAI,wBAAwB,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,EACX,IAAI,GAAG,IAAI,EACX,SAAS,EACT,OAAO,GAAG,OAAO,GAMlB;IACC,MAAM,aAAa,GACjB,IAAI,KAAK,IAAI;QACX,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,IAAI,KAAK,IAAI;YACb,CAAC,CAAC,0CAA0C;YAC5C,CAAC,CAAC,OAAO,KAAK,OAAO;gBACnB,CAAC,CAAC,wCAAwC;gBAC1C,CAAC,CAAC,qBAAqB,CAAC;IAChC,MAAM,QAAQ,GACZ,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,eAAe,GACnB,OAAO,KAAK,OAAO;QACjB,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI;YAC9B,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,sBAAsB;QAC1B,CAAC,CAAC,aAAa,CAAC;IACpB,MAAM,YAAY,GAChB,OAAO,KAAK,OAAO;QACjB,CAAC,CAAC,0HAA0H;QAC5H,CAAC,CAAC,EAAE,CAAC;IACT,MAAM,WAAW,GACf,OAAO,KAAK,OAAO,IAAI,IAAI,KAAK,IAAI;QAClC,CAAC,CAAC,iEAAiE;QACnE,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,WAAW,CAAC,KAAK,EAC7B,KAAK,EAAE,WAAW,CAAC,OAAO,EAC1B,SAAS,EAAE,4EAA4E,aAAa,IAAI,YAAY,IAAI,WAAW,IAAI,SAAS,IAAI,EAAE,EAAE,EACxJ,KAAK,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,eAAe;SAChB,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,GAC9C,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,GAAG,EAAE,GAIV;IACC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,8BACc,MAAM,EAClB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG,EACpD,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,WAAW,GAAG,EACtB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,GAAG,EAClC,eAAM,CAAC,EAAC,8BAA8B,GAAG,IACrC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,8BACc,MAAM,EAClB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,GAAG,GAAG,EACjC,eAAM,CAAC,EAAC,4BAA4B,GAAG,IACnC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BACc,MAAM,EAClB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,oKAAoK,GAAG,EAC/K,eAAM,CAAC,EAAC,eAAe,GAAG,IACtB,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -7,11 +7,12 @@ type ButtonProps = {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
icon?: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
|
+
type?: "button" | "submit";
|
|
10
11
|
};
|
|
11
12
|
/** Primary action button - full width, prominent styling */
|
|
12
|
-
export declare function PrimaryButton({ children, onClick, disabled, icon, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function PrimaryButton({ children, onClick, disabled, icon, className, type, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
/** Secondary action button - for less prominent actions like "Done", "Close" */
|
|
14
|
-
export declare function SecondaryButton({ children, onClick, disabled, icon, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function SecondaryButton({ children, onClick, disabled, icon, className, type, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
type SecondaryLinkButtonProps = {
|
|
16
17
|
children: ReactNode;
|
|
17
18
|
href?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/web/components/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/web/components/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,SAAc,EACd,IAAe,GAChB,EAAE,WAAW,2CAoBb;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,SAAc,EACd,IAAe,GAChB,EAAE,WAAW,2CAoBb;AAED,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,oFAAoF;AACpF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAc,EACd,KAAK,GACN,EAAE,wBAAwB,2CAsB1B"}
|
|
@@ -2,20 +2,20 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ExternalLinkIcon } from "./icons.js";
|
|
3
3
|
export { ExternalLinkIcon };
|
|
4
4
|
/** Primary action button - full width, prominent styling */
|
|
5
|
-
export function PrimaryButton({ children, onClick, disabled = false, icon, className = "", }) {
|
|
5
|
+
export function PrimaryButton({ children, onClick, disabled = false, icon, className = "", type = "button", }) {
|
|
6
6
|
// Base: min 44px tap target, prevent double-tap zoom
|
|
7
7
|
const baseStyles = "daimo-w-full daimo-max-w-xs daimo-min-h-[44px] daimo-py-4 daimo-px-6 daimo-rounded-[var(--daimo-radius-lg)] daimo-font-medium daimo-flex daimo-items-center daimo-justify-center daimo-gap-2 daimo-touch-action-manipulation daimo-transition-[background-color] daimo-duration-100 daimo-ease";
|
|
8
8
|
const enabledStyles = "daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-hover)]";
|
|
9
9
|
const disabledStyles = "daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text-muted)] daimo-cursor-not-allowed";
|
|
10
|
-
return (_jsxs("button", { type:
|
|
10
|
+
return (_jsxs("button", { type: type, onClick: onClick, disabled: disabled, className: `${baseStyles} ${disabled ? disabledStyles : enabledStyles} ${className}`, children: [icon, children] }));
|
|
11
11
|
}
|
|
12
12
|
/** Secondary action button - for less prominent actions like "Done", "Close" */
|
|
13
|
-
export function SecondaryButton({ children, onClick, disabled = false, icon, className = "", }) {
|
|
13
|
+
export function SecondaryButton({ children, onClick, disabled = false, icon, className = "", type = "button", }) {
|
|
14
14
|
// Base: min 44px tap target, prevent double-tap zoom
|
|
15
15
|
const baseStyles = "daimo-min-h-[44px] daimo-py-3 daimo-px-8 daimo-rounded-[var(--daimo-radius-md)] daimo-font-medium daimo-flex daimo-items-center daimo-justify-center daimo-gap-2 daimo-touch-action-manipulation daimo-transition-[background-color] daimo-duration-100 daimo-ease";
|
|
16
16
|
const enabledStyles = "daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-hover)]";
|
|
17
17
|
const disabledStyles = "daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text-muted)] daimo-cursor-not-allowed";
|
|
18
|
-
return (_jsxs("button", { type:
|
|
18
|
+
return (_jsxs("button", { type: type, onClick: onClick, disabled: disabled, className: `${baseStyles} ${disabled ? disabledStyles : enabledStyles} ${className}`, children: [icon, children] }));
|
|
19
19
|
}
|
|
20
20
|
/** Small underlined text link. Renders <a> when href is set, <button> otherwise. */
|
|
21
21
|
export function SecondaryLinkButton({ children, href, onClick, disabled, className = "", style, }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/web/components/buttons.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/web/components/buttons.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAW5B,4DAA4D;AAC5D,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,GACH;IACZ,qDAAqD;IACrD,MAAM,UAAU,GACd,gSAAgS,CAAC;IACnS,MAAM,aAAa,GACjB,4IAA4I,CAAC;IAC/I,MAAM,cAAc,GAClB,yGAAyG,CAAC;IAE5G,OAAO,CACL,kBACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,IAAI,SAAS,EAAE,aAEnF,IAAI,EACJ,QAAQ,IACF,CACV,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,GACH;IACZ,qDAAqD;IACrD,MAAM,UAAU,GACd,oQAAoQ,CAAC;IACvQ,MAAM,aAAa,GACjB,4IAA4I,CAAC;IAC/I,MAAM,cAAc,GAClB,yGAAyG,CAAC;IAE5G,OAAO,CACL,kBACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,IAAI,SAAS,EAAE,aAEnF,IAAI,EACJ,QAAQ,IACF,CACV,CAAC;AACJ,CAAC;AAWD,oFAAoF;AACpF,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GACoB;IACzB,MAAM,MAAM,GAAG,uIAAuI,SAAS,EAAE,CAAC;IAElK,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;QACjB,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,YAC3C,QAAQ,GACP,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
+
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";
|
|
2
3
|
type ContainerProps = {
|
|
3
4
|
children: ReactNode;
|
|
4
5
|
showFooterSpacer?: boolean;
|
|
@@ -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;AAK3D,eAAO,MAAM,mBAAmB,8QAC6O,CAAC;AAE9Q,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,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;AAkGF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,gBAAuB,EACvB,OAAO,EACP,OAAO,EACP,oBAA4B,GAC7B,EAAE,mBAAmB,2CA+BrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,gBAAuB,GACxB,EAAE,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CAS3C"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useLayoutEffect, useRef } from "react";
|
|
3
|
-
import { t } from "../hooks/locale.js";
|
|
4
|
-
import { CloseIcon } from "./icons.js";
|
|
5
3
|
const MODAL_LOADING_MIN_HEIGHT = "min(360px, 90dvh)";
|
|
6
4
|
const HEIGHT_MORPH_MS = 180;
|
|
7
5
|
const HEIGHT_MORPH_EASING = "cubic-bezier(0.23, 1, 0.32, 1)";
|
|
6
|
+
export 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";
|
|
8
7
|
/**
|
|
9
8
|
* Quick height morph on discrete page changes.
|
|
10
9
|
* Snapshots current height, measures new, tweens between.
|
|
@@ -90,12 +89,11 @@ function prefersReducedMotion() {
|
|
|
90
89
|
}
|
|
91
90
|
export function ModalContainer({ children, showFooterSpacer = true, onClose, pageKey, reserveLoadingHeight = false, }) {
|
|
92
91
|
const backdropClass = "daimo-modal-backdrop daimo-fixed daimo-inset-0 daimo-z-50 daimo-bg-black/50";
|
|
93
|
-
const contentClass = "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";
|
|
94
92
|
const contentRef = useRef(null);
|
|
95
93
|
usePageHeightMorph(contentRef, pageKey);
|
|
96
|
-
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 ${
|
|
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
95
|
? { minHeight: MODAL_LOADING_MIN_HEIGHT }
|
|
98
|
-
: undefined, onClick: (e) => e.stopPropagation(), children: [
|
|
96
|
+
: 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" })] }) })] }));
|
|
99
97
|
}
|
|
100
98
|
export function EmbeddedContainer({ children, showFooterSpacer = true, }) {
|
|
101
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" })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../src/web/components/containers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,
|
|
1
|
+
{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../src/web/components/containers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AACrD,MAAM,eAAe,GAAG,GAAG,CAAC;AAC5B,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,CAAC,MAAM,mBAAmB,GAC9B,2QAA2Q,CAAC;AAgB9Q;;;;GAIG;AACH,SAAS,kBAAkB,CACzB,GAA2C,EAC3C,OAA2B;IAE3B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,cAAc,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAExD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC;QAC9C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC;QAC5C,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC;QAC1B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAE7B,IAAI,cAAc,IAAI,IAAI,IAAI,oBAAoB,EAAE;YAAE,OAAO;QAE7D,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC7B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,UAAU,GAAG,EAAE,CAAC,YAAY,CAAC;QACnC,IAAI,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9C,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC;YACpC,OAAO;QACT,CAAC;QAED,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,cAAc,IAAI,CAAC;QACxC,KAAK,EAAE,CAAC,YAAY,CAAC;QAErB,IAAI,IAAI,GAAG,KAAK,CAAC;QACjB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,OAAO,GAAG,CAAC,CAAC;QAEhB,MAAM,MAAM,GAAG,CAAC,KAAuB,EAAE,EAAE;YACzC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,EAAE,IAAI,KAAK,CAAC,YAAY,KAAK,QAAQ,CAAC,EAAE,CAAC;gBACtE,OAAO;YACT,CAAC;YACD,IAAI,IAAI;gBAAE,OAAO;YACjB,IAAI,GAAG,IAAI,CAAC;YACZ,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7B,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAChD,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YACzB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YACrB,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC;YACzC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;QAEF,aAAa,CAAC,OAAO,GAAG,GAAG,EAAE;YAC3B,IAAI,IAAI;gBAAE,OAAO;YACjB,IAAI,GAAG,IAAI,CAAC;YACZ,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7B,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAChD,MAAM,aAAa,GAAG,EAAE,CAAC,YAAY,CAAC;YACtC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YAC7B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAC;YACvC,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC;QACzC,CAAC,CAAC;QAEF,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YACxC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,eAAe,MAAM,mBAAmB,EAAE,CAAC;YAC3E,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,UAAU,IAAI,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,eAAe,GAAG,EAAE,CAAC,CAAC;QAC1D,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC;YAC1B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnB,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE,IAAI,aAAa,CAAC,OAAO;YAAE,OAAO;QACzC,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,oBAAoB;IAC3B,OAAO,CACL,OAAO,MAAM,KAAK,WAAW;QAC7B,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAC9D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,OAAO,EACP,OAAO,EACP,oBAAoB,GAAG,KAAK,GACR;IACpB,MAAM,aAAa,GACjB,6EAA6E,CAAC;IAEhF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,kBAAkB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAExC,OAAO,CACL,8BAEE,cAAK,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,GAAI,EAEnD,cAAK,SAAS,EAAC,+JAA+J,YAC5K,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,6BAA6B,mBAAmB,EAAE,EAC7D,KAAK,EACH,oBAAoB;wBAClB,CAAC,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAE;wBACzC,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEnC,cAAK,SAAS,EAAC,sDAAsD,YAClE,QAAQ,GACL,EACL,gBAAgB,IAAI,cAAK,SAAS,EAAC,0BAA0B,GAAG,IAC7D,GACF,IACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,gBAAgB,GAAG,IAAI,GACmB;IAC1C,OAAO,CACL,cAAK,SAAS,EAAC,mEAAmE,YAChF,eAAK,SAAS,EAAC,2GAA2G,aACvH,QAAQ,EACR,gBAAgB,IAAI,cAAK,SAAS,EAAC,WAAW,GAAG,IAC9C,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { type InputHTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export type DaimoFormFieldProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
children: (props: {
|
|
5
|
+
id: string;
|
|
6
|
+
describedBy?: string;
|
|
7
|
+
invalid: boolean;
|
|
8
|
+
}) => ReactNode;
|
|
9
|
+
description?: string;
|
|
10
|
+
error?: string;
|
|
11
|
+
hideError?: boolean;
|
|
12
|
+
labelVisibility?: "visible" | "sr-only";
|
|
13
|
+
};
|
|
14
|
+
export declare function DaimoFormField({ label, children, description, error, hideError, labelVisibility, }: DaimoFormFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const DaimoTextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
|
|
16
|
+
invalid?: boolean;
|
|
17
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
18
|
+
export type DaimoSegmentedNumberSegment = {
|
|
19
|
+
id?: string;
|
|
20
|
+
name?: string;
|
|
21
|
+
value: string;
|
|
22
|
+
maxLength: number;
|
|
23
|
+
placeholder: string;
|
|
24
|
+
ariaLabel: string;
|
|
25
|
+
autoComplete?: string;
|
|
26
|
+
invalid?: boolean;
|
|
27
|
+
className?: string;
|
|
28
|
+
width?: string;
|
|
29
|
+
inputRef?: (input: HTMLInputElement | null) => void;
|
|
30
|
+
onBlur?: InputHTMLAttributes<HTMLInputElement>["onBlur"];
|
|
31
|
+
onValueChange: (value: string) => void;
|
|
32
|
+
canAutoAdvance?: (value: string) => boolean;
|
|
33
|
+
};
|
|
34
|
+
export type DaimoSegmentedNumberFieldProps = {
|
|
35
|
+
segments: DaimoSegmentedNumberSegment[];
|
|
36
|
+
describedBy?: string;
|
|
37
|
+
};
|
|
38
|
+
export declare function DaimoSegmentedNumberField({ segments, describedBy, }: DaimoSegmentedNumberFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
//# sourceMappingURL=formFields.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formFields.d.ts","sourceRoot":"","sources":["../../../src/web/components/formFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,eAA2B,GAC5B,EAAE,mBAAmB,2CAwCrB;AAED,eAAO,MAAM,cAAc;cAE2B,OAAO;oDAU3D,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,WAAW,GACZ,EAAE,8BAA8B,2CA4FhC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useCallback, useId, useRef, } from "react";
|
|
3
|
+
import { TextInput } from "./shared.js";
|
|
4
|
+
export function DaimoFormField({ label, children, description, error, hideError, labelVisibility = "visible", }) {
|
|
5
|
+
const id = useId();
|
|
6
|
+
const descriptionId = description ? `${id}-description` : undefined;
|
|
7
|
+
const errorId = error ? `${id}-error` : undefined;
|
|
8
|
+
const describedBy = [descriptionId, errorId].filter(Boolean).join(" ");
|
|
9
|
+
return (_jsxs("label", { className: "daimo-flex daimo-flex-col daimo-gap-1.5", htmlFor: id, children: [_jsx("span", { className: labelVisibility === "sr-only"
|
|
10
|
+
? "daimo-sr-only"
|
|
11
|
+
: "daimo-text-xs daimo-font-medium daimo-text-[var(--daimo-text-secondary)]", children: label }), children({
|
|
12
|
+
id,
|
|
13
|
+
describedBy: describedBy || undefined,
|
|
14
|
+
invalid: error != null,
|
|
15
|
+
}), description && (_jsx("span", { id: descriptionId, className: "daimo-text-xs daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: description })), error && !hideError && (_jsx("span", { id: errorId, className: "daimo-text-xs daimo-leading-relaxed daimo-text-[var(--daimo-error)]", children: error }))] }));
|
|
16
|
+
}
|
|
17
|
+
export const DaimoTextField = forwardRef(function DaimoTextField({ className, invalid, ...props }, ref) {
|
|
18
|
+
return (_jsx(TextInput, { ...props, ref: ref, "aria-invalid": invalid || props["aria-invalid"] || undefined, className: `${invalid ? "daimo-ring-1 daimo-ring-[var(--daimo-error)] " : ""}${className ?? ""}` }));
|
|
19
|
+
});
|
|
20
|
+
export function DaimoSegmentedNumberField({ segments, describedBy, }) {
|
|
21
|
+
const inputRefs = useRef([]);
|
|
22
|
+
const setInputRef = useCallback((index, input) => {
|
|
23
|
+
inputRefs.current[index] = input;
|
|
24
|
+
segments[index]?.inputRef?.(input);
|
|
25
|
+
}, [segments]);
|
|
26
|
+
const focusNextWhenFilled = (index, value, segment) => {
|
|
27
|
+
if (value.length !== segment.maxLength)
|
|
28
|
+
return;
|
|
29
|
+
if (segment.canAutoAdvance != null && !segment.canAutoAdvance(value)) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
inputRefs.current[index + 1]?.focus();
|
|
33
|
+
};
|
|
34
|
+
const focusPreviousOnEmptyBackspace = (event, index) => {
|
|
35
|
+
if (event.key === "Backspace" && event.currentTarget.value === "") {
|
|
36
|
+
inputRefs.current[index - 1]?.focus();
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
const handlePaste = (event) => {
|
|
40
|
+
const digitCount = segments.reduce((total, segment) => total + segment.maxLength, 0);
|
|
41
|
+
const pasted = digitsOnly(event.clipboardData.getData("text"), digitCount);
|
|
42
|
+
if (pasted.length < 2)
|
|
43
|
+
return;
|
|
44
|
+
event.preventDefault();
|
|
45
|
+
let offset = 0;
|
|
46
|
+
let nextFocusIndex = 0;
|
|
47
|
+
segments.forEach((segment, index) => {
|
|
48
|
+
const value = pasted.slice(offset, offset + segment.maxLength);
|
|
49
|
+
segment.onValueChange(value);
|
|
50
|
+
offset += segment.maxLength;
|
|
51
|
+
if (value.length === segment.maxLength) {
|
|
52
|
+
nextFocusIndex = index + 1;
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
inputRefs.current[Math.min(nextFocusIndex, segments.length - 1)]?.focus();
|
|
56
|
+
};
|
|
57
|
+
return (_jsx("div", { className: "daimo-grid daimo-w-full daimo-min-w-0 daimo-gap-2", style: {
|
|
58
|
+
gridTemplateColumns: segments
|
|
59
|
+
.map((segment) => segment.width ?? "minmax(0, 1fr)")
|
|
60
|
+
.join(" "),
|
|
61
|
+
}, children: segments.map((segment, index) => (_jsx(DaimoTextField, { ref: (input) => setInputRef(index, input), id: segment.id, name: segment.name, onBlur: segment.onBlur, type: "text", inputMode: "numeric", autoComplete: segment.autoComplete, pattern: "[0-9]*", maxLength: segment.maxLength, value: segment.value, onChange: (event) => {
|
|
62
|
+
const value = digitsOnly(event.target.value, segment.maxLength);
|
|
63
|
+
segment.onValueChange(value);
|
|
64
|
+
focusNextWhenFilled(index, value, segment);
|
|
65
|
+
}, onKeyDown: (event) => focusPreviousOnEmptyBackspace(event, index), onPaste: handlePaste, placeholder: segment.placeholder, "aria-label": segment.ariaLabel, "aria-describedby": describedBy, invalid: segment.invalid, className: `daimo-h-12 daimo-px-2 daimo-py-3 daimo-text-center ${segment.className ?? ""}` }, segment.name ?? segment.ariaLabel))) }));
|
|
66
|
+
}
|
|
67
|
+
function digitsOnly(value, maxLength) {
|
|
68
|
+
return value.replace(/\D/g, "").slice(0, maxLength);
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=formFields.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formFields.js","sourceRoot":"","sources":["../../../src/web/components/formFields.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,12 @@ export declare function SwitchArrowsIcon({ className, size, flipY, animated, }:
|
|
|
21
21
|
}): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
/** Close X icon for modal dismiss */
|
|
23
23
|
export declare function CloseIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
/** Horizontal ellipsis for compact account actions */
|
|
25
|
+
export declare function EllipsisIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
/** Envelope for account email */
|
|
27
|
+
export declare function EmailIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
/** Door arrow for signing out */
|
|
29
|
+
export declare function LogoutIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
24
30
|
/** Copy icon with checkmark state */
|
|
25
31
|
export declare function CopyIcon({ className, size, copied, }: IconProps & {
|
|
26
32
|
copied?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/web/components/icons.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,8CAA8C;AAC9C,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgB5D;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB9D;AAED,kCAAkC;AAClC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgC5D;AAED,gCAAgC;AAChC,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAQ,EAAE,EAAE,SAAS,2CAkB/D;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAS,EACT,SAAmB,GACpB,EAAE,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAoB9C;AAED,kDAAkD;AAClD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAuBrD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB5D;AAED,qCAAqC;AACrC,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,IAAS,EACT,MAAc,GACf,EAAE,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,2CAkClC;AAED,0BAA0B;AAC1B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA6BhE;AAED,yBAAyB;AACzB,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2BnE;AAED,iDAAiD;AACjD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgBlE;AAED,oDAAoD;AACpD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2B1E;AAED,0DAA0D;AAC1D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAmB9D"}
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/web/components/icons.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,8CAA8C;AAC9C,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgB5D;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB9D;AAED,kCAAkC;AAClC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgC5D;AAED,gCAAgC;AAChC,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAQ,EAAE,EAAE,SAAS,2CAkB/D;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAS,EACT,SAAmB,GACpB,EAAE,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAoB9C;AAED,kDAAkD;AAClD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAuBrD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB5D;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAkB/D;AAED,iCAAiC;AACjC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA0B5D;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA0B7D;AAED,qCAAqC;AACrC,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,IAAS,EACT,MAAc,GACf,EAAE,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,2CAkClC;AAED,0BAA0B;AAC1B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA6BhE;AAED,yBAAyB;AACzB,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2BnE;AAED,iDAAiD;AACjD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgBlE;AAED,oDAAoD;AACpD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2B1E;AAED,0DAA0D;AAC1D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAmB9D"}
|
|
@@ -30,6 +30,18 @@ export function SwitchArrowsIcon({ className, size = 16, flipY = false, animated
|
|
|
30
30
|
export function CloseIcon({ className, size = 14 }) {
|
|
31
31
|
return (_jsx("svg", { width: size, height: size, viewBox: "0 0 14 14", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: _jsx("path", { d: "M1 13L13 1M1 1L13 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
|
|
32
32
|
}
|
|
33
|
+
/** Horizontal ellipsis for compact account actions */
|
|
34
|
+
export function EllipsisIcon({ className, size = 18 }) {
|
|
35
|
+
return (_jsx("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 18 18", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: _jsx("path", { d: "M4 14h.01M9 14h.01M14 14h.01", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round" }) }));
|
|
36
|
+
}
|
|
37
|
+
/** Envelope for account email */
|
|
38
|
+
export function EmailIcon({ className, size = 16 }) {
|
|
39
|
+
return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 18 18", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: [_jsx("path", { d: "M2.5 5c0-.97.78-1.75 1.75-1.75h9.5c.97 0 1.75.78 1.75 1.75v8c0 .97-.78 1.75-1.75 1.75h-9.5c-.97 0-1.75-.78-1.75-1.75V5Z", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "m3.35 4.8 4.9 4.1c.44.37 1.06.37 1.5 0l4.9-4.1", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
40
|
+
}
|
|
41
|
+
/** Door arrow for signing out */
|
|
42
|
+
export function LogoutIcon({ className, size = 18 }) {
|
|
43
|
+
return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 18 18", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: [_jsx("path", { d: "M7.5 3.25H4.75c-.83 0-1.5.67-1.5 1.5v8.5c0 .83.67 1.5 1.5 1.5H7.5", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M11 5.25 14.75 9 11 12.75M14.25 9H7.5", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
44
|
+
}
|
|
33
45
|
/** Copy icon with checkmark state */
|
|
34
46
|
export function CopyIcon({ className, size = 20, copied = false, }) {
|
|
35
47
|
if (copied) {
|