@sikka/hawa 0.11.14-next → 0.11.16-next
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/index.d.mts +54 -61
- package/dist/index.d.ts +54 -61
- package/dist/index.js +91 -66
- package/dist/index.mjs +58 -42
- package/package.json +4 -4
package/dist/index.d.mts
CHANGED
|
@@ -1001,28 +1001,58 @@ type ThirdPartyAuthTextsTypes = {
|
|
|
1001
1001
|
continueWithEmail?: string;
|
|
1002
1002
|
continueWithPhone?: string;
|
|
1003
1003
|
};
|
|
1004
|
-
|
|
1004
|
+
type BaseInputType = {
|
|
1005
|
+
label?: string;
|
|
1006
|
+
placeholder?: string;
|
|
1007
|
+
};
|
|
1008
|
+
type ValidationTexts = {
|
|
1009
|
+
required?: string;
|
|
1010
|
+
invalid?: string;
|
|
1011
|
+
};
|
|
1012
|
+
type TextInputType = ValidationTexts & {
|
|
1013
|
+
label?: string;
|
|
1014
|
+
placeholder?: string;
|
|
1015
|
+
};
|
|
1016
|
+
type PasswordInputType = BaseInputType & {
|
|
1017
|
+
required?: string;
|
|
1018
|
+
tooShort?: string;
|
|
1019
|
+
};
|
|
1020
|
+
type UsernameInputType = TextInputType & {
|
|
1021
|
+
tooShort?: string;
|
|
1022
|
+
};
|
|
1023
|
+
type ConfirmInputType = BaseInputType & {
|
|
1024
|
+
required?: string;
|
|
1025
|
+
dontMatch?: string;
|
|
1026
|
+
};
|
|
1005
1027
|
type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
usernameLabel?: string;
|
|
1011
|
-
usernamePlaceholder?: string;
|
|
1012
|
-
usernameRequired?: string;
|
|
1013
|
-
usernameInvalid?: string;
|
|
1014
|
-
phoneRequired?: string;
|
|
1015
|
-
phoneInvalid?: string;
|
|
1016
|
-
phoneLabel?: string;
|
|
1017
|
-
passwordLabel?: string;
|
|
1018
|
-
passwordPlaceholder?: string;
|
|
1019
|
-
passwordRequired?: string;
|
|
1020
|
-
passwordTooShort?: string;
|
|
1028
|
+
email?: TextInputType;
|
|
1029
|
+
username?: UsernameInputType;
|
|
1030
|
+
phone?: TextInputType;
|
|
1031
|
+
password?: PasswordInputType;
|
|
1021
1032
|
forgotPassword?: string;
|
|
1022
1033
|
newUserText?: string;
|
|
1023
1034
|
createAccount?: string;
|
|
1024
1035
|
loginText?: string;
|
|
1025
1036
|
};
|
|
1037
|
+
type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1038
|
+
fullNameLabel: string;
|
|
1039
|
+
fullNamePlaceholder: string;
|
|
1040
|
+
email?: TextInputType;
|
|
1041
|
+
username?: UsernameInputType;
|
|
1042
|
+
password?: PasswordInputType;
|
|
1043
|
+
confirm?: ConfirmInputType;
|
|
1044
|
+
userReference: BaseInputType;
|
|
1045
|
+
subscribeToNewsletter: string;
|
|
1046
|
+
termsRequired: string;
|
|
1047
|
+
refCode: string;
|
|
1048
|
+
refCodePlaceholder: string;
|
|
1049
|
+
existingUserText: string;
|
|
1050
|
+
termsText: string;
|
|
1051
|
+
iAcceptText: string;
|
|
1052
|
+
registerText: string;
|
|
1053
|
+
loginText: string;
|
|
1054
|
+
};
|
|
1055
|
+
|
|
1026
1056
|
type LoginFormTypes = {
|
|
1027
1057
|
texts?: LoginFormTextsTypes;
|
|
1028
1058
|
/** Function to handle language change. */
|
|
@@ -1081,37 +1111,6 @@ type LoginFormTypes = {
|
|
|
1081
1111
|
};
|
|
1082
1112
|
declare const LoginForm: FC<LoginFormTypes>;
|
|
1083
1113
|
|
|
1084
|
-
type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1085
|
-
fullNameLabel: string;
|
|
1086
|
-
fullNamePlaceholder: string;
|
|
1087
|
-
emailLabel: string;
|
|
1088
|
-
emailPlaceholder: string;
|
|
1089
|
-
emailRequired: string;
|
|
1090
|
-
emailInvalid: string;
|
|
1091
|
-
usernameLabel: string;
|
|
1092
|
-
usernamePlaceholder: string;
|
|
1093
|
-
usernameInvalid: string;
|
|
1094
|
-
usernameRequired: string;
|
|
1095
|
-
passwordLabel: string;
|
|
1096
|
-
passwordPlaceholder: string;
|
|
1097
|
-
passwordRequired: string;
|
|
1098
|
-
passwordTooShort: string;
|
|
1099
|
-
passwordsDontMatch: string;
|
|
1100
|
-
confirmPasswordLabel: string;
|
|
1101
|
-
confirmPasswordPlaceholder: string;
|
|
1102
|
-
confirmPasswordRequired: string;
|
|
1103
|
-
subscribeToNewsletter: string;
|
|
1104
|
-
termsRequired: string;
|
|
1105
|
-
refCode: string;
|
|
1106
|
-
refCodePlaceholder: string;
|
|
1107
|
-
userReferenceLabel: string;
|
|
1108
|
-
userReferencePlaceholder: string;
|
|
1109
|
-
existingUserText: string;
|
|
1110
|
-
termsText: string;
|
|
1111
|
-
iAcceptText: string;
|
|
1112
|
-
registerText: string;
|
|
1113
|
-
loginText: string;
|
|
1114
|
-
};
|
|
1115
1114
|
type RegisterFormTypes = {
|
|
1116
1115
|
/** Object containing text labels used throughout the form. */
|
|
1117
1116
|
texts: RegisterFormTextsTypes;
|
|
@@ -1178,18 +1177,12 @@ type RegisterFormTypes = {
|
|
|
1178
1177
|
};
|
|
1179
1178
|
declare const RegisterForm: FC<RegisterFormTypes>;
|
|
1180
1179
|
|
|
1180
|
+
type AppLandingTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1181
|
+
newUserText?: string;
|
|
1182
|
+
createAccount?: string;
|
|
1183
|
+
};
|
|
1181
1184
|
type AppLandingTypes = {
|
|
1182
|
-
texts?:
|
|
1183
|
-
newUserText?: string;
|
|
1184
|
-
createAccount?: string;
|
|
1185
|
-
continueWithGoogle?: string;
|
|
1186
|
-
continueWithTwitter?: string;
|
|
1187
|
-
continueWithApple?: string;
|
|
1188
|
-
continueWithMicrosoft?: string;
|
|
1189
|
-
continueWithGithub?: string;
|
|
1190
|
-
continueWithEmail?: string;
|
|
1191
|
-
continueWithPhone?: string;
|
|
1192
|
-
};
|
|
1185
|
+
texts?: AppLandingTextsTypes;
|
|
1193
1186
|
viaGoogle?: boolean;
|
|
1194
1187
|
viaTwitter?: boolean;
|
|
1195
1188
|
viaGithub?: boolean;
|
|
@@ -1231,13 +1224,13 @@ type NewPasswordTypes = {
|
|
|
1231
1224
|
allowRegister?: boolean;
|
|
1232
1225
|
passwordChanged: any;
|
|
1233
1226
|
texts: {
|
|
1234
|
-
updatePassword: string;
|
|
1235
1227
|
passwordPlaceholder: string;
|
|
1236
1228
|
passwordRequired: string;
|
|
1237
1229
|
passwordLabel: string;
|
|
1238
1230
|
passwordMatchError: string;
|
|
1239
|
-
passwordChanged: string;
|
|
1240
1231
|
passwordTooShort: string;
|
|
1232
|
+
updatePassword: string;
|
|
1233
|
+
passwordChanged: string;
|
|
1241
1234
|
confirmPasswordPlaceholder: string;
|
|
1242
1235
|
confirmPasswordLabel: string;
|
|
1243
1236
|
confirmPasswordRequired: string;
|
|
@@ -1614,4 +1607,4 @@ declare function useTabs(initialTab?: string): {
|
|
|
1614
1607
|
handleTabChange: (index: any) => void;
|
|
1615
1608
|
};
|
|
1616
1609
|
|
|
1617
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm,
|
|
1610
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -1001,28 +1001,58 @@ type ThirdPartyAuthTextsTypes = {
|
|
|
1001
1001
|
continueWithEmail?: string;
|
|
1002
1002
|
continueWithPhone?: string;
|
|
1003
1003
|
};
|
|
1004
|
-
|
|
1004
|
+
type BaseInputType = {
|
|
1005
|
+
label?: string;
|
|
1006
|
+
placeholder?: string;
|
|
1007
|
+
};
|
|
1008
|
+
type ValidationTexts = {
|
|
1009
|
+
required?: string;
|
|
1010
|
+
invalid?: string;
|
|
1011
|
+
};
|
|
1012
|
+
type TextInputType = ValidationTexts & {
|
|
1013
|
+
label?: string;
|
|
1014
|
+
placeholder?: string;
|
|
1015
|
+
};
|
|
1016
|
+
type PasswordInputType = BaseInputType & {
|
|
1017
|
+
required?: string;
|
|
1018
|
+
tooShort?: string;
|
|
1019
|
+
};
|
|
1020
|
+
type UsernameInputType = TextInputType & {
|
|
1021
|
+
tooShort?: string;
|
|
1022
|
+
};
|
|
1023
|
+
type ConfirmInputType = BaseInputType & {
|
|
1024
|
+
required?: string;
|
|
1025
|
+
dontMatch?: string;
|
|
1026
|
+
};
|
|
1005
1027
|
type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
usernameLabel?: string;
|
|
1011
|
-
usernamePlaceholder?: string;
|
|
1012
|
-
usernameRequired?: string;
|
|
1013
|
-
usernameInvalid?: string;
|
|
1014
|
-
phoneRequired?: string;
|
|
1015
|
-
phoneInvalid?: string;
|
|
1016
|
-
phoneLabel?: string;
|
|
1017
|
-
passwordLabel?: string;
|
|
1018
|
-
passwordPlaceholder?: string;
|
|
1019
|
-
passwordRequired?: string;
|
|
1020
|
-
passwordTooShort?: string;
|
|
1028
|
+
email?: TextInputType;
|
|
1029
|
+
username?: UsernameInputType;
|
|
1030
|
+
phone?: TextInputType;
|
|
1031
|
+
password?: PasswordInputType;
|
|
1021
1032
|
forgotPassword?: string;
|
|
1022
1033
|
newUserText?: string;
|
|
1023
1034
|
createAccount?: string;
|
|
1024
1035
|
loginText?: string;
|
|
1025
1036
|
};
|
|
1037
|
+
type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1038
|
+
fullNameLabel: string;
|
|
1039
|
+
fullNamePlaceholder: string;
|
|
1040
|
+
email?: TextInputType;
|
|
1041
|
+
username?: UsernameInputType;
|
|
1042
|
+
password?: PasswordInputType;
|
|
1043
|
+
confirm?: ConfirmInputType;
|
|
1044
|
+
userReference: BaseInputType;
|
|
1045
|
+
subscribeToNewsletter: string;
|
|
1046
|
+
termsRequired: string;
|
|
1047
|
+
refCode: string;
|
|
1048
|
+
refCodePlaceholder: string;
|
|
1049
|
+
existingUserText: string;
|
|
1050
|
+
termsText: string;
|
|
1051
|
+
iAcceptText: string;
|
|
1052
|
+
registerText: string;
|
|
1053
|
+
loginText: string;
|
|
1054
|
+
};
|
|
1055
|
+
|
|
1026
1056
|
type LoginFormTypes = {
|
|
1027
1057
|
texts?: LoginFormTextsTypes;
|
|
1028
1058
|
/** Function to handle language change. */
|
|
@@ -1081,37 +1111,6 @@ type LoginFormTypes = {
|
|
|
1081
1111
|
};
|
|
1082
1112
|
declare const LoginForm: FC<LoginFormTypes>;
|
|
1083
1113
|
|
|
1084
|
-
type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1085
|
-
fullNameLabel: string;
|
|
1086
|
-
fullNamePlaceholder: string;
|
|
1087
|
-
emailLabel: string;
|
|
1088
|
-
emailPlaceholder: string;
|
|
1089
|
-
emailRequired: string;
|
|
1090
|
-
emailInvalid: string;
|
|
1091
|
-
usernameLabel: string;
|
|
1092
|
-
usernamePlaceholder: string;
|
|
1093
|
-
usernameInvalid: string;
|
|
1094
|
-
usernameRequired: string;
|
|
1095
|
-
passwordLabel: string;
|
|
1096
|
-
passwordPlaceholder: string;
|
|
1097
|
-
passwordRequired: string;
|
|
1098
|
-
passwordTooShort: string;
|
|
1099
|
-
passwordsDontMatch: string;
|
|
1100
|
-
confirmPasswordLabel: string;
|
|
1101
|
-
confirmPasswordPlaceholder: string;
|
|
1102
|
-
confirmPasswordRequired: string;
|
|
1103
|
-
subscribeToNewsletter: string;
|
|
1104
|
-
termsRequired: string;
|
|
1105
|
-
refCode: string;
|
|
1106
|
-
refCodePlaceholder: string;
|
|
1107
|
-
userReferenceLabel: string;
|
|
1108
|
-
userReferencePlaceholder: string;
|
|
1109
|
-
existingUserText: string;
|
|
1110
|
-
termsText: string;
|
|
1111
|
-
iAcceptText: string;
|
|
1112
|
-
registerText: string;
|
|
1113
|
-
loginText: string;
|
|
1114
|
-
};
|
|
1115
1114
|
type RegisterFormTypes = {
|
|
1116
1115
|
/** Object containing text labels used throughout the form. */
|
|
1117
1116
|
texts: RegisterFormTextsTypes;
|
|
@@ -1178,18 +1177,12 @@ type RegisterFormTypes = {
|
|
|
1178
1177
|
};
|
|
1179
1178
|
declare const RegisterForm: FC<RegisterFormTypes>;
|
|
1180
1179
|
|
|
1180
|
+
type AppLandingTextsTypes = ThirdPartyAuthTextsTypes & {
|
|
1181
|
+
newUserText?: string;
|
|
1182
|
+
createAccount?: string;
|
|
1183
|
+
};
|
|
1181
1184
|
type AppLandingTypes = {
|
|
1182
|
-
texts?:
|
|
1183
|
-
newUserText?: string;
|
|
1184
|
-
createAccount?: string;
|
|
1185
|
-
continueWithGoogle?: string;
|
|
1186
|
-
continueWithTwitter?: string;
|
|
1187
|
-
continueWithApple?: string;
|
|
1188
|
-
continueWithMicrosoft?: string;
|
|
1189
|
-
continueWithGithub?: string;
|
|
1190
|
-
continueWithEmail?: string;
|
|
1191
|
-
continueWithPhone?: string;
|
|
1192
|
-
};
|
|
1185
|
+
texts?: AppLandingTextsTypes;
|
|
1193
1186
|
viaGoogle?: boolean;
|
|
1194
1187
|
viaTwitter?: boolean;
|
|
1195
1188
|
viaGithub?: boolean;
|
|
@@ -1231,13 +1224,13 @@ type NewPasswordTypes = {
|
|
|
1231
1224
|
allowRegister?: boolean;
|
|
1232
1225
|
passwordChanged: any;
|
|
1233
1226
|
texts: {
|
|
1234
|
-
updatePassword: string;
|
|
1235
1227
|
passwordPlaceholder: string;
|
|
1236
1228
|
passwordRequired: string;
|
|
1237
1229
|
passwordLabel: string;
|
|
1238
1230
|
passwordMatchError: string;
|
|
1239
|
-
passwordChanged: string;
|
|
1240
1231
|
passwordTooShort: string;
|
|
1232
|
+
updatePassword: string;
|
|
1233
|
+
passwordChanged: string;
|
|
1241
1234
|
confirmPasswordPlaceholder: string;
|
|
1242
1235
|
confirmPasswordLabel: string;
|
|
1243
1236
|
confirmPasswordRequired: string;
|
|
@@ -1614,4 +1607,4 @@ declare function useTabs(initialTab?: string): {
|
|
|
1614
1607
|
handleTabChange: (index: any) => void;
|
|
1615
1608
|
};
|
|
1616
1609
|
|
|
1617
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm,
|
|
1610
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };
|
package/dist/index.js
CHANGED
|
@@ -7041,61 +7041,65 @@ var LoginForm = function(_param) {
|
|
|
7041
7041
|
};
|
|
7042
7042
|
var formSchema;
|
|
7043
7043
|
if (loginType === "email") {
|
|
7044
|
+
var _texts_email, _texts_email1, _texts_email2, _texts_password, _texts_password1, _texts_password2;
|
|
7044
7045
|
formSchema = z.object({
|
|
7045
7046
|
email: z.string({
|
|
7046
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7047
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.required
|
|
7047
7048
|
}).min(1, {
|
|
7048
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7049
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.required
|
|
7049
7050
|
}).email({
|
|
7050
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7051
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_email2 = texts.email) === null || _texts_email2 === void 0 ? void 0 : _texts_email2.invalid
|
|
7051
7052
|
}),
|
|
7052
7053
|
password: z.string({
|
|
7053
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7054
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.required
|
|
7054
7055
|
}).min(1, {
|
|
7055
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7056
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.required
|
|
7056
7057
|
}).min(passwordLength, {
|
|
7057
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7058
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password2 = texts.password) === null || _texts_password2 === void 0 ? void 0 : _texts_password2.tooShort
|
|
7058
7059
|
})
|
|
7059
7060
|
});
|
|
7060
7061
|
} else if (loginType === "username") {
|
|
7062
|
+
var _texts_username, _texts_username1, _texts_username2, _texts_password3, _texts_password4, _texts_password5;
|
|
7061
7063
|
formSchema = z.object({
|
|
7062
7064
|
username: z.string({
|
|
7063
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7065
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.required
|
|
7064
7066
|
}).min(2, {
|
|
7065
|
-
message:
|
|
7067
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_username1 = texts.username) === null || _texts_username1 === void 0 ? void 0 : _texts_username1.tooShort
|
|
7066
7068
|
}).refine(function(value) {
|
|
7067
7069
|
var isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
|
|
7068
7070
|
return isValid;
|
|
7069
7071
|
}, {
|
|
7070
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7072
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_username2 = texts.username) === null || _texts_username2 === void 0 ? void 0 : _texts_username2.invalid
|
|
7071
7073
|
}),
|
|
7072
7074
|
password: z.string({
|
|
7073
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7075
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_password3 = texts.password) === null || _texts_password3 === void 0 ? void 0 : _texts_password3.required
|
|
7074
7076
|
}).min(1, {
|
|
7075
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7077
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password4 = texts.password) === null || _texts_password4 === void 0 ? void 0 : _texts_password4.required
|
|
7076
7078
|
}).min(passwordLength, {
|
|
7077
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7079
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password5 = texts.password) === null || _texts_password5 === void 0 ? void 0 : _texts_password5.tooShort
|
|
7078
7080
|
})
|
|
7079
7081
|
});
|
|
7080
7082
|
} else if (loginType === "phone") {
|
|
7083
|
+
var _texts_phone, _texts_phone1;
|
|
7081
7084
|
formSchema = z.object({
|
|
7082
7085
|
phone: z.string({
|
|
7083
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7086
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_phone = texts.phone) === null || _texts_phone === void 0 ? void 0 : _texts_phone.required
|
|
7084
7087
|
}).refine(function(value) {
|
|
7085
7088
|
var phoneNumber = (0, import_libphonenumber_js.parsePhoneNumber)(value);
|
|
7086
7089
|
return phoneNumber.isValid();
|
|
7087
7090
|
}, {
|
|
7088
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7091
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_phone1 = texts.phone) === null || _texts_phone1 === void 0 ? void 0 : _texts_phone1.invalid
|
|
7089
7092
|
})
|
|
7090
7093
|
});
|
|
7091
7094
|
} else if (loginType === "link") {
|
|
7095
|
+
var _texts_email3, _texts_email4, _texts_email5;
|
|
7092
7096
|
formSchema = z.object({
|
|
7093
7097
|
email: z.string({
|
|
7094
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7098
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_email3 = texts.email) === null || _texts_email3 === void 0 ? void 0 : _texts_email3.required
|
|
7095
7099
|
}).min(1, {
|
|
7096
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7100
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_email4 = texts.email) === null || _texts_email4 === void 0 ? void 0 : _texts_email4.required
|
|
7097
7101
|
}).email({
|
|
7098
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7102
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_email5 = texts.email) === null || _texts_email5 === void 0 ? void 0 : _texts_email5.invalid
|
|
7099
7103
|
})
|
|
7100
7104
|
});
|
|
7101
7105
|
} else {
|
|
@@ -7112,13 +7116,12 @@ var LoginForm = function(_param) {
|
|
|
7112
7116
|
name: "email",
|
|
7113
7117
|
render: function(param) {
|
|
7114
7118
|
var field = param.field;
|
|
7115
|
-
var _formState_errors_email;
|
|
7119
|
+
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7116
7120
|
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
7117
7121
|
width: "full",
|
|
7118
|
-
|
|
7119
|
-
label: (texts === null || texts === void 0 ? void 0 : texts.emailLabel) || "Email",
|
|
7122
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
|
|
7120
7123
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
7121
|
-
placeholder: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7124
|
+
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.placeholder) || "contact@sikka.io"
|
|
7122
7125
|
}, field));
|
|
7123
7126
|
}
|
|
7124
7127
|
}), /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form.Controller, {
|
|
@@ -7126,13 +7129,13 @@ var LoginForm = function(_param) {
|
|
|
7126
7129
|
name: "password",
|
|
7127
7130
|
render: function(param) {
|
|
7128
7131
|
var field = param.field;
|
|
7129
|
-
var _formState_errors_password;
|
|
7132
|
+
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7130
7133
|
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
7131
7134
|
width: "full",
|
|
7132
7135
|
autoComplete: "current-password",
|
|
7133
7136
|
type: "password",
|
|
7134
|
-
label: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7135
|
-
placeholder: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7137
|
+
label: (texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label) || "Password",
|
|
7138
|
+
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder) || "Enter your password",
|
|
7136
7139
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7137
7140
|
}, field));
|
|
7138
7141
|
}
|
|
@@ -7146,13 +7149,13 @@ var LoginForm = function(_param) {
|
|
|
7146
7149
|
name: "username",
|
|
7147
7150
|
render: function(param) {
|
|
7148
7151
|
var field = param.field;
|
|
7149
|
-
var _formState_errors_username;
|
|
7152
|
+
var _texts_username, _formState_errors_username, _texts_username1;
|
|
7150
7153
|
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
7151
7154
|
width: "full",
|
|
7152
7155
|
autoComplete: "username",
|
|
7153
|
-
label: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7156
|
+
label: (texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label) || "Username",
|
|
7154
7157
|
helperText: (_formState_errors_username = formState.errors.username) === null || _formState_errors_username === void 0 ? void 0 : _formState_errors_username.message,
|
|
7155
|
-
placeholder: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7158
|
+
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_username1 = texts.username) === null || _texts_username1 === void 0 ? void 0 : _texts_username1.placeholder) || "sikka_sa"
|
|
7156
7159
|
}, field));
|
|
7157
7160
|
}
|
|
7158
7161
|
}), /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form.Controller, {
|
|
@@ -7160,13 +7163,13 @@ var LoginForm = function(_param) {
|
|
|
7160
7163
|
name: "password",
|
|
7161
7164
|
render: function(param) {
|
|
7162
7165
|
var field = param.field;
|
|
7163
|
-
var _formState_errors_password;
|
|
7166
|
+
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7164
7167
|
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
7165
7168
|
width: "full",
|
|
7166
7169
|
autoComplete: "current-password",
|
|
7167
7170
|
type: "password",
|
|
7168
|
-
label:
|
|
7169
|
-
placeholder: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7171
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label,
|
|
7172
|
+
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder) || "Enter your password",
|
|
7170
7173
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7171
7174
|
}, field));
|
|
7172
7175
|
}
|
|
@@ -7180,9 +7183,9 @@ var LoginForm = function(_param) {
|
|
|
7180
7183
|
name: "phone",
|
|
7181
7184
|
render: function(param) {
|
|
7182
7185
|
var field = param.field;
|
|
7183
|
-
var _formState_errors_phone;
|
|
7186
|
+
var _texts_phone, _formState_errors_phone;
|
|
7184
7187
|
return /* @__PURE__ */ import_react38.default.createElement(PhoneInput, {
|
|
7185
|
-
label: texts === null || texts === void 0 ? void 0 : texts.
|
|
7188
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_phone = texts.phone) === null || _texts_phone === void 0 ? void 0 : _texts_phone.label,
|
|
7186
7189
|
helperText: (_formState_errors_phone = formState.errors.phone) === null || _formState_errors_phone === void 0 ? void 0 : _formState_errors_phone.message,
|
|
7187
7190
|
preferredCountry: {
|
|
7188
7191
|
label: "+966"
|
|
@@ -7199,13 +7202,13 @@ var LoginForm = function(_param) {
|
|
|
7199
7202
|
name: "email",
|
|
7200
7203
|
render: function(param) {
|
|
7201
7204
|
var field = param.field;
|
|
7202
|
-
var _formState_errors_email;
|
|
7205
|
+
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7203
7206
|
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
7204
7207
|
width: "full",
|
|
7205
7208
|
autoComplete: "email",
|
|
7206
|
-
label: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7209
|
+
label: (texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label) || "Email",
|
|
7207
7210
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
7208
|
-
placeholder: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7211
|
+
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.placeholder) || "contact@sikka.io"
|
|
7209
7212
|
}, field));
|
|
7210
7213
|
}
|
|
7211
7214
|
}));
|
|
@@ -7224,6 +7227,7 @@ var LoginForm = function(_param) {
|
|
|
7224
7227
|
text: props.errorText,
|
|
7225
7228
|
severity: "error"
|
|
7226
7229
|
}), /* @__PURE__ */ import_react38.default.createElement("form", {
|
|
7230
|
+
noValidate: true,
|
|
7227
7231
|
className: "hawa-flex hawa-flex-col hawa-gap-4",
|
|
7228
7232
|
onSubmit: handleSubmit(function(e) {
|
|
7229
7233
|
if (props.onLogin) {
|
|
@@ -7267,6 +7271,7 @@ var RegisterForm = function(_param) {
|
|
|
7267
7271
|
var texts = _param.texts, props = _object_without_properties(_param, [
|
|
7268
7272
|
"texts"
|
|
7269
7273
|
]);
|
|
7274
|
+
var _texts_password, _texts_password1, _texts_password2, _texts_confirm, _texts_password3, _texts_confirm1;
|
|
7270
7275
|
var thirdPartyAuthTexts = {
|
|
7271
7276
|
continueWithGoogle: texts === null || texts === void 0 ? void 0 : texts.continueWithGoogle,
|
|
7272
7277
|
continueWithTwitter: texts === null || texts === void 0 ? void 0 : texts.continueWithTwitter,
|
|
@@ -7284,44 +7289,46 @@ var RegisterForm = function(_param) {
|
|
|
7284
7289
|
fieldSchemas["fullName"] = z2.string().optional();
|
|
7285
7290
|
break;
|
|
7286
7291
|
case "email":
|
|
7292
|
+
var _texts_email, _texts_email1, _texts_email2;
|
|
7287
7293
|
fieldSchemas["email"] = z2.string({
|
|
7288
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7294
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.required
|
|
7289
7295
|
}).email({
|
|
7290
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7296
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.invalid
|
|
7291
7297
|
}).min(1, {
|
|
7292
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7298
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_email2 = texts.email) === null || _texts_email2 === void 0 ? void 0 : _texts_email2.required
|
|
7293
7299
|
});
|
|
7294
7300
|
break;
|
|
7295
7301
|
case "username":
|
|
7302
|
+
var _texts_username, _texts_username1, _texts_username2;
|
|
7296
7303
|
fieldSchemas["username"] = z2.string({
|
|
7297
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7304
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.required
|
|
7298
7305
|
}).min(1, {
|
|
7299
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7306
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_username1 = texts.username) === null || _texts_username1 === void 0 ? void 0 : _texts_username1.required
|
|
7300
7307
|
}).refine(function(value) {
|
|
7301
7308
|
var isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
|
|
7302
7309
|
return isValid;
|
|
7303
7310
|
}, {
|
|
7304
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7311
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_username2 = texts.username) === null || _texts_username2 === void 0 ? void 0 : _texts_username2.invalid
|
|
7305
7312
|
});
|
|
7306
7313
|
break;
|
|
7307
7314
|
}
|
|
7308
7315
|
});
|
|
7309
7316
|
var formSchema = z2.object(_object_spread_props(_object_spread({}, fieldSchemas), {
|
|
7310
7317
|
password: z2.string({
|
|
7311
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7318
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.required
|
|
7312
7319
|
}).min(5, {
|
|
7313
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7320
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.tooShort
|
|
7314
7321
|
}).refine(function(value) {
|
|
7315
7322
|
return value !== "";
|
|
7316
7323
|
}, {
|
|
7317
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7324
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password2 = texts.password) === null || _texts_password2 === void 0 ? void 0 : _texts_password2.required
|
|
7318
7325
|
}),
|
|
7319
7326
|
confirm_password: z2.string({
|
|
7320
|
-
required_error: texts === null || texts === void 0 ? void 0 : texts.
|
|
7327
|
+
required_error: texts === null || texts === void 0 ? void 0 : (_texts_confirm = texts.confirm) === null || _texts_confirm === void 0 ? void 0 : _texts_confirm.required
|
|
7321
7328
|
}).refine(function(value) {
|
|
7322
7329
|
return value !== "";
|
|
7323
7330
|
}, {
|
|
7324
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7331
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_password3 = texts.password) === null || _texts_password3 === void 0 ? void 0 : _texts_password3.required
|
|
7325
7332
|
}),
|
|
7326
7333
|
refCode: z2.string().optional(),
|
|
7327
7334
|
reference: z2.string().optional(),
|
|
@@ -7336,7 +7343,7 @@ var RegisterForm = function(_param) {
|
|
|
7336
7343
|
})).refine(function(data) {
|
|
7337
7344
|
return data.password === data.confirm_password;
|
|
7338
7345
|
}, {
|
|
7339
|
-
message: texts === null || texts === void 0 ? void 0 : texts.
|
|
7346
|
+
message: texts === null || texts === void 0 ? void 0 : (_texts_confirm1 = texts.confirm) === null || _texts_confirm1 === void 0 ? void 0 : _texts_confirm1.dontMatch,
|
|
7340
7347
|
path: [
|
|
7341
7348
|
"confirm_password"
|
|
7342
7349
|
]
|
|
@@ -7355,6 +7362,7 @@ var RegisterForm = function(_param) {
|
|
|
7355
7362
|
text: props.errorText,
|
|
7356
7363
|
severity: "error"
|
|
7357
7364
|
}), /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form2.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react39.default.createElement("form", {
|
|
7365
|
+
noValidate: true,
|
|
7358
7366
|
onSubmit: handleSubmit(function(e) {
|
|
7359
7367
|
if (props.onRegister) {
|
|
7360
7368
|
return props.onRegister(e);
|
|
@@ -7390,13 +7398,13 @@ var RegisterForm = function(_param) {
|
|
|
7390
7398
|
name: "email",
|
|
7391
7399
|
render: function(param) {
|
|
7392
7400
|
var field = param.field;
|
|
7393
|
-
var _formState_errors_email;
|
|
7401
|
+
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7394
7402
|
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7395
7403
|
width: "full",
|
|
7396
7404
|
autoComplete: "email",
|
|
7397
|
-
label: texts === null || texts === void 0 ? void 0 : texts.
|
|
7405
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
|
|
7398
7406
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
7399
|
-
placeholder: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7407
|
+
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.placeholder) || "Enter your email"
|
|
7400
7408
|
}, field));
|
|
7401
7409
|
}
|
|
7402
7410
|
});
|
|
@@ -7408,13 +7416,13 @@ var RegisterForm = function(_param) {
|
|
|
7408
7416
|
name: "username",
|
|
7409
7417
|
render: function(param) {
|
|
7410
7418
|
var field = param.field;
|
|
7411
|
-
var _formState_errors_username;
|
|
7419
|
+
var _texts_username, _formState_errors_username, _texts_username1;
|
|
7412
7420
|
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7413
7421
|
width: "full",
|
|
7414
7422
|
autoComplete: "username",
|
|
7415
|
-
label: texts === null || texts === void 0 ? void 0 : texts.
|
|
7423
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label,
|
|
7416
7424
|
helperText: (_formState_errors_username = formState.errors.username) === null || _formState_errors_username === void 0 ? void 0 : _formState_errors_username.message,
|
|
7417
|
-
placeholder: texts === null || texts === void 0 ? void 0 : texts.
|
|
7425
|
+
placeholder: texts === null || texts === void 0 ? void 0 : (_texts_username1 = texts.username) === null || _texts_username1 === void 0 ? void 0 : _texts_username1.placeholder
|
|
7418
7426
|
}, field));
|
|
7419
7427
|
}
|
|
7420
7428
|
});
|
|
@@ -7424,13 +7432,13 @@ var RegisterForm = function(_param) {
|
|
|
7424
7432
|
name: "password",
|
|
7425
7433
|
render: function(param) {
|
|
7426
7434
|
var field = param.field;
|
|
7427
|
-
var _formState_errors_password;
|
|
7435
|
+
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7428
7436
|
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7429
7437
|
width: "full",
|
|
7430
7438
|
type: "password",
|
|
7431
7439
|
autoComplete: "new-password",
|
|
7432
|
-
label: texts === null || texts === void 0 ? void 0 : texts.
|
|
7433
|
-
placeholder: texts === null || texts === void 0 ? void 0 : texts.
|
|
7440
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label,
|
|
7441
|
+
placeholder: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder,
|
|
7434
7442
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7435
7443
|
}, field));
|
|
7436
7444
|
}
|
|
@@ -7439,13 +7447,13 @@ var RegisterForm = function(_param) {
|
|
|
7439
7447
|
name: "confirm_password",
|
|
7440
7448
|
render: function(param) {
|
|
7441
7449
|
var field = param.field;
|
|
7442
|
-
var _formState_errors_confirm_password;
|
|
7450
|
+
var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
|
|
7443
7451
|
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7444
7452
|
width: "full",
|
|
7445
7453
|
type: "password",
|
|
7446
7454
|
autoComplete: "new-password",
|
|
7447
|
-
label: texts === null || texts === void 0 ? void 0 : texts.
|
|
7448
|
-
placeholder: texts === null || texts === void 0 ? void 0 : texts.
|
|
7455
|
+
label: texts === null || texts === void 0 ? void 0 : (_texts_confirm = texts.confirm) === null || _texts_confirm === void 0 ? void 0 : _texts_confirm.label,
|
|
7456
|
+
placeholder: texts === null || texts === void 0 ? void 0 : (_texts_confirm1 = texts.confirm) === null || _texts_confirm1 === void 0 ? void 0 : _texts_confirm1.placeholder,
|
|
7449
7457
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7450
7458
|
}, field));
|
|
7451
7459
|
}
|
|
@@ -7468,8 +7476,8 @@ var RegisterForm = function(_param) {
|
|
|
7468
7476
|
render: function(param) {
|
|
7469
7477
|
var field = param.field;
|
|
7470
7478
|
return /* @__PURE__ */ import_react39.default.createElement(Select, {
|
|
7471
|
-
label: (texts === null || texts === void 0 ? void 0 : texts.
|
|
7472
|
-
placeholder: texts === null || texts === void 0 ? void 0 : texts.
|
|
7479
|
+
label: (texts === null || texts === void 0 ? void 0 : texts.userReference.label) || "How did you learn about us?",
|
|
7480
|
+
placeholder: texts === null || texts === void 0 ? void 0 : texts.userReference.placeholder,
|
|
7473
7481
|
isCreatable: false,
|
|
7474
7482
|
isMulti: false,
|
|
7475
7483
|
isSearchable: false,
|
|
@@ -7540,15 +7548,26 @@ var RegisterForm = function(_param) {
|
|
|
7540
7548
|
};
|
|
7541
7549
|
// components/blocks/auth/AppLanding.tsx
|
|
7542
7550
|
var import_react40 = __toESM(require("react"));
|
|
7543
|
-
var AppLanding = function(
|
|
7544
|
-
var
|
|
7551
|
+
var AppLanding = function(_param) {
|
|
7552
|
+
var texts = _param.texts, props = _object_without_properties(_param, [
|
|
7553
|
+
"texts"
|
|
7554
|
+
]);
|
|
7555
|
+
var thirdPartyAuthTexts = {
|
|
7556
|
+
continueWithGoogle: texts === null || texts === void 0 ? void 0 : texts.continueWithGoogle,
|
|
7557
|
+
continueWithTwitter: texts === null || texts === void 0 ? void 0 : texts.continueWithTwitter,
|
|
7558
|
+
continueWithApple: texts === null || texts === void 0 ? void 0 : texts.continueWithApple,
|
|
7559
|
+
continueWithMicrosoft: texts === null || texts === void 0 ? void 0 : texts.continueWithMicrosoft,
|
|
7560
|
+
continueWithGithub: texts === null || texts === void 0 ? void 0 : texts.continueWithGithub,
|
|
7561
|
+
continueWithEmail: texts === null || texts === void 0 ? void 0 : texts.continueWithEmail,
|
|
7562
|
+
continueWithPhone: texts === null || texts === void 0 ? void 0 : texts.continueWithPhone
|
|
7563
|
+
};
|
|
7545
7564
|
return /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7546
7565
|
dir: props.direction
|
|
7547
7566
|
}, /* @__PURE__ */ import_react40.default.createElement(Card, null, /* @__PURE__ */ import_react40.default.createElement(CardContent, {
|
|
7548
7567
|
headless: true,
|
|
7549
7568
|
className: "hawa-flex hawa-flex-col hawa-gap-6"
|
|
7550
7569
|
}, /* @__PURE__ */ import_react40.default.createElement(AuthButtons, {
|
|
7551
|
-
texts:
|
|
7570
|
+
texts: thirdPartyAuthTexts,
|
|
7552
7571
|
viaApple: props.viaApple,
|
|
7553
7572
|
viaGoogle: props.viaGoogle,
|
|
7554
7573
|
viaEmail: props.viaEmail,
|
|
@@ -7566,10 +7585,10 @@ var AppLanding = function(props) {
|
|
|
7566
7585
|
}), !props.withoutSignUp && //TODO: change to "register"
|
|
7567
7586
|
/* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7568
7587
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300"
|
|
7569
|
-
},
|
|
7588
|
+
}, texts === null || texts === void 0 ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react40.default.createElement("span", {
|
|
7570
7589
|
onClick: props.handleRouteToRegister,
|
|
7571
7590
|
className: "clickable-link"
|
|
7572
|
-
},
|
|
7591
|
+
}, texts === null || texts === void 0 ? void 0 : texts.createAccount)))), /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7573
7592
|
className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between"
|
|
7574
7593
|
}, /* @__PURE__ */ import_react40.default.createElement(Radio, {
|
|
7575
7594
|
onChangeTab: props.handleLanguage,
|
|
@@ -7706,6 +7725,7 @@ var NewPasswordForm = function(_param) {
|
|
|
7706
7725
|
}, /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7707
7726
|
className: "hawa-text-center"
|
|
7708
7727
|
}, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react42.default.createElement("form", {
|
|
7728
|
+
noValidate: true,
|
|
7709
7729
|
onSubmit: handleSubmit(function(e) {
|
|
7710
7730
|
if (props.handleNewPassword) {
|
|
7711
7731
|
return props.handleNewPassword(e);
|
|
@@ -7781,6 +7801,7 @@ var ResetPasswordForm = function(props) {
|
|
|
7781
7801
|
return /* @__PURE__ */ import_react43.default.createElement(Card, {
|
|
7782
7802
|
dir: props.direction
|
|
7783
7803
|
}, !props.sent ? /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react43.default.createElement(CardHeader, null, /* @__PURE__ */ import_react43.default.createElement(CardTitle, null, " ", ((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.headTitle) || "Reset Password"), /* @__PURE__ */ import_react43.default.createElement(CardDescription, null, ((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react43.default.createElement("form", {
|
|
7804
|
+
noValidate: true,
|
|
7784
7805
|
onSubmit: handleSubmit(function(e) {
|
|
7785
7806
|
if (props.handleResetPassword) {
|
|
7786
7807
|
return props.handleResetPassword(e);
|
|
@@ -7850,6 +7871,7 @@ var CodeConfirmation = function(props) {
|
|
|
7850
7871
|
}, (_props_texts_checkYourPhone = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7851
7872
|
className: "hawa-text-muted-foreground"
|
|
7852
7873
|
}, /* @__PURE__ */ import_react44.default.createElement("span", null, (_props_texts_weSentCode = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react44.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react44.default.createElement("form", {
|
|
7874
|
+
noValidate: true,
|
|
7853
7875
|
onSubmit: handleSubmit(function(e) {
|
|
7854
7876
|
if (props.handleConfirm) {
|
|
7855
7877
|
return props.handleConfirm(e);
|
|
@@ -7939,6 +7961,7 @@ var UserReferralSource = function(_param) {
|
|
|
7939
7961
|
}))), /* @__PURE__ */ import_react45.default.createElement(CardContent, {
|
|
7940
7962
|
headless: true
|
|
7941
7963
|
}, /* @__PURE__ */ import_react45.default.createElement("form", {
|
|
7964
|
+
noValidate: true,
|
|
7942
7965
|
onSubmit: handleSubmit(function(e) {
|
|
7943
7966
|
if (props.onSubmitForm) {
|
|
7944
7967
|
props.onSubmitForm(e);
|
|
@@ -8333,6 +8356,7 @@ var FeedbackForm = function(props) {
|
|
|
8333
8356
|
return /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(CardContent, {
|
|
8334
8357
|
headless: true
|
|
8335
8358
|
}, /* @__PURE__ */ import_react48.default.createElement("form", {
|
|
8359
|
+
noValidate: true,
|
|
8336
8360
|
onSubmit: handleSubmit(function(e) {
|
|
8337
8361
|
if (props.onSubmit) {
|
|
8338
8362
|
return props.onSubmit(e);
|
|
@@ -8469,6 +8493,7 @@ var LeadGenerator = function(param) {
|
|
|
8469
8493
|
};
|
|
8470
8494
|
var _texts_submit;
|
|
8471
8495
|
return /* @__PURE__ */ import_react52.default.createElement(Card, null, /* @__PURE__ */ import_react52.default.createElement(CardHeader, null, /* @__PURE__ */ import_react52.default.createElement(CardTitle, null, texts === null || texts === void 0 ? void 0 : texts.title), /* @__PURE__ */ import_react52.default.createElement(CardDescription, null, texts === null || texts === void 0 ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react52.default.createElement(CardContent, null, /* @__PURE__ */ import_react52.default.createElement("form", {
|
|
8496
|
+
noValidate: true,
|
|
8472
8497
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
8473
8498
|
onSubmit: handleSubmit(onSubmit)
|
|
8474
8499
|
}, /* @__PURE__ */ import_react52.default.createElement(import_react_hook_form8.Controller, {
|
package/dist/index.mjs
CHANGED
|
@@ -6989,33 +6989,33 @@ var LoginForm = ({
|
|
|
6989
6989
|
let formSchema;
|
|
6990
6990
|
if (loginType === "email") {
|
|
6991
6991
|
formSchema = z.object({
|
|
6992
|
-
email: z.string({ required_error: texts?.
|
|
6993
|
-
password: z.string({ required_error: texts?.
|
|
6992
|
+
email: z.string({ required_error: texts?.email?.required }).min(1, { message: texts?.email?.required }).email({ message: texts?.email?.invalid }),
|
|
6993
|
+
password: z.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(passwordLength, { message: texts?.password?.tooShort })
|
|
6994
6994
|
});
|
|
6995
6995
|
} else if (loginType === "username") {
|
|
6996
6996
|
formSchema = z.object({
|
|
6997
|
-
username: z.string({ required_error: texts?.
|
|
6997
|
+
username: z.string({ required_error: texts?.username?.required }).min(2, { message: texts?.username?.tooShort }).refine(
|
|
6998
6998
|
(value) => {
|
|
6999
6999
|
const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
|
|
7000
7000
|
return isValid;
|
|
7001
7001
|
},
|
|
7002
|
-
{ message: texts?.
|
|
7002
|
+
{ message: texts?.username?.invalid }
|
|
7003
7003
|
),
|
|
7004
|
-
password: z.string({ required_error: texts?.
|
|
7004
|
+
password: z.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(passwordLength, { message: texts?.password?.tooShort })
|
|
7005
7005
|
});
|
|
7006
7006
|
} else if (loginType === "phone") {
|
|
7007
7007
|
formSchema = z.object({
|
|
7008
|
-
phone: z.string({ required_error: texts?.
|
|
7008
|
+
phone: z.string({ required_error: texts?.phone?.required }).refine(
|
|
7009
7009
|
(value) => {
|
|
7010
7010
|
let phoneNumber = parsePhoneNumber(value);
|
|
7011
7011
|
return phoneNumber.isValid();
|
|
7012
7012
|
},
|
|
7013
|
-
{ message: texts?.
|
|
7013
|
+
{ message: texts?.phone?.invalid }
|
|
7014
7014
|
)
|
|
7015
7015
|
});
|
|
7016
7016
|
} else if (loginType === "link") {
|
|
7017
7017
|
formSchema = z.object({
|
|
7018
|
-
email: z.string({ required_error: texts?.
|
|
7018
|
+
email: z.string({ required_error: texts?.email?.required }).min(1, { message: texts?.email?.required }).email({ message: texts?.email?.invalid })
|
|
7019
7019
|
});
|
|
7020
7020
|
} else {
|
|
7021
7021
|
formSchema = z.object({});
|
|
@@ -7035,10 +7035,9 @@ var LoginForm = ({
|
|
|
7035
7035
|
Input,
|
|
7036
7036
|
{
|
|
7037
7037
|
width: "full",
|
|
7038
|
-
|
|
7039
|
-
label: texts?.emailLabel || "Email",
|
|
7038
|
+
label: texts?.email?.label,
|
|
7040
7039
|
helperText: formState.errors.email?.message,
|
|
7041
|
-
placeholder: texts?.
|
|
7040
|
+
placeholder: texts?.email?.placeholder || "contact@sikka.io",
|
|
7042
7041
|
...field
|
|
7043
7042
|
}
|
|
7044
7043
|
)
|
|
@@ -7054,8 +7053,8 @@ var LoginForm = ({
|
|
|
7054
7053
|
width: "full",
|
|
7055
7054
|
autoComplete: "current-password",
|
|
7056
7055
|
type: "password",
|
|
7057
|
-
label: texts?.
|
|
7058
|
-
placeholder: texts?.
|
|
7056
|
+
label: texts?.password?.label || "Password",
|
|
7057
|
+
placeholder: texts?.password?.placeholder || "Enter your password",
|
|
7059
7058
|
helperText: formState.errors.password?.message,
|
|
7060
7059
|
...field
|
|
7061
7060
|
}
|
|
@@ -7081,9 +7080,9 @@ var LoginForm = ({
|
|
|
7081
7080
|
{
|
|
7082
7081
|
width: "full",
|
|
7083
7082
|
autoComplete: "username",
|
|
7084
|
-
label: texts?.
|
|
7083
|
+
label: texts?.username?.label || "Username",
|
|
7085
7084
|
helperText: formState.errors.username?.message,
|
|
7086
|
-
placeholder: texts?.
|
|
7085
|
+
placeholder: texts?.username?.placeholder || "sikka_sa",
|
|
7087
7086
|
...field
|
|
7088
7087
|
}
|
|
7089
7088
|
);
|
|
@@ -7100,8 +7099,8 @@ var LoginForm = ({
|
|
|
7100
7099
|
width: "full",
|
|
7101
7100
|
autoComplete: "current-password",
|
|
7102
7101
|
type: "password",
|
|
7103
|
-
label: texts?.
|
|
7104
|
-
placeholder: texts?.
|
|
7102
|
+
label: texts?.password?.label,
|
|
7103
|
+
placeholder: texts?.password?.placeholder || "Enter your password",
|
|
7105
7104
|
helperText: formState.errors.password?.message,
|
|
7106
7105
|
...field
|
|
7107
7106
|
}
|
|
@@ -7124,7 +7123,7 @@ var LoginForm = ({
|
|
|
7124
7123
|
render: ({ field }) => /* @__PURE__ */ React62.createElement(
|
|
7125
7124
|
PhoneInput,
|
|
7126
7125
|
{
|
|
7127
|
-
label: texts?.
|
|
7126
|
+
label: texts?.phone?.label,
|
|
7128
7127
|
helperText: formState.errors.phone?.message,
|
|
7129
7128
|
preferredCountry: { label: "+966" },
|
|
7130
7129
|
handleChange: (e) => field.onChange(parsePhoneNumber(e).number)
|
|
@@ -7143,9 +7142,9 @@ var LoginForm = ({
|
|
|
7143
7142
|
{
|
|
7144
7143
|
width: "full",
|
|
7145
7144
|
autoComplete: "email",
|
|
7146
|
-
label: texts?.
|
|
7145
|
+
label: texts?.email?.label || "Email",
|
|
7147
7146
|
helperText: formState.errors.email?.message,
|
|
7148
|
-
placeholder: texts?.
|
|
7147
|
+
placeholder: texts?.email?.placeholder || "contact@sikka.io",
|
|
7149
7148
|
...field
|
|
7150
7149
|
}
|
|
7151
7150
|
)
|
|
@@ -7165,6 +7164,7 @@ var LoginForm = ({
|
|
|
7165
7164
|
), /* @__PURE__ */ React62.createElement(
|
|
7166
7165
|
"form",
|
|
7167
7166
|
{
|
|
7167
|
+
noValidate: true,
|
|
7168
7168
|
className: "hawa-flex hawa-flex-col hawa-gap-4",
|
|
7169
7169
|
onSubmit: handleSubmit((e) => {
|
|
7170
7170
|
if (props.onLogin) {
|
|
@@ -7246,33 +7246,33 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7246
7246
|
fieldSchemas["fullName"] = z2.string().optional();
|
|
7247
7247
|
break;
|
|
7248
7248
|
case "email":
|
|
7249
|
-
fieldSchemas["email"] = z2.string({ required_error: texts?.
|
|
7249
|
+
fieldSchemas["email"] = z2.string({ required_error: texts?.email?.required }).email({ message: texts?.email?.invalid }).min(1, { message: texts?.email?.required });
|
|
7250
7250
|
break;
|
|
7251
7251
|
case "username":
|
|
7252
|
-
fieldSchemas["username"] = z2.string({ required_error: texts?.
|
|
7252
|
+
fieldSchemas["username"] = z2.string({ required_error: texts?.username?.required }).min(1, { message: texts?.username?.required }).refine(
|
|
7253
7253
|
(value) => {
|
|
7254
7254
|
const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
|
|
7255
7255
|
return isValid;
|
|
7256
7256
|
},
|
|
7257
|
-
{ message: texts?.
|
|
7257
|
+
{ message: texts?.username?.invalid }
|
|
7258
7258
|
);
|
|
7259
7259
|
break;
|
|
7260
7260
|
}
|
|
7261
7261
|
});
|
|
7262
7262
|
const formSchema = z2.object({
|
|
7263
7263
|
...fieldSchemas,
|
|
7264
|
-
password: z2.string({ required_error: texts?.
|
|
7265
|
-
message: texts?.
|
|
7264
|
+
password: z2.string({ required_error: texts?.password?.required }).min(5, { message: texts?.password?.tooShort }).refine((value) => value !== "", {
|
|
7265
|
+
message: texts?.password?.required
|
|
7266
7266
|
}),
|
|
7267
|
-
confirm_password: z2.string({ required_error: texts?.
|
|
7268
|
-
message: texts?.
|
|
7267
|
+
confirm_password: z2.string({ required_error: texts?.confirm?.required }).refine((value) => value !== "", {
|
|
7268
|
+
message: texts?.password?.required
|
|
7269
7269
|
}),
|
|
7270
7270
|
refCode: z2.string().optional(),
|
|
7271
7271
|
reference: z2.string().optional(),
|
|
7272
7272
|
terms_accepted: z2.boolean({ required_error: texts?.termsRequired }).refine((value) => value, { message: texts?.termsRequired }),
|
|
7273
7273
|
newsletter_accepted: z2.boolean().optional()
|
|
7274
7274
|
}).refine((data) => data.password === data.confirm_password, {
|
|
7275
|
-
message: texts?.
|
|
7275
|
+
message: texts?.confirm?.dontMatch,
|
|
7276
7276
|
path: ["confirm_password"]
|
|
7277
7277
|
});
|
|
7278
7278
|
const { handleSubmit, control, formState } = useForm2({
|
|
@@ -7288,6 +7288,7 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7288
7288
|
), /* @__PURE__ */ React63.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React63.createElement(
|
|
7289
7289
|
"form",
|
|
7290
7290
|
{
|
|
7291
|
+
noValidate: true,
|
|
7291
7292
|
onSubmit: handleSubmit((e) => {
|
|
7292
7293
|
if (props.onRegister) {
|
|
7293
7294
|
return props.onRegister(e);
|
|
@@ -7332,9 +7333,9 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7332
7333
|
{
|
|
7333
7334
|
width: "full",
|
|
7334
7335
|
autoComplete: "email",
|
|
7335
|
-
label: texts?.
|
|
7336
|
+
label: texts?.email?.label,
|
|
7336
7337
|
helperText: formState.errors.email?.message,
|
|
7337
|
-
placeholder: texts?.
|
|
7338
|
+
placeholder: texts?.email?.placeholder || "Enter your email",
|
|
7338
7339
|
...field
|
|
7339
7340
|
}
|
|
7340
7341
|
)
|
|
@@ -7353,9 +7354,9 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7353
7354
|
{
|
|
7354
7355
|
width: "full",
|
|
7355
7356
|
autoComplete: "username",
|
|
7356
|
-
label: texts?.
|
|
7357
|
+
label: texts?.username?.label,
|
|
7357
7358
|
helperText: formState.errors.username?.message,
|
|
7358
|
-
placeholder: texts?.
|
|
7359
|
+
placeholder: texts?.username?.placeholder,
|
|
7359
7360
|
...field
|
|
7360
7361
|
}
|
|
7361
7362
|
)
|
|
@@ -7374,8 +7375,8 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7374
7375
|
width: "full",
|
|
7375
7376
|
type: "password",
|
|
7376
7377
|
autoComplete: "new-password",
|
|
7377
|
-
label: texts?.
|
|
7378
|
-
placeholder: texts?.
|
|
7378
|
+
label: texts?.password?.label,
|
|
7379
|
+
placeholder: texts?.password?.placeholder,
|
|
7379
7380
|
helperText: formState.errors.password?.message,
|
|
7380
7381
|
...field
|
|
7381
7382
|
}
|
|
@@ -7393,8 +7394,8 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7393
7394
|
width: "full",
|
|
7394
7395
|
type: "password",
|
|
7395
7396
|
autoComplete: "new-password",
|
|
7396
|
-
label: texts?.
|
|
7397
|
-
placeholder: texts?.
|
|
7397
|
+
label: texts?.confirm?.label,
|
|
7398
|
+
placeholder: texts?.confirm?.placeholder,
|
|
7398
7399
|
helperText: formState.errors.confirm_password?.message,
|
|
7399
7400
|
...field
|
|
7400
7401
|
}
|
|
@@ -7427,8 +7428,8 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7427
7428
|
render: ({ field }) => /* @__PURE__ */ React63.createElement(
|
|
7428
7429
|
Select,
|
|
7429
7430
|
{
|
|
7430
|
-
label: texts?.
|
|
7431
|
-
placeholder: texts?.
|
|
7431
|
+
label: texts?.userReference.label || "How did you learn about us?",
|
|
7432
|
+
placeholder: texts?.userReference.placeholder,
|
|
7432
7433
|
isCreatable: false,
|
|
7433
7434
|
isMulti: false,
|
|
7434
7435
|
isSearchable: false,
|
|
@@ -7519,11 +7520,20 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7519
7520
|
|
|
7520
7521
|
// components/blocks/auth/AppLanding.tsx
|
|
7521
7522
|
import React64 from "react";
|
|
7522
|
-
var AppLanding = (props) => {
|
|
7523
|
+
var AppLanding = ({ texts, ...props }) => {
|
|
7524
|
+
const thirdPartyAuthTexts = {
|
|
7525
|
+
continueWithGoogle: texts?.continueWithGoogle,
|
|
7526
|
+
continueWithTwitter: texts?.continueWithTwitter,
|
|
7527
|
+
continueWithApple: texts?.continueWithApple,
|
|
7528
|
+
continueWithMicrosoft: texts?.continueWithMicrosoft,
|
|
7529
|
+
continueWithGithub: texts?.continueWithGithub,
|
|
7530
|
+
continueWithEmail: texts?.continueWithEmail,
|
|
7531
|
+
continueWithPhone: texts?.continueWithPhone
|
|
7532
|
+
};
|
|
7523
7533
|
return /* @__PURE__ */ React64.createElement("div", { dir: props.direction }, /* @__PURE__ */ React64.createElement(Card, null, /* @__PURE__ */ React64.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ React64.createElement(
|
|
7524
7534
|
AuthButtons,
|
|
7525
7535
|
{
|
|
7526
|
-
texts:
|
|
7536
|
+
texts: thirdPartyAuthTexts,
|
|
7527
7537
|
viaApple: props.viaApple,
|
|
7528
7538
|
viaGoogle: props.viaGoogle,
|
|
7529
7539
|
viaEmail: props.viaEmail,
|
|
@@ -7540,13 +7550,13 @@ var AppLanding = (props) => {
|
|
|
7540
7550
|
handlePhone: props.handlePhone
|
|
7541
7551
|
}
|
|
7542
7552
|
), !props.withoutSignUp && //TODO: change to "register"
|
|
7543
|
-
/* @__PURE__ */ React64.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" },
|
|
7553
|
+
/* @__PURE__ */ React64.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts?.newUserText, " ", /* @__PURE__ */ React64.createElement(
|
|
7544
7554
|
"span",
|
|
7545
7555
|
{
|
|
7546
7556
|
onClick: props.handleRouteToRegister,
|
|
7547
7557
|
className: "clickable-link"
|
|
7548
7558
|
},
|
|
7549
|
-
|
|
7559
|
+
texts?.createAccount
|
|
7550
7560
|
)))), /* @__PURE__ */ React64.createElement("div", { className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React64.createElement(
|
|
7551
7561
|
Radio,
|
|
7552
7562
|
{
|
|
@@ -7653,6 +7663,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
|
|
|
7653
7663
|
return /* @__PURE__ */ React66.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React66.createElement(Alert, { text: texts?.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React66.createElement(CardContent, { headless: true }, /* @__PURE__ */ React66.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React66.createElement(
|
|
7654
7664
|
"form",
|
|
7655
7665
|
{
|
|
7666
|
+
noValidate: true,
|
|
7656
7667
|
onSubmit: handleSubmit((e) => {
|
|
7657
7668
|
if (props.handleNewPassword) {
|
|
7658
7669
|
return props.handleNewPassword(e);
|
|
@@ -7735,6 +7746,7 @@ var ResetPasswordForm = (props) => {
|
|
|
7735
7746
|
return /* @__PURE__ */ React67.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, !props.headless && /* @__PURE__ */ React67.createElement(CardHeader, null, /* @__PURE__ */ React67.createElement(CardTitle, null, " ", props.texts?.headTitle || "Reset Password"), /* @__PURE__ */ React67.createElement(CardDescription, null, props.texts?.headDescription || "Enter your email to reset your account password")), /* @__PURE__ */ React67.createElement(
|
|
7736
7747
|
"form",
|
|
7737
7748
|
{
|
|
7749
|
+
noValidate: true,
|
|
7738
7750
|
onSubmit: handleSubmit((e) => {
|
|
7739
7751
|
if (props.handleResetPassword) {
|
|
7740
7752
|
return props.handleResetPassword(e);
|
|
@@ -7793,6 +7805,7 @@ var CodeConfirmation = (props) => {
|
|
|
7793
7805
|
), /* @__PURE__ */ React68.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React68.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, props.texts?.checkYourPhone ?? "Please check your phone"), /* @__PURE__ */ React68.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React68.createElement("span", null, props.texts?.weSentCode ?? "We've sent a code to "), /* @__PURE__ */ React68.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ React68.createElement(
|
|
7794
7806
|
"form",
|
|
7795
7807
|
{
|
|
7808
|
+
noValidate: true,
|
|
7796
7809
|
onSubmit: handleSubmit((e) => {
|
|
7797
7810
|
if (props.handleConfirm) {
|
|
7798
7811
|
return props.handleConfirm(e);
|
|
@@ -7905,6 +7918,7 @@ var UserReferralSource = ({
|
|
|
7905
7918
|
/* @__PURE__ */ React69.createElement(CardContent, { headless: true }, /* @__PURE__ */ React69.createElement(
|
|
7906
7919
|
"form",
|
|
7907
7920
|
{
|
|
7921
|
+
noValidate: true,
|
|
7908
7922
|
onSubmit: handleSubmit((e) => {
|
|
7909
7923
|
if (props.onSubmitForm) {
|
|
7910
7924
|
props.onSubmitForm(e);
|
|
@@ -8294,6 +8308,7 @@ var FeedbackForm = (props) => {
|
|
|
8294
8308
|
return /* @__PURE__ */ React72.createElement(Card, null, /* @__PURE__ */ React72.createElement(CardContent, { headless: true }, /* @__PURE__ */ React72.createElement(
|
|
8295
8309
|
"form",
|
|
8296
8310
|
{
|
|
8311
|
+
noValidate: true,
|
|
8297
8312
|
onSubmit: handleSubmit((e) => {
|
|
8298
8313
|
if (props.onSubmit) {
|
|
8299
8314
|
return props.onSubmit(e);
|
|
@@ -8414,6 +8429,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
|
8414
8429
|
return /* @__PURE__ */ React76.createElement(Card, null, /* @__PURE__ */ React76.createElement(CardHeader, null, /* @__PURE__ */ React76.createElement(CardTitle, null, texts?.title), /* @__PURE__ */ React76.createElement(CardDescription, null, texts?.subtitle)), /* @__PURE__ */ React76.createElement(CardContent, null, /* @__PURE__ */ React76.createElement(
|
|
8415
8430
|
"form",
|
|
8416
8431
|
{
|
|
8432
|
+
noValidate: true,
|
|
8417
8433
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
8418
8434
|
onSubmit: handleSubmit(onSubmit)
|
|
8419
8435
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikka/hawa",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.16-next",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"types": "./dist/index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"pub": "npm publish --tag next"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@hookform/resolvers": "^3.3.
|
|
28
|
+
"@hookform/resolvers": "^3.3.2",
|
|
29
29
|
"@radix-ui/react-accordion": "^1.1.2",
|
|
30
30
|
"@radix-ui/react-checkbox": "^1.0.4",
|
|
31
31
|
"@radix-ui/react-collapsible": "^1.0.3",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
41
41
|
"@radix-ui/react-toast": "^1.1.5",
|
|
42
42
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
43
|
-
"@tanstack/react-table": "^8.10.
|
|
43
|
+
"@tanstack/react-table": "^8.10.7",
|
|
44
44
|
"@types/node": "^20.8.9",
|
|
45
45
|
"@types/react": "^18.2.33",
|
|
46
46
|
"@types/react-dom": "^18.2.14",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"@storybook/theming": "^7.5.1",
|
|
77
77
|
"autoprefixer": "^10.4.16",
|
|
78
78
|
"eslint-plugin-storybook": "^0.6.15",
|
|
79
|
-
"lucide-react": "^0.
|
|
79
|
+
"lucide-react": "^0.290.0",
|
|
80
80
|
"postcss": "^8.4.31",
|
|
81
81
|
"postcss-cli": "^10.1.0",
|
|
82
82
|
"postcss-import": "^15.1.0",
|