@sikka/hawa 0.27.22-next → 0.27.24-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/avatar/index.d.mts +1 -0
- package/dist/avatar/index.d.ts +1 -0
- package/dist/avatar/index.js +2 -1
- package/dist/avatar/index.js.map +1 -1
- package/dist/avatar/index.mjs +2 -1
- package/dist/avatar/index.mjs.map +1 -1
- package/dist/blocks/auth/index.d.mts +29 -3
- package/dist/blocks/auth/index.d.ts +29 -3
- package/dist/blocks/auth/index.js +386 -383
- package/dist/blocks/auth/index.mjs +315 -309
- package/dist/blocks/feedback/index.d.mts +1 -1
- package/dist/blocks/feedback/index.d.ts +1 -1
- package/dist/blocks/feedback/index.mjs +5 -5
- package/dist/blocks/index.d.mts +28 -2
- package/dist/blocks/index.d.ts +28 -2
- package/dist/blocks/index.js +401 -398
- package/dist/blocks/index.mjs +19 -15
- package/dist/blocks/misc/index.d.mts +1 -1
- package/dist/blocks/misc/index.d.ts +1 -1
- package/dist/blocks/misc/index.mjs +5 -5
- package/dist/blocks/pricing/index.d.mts +1 -1
- package/dist/blocks/pricing/index.d.ts +1 -1
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/{chunk-V42WPIDL.mjs → chunk-3ZURZ4TW.mjs} +2 -2
- package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
- package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
- package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
- package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
- package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
- package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
- package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
- package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
- package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
- package/dist/elements/index.d.mts +5 -3
- package/dist/elements/index.d.ts +5 -3
- package/dist/elements/index.js +3 -2
- package/dist/elements/index.mjs +5 -4
- package/dist/index.css +3 -0
- package/dist/index.d.mts +54 -26
- package/dist/index.d.ts +54 -26
- package/dist/index.js +21 -15
- package/dist/index.mjs +20 -15
- package/dist/layout/index.mjs +2 -2
- package/dist/phoneInput/index.d.mts +1 -0
- package/dist/phoneInput/index.d.ts +1 -0
- package/dist/phoneInput/index.js +8 -8
- package/dist/phoneInput/index.js.map +1 -1
- package/dist/phoneInput/index.mjs +8 -8
- package/dist/phoneInput/index.mjs.map +1 -1
- package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.mts} +1 -1
- package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.ts} +1 -1
- package/package.json +6 -6
@@ -289,6 +289,7 @@ interface AvatarProps {
|
|
289
289
|
radius?: RadiusType;
|
290
290
|
className?: string;
|
291
291
|
icon?: React__default.ReactNode;
|
292
|
+
hideIcon?: boolean;
|
292
293
|
}
|
293
294
|
declare const Avatar: React__default.FC<AvatarProps>;
|
294
295
|
|
@@ -497,8 +498,8 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
|
|
497
498
|
declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
|
498
499
|
isLoading?: boolean | undefined;
|
499
500
|
containerClassName?: string | undefined;
|
500
|
-
margin?: "
|
501
|
-
width?: "
|
501
|
+
margin?: "normal" | "none" | "large" | undefined;
|
502
|
+
width?: "normal" | "small" | "full" | "auto" | undefined;
|
502
503
|
/** The label of the input field */
|
503
504
|
label?: any;
|
504
505
|
labelProps?: LabelProps | undefined;
|
@@ -520,7 +521,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
|
|
520
521
|
placeholder?: React__default.ReactNode;
|
521
522
|
/** Show the count of characters left in the input field. Works along with maxLength prop. */
|
522
523
|
showCount?: boolean | undefined;
|
523
|
-
countPosition?: "
|
524
|
+
countPosition?: "center" | "top" | "bottom" | undefined;
|
524
525
|
popup?: boolean | undefined;
|
525
526
|
popupContent?: React__default.ReactNode;
|
526
527
|
prefixText?: any;
|
@@ -631,6 +632,7 @@ type PhoneInputTypes = {
|
|
631
632
|
helperText?: any;
|
632
633
|
label?: string;
|
633
634
|
labelProps?: LabelProps;
|
635
|
+
placeholder?: string;
|
634
636
|
handleChange?: (value: string) => void;
|
635
637
|
};
|
636
638
|
declare const PhoneInput: FC<PhoneInputTypes>;
|
package/dist/elements/index.d.ts
CHANGED
@@ -289,6 +289,7 @@ interface AvatarProps {
|
|
289
289
|
radius?: RadiusType;
|
290
290
|
className?: string;
|
291
291
|
icon?: React__default.ReactNode;
|
292
|
+
hideIcon?: boolean;
|
292
293
|
}
|
293
294
|
declare const Avatar: React__default.FC<AvatarProps>;
|
294
295
|
|
@@ -497,8 +498,8 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
|
|
497
498
|
declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
|
498
499
|
isLoading?: boolean | undefined;
|
499
500
|
containerClassName?: string | undefined;
|
500
|
-
margin?: "
|
501
|
-
width?: "
|
501
|
+
margin?: "normal" | "none" | "large" | undefined;
|
502
|
+
width?: "normal" | "small" | "full" | "auto" | undefined;
|
502
503
|
/** The label of the input field */
|
503
504
|
label?: any;
|
504
505
|
labelProps?: LabelProps | undefined;
|
@@ -520,7 +521,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
|
|
520
521
|
placeholder?: React__default.ReactNode;
|
521
522
|
/** Show the count of characters left in the input field. Works along with maxLength prop. */
|
522
523
|
showCount?: boolean | undefined;
|
523
|
-
countPosition?: "
|
524
|
+
countPosition?: "center" | "top" | "bottom" | undefined;
|
524
525
|
popup?: boolean | undefined;
|
525
526
|
popupContent?: React__default.ReactNode;
|
526
527
|
prefixText?: any;
|
@@ -631,6 +632,7 @@ type PhoneInputTypes = {
|
|
631
632
|
helperText?: any;
|
632
633
|
label?: string;
|
633
634
|
labelProps?: LabelProps;
|
635
|
+
placeholder?: string;
|
634
636
|
handleChange?: (value: string) => void;
|
635
637
|
};
|
636
638
|
declare const PhoneInput: FC<PhoneInputTypes>;
|
package/dist/elements/index.js
CHANGED
@@ -2201,6 +2201,7 @@ var FileUploader = ({ handleFile, className }) => {
|
|
2201
2201
|
// elements/avatar/Avatar.tsx
|
2202
2202
|
var Avatar = ({
|
2203
2203
|
isUploadable,
|
2204
|
+
hideIcon,
|
2204
2205
|
src,
|
2205
2206
|
alt,
|
2206
2207
|
size = "default",
|
@@ -2261,7 +2262,7 @@ var Avatar = ({
|
|
2261
2262
|
alt
|
2262
2263
|
}
|
2263
2264
|
),
|
2264
|
-
!src && !
|
2265
|
+
!src && !hideIcon && /* @__PURE__ */ import_react8.default.createElement(
|
2265
2266
|
"div",
|
2266
2267
|
{
|
2267
2268
|
className: cn(
|
@@ -6160,7 +6161,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
|
|
6160
6161
|
onChange: handleInputChange,
|
6161
6162
|
value: phoneNumber,
|
6162
6163
|
type: "tel",
|
6163
|
-
placeholder:
|
6164
|
+
placeholder: props.placeholder
|
6164
6165
|
}
|
6165
6166
|
))), /* @__PURE__ */ import_react18.default.createElement(
|
6166
6167
|
"p",
|
package/dist/elements/index.mjs
CHANGED
@@ -28,7 +28,7 @@ import {
|
|
28
28
|
TabsTrigger,
|
29
29
|
Textarea,
|
30
30
|
UncheckMark
|
31
|
-
} from "../chunk-
|
31
|
+
} from "../chunk-3ZURZ4TW.mjs";
|
32
32
|
import {
|
33
33
|
Sheet,
|
34
34
|
SheetClose,
|
@@ -40,7 +40,7 @@ import {
|
|
40
40
|
SheetPortal,
|
41
41
|
SheetTitle,
|
42
42
|
SheetTrigger
|
43
|
-
} from "../chunk-
|
43
|
+
} from "../chunk-TIQERSM3.mjs";
|
44
44
|
import {
|
45
45
|
Button,
|
46
46
|
Card,
|
@@ -74,7 +74,7 @@ import {
|
|
74
74
|
buttonVariants,
|
75
75
|
calculateLuminance,
|
76
76
|
cn
|
77
|
-
} from "../chunk-
|
77
|
+
} from "../chunk-R2NAPFAZ.mjs";
|
78
78
|
import {
|
79
79
|
__require
|
80
80
|
} from "../chunk-4OOSUQZG.mjs";
|
@@ -693,6 +693,7 @@ var FileUploader = ({ handleFile, className }) => {
|
|
693
693
|
// elements/avatar/Avatar.tsx
|
694
694
|
var Avatar = ({
|
695
695
|
isUploadable,
|
696
|
+
hideIcon,
|
696
697
|
src,
|
697
698
|
alt,
|
698
699
|
size = "default",
|
@@ -753,7 +754,7 @@ var Avatar = ({
|
|
753
754
|
alt
|
754
755
|
}
|
755
756
|
),
|
756
|
-
!src && !
|
757
|
+
!src && !hideIcon && /* @__PURE__ */ React8.createElement(
|
757
758
|
"div",
|
758
759
|
{
|
759
760
|
className: cn(
|
package/dist/index.css
CHANGED
package/dist/index.d.mts
CHANGED
@@ -414,6 +414,7 @@ interface AvatarProps {
|
|
414
414
|
radius?: RadiusType;
|
415
415
|
className?: string;
|
416
416
|
icon?: React__default.ReactNode;
|
417
|
+
hideIcon?: boolean;
|
417
418
|
}
|
418
419
|
declare const Avatar: React__default.FC<AvatarProps>;
|
419
420
|
|
@@ -827,6 +828,7 @@ type PhoneInputTypes = {
|
|
827
828
|
helperText?: any;
|
828
829
|
label?: string;
|
829
830
|
labelProps?: LabelProps;
|
831
|
+
placeholder?: string;
|
830
832
|
handleChange?: (value: string) => void;
|
831
833
|
};
|
832
834
|
declare const PhoneInput: FC<PhoneInputTypes>;
|
@@ -1297,31 +1299,6 @@ type DocsSidebarType = {
|
|
1297
1299
|
};
|
1298
1300
|
declare const DocsSidebar: React__default.FC<DocsSidebarType>;
|
1299
1301
|
|
1300
|
-
type PlanFeature = {
|
1301
|
-
soon?: boolean;
|
1302
|
-
included?: boolean;
|
1303
|
-
text: string;
|
1304
|
-
hint?: string;
|
1305
|
-
hintSide?: PositionType;
|
1306
|
-
};
|
1307
|
-
type PricingCardProps = {
|
1308
|
-
direction?: DirectionType;
|
1309
|
-
features: PlanFeature[];
|
1310
|
-
endButton?: boolean;
|
1311
|
-
price: number;
|
1312
|
-
oldPrice?: number;
|
1313
|
-
noPrice?: boolean;
|
1314
|
-
id?: string;
|
1315
|
-
discount?: string;
|
1316
|
-
onPlanClicked?: () => void;
|
1317
|
-
currentPlan?: boolean;
|
1318
|
-
recommended?: boolean;
|
1319
|
-
size?: "small" | "medium" | "large";
|
1320
|
-
isLoadingPrice?: boolean;
|
1321
|
-
isLoadingCard?: boolean;
|
1322
|
-
texts: PricingPlanTexts;
|
1323
|
-
};
|
1324
|
-
|
1325
1302
|
type PricingPlanTexts = {
|
1326
1303
|
title?: string;
|
1327
1304
|
subtitle?: string;
|
@@ -1409,6 +1386,57 @@ type NewPasswordTextsTypes = {
|
|
1409
1386
|
registerText?: string;
|
1410
1387
|
};
|
1411
1388
|
|
1389
|
+
type AuthButtonsType = {
|
1390
|
+
texts?: ThirdPartyAuthTextsTypes;
|
1391
|
+
viaGoogle?: boolean;
|
1392
|
+
viaTwitter?: boolean;
|
1393
|
+
viaGithub?: boolean;
|
1394
|
+
viaMicrosoft?: boolean;
|
1395
|
+
viaEmail?: boolean;
|
1396
|
+
viaPhone?: boolean;
|
1397
|
+
viaApple?: boolean;
|
1398
|
+
isGoogleLoading?: boolean;
|
1399
|
+
isGithubLoading?: boolean;
|
1400
|
+
isTwitterLoading?: boolean;
|
1401
|
+
isMicrosoftLoading?: boolean;
|
1402
|
+
isEmailLoading?: boolean;
|
1403
|
+
isPhoneLoading?: boolean;
|
1404
|
+
isAppleLoading?: boolean;
|
1405
|
+
handleGoogle?: () => void;
|
1406
|
+
handleTwitter?: () => void;
|
1407
|
+
handleApple?: () => void;
|
1408
|
+
handleMicrosoft?: () => void;
|
1409
|
+
handleGithub?: () => void;
|
1410
|
+
handleEmail?: () => void;
|
1411
|
+
handlePhone?: () => void;
|
1412
|
+
};
|
1413
|
+
declare const AuthButtons: React__default.FC<AuthButtonsType>;
|
1414
|
+
|
1415
|
+
type PlanFeature = {
|
1416
|
+
soon?: boolean;
|
1417
|
+
included?: boolean;
|
1418
|
+
text: string;
|
1419
|
+
hint?: string;
|
1420
|
+
hintSide?: PositionType;
|
1421
|
+
};
|
1422
|
+
type PricingCardProps = {
|
1423
|
+
direction?: DirectionType;
|
1424
|
+
features: PlanFeature[];
|
1425
|
+
endButton?: boolean;
|
1426
|
+
price: number;
|
1427
|
+
oldPrice?: number;
|
1428
|
+
noPrice?: boolean;
|
1429
|
+
id?: string;
|
1430
|
+
discount?: string;
|
1431
|
+
onPlanClicked?: () => void;
|
1432
|
+
currentPlan?: boolean;
|
1433
|
+
recommended?: boolean;
|
1434
|
+
size?: "small" | "medium" | "large";
|
1435
|
+
isLoadingPrice?: boolean;
|
1436
|
+
isLoadingCard?: boolean;
|
1437
|
+
texts: PricingPlanTexts;
|
1438
|
+
};
|
1439
|
+
|
1412
1440
|
type LoginFormTypes = {
|
1413
1441
|
/** Object containing text labels used throughout the form. */
|
1414
1442
|
texts?: LoginFormTextsTypes;
|
@@ -1993,4 +2021,4 @@ declare function useTabs(initialTab?: string): {
|
|
1993
2021
|
handleTabChange: (index: any) => void;
|
1994
2022
|
};
|
1995
2023
|
|
1996
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
|
2024
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
@@ -414,6 +414,7 @@ interface AvatarProps {
|
|
414
414
|
radius?: RadiusType;
|
415
415
|
className?: string;
|
416
416
|
icon?: React__default.ReactNode;
|
417
|
+
hideIcon?: boolean;
|
417
418
|
}
|
418
419
|
declare const Avatar: React__default.FC<AvatarProps>;
|
419
420
|
|
@@ -827,6 +828,7 @@ type PhoneInputTypes = {
|
|
827
828
|
helperText?: any;
|
828
829
|
label?: string;
|
829
830
|
labelProps?: LabelProps;
|
831
|
+
placeholder?: string;
|
830
832
|
handleChange?: (value: string) => void;
|
831
833
|
};
|
832
834
|
declare const PhoneInput: FC<PhoneInputTypes>;
|
@@ -1297,31 +1299,6 @@ type DocsSidebarType = {
|
|
1297
1299
|
};
|
1298
1300
|
declare const DocsSidebar: React__default.FC<DocsSidebarType>;
|
1299
1301
|
|
1300
|
-
type PlanFeature = {
|
1301
|
-
soon?: boolean;
|
1302
|
-
included?: boolean;
|
1303
|
-
text: string;
|
1304
|
-
hint?: string;
|
1305
|
-
hintSide?: PositionType;
|
1306
|
-
};
|
1307
|
-
type PricingCardProps = {
|
1308
|
-
direction?: DirectionType;
|
1309
|
-
features: PlanFeature[];
|
1310
|
-
endButton?: boolean;
|
1311
|
-
price: number;
|
1312
|
-
oldPrice?: number;
|
1313
|
-
noPrice?: boolean;
|
1314
|
-
id?: string;
|
1315
|
-
discount?: string;
|
1316
|
-
onPlanClicked?: () => void;
|
1317
|
-
currentPlan?: boolean;
|
1318
|
-
recommended?: boolean;
|
1319
|
-
size?: "small" | "medium" | "large";
|
1320
|
-
isLoadingPrice?: boolean;
|
1321
|
-
isLoadingCard?: boolean;
|
1322
|
-
texts: PricingPlanTexts;
|
1323
|
-
};
|
1324
|
-
|
1325
1302
|
type PricingPlanTexts = {
|
1326
1303
|
title?: string;
|
1327
1304
|
subtitle?: string;
|
@@ -1409,6 +1386,57 @@ type NewPasswordTextsTypes = {
|
|
1409
1386
|
registerText?: string;
|
1410
1387
|
};
|
1411
1388
|
|
1389
|
+
type AuthButtonsType = {
|
1390
|
+
texts?: ThirdPartyAuthTextsTypes;
|
1391
|
+
viaGoogle?: boolean;
|
1392
|
+
viaTwitter?: boolean;
|
1393
|
+
viaGithub?: boolean;
|
1394
|
+
viaMicrosoft?: boolean;
|
1395
|
+
viaEmail?: boolean;
|
1396
|
+
viaPhone?: boolean;
|
1397
|
+
viaApple?: boolean;
|
1398
|
+
isGoogleLoading?: boolean;
|
1399
|
+
isGithubLoading?: boolean;
|
1400
|
+
isTwitterLoading?: boolean;
|
1401
|
+
isMicrosoftLoading?: boolean;
|
1402
|
+
isEmailLoading?: boolean;
|
1403
|
+
isPhoneLoading?: boolean;
|
1404
|
+
isAppleLoading?: boolean;
|
1405
|
+
handleGoogle?: () => void;
|
1406
|
+
handleTwitter?: () => void;
|
1407
|
+
handleApple?: () => void;
|
1408
|
+
handleMicrosoft?: () => void;
|
1409
|
+
handleGithub?: () => void;
|
1410
|
+
handleEmail?: () => void;
|
1411
|
+
handlePhone?: () => void;
|
1412
|
+
};
|
1413
|
+
declare const AuthButtons: React__default.FC<AuthButtonsType>;
|
1414
|
+
|
1415
|
+
type PlanFeature = {
|
1416
|
+
soon?: boolean;
|
1417
|
+
included?: boolean;
|
1418
|
+
text: string;
|
1419
|
+
hint?: string;
|
1420
|
+
hintSide?: PositionType;
|
1421
|
+
};
|
1422
|
+
type PricingCardProps = {
|
1423
|
+
direction?: DirectionType;
|
1424
|
+
features: PlanFeature[];
|
1425
|
+
endButton?: boolean;
|
1426
|
+
price: number;
|
1427
|
+
oldPrice?: number;
|
1428
|
+
noPrice?: boolean;
|
1429
|
+
id?: string;
|
1430
|
+
discount?: string;
|
1431
|
+
onPlanClicked?: () => void;
|
1432
|
+
currentPlan?: boolean;
|
1433
|
+
recommended?: boolean;
|
1434
|
+
size?: "small" | "medium" | "large";
|
1435
|
+
isLoadingPrice?: boolean;
|
1436
|
+
isLoadingCard?: boolean;
|
1437
|
+
texts: PricingPlanTexts;
|
1438
|
+
};
|
1439
|
+
|
1412
1440
|
type LoginFormTypes = {
|
1413
1441
|
/** Object containing text labels used throughout the form. */
|
1414
1442
|
texts?: LoginFormTextsTypes;
|
@@ -1993,4 +2021,4 @@ declare function useTabs(initialTab?: string): {
|
|
1993
2021
|
handleTabChange: (index: any) => void;
|
1994
2022
|
};
|
1995
2023
|
|
1996
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
|
2024
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
|
package/dist/index.js
CHANGED
@@ -45,6 +45,7 @@ __export(components_exports, {
|
|
45
45
|
AppStores: () => AppStores,
|
46
46
|
AppTabs: () => AppTabs,
|
47
47
|
AppTopbar: () => AppTopbar,
|
48
|
+
AuthButtons: () => AuthButtons,
|
48
49
|
Avatar: () => Avatar,
|
49
50
|
BackToTop: () => BackToTop,
|
50
51
|
Badge: () => Badge,
|
@@ -2267,6 +2268,7 @@ var FileUploader = ({ handleFile, className }) => {
|
|
2267
2268
|
// elements/avatar/Avatar.tsx
|
2268
2269
|
var Avatar = ({
|
2269
2270
|
isUploadable,
|
2271
|
+
hideIcon,
|
2270
2272
|
src,
|
2271
2273
|
alt,
|
2272
2274
|
size = "default",
|
@@ -2327,7 +2329,7 @@ var Avatar = ({
|
|
2327
2329
|
alt
|
2328
2330
|
}
|
2329
2331
|
),
|
2330
|
-
!src && !
|
2332
|
+
!src && !hideIcon && /* @__PURE__ */ import_react8.default.createElement(
|
2331
2333
|
"div",
|
2332
2334
|
{
|
2333
2335
|
className: cn(
|
@@ -6226,7 +6228,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
|
|
6226
6228
|
onChange: handleInputChange,
|
6227
6229
|
value: phoneNumber,
|
6228
6230
|
type: "tel",
|
6229
|
-
placeholder:
|
6231
|
+
placeholder: props.placeholder
|
6230
6232
|
}
|
6231
6233
|
))), /* @__PURE__ */ import_react18.default.createElement(
|
6232
6234
|
"p",
|
@@ -9187,13 +9189,6 @@ var DocsLayout = ({
|
|
9187
9189
|
));
|
9188
9190
|
};
|
9189
9191
|
|
9190
|
-
// blocks/auth/LoginForm.tsx
|
9191
|
-
var import_react46 = __toESM(require("react"));
|
9192
|
-
var import_react_hook_form = require("react-hook-form");
|
9193
|
-
var import_zod = require("@hookform/resolvers/zod");
|
9194
|
-
var import_libphonenumber_js = require("libphonenumber-js");
|
9195
|
-
var z = __toESM(require("zod"));
|
9196
|
-
|
9197
9192
|
// blocks/auth/AuthButtons.tsx
|
9198
9193
|
var import_react45 = __toESM(require("react"));
|
9199
9194
|
var AuthButtons = (props) => {
|
@@ -9272,6 +9267,11 @@ var AuthButtons = (props) => {
|
|
9272
9267
|
};
|
9273
9268
|
|
9274
9269
|
// blocks/auth/LoginForm.tsx
|
9270
|
+
var import_react46 = __toESM(require("react"));
|
9271
|
+
var import_react_hook_form = require("react-hook-form");
|
9272
|
+
var import_zod = require("@hookform/resolvers/zod");
|
9273
|
+
var import_libphonenumber_js = require("libphonenumber-js");
|
9274
|
+
var z = __toESM(require("zod"));
|
9275
9275
|
var LoginForm = ({
|
9276
9276
|
loginType = "email",
|
9277
9277
|
texts,
|
@@ -10100,10 +10100,15 @@ var import_react51 = __toESM(require("react"));
|
|
10100
10100
|
var import_react_hook_form4 = require("react-hook-form");
|
10101
10101
|
var import_zod4 = require("@hookform/resolvers/zod");
|
10102
10102
|
var z4 = __toESM(require("zod"));
|
10103
|
-
var ResetPasswordForm = (
|
10103
|
+
var ResetPasswordForm = ({
|
10104
|
+
allowRegister = true,
|
10105
|
+
...props
|
10106
|
+
}) => {
|
10104
10107
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
10105
10108
|
const formSchema = z4.object({
|
10106
|
-
email: z4.string({
|
10109
|
+
email: z4.string({
|
10110
|
+
required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
|
10111
|
+
}).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
|
10107
10112
|
});
|
10108
10113
|
const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
|
10109
10114
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
@@ -10120,7 +10125,7 @@ var ResetPasswordForm = (props) => {
|
|
10120
10125
|
}
|
10121
10126
|
})
|
10122
10127
|
},
|
10123
|
-
/* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ import_react51.default.createElement(
|
10128
|
+
/* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react51.default.createElement(
|
10124
10129
|
import_react_hook_form4.Controller,
|
10125
10130
|
{
|
10126
10131
|
control,
|
@@ -10131,7 +10136,7 @@ var ResetPasswordForm = (props) => {
|
|
10131
10136
|
Input,
|
10132
10137
|
{
|
10133
10138
|
width: "full",
|
10134
|
-
label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
|
10139
|
+
label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
|
10135
10140
|
helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
|
10136
10141
|
placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
|
10137
10142
|
...field
|
@@ -10140,7 +10145,7 @@ var ResetPasswordForm = (props) => {
|
|
10140
10145
|
}
|
10141
10146
|
}
|
10142
10147
|
)),
|
10143
|
-
/* @__PURE__ */ import_react51.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword),
|
10148
|
+
/* @__PURE__ */ import_react51.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react51.default.createElement(
|
10144
10149
|
"span",
|
10145
10150
|
{
|
10146
10151
|
className: "clickable-link",
|
@@ -10148,7 +10153,7 @@ var ResetPasswordForm = (props) => {
|
|
10148
10153
|
},
|
10149
10154
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
10150
10155
|
)))
|
10151
|
-
)) : /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
|
10156
|
+
)) : /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
|
10152
10157
|
};
|
10153
10158
|
|
10154
10159
|
// blocks/auth/CodeConfirmation.tsx
|
@@ -12155,6 +12160,7 @@ function useTabs(initialTab = "") {
|
|
12155
12160
|
AppStores,
|
12156
12161
|
AppTabs,
|
12157
12162
|
AppTopbar,
|
12163
|
+
AuthButtons,
|
12158
12164
|
Avatar,
|
12159
12165
|
BackToTop,
|
12160
12166
|
Badge,
|
package/dist/index.mjs
CHANGED
@@ -2034,6 +2034,7 @@ var FileUploader = ({ handleFile, className }) => {
|
|
2034
2034
|
// elements/avatar/Avatar.tsx
|
2035
2035
|
var Avatar = ({
|
2036
2036
|
isUploadable,
|
2037
|
+
hideIcon,
|
2037
2038
|
src,
|
2038
2039
|
alt,
|
2039
2040
|
size = "default",
|
@@ -2094,7 +2095,7 @@ var Avatar = ({
|
|
2094
2095
|
alt
|
2095
2096
|
}
|
2096
2097
|
),
|
2097
|
-
!src && !
|
2098
|
+
!src && !hideIcon && /* @__PURE__ */ React18.createElement(
|
2098
2099
|
"div",
|
2099
2100
|
{
|
2100
2101
|
className: cn(
|
@@ -6001,7 +6002,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
|
|
6001
6002
|
onChange: handleInputChange,
|
6002
6003
|
value: phoneNumber,
|
6003
6004
|
type: "tel",
|
6004
|
-
placeholder:
|
6005
|
+
placeholder: props.placeholder
|
6005
6006
|
}
|
6006
6007
|
))), /* @__PURE__ */ React39.createElement(
|
6007
6008
|
"p",
|
@@ -8969,13 +8970,6 @@ var DocsLayout = ({
|
|
8969
8970
|
));
|
8970
8971
|
};
|
8971
8972
|
|
8972
|
-
// blocks/auth/LoginForm.tsx
|
8973
|
-
import React73, { useState as useState25 } from "react";
|
8974
|
-
import { Controller, useForm } from "react-hook-form";
|
8975
|
-
import { zodResolver } from "@hookform/resolvers/zod";
|
8976
|
-
import { parsePhoneNumber } from "libphonenumber-js";
|
8977
|
-
import * as z from "zod";
|
8978
|
-
|
8979
8973
|
// blocks/auth/AuthButtons.tsx
|
8980
8974
|
import React72 from "react";
|
8981
8975
|
var AuthButtons = (props) => {
|
@@ -9054,6 +9048,11 @@ var AuthButtons = (props) => {
|
|
9054
9048
|
};
|
9055
9049
|
|
9056
9050
|
// blocks/auth/LoginForm.tsx
|
9051
|
+
import React73, { useState as useState25 } from "react";
|
9052
|
+
import { Controller, useForm } from "react-hook-form";
|
9053
|
+
import { zodResolver } from "@hookform/resolvers/zod";
|
9054
|
+
import { parsePhoneNumber } from "libphonenumber-js";
|
9055
|
+
import * as z from "zod";
|
9057
9056
|
var LoginForm = ({
|
9058
9057
|
loginType = "email",
|
9059
9058
|
texts,
|
@@ -9882,10 +9881,15 @@ import React78 from "react";
|
|
9882
9881
|
import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
|
9883
9882
|
import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
|
9884
9883
|
import * as z4 from "zod";
|
9885
|
-
var ResetPasswordForm = (
|
9884
|
+
var ResetPasswordForm = ({
|
9885
|
+
allowRegister = true,
|
9886
|
+
...props
|
9887
|
+
}) => {
|
9886
9888
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
9887
9889
|
const formSchema = z4.object({
|
9888
|
-
email: z4.string({
|
9890
|
+
email: z4.string({
|
9891
|
+
required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
|
9892
|
+
}).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
|
9889
9893
|
});
|
9890
9894
|
const { handleSubmit, control, formState } = useForm4({
|
9891
9895
|
resolver: zodResolver4(formSchema)
|
@@ -9902,7 +9906,7 @@ var ResetPasswordForm = (props) => {
|
|
9902
9906
|
}
|
9903
9907
|
})
|
9904
9908
|
},
|
9905
|
-
/* @__PURE__ */ React78.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React78.createElement(
|
9909
|
+
/* @__PURE__ */ React78.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React78.createElement(
|
9906
9910
|
Controller4,
|
9907
9911
|
{
|
9908
9912
|
control,
|
@@ -9913,7 +9917,7 @@ var ResetPasswordForm = (props) => {
|
|
9913
9917
|
Input,
|
9914
9918
|
{
|
9915
9919
|
width: "full",
|
9916
|
-
label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
|
9920
|
+
label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
|
9917
9921
|
helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
|
9918
9922
|
placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
|
9919
9923
|
...field
|
@@ -9922,7 +9926,7 @@ var ResetPasswordForm = (props) => {
|
|
9922
9926
|
}
|
9923
9927
|
}
|
9924
9928
|
)),
|
9925
|
-
/* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword),
|
9929
|
+
/* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React78.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React78.createElement(
|
9926
9930
|
"span",
|
9927
9931
|
{
|
9928
9932
|
className: "clickable-link",
|
@@ -9930,7 +9934,7 @@ var ResetPasswordForm = (props) => {
|
|
9930
9934
|
},
|
9931
9935
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
9932
9936
|
)))
|
9933
|
-
)) : /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
|
9937
|
+
)) : /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
|
9934
9938
|
};
|
9935
9939
|
|
9936
9940
|
// blocks/auth/CodeConfirmation.tsx
|
@@ -11936,6 +11940,7 @@ export {
|
|
11936
11940
|
AppStores,
|
11937
11941
|
AppTabs,
|
11938
11942
|
AppTopbar,
|
11943
|
+
AuthButtons,
|
11939
11944
|
Avatar,
|
11940
11945
|
BackToTop,
|
11941
11946
|
Badge,
|
package/dist/layout/index.mjs
CHANGED
@@ -6,7 +6,7 @@ import {
|
|
6
6
|
Sheet,
|
7
7
|
SheetContent,
|
8
8
|
SheetTrigger
|
9
|
-
} from "../chunk-
|
9
|
+
} from "../chunk-TIQERSM3.mjs";
|
10
10
|
import {
|
11
11
|
Button,
|
12
12
|
Card,
|
@@ -18,7 +18,7 @@ import {
|
|
18
18
|
Skeleton,
|
19
19
|
Tooltip,
|
20
20
|
cn
|
21
|
-
} from "../chunk-
|
21
|
+
} from "../chunk-R2NAPFAZ.mjs";
|
22
22
|
import "../chunk-4OOSUQZG.mjs";
|
23
23
|
|
24
24
|
// layout/stats/Stats.tsx
|