igloo-d2c-components 1.0.11 → 1.0.13

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.
Files changed (105) hide show
  1. package/README.md +0 -18
  2. package/dist/cjs/index.js +41 -2551
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/index.js +41 -2501
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/types/{storybook-components → components/Banner}/Banner.stories.d.ts +1 -1
  7. package/dist/types/{storybook-components → components/Button}/Button.stories.d.ts +1 -1
  8. package/dist/types/{storybook-components → components/Card}/Card.stories.d.ts +1 -1
  9. package/dist/types/context/TenantThemeContext.d.ts +2 -3
  10. package/dist/types/index.d.ts +4 -48
  11. package/dist/types/themes/index.d.ts +1 -1
  12. package/dist/types/types/tenant.d.ts +2 -23
  13. package/dist/types/utils/theme.d.ts +2 -3
  14. package/package.json +2 -4
  15. package/dist/assets/icons/alert.svg +0 -5
  16. package/dist/assets/icons/arrow-down.svg +0 -3
  17. package/dist/assets/icons/arrow.svg +0 -9
  18. package/dist/assets/icons/close.svg +0 -4
  19. package/dist/assets/icons/facebook.svg +0 -3
  20. package/dist/assets/icons/index.ts +0 -26
  21. package/dist/assets/icons/instagram.svg +0 -11
  22. package/dist/assets/icons/youtube.svg +0 -11
  23. package/dist/assets/index.ts +0 -13
  24. package/dist/assets/tenants/ammetlife/logo.svg +0 -10
  25. package/dist/assets/tenants/cimb/logo-white.png +0 -0
  26. package/dist/assets/tenants/cimb/logo.svg +0 -62
  27. package/dist/assets/tenants/igloo/logo.svg +0 -22
  28. package/dist/types/assets/icons/index.d.ts +0 -21
  29. package/dist/types/assets/index.d.ts +0 -9
  30. package/dist/types/components/BillingToggle/BillingToggle.d.ts +0 -34
  31. package/dist/types/components/BillingToggle/index.d.ts +0 -3
  32. package/dist/types/components/BillingToggle/styled.d.ts +0 -12
  33. package/dist/types/components/CheckoutFormButton/CheckoutFormButton.d.ts +0 -39
  34. package/dist/types/components/CheckoutFormButton/index.d.ts +0 -2
  35. package/dist/types/components/CheckoutFormButton/styled.d.ts +0 -9
  36. package/dist/types/components/CheckoutHeader/CheckoutHeader.d.ts +0 -41
  37. package/dist/types/components/CheckoutHeader/index.d.ts +0 -2
  38. package/dist/types/components/CheckoutHeader/styled.d.ts +0 -15
  39. package/dist/types/components/CheckoutProgress/CheckoutProgress.d.ts +0 -35
  40. package/dist/types/components/CheckoutProgress/index.d.ts +0 -2
  41. package/dist/types/components/CheckoutProgress/styled.d.ts +0 -16
  42. package/dist/types/components/ChildInformationForm/ChildInformationForm.d.ts +0 -52
  43. package/dist/types/components/ChildInformationForm/index.d.ts +0 -2
  44. package/dist/types/components/ChildInformationForm/styled.d.ts +0 -4
  45. package/dist/types/components/ContactDetailsForm/ContactDetailsForm.d.ts +0 -63
  46. package/dist/types/components/ContactDetailsForm/index.d.ts +0 -2
  47. package/dist/types/components/ContactDetailsForm/styled.d.ts +0 -10
  48. package/dist/types/components/CoverageAmountSlider/CoverageAmountSlider.d.ts +0 -57
  49. package/dist/types/components/CoverageAmountSlider/index.d.ts +0 -3
  50. package/dist/types/components/CoverageAmountSlider/styled.d.ts +0 -50
  51. package/dist/types/components/Footer/Footer.d.ts +0 -94
  52. package/dist/types/components/Footer/index.d.ts +0 -3
  53. package/dist/types/components/Footer/styled.d.ts +0 -38
  54. package/dist/types/components/Header/Header.d.ts +0 -159
  55. package/dist/types/components/Header/index.d.ts +0 -3
  56. package/dist/types/components/Header/styled.d.ts +0 -80
  57. package/dist/types/components/HealthInformationForm/HealthInformationForm.d.ts +0 -81
  58. package/dist/types/components/HealthInformationForm/index.d.ts +0 -2
  59. package/dist/types/components/HealthInformationForm/styled.d.ts +0 -4
  60. package/dist/types/components/HealthQuestionGroup/HealthQuestionGroup.d.ts +0 -40
  61. package/dist/types/components/HealthQuestionGroup/index.d.ts +0 -2
  62. package/dist/types/components/HealthQuestionGroup/styled.d.ts +0 -20
  63. package/dist/types/components/InfoCallout/InfoCallout.d.ts +0 -34
  64. package/dist/types/components/InfoCallout/index.d.ts +0 -3
  65. package/dist/types/components/InfoCallout/styled.d.ts +0 -16
  66. package/dist/types/components/NewHeader/NewHeader.d.ts +0 -60
  67. package/dist/types/components/NewHeader/index.d.ts +0 -3
  68. package/dist/types/components/NewHeader/styled.d.ts +0 -26
  69. package/dist/types/components/OptionButton/OptionButton.d.ts +0 -59
  70. package/dist/types/components/OptionButton/index.d.ts +0 -3
  71. package/dist/types/components/OptionButton/styled.d.ts +0 -18
  72. package/dist/types/components/PersonalInformationForm/PersonalInformationForm.d.ts +0 -75
  73. package/dist/types/components/PersonalInformationForm/index.d.ts +0 -2
  74. package/dist/types/components/PersonalInformationForm/styled.d.ts +0 -10
  75. package/dist/types/components/ProductCard/ProductCard.d.ts +0 -43
  76. package/dist/types/components/ProductCard/index.d.ts +0 -2
  77. package/dist/types/components/ProductCard/styled.d.ts +0 -27
  78. package/dist/types/components/ProductSelectionDrawer/ProductSelectionDrawer.d.ts +0 -54
  79. package/dist/types/components/ProductSelectionDrawer/index.d.ts +0 -3
  80. package/dist/types/components/ProductSelectionDrawer/styled.d.ts +0 -44
  81. package/dist/types/components/QuestionSection/QuestionSection.d.ts +0 -71
  82. package/dist/types/components/QuestionSection/index.d.ts +0 -3
  83. package/dist/types/components/QuestionSection/styled.d.ts +0 -16
  84. package/dist/types/components/RecommendationsDrawer/RecommendationsDrawer.d.ts +0 -92
  85. package/dist/types/components/RecommendationsDrawer/index.d.ts +0 -3
  86. package/dist/types/components/RecommendationsDrawer/styled.d.ts +0 -35
  87. package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +0 -45
  88. package/dist/types/components/ToggleGroup/index.d.ts +0 -3
  89. package/dist/types/components/ToggleGroup/styled.d.ts +0 -17
  90. package/dist/types/storybook-components/BillingToggle.stories.d.ts +0 -10
  91. package/dist/types/storybook-components/CheckoutProgress.stories.d.ts +0 -9
  92. package/dist/types/storybook-components/CoverageAmountSlider.stories.d.ts +0 -14
  93. package/dist/types/storybook-components/Footer.stories.d.ts +0 -10
  94. package/dist/types/storybook-components/Header.stories.d.ts +0 -9
  95. package/dist/types/storybook-components/HealthQuestionGroup.stories.d.ts +0 -9
  96. package/dist/types/storybook-components/InfoCallout.stories.d.ts +0 -11
  97. package/dist/types/storybook-components/NewHeader.stories.d.ts +0 -82
  98. package/dist/types/storybook-components/OptionButton.stories.d.ts +0 -12
  99. package/dist/types/storybook-components/ProductCard.stories.d.ts +0 -9
  100. package/dist/types/storybook-components/ProductSelectionDrawer.stories.d.ts +0 -24
  101. package/dist/types/storybook-components/QuestionSection.stories.d.ts +0 -11
  102. package/dist/types/storybook-components/RecommendationsDrawer.stories.d.ts +0 -36
  103. package/dist/types/storybook-components/ToggleGroup.stories.d.ts +0 -10
  104. package/dist/types/themes/typography.d.ts +0 -69
  105. package/dist/types/utils/assets.d.ts +0 -54
@@ -1,159 +0,0 @@
1
- /**
2
- * Tenant-Aware Header Component
3
- * Responsive header with navigation, authentication, and language selection
4
- */
5
- import * as React from 'react';
6
- export interface NavigationLink {
7
- key: string;
8
- name: string;
9
- icon: string;
10
- link?: string;
11
- badge?: string;
12
- }
13
- export interface LanguageOption {
14
- value: string;
15
- locale: string;
16
- label: string;
17
- }
18
- export interface HeaderProps {
19
- /**
20
- * Logo image source
21
- */
22
- logo: string;
23
- /**
24
- * Alternative logo for special pages (e.g., partnership page)
25
- */
26
- alternateLogo?: string;
27
- /**
28
- * Show alternate logo
29
- */
30
- showAlternateLogo?: boolean;
31
- /**
32
- * Navigation links for products/services
33
- */
34
- navigationLinks: NavigationLink[];
35
- /**
36
- * Available languages
37
- */
38
- languages: LanguageOption[];
39
- /**
40
- * Current locale (e.g., 'en', 'id')
41
- */
42
- currentLocale: string;
43
- /**
44
- * Current language code
45
- */
46
- currentLang?: string;
47
- /**
48
- * User authentication token
49
- */
50
- userToken?: string | null;
51
- /**
52
- * User first name for avatar
53
- */
54
- userFirstName?: string;
55
- /**
56
- * Is mobile view
57
- */
58
- isMobile?: boolean;
59
- /**
60
- * Is scrolled
61
- */
62
- scrolled?: boolean;
63
- /**
64
- * Is partnership page mobile view
65
- */
66
- isPartnershipPageMobileView?: boolean;
67
- /**
68
- * Is partnership page PC view
69
- */
70
- isPartnershipPagePCView?: boolean;
71
- /**
72
- * Is SEO page view
73
- */
74
- isSeoPageView?: boolean;
75
- /**
76
- * Show get quote button in header
77
- */
78
- showGetQuoteButton?: boolean;
79
- /**
80
- * Banner data for CTA
81
- */
82
- bannerData?: {
83
- ctaText?: string;
84
- ctaBGColor?: string;
85
- ctaTextColor?: string;
86
- };
87
- /**
88
- * CTA data for category page
89
- */
90
- ctaData?: {
91
- ctaText?: string;
92
- };
93
- /**
94
- * Host URL
95
- */
96
- host?: string;
97
- /**
98
- * Welcome message for drawer
99
- */
100
- welcomeMessage?: string;
101
- /**
102
- * Event handlers
103
- */
104
- onLogoClick?: () => void;
105
- onProductMenuClick?: (key: string) => void;
106
- onLanguageChange?: (locale: string, value: string) => void;
107
- onLoginClick?: () => void;
108
- onSignupClick?: () => void;
109
- onLogoutClick?: () => void;
110
- onPartnershipClick?: () => void;
111
- onAboutUsClick?: () => void;
112
- onBlogClick?: () => void;
113
- onMyProfileClick?: () => void;
114
- onGetQuoteClick?: () => void;
115
- onPartnershipCTAClick?: () => void;
116
- /**
117
- * Format message function for i18n
118
- */
119
- formatMessage?: (descriptor: {
120
- id: string;
121
- }) => string;
122
- /**
123
- * Additional menu items (e.g., Partnership, About Us, Blog)
124
- */
125
- menuItems?: {
126
- partnership?: {
127
- label: string;
128
- route: string;
129
- };
130
- aboutUs?: {
131
- label: string;
132
- route: string;
133
- };
134
- blog?: {
135
- label: string;
136
- url: string;
137
- };
138
- };
139
- /**
140
- * User profile component
141
- */
142
- userProfileComponent?: React.ReactNode;
143
- }
144
- /**
145
- * Header component with tenant theme support and responsive navigation
146
- *
147
- * @example
148
- * ```tsx
149
- * <Header
150
- * logo={logoSrc}
151
- * navigationLinks={navLinks}
152
- * languages={languageOptions}
153
- * currentLocale="en"
154
- * onLogoClick={() => history.push('/')}
155
- * onLoginClick={() => setShowLoginModal(true)}
156
- * />
157
- * ```
158
- */
159
- export declare function Header({ logo, alternateLogo, showAlternateLogo, navigationLinks, languages, currentLocale, currentLang, userToken, userFirstName, isMobile: propIsMobile, scrolled, isPartnershipPageMobileView, isPartnershipPagePCView, isSeoPageView, showGetQuoteButton, bannerData, ctaData, host, welcomeMessage, formatMessage, menuItems, userProfileComponent, onLogoClick, onProductMenuClick, onLanguageChange, onLoginClick, onSignupClick, onLogoutClick, onPartnershipClick, onAboutUsClick, onBlogClick, onMyProfileClick, onGetQuoteClick, onPartnershipCTAClick, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- export { Header } from './Header';
2
- export type { HeaderProps, NavigationLink, LanguageOption } from './Header';
3
- export * from './styled';
@@ -1,80 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledAppBar: import("@emotion/styled").StyledComponent<import("@mui/material").AppBarOwnProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "color" | "position"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
3
- ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
4
- }, "children" | "style" | "className" | "classes" | "sx" | "color" | "position" | "variant" | "square" | "elevation" | "enableColorOnDark"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
5
- ispartnershippagemobileview: boolean;
6
- scrolled: any;
7
- }, {}, {}>;
8
- export declare const ResponsiveB2CLayout: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
- export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
10
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
11
- }, "children" | "fixed" | "style" | "className" | "classes" | "sx" | "maxWidth" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
12
- ispartnershippagemobileview: boolean;
13
- scrolled: any;
14
- }, {}, {}>;
15
- export declare const TypographyLogo: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
16
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
17
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
18
- export declare const ButtonDesktopMenu: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
19
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
20
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
21
- export declare const AnchorLinks: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
22
- export declare const StyledAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
23
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
24
- }, "children" | "style" | "className" | "classes" | "sx" | "variant" | "sizes" | "alt" | "src" | "srcSet" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
25
- export declare const DivButtonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
- export declare const ButtonAuth: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
27
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
28
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
29
- export declare const TypographyAuth: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
30
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
31
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
32
- export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
33
- export declare const DivProductListing: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
34
- export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
35
- ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
36
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
37
- export declare const SpanImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
38
- export declare const ImageProductIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
39
- export declare const StyledMenuItemDesktop: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
40
- ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
41
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
42
- export declare const StyledCloseIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
43
- ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
44
- }, "children" | "style" | "fontSize" | "className" | "classes" | "sx" | "color" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
45
- export declare const StyledAvatarUserIcon: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
46
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
47
- }, "children" | "style" | "className" | "classes" | "sx" | "variant" | "sizes" | "alt" | "src" | "srcSet" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
48
- export declare const StyledMenuIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
49
- ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
50
- }, "children" | "style" | "fontSize" | "className" | "classes" | "sx" | "color" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
51
- ispartnershippagemobileview: any;
52
- scrolled: any;
53
- }, {}, {}>;
54
- export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
55
- export declare const DivLogoWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
56
- export declare const DivLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
57
- export declare const DivCrossIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
58
- export declare const StyledCloseIconBtn: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
59
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
60
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
61
- export declare const DivLoginActionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
62
- export declare const DivCommonMenus: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
63
- export declare const MenuItemOtherLinks: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
64
- ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
65
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
66
- export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
67
- export declare const ButtonLogout: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
68
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
69
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
70
- export declare const DivLogoutBtnWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
71
- export declare const AnchorLink: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
72
- export declare const StyledButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
73
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
74
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
75
- export declare const StyledButtonBanner: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
76
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
77
- }, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
78
- export declare const TypographyBtnText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
79
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
80
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,81 +0,0 @@
1
- /**
2
- * Health Information Form Component
3
- * Collects health-related information including weight, height, and health questions
4
- */
5
- import * as React from 'react';
6
- export interface HealthInformationField {
7
- name: string;
8
- label: string;
9
- value: any;
10
- error?: string;
11
- touched?: boolean;
12
- helperText?: string;
13
- type?: string;
14
- inputProps?: any;
15
- onChange?: (e: any) => void;
16
- onBlur?: (e: any) => void;
17
- }
18
- export interface HealthQuestion {
19
- /**
20
- * Question text
21
- */
22
- question: string;
23
- /**
24
- * Question number (optional)
25
- */
26
- questionNumber?: number;
27
- /**
28
- * Field name for the question
29
- */
30
- name: string;
31
- /**
32
- * Selected value ('yes' | 'no' | undefined)
33
- */
34
- value?: 'yes' | 'no';
35
- /**
36
- * Callback when option is selected
37
- */
38
- onChange: (value: 'yes' | 'no') => void;
39
- /**
40
- * Error message
41
- */
42
- error?: string;
43
- /**
44
- * Labels for Yes/No buttons
45
- */
46
- labels?: {
47
- yes?: string;
48
- no?: string;
49
- };
50
- }
51
- export interface HealthInformationFormProps {
52
- /**
53
- * Render function for measurement fields (weight, height)
54
- */
55
- renderField: (field: HealthInformationField) => React.ReactNode;
56
- /**
57
- * Measurement fields (weight and height)
58
- */
59
- measurementFields: {
60
- weight: HealthInformationField;
61
- height: HealthInformationField;
62
- };
63
- /**
64
- * Health questions array
65
- * Allows for flexible number of questions (e.g., gender-specific)
66
- */
67
- healthQuestions: HealthQuestion[];
68
- /**
69
- * Form submission handler
70
- */
71
- onSubmit?: (e: React.FormEvent) => void;
72
- /**
73
- * Optional reference for scroll handling
74
- */
75
- formRef?: React.RefObject<HTMLDivElement>;
76
- /**
77
- * Optional custom styles
78
- */
79
- sx?: any;
80
- }
81
- export declare const HealthInformationForm: React.FC<HealthInformationFormProps>;
@@ -1,2 +0,0 @@
1
- export { HealthInformationForm } from './HealthInformationForm';
2
- export type { HealthInformationField, HealthInformationFormProps, HealthQuestion } from './HealthInformationForm';
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const FormContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,40 +0,0 @@
1
- /**
2
- * Health Question Group Component
3
- * Displays a health question with Yes/No button options
4
- */
5
- import * as React from 'react';
6
- export interface HealthQuestionGroupProps {
7
- /**
8
- * Question text
9
- */
10
- question: string;
11
- /**
12
- * Question number (optional)
13
- */
14
- questionNumber?: number;
15
- /**
16
- * Selected value ('yes' | 'no' | undefined)
17
- */
18
- value?: 'yes' | 'no';
19
- /**
20
- * Callback when option is selected
21
- */
22
- onChange: (value: 'yes' | 'no') => void;
23
- /**
24
- * Error message
25
- */
26
- error?: string;
27
- /**
28
- * Labels for Yes/No buttons
29
- * @default { yes: 'Yes', no: 'No' }
30
- */
31
- labels?: {
32
- yes?: string;
33
- no?: string;
34
- };
35
- /**
36
- * Optional custom styles
37
- */
38
- sx?: any;
39
- }
40
- export declare const HealthQuestionGroup: React.FC<HealthQuestionGroupProps>;
@@ -1,2 +0,0 @@
1
- export { HealthQuestionGroup } from './HealthQuestionGroup';
2
- export type { HealthQuestionGroupProps } from './HealthQuestionGroup';
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const QuestionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
5
- export declare const QuestionText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
6
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
7
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
8
- export declare const OptionsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
10
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
11
- export declare const OptionButton: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
12
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
13
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
14
- selected?: boolean | undefined;
15
- }, {}, {}>;
16
- export declare const OptionText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
17
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
18
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
19
- selected?: boolean | undefined;
20
- }, {}, {}>;
@@ -1,34 +0,0 @@
1
- /**
2
- * Info Callout Component
3
- * Displays helpful information or tips in a callout box
4
- * Based on Figma design (node-id: 98-21866)
5
- */
6
- import * as React from 'react';
7
- export interface InfoCalloutProps {
8
- /**
9
- * Title text for the callout
10
- */
11
- title?: string;
12
- /**
13
- * Main content text
14
- */
15
- children: React.ReactNode;
16
- /**
17
- * Optional format message function for i18n
18
- */
19
- formatMessage?: (descriptor: {
20
- id: string;
21
- defaultMessage?: string;
22
- }) => string;
23
- }
24
- /**
25
- * InfoCallout - Displays helpful information or tips
26
- *
27
- * @example
28
- * ```tsx
29
- * <InfoCallout title="Helpful tip">
30
- * Many Malaysians aim for life protection that's at least 10–12 times their annual income
31
- * </InfoCallout>
32
- * ```
33
- */
34
- export declare function InfoCallout({ title, children, formatMessage, }: InfoCalloutProps): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- export { InfoCallout } from './InfoCallout';
2
- export type { InfoCalloutProps } from './InfoCallout';
3
- export * from './styled';
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const CalloutContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
5
- export declare const CalloutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
6
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
7
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
8
- export declare const CalloutIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
9
- ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
10
- }, "children" | "style" | "fontSize" | "className" | "classes" | "sx" | "color" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
11
- export declare const CalloutTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
12
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
13
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
14
- export declare const CalloutText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
15
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
16
- }, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,60 +0,0 @@
1
- /**
2
- * New Simplified Header Component
3
- * Clean, minimal header with logo and menu based on Figma design
4
- */
5
- import * as React from 'react';
6
- export interface NewHeaderNavigationLink {
7
- key: string;
8
- label: string;
9
- onClick?: () => void;
10
- }
11
- export interface NewHeaderProps {
12
- /**
13
- * Logo image source (required)
14
- */
15
- logo?: string;
16
- /**
17
- * Navigation links for menu
18
- */
19
- navigationLinks?: NewHeaderNavigationLink[];
20
- /**
21
- * Additional menu sections (e.g., user profile, settings)
22
- */
23
- additionalMenuSections?: {
24
- title?: string;
25
- items: NewHeaderNavigationLink[];
26
- }[];
27
- /**
28
- * Is mobile view (optional, auto-detected if not provided)
29
- */
30
- isMobile?: boolean;
31
- /**
32
- * Event handlers
33
- */
34
- onLogoClick?: () => void;
35
- onMenuOpen?: () => void;
36
- onMenuClose?: () => void;
37
- /**
38
- * Custom drawer content (overrides default menu)
39
- */
40
- customDrawerContent?: React.ReactNode;
41
- /**
42
- * Format message function for i18n
43
- */
44
- formatMessage?: (descriptor: {
45
- id: string;
46
- }) => string;
47
- }
48
- /**
49
- * NewHeader component - simplified design based on Figma
50
- *
51
- * @example
52
- * ```tsx
53
- * <NewHeader
54
- * logo={logoSrc}
55
- * navigationLinks={navLinks}
56
- * onLogoClick={() => history.push('/')}
57
- * />
58
- * ```
59
- */
60
- export declare function NewHeader({ logo: propLogo, navigationLinks, additionalMenuSections, isMobile: propIsMobile, onLogoClick, onMenuOpen, onMenuClose, customDrawerContent, formatMessage, }: NewHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- export { NewHeader } from './NewHeader';
2
- export type { NewHeaderProps, NewHeaderNavigationLink } from './NewHeader';
3
- export * from './styled';