igloo-d2c-components 1.0.12 → 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.
- package/README.md +0 -18
- package/dist/cjs/index.js +41 -2551
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +41 -2501
- package/dist/esm/index.js.map +1 -1
- package/dist/types/{storybook-components → components/Banner}/Banner.stories.d.ts +1 -1
- package/dist/types/{storybook-components → components/Button}/Button.stories.d.ts +1 -1
- package/dist/types/{storybook-components → components/Card}/Card.stories.d.ts +1 -1
- package/dist/types/context/TenantThemeContext.d.ts +2 -3
- package/dist/types/index.d.ts +4 -48
- package/dist/types/themes/index.d.ts +1 -1
- package/dist/types/types/tenant.d.ts +2 -23
- package/dist/types/utils/theme.d.ts +2 -3
- package/package.json +2 -4
- package/dist/assets/icons/alert.svg +0 -5
- package/dist/assets/icons/arrow-down.svg +0 -3
- package/dist/assets/icons/arrow.svg +0 -9
- package/dist/assets/icons/close.svg +0 -4
- package/dist/assets/icons/facebook.svg +0 -3
- package/dist/assets/icons/index.ts +0 -26
- package/dist/assets/icons/instagram.svg +0 -11
- package/dist/assets/icons/youtube.svg +0 -11
- package/dist/assets/index.ts +0 -13
- package/dist/assets/tenants/ammetlife/logo.svg +0 -10
- package/dist/assets/tenants/cimb/logo-white.png +0 -0
- package/dist/assets/tenants/cimb/logo.svg +0 -62
- package/dist/assets/tenants/igloo/logo.svg +0 -22
- package/dist/types/assets/icons/index.d.ts +0 -21
- package/dist/types/assets/index.d.ts +0 -9
- package/dist/types/components/BillingToggle/BillingToggle.d.ts +0 -34
- package/dist/types/components/BillingToggle/index.d.ts +0 -3
- package/dist/types/components/BillingToggle/styled.d.ts +0 -12
- package/dist/types/components/CheckoutFormButton/CheckoutFormButton.d.ts +0 -39
- package/dist/types/components/CheckoutFormButton/index.d.ts +0 -2
- package/dist/types/components/CheckoutFormButton/styled.d.ts +0 -9
- package/dist/types/components/CheckoutHeader/CheckoutHeader.d.ts +0 -41
- package/dist/types/components/CheckoutHeader/index.d.ts +0 -2
- package/dist/types/components/CheckoutHeader/styled.d.ts +0 -15
- package/dist/types/components/CheckoutProgress/CheckoutProgress.d.ts +0 -35
- package/dist/types/components/CheckoutProgress/index.d.ts +0 -2
- package/dist/types/components/CheckoutProgress/styled.d.ts +0 -16
- package/dist/types/components/ChildInformationForm/ChildInformationForm.d.ts +0 -52
- package/dist/types/components/ChildInformationForm/index.d.ts +0 -2
- package/dist/types/components/ChildInformationForm/styled.d.ts +0 -4
- package/dist/types/components/ContactDetailsForm/ContactDetailsForm.d.ts +0 -63
- package/dist/types/components/ContactDetailsForm/index.d.ts +0 -2
- package/dist/types/components/ContactDetailsForm/styled.d.ts +0 -10
- package/dist/types/components/CoverageAmountSlider/CoverageAmountSlider.d.ts +0 -57
- package/dist/types/components/CoverageAmountSlider/index.d.ts +0 -3
- package/dist/types/components/CoverageAmountSlider/styled.d.ts +0 -50
- package/dist/types/components/Footer/Footer.d.ts +0 -94
- package/dist/types/components/Footer/index.d.ts +0 -3
- package/dist/types/components/Footer/styled.d.ts +0 -38
- package/dist/types/components/Header/Header.d.ts +0 -159
- package/dist/types/components/Header/index.d.ts +0 -3
- package/dist/types/components/Header/styled.d.ts +0 -80
- package/dist/types/components/HealthInformationForm/HealthInformationForm.d.ts +0 -81
- package/dist/types/components/HealthInformationForm/index.d.ts +0 -2
- package/dist/types/components/HealthInformationForm/styled.d.ts +0 -4
- package/dist/types/components/HealthQuestionGroup/HealthQuestionGroup.d.ts +0 -40
- package/dist/types/components/HealthQuestionGroup/index.d.ts +0 -2
- package/dist/types/components/HealthQuestionGroup/styled.d.ts +0 -20
- package/dist/types/components/InfoCallout/InfoCallout.d.ts +0 -34
- package/dist/types/components/InfoCallout/index.d.ts +0 -3
- package/dist/types/components/InfoCallout/styled.d.ts +0 -16
- package/dist/types/components/NewHeader/NewHeader.d.ts +0 -60
- package/dist/types/components/NewHeader/index.d.ts +0 -3
- package/dist/types/components/NewHeader/styled.d.ts +0 -26
- package/dist/types/components/OptionButton/OptionButton.d.ts +0 -59
- package/dist/types/components/OptionButton/index.d.ts +0 -3
- package/dist/types/components/OptionButton/styled.d.ts +0 -18
- package/dist/types/components/PersonalInformationForm/PersonalInformationForm.d.ts +0 -75
- package/dist/types/components/PersonalInformationForm/index.d.ts +0 -2
- package/dist/types/components/PersonalInformationForm/styled.d.ts +0 -10
- package/dist/types/components/ProductCard/ProductCard.d.ts +0 -43
- package/dist/types/components/ProductCard/index.d.ts +0 -2
- package/dist/types/components/ProductCard/styled.d.ts +0 -27
- package/dist/types/components/ProductSelectionDrawer/ProductSelectionDrawer.d.ts +0 -54
- package/dist/types/components/ProductSelectionDrawer/index.d.ts +0 -3
- package/dist/types/components/ProductSelectionDrawer/styled.d.ts +0 -44
- package/dist/types/components/QuestionSection/QuestionSection.d.ts +0 -71
- package/dist/types/components/QuestionSection/index.d.ts +0 -3
- package/dist/types/components/QuestionSection/styled.d.ts +0 -16
- package/dist/types/components/RecommendationsDrawer/RecommendationsDrawer.d.ts +0 -92
- package/dist/types/components/RecommendationsDrawer/index.d.ts +0 -3
- package/dist/types/components/RecommendationsDrawer/styled.d.ts +0 -35
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +0 -45
- package/dist/types/components/ToggleGroup/index.d.ts +0 -3
- package/dist/types/components/ToggleGroup/styled.d.ts +0 -17
- package/dist/types/storybook-components/BillingToggle.stories.d.ts +0 -10
- package/dist/types/storybook-components/CheckoutProgress.stories.d.ts +0 -9
- package/dist/types/storybook-components/CoverageAmountSlider.stories.d.ts +0 -14
- package/dist/types/storybook-components/Footer.stories.d.ts +0 -10
- package/dist/types/storybook-components/Header.stories.d.ts +0 -9
- package/dist/types/storybook-components/HealthQuestionGroup.stories.d.ts +0 -9
- package/dist/types/storybook-components/InfoCallout.stories.d.ts +0 -11
- package/dist/types/storybook-components/NewHeader.stories.d.ts +0 -82
- package/dist/types/storybook-components/OptionButton.stories.d.ts +0 -12
- package/dist/types/storybook-components/ProductCard.stories.d.ts +0 -9
- package/dist/types/storybook-components/ProductSelectionDrawer.stories.d.ts +0 -24
- package/dist/types/storybook-components/QuestionSection.stories.d.ts +0 -11
- package/dist/types/storybook-components/RecommendationsDrawer.stories.d.ts +0 -36
- package/dist/types/storybook-components/ToggleGroup.stories.d.ts +0 -10
- package/dist/types/themes/typography.d.ts +0 -69
- package/dist/types/utils/assets.d.ts +0 -54
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ButtonContainer: 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
|
-
isFixed?: boolean | undefined;
|
|
6
|
-
}, {}, {}>;
|
|
7
|
-
export declare const StyledButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
8
|
-
isDisabled?: boolean | undefined;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Checkout Header Component
|
|
3
|
-
* Complete header for checkout flows with progress, product card, and section info
|
|
4
|
-
*/
|
|
5
|
-
import { SxProps, Theme } from '@mui/material';
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { CheckoutProgressProps } from '../CheckoutProgress';
|
|
8
|
-
import { ProductCardProps } from '../ProductCard';
|
|
9
|
-
export interface CheckoutHeaderProps {
|
|
10
|
-
/**
|
|
11
|
-
* Progress props
|
|
12
|
-
*/
|
|
13
|
-
progress: CheckoutProgressProps;
|
|
14
|
-
/**
|
|
15
|
-
* Product card props (optional)
|
|
16
|
-
*/
|
|
17
|
-
product?: ProductCardProps;
|
|
18
|
-
/**
|
|
19
|
-
* Section title
|
|
20
|
-
*/
|
|
21
|
-
sectionTitle: string;
|
|
22
|
-
/**
|
|
23
|
-
* Section description
|
|
24
|
-
*/
|
|
25
|
-
sectionDescription: string;
|
|
26
|
-
/**
|
|
27
|
-
* Whether header should be sticky
|
|
28
|
-
* @default true
|
|
29
|
-
*/
|
|
30
|
-
sticky?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Progress bar theme (background gradient or color)
|
|
33
|
-
* @default 'linear-gradient(90deg, #0090DA 0.06%, #A4CE4E 99.94%)'
|
|
34
|
-
*/
|
|
35
|
-
progressBarTheme?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Optional custom styles
|
|
38
|
-
*/
|
|
39
|
-
sx?: SxProps<Theme>;
|
|
40
|
-
}
|
|
41
|
-
export declare const CheckoutHeader: React.FC<CheckoutHeaderProps>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const HeaderContainer: 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
|
-
sticky?: boolean | undefined;
|
|
6
|
-
}, {}, {}>;
|
|
7
|
-
export declare const SectionHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
|
-
export declare const SectionTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
11
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
12
|
-
}, "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>, {}, {}>;
|
|
13
|
-
export declare const SectionDescription: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
14
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
15
|
-
}, "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,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Checkout Progress Component
|
|
3
|
-
* Displays progress bar with step indicator for multi-step checkout flows
|
|
4
|
-
*/
|
|
5
|
-
import { SxProps, Theme } from '@mui/material';
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
export interface CheckoutProgressProps {
|
|
8
|
-
/**
|
|
9
|
-
* Current step (0-indexed)
|
|
10
|
-
*/
|
|
11
|
-
currentStep: number;
|
|
12
|
-
/**
|
|
13
|
-
* Total number of steps
|
|
14
|
-
*/
|
|
15
|
-
totalSteps: number;
|
|
16
|
-
/**
|
|
17
|
-
* Callback when back button is clicked
|
|
18
|
-
*/
|
|
19
|
-
onBack?: () => void;
|
|
20
|
-
/**
|
|
21
|
-
* Whether to show the back button
|
|
22
|
-
* @default true
|
|
23
|
-
*/
|
|
24
|
-
showBackButton?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Progress bar theme (background gradient or color)
|
|
27
|
-
* @default 'linear-gradient(90deg, #0090DA 0.06%, #A4CE4E 99.94%)'
|
|
28
|
-
*/
|
|
29
|
-
progressBarTheme?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Optional custom styles
|
|
32
|
-
*/
|
|
33
|
-
sx?: SxProps<Theme>;
|
|
34
|
-
}
|
|
35
|
-
export declare const CheckoutProgress: React.FC<CheckoutProgressProps>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ProgressBarContainer: 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 ProgressBar: 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 ProgressFill: 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
|
-
width: number;
|
|
12
|
-
progressBarTheme?: string | undefined;
|
|
13
|
-
}, {}, {}>;
|
|
14
|
-
export declare const ProgressText: 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,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Child Information Form Component
|
|
3
|
-
* Collects child's personal details for insurance applications
|
|
4
|
-
*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
export interface ChildInformationField {
|
|
7
|
-
name: string;
|
|
8
|
-
label: string;
|
|
9
|
-
value: any;
|
|
10
|
-
error?: string;
|
|
11
|
-
touched?: boolean;
|
|
12
|
-
helperText?: string;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
type?: string;
|
|
15
|
-
options?: Array<{
|
|
16
|
-
label: string;
|
|
17
|
-
value: any;
|
|
18
|
-
}>;
|
|
19
|
-
inputProps?: any;
|
|
20
|
-
onChange?: (e: any) => void;
|
|
21
|
-
onBlur?: (e: any) => void;
|
|
22
|
-
}
|
|
23
|
-
export interface ChildInformationFormProps {
|
|
24
|
-
/**
|
|
25
|
-
* Render function for form fields
|
|
26
|
-
* This allows the parent to control the form field implementation
|
|
27
|
-
*/
|
|
28
|
-
renderField: (field: ChildInformationField) => React.ReactNode;
|
|
29
|
-
/**
|
|
30
|
-
* Form field values
|
|
31
|
-
*/
|
|
32
|
-
fields: {
|
|
33
|
-
full_name: ChildInformationField;
|
|
34
|
-
nric: ChildInformationField;
|
|
35
|
-
date_of_birth: ChildInformationField;
|
|
36
|
-
gender: ChildInformationField;
|
|
37
|
-
nationality: ChildInformationField;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* Form submission handler
|
|
41
|
-
*/
|
|
42
|
-
onSubmit?: (e: React.FormEvent) => void;
|
|
43
|
-
/**
|
|
44
|
-
* Optional reference for scroll handling
|
|
45
|
-
*/
|
|
46
|
-
formRef?: React.RefObject<HTMLDivElement>;
|
|
47
|
-
/**
|
|
48
|
-
* Optional custom styles
|
|
49
|
-
*/
|
|
50
|
-
sx?: any;
|
|
51
|
-
}
|
|
52
|
-
export declare const ChildInformationForm: React.FC<ChildInformationFormProps>;
|
|
@@ -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,63 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Contact Details Form Component
|
|
3
|
-
* Collects contact and address information for life insurance checkout
|
|
4
|
-
*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
export interface ContactDetailsField {
|
|
7
|
-
name: string;
|
|
8
|
-
label: string;
|
|
9
|
-
value: any;
|
|
10
|
-
error?: string;
|
|
11
|
-
touched?: boolean;
|
|
12
|
-
helperText?: string;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
type?: string;
|
|
15
|
-
options?: Array<{
|
|
16
|
-
label: string;
|
|
17
|
-
value: any;
|
|
18
|
-
}>;
|
|
19
|
-
multiline?: boolean;
|
|
20
|
-
rows?: number;
|
|
21
|
-
inputProps?: any;
|
|
22
|
-
onChange?: (e: any) => void;
|
|
23
|
-
onBlur?: (e: any) => void;
|
|
24
|
-
}
|
|
25
|
-
export interface ContactDetailsFormProps {
|
|
26
|
-
/**
|
|
27
|
-
* Render function for form fields
|
|
28
|
-
* This allows the parent to control the form field implementation
|
|
29
|
-
*/
|
|
30
|
-
renderField: (field: ContactDetailsField) => React.ReactNode;
|
|
31
|
-
/**
|
|
32
|
-
* Form field values
|
|
33
|
-
*/
|
|
34
|
-
fields: {
|
|
35
|
-
phone_number: ContactDetailsField;
|
|
36
|
-
email_address: ContactDetailsField;
|
|
37
|
-
residential_address: ContactDetailsField;
|
|
38
|
-
postal_code: ContactDetailsField;
|
|
39
|
-
city: ContactDetailsField;
|
|
40
|
-
state: ContactDetailsField;
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* Mailing address checkbox
|
|
44
|
-
*/
|
|
45
|
-
mailingAddressSame?: {
|
|
46
|
-
checked: boolean;
|
|
47
|
-
onChange: (checked: boolean) => void;
|
|
48
|
-
label?: string;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* Form submission handler
|
|
52
|
-
*/
|
|
53
|
-
onSubmit?: (e: React.FormEvent) => void;
|
|
54
|
-
/**
|
|
55
|
-
* Optional reference for scroll handling
|
|
56
|
-
*/
|
|
57
|
-
formRef?: React.RefObject<HTMLDivElement>;
|
|
58
|
-
/**
|
|
59
|
-
* Optional custom styles
|
|
60
|
-
*/
|
|
61
|
-
sx?: any;
|
|
62
|
-
}
|
|
63
|
-
export declare const ContactDetailsForm: React.FC<ContactDetailsFormProps>;
|
|
@@ -1,10 +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>, {}, {}>;
|
|
5
|
-
export declare const CheckboxContainer: 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 CheckboxLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
9
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
10
|
-
}, "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,57 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Coverage Amount Slider Component
|
|
3
|
-
* Interactive slider for selecting coverage amounts with plus/minus controls
|
|
4
|
-
* Based on Figma design (node-id: 98-21900)
|
|
5
|
-
*/
|
|
6
|
-
export interface CoverageAmountSliderProps {
|
|
7
|
-
/**
|
|
8
|
-
* Minimum coverage amount
|
|
9
|
-
*/
|
|
10
|
-
min: number;
|
|
11
|
-
/**
|
|
12
|
-
* Maximum coverage amount
|
|
13
|
-
*/
|
|
14
|
-
max: number;
|
|
15
|
-
/**
|
|
16
|
-
* Current coverage amount value
|
|
17
|
-
*/
|
|
18
|
-
value: number;
|
|
19
|
-
/**
|
|
20
|
-
* Callback when coverage amount changes
|
|
21
|
-
*/
|
|
22
|
-
onChange: (value: number) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Label text for the input (default: "Choose your coverage amount")
|
|
25
|
-
*/
|
|
26
|
-
label?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Number of steps/marks in the slider (default: 5)
|
|
29
|
-
*/
|
|
30
|
-
steps?: number;
|
|
31
|
-
/**
|
|
32
|
-
* Currency symbol (default: "RM")
|
|
33
|
-
*/
|
|
34
|
-
currency?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Format function for displaying currency
|
|
37
|
-
*/
|
|
38
|
-
formatCurrency?: (amount: number) => string;
|
|
39
|
-
/**
|
|
40
|
-
* Whether the slider is disabled
|
|
41
|
-
*/
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* CoverageAmountSlider - Interactive slider for selecting coverage amounts
|
|
46
|
-
*
|
|
47
|
-
* @example
|
|
48
|
-
* ```tsx
|
|
49
|
-
* <CoverageAmountSlider
|
|
50
|
-
* min={100000}
|
|
51
|
-
* max={550000}
|
|
52
|
-
* value={coverageAmount}
|
|
53
|
-
* onChange={setCoverageAmount}
|
|
54
|
-
* />
|
|
55
|
-
* ```
|
|
56
|
-
*/
|
|
57
|
-
export declare function CoverageAmountSlider({ min, max, value, onChange, label, steps, currency, formatCurrency: customFormatCurrency, disabled, }: CoverageAmountSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const SliderContainer: 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 InputSection: 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 InputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
9
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
10
|
-
}, "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>, {}, {}>;
|
|
11
|
-
export declare const InputContainer: 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
|
-
export declare const InputValue: 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>, {}, {}>;
|
|
17
|
-
export declare const SliderTrack: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
18
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
20
|
-
export declare const SliderSegment: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
23
|
-
active: boolean;
|
|
24
|
-
}, {}, {}>;
|
|
25
|
-
export declare const SliderDot: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
26
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
27
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
28
|
-
active: boolean;
|
|
29
|
-
}, {}, {}>;
|
|
30
|
-
export declare const SliderThumb: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
31
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
32
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
33
|
-
export declare const ThumbIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
34
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
35
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
36
|
-
export declare const RangeLabels: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
37
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
38
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
39
|
-
export declare const RangeLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
40
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
41
|
-
}, "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>, {}, {}>;
|
|
42
|
-
export declare const StyledMuiSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
43
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
44
|
-
}, "value" | "style" | "track" | "className" | "classes" | "disabled" | "sx" | "tabIndex" | "color" | "scale" | "size" | "name" | "defaultValue" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "max" | "min" | "orientation" | "step" | "components" | "slots" | "slotProps" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
45
|
-
sliderActiveColor?: string | undefined;
|
|
46
|
-
sliderInactiveColor?: string | undefined;
|
|
47
|
-
}, {}, {}>;
|
|
48
|
-
export declare const SliderLabelsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
49
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
50
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tenant-Aware Footer Component
|
|
3
|
-
* Responsive footer with links, social media, and company information
|
|
4
|
-
*/
|
|
5
|
-
export interface SocialLink {
|
|
6
|
-
platform: 'facebook' | 'instagram' | 'youtube' | 'twitter' | 'linkedin';
|
|
7
|
-
url: string;
|
|
8
|
-
icon: string;
|
|
9
|
-
ariaLabel?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface FooterLicenseImage {
|
|
12
|
-
src: string;
|
|
13
|
-
alt: string;
|
|
14
|
-
width: string;
|
|
15
|
-
height: string;
|
|
16
|
-
url?: string;
|
|
17
|
-
ariaLabel?: string;
|
|
18
|
-
}
|
|
19
|
-
export interface FooterNavigationLink {
|
|
20
|
-
label: string;
|
|
21
|
-
innerHref?: string;
|
|
22
|
-
outerHref?: string;
|
|
23
|
-
key?: string;
|
|
24
|
-
}
|
|
25
|
-
export interface FooterProps {
|
|
26
|
-
/**
|
|
27
|
-
* Simplified layout without navigation links
|
|
28
|
-
*/
|
|
29
|
-
simplifiedLayout?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Company introduction text
|
|
32
|
-
*/
|
|
33
|
-
introText: string;
|
|
34
|
-
/**
|
|
35
|
-
* Company address
|
|
36
|
-
*/
|
|
37
|
-
addressText?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Social media links
|
|
40
|
-
*/
|
|
41
|
-
socialLinks: SocialLink[];
|
|
42
|
-
/**
|
|
43
|
-
* License/certification images (e.g., OJK, APPARINDO)
|
|
44
|
-
*/
|
|
45
|
-
licenseImages: FooterLicenseImage[];
|
|
46
|
-
/**
|
|
47
|
-
* Powered by image
|
|
48
|
-
*/
|
|
49
|
-
poweredByImage?: FooterLicenseImage;
|
|
50
|
-
/**
|
|
51
|
-
* Footer navigation links organized in sections
|
|
52
|
-
*/
|
|
53
|
-
navigationLinks?: FooterNavigationLink[][];
|
|
54
|
-
/**
|
|
55
|
-
* Current locale
|
|
56
|
-
*/
|
|
57
|
-
currentLocale: string;
|
|
58
|
-
/**
|
|
59
|
-
* Host URL
|
|
60
|
-
*/
|
|
61
|
-
host?: string;
|
|
62
|
-
/**
|
|
63
|
-
* Is mobile view
|
|
64
|
-
*/
|
|
65
|
-
isMobile?: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Event handlers
|
|
68
|
-
*/
|
|
69
|
-
onLinkClick?: (link: FooterNavigationLink) => void;
|
|
70
|
-
onSocialClick?: (platform: string, url: string) => void;
|
|
71
|
-
onPrivacyPolicyClick?: () => void;
|
|
72
|
-
onTermsOfServiceClick?: () => void;
|
|
73
|
-
/**
|
|
74
|
-
* Format message function for i18n
|
|
75
|
-
*/
|
|
76
|
-
formatMessage?: (descriptor: {
|
|
77
|
-
id: string;
|
|
78
|
-
}) => string;
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* Footer component with tenant theme support
|
|
82
|
-
*
|
|
83
|
-
* @example
|
|
84
|
-
* ```tsx
|
|
85
|
-
* <Footer
|
|
86
|
-
* introText="Company introduction..."
|
|
87
|
-
* socialLinks={socialMediaLinks}
|
|
88
|
-
* licenseImages={licenses}
|
|
89
|
-
* navigationLinks={footerNavLinks}
|
|
90
|
-
* currentLocale="en"
|
|
91
|
-
* />
|
|
92
|
-
* ```
|
|
93
|
-
*/
|
|
94
|
-
export declare function Footer({ simplifiedLayout, introText, addressText, socialLinks, licenseImages, poweredByImage, navigationLinks, currentLocale, host, isMobile: propIsMobile, onLinkClick, onSocialClick, onPrivacyPolicyClick, onTermsOfServiceClick, formatMessage, }: FooterProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const DivFooter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
|
-
export declare const DivFooterConterResponsiveLayout: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
4
|
-
export declare const FooterHiddenContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
5
|
-
simplifiedLayout: boolean;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const DivIglooIntro: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export declare const DivSocial: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
-
export declare const ButtonIcon: 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"> & {
|
|
10
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
11
|
-
}, "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>, {}, {}>;
|
|
12
|
-
export declare const TypographyIntro: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
13
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
-
}, "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>, {}, {}>;
|
|
15
|
-
export declare const TypographyAddressFooter: 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 DivLogos: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export declare const DivFirstRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
-
export declare const ButtonOjkLink: 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"> & {
|
|
21
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
22
|
-
}, "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>, {}, {}>;
|
|
23
|
-
export declare const ImageOjkLicense: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
24
|
-
export declare const ButtonSolisoustamaLink: 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"> & {
|
|
25
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
26
|
-
}, "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>, {}, {}>;
|
|
27
|
-
export declare const ImageSolisoustama: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
28
|
-
export declare const DivLinks: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
29
|
-
export declare const DivSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
-
export declare const ButtonBottomLink: 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"> & {
|
|
31
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
32
|
-
}, "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>, {}, {}>;
|
|
33
|
-
export declare const StyledDivider: import("@emotion/styled").StyledComponent<import("@mui/material").DividerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
|
|
34
|
-
ref?: ((instance: HTMLHRElement | null) => void) | import("react").RefObject<HTMLHRElement> | null | undefined;
|
|
35
|
-
}, "children" | "style" | "light" | "className" | "classes" | "sx" | "textAlign" | "variant" | "absolute" | "orientation" | "flexItem"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
36
|
-
export declare const DivBottom: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
37
|
-
export declare const DivSep: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
38
|
-
export declare const AnchorLink: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|