igloo-d2c-components 1.1.1 → 1.1.3-non-prod

package/dist/types/components/TravelQuoteDrawer/TravelQuoteDrawer.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Travel Quote Drawer Component
+ * Drawer form for collecting travel insurance search criteria.
+ * Supports Domestic and International travel categories.
+ */
+type GroupSize = 'Individual' | 'Dual' | 'Couple' | 'Family';
+export interface TravelQuoteFormValues {
+    category: 'Domestic' | 'International';
+    groupSize: GroupSize;
+    travelStartDate: string;
+    travelEndDate: string;
+    adultCount: number;
+    childCount: number;
+    destinations: string[];
+    countries?: Array<{
+        label: string;
+        value: string;
+        region?: string;
+    }>;
+    cities?: string;
+}
+export interface DestinationOption {
+    label: string;
+    value: string;
+    group?: string;
+    flag?: string;
+    region?: string;
+}
+export interface CityOption {
+    name: string;
+    province?: string;
+}
+export interface TravelQuoteDrawerProps {
+    /**
+     * Whether the drawer is open
+     */
+    open: boolean;
+    /**
+     * Travel category: 'Domestic' or 'International'
+     */
+    category: 'Domestic' | 'International' | null;
+    /**
+     * Callback when drawer should close
+     */
+    onClose: () => void;
+    /**
+     * Callback when form is submitted
+     */
+    onSubmit: (values: TravelQuoteFormValues) => void;
+    /**
+     * Country options for international travel
+     */
+    countryOptions?: DestinationOption[];
+    /**
+     * City options for domestic travel
+     */
+    cityOptions?: CityOption[];
+    /**
+     * Whether the form is in a loading/submitting state
+     */
+    loading?: boolean;
+    /**
+     * Label text overrides for i18n
+     */
+    labels?: Partial<{
+        title: string;
+        groupSizeLabel: string;
+        travelDatesLabel: string;
+        startDateLabel: string;
+        endDateLabel: string;
+        destinationLabel: string;
+        adultsLabel: string;
+        childrenLabel: string;
+        submitLabel: string;
+        individual: string;
+        dual: string;
+        couple: string;
+        family: string;
+    }>;
+}
+export declare function TravelQuoteDrawer({ open, category, onClose, onSubmit, countryOptions, cityOptions, loading, labels, }: TravelQuoteDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/TravelQuoteDrawer/index.d.ts

@@ -0,0 +1,2 @@
+export { TravelQuoteDrawer } from './TravelQuoteDrawer';
+export type { CityOption, DestinationOption, TravelQuoteDrawerProps, TravelQuoteFormValues, } from './TravelQuoteDrawer';

package/dist/types/components/TravelQuoteDrawer/styled.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DrawerHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DrawerTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "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" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DrawerContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const FormSection: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const FormLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "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" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const GroupSizeGrid: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const GroupSizeOption: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean | undefined;
+}, {}, {}>;
+export declare const CounterContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CounterLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "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" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CounterControls: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CounterValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "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" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DatePickerRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SubmitButton: 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"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DestinationChipsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/types/index.d.ts

@@ -5,8 +5,8 @@
 export { TenantThemeProvider, useIsTenant, useTenantId, useTenantTheme } from './context/TenantThemeContext';
 export type { TenantThemeProviderProps } from './context/TenantThemeContext';
 export type { ColorShade, TenantContextValue, TenantId, TenantPalette, TenantThemeConfig, TenantTypography } from './types/tenant';
-export { ammetlifeTheme, getAvailableTenants, getTenantTheme, iglooTheme, isValidTenantId, tenantThemes } from './themes';
-export { ammetlifeTypography, getTenantTypography, iglooTypography, tenantTypography, } from './themes/typography';
+export { ammetlifeTheme, b2cidTheme, getAvailableTenants, getTenantTheme, iglooTheme, isValidTenantId, tenantThemes } from './themes';
+export { ammetlifeTypography, b2cidTypography, getTenantTypography, iglooTypography, tenantTypography, } from './themes/typography';
 export type { TenantTypographyConfig, TypographyVariant, } from './themes/typography';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
@@ -69,4 +69,8 @@ export { isValidExternalUrl, safeWindowOpen, sanitizeUrl } from './utils/securit
 export { getImageSrc, isStaticImageData } from './utils/image';
 export type { StaticImageData } from './utils/image';
 export { resolveComponent, resolveReactComponent, resolveSvgIcon } from './utils/componentResolver';
+export { TravelCategoryCard } from './components/TravelCategoryCard';
+export type { TravelCategoryCardProps } from './components/TravelCategoryCard';
+export { TravelQuoteDrawer } from './components/TravelQuoteDrawer';
+export type { CityOption, DestinationOption, TravelQuoteDrawerProps, TravelQuoteFormValues, } from './components/TravelQuoteDrawer';
 export * from './assets';

package/dist/types/themes/index.d.ts

@@ -11,6 +11,10 @@ export declare const iglooTheme: TenantThemeConfig;
  * Ammetlife Theme Configuration
  */
 export declare const ammetlifeTheme: TenantThemeConfig;
+/**
+ * B2C ID Theme Configuration
+ */
+export declare const b2cidTheme: TenantThemeConfig;
 /**
  * Theme Registry
  * Map of tenant IDs to their theme configurations

package/dist/types/themes/typography.d.ts

@@ -56,6 +56,10 @@ export declare const iglooTypography: TenantTypographyConfig;
  * AmmetLife Typography Configuration
  */
 export declare const ammetlifeTypography: TenantTypographyConfig;
+/**
+ * B2C ID Typography Configuration
+ */
+export declare const b2cidTypography: TenantTypographyConfig;
 /**
  * Typography Registry
  * Map of tenant IDs to their typography configurations

package/dist/types/types/tenant.d.ts

@@ -95,4 +95,4 @@ export interface TenantContextValue {
 /**
  * Supported Tenant IDs
  */
-export type TenantId = 'igloo' | 'ammetlife';
+export type TenantId = 'igloo' | 'ammetlife' | 'b2cid';

package/dist/types/utils/componentResolver.d.ts

@@ -39,5 +39,5 @@ export declare function resolveSvgIcon(icon: ModuleWithDefault<SvgIconComponent>
  * @param component - React component to resolve
  * @returns Resolved component
  */
-export declare function resolveReactComponent<P = any>(component: ModuleWithDefault<React.ComponentType<P>>): React.ComponentType<P>;
+export declare function resolveReactComponent<P = Record<string, unknown>>(component: ModuleWithDefault<React.ComponentType<P>>): React.ComponentType<P>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igloo-d2c-components",
-  "version": "1.1.1",
+  "version": "1.1.3-non-prod",
   "description": "Reusable component library with tenant-aware theming for B2C applications",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -37,7 +37,7 @@
     "release:beta": "bash scripts/release.sh beta",
     "npmPublish": "yarn prepublishOnly && npm publish --access public",
     "npmPublish:ci": "yarn prepublishOnly && npm publish --provenance --access public",
-    "security:audit": "yarn audit --level moderate || true",
+    "security:audit": "yarn audit --level moderate",
     "security:lockfile": "lockfile-lint --path yarn.lock --allowed-hosts npm yarn registry.yarnpkg.com --validate-https",
     "security:check": "yarn security:audit && yarn security:lockfile",
     "ci:install": "yarn install --frozen-lockfile --ignore-scripts",
@@ -114,9 +114,10 @@
     "webpack-dev-middleware": "^5.3.4",
     "braces": "^3.0.3",
     "micromatch": "^4.0.8",
-    "postcss": "^8.4.31",
+    "postcss": "^8.5.10",
     "serialize-javascript": "^7.0.5",
-    "esbuild": "^0.25.0"
+    "esbuild": "^0.25.0",
+    "uuid": "^14.0.0"
   },
   "publishConfig": {
     "access": "public",