@zealicsolutions/web-ui 0.3.267 → 0.3.333

package/dist/cjs/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+import { BaseSelectableProps } from './BaseSelectable';
+export declare type SelectableCardGroupProps<T> = {
+    cards: BaseSelectableProps<T>[];
+    handleChange?: (value: T | undefined) => void;
+    spacing?: SizesTypes;
+    initialValue?: T;
+};
+export declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/SelectableInfoCard/SelectableInfoCard.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SelectableCardGroup as SelectableCardGroupComponent } from './SelectableCardGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ cards, handleChange, spacing, initialValue, }: import("./SelectableCardGroup").SelectableCardGroupProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const SelectableCardGroup: ComponentStory<typeof SelectableCardGroupComponent>;

package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare const InfoText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    variant: "M";
+}, "variant">;
+export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isActive?: boolean | undefined;
+}, never>;
+export declare const GroupWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    spacing: SizesTypes;
+}, never>;

package/dist/cjs/src/molecules/SettingsSelectionField/SettingsSelectionField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type SettingsSelectionFieldProps = {
+    options: {
+        title: string;
+        id: string;
+    }[];
+    onChange?: (id: string) => void;
+    fieldTitle: string;
+};
+export declare const SettingsSelectionField: ({ options, onChange, fieldTitle, }: SettingsSelectionFieldProps) => JSX.Element;

package/dist/cjs/src/molecules/SettingsSelectionField/SettingsSelectionField.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SettingsSelectionField as SettingsSelectionFieldComponent } from './SettingsSelectionField';
+declare const _default: {
+    title: string;
+    component: ({ options, onChange, fieldTitle, }: import("./SettingsSelectionField").SettingsSelectionFieldProps) => JSX.Element;
+};
+export default _default;
+export declare const SettingsSelectionField: ComponentStory<typeof SettingsSelectionFieldComponent>;

package/dist/cjs/src/molecules/Stepper/Step.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
+import { OrientationType } from './Stepper';
+export declare type StepProps = {
+    step: {
+        title?: string;
+        description?: string;
+        status?: ProcessTrackerStatus;
+    };
+    stepsNumber: number;
+    order: number;
+    orientation?: OrientationType;
+};
+export declare const Step: ({ stepsNumber, step: { title, description, status }, orientation, order, }: StepProps) => JSX.Element;

package/dist/cjs/src/molecules/Stepper/Stepper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
+export declare type OrientationType = 'horizontal' | 'vertical';
+export declare type StepperProps = {
+    steps: {
+        title: string;
+        description?: string;
+        status?: ProcessTrackerStatus;
+    }[];
+    currentStep: number;
+    orientation?: OrientationType;
+};
+export declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;

package/dist/cjs/src/molecules/Stepper/styles.d.ts

@@ -0,0 +1,21 @@
+import { OrientationType } from 'molecules/Stepper/Stepper';
+export declare const StepperWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+}, never>;
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+    isLastChild?: boolean | undefined;
+}, never>;
+export declare const CustomStep: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    isComplete?: boolean | undefined;
+    isProgress?: boolean | undefined;
+    orientation?: OrientationType | undefined;
+}, never>;
+export declare const ConnectionLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+    isComplete?: boolean | undefined;
+}, never>;

package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { TabProps, TabTheme } from 'atoms';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
+import { StylesType } from 'typescript';
+export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+export declare type AdditionalTabContainerProps = {
+    containerStyle?: StylesType;
+    containerProps?: Record<string, unknown>;
+};
+export declare type TabGroupProps<T = string, K = string> = {
+    tabs: TabType<T, K>[];
+    activeTabKey: T;
+    onTabChange?: (tabKey: T) => void;
+    onOptionClick?: (optionKey: K) => void;
+    styles?: StylesType;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    tabFont?: FontSizesTypes;
+    textSize?: number;
+    tabPadding?: SizesTypes | number;
+    tabSpacing?: SizesTypes;
+    defaultTabTextColor?: ThemeColors | string;
+    selectedTabTextColor?: ThemeColors | string;
+    selectedTabIndicatorColor?: ThemeColors | string;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
+};
+export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;

package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { TabGroupProps } from './TabGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
+};
+export default _default;
+export declare const TabGroup: StoryFn<TabGroupProps>;

package/dist/cjs/src/molecules/TabGroup/styles.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { TabTheme } from 'atoms/Tab/Tab';
+import { SizesTypes, ThemeColors } from 'theme/types';
+import { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
+    spacing: SizesTypes;
+    vertical: boolean;
+}> & OverrideStyles, never>;
+declare type TabSliderProps = {
+    width: number;
+    left: number;
+    isActiveTab?: boolean;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabSlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabSliderProps, never>;
+declare type TabWrapperProps = {
+    disabled?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabTextColor?: ThemeColors | string;
+    isActiveTab?: boolean;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    withoutOpacityEffect: boolean;
+} & TabWrapperProps, "withoutOpacityEffect">;
+export {};

package/dist/cjs/src/molecules/TabGroup/useTabAnimation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const useTabAnimation: (activeTab: string) => {
+    tabsUnderlineLeft: number[];
+    tabsUnderlineWidth: number[];
+    tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
+};

package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TextProps } from 'atoms';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type TextMoleculeProps = Partial<{
+    text: string;
+    variant: 'base' | 'custom';
+    fontVariant: FontSizesTypes;
+    textSize: number;
+    textColor: ThemeColors | string;
+    letterSpacing: number;
+    lineHeight: number;
+    fontWeight: string | number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;

package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { TextMoleculeProps } from './TextMolecule';
+declare const _default: {
+    title: string;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
+};
+export default _default;
+export declare const TextMolecule: StoryFn<TextMoleculeProps>;

package/dist/cjs/src/molecules/Video/Video.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'styled-components';
+import { StylesType } from 'typescript';
+export declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    styles: StylesType;
+    template: FeedContentTemplateTypes;
+}>;
+export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;

package/dist/cjs/src/molecules/Video/Video.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: import("./Video").VideoProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Video: StoryFn<typeof VideoComponent>;

package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts

@@ -0,0 +1,20 @@
+import { ModalProps as MUIModalProps } from '@mui/material';
+import React, { KeyboardEvent, PropsWithChildren } from 'react';
+import { CSSProperties } from 'styled-components';
+import type { Callback, OverrideStyles } from 'typescript';
+export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
+    padding?: number | string;
+    wrapperStyles?: CSSProperties;
+    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
+    modalStyles?: CSSProperties;
+    onClose?: Callback;
+};
+export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
+export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+}, never>;

package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
+declare const _default: {
+    title: string;
+    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
+};
+export default _default;
+export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

package/dist/cjs/src/molecules/index.d.ts

@@ -0,0 +1,32 @@
+export * from './FieldLabels/FieldLabels';
+export * from './InputField/InputField';
+export * from './FieldMapper/FieldMapper';
+export * from './CheckboxField/CheckboxField';
+export * from './CheckboxField/CheckboxGroup';
+export * from './SelectField/SelectField';
+export * from './CustomValidation/CustomValidation';
+export * from './SelectableInfoCard/SelectableCardGroup';
+export * from './HeroImage/HeroImage';
+export * from './Drawer/Drawer';
+export * from './Columns/Columns';
+export * from './MenuItems/MenuItems';
+export * from './AvatarDropdown/AvatarDropdown';
+export * from './TabGroup/TabGroup';
+export * from './FieldSection/FieldSection';
+export * from './MenuNavigation/MenuNavigation';
+export * from './EmphasizedText/EmphasizedText';
+export * from './RadioButtonField/RadioButtonField';
+export * from './Alert/Alert';
+export * from './Stepper/Stepper';
+export * from './PdfDocument/PdfDocument';
+export * from './FeedContentHeader/FeedContentHeader';
+export * from './HorizontalButtonsField/HorizontalButtonsField';
+export * from './BottomNavBarItem/BottomNavBarItem';
+export * from './Video/Video';
+export * from './Image/Image';
+export * from './Caruser/Carousel';
+export * from './TextMolecule/TextMolecule';
+export * from './Button/Button';
+export * from './ZealUIModal/ZealUIModal';
+export * from './Consent/Consent';
+export * from './Link/Link';

package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { GoogleMapProps } from 'atoms';
+import { FieldSectionProps } from 'molecules';
+export declare type AccountInformationProps<T extends object> = {
+    fieldSections: Pick<FieldSectionProps<T>, 'fields' | 'label'>[];
+    control: Control<any>;
+    isEditMode?: boolean;
+    mapConfig: GoogleMapProps;
+};
+export declare const AccountInformation: <T extends object>({ fieldSections, control, isEditMode, mapConfig, }: AccountInformationProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { UIFields } from 'fieldsConfiguration';
+import { ConsentProps } from 'molecules';
+import type { Callback } from 'typescript';
+export declare const showAcceptToastMessage: () => void | undefined;
+export declare type AcquisitionFormProps<T extends object> = {
+    fields: UIFields<T>;
+    consents: ConsentProps[];
+    logoUrl: string;
+    isLoading?: boolean;
+    isSubmitDisabled?: boolean;
+    title: string;
+    description?: string;
+    buttonText?: string;
+    onSubmit: (values: T) => void;
+    onLinkButtonClick?: Callback;
+    showConsentLabel?: boolean;
+    triggerFormInitially?: boolean;
+    isTooltipVisible?: boolean;
+    optionsPresentation?: boolean;
+};
+export declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, optionsPresentation, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, isTooltipVisible, }: AcquisitionFormProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { AcquisitionForm as AcquisitionFormComponent } from './AcquisitionForm';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ logoUrl, title, description, buttonText, fields, optionsPresentation, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, isTooltipVisible, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const AcquisitionForm: StoryFn<typeof AcquisitionFormComponent>;

package/dist/cjs/src/organisms/Body/Body.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ColumnsProps, EmphasizedTextProps, HeroImageProps } from 'molecules';
+import { FeedContentContainerProps } from 'organisms/FeedContentContainer/FeedContentContainer';
+import { CSSProperties } from 'styled-components';
+import { HeroSliderProps } from 'organisms';
+import { SubscribePanelProps } from 'organisms/SubscribePanel/type';
+export declare type BodyProps = {
+    elements: {
+        data: (HeroImageProps | HeroSliderProps | SubscribePanelProps | ColumnsProps | EmphasizedTextProps | FeedContentContainerProps)[];
+        spacer?: number;
+    };
+    horizontalPaddings?: number;
+    containerStyles?: CSSProperties;
+};
+export declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;

package/dist/cjs/src/organisms/Body/Body.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Body as BodyComponent } from './Body';
+declare const _default: {
+    title: string;
+    component: ({ elements, horizontalPaddings, containerStyles, }: import("./Body").BodyProps) => JSX.Element;
+};
+export default _default;
+export declare const Body: ComponentStory<typeof BodyComponent>;

package/dist/cjs/src/organisms/BottomNavBarNavigation/BottomNavBarNavigation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BottomNaVBarItemProps } from 'molecules';
+export declare type BottomNavBarNavigationProps = {
+    navbarItems: BottomNaVBarItemProps[];
+};
+export declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;

package/dist/cjs/src/organisms/BottomNavBarNavigation/BottomNavBarNavigation.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { BottomNavBarNavigation as BottomNavBarComponent } from './BottomNavBarNavigation';
+declare const _default: {
+    title: string;
+    component: ({ navbarItems }: import("./BottomNavBarNavigation").BottomNavBarNavigationProps) => JSX.Element;
+};
+export default _default;
+export declare const BottomNavBarNavigation: ComponentStory<typeof BottomNavBarComponent>;

package/dist/cjs/src/organisms/DynamicContentZone/DynamicContentZone.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { AlertProps } from 'molecules';
+import { ProcessTrackerProps } from 'organisms';
+import { FeedContentProps } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'styled-components';
+import { SizesTypes } from 'theme';
+export declare type DynamicElementProps = (AlertProps & {
+    elementType: 'alert';
+}) | (ProcessTrackerProps & {
+    elementType: 'process_tracker';
+}) | (FeedContentProps & {
+    elementType: 'feed_content';
+});
+declare type SizeProps = SizesTypes | number;
+export declare type DynamicContentZoneProps = {
+    elements: {
+        data: DynamicElementProps[];
+        spacer?: SizeProps;
+    };
+    horizontalPaddings?: SizeProps;
+    containerStyles?: CSSProperties;
+};
+export declare const DynamicContentZone: ({ elements, horizontalPaddings, containerStyles, }: DynamicContentZoneProps) => JSX.Element;
+export {};

package/dist/cjs/src/organisms/DynamicContentZone/DynamicContentZone.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { DynamicContentZone as DynamicContentZoneComponent } from './DynamicContentZone';
+declare const _default: {
+    title: string;
+    component: ({ elements, horizontalPaddings, containerStyles, }: import("./DynamicContentZone").DynamicContentZoneProps) => JSX.Element;
+};
+export default _default;
+export declare const DynamicContentZone: ComponentStory<typeof DynamicContentZoneComponent>;

package/dist/cjs/src/organisms/FeedContent/FeedContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from './types';
+export declare const FeedContent: ({ feedContentTemplate, ...props }: FeedContentProps) => JSX.Element;

package/dist/cjs/src/organisms/FeedContent/FeedContent.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { FeedContent as FeedContentComponent } from './FeedContent';
+declare const _default: {
+    title: string;
+    component: ({ feedContentTemplate, ...props }: import("./types").FeedContentProps) => JSX.Element;
+};
+export default _default;
+export declare const FeedContent: ComponentStory<typeof FeedContentComponent>;

package/dist/cjs/src/organisms/FeedContent/components/BackToFeedButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const BackToFeedButton: ({ buttonConfig }: Pick<FeedContentProps, 'buttonConfig'>) => JSX.Element;

package/dist/cjs/src/organisms/FeedContent/components/ExpandedContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const ExpandedContent: (props: Omit<FeedContentProps, 'isExpanded'>) => JSX.Element;

package/dist/cjs/src/organisms/FeedContent/components/FullWidthContentTemplate.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const FullWidthContentTemplate: (props: FeedContentProps) => JSX.Element;

package/dist/cjs/src/organisms/FeedContent/components/StandardContentTemplate.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const StandardContentTemplate: (props: FeedContentProps) => JSX.Element;

package/dist/cjs/src/organisms/FeedContent/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultTitle = "[{\"type\":\"paragraph\",\"children\":[{\"text\":\"\"}]}]";
+export declare const defaultDescription = "[{\"type\":\"paragraph\",\"children\":[{\"text\":\"\"}]}]";

package/dist/cjs/src/organisms/FeedContent/styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const ExpandedWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isMobile?: boolean | undefined;
+}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CollapsedWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    src?: string | undefined;
+}, never>;
+export declare const CollapsedHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TruncatedText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & Pick<FeedContentProps, "withCloseIcon" | "feedContentTemplate">, never>;
+export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;

package/dist/cjs/src/organisms/FeedContent/types.d.ts

@@ -0,0 +1,35 @@
+import { FilteredFeedContentType } from 'organisms';
+import { CSSProperties } from 'styled-components';
+import { Callback, Nullable, StylesType } from 'typescript';
+export declare type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
+export declare type FeedContentProps = {
+    feedContentType: Omit<FilteredFeedContentType, 'all'>;
+    feedContentTemplate: FeedContentTemplateTypes;
+    id?: string;
+    image?: string;
+    video?: string;
+    document?: string;
+    title?: Nullable<string>;
+    description: Nullable<string>;
+    lastUpdated: string;
+    buttonConfig: {
+        disabled?: boolean;
+        onClick?: () => void;
+    };
+    withCloseIcon?: {
+        onClose: Callback;
+    };
+    isMobile?: boolean;
+    isExpanded?: boolean;
+    fullWidth?: boolean;
+    fullWidthTemplateContainerStyles?: CSSProperties;
+    showDefaultDocumentStyles?: boolean;
+    destinationLink?: string;
+    onDestinationHandler?: Callback;
+    imageStyles?: StylesType;
+    videoStyles?: CSSProperties;
+    isEnabledFavoriting?: boolean;
+    isFavorite?: boolean;
+    onFavoriteClickHandler?: Callback;
+    onFavoriteIconClick?: (selectedFeedContent: FeedContentProps) => void;
+};

package/dist/cjs/src/organisms/FeedContent/useSwitchHandler.d.ts

@@ -0,0 +1,10 @@
+export declare type UseSwitchHandlerProps = {
+    isFavorite?: boolean;
+    isExpanded?: boolean;
+};
+export declare const useSwitchHandler: ({ isFavorite, isExpanded, }: UseSwitchHandlerProps) => {
+    isExpandedContent: boolean;
+    isFavoriteState: boolean;
+    onFavoriteClickHandler: () => void;
+    onExpandedClickHandler: () => void;
+};

package/dist/cjs/src/organisms/FeedContentContainer/FeedContentContainer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FeedContentHeaderProps } from 'molecules';
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare type FilteredFeedContentType = 'all' | 'favourite';
+export declare type FeedContentContainerProps = {
+    type: 'feed';
+    feedHeader: Omit<FeedContentHeaderProps, 'isMobile'>;
+    feedContent?: Omit<FeedContentProps, 'isMobile'>[];
+    isMobile?: boolean;
+};
+export declare const FeedContentContainer: ({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps) => JSX.Element;

package/dist/cjs/src/organisms/FeedContentContainer/FeedContentContainer.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { FeedContentContainer as FeedContentContainerComponent } from './FeedContentContainer';
+declare const _default: {
+    title: string;
+    component: ({ feedHeader, feedContent, isMobile, }: import("./FeedContentContainer").FeedContentContainerProps) => JSX.Element;
+};
+export default _default;
+export declare const FeedContentContainer: ComponentStory<typeof FeedContentContainerComponent>;

package/dist/cjs/src/organisms/FeedContentContainer/mocks.d.ts

@@ -0,0 +1,48 @@
+import { FeedContentHeaderProps } from 'molecules';
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+export declare const feedContentContainerMockProps: {
+    feedContent: ({
+        id: string;
+        feedContentType: string;
+        buttonConfig: {
+            disabled: boolean;
+        };
+        image: any;
+        feedContentTemplate: FeedContentTemplateTypes;
+        lastUpdated: string;
+        isFavorite: boolean;
+        title: string;
+        description: string;
+        video?: undefined;
+        document?: undefined;
+    } | {
+        id: string;
+        feedContentType: string;
+        buttonConfig: {
+            disabled: boolean;
+        };
+        image: any;
+        feedContentTemplate: FeedContentTemplateTypes;
+        lastUpdated: string;
+        isFavorite: boolean;
+        title: string;
+        description: string;
+        video: string;
+        document?: undefined;
+    } | {
+        id: string;
+        image: any;
+        buttonConfig: {
+            disabled: boolean;
+        };
+        feedContentTemplate: FeedContentTemplateTypes;
+        feedContentType: string;
+        lastUpdated: string;
+        title: string;
+        description: string;
+        document: string;
+        isFavorite?: undefined;
+        video?: undefined;
+    })[];
+    feedHeader: FeedContentHeaderProps;
+};