hardwater-ui-microfrontend 0.0.1

package/dist/components/Molecules/PostCard/postCardStyles.d.ts

@@ -0,0 +1,152 @@
+export declare const postCardStyles: {
+    box: {
+        cardContainer: {
+            display: string;
+            maxWidth: string;
+            minHeight: string;
+            overflow: string;
+            borderRadius: string;
+            fontFamily: string;
+            boxSizing: string;
+            boxShadow: string;
+            padding: string;
+            position: string;
+            userSelect: string;
+        };
+        subContainer: {
+            width: string;
+            height: string;
+            filter: string;
+        };
+        detailedContainer: {
+            display: string;
+            flexDirection: string;
+            width: string;
+            gap: string;
+            boxSizing: string;
+            marginTop: string;
+        };
+        descContainer: {
+            maxH: string;
+            overflow: string;
+        };
+        docItem: {
+            backgroundColor: string;
+            width: string;
+            height: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            borderRadius: string;
+        };
+        videoIconContainer: {
+            position: string;
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    text: {
+        profileInitials: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        userName: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        postTitle: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        postDesc: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textAlign: string;
+            color: string;
+        };
+        countTxt: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        readMore: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        mediaCount: {
+            position: string;
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+            textShadow: string;
+        };
+    };
+    stack: {
+        profileImgContainer: {
+            bg: string;
+            w: string;
+            h: string;
+            borderRadius: string;
+            justifyContent: string;
+            alignItems: string;
+            boxShadow: string;
+        };
+    };
+    image: {
+        postImg: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderRadius: string;
+        };
+        twoImgWithLeftRadius: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderTopLeftRadius: string;
+            borderBottomLeftRadius: string;
+        };
+        twoImgWithRightRadius: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderTopRightRadius: string;
+            borderBottomRightRadius: string;
+        };
+        multiImg: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderTopRightRadius: string;
+        };
+    };
+};

package/dist/components/Molecules/RecapNode/ContentView.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export const ContentView: React.NamedExoticComponent<object>;

package/dist/components/Molecules/RecapNode/SectionView.d.ts

@@ -0,0 +1,7 @@
+export function SectionView({ recap, displayType, colorKey, isMobile, onSectionExpandChange, }: {
+    recap: any;
+    displayType: any;
+    colorKey: any;
+    isMobile: any;
+    onSectionExpandChange: any;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Molecules/RecapNode/VideoView.d.ts

@@ -0,0 +1,8 @@
+export function VideoView({ videos, thumbnails, currentVideoIdx, setCurrentVideoIdx, playicon, onOpenMediaModal, }: {
+    videos: any;
+    thumbnails?: any[] | undefined;
+    currentVideoIdx: any;
+    setCurrentVideoIdx: any;
+    playicon: any;
+    onOpenMediaModal: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/RequestSent/RequestSent.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface RequestSentModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    image?: React.ReactNode;
+    isMobile?: boolean;
+}
+declare const RequestSentModal: React.FC<RequestSentModalProps>;
+export default RequestSentModal;

package/dist/components/Molecules/RequestSent/RequestSent.styles.d.ts

@@ -0,0 +1,3 @@
+import { SystemStyleObject } from '@chakra-ui/styled-system';
+
+export declare const styles: Record<string, SystemStyleObject>;

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+interface RevisionCompleteCardProps {
+    title?: string;
+    description: string;
+    buttonText: string;
+    imageSrc?: string;
+    rivSrc?: string;
+    onButtonClick?: () => void;
+    isMatchthefollowing: boolean;
+    secondaryButtonText?: string;
+    onSecondaryButtonClick?: () => void;
+    badge?: string;
+}
+declare const RevisionCompleteCard: React.FC<RevisionCompleteCardProps>;
+export default RevisionCompleteCard;

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare const OuterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OuterCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InnerCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TopSection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Image: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Description: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    isMatchthefollowing: boolean;
+}>> & string;
+export declare const ButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const SecondaryButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;
+export declare const PrimaryButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const OuterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImageSection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Image: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Description: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+interface RevisionCardProps {
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonText: string;
+    rivSrc?: string;
+    imageSrc?: string;
+    onButtonClick?: () => void;
+}
+declare const RevisionCard: React.FC<RevisionCardProps>;
+export default RevisionCard;

package/dist/components/Molecules/SmartLearn/SmartLearn.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { LearningCreditsCardProps } from './types';
+
+declare const LearningCreditsCard: React.FC<LearningCreditsCardProps>;
+export default LearningCreditsCard;

package/dist/components/Molecules/SmartLearn/SmartLearn.styles.d.ts

@@ -0,0 +1,385 @@
+export declare const cardStyles: {
+    limited: {
+        width: string;
+        height: string;
+        border: string;
+        background: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    requestSent: {
+        width: string;
+        height: string;
+        border: string;
+        background: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    unlocked: {
+        width: string;
+        height: string;
+        border: string;
+        background: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    noCredits: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    headerText: {
+        fontSize: string;
+        fontWeight: string;
+        width: string;
+        height: string;
+        color: string;
+        fontFamily: string;
+    };
+    mobilelearnbutton: {
+        ml: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingBottom: string;
+        height: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    headerlimitedText: {
+        fontSize: string;
+        fontWeight: string;
+        paddingTop: string;
+        paddingBottom: string;
+        color: string;
+        fontFamily: string;
+    };
+    learnMoreButton: {
+        ml: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingBottom: string;
+        height: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMoreunlockedButton: {
+        height: string;
+        color: string;
+        padding: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMorelimitedText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    mobilelearnmorelimit: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMoreText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    chevronlimitedIcon: {
+        color: string;
+        ml: string;
+    };
+    chevronUnlockedIcon: {
+        color: string;
+        ml: string;
+    };
+    discovericon: {
+        color: string;
+        ml: string;
+    };
+    learnMoreRequireText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMoreUnlockedText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    chevronIcon: {
+        color: string;
+        ml: string;
+    };
+    limitedUsageAlert: {
+        borderRadius: string;
+        background: string;
+        border: string;
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    limitedusagemobile: {
+        borderRadius: string;
+        background: string;
+        border: string;
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    alertText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        textAlign: string;
+        lineHeight: string;
+        mr: string;
+    };
+    alertmobilelimited: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        textAlign: string;
+        lineHeight: string;
+        mr: string;
+    };
+    bodyText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    bodyTextpoint: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    limitedbodyText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    bodyTextlern: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    bodyTextDark: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    successMessage: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+        lineHeight: string;
+    };
+    chevronmobilelimited: {
+        color: string;
+    };
+    mobilelearnunlockbutton: {
+        ml: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingbottom: string;
+        height: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    primaryButton: {
+        width: string;
+        borderRadius: string;
+        fontWeight: string;
+        fontSize: string;
+        fontFamily: string;
+        backgroundColor: string;
+        transition: string;
+        _hover: {
+            backgroundColor: string;
+        };
+    };
+    primaryButtonnocredit: {
+        width: string;
+        borderRadius: string;
+        fontWeight: string;
+        fontSize: string;
+        fontFamily: string;
+        border: string;
+        backgroundColor: string;
+        transition: string;
+        _hover: {
+            backgroundColor: string;
+        };
+    };
+    discoverfeatures: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        paddingBottom: string;
+    };
+    discoverText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    buttonrequireText: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    buttonrequireTextnocredit: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    disabledButton: {
+        width: string;
+        fontWeight: string;
+        fontFamily: string;
+        background: string;
+        color: string;
+        cursor: string;
+        _disabled: {
+            background: string;
+            color: string;
+            cursor: string;
+        };
+    };
+    disabledButtonnocredit: {
+        width: string;
+        fontWeight: string;
+        fontFamily: string;
+        background: string;
+        cursor: string;
+        _hover: {
+            backgroundColor: string;
+        };
+    };
+    countdownText: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    countdownboldText: {
+        fontSize: string;
+        color: string;
+        fontWeight: string;
+        fontFamily: string;
+    };
+    headerFlex: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    headerFlexRequestSent: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    warningTextContainer: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    mobilewarningcontainer: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    bulletPointContainer: {
+        pl: string;
+        mt: string;
+    };
+    dashedDivider: {
+        width: string;
+        height: string;
+        borderTop: string;
+        borderImage: string;
+        opacity: number;
+        transform: string;
+    };
+    dashedDividerRequestSent: {
+        width: string;
+        height: string;
+        borderTop: string;
+        borderImage: string;
+        opacity: number;
+        transform: string;
+        marginBottom: string;
+        marginTop: string;
+    };
+    dashedDividerUnlocked: {
+        width: string;
+        height: string;
+        borderTop: string;
+        borderImage: string;
+        opacity: number;
+        transform: string;
+        paddingBottom: string;
+    };
+    buttonText: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    buttonTextnocredit: {
+        fontSize: string;
+        color: string;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    buttonTextnocreditMobile: {
+        fontSize: string;
+        color: string;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    requestSentTextContainer: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    requestSentBodyText: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    mobilebodytextw: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    successMessageContainer: {
+        paddingRight: string;
+        paddingLeft: string;
+        paddingBottom: string;
+    };
+};

package/dist/components/Molecules/SmartLearn/types.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export type CardState = "limited" | "requestSent" | "unlocked" | "noCredits" | "noCreditsRequestSent";
+export interface LearningCreditsCardProps {
+    initialState?: CardState;
+    onStateChange?: (state: CardState) => void;
+    countdown?: number;
+    onLearnMoreClick?: () => void;
+    onRequestCredits?: () => void | boolean;
+    isMobile: boolean;
+    messagetext: string;
+    isSchoolPayEnabled: boolean;
+    learningCredits?: string;
+    icons?: {
+        [key: string]: string;
+    };
+}
+export type AccordionCardState = "noCredits" | "requestSent" | "doubt" | "doubtRequestSent" | "revision" | "noCreditsTask" | "noCreditsTaskRequestSent";
+export interface AccordionCardProps {
+    initialState?: AccordionCardState;
+    userName: string;
+    timer?: number;
+    onBack: () => void;
+    onRequestCredits?: () => void | boolean;
+    onStateChange?: (state: AccordionCardState) => void;
+    showIcon?: boolean;
+    assistantIcon?: string | React.ReactNode;
+    features?: string[];
+    isSchoolPayEnabled?: boolean;
+    messageText?: string;
+    contentObject?: any;
+}

package/dist/components/Molecules/SortMenu/SortMenu.d.ts

@@ -0,0 +1,2 @@
+declare const SortMenu: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default SortMenu;