@mx-cartographer/insights-ui 1.2.0

package/README.md

@@ -0,0 +1,24 @@
+## Getting started
+In order to run the project you will need to make sure that you have yarn installed. It must be higher than 1.22 in order to do that you must have corepack enabled. Do not just run "npm i" to install dependencies, all packages must be installed with yarn.
+
+1. Install [yarn](https://yarnpkg.com/getting-started/install)
+1. From the project root dir, run `yarn` or `yarn install` to install dependencies
+1. To start the project run `yarn dev` (the project should automatically run in the browser)
+
+## Merging and Publishing
+
+1. After MR is approved, type `shipit` in the comments. Wait for shipit to merge your branch.
+1. After your changes have been merged to master, switch to the master branch and pull down the new changes.
+1. Run `npm publish --dry-run`.
+1. If the dry run works, go ahead and run `npm publish`. Look for something like '@insights/ui@2.4.2' in the terminal output. Copy it and paste it to the end of `git tag` ex: `git tag @insights/ui@2.4.2`in the terminal. After that, run `git push origin --tags` and you're done.
+
+
+## Insight-ui
+
+The QA storybook containing the latest changes is [accessible here] In the works. 
+
+This will be the new home for individual insight ui.
+
+#Getting Started
+
+

package/dist/components/DirectDeposit/DirectDeposit.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface DirectDepositProps {
+    accountGuid: string;
+    animation: {
+        shouldRun?: boolean;
+    };
+    leftLowerText: string;
+    leftUpperText: string;
+    headerString: string;
+    isComplete?: boolean;
+    isMini: boolean;
+    rightLowerText: string;
+    rightUpperText: string;
+}
+export declare const DirectDeposit: React.FC<DirectDepositProps>;
+export {};

package/dist/components/DirectDeposit/FullFeedBodyHeader.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface BodyHeaderProps {
+    headerString: string;
+}
+export declare const FullFeedBodyHeader: React.FC<BodyHeaderProps>;
+export {};

package/dist/components/DirectDeposit/FullFeedLogoSection.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface FullFeedLogoSectionProps {
+    accountGuid: string;
+    width: string | number;
+}
+export declare const FullFeedLogoSection: React.FC<FullFeedLogoSectionProps>;
+export {};

package/dist/components/DirectDeposit/LeftBox.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface LeftBoxProps {
+    leftLowerText: string;
+    leftUpperText: string;
+}
+export declare const LeftBox: React.FC<LeftBoxProps>;
+export {};

package/dist/components/DirectDeposit/LowerBoxSection.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface LowerBoxSectionProps {
+    isComplete?: boolean;
+    leftLowerText: string;
+    leftUpperText: string;
+    rightLowerText: string;
+    rightUpperText: string;
+}
+export declare const LowerBoxesSection: React.FC<LowerBoxSectionProps>;
+export {};

package/dist/components/DirectDeposit/MiniBodyHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface MiniBodyHeaderProps {
+    accountGuid: string;
+    headerString: string;
+}
+export declare const MiniBodyHeader: React.FC<MiniBodyHeaderProps>;
+export {};

package/dist/components/DirectDeposit/RightBox.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface RightBoxProps {
+    isComplete?: boolean;
+    rightLowerText: string;
+    rightUpperText: string;
+}
+export declare const RightBox: React.FC<RightBoxProps>;
+export {};

package/dist/components/GenericFeedback/FeedbackButtons.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface FeedbackButtonsProps {
+    buttonText: {
+        cancelText: string;
+        submitText: string;
+    };
+    errorMessage: string;
+    feedbackMessage: string;
+    onCancel: () => void;
+    onClose: () => void;
+    otherOptionIndex: number;
+    selectedRadio?: number;
+}
+export declare const FeedbackButtons: React.FC<FeedbackButtonsProps>;
+export {};

package/dist/components/GenericFeedback/FeedbackDescription.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface FeedbackDescriptionProps {
+    bodyText: string;
+}
+export declare const FeedbackDescription: React.FC<FeedbackDescriptionProps>;
+export {};

package/dist/components/GenericFeedback/FeedbackHeader.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface FeedbackHeaderProps {
+    ariaLabelText: string;
+    headerText: string;
+    menuHeaderCloserButtonAriaLabel: {
+        ratingExist: string;
+        ratingDoesntExist: string;
+        ariaLabelText: string;
+    };
+    onCancel: () => void;
+    onClose: () => void;
+    rating?: number;
+}
+export declare const FeedbackHeader: React.FC<FeedbackHeaderProps>;
+export {};

package/dist/components/GenericFeedback/FeedbackOptions.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface FeedBackOptionsProps {
+    feedbackOptions: Array<string>;
+    groupAriaLabel: string;
+    selectedRadio?: number;
+    setSelectedRadio: (i: number) => void;
+}
+export declare const FeedbackOptions: React.FC<FeedBackOptionsProps>;
+export {};

package/dist/components/GenericFeedback/FeedbackText.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface BeatFeedbackTextProps {
+    feedbackAriaLabel: string;
+    feedbackDescriptionPlaceHolder: string;
+    feedbackLabel: string;
+    feedbackMessage?: string;
+    sendAnalytics: () => void;
+    setFeedbackMessage: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined) => void;
+    validateForm: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined) => void;
+}
+export declare const BeatFeedbackText: React.FC<BeatFeedbackTextProps>;
+export {};

package/dist/components/GoalProgress.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface PulseGoalProgressProps {
+    backgroundOverride?: string;
+    goalPercentage: number;
+    height?: number;
+    percentageCompleteText: string;
+    progressColorOverride?: string;
+}
+export declare const PulseGoalProgress: React.FC<PulseGoalProgressProps>;
+export {};

package/dist/components/GradientBox.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface PulseGraidentBoxProps {
+    children: React.ReactNode;
+    gradientOverride?: string;
+    title: string;
+}
+export declare const PulseGraidentBox: React.FC<PulseGraidentBoxProps>;
+export {};

package/dist/components/InsightsCard/CardButtonSection.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface CardButtonSectionProps {
+    button: React.ReactNode;
+    withFullWidthImage?: boolean;
+}
+export declare const CardButtonSection: React.FC<CardButtonSectionProps>;
+export {};

package/dist/components/InsightsCard/CardError.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface CardErrorProps {
+    erroredText: string;
+}
+export declare const CardError: React.FC<CardErrorProps>;
+export {};

package/dist/components/InsightsCard/CardHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface CardHeaderProps {
+    children: React.ReactNode;
+    withFullWidthImage?: boolean;
+}
+export declare const CardHeader: React.FC<CardHeaderProps>;
+export {};

package/dist/components/InsightsCard/CardLoading.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface CardLoadingProps {
+    altImg?: string;
+}
+export declare const CardLoading: React.FC<CardLoadingProps>;
+export {};

package/dist/components/InsightsCard/ContentAndDescription.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface ContentAndDescriptionProps {
+    beat: {
+        [key: string]: any;
+    };
+    children?: React.ReactNode;
+    descriptionPlacement?: string;
+    hideDescription?: boolean;
+    inDescriptionCtaOnClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined) => void;
+    withFullWidthImage?: boolean;
+}
+export declare const ContentAndDescription: React.FC<ContentAndDescriptionProps>;
+export {};

package/dist/components/InsightsCard/Description.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface DescriptionProps {
+    beat: {
+        [key: string]: any;
+    };
+    buttonInText?: boolean;
+    inDescriptionCtaOnClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined) => void;
+    withFullWidthImage?: boolean;
+}
+export declare const Description: React.FC<DescriptionProps>;
+export {};

package/dist/components/InsightsCard/InsightButton.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface InsightButtonProps {
+    beat: {
+        [key: string]: any;
+    };
+    disabled?: boolean;
+    hide?: boolean;
+    onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined) => void;
+    primary?: boolean;
+    sx?: object;
+    variant?: 'text' | 'contained' | 'outlined';
+}
+export declare const InsightButton: React.FC<InsightButtonProps>;
+export {};

package/dist/components/InsightsCard/Shell.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface ShellProps {
+    ariaHidden?: boolean;
+    beat: {
+        [key: string]: any;
+    };
+    children?: React.ReactNode;
+    DismissedBeatSwitcher?: React.ReactNode;
+    elementTag?: string;
+    setRefs?: (...args: any[]) => void;
+}
+export declare const Shell: React.FC<ShellProps>;
+export {};

package/dist/components/Menu/MenuHeaderCloseButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material/styles';
+interface MenuHeaderCloseButtonProps {
+    ariaLabel: string;
+    className?: string;
+    onClick: () => void;
+    sx?: SxProps;
+}
+export declare const MenuHeaderCloseButton: React.FC<MenuHeaderCloseButtonProps>;
+export {};

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface PulseProgressBarProps {
+    backgroundColor?: string;
+    color: string;
+    percent: number;
+    height: number;
+}
+export declare const PulseProgressBar: React.FC<PulseProgressBarProps>;
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,24 @@
+export * from './GoalProgress';
+export * from './GradientBox';
+export * from './ProgressBar';
+export * from './DirectDeposit/DirectDeposit';
+export * from './DirectDeposit/FullFeedBodyHeader';
+export * from './DirectDeposit/FullFeedLogoSection';
+export * from './DirectDeposit/LeftBox';
+export * from './DirectDeposit/LowerBoxSection';
+export * from './DirectDeposit/MiniBodyHeader';
+export * from './DirectDeposit/RightBox';
+export * from './InsightsCard/CardHeader';
+export * from './InsightsCard/CardLoading';
+export * from './InsightsCard/CardButtonSection';
+export * from './InsightsCard/CardError';
+export * from './InsightsCard/ContentAndDescription';
+export * from './InsightsCard/Description';
+export * from './InsightsCard/InsightButton';
+export * from './InsightsCard/Shell';
+export * from './GenericFeedback/FeedbackHeader';
+export * from './GenericFeedback/FeedbackButtons';
+export * from './GenericFeedback/FeedbackDescription';
+export * from './GenericFeedback/FeedbackOptions';
+export * from './GenericFeedback/FeedbackText';
+export * from './Menu/MenuHeaderCloseButton';

package/dist/constants/Logo.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_LOGO_SIZE = 32;
+export declare const ASSETS_URL = "https://content.moneydesktop.com/storage/MD_Assets";

package/dist/constants/Theme.d.ts

@@ -0,0 +1,4 @@
+export declare const MODE: {
+    LIGHT: string;
+    DARK: string;
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './insights/MonthlyEmergencyFundReview';
+export * from './insights/SetUpDirectDeposit';
+export * from './insights/SwitchDirectDeposit';