@thecb/components 7.5.2 → 7.6.0

package/dist/src/components/atoms/typeahead-input/TypeaheadIinput.stories.js

@@ -1,9 +0,0 @@
-import React from "react";
-import TypeaheadInput from "./TypeaheadInput";
-import page from "../../../../.storybook/page";
-export var text = function () { return (React.createElement(TypeaheadInput, { id: "typeahead-1", labelText: "typeahead-index", placeholder: "Search items...", handleChange: function (data) { return console.log(data); } })); };
-var story = page({
-    title: "Components|Atoms/TypeaheadInput",
-    Component: TypeaheadInput
-});
-export default story;

package/dist/src/components/atoms/typeahead-input/TypeaheadInput.d.ts

@@ -1,8 +0,0 @@
-export const TypeaheadInputWrapper: any;
-export default TypeaheadInput;
-declare function TypeaheadInput({ handleChange, placeholder, id, labelText }: {
-    handleChange: any;
-    placeholder: any;
-    id: any;
-    labelText: any;
-}): JSX.Element;

package/dist/src/components/atoms/typeahead-input/TypeaheadInput.js

@@ -1,22 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from "react";
-import styled from "styled-components";
-import { SearchIcon } from "../icons";
-import { Box } from "../layouts";
-import Text from "../text";
-import { themeValues } from "./TypeaheadInput.theme";
-export var TypeaheadInputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-content: center;\n  align-items: center;\n  background: ", ";\n\n  input {\n    border: 0;\n    height: 72px;\n    width: 100%;\n    padding: 1.5rem;\n    padding-left: 1rem;\n    min-width: 100px;\n    margin: 0;\n    box-sizing: border-box;\n    position: relative;\n    font-size: 1.1rem;\n    line-height: 2rem;\n    font-weight: 400;\n    background-color: ", ";\n    color: ", ";\n    box-shadow: none;\n    border: 1px solid transparent;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-content: center;\n  align-items: center;\n  background: ", ";\n\n  input {\n    border: 0;\n    height: 72px;\n    width: 100%;\n    padding: 1.5rem;\n    padding-left: 1rem;\n    min-width: 100px;\n    margin: 0;\n    box-sizing: border-box;\n    position: relative;\n    font-size: 1.1rem;\n    line-height: 2rem;\n    font-weight: 400;\n    background-color: ", ";\n    color: ", ";\n    box-shadow: none;\n    border: 1px solid transparent;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n"])), themeValues.background, themeValues.background, themeValues.black, themeValues.focusBorder);
-var TypeaheadInput = function (_a) {
-    var handleChange = _a.handleChange, placeholder = _a.placeholder, id = _a.id, labelText = _a.labelText;
-    var onChange = function (el) { return handleChange(el.currentTarget.value); };
-    return (React.createElement(TypeaheadInputWrapper, null,
-        React.createElement(Box, { padding: "1.5rem 0 1.5rem 1.5rem" },
-            React.createElement(SearchIcon, null)),
-        React.createElement(Text, { as: "label", color: "black", variant: "pS", weight: 500, extraStyles: "\n          border: 0;\n          clip: rect(0 0 0 0);\n          height: 1px;\n          margin: -1px;\n          overflow: hidden;\n          padding: 0;\n          position: absolute;\n          width: 1px;\n        ", id: id }, labelText),
-        React.createElement("input", { "aria-labelledby": id, type: "text", placeholder: placeholder, onChange: onChange })));
-};
-export default TypeaheadInput;
-var templateObject_1;

package/dist/src/components/atoms/typeahead-input/TypeaheadInput.theme.d.ts

@@ -1,11 +0,0 @@
-export namespace themeValues {
-    export { background };
-    export { white };
-    export { black };
-    export { focusBorder };
-}
-declare const background: string;
-declare const white: string;
-declare const black: "#000";
-declare const focusBorder: string;
-export {};

package/dist/src/components/atoms/typeahead-input/TypeaheadInput.theme.js

@@ -1,11 +0,0 @@
-import { ATHENS_GREY, WHITE, MATISSE_BLUE } from "../../../constants/colors";
-var background = "".concat(ATHENS_GREY);
-var white = "".concat(WHITE);
-var black = "#000";
-var focusBorder = "".concat(MATISSE_BLUE);
-export var themeValues = {
-    background: background,
-    white: white,
-    black: black,
-    focusBorder: focusBorder
-};

package/dist/src/components/atoms/typeahead-input/index.d.ts

@@ -1,2 +0,0 @@
-export default TypeaheadInput;
-import TypeaheadInput from "./TypeaheadInput";

package/dist/src/components/atoms/typeahead-input/index.js

@@ -1,2 +0,0 @@
-import TypeaheadInput from "./TypeaheadInput";
-export default TypeaheadInput;

package/dist/src/components/atoms/welcome-card/Card.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;

package/dist/src/components/atoms/welcome-card/Card.js

@@ -1,52 +0,0 @@
-import React, { Fragment, useContext } from "react";
-import { ThemeContext } from "styled-components";
-import { useNavigate } from "react-router-dom";
-import { Box, Stack, Cover } from "../layouts";
-import Text from "../text";
-import Paragraph from "../paragraph";
-import ButtonWithAction from "../button-with-action";
-import { fallbackValues } from "./Card.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { AccountsAddIcon, PropertiesAddIcon, PaymentMethodAddIcon, } from "../icons";
-import withWindowSize from "../../withWindowSize";
-var CardVariantSwitcher = function (_a) {
-    var variant = _a.variant, children = _a.children;
-    return variant === "vertical" ? (React.createElement(Fragment, null, children)) : (React.createElement(Box, { padding: "0", extraStyles: "width: 100%" },
-        React.createElement(Stack, { childGap: "0", maxWidth: "100%", fullHeight: true }, children)));
-};
-var Card = function (_a) {
-    var themeValues = _a.themeValues, icon = _a.icon, heading = _a.heading, text = _a.text, _b = _a.cardAction, cardAction = _b === void 0 ? "/profile" : _b, buttonText = _a.buttonText, _c = _a.variant, variant = _c === void 0 ? "vertical" : _c;
-    var isMobile = useContext(ThemeContext).isMobile;
-    var navigate = useNavigate();
-    var renderIcon = function (icon) {
-        switch (icon) {
-            case "accounts":
-                return React.createElement(AccountsAddIcon, null);
-            case "properties":
-                return React.createElement(PropertiesAddIcon, null);
-            case "payment":
-                return React.createElement(PaymentMethodAddIcon, null);
-            default:
-                return React.createElement(PaymentMethodAddIcon, null);
-        }
-    };
-    return (React.createElement(Box, { background: themeValues.backgroundColor, borderRadius: "4px", boxShadow: " 0px 1px 10px 0px rgb(246, 246, 249),\n    0px 2px 5px 0px rgb(202, 206, 216)", padding: "0", maxWidth: variant !== "vertical" ? "100%" : "306px", minHeight: "100%", minWidth: variant !== "vertical" && "300px" },
-        React.createElement(Cover, { singleChild: true, fillCenter: true },
-            React.createElement(Stack, { direction: variant === "vertical" ? "column" : "row", justify: variant === "vertical" && "space-evenly", fullHeight: true, childGap: "0" },
-                icon && (React.createElement(Box, { padding: "0", background: themeValues.iconBackgroundColor },
-                    React.createElement(Stack, { direction: variant === "vertical" ? "row" : "column", justify: "center", fullHeight: true },
-                        React.createElement(Box, { padding: variant === "vertical"
-                                ? "0.5rem 0"
-                                : isMobile
-                                    ? "1rem 1.5rem"
-                                    : "2rem 2.5rem" }, renderIcon(icon))))),
-                React.createElement(CardVariantSwitcher, { variant: variant },
-                    React.createElement(Box, { padding: "1rem", width: "100%", extraStyles: "flex-grow: 1; width: 100%;" },
-                        React.createElement(Cover, { singleChild: true, fillCenter: true },
-                            React.createElement(Box, { padding: "0" },
-                                React.createElement(Paragraph, { variant: "p", weight: "600" }, heading),
-                                React.createElement(Text, { variant: "pS" }, text)))),
-                    React.createElement(Box, { padding: "0.5rem 1rem 1rem", extraStyles: "display: flex; justify-content: center;" },
-                        React.createElement(ButtonWithAction, { variant: "smallPrimary", text: buttonText, action: function () { return navigate(cardAction); }, extraStyles: "width: 100%;" })))))));
-};
-export default themeComponent(withWindowSize(Card), "Card", fallbackValues);

package/dist/src/components/atoms/welcome-card/Card.theme.d.ts

@@ -1,7 +0,0 @@
-export namespace fallbackValues {
-    export { backgroundColor };
-    export { iconBackgroundColor };
-}
-declare const backgroundColor: "#FFFFFF";
-declare const iconBackgroundColor: "#E5E7EC";
-export {};

package/dist/src/components/atoms/welcome-card/Card.theme.js

@@ -1,7 +0,0 @@
-import { WHITE, GRECIAN_GREY } from "../../../constants/colors";
-var backgroundColor = WHITE;
-var iconBackgroundColor = GRECIAN_GREY;
-export var fallbackValues = {
-    backgroundColor: backgroundColor,
-    iconBackgroundColor: iconBackgroundColor
-};

package/dist/src/components/atoms/welcome-card/index.d.ts

@@ -1,8 +0,0 @@
-export namespace cardRegistry {
-    function accounts(props: any): JSX.Element;
-    function properties(props: any): JSX.Element;
-    function payment(props: any): JSX.Element;
-}
-export default cardRegistry;
-export { Card };
-import Card from "./Card";

package/dist/src/components/atoms/welcome-card/index.js

@@ -1,20 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from "react";
-import Card from "./Card";
-export var cardRegistry = {
-    accounts: function (props) { return (React.createElement(Card, __assign({ icon: "accounts", heading: "Find Your Account", buttonText: "Find Account", text: "Find and attach your accounts to make your payments simple.", cardAction: "/profile/accounts" }, props))); },
-    properties: function (props) { return (React.createElement(Card, __assign({ icon: "properties", heading: "Find Your Property", buttonText: "Find Property", text: "Find and attach your properties to make your tax payments simple.", cardAction: "/profile/properties" }, props))); },
-    payment: function (props) { return (React.createElement(Card, __assign({ icon: "payment", heading: "Manage Your Wallet", buttonText: "Go to Wallet", text: "Add your personal information and payment methods to make fast payments.", cardAction: "/profile/settings" }, props))); },
-};
-export default cardRegistry;
-export { Card };

package/dist/src/components/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./atoms";
-export * from "./molecules";
-export * from "./templates";
-export { default as withWindowSize } from "./withWindowSize";

package/dist/src/components/index.js

@@ -1,4 +0,0 @@
-export * from "./atoms";
-export * from "./molecules";
-export * from "./templates";
-export { default as withWindowSize } from "./withWindowSize";

package/dist/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;

package/dist/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.js

@@ -1,22 +0,0 @@
-import React, { Fragment } from "react";
-import Modal from "../modal";
-import Text from "../../atoms/text";
-import Paragraph from "../../atoms/paragraph";
-import { Box, Stack, Center } from "../../atoms/layouts";
-import { fallbackValues } from "./AccountAndRoutingModal.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { AccountNumberImage, RoutingNumberImage } from "../../atoms/icons";
-var AccountAndRoutingModal = function (_a) {
-    var link = _a.link, title = _a.title, isOpen = _a.isOpen, toggleOpen = _a.toggleOpen, toggleAccepted = _a.toggleAccepted, acceptText = _a.acceptText, content = _a.content, imageType = _a.imageType, themeValues = _a.themeValues;
-    return (React.createElement(Modal, { modalOpen: isOpen, hideModal: function () { return toggleOpen(false); }, showModal: function () { return toggleOpen(true); }, modalHeaderText: title, modalBodyText: React.createElement(Box, { extraStyles: "overflow: scroll; max-height: 20rem;" },
-            React.createElement(Stack, null,
-                React.createElement(Paragraph, { variant: "p" }, content),
-                imageType === "Account" ? (React.createElement(Center, { intrinsic: true },
-                    React.createElement(AccountNumberImage, null))) : imageType === "Routing" ? (React.createElement(Center, { intrinsic: true },
-                    React.createElement(RoutingNumberImage, null))) : (React.createElement(Fragment, null)))), defaultWrapper: false, onlyCloseButton: !acceptText, continueButtonText: acceptText, continueAction: function () {
-            toggleAccepted(true);
-            toggleOpen(false);
-        } },
-        React.createElement(Text, { variant: "pS", onClick: function () { return toggleOpen(true); }, onKeyPress: function (e) { return e.key === "Enter" && toggleOpen(true); }, tabIndex: "0", color: themeValues.linkColor, weight: themeValues.fontWeight, hoverStyles: themeValues.modalLinkHoverFocus, extraStyles: "cursor: pointer;" }, link)));
-};
-export default themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues, "default");

package/dist/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.theme.d.ts

@@ -1,28 +0,0 @@
-export namespace fallbackValues {
-    export { linkColor };
-    export { fontSize };
-    export { lineHeight };
-    export { fontWeight };
-    export { modalLinkHoverFocus };
-}
-declare namespace linkColor {
-    const _default: string;
-    export { _default as default };
-}
-declare namespace fontSize {
-    const _default_1: string;
-    export { _default_1 as default };
-}
-declare namespace lineHeight {
-    const _default_2: string;
-    export { _default_2 as default };
-}
-declare namespace fontWeight {
-    export { FONT_WEIGHT_REGULAR as default };
-}
-declare namespace modalLinkHoverFocus {
-    const _default_3: string;
-    export { _default_3 as default };
-}
-import { FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-export {};

package/dist/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.theme.js

@@ -1,17 +0,0 @@
-import { FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-var linkColor = { default: "#3176AA" };
-var fontSize = { default: "1rem" };
-var lineHeight = { default: "1.5rem" };
-var fontWeight = {
-    default: FONT_WEIGHT_REGULAR
-};
-var modalLinkHoverFocus = {
-    default: "outline: none; text-decoration: underline;"
-};
-export var fallbackValues = {
-    linkColor: linkColor,
-    fontSize: fontSize,
-    lineHeight: lineHeight,
-    fontWeight: fontWeight,
-    modalLinkHoverFocus: modalLinkHoverFocus
-};

package/dist/src/components/molecules/account-and-routing-modal/index.d.ts

@@ -1,2 +0,0 @@
-export default AccountAndRoutingModal;
-import AccountAndRoutingModal from "./AccountAndRoutingModal";

package/dist/src/components/molecules/account-and-routing-modal/index.js

@@ -1,2 +0,0 @@
-import AccountAndRoutingModal from "./AccountAndRoutingModal";
-export default AccountAndRoutingModal;

package/dist/src/components/molecules/address-form/AddressForm.d.ts

@@ -1,12 +0,0 @@
-export default AddressForm;
-declare function AddressForm({ variant, fields, actions, clearOnDismount, showErrors, handleSubmit, showWalletCheckbox, saveToWallet, walletCheckboxMarked }: {
-    variant?: string | undefined;
-    fields: any;
-    actions: any;
-    clearOnDismount: any;
-    showErrors: any;
-    handleSubmit?: (() => void) | undefined;
-    showWalletCheckbox: any;
-    saveToWallet: any;
-    walletCheckboxMarked: any;
-}): JSX.Element;

package/dist/src/components/molecules/address-form/AddressForm.js

@@ -1,52 +0,0 @@
-import React, { useEffect } from "react";
-import { required, hasLength } from "redux-freeform";
-import StateProvinceDropdown from "../../atoms/state-province-dropdown";
-import Checkbox from "../../atoms/checkbox";
-import CountryDropdown from "../../atoms/country-dropdown";
-import { zipFormat } from "../../../util/formats";
-import { noop } from "../../../util/general";
-import { FormInput, FormContainer, FormInputColumn } from "../../atoms/form-layouts";
-var AddressForm = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var _g = _a.variant, variant = _g === void 0 ? "default" : _g, fields = _a.fields, actions = _a.actions, clearOnDismount = _a.clearOnDismount, showErrors = _a.showErrors, _h = _a.handleSubmit, handleSubmit = _h === void 0 ? noop : _h, showWalletCheckbox = _a.showWalletCheckbox, saveToWallet = _a.saveToWallet, walletCheckboxMarked = _a.walletCheckboxMarked;
-    if (clearOnDismount) {
-        useEffect(function () { return function () { return actions.form.clear(); }; }, []);
-    }
-    var street1ErrorMessages = (_b = {},
-        _b[required.error] = "Street is required",
-        _b);
-    var cityErrorMessages = (_c = {},
-        _c[required.error] = "City is required",
-        _c);
-    var zipErrorMessages = (_d = {},
-        _d[required.error] = "Zip code is required",
-        _d[hasLength.error] = "Zip code must be 5 or 9 digits",
-        _d);
-    var stateProvinceErrorMessages = (_e = {},
-        _e[required.error] = "State or Province is required",
-        _e);
-    var countryErrorMessages = (_f = {},
-        _f[required.error] = "Country is required",
-        _f);
-    var isUS = fields.country.rawValue === "US";
-    return (React.createElement(FormContainer, { variant: variant, role: "form", "aria-label": "Address" },
-        React.createElement(FormInputColumn, null,
-            React.createElement(CountryDropdown, { labelTextWhenNoError: "Country", errorMessages: countryErrorMessages, field: fields.country, onChange: function (value) {
-                    actions.fields.country.set(value);
-                    // temporary measure to not dirty fields until
-                    // we can write a reset function for fields
-                    if (fields.stateProvince.rawValue) {
-                        actions.fields.stateProvince.set("");
-                    }
-                    if (fields.zip.rawValue) {
-                        actions.fields.zip.set("");
-                    }
-                }, showErrors: showErrors }),
-            React.createElement(FormInput, { labelTextWhenNoError: "Address", errorMessages: street1ErrorMessages, field: fields.street1, fieldActions: actions.fields.street1, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, autocomplete: "address-line1" }),
-            React.createElement(FormInput, { labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)", field: fields.street2, fieldActions: actions.fields.street2, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, autocomplete: "address-line2" }),
-            React.createElement(FormInput, { labelTextWhenNoError: "City", errorMessages: cityErrorMessages, field: fields.city, fieldActions: actions.fields.city, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, autocomplete: "address-level2" }),
-            React.createElement(StateProvinceDropdown, { labelTextWhenNoError: isUS ? "State" : "State or Province", errorMessages: stateProvinceErrorMessages, countryCode: fields.country.rawValue || "US", field: fields.stateProvince, fieldActions: actions.fields.stateProvince, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, autocomplete: "address-level1" }),
-            React.createElement(FormInput, { isNum: isUS, formatter: isUS ? zipFormat : null, labelTextWhenNoError: "Zip code", errorMessages: zipErrorMessages, field: fields.zip, fieldActions: actions.fields.zip, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, autocomplete: "postal-code" }),
-            showWalletCheckbox && (React.createElement(Checkbox, { name: "address checkbox", title: "Save address to wallet", checked: walletCheckboxMarked, onChange: saveToWallet })))));
-};
-export default AddressForm;

package/dist/src/components/molecules/address-form/AddressForm.state.d.ts

@@ -1,3 +0,0 @@
-export const reducer: any;
-export const mapStateToProps: any;
-export const mapDispatchToProps: any;

package/dist/src/components/molecules/address-form/AddressForm.state.js

@@ -1,33 +0,0 @@
-var _a;
-import { createFormState, required, onlyIntegers, hasLength, validateWhen, matchesRegex } from "redux-freeform";
-//TODO: Will make zip code able to have more than 5 digits once we add in the FormattedInput because it will have issues with format of 60606-1111.
-var formConfig = {
-    street1: {
-        validators: [required()]
-    },
-    street2: {
-        validators: []
-    },
-    city: {
-        validators: [required()]
-    },
-    stateProvince: {
-        validators: [required()]
-    },
-    country: {
-        defaultValue: "US",
-        validators: [required()]
-    },
-    zip: {
-        validators: [
-            required(),
-            validateWhen(validateWhen(hasLength(5, 5), hasLength(0, 5)), matchesRegex("US"), "country"),
-            validateWhen(validateWhen(hasLength(9, 9), hasLength(6, 9)), matchesRegex("US"), "country")
-        ],
-        constraints: [
-            validateWhen(onlyIntegers(), matchesRegex("US"), "country"),
-            validateWhen(hasLength(0, 9), matchesRegex("US"), "country")
-        ]
-    }
-};
-export var reducer = (_a = createFormState(formConfig), _a.reducer), mapStateToProps = _a.mapStateToProps, mapDispatchToProps = _a.mapDispatchToProps;

package/dist/src/components/molecules/address-form/AddressForm.stories.d.ts

@@ -1,7 +0,0 @@
-export default story;
-export function addressForm(): JSX.Element;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/molecules/address-form/AddressForm.stories.js

@@ -1,15 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import AddressForm from "./AddressForm";
-import page from "../../../../.storybook/page";
-import * as AddressFormState from "./AddressForm.state";
-var story = page({
-    title: "Components|Molecules/AddressForm",
-    Component: AddressForm,
-    reducer: AddressFormState.reducer,
-    mapStateToProps: AddressFormState.mapStateToProps,
-    mapDispatchToProps: AddressFormState.mapDispatchToProps
-});
-export default story;
-var ConnectedForm = connect(AddressFormState.mapStateToProps, AddressFormState.mapDispatchToProps)(AddressForm);
-export var addressForm = function () { return React.createElement(ConnectedForm, null); };

package/dist/src/components/molecules/address-form/index.d.ts

@@ -1,2 +0,0 @@
-export default AddressForm;
-import AddressForm from "./AddressForm";

package/dist/src/components/molecules/address-form/index.js

@@ -1,6 +0,0 @@
-import AddressForm from "./AddressForm";
-import { reducer, mapStateToProps, mapDispatchToProps } from "./AddressForm.state";
-AddressForm.reducer = reducer;
-AddressForm.mapStateToProps = mapStateToProps;
-AddressForm.mapDispatchToProps = mapDispatchToProps;
-export default AddressForm;

package/dist/src/components/molecules/change-password-form/ChangePasswordForm.d.ts

@@ -1,13 +0,0 @@
-export default ChangePasswordForm;
-declare function ChangePasswordForm({ clearOnDismount, fields, actions, handleSubmit, showErrors, isMobile, revenueManagement, closeForm, firstName, lastName }: {
-    clearOnDismount: any;
-    fields: any;
-    actions: any;
-    handleSubmit?: (() => void) | undefined;
-    showErrors: any;
-    isMobile: any;
-    revenueManagement: any;
-    closeForm: any;
-    firstName: any;
-    lastName: any;
-}): JSX.Element;

package/dist/src/components/molecules/change-password-form/ChangePasswordForm.js

@@ -1,55 +0,0 @@
-import React, { useEffect } from "react";
-import { required, hasLength, matchesField, hasNumber, hasLowercaseLetter, hasUppercaseLetter, hasSpecialCharacter } from "redux-freeform";
-import { FormInput, FormContainer, FormInputColumn } from "../../atoms/form-layouts";
-import { Box, Cluster, Stack } from "../../atoms/layouts";
-import ButtonWithAction from "../../atoms/button-with-action";
-import Heading from "../../atoms/heading";
-import Text from "../../atoms/text";
-import PasswordRequirements from "../../atoms/password-requirements";
-import { noop } from "../../../util/general";
-import { GHOST_GREY } from "../../../constants/colors";
-var ChangePasswordForm = function (_a) {
-    var _b, _c, _d;
-    var clearOnDismount = _a.clearOnDismount, fields = _a.fields, actions = _a.actions, _e = _a.handleSubmit, handleSubmit = _e === void 0 ? noop : _e, showErrors = _a.showErrors, isMobile = _a.isMobile, revenueManagement = _a.revenueManagement, closeForm = _a.closeForm, firstName = _a.firstName, lastName = _a.lastName;
-    if (clearOnDismount) {
-        useEffect(function () { return function () { return actions.form.clear(); }; }, []);
-    }
-    var currentPasswordErrorMessages = (_b = {},
-        _b[required.error] = "Current Password is required",
-        _b);
-    var newPasswordErrorMessages = (_c = {},
-        _c[required.error] = "New Password field is required.",
-        _c[hasLength.error] = "Your new password must have at least 8 characters",
-        _c[hasNumber.error] = "Your new password must contain at least one number",
-        _c[hasLowercaseLetter.error] = "Your new password must contain at least one lowercase letter",
-        _c[hasUppercaseLetter.error] = "Your new password must contain at least one uppercase letter",
-        _c[hasSpecialCharacter.error] = "Your new password must contain at least one special character (!@#$%^&*.?)",
-        _c);
-    var confirmNewPasswordErrorMessages = (_d = {},
-        _d[matchesField.error] = "Confirm password must match your new password",
-        _d);
-    return (React.createElement(FormContainer, { role: "form", "aria-label": "Change password", extraStyles: "padding: 0;" },
-        revenueManagement && (React.createElement(Box, { padding: "1.5rem", borderColor: GHOST_GREY, borderSize: "1px", borderWidthOverride: "0 0 1px 0" },
-            React.createElement(Cluster, { justify: "flex-start", align: "center" },
-                React.createElement(Box, { padding: "1.25rem", borderRadius: "50%", background: "#CACED8" },
-                    React.createElement(Heading, { variant: "h4", weight: "700" },
-                        firstName.charAt(0).toUpperCase(),
-                        lastName.charAt(0).toUpperCase())),
-                React.createElement(Text, { variant: "p", weight: "700", extraStyles: "padding-left: 1rem;" },
-                    firstName,
-                    " ",
-                    lastName)))),
-        React.createElement(Box, { padding: "1.5rem" },
-            React.createElement(FormInputColumn, null,
-                React.createElement(FormInput, { labelTextWhenNoError: "Current password", errorMessages: currentPasswordErrorMessages, field: fields.currentPassword, fieldActions: actions.fields.currentPassword, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, type: "password", autocomplete: "current-password" }),
-                React.createElement(FormInput, { labelTextWhenNoError: "New password", errorMessages: newPasswordErrorMessages, field: fields.newPassword, fieldActions: actions.fields.newPassword, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, type: "password", autocomplete: "new-password" }),
-                React.createElement(FormInput, { labelTextWhenNoError: "Confirm password", errorMessages: confirmNewPasswordErrorMessages, field: fields.confirmNewPassword, fieldActions: actions.fields.confirmNewPassword, showErrors: showErrors, onKeyDown: function (e) { return e.key === "Enter" && handleSubmit(e); }, type: "password", autocomplete: "new-password" })),
-            React.createElement(Box, { padding: isMobile ? "1rem 0 0" : "1.5rem 0 0" },
-                React.createElement(Cluster, { justify: "center", align: "center" },
-                    React.createElement(PasswordRequirements, { password: fields.newPassword, isMobile: isMobile }))),
-            revenueManagement && (React.createElement(Box, { padding: "1.5rem 0 0" },
-                React.createElement(Stack, { childGap: "1rem", direction: "row", justify: "flex-end" },
-                    React.createElement(ButtonWithAction, { text: "Cancel", action: closeForm, variant: "secondary", dataQa: "Cancel", extraStyles: "margin: 0rem; padding: 0.75rem 1.5rem; border-radius: 4px;" }),
-                    React.createElement(ButtonWithAction, { text: "Save", action: handleSubmit, variant: "primary", dataQa: "Save", extraStyles: "margin: 0rem; padding: 0.75rem 1.5rem; border-radius: 4px;" })))))));
-};
-export default ChangePasswordForm;

package/dist/src/components/molecules/change-password-form/ChangePasswordForm.state.d.ts

@@ -1,3 +0,0 @@
-export const reducer: any;
-export const mapStateToProps: any;
-export const mapDispatchToProps: any;

package/dist/src/components/molecules/change-password-form/ChangePasswordForm.state.js

@@ -1,21 +0,0 @@
-var _a;
-import { createFormState, required, matchesField, hasLength, hasNumber, hasLowercaseLetter, hasUppercaseLetter, hasSpecialCharacter } from "redux-freeform";
-var formConfig = {
-    currentPassword: {
-        validators: [required()]
-    },
-    newPassword: {
-        validators: [
-            required(),
-            hasLength(8, 100),
-            hasNumber(),
-            hasLowercaseLetter(),
-            hasUppercaseLetter(),
-            hasSpecialCharacter()
-        ]
-    },
-    confirmNewPassword: {
-        validators: [required(), matchesField("newPassword")]
-    }
-};
-export var reducer = (_a = createFormState(formConfig), _a.reducer), mapStateToProps = _a.mapStateToProps, mapDispatchToProps = _a.mapDispatchToProps;

package/dist/src/components/molecules/change-password-form/ChangePasswordForm.stories.d.ts

@@ -1,7 +0,0 @@
-export default story;
-export function changePasswordForm(): JSX.Element;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/molecules/change-password-form/ChangePasswordForm.stories.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import { boolean } from "@storybook/addon-knobs";
-import ChangePasswordForm from "./ChangePasswordForm";
-import page from "../../../../.storybook/page";
-import * as ChangePasswordFormState from "./ChangePasswordForm.state";
-var story = page({
-    title: "Components|Molecules/ChangePasswordForm",
-    Component: ChangePasswordForm,
-    reducer: ChangePasswordFormState.reducer
-});
-export default story;
-var ConnectedForm = connect(ChangePasswordFormState.mapStateToProps, ChangePasswordFormState.mapDispatchToProps)(ChangePasswordForm);
-export var changePasswordForm = function () { return (React.createElement(ConnectedForm, { showErrors: boolean("showErrors", false, "props") })); };

package/dist/src/components/molecules/change-password-form/index.d.ts

@@ -1,2 +0,0 @@
-export default ChangePasswordForm;
-import ChangePasswordForm from "./ChangePasswordForm";

package/dist/src/components/molecules/change-password-form/index.js

@@ -1,6 +0,0 @@
-import ChangePasswordForm from "./ChangePasswordForm";
-import { reducer, mapStateToProps, mapDispatchToProps } from "./ChangePasswordForm.state";
-ChangePasswordForm.reducer = reducer;
-ChangePasswordForm.mapStateToProps = mapStateToProps;
-ChangePasswordForm.mapDispatchToProps = mapDispatchToProps;
-export default ChangePasswordForm;

package/dist/src/components/molecules/collapsible-section/CollapsibleSection.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;