@mvf/external-components 3.37.0 → 3.38.0

package/Experiments/CRO-710/Atoms/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React';
+import defaultProps from './defaultProps';
+import IButtonProps from './IButtonProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export type ButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IButtonProps>, typeof defaultProps>;
+declare const Button: ButtonType;
+export default Button;

package/Experiments/CRO-710/Atoms/Button/Button.js

@@ -0,0 +1,66 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var CircularProgress_1 = __importDefault(require("../CircularProgress/CircularProgress"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeButtonStyling_1 = __importStar(require("./makeButtonStyling"));
+var DynamicFontSizeContainer_1 = __importDefault(require("../DynamicFontSizeContainer/DynamicFontSizeContainer"));
+var react_1 = require("@emotion/react");
+var InsetCheckbox_1 = __importDefault(require("../InsetCheckbox/InsetCheckbox"));
+var Button = function (_a) {
+    var dataTestId = _a.dataTestId, disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, selected = _a.selected, textOverflowHandling = _a.textOverflowHandling, Icon = _a.Icon, invertColors = _a.invertColors, experimentName = _a.experimentName;
+    var theme = (0, react_1.useTheme)();
+    var startIcon = selected !== undefined ? ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, invertColors: invertColors, experimentName: experimentName })) : (Icon);
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ fullWidth: true, css: (0, makeButtonStyling_1.default)(disabled, theme, textOverflowHandling, invertColors), disabled: disabled, endIcon: loading && (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { experimentName: experimentName }), onClick: onClick, variant: 'contained', "data-testid": dataTestId }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ css: (0, makeButtonStyling_1.labelWrapperStyling)(theme) }, { children: textOverflowHandling === 'dynamicFontSize' ? ((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: label, icon: startIcon, gap: theme.mvf.spacing.little, possibleFontSizes: [
+                    theme.mvf.fontSize.little,
+                    theme.mvf.fontSize.mini,
+                    theme.mvf.fontSize.small,
+                    theme.mvf.fontSize.compact,
+                    theme.mvf.fontSize.medium,
+                    theme.mvf.fontSize.hefty,
+                    theme.mvf.fontSize.swoll,
+                    theme.mvf.fontSize.large,
+                ], experimentName: experimentName })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [startIcon, label] })) })) })));
+};
+Button.defaultProps = defaultProps_1.default;
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/Experiments/CRO-710/Atoms/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gEAA6C;AAE7C,0FAAoE;AACpE,gEAA0C;AAE1C,uEAA6E;AAC7E,kHAA4F;AAC5F,wCAA0C;AAC1C,iFAA2D;AAQ3D,IAAM,MAAM,GAAe,UAAC,EAW3B;QAVC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,cAAc,oBAAA;IAEd,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,SAAS,GACb,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,uBAAC,uBAAa,IACZ,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;IACJ,OAAO,CACL,uBAAC,gBAAS,aACR,SAAS,QACT,GAAG,EAAE,IAAA,2BAAiB,EACpB,QAAQ,EACR,KAAK,EACL,oBAAoB,EACpB,YAAY,CACb,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,uBAAC,0BAAgB,IAAC,cAAc,EAAE,cAAc,GAAI,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,iBACP,UAAU,gBAEvB,0CAAM,GAAG,EAAE,IAAA,uCAAmB,EAAC,KAAK,CAAC,gBAClC,oBAAoB,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAC5C,uBAAC,kCAAwB,IACvB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAC7B,iBAAiB,EAAE;oBACjB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;oBACzB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;oBACvB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;oBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO;oBAC1B,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;oBACzB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;oBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;oBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACzB,EACD,cAAc,EAAE,cAAc,GACJ,CAC7B,CAAC,CAAC,CAAC,CACF,6DACG,SAAS,EACT,KAAK,IACL,CACJ,IACI,IACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}

package/Experiments/CRO-710/Atoms/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Experiments/CRO-710/Atoms/Button/Button.test.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var icons_material_1 = require("@mui/icons-material");
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Button_1 = __importDefault(require("./Button"));
+describe('<Button />', function () {
+    it('should display button component without a checkbox', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", experimentName: "default" })), getByText = _a.getByText, queryByRole = _a.queryByRole;
+        expect(getByText('Submit')).toBeTruthy();
+        expect(queryByRole('checkbox')).not.toBeInTheDocument();
+    });
+    it('should display button component when a textOverflowHandling of "dynamicFontSize" is passed', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", dataTestId: "continuecta", textOverflowHandling: "dynamicFontSize", experimentName: "default" })).getByText;
+        expect(getByText('Submit')).toBeTruthy();
+    });
+    it('should be clickable', function () {
+        var clickHandler = jest.fn();
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByText;
+        getByText('Continue').click();
+        expect(clickHandler).toHaveBeenCalled();
+    });
+    it('should show a unselected checkbox when selected = false', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: false, experimentName: "default" })), getByText = _a.getByText, getByRole = _a.getByRole;
+        expect(getByText('Submit')).toBeTruthy();
+        var checkbox = getByRole('checkbox');
+        expect(checkbox).toBeInTheDocument();
+        expect(checkbox).not.toHaveAttribute('checked');
+    });
+    it('should show a selected checkbox when selected = true', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: true, experimentName: "default" })), getByText = _a.getByText, getByRole = _a.getByRole;
+        expect(getByText('Submit')).toBeTruthy();
+        var checkbox = getByRole('checkbox');
+        expect(checkbox).toBeInTheDocument();
+        expect(checkbox).toHaveAttribute('checked');
+    });
+    it('should display a logo when passed', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", Icon: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, { "data-testid": "logo" }), experimentName: "default" })).getByTestId;
+        expect(getByTestId('logo')).toBeInTheDocument();
+    });
+    it('should not be clickable if button is disabled', function () {
+        var clickHandler = jest.fn();
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByText;
+        getByText('Continue').click();
+        expect(clickHandler).not.toHaveBeenCalled();
+    });
+    describe('loading', function () {
+        it('should show loading indicator if loading', function () {
+            var clickHandler = jest.fn();
+            var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", loading: true, dataTestId: "continuecta", experimentName: "default" })).container;
+            var indicator = container.querySelector('svg');
+            expect(indicator).toBeVisible();
+            expect(indicator).toHaveClass('MuiCircularProgress-svg');
+        });
+        it('should not show loading indicator if not loading', function () {
+            var clickHandler = jest.fn();
+            var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).container;
+            var indicator = container.querySelector('svg');
+            expect(indicator).toBe(null);
+        });
+    });
+});
+//# sourceMappingURL=Button.test.js.map

package/Experiments/CRO-710/Atoms/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/Button.test.tsx"],"names":[],"mappings":"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"}

package/Experiments/CRO-710/Atoms/Button/ButtonStory.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+type ButtonStoryType = React.FunctionComponent<{
+    disabled: boolean;
+    label: string;
+    loading: boolean;
+    textOverflowHandling: 'dynamicFontSize' | 'newline' | 'none';
+    selected?: boolean;
+    icon: 'none' | 'phone' | 'email';
+    invertColors: boolean;
+}>;
+declare const ButtonStory: ButtonStoryType;
+export default ButtonStory;

package/Experiments/CRO-710/Atoms/Button/ButtonStory.js

@@ -0,0 +1,31 @@
+"use strict";
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var addon_actions_1 = require("@storybook/addon-actions");
+var Button_1 = __importDefault(require("./Button"));
+var icons_material_1 = require("@mui/icons-material");
+var icons = {
+    none: undefined,
+    phone: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, {}),
+    email: (0, jsx_runtime_1.jsx)(icons_material_1.Email, {}),
+};
+var ButtonStory = function (_a) {
+    var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, textOverflowHandling = _a.textOverflowHandling, selected = _a.selected, invertColors = _a.invertColors;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px', height: '55px' } }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, label: label, onClick: (0, addon_actions_1.action)('Button Clicked'), loading: loading, textOverflowHandling: textOverflowHandling, selected: selected, Icon: icons[icon], invertColors: invertColors, experimentName: "default" }) })));
+};
+exports.default = ButtonStory;
+//# sourceMappingURL=ButtonStory.js.map

package/Experiments/CRO-710/Atoms/Button/ButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/ButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAElD,oDAA8B;AAC9B,sDAAmD;AAYnD,IAAM,KAAK,GAAG;IACZ,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAEF,IAAM,WAAW,GAAoB,UAAC,EAQrC;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC/C,uBAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACjB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAC,SAAS,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/Experiments/CRO-710/Atoms/Button/IButtonProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    disabled: boolean;
+    Icon?: React.ReactNode;
+    label: string;
+    loading: boolean;
+    onClick: () => void;
+    dataTestId?: string;
+    textOverflowHandling: 'dynamicFontSize' | 'newline' | 'none';
+    selected?: boolean;
+    invertColors: boolean;
+    shouldPulse?: boolean;
+}
+export default IButtonProps;

package/Experiments/CRO-710/Atoms/Button/IButtonProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IButtonProps.js.map

package/Experiments/CRO-710/Atoms/Button/IButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IButtonProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/IButtonProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO-710/Atoms/Button/IButtonStyleProps.d.ts

@@ -0,0 +1,4 @@
+interface IButtonStyleProps {
+    disabled: boolean;
+}
+export default IButtonStyleProps;

package/Experiments/CRO-710/Atoms/Button/IButtonStyleProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IButtonStyleProps.js.map

package/Experiments/CRO-710/Atoms/Button/IButtonStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IButtonStyleProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/IButtonStyleProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO-710/Atoms/Button/defaultProps.d.ts

@@ -0,0 +1,8 @@
+declare const defaultProps: {
+    disabled: boolean;
+    loading: boolean;
+    onClick: () => void;
+    textOverflowHandling: "none" | "dynamicFontSize" | "newline";
+    invertColors: boolean;
+};
+export default defaultProps;

package/Experiments/CRO-710/Atoms/Button/defaultProps.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    disabled: false,
+    loading: false,
+    onClick: function () {
+        // action
+    },
+    textOverflowHandling: 'none',
+    invertColors: false,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/CRO-710/Atoms/Button/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAgB;IAC1B,OAAO,EAAE,KAAgB;IACzB,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,oBAAoB,EAAE,MAAgD;IACtE,YAAY,EAAE,KAAgB;CAC/B,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO-710/Atoms/Button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button';

package/Experiments/CRO-710/Atoms/Button/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/CRO-710/Atoms/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}

package/Experiments/CRO-710/Atoms/Button/makeButtonStyling.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@emotion/react';
+declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean) => import("@emotion/react").SerializedStyles;
+export declare const labelWrapperStyling: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export default makeButtonStyling;

package/Experiments/CRO-710/Atoms/Button/makeButtonStyling.js

@@ -0,0 +1,82 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.labelWrapperStyling = void 0;
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var makeButtonStyling = function (disabled, theme, textOverflowHandling, invertColors) {
+    var _a;
+    return (0, react_1.css)((_a = {
+            boxShadow: 'none',
+            boxSizing: 'border-box',
+            color: theme.mvf.palette.text.continueButtonTextColor,
+            fontWeight: theme.mvf.typography.weight.thick,
+            fontSize: "".concat(theme.mvf.fontSize.medium, "px"),
+            fontFamily: theme.typography.fontFamily,
+            letterSpacing: 0
+        },
+        _a[theme.breakpoints.up('mobileMedium')] = {
+            fontSize: "".concat(theme.mvf.fontSize.hefty, "px"),
+        },
+        _a[theme.breakpoints.up('tabletSmall')] = {
+            fontSize: "".concat(theme.mvf.fontSize.swoll, "px"),
+        },
+        _a[theme.breakpoints.up('desktopLarge')] = {
+            fontSize: "".concat(theme.mvf.fontSize.large, "px"),
+        },
+        _a.minHeight = '100%',
+        _a.height = textOverflowHandling === 'newline' ? 'auto' : '100%',
+        _a.lineHeight = theme.mvf.lineHeight.small,
+        _a.textTransform = 'none',
+        _a['&.MuiButton-root'] = __assign({ borderRadius: '12px', boxShadow: theme.mvf.boxShadow.navigation.primary, gap: theme.mvf.spacing.little, '.MuiButton-endIcon': {
+                margin: 0,
+                '> :nth-of-type(1)': {
+                    fontSize: 'inherit',
+                },
+            } }, (disabled
+            ? {
+                backgroundColor: (0, material_1.lighten)(theme.mvf.palette.status.disabled, theme.mvf.filters.lighten.strong),
+                color: theme.mvf.palette.status.disabled,
+            }
+            : invertColors
+                ? {
+                    border: 'solid',
+                    borderWidth: theme.mvf.border.width.medium,
+                    borderColor: theme.mvf.palette.component.continueButtonColor,
+                    color: theme.mvf.palette.component.continueButtonColor,
+                    backgroundColor: theme.mvf.palette.text.continueButtonTextColor,
+                }
+                : {
+                    backgroundColor: theme.mvf.palette.component.continueButtonColor,
+                    color: theme.mvf.palette.text.continueButtonTextColor,
+                    '@media (hover: hover)': {
+                        '&:hover': {
+                            backgroundColor: theme.mvf.palette.component.continueButtonHoverColor,
+                            boxShadow: theme.mvf.boxShadow.navigation.secondary,
+                        },
+                    },
+                })),
+        _a));
+};
+var labelWrapperStyling = function (theme) {
+    return (0, react_1.css)({
+        display: 'flex',
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: theme.mvf.spacing.little,
+    });
+};
+exports.labelWrapperStyling = labelWrapperStyling;
+exports.default = makeButtonStyling;
+//# sourceMappingURL=makeButtonStyling.js.map

package/Experiments/CRO-710/Atoms/Button/makeButtonStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Button/makeButtonStyling.ts"],"names":[],"mappings":"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"}

package/Experiments/CRO-710/Atoms/CardButton/CardButton.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import ICardButtonProps from './ICardButtonProps';
+import defaultProps from './defaultProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export type CardButtonType = FunctionComponentWithDefaultProps<WithExperimentName<ICardButtonProps>, typeof defaultProps>;
+declare const CardButton: CardButtonType;
+export default CardButton;

package/Experiments/CRO-710/Atoms/CardButton/CardButton.js

@@ -0,0 +1,72 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Card_1 = __importDefault(require("@mui/material/Card"));
+var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider");
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeCardButtonStyling_1 = __importStar(require("./makeCardButtonStyling"));
+var CardButton = function (_a) {
+    var children = _a.children, onClick = _a.onClick, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, selected = _a.selected, outlined = _a.outlined, experimentName = _a.experimentName, disabled = _a.disabled, fitContent = _a.fitContent, otherProps = __rest(_a, ["children", "onClick", "onBlur", "onKeyDown", "selected", "outlined", "experimentName", "disabled", "fitContent"]);
+    var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
+        isErrorMessageProviderRequired: false,
+    }).errorMessage;
+    return ((0, jsx_runtime_1.jsx)(Card_1.default, __assign({ css: (0, makeCardButtonStyling_1.default)({
+            isError: errorMessage !== undefined,
+            selected: selected,
+            outlined: outlined,
+            disabled: disabled,
+            fitContent: fitContent,
+        }), onClick: disabled ? undefined : onClick, onKeyDown: disabled ? undefined : onKeyDown, onBlur: onBlur }, otherProps, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected, fitContent: fitContent }) }, { children: children })) })));
+};
+CardButton.defaultProps = defaultProps_1.default;
+exports.default = CardButton;
+//# sourceMappingURL=CardButton.js.map

package/Experiments/CRO-710/Atoms/CardButton/CardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,EAWnC;IAVC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,UAAU,cAVqB,kHAWnC,CADc;IAEL,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IAEH,OAAO,CACL,uBAAC,cAAM,aACL,GAAG,EAAE,IAAA,+BAAqB,EAAC;YACzB,OAAO,EAAE,YAAY,KAAK,SAAS;YACnC,QAAQ,UAAA;YACR,QAAQ,UAAA;YACR,QAAQ,UAAA;YACR,UAAU,YAAA;SACX,CAAC,EACF,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,MAAM,EAAE,MAAM,IACV,UAAU,cAEd,yCAAK,GAAG,EAAE,IAAA,4DAAoC,EAAC,EAAE,QAAQ,UAAA,EAAE,UAAU,YAAA,EAAE,CAAC,gBACrE,QAAQ,IACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/CRO-710/Atoms/CardButton/CardButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Experiments/CRO-710/Atoms/CardButton/CardButton.test.js

@@ -0,0 +1,35 @@
+"use strict";
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var CardButton_1 = __importDefault(require("./CardButton"));
+describe('<CardButton />', function () {
+    it('should display children', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ experimentName: "default" }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+    it('should render with the outlined prop enabled', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ outlined: true, experimentName: "default" }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+    it('should render with the outlined prop enabled', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: true, experimentName: "default" }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=CardButton.test.js.map

package/Experiments/CRO-710/Atoms/CardButton/CardButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CardButton/CardButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,cAAc,EAAC,SAAS,0BAAkB,CACvD,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,0BAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,0BAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO-710/Atoms/CardButton/CardButtonStory.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type CardButtonStoryType = React.FunctionComponent<{
+    error: boolean;
+    disabled: boolean;
+}>;
+declare const CardButtonStory: CardButtonStoryType;
+export default CardButtonStory;

package/Experiments/CRO-710/Atoms/CardButton/CardButtonStory.js

@@ -0,0 +1,58 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var CardButton_1 = __importDefault(require("./CardButton"));
+var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
+var CardButtonStory = function (_a) {
+    var error = _a.error, disabled = _a.disabled;
+    var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
+    var handleClick = function () {
+        (0, addon_actions_1.action)('Click')();
+        setSelected(!selected);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            maxWidth: '144px',
+            height: '144px',
+        } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected, experimentName: "default", disabled: disabled }) })) })));
+};
+exports.default = CardButtonStory;
+//# sourceMappingURL=CardButtonStory.js.map

package/Experiments/CRO-710/Atoms/CardButton/CardButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAAyF;AAOzF,IAAM,eAAe,GAAwB,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACvD,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAA,sBAAM,EAAC,OAAO,CAAC,EAAE,CAAC;QAClB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,yCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;SAChB,gBAED,uBAAC,8BAAoB,aACnB,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzC,cAAc,EAAC,SAAS,gBAExB,uBAAC,oBAAU,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,QAAQ,GAClB,IACmB,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/CRO-710/Atoms/CardButton/ICardButtonProps.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface ICardButtonProps {
+    children?: ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLElement> | undefined) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement> | undefined) => void;
+    selected: boolean;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement> | undefined) => void;
+    outlined?: boolean;
+    disabled?: boolean;
+    fitContent: boolean;
+}
+export default ICardButtonProps;

package/Experiments/CRO-710/Atoms/CardButton/ICardButtonProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ICardButtonProps.js.map

package/Experiments/CRO-710/Atoms/CardButton/ICardButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ICardButtonProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CardButton/ICardButtonProps.ts"],"names":[],"mappings":""}