@mvf/external-components 3.23.0 → 3.24.1-dev.0

package/Experiments/GOLD-1420/Atoms/Button/Button.test.js

@@ -0,0 +1,94 @@
+"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 icons_material_1 = require("@mui/icons-material");
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Button_1 = __importDefault(require("./Button"));
+var makeButtonStyling_1 = require("./makeButtonStyling");
+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();
+    });
+    it('should display button component without pulse animation', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByTestId;
+        var button = getByTestId('continuecta');
+        expect(button).not.toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
+    });
+    it('should display button component with pulse animation when shouldPulse = true', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default", shouldPulse: true })).getByTestId;
+        var button = getByTestId('continuecta');
+        expect(button).toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
+    });
+    it('should display button component without pulse animation when shouldPulse = false', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default", shouldPulse: false })).getByTestId;
+        var button = getByTestId('continuecta');
+        expect(button).not.toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
+    });
+    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/GOLD-1420/Atoms/Button/Button.test.js.map

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

package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.d.ts

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

package/Experiments/GOLD-1420/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, shouldPulse = _a.shouldPulse;
+    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", shouldPulse: shouldPulse }) })));
+};
+exports.default = ButtonStory;
+//# sourceMappingURL=ButtonStory.js.map

package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/ButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAElD,oDAA8B;AAC9B,sDAAmD;AAanD,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,EASrC;QARC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEX,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,EACxB,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/Experiments/GOLD-1420/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/GOLD-1420/Atoms/Button/IButtonProps.js

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

package/Experiments/GOLD-1420/Atoms/Button/IButtonProps.js.map

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

package/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.d.ts

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

package/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.js

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

package/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.js.map

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

package/Experiments/GOLD-1420/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/GOLD-1420/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/GOLD-1420/Atoms/Button/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/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/GOLD-1420/Atoms/Button/index.d.ts

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

package/Experiments/GOLD-1420/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/GOLD-1420/Atoms/Button/index.js.map

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

package/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '@emotion/react';
+export declare const pulseKeyframes: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const pulseAnimation: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationIterationCount: string;
+};
+declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean, shouldPulse?: boolean) => import("@emotion/react").SerializedStyles;
+export default makeButtonStyling;

package/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.js

@@ -0,0 +1,81 @@
+"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.pulseAnimation = exports.pulseKeyframes = void 0;
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+exports.pulseKeyframes = (0, react_1.keyframes)({
+    '0%': {
+        transform: 'scale(1)',
+    },
+    '50%': {
+        transform: 'scale(1.06)',
+    },
+    '100%': {
+        transform: 'scale(1)',
+    },
+});
+exports.pulseAnimation = {
+    animationDuration: '2s',
+    animationTimingFunction: 'cubic-bezier(0.6, 0, 0.3, 1)',
+    animationIterationCount: 'infinite',
+};
+var makeButtonStyling = function (disabled, theme, textOverflowHandling, invertColors, shouldPulse) {
+    var _a, _b;
+    return (0, react_1.css)(__assign(__assign((_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), (shouldPulse && __assign({ animationName: exports.pulseKeyframes }, exports.pulseAnimation))), (_b = { '&.MuiButton-root': {
+                borderRadius: '6px',
+                backgroundColor: disabled
+                    ? (0, material_1.lighten)(theme.mvf.palette.status.disabled, theme.mvf.filters.lighten.strong)
+                    : theme.mvf.palette.component.continueButtonColor,
+                color: disabled
+                    ? theme.mvf.palette.status.disabled
+                    : theme.mvf.palette.text.continueButtonTextColor,
+                boxShadow: theme.mvf.boxShadow.navigation.primary,
+                '@media (hover: hover)': {
+                    '&:hover': {
+                        backgroundColor: theme.mvf.palette.component.continueButtonHoverColor,
+                        boxShadow: theme.mvf.boxShadow.navigation.secondary,
+                    },
+                },
+                '.MuiButton-endIcon': {
+                    position: 'absolute',
+                    right: theme.mvf.spacing.small,
+                },
+            } }, _b[invertColors ? '&.MuiButton-root' : ''] = {
+        boxShadow: theme.mvf.boxShadow.navigation.primary,
+        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,
+        '.MuiButton-endIcon': {
+            position: 'absolute',
+            right: theme.mvf.spacing.small,
+        },
+    }, _b[disabled ? '&.MuiButton-root' : ''] = {
+        boxShadow: theme.mvf.boxShadow.navigation.primary,
+        color: theme.mvf.palette.status.disabled,
+        '.MuiButton-endIcon': {
+            position: 'absolute',
+            right: theme.mvf.spacing.small,
+        },
+    }, _b)));
+};
+exports.default = makeButtonStyling;
+//# sourceMappingURL=makeButtonStyling.js.map

package/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.js.map

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

package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,6 @@
+/** @jsxImportSource @emotion/react */
+import { FunctionComponent } from 'react';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export declare type CircularProgressType = FunctionComponent<WithExperimentName<object>>;
+declare const CircularProgress: CircularProgressType;
+export default CircularProgress;

package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.js

@@ -0,0 +1,14 @@
+"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");
+var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+var makeCircularProgressStyling_1 = __importDefault(require("./makeCircularProgressStyling"));
+var react_1 = require("@emotion/react");
+var CircularProgress = function () {
+    return ((0, jsx_runtime_1.jsx)(CircularProgress_1.default, { css: (0, makeCircularProgressStyling_1.default)((0, react_1.useTheme)()), size: "25px" }));
+};
+exports.default = CircularProgress;
+//# sourceMappingURL=CircularProgress.js.map

package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":";;;;;;AAEA,oFAAiE;AACjE,8FAAwE;AACxE,wCAA0C;AAO1C,IAAM,gBAAgB,GAAyB;IAC7C,OAAO,CACL,uBAAC,0BAAmB,IAClB,GAAG,EAAE,IAAA,qCAA2B,EAAC,IAAA,gBAAQ,GAAE,CAAC,EAC5C,IAAI,EAAC,MAAM,GACX,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CircularProgressStory: React.FunctionComponent;
+export default CircularProgressStory;

package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.js

@@ -0,0 +1,27 @@
+"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 CircularProgress_1 = __importDefault(require("./CircularProgress"));
+var CircularProgressStory = function () {
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            padding: '0.6rem',
+            background: 'black',
+            width: '25px',
+        } }, { children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { experimentName: "default" }) })));
+};
+exports.default = CircularProgressStory;
+//# sourceMappingURL=CircularProgressStory.js.map

package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgressStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,wEAAkD;AAElD,IAAM,qBAAqB,GAA4B;IACrD,OAAO,CACL,yCACE,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,MAAM;SACd,gBAED,uBAAC,0BAAgB,IAAC,cAAc,EAAC,SAAS,GAAG,IACzC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Experiments/GOLD-1420/Atoms/CircularProgress/index.d.ts

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

package/Experiments/GOLD-1420/Atoms/CircularProgress/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 CircularProgress_1 = require("./CircularProgress");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CircularProgress_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/GOLD-1420/Atoms/CircularProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA"}

package/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from '../../../../Themes/themes';
+declare const makeCircularProgressStyling: (theme: ITheme) => import("@emotion/react").SerializedStyles;
+export default makeCircularProgressStyling;

package/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeCircularProgressStyling = function (theme) {
+    return (0, react_1.css)({
+        color: theme.mvf.palette.text.continueButtonTextColor,
+    });
+};
+exports.default = makeCircularProgressStyling;
+//# sourceMappingURL=makeCircularProgressStyling.js.map

package/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeCircularProgressStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.ts"],"names":[],"mappings":";;AAAA,wCAAqC;AAGrC,IAAM,2BAA2B,GAAG,UAAC,KAAa;IAChD,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,uBAAuB;KACtD,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+interface DynamicFontSizeContainerProps {
+    text: string;
+    possibleFontSizes: number[];
+}
+export declare type DynamicFontSizeContainerType = React.FC<WithExperimentName<DynamicFontSizeContainerProps>>;
+declare const DynamicFontSizeContainer: DynamicFontSizeContainerType;
+export default DynamicFontSizeContainer;

package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js

@@ -0,0 +1,81 @@
+"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 });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("react");
+var DynamicFontSizeContainer = function (_a) {
+    var text = _a.text, possibleFontSizes = _a.possibleFontSizes;
+    var containerRef = (0, react_1.useRef)(null);
+    var textRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(possibleFontSizes[0]), fontSize = _b[0], setFontSize = _b[1]; // Initial font size
+    var _c = (0, react_1.useState)(false), allowWrap = _c[0], setAllowWrap = _c[1];
+    var _d = (0, react_1.useState)(false), isAtMinFontSize = _d[0], setIsAtMinFontSize = _d[1];
+    var resizeText = function () {
+        if (containerRef.current && textRef.current) {
+            var containerWidth = containerRef.current.offsetWidth;
+            var low = 0;
+            var high = possibleFontSizes.length - 1;
+            var newFontSize = possibleFontSizes[0];
+            while (low <= high) {
+                var mid = Math.floor((low + high) / 2);
+                textRef.current.style.fontSize = "".concat(possibleFontSizes[mid], "px");
+                var textWidth = textRef.current.offsetWidth;
+                if (textWidth > containerWidth) {
+                    high = mid - 1;
+                }
+                else {
+                    newFontSize = possibleFontSizes[mid];
+                    low = mid + 1;
+                }
+            }
+            if (newFontSize === possibleFontSizes[0]) {
+                setAllowWrap(true);
+                setIsAtMinFontSize(true);
+            }
+            else {
+                setAllowWrap(false);
+                setIsAtMinFontSize(false);
+            }
+            setFontSize(newFontSize);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        // Reset state when the text changes
+        setIsAtMinFontSize(false);
+        setAllowWrap(false);
+        resizeText();
+    }, [text, possibleFontSizes]);
+    (0, react_1.useEffect)(function () {
+        if (!isAtMinFontSize) {
+            resizeText();
+        }
+        window.addEventListener('resize', resizeText);
+        return function () {
+            window.removeEventListener('resize', resizeText);
+        };
+    }, [isAtMinFontSize]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: containerRef, style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'visible',
+        } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: textRef, style: {
+                fontSize: "".concat(fontSize, "px"),
+                whiteSpace: allowWrap ? 'normal' : 'nowrap',
+                textAlign: 'center',
+            } }, { children: text })) })));
+};
+exports.default = DynamicFontSizeContainer;
+//# sourceMappingURL=DynamicFontSizeContainer.js.map

package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map

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

package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js

@@ -0,0 +1,19 @@
+"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 react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom/extend-expect");
+var DynamicFontSizeContainer_1 = __importDefault(require("./DynamicFontSizeContainer"));
+describe('DynamicFontSizeContainer', function () {
+    var possibleFontSizes = [10, 20, 30, 40];
+    test('renders without crashing', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: "This is a test text", possibleFontSizes: possibleFontSizes, experimentName: "default" }));
+        var textElement = react_1.screen.getByText('This is a test text');
+        expect(textElement).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=DynamicFontSizeContainer.test.js.map

package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFontSizeContainer.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gDAAwD;AACxD,mDAAiD;AACjD,wFAAkE;AAElE,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3C,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAA,cAAM,EACJ,uBAAC,kCAAwB,IACvB,IAAI,EAAC,qBAAqB,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAC,SAAS,GACxB,CACH,CAAC;QAEF,IAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;QAC5D,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/GOLD-1420/Atoms/IconButton/IComponentProps.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface IComponentProps {
+    children?: React.ReactNode;
+    icon: React.ReactNode;
+    disabled: boolean;
+    onClick: () => void;
+    dataTestId?: string;
+    variant: 'inline' | 'stacked';
+}
+export default IComponentProps;

package/Experiments/GOLD-1420/Atoms/IconButton/IComponentProps.js

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

package/Experiments/GOLD-1420/Atoms/IconButton/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/IconButton/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/GOLD-1420/Atoms/IconButton/IconButton.d.ts

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