@mvf/external-components 3.37.0 → 3.38.0

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

@@ -0,0 +1,5 @@
+declare const defaultProps: {
+    selected: boolean;
+    fitContent: boolean;
+};
+export default defaultProps;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    selected: false,
+    fitContent: false,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CardButton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

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

@@ -0,0 +1,14 @@
+interface ICardStylingProps {
+    isError: boolean;
+    selected: boolean;
+    outlined?: boolean;
+    disabled?: boolean;
+    fitContent?: boolean;
+}
+declare const makeCardButtonStyling: ({ isError, selected, outlined, disabled, fitContent, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
+interface ICardStylingOverlayProps {
+    selected: boolean;
+    fitContent?: boolean;
+}
+export declare const makeCardButtonSelectedOverlayStyling: ({ selected, fitContent, }: ICardStylingOverlayProps) => import("@emotion/react").SerializedStyles;
+export default makeCardButtonStyling;

package/Experiments/CRO-710/Atoms/CardButton/makeCardButtonStyling.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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCardButtonSelectedOverlayStyling = void 0;
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var makeCardButtonStyling = function (_a) {
+    var isError = _a.isError, selected = _a.selected, outlined = _a.outlined, disabled = _a.disabled, fitContent = _a.fitContent;
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)(__assign(__assign(__assign(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: '12px', borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor: disabled ? 'default' : 'pointer' }, (fitContent && {
+        minHeight: '100%',
+    })), (!fitContent && {
+        height: '100%',
+    })), { position: 'relative', overflow: 'visible', '@media (hover: hover)': {
+            '&:hover': {
+                boxShadow: disabled
+                    ? theme.mvf.boxShadow.timid
+                    : theme.mvf.boxShadow.fierce,
+                borderColor: disabled
+                    ? theme.mvf.palette.component.answerUnselectedColor
+                    : theme.mvf.palette.component.answerSelectedColor,
+            },
+        } }), ((selected || outlined) && {
+        borderColor: theme.mvf.palette.component.answerSelectedColor,
+        boxShadow: theme.mvf.boxShadow.fierce,
+        '@media (hover: hover)': {
+            '&:hover': {
+                boxShadow: theme.mvf.boxShadow.fierce,
+                borderColor: theme.mvf.palette.component.answerSelectedColor,
+            },
+        },
+    })), (isError && {
+        borderColor: theme.mvf.palette.status.error,
+        boxShadow: theme.mvf.boxShadow.timid,
+        '@media (hover: hover)': {
+            '&:hover': {
+                borderColor: theme.mvf.palette.status.error,
+                boxShadow: theme.mvf.boxShadow.timid,
+            },
+        },
+    })));
+};
+var makeCardButtonSelectedOverlayStyling = function (_a) {
+    var selected = _a.selected, fitContent = _a.fitContent;
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, (fitContent && {
+        minHeight: '100%',
+    })), (!fitContent && {
+        height: '100%',
+    })), { width: '100%' }), (selected && {
+        backgroundColor: (0, material_1.alpha)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.opacity.harsh),
+    })));
+};
+exports.makeCardButtonSelectedOverlayStyling = makeCardButtonSelectedOverlayStyling;
+exports.default = makeCardButtonStyling;
+//# sourceMappingURL=makeCardButtonStyling.js.map

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

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

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

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

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

@@ -0,0 +1,13 @@
+"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 CircularProgress = function () {
+    return ((0, jsx_runtime_1.jsx)(CircularProgress_1.default, { css: (0, makeCircularProgressStyling_1.default)(), size: "1.25em" }));
+};
+exports.default = CircularProgress;
+//# sourceMappingURL=CircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":";;;;;;AAEA,oFAAiE;AACjE,8FAAwE;AAOxE,IAAM,gBAAgB,GAAyB;IAC7C,OAAO,CACL,uBAAC,0BAAmB,IAAC,GAAG,EAAE,IAAA,qCAA2B,GAAE,EAAE,IAAI,EAAC,QAAQ,GAAG,CAC1E,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO-710/Atoms/CircularProgress/CircularProgressStory.d.ts

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

package/Experiments/CRO-710/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/CRO-710/Atoms/CircularProgress/CircularProgressStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgressStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/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/CRO-710/Atoms/CircularProgress/index.d.ts

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

package/Experiments/CRO-710/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/CRO-710/Atoms/CircularProgress/index.js.map

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

package/Experiments/CRO-710/Atoms/CircularProgress/makeCircularProgressStyling.d.ts

@@ -0,0 +1,2 @@
+declare const makeCircularProgressStyling: () => import("@emotion/react").SerializedStyles;
+export default makeCircularProgressStyling;

package/Experiments/CRO-710/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 () {
+    return (0, react_1.css)({
+        color: 'currentColor',
+    });
+};
+exports.default = makeCircularProgressStyling;
+//# sourceMappingURL=makeCircularProgressStyling.js.map

package/Experiments/CRO-710/Atoms/CircularProgress/makeCircularProgressStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeCircularProgressStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/CircularProgress/makeCircularProgressStyling.ts"],"names":[],"mappings":";;AAAA,wCAAqC;AAErC,IAAM,2BAA2B,GAAG;IAClC,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,cAAc;KACtB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

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

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

package/Experiments/CRO-710/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.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 });
+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, icon = _a.icon, gap = _a.gap;
+    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.jsxs)("div", __assign({ ref: containerRef, style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'visible',
+            gap: gap,
+        } }, { children: [icon, (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/CRO-710/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map

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

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

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

package/Experiments/CRO-710/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/CRO-710/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFontSizeContainer.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/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/CRO-710/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts

@@ -0,0 +1,15 @@
+import WithExperimentName from '../../../../@types/WithExperimentName';
+import * as React from 'react';
+type ErrorMessageProviderProps = {
+    errorMessage: string | undefined;
+};
+export type ErrorMessageProviderType = React.FunctionComponent<WithExperimentName<{
+    children: React.ReactNode;
+    errorMessage?: string;
+}>>;
+declare const ErrorMessageProvider: ErrorMessageProviderType;
+type UseErrorMessageProps = {
+    isErrorMessageProviderRequired: boolean;
+};
+export declare const useErrorMessage: (props?: UseErrorMessageProps) => ErrorMessageProviderProps;
+export default ErrorMessageProvider;

package/Experiments/CRO-710/Atoms/ErrorMessageProvider/ErrorMessageProvider.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorMessage = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var React = __importStar(require("react"));
+var ErrorMessageStateContext = React.createContext(undefined);
+var ErrorMessageProvider = function (_a) {
+    var children = _a.children, errorMessage = _a.errorMessage;
+    return ((0, jsx_runtime_1.jsx)(ErrorMessageStateContext.Provider, __assign({ value: { errorMessage: errorMessage } }, { children: children })));
+};
+var useErrorMessage = function (props) {
+    if (props === void 0) { props = { isErrorMessageProviderRequired: true }; }
+    var context = React.useContext(ErrorMessageStateContext);
+    if (context === undefined) {
+        if (!props.isErrorMessageProviderRequired) {
+            return { errorMessage: undefined };
+        }
+        throw new Error('useErrorMessage must be used within an ErrorMessageProvider');
+    }
+    return context;
+};
+exports.useErrorMessage = useErrorMessage;
+exports.default = ErrorMessageProvider;
+//# sourceMappingURL=ErrorMessageProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessageProvider.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/ErrorMessageProvider/ErrorMessageProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAM/B,IAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAElD,SAAS,CAAC,CAAC;AASb,IAAM,oBAAoB,GAA6B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,uBAAC,wBAAwB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,YAAY,cAAA,EAAE,gBACvD,QAAQ,IACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAMK,IAAM,eAAe,GAAG,UAC7B,KAAsE;IAAtE,sBAAA,EAAA,UAAgC,8BAA8B,EAAE,IAAI,EAAE;IAEtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,IAAI,CAAC,KAAK,CAAC,8BAA8B,EAAE;YACzC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;SACpC;QACD,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B;AAEF,kBAAe,oBAAoB,CAAC"}

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

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

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

@@ -0,0 +1,75 @@
+"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 react_1 = require("@testing-library/react");
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var ErrorMessageProvider_1 = __importStar(require("./ErrorMessageProvider"));
+describe('<ErrorMessageProvider />', function () {
+    var ErrorMessageComponent = function () {
+        var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)().errorMessage;
+        return (0, jsx_runtime_1.jsx)("div", { children: errorMessage });
+    };
+    it('should raise an error when useErrorMessage used outside of an ErrorMessageProvider', function () {
+        jest.spyOn(console, 'error').mockImplementation(function () { return jest.fn(); });
+        expect(function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}));
+        }).toThrow('useErrorMessage must be used within an ErrorMessageProvider');
+        jest.restoreAllMocks();
+    });
+    it('should pass an error message to child components', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: "Test error message", experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}) }))).getByText;
+        expect(getByText('Test error message')).toBeTruthy();
+    });
+    it('should not raise an error when isErrorMessageProviderRequired is false', function () {
+        jest.spyOn(console, 'error').mockImplementation(function () { return jest.fn(); });
+        var SkippedErrorMessageComponent = function () {
+            var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
+                isErrorMessageProviderRequired: false,
+            }).errorMessage;
+            return (0, jsx_runtime_1.jsx)("div", { children: errorMessage });
+        };
+        expect(function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(SkippedErrorMessageComponent, {}));
+        }).not.toThrow('useErrorMessage must be used within an ErrorMessageProvider');
+        jest.restoreAllMocks();
+    });
+});
+//# sourceMappingURL=ErrorMessageProvider.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,sGAAgF;AAChF,6EAA+E;AAE/E,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,qBAAqB,GAAG;QACpB,IAAA,YAAY,GAAK,IAAA,sCAAe,GAAE,aAAtB,CAAuB;QAC3C,OAAO,0CAAM,YAAY,GAAO,CAAC;IACnC,CAAC,CAAC;IAEF,EAAE,CAAC,oFAAoF,EAAE;QACvF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QAEjE,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,qBAAqB,KAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,OAAO,CAAC,6DAA6D,CAAC,CAAC;QAE1E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC7C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,aACnB,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,gBAExB,uBAAC,qBAAqB,KAAG,IACJ,CACxB,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE;QAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QACjE,IAAM,4BAA4B,GAAG;YAC3B,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;gBACvC,8BAA8B,EAAE,KAAK;aACtC,CAAC,aAFkB,CAEjB;YACH,OAAO,0CAAM,YAAY,GAAO,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,4BAA4B,KAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CACZ,6DAA6D,CAC9D,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export { default as ErrorMessageProvider, useErrorMessage, } from './ErrorMessageProvider';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/ErrorMessageProvider/index.ts"],"names":[],"mappings":";;;;;;AAAA,+DAGgC;AAF9B,6IAAA,OAAO,OAAwB;AAC/B,uHAAA,eAAe,OAAA"}

package/Experiments/CRO-710/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/CRO-710/Atoms/IconButton/IComponentProps.js

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

package/Experiments/CRO-710/Atoms/IconButton/IComponentProps.js.map

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

package/Experiments/CRO-710/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 type IconButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
+declare const IconButton: IconButtonType;
+export default IconButton;

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

@@ -0,0 +1,21 @@
+"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 Button_1 = __importDefault(require("@mui/material/Button"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeIconButtonStyling_1 = require("./makeIconButtonStyling");
+var IconButton = function (_a) {
+    var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId, variant = _a.variant;
+    var styles = (0, makeIconButtonStyling_1.makeIconButtonStyling)(variant);
+    var handleClick = function () {
+        onClick();
+    };
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, onClick: handleClick, startIcon: icon, css: styles, "data-testid": dataTestId }));
+};
+IconButton.defaultProps = defaultProps_1.default;
+exports.default = IconButton;
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA4C;AAG5C,gEAA0C;AAC1C,iEAAgE;AAQhE,IAAM,UAAU,GAAmB,UAAC,EAMnC;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,IAAM,MAAM,GAAG,IAAA,6CAAqB,EAAC,OAAO,CAAC,CAAC;IAE9C,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,MAAM,iBACE,UAAU,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/CRO-710/Atoms/IconButton/IconButtonStory.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IIcons } from '../../../../Helpers/icons';
+type ButtonStartIconStoryType = React.FunctionComponent<{
+    disabled: boolean;
+    iconType: keyof IIcons;
+    children: React.ReactNode;
+    variant: 'inline' | 'stacked';
+}>;
+declare const ButtonStartIconStory: ButtonStartIconStoryType;
+export default ButtonStartIconStory;