@mvf/external-components 3.20.2 → 3.21.0

package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js

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

package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.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 IconTileCheckBoxType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
+declare const IconTileCheckBox: IconTileCheckBoxType;
+export default IconTileCheckBox;

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js

@@ -0,0 +1,93 @@
+"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 Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var react_1 = require("react");
+var CheckboxIcon_1 = __importDefault(require("../../../../Assets/CustomIcons/CheckboxIcon"));
+var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
+var Text_1 = __importDefault(require("../../Atoms/Text"));
+var TextField_1 = __importDefault(require("../TextField/TextField"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var browserAndDeviceDetection_1 = require("../../../../Helpers/browserAndDeviceDetection");
+var deviceSpecificHandlers_1 = require("../../../../Helpers/deviceSpecificHandlers");
+var makeIconTileCheckBoxStyling_1 = __importDefault(require("./makeIconTileCheckBoxStyling"));
+var material_1 = require("@mui/material");
+var IconTileCheckBox = function (_a) {
+    var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onChange = _a.onChange, onClick = _a.onClick, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, showText = _a.showText, text = _a.text, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
+    var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
+    var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
+    var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
+    var otherInputRef = (0, react_1.useRef)(null);
+    var styles = (0, makeIconTileCheckBoxStyling_1.default)({ showText: showText });
+    var isTextfield = (isOtherOption && isFocused) || !!otherValue;
+    var handleBlur = function (event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        if (!isSelected) {
+            setIsFocused(false);
+            if (!otherValue) {
+                setIsSelected(false);
+            }
+        }
+        if (isSelected && isFocused) {
+            if (!otherValue) {
+                setTimeout(function () {
+                    setIsSelected(false);
+                    setIsFocused(false);
+                }, 100);
+            }
+        }
+    };
+    var handleClick = function () {
+        onClick({ id: id, selected: !selected });
+        if (!isSelected && (0, browserAndDeviceDetection_1.isIOS)() && isOtherOption) {
+            (0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
+        }
+        setIsSelected(!isSelected);
+        setIsFocused(true);
+    };
+    var handleInputClick = function (e) {
+        e.stopPropagation();
+        if (otherInputRef.current) {
+            otherInputRef.current.focus();
+        }
+        setIsSelected(true);
+        onClick({ id: id, selected: true });
+    };
+    var handleKeyDown = function (event) {
+        if (event) {
+            onKeyDown(event);
+            if (event.key === 'Enter' && otherInputRef.current) {
+                if (!otherValue) {
+                    setIsSelected(false);
+                    setIsFocused(false);
+                }
+                otherInputRef.current.blur();
+            }
+        }
+    };
+    var onOtherTextFieldChange = function (inputChangeEvent) {
+        onChange(inputChangeEvent);
+        setOtherValue(inputChangeEvent.value);
+        if (inputChangeEvent.value) {
+            setIsSelected(true);
+        }
+        else {
+            setIsSelected(false);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (isSelected && otherInputRef.current) {
+            otherInputRef.current.focus();
+        }
+    }, [isSelected]);
+    return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: disabled, children: [!hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: styles.checkbox, checked: isSelected, icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }), disabled: disabled })), (0, jsx_runtime_1.jsxs)(material_1.Box, { css: styles.container, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.icon, children: (0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.imgDiv, children: Icon }) }), isTextfield ? ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) })) : (showText && ((0, jsx_runtime_1.jsx)(Text_1.default, { "data-testid": "text", variant: "tileItem", experimentName: experimentName, children: text })))] })] }));
+};
+IconTileCheckBox.defaultProps = defaultProps_1.default;
+exports.default = IconTileCheckBox;
+//# sourceMappingURL=IconTileCheckBox.js.map

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js.map

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

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.d.ts

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

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js

@@ -0,0 +1,188 @@
+"use strict";
+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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
+var deviceSpecificHandlers = __importStar(require("../../../../Helpers/deviceSpecificHandlers"));
+var browserAndDeviceDetection = __importStar(require("../../../../Helpers/browserAndDeviceDetection"));
+var imageSrc = svgs_1.default.truck;
+describe('IconTileCheckBox', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should display text by default', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', experimentName: "default" })).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+    it('should hide text when showText is false', function () {
+        var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', showText: false, experimentName: "default" })).queryByText;
+        expect(queryByText('test')).not.toBeTruthy();
+    });
+    it('should hide checkbox when hideCheckbox is true', function () {
+        var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', hideCheckbox: true, experimentName: "default" })).queryByText;
+        expect(queryByText('test')).toBeTruthy();
+    });
+    it('should call onClick function if IconTileCheckBox is clicked', function () {
+        var callback = jest.fn();
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onClick: callback, experimentName: "default" })).getByText;
+        getByText('test').click();
+        expect(callback).toHaveBeenCalled();
+    });
+    it('should call onKeyDown when enter is pressed', function () {
+        var callback = jest.fn();
+        // GIVEN the other option is enabled
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onKeyDown: callback, isOtherOption: true, experimentName: "default" })).getByTestId;
+        // AND the textfield is focused
+        getByTestId('text').click();
+        var text = getByTestId('otherInputTextfield:1');
+        // WHEN enter is pressed
+        react_1.fireEvent.keyDown(text, { key: 'Enter', code: 'Enter' });
+        // THEN the callback is called
+        expect(callback).toHaveBeenCalled();
+    });
+    it('should call blur when enter is pressed', function () {
+        var callback = jest.fn();
+        // GIVEN the other option is enabled
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onKeyDown: callback, isOtherOption: true, experimentName: "default" })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
+        getByTestId('text').click();
+        var textfield = getByRole('textbox');
+        var blurSpy = jest.spyOn(textfield, 'blur');
+        // WHEN enter is pressed
+        react_1.fireEvent.keyDown(textfield, { key: 'Enter', code: 'Enter' });
+        // THEN the blur is called
+        expect(blurSpy).toHaveBeenCalled();
+    });
+    it('should begin unchecked and can be checked', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', experimentName: "default" })).getByTestId;
+        getByTestId('checkboxCardButton').click();
+        var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
+        expect(checkbox).toBeChecked();
+    });
+    it('should begin checked and be unchecked', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', selected: true, experimentName: "default" })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+        getByText('test').click();
+        var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
+        expect(checkbox).not.toBeChecked();
+    });
+    it('should not display otherInput unless specified', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), selected: true, experimentName: "default" })).getByTestId;
+        var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+        expect(input).toBeNull();
+    });
+    it('should call onChange when otherInput is updated', function () {
+        var callback = jest.fn();
+        // GIVEN i have a IconTileCheckBox with isOtherOption true
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'exampleId', text: 'exampleText', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), selected: true, isOtherOption: true, onChange: callback, otherInputValue: "startValue" // test this changes
+            , experimentName: "default" })).getByTestId;
+        // AND and the textfield is present
+        var textfield = getByTestId('otherInputTextfield:exampleId').querySelector('input[type=text]');
+        // WHEN the input is changed
+        react_1.fireEvent.change(textfield, { target: { value: 'endValue' } });
+        // THEN the callback is called
+        expect(callback).toHaveBeenCalledWith({
+            id: 'exampleId',
+            value: 'endValue',
+        });
+        expect(textfield.value).toEqual('endValue');
+    });
+    it('should focus on OtherInput when selected', function () {
+        // GIVEN isOtherOption is true
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, selected: false, experimentName: "default" })).getByTestId;
+        // WHEN the checkbox is clicked
+        getByTestId('checkboxCardButton').click();
+        var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+        // AND the input is changed
+        react_1.fireEvent.change(input, { target: { value: 'Test' } });
+        // THEN the input is focused
+        expect(input).toBe(document.activeElement);
+    });
+    it('should not focus on OtherInput when unselected', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, selected: true, experimentName: "default" })).getByTestId;
+        var checkboxCardButton = getByTestId('checkboxCardButton');
+        checkboxCardButton.click();
+        var input = checkboxCardButton.querySelector('input[type=text]');
+        expect(input).not.toBe(document.activeElement);
+    });
+    it('should select the card component when a value for the other option is entered', function () {
+        var callback = jest.fn();
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, onChange: callback, experimentName: "default" })).getByTestId;
+        var checkboxCardButton = getByTestId('checkboxCardButton');
+        checkboxCardButton.click();
+        var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+        react_1.fireEvent.change(input, { target: { value: 'Test' } });
+        expect(checkboxCardButton.dataset.selected).toBe('true');
+    });
+    it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
+        var callback = jest.fn();
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true, experimentName: "default" })).getByTestId;
+        var checkboxCardButton = getByTestId('checkboxCardButton');
+        expect(checkboxCardButton.dataset.selected).toBe('true');
+    });
+    it('should select the card component on click when a value is already present and the card is not selected by default', function () {
+        var callback = jest.fn();
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: false, experimentName: "default" })).getByTestId;
+        var checkboxCardButton = getByTestId('checkboxCardButton');
+        checkboxCardButton.click();
+        expect(checkboxCardButton.dataset.selected).toBe('true');
+    });
+    it('should utilise the iosFocusHandler on ios', function () {
+        var iosFocusHandlerSpy = jest.spyOn(deviceSpecificHandlers, 'iosFocusHandler');
+        var isIOSSpy = jest
+            .spyOn(browserAndDeviceDetection, 'isIOS')
+            .mockImplementationOnce(function () { return true; });
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'other-option', isOtherOption: true, experimentName: "default" })).getByText;
+        getByText('other-option').click();
+        expect(isIOSSpy).toHaveBeenCalled();
+        expect(iosFocusHandlerSpy).toHaveBeenCalled();
+    });
+    it('should not utilise the iosFocusHandler on other browsers', function () {
+        var iosFocusHandlerSpy = jest.spyOn(deviceSpecificHandlers, 'iosFocusHandler');
+        var isIOSSpy = jest
+            .spyOn(browserAndDeviceDetection, 'isIOS')
+            .mockImplementationOnce(function () { return false; });
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'other-option', isOtherOption: true, experimentName: "default" })).getByText;
+        getByText('other-option').click();
+        expect(isIOSSpy).toHaveBeenCalled();
+        expect(iosFocusHandlerSpy).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=IconTileCheckBox.test.js.map

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map

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

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+type IconTileCheckBoxStoryType = React.FunctionComponent<{
+    error: boolean;
+    iconType: keyof ISvgs;
+    isOtherOption: boolean;
+    selected: boolean;
+    showText: boolean;
+    hideCheckbox: boolean;
+    otherInputError: boolean;
+    otherInputValue: string;
+    text: string;
+    parentContainerWidth: number;
+    parentContainerHeight: string;
+    disabled: boolean;
+}>;
+declare const IconTileCheckBoxStory: IconTileCheckBoxStoryType;
+export default IconTileCheckBoxStory;

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js

@@ -0,0 +1,24 @@
+"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 addon_actions_1 = require("@storybook/addon-actions");
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
+var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
+var IconTileCheckBoxStory = function (_a) {
+    var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, selected = _a.selected, showText = _a.showText, hideCheckbox = _a.hideCheckbox, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight, disabled = _a.disabled;
+    var handleClick = function (_a) {
+        var id = _a.id;
+        (0, addon_actions_1.action)('Clicked')({ id: id, selected: selected });
+    };
+    var handleKeyDown = function (event) {
+        (0, addon_actions_1.action)('Key down')(event);
+    };
+    var imageSrc = svgs_1.default[iconType];
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth, height: parentContainerHeight }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, showText: showText, hideCheckbox: hideCheckbox, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default", disabled: disabled }) }) }));
+};
+exports.default = IconTileCheckBoxStory;
+//# sourceMappingURL=IconTileCheckBoxStory.js.map

package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,sEAA2D;AAC3D,+GAAyF;AAEzF,wEAAkD;AAiBlD,IAAM,qBAAqB,GAA8B,UAAC,EAazD;QAZC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,UAAC,EAAuC;YAArC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,qBAAqB,EAAE,YACxE,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,YAExB,uBAAC,0BAAgB,IACf,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACmB,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts

@@ -0,0 +1,3 @@
+import IconTileCheckboxProps from '../../IconTileCheckBox//IComponentProps';
+declare const renderIconTileCheckbox: ({ Icon, id, text, isOtherOption, otherInputValue, onClick, selected, }: IconTileCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default renderIconTileCheckbox;

package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.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 svgs_1 = __importDefault(require("../../../../../Assets/svgs/svgs"));
+var IconTileCheckBox_1 = __importDefault(require("../IconTileCheckBox"));
+var renderIconTileCheckbox = function (_a) {
+    var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue, onClick = _a.onClick, selected = _a.selected;
+    return ((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: id, text: text, Icon: Icon ? Icon : (0, jsx_runtime_1.jsx)("img", { src: svgs_1.default.other, alt: "optionImage" }), isOtherOption: isOtherOption, otherInputValue: otherInputValue, onClick: onClick, selected: selected, experimentName: "default" }, id));
+};
+exports.default = renderIconTileCheckbox;
+//# sourceMappingURL=renderIconTileCheckbox.js.map

package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderIconTileCheckbox.js","sourceRoot":"","sources":["../../../../../../src/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAAmD;AAEnD,yEAAmD;AAEnD,IAAM,sBAAsB,GAAG,UAAC,EAQR;QAPtB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,QAAQ,cAAA;IACmB,OAAA,CAC3B,uBAAC,0BAAgB,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAE,cAAI,CAAC,KAAK,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9D,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,SAAS,IANnB,EAAE,CAOP,CACH;AAZ4B,CAY5B,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.d.ts

@@ -0,0 +1,12 @@
+declare const defaultProps: {
+    isOtherOption: boolean;
+    onClick: () => void;
+    onChange: () => void;
+    onKeyDown: () => void;
+    otherInputValue: string;
+    selected: boolean;
+    showText: boolean;
+    hideCheckbox: boolean;
+    disabled: boolean;
+};
+export default defaultProps;

package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    isOtherOption: false,
+    onClick: function () {
+        /* do nothing */
+    },
+    onChange: function () {
+        /* do nothing */
+    },
+    onKeyDown: function () {
+        /* do nothing */
+    },
+    otherInputValue: '',
+    selected: false,
+    showText: true,
+    hideCheckbox: false,
+    disabled: false,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO584/Molecules/IconTileCheckBox/index.d.ts

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

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

package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js.map

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

package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts

@@ -0,0 +1,10 @@
+declare const makeIconTileCheckBoxStyling: ({ showText }: {
+    showText: boolean;
+}) => {
+    container: import("@emotion/react").SerializedStyles;
+    icon: import("@emotion/react").SerializedStyles;
+    checkbox: import("@emotion/react").SerializedStyles;
+    otherInput: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
+};
+export default makeIconTileCheckBoxStyling;

package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js

@@ -0,0 +1,91 @@
+"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 react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var makeIconTileCheckBoxStyling = function (_a) {
+    var _b;
+    var showText = _a.showText;
+    var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
+    var palette = mvf.palette, spacing = mvf.spacing;
+    return {
+        container: (0, react_1.css)({
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column',
+            height: '100%',
+            '& .MuiTypography-root': {
+                marginBottom: 14,
+            },
+        }),
+        icon: (0, react_1.css)(__assign(__assign({}, (showText && {
+            marginTop: 12,
+            marginBottom: 4,
+        })), (_b = { '& img': {
+                    height: 35,
+                } }, _b[breakpoints.up('mobileMedium')] = {
+            '& img': {
+                height: 39,
+            },
+        }, _b[breakpoints.up('mobileLarge')] = {
+            '& img': {
+                height: 42,
+            },
+        }, _b[breakpoints.up('tabletSmall')] = {
+            '& img': {
+                height: 43,
+            },
+        }, _b[breakpoints.up('tabletMedium')] = {
+            '& img': {
+                height: 54,
+            },
+        }, _b[breakpoints.up('desktopMedium')] = {
+            '& img': {
+                height: 65,
+            },
+        }, _b))),
+        checkbox: (0, react_1.css)({
+            color: palette.component.answerUnselectedColor,
+            position: 'absolute',
+            '&.Mui-checked': {
+                display: 'inline-flex',
+            },
+            '&.MuiIconButton-root': {
+                '@media (hover: hover)': {
+                    '&:hover': {
+                        backgroundColor: (0, material_1.alpha)(palette.component.answerSelectedColor, 0.04),
+                    },
+                },
+            },
+        }),
+        otherInput: (0, react_1.css)({
+            marginLeft: spacing.small,
+            marginRight: spacing.small,
+            paddingBottom: spacing.small,
+            '& .MuiFilledInput-root': {
+                boxShadow: 'none',
+            },
+            '& input': {
+                paddingInline: 0,
+                inlineSize: '100%',
+            },
+        }),
+        imgDiv: (0, react_1.css)({
+            display: 'flex',
+            justifyContent: 'center',
+        }),
+    };
+};
+exports.default = makeIconTileCheckBoxStyling;
+//# sourceMappingURL=makeIconTileCheckBoxStyling.js.map

package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeIconTileCheckBoxStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,2BAA2B,GAAG,UAAC,EAAmC;;QAAjC,QAAQ,cAAA;IACvC,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAc,GAAG,QAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IACjC,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;YACd,uBAAuB,EAAE;gBACvB,YAAY,EAAE,EAAE;aACjB;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,wBACJ,CAAC,QAAQ,IAAI;YACd,SAAS,EAAE,EAAE;YACb,YAAY,EAAE,CAAC;SAChB,CAAC,WACF,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX,OACA,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;YAC/B,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;YAC/B,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;YACjC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,OACD;QACF,QAAQ,EAAE,IAAA,WAAG,EAAC;YACZ,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,qBAAqB;YAC9C,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE;gBACf,OAAO,EAAE,aAAa;aACvB;YACD,sBAAsB,EAAE;gBACtB,uBAAuB,EAAE;oBACvB,SAAS,EAAE;wBACT,eAAe,EAAE,IAAA,gBAAK,EAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;qBACpE;iBACF;aACF;SACF,CAAC;QACF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,UAAU,EAAE,OAAO,CAAC,KAAK;YACzB,WAAW,EAAE,OAAO,CAAC,KAAK;YAC1B,aAAa,EAAE,OAAO,CAAC,KAAK;YAC5B,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;YACD,SAAS,EAAE;gBACT,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,MAAM;aACnB;SACF,CAAC;QACF,MAAM,EAAE,IAAA,WAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.d.ts

@@ -0,0 +1,16 @@
+import { IInputCallbackParams } from '../../../CRO584/Atoms/Input/IInputProps';
+export interface IIconTileRadioButtonCallbackParams {
+    id: string;
+}
+interface IComponentProps {
+    Icon: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    id: string;
+    isOtherOption: boolean;
+    onClick: (item: IIconTileRadioButtonCallbackParams) => void;
+    onChange: (item: IInputCallbackParams) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    otherInputError?: boolean;
+    otherInputValue: string;
+    text: string;
+}
+export default IComponentProps;

package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js

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

package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.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 IconTileRadioButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
+declare const IconTileRadioButton: IconTileRadioButtonType;
+export default IconTileRadioButton;