@mvf/external-components 3.20.2 → 3.21.0

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

@@ -0,0 +1,80 @@
+"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("react");
+var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
+var Text_1 = __importDefault(require("../../Atoms/Text"));
+var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+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 makeIconTileRadioButtonStyling_1 = __importDefault(require("./makeIconTileRadioButtonStyling"));
+var IconTileRadioButton = function (_a) {
+    var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, experimentName = _a.experimentName;
+    var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
+    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, makeIconTileRadioButtonStyling_1.default)();
+    var isSelected = id === selectedId;
+    var isTextfield = (isOtherOption && isFocused) || !!otherValue;
+    var handleClick = function () {
+        onClick({ id: id });
+        if ((0, browserAndDeviceDetection_1.isIOS)() && !otherInputRef.current && isOtherOption) {
+            (0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
+        }
+        if (otherInputRef.current) {
+            otherInputRef.current.focus();
+            if (!isSelected && otherValue) {
+                setSelectedId(id);
+            }
+            return;
+        }
+        setSelectedId(id);
+        setIsFocused(true);
+    };
+    var onOtherTextFieldChange = function (inputChangeEvent) {
+        onChange(inputChangeEvent);
+        setOtherValue(inputChangeEvent.value);
+        if (inputChangeEvent.value) {
+            setSelectedId(id);
+        }
+        else {
+            setSelectedId(undefined);
+        }
+    };
+    var handleKeyDown = function (event) {
+        if (event) {
+            onKeyDown(event);
+            if (event.key === 'Enter' && otherInputRef.current) {
+                if (!otherValue) {
+                    setSelectedId(undefined);
+                    setIsFocused(false);
+                }
+                otherInputRef.current.blur();
+            }
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (isSelected && otherInputRef.current && !(0, browserAndDeviceDetection_1.isIOS)()) {
+            otherInputRef.current.focus();
+        }
+    }, [isSelected]);
+    var handleBlur = function () {
+        if (!otherValue) {
+            setSelectedId(undefined);
+        }
+        setIsFocused(false);
+    };
+    return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, children: (0, jsx_runtime_1.jsxs)("div", { css: styles.container, children: [(0, jsx_runtime_1.jsx)("div", { css: styles.icon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, children: Icon }) }), isTextfield ? ((0, jsx_runtime_1.jsx)("div", { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "other-option-textfield", id: id, placeholder: text, onClick: handleClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
+                            enterKeyHint: 'go',
+                        }, experimentName: experimentName }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { "data-testid": "text", variant: "tileItem", experimentName: experimentName, children: text }))] }) }));
+};
+IconTileRadioButton.defaultProps = defaultProps_1.default;
+exports.default = IconTileRadioButton;
+//# sourceMappingURL=IconTileRadioButton.js.map

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

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

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

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

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

@@ -0,0 +1,211 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+var IconTileRadioButton_1 = __importDefault(require("./IconTileRadioButton"));
+var deviceSpecificHandlers = __importStar(require("../../../../Helpers/deviceSpecificHandlers"));
+var browserAndDeviceDetection = __importStar(require("../../../../Helpers/browserAndDeviceDetection"));
+var imageSrc = svgs_1.default.truck;
+describe('<IconTileRadioButton />', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should display radio button text', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', 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 call onClick function if radio button is clicked', function () {
+        var callback = jest.fn();
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', 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 () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, providerProps, getByTestId, text;
+        return __generator(this, function (_a) {
+            callback = jest.fn();
+            providerProps = { selectedId: '1', setSelectedId: function () { } };
+            getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_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;
+            text = getByTestId('text');
+            // WHEN enter is pressed
+            react_1.fireEvent.keyDown(text, { key: 'Enter', code: 'Enter' });
+            // THEN the callback is called
+            expect(callback).toHaveBeenCalled();
+            return [2 /*return*/];
+        });
+    }); });
+    it('should call blur when enter is pressed', function () {
+        var callback = jest.fn();
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        // GIVEN the other option is enabled
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_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;
+        getByTestId('text').click();
+        var textfield = getByTestId('other-option-textfield').querySelector('input[type=text]');
+        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 trigger context callback function on click', function () {
+        var callback = jest.fn();
+        var providerProps = {
+            selectedId: undefined,
+            setSelectedId: callback,
+        };
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', experimentName: "default" }) })).getByText;
+        getByText('test').click();
+        expect(callback).toHaveBeenCalled();
+    });
+    it('should call onChange when otherInput is updated', function () {
+        var callback = jest.fn();
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        // GIVEN the other option is enabled
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value", experimentName: "default" }) })).getByTestId;
+        var input = getByTestId('other-option-textfield').querySelector('input[type=text]');
+        // WHEN the input is updated
+        react_1.fireEvent.change(input, { target: { value: 'Test' } });
+        // THEN the callback is called
+        expect(callback).toHaveBeenCalledWith({
+            id: '1',
+            value: 'Test',
+        });
+        // AND the input value is updated
+        expect(input.value).toBe('Test');
+    });
+    it('should not display otherInput unless specified', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', experimentName: "default" }) })).getByTestId;
+        var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
+        expect(input).toBeNull();
+    });
+    it('should focus on OtherInput when clicked', function () {
+        var _a;
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, experimentName: "default" }) })).getByTestId;
+        getByTestId('radioButtonCardButton').click();
+        var input = getByTestId('radioButtonCardButton');
+        var currentInput = input.querySelector('input[type=text]');
+        var activeInput = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.querySelector('input[type=text]');
+        expect(currentInput).toBe(activeInput);
+    });
+    it('should select the card component when a value for the other option is entered', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, experimentName: "default" }) })).getByTestId;
+        var radioButtonCardButton = getByTestId('radioButtonCardButton');
+        radioButtonCardButton.click();
+        var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
+        react_1.fireEvent.change(input, { target: { value: 'Test' } });
+        expect(radioButtonCardButton.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 providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true, experimentName: "default" }) })).getByTestId;
+        var radioButtonCardButton = getByTestId('radioButtonCardButton');
+        expect(radioButtonCardButton.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 providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: '1', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, experimentName: "default" }) })).getByTestId;
+        var radioButtonCardButton = getByTestId('radioButtonCardButton');
+        radioButtonCardButton.click();
+        expect(radioButtonCardButton.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)(IconTileRadioButton_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)(IconTileRadioButton_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=IconTileRadioButton.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAmD;AACnD,sEAAgD;AAChD,sGAAgF;AAChF,mGAA6E;AAC7E,8EAAwD;AACxD,iGAAqF;AACrF,uGAA2F;AAE3F,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,yBAAyB,EAAE;IAClC,SAAS,CAAC;QACR,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QAC5D,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,QAAQ,EACjB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;;;YAC1C,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YACrB,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;YAE3D,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,QAAQ,EACnB,aAAa,QACb,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAXkB,CAWjB;YACI,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;YACjC,wBAAwB;YACxB,iBAAS,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;YACzD,8BAA8B;YAC9B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;SACrC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE;QAC3C,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QACnE,oCAAoC;QAC5B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,QAAQ,EACnB,aAAa,QACb,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAXkB,CAWjB;QACF,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC5B,IAAM,SAAS,GAAG,WAAW,CAAC,wBAAwB,CAAC,CAAC,aAAa,CACnE,kBAAkB,CACC,CAAC;QACtB,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAC9C,wBAAwB;QACxB,iBAAS,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9D,0BAA0B;QAC1B,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE;QACtD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG;YACpB,UAAU,EAAE,SAAS;YACrB,aAAa,EAAE,QAAQ;SACxB,CAAC;QAEM,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,UATgB,CASf;QAEF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE;QACpD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QACnE,oCAAoC;QAC5B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAC,YAAY,EAC5B,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAZkB,CAYjB;QACF,IAAM,KAAK,GAAG,WAAW,CAAC,wBAAwB,CAAC,CAAC,aAAa,CAC/D,kBAAkB,CACC,CAAC;QACtB,4BAA4B;QAC5B,iBAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;QACvD,8BAA8B;QAC9B,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC;YACpC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,MAAM;SACd,CAAC,CAAC;QACH,iCAAiC;QACjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QACnD,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YATkB,CASjB;QACF,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACnB,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;;QAC5C,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAVkB,CAUjB;QAEF,WAAW,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7C,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QAEnD,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC7D,IAAM,WAAW,GACf,MAAA,QAAQ,CAAC,aAAa,0CAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC5D,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE;QAClF,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAVkB,CAUjB;QAEF,IAAM,qBAAqB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnE,qBAAqB,CAAC,KAAK,EAAE,CAAC;QAE9B,IAAM,KAAK,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC,aAAa,CAC9D,kBAAkB,CACC,CAAC;QACtB,iBAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;QAEvD,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2HAA2H,EAAE;QAC9H,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,IAAI,EACd,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAZkB,CAYjB;QAEF,IAAM,qBAAqB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QAEnE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mHAAmH,EAAE;QACtH,IAAM,aAAa,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,cAAO,CAAC,EAAE,CAAC;QAC3D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC9C,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,KAAK,EACf,cAAc,EAAC,SAAS,GACxB,GACyB,CAC9B,YAZkB,CAYjB;QAEF,IAAM,qBAAqB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnE,qBAAqB,CAAC,KAAK,EAAE,CAAC;QAE9B,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CACnC,sBAAsB,EACtB,iBAAiB,CAClB,CAAC;QACF,IAAM,QAAQ,GAAG,IAAI;aAClB,KAAK,CAAC,yBAAyB,EAAE,OAAO,CAAC;aACzC,sBAAsB,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC,CAAC;QAE9B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,cAAc,EACpB,aAAa,QACb,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAC;QAClC,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE;QAC7D,IAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CACnC,sBAAsB,EACtB,iBAAiB,CAClB,CAAC;QACF,IAAM,QAAQ,GAAG,IAAI;aAClB,KAAK,CAAC,yBAAyB,EAAE,OAAO,CAAC;aACzC,sBAAsB,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;QAE/B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,6BAAmB,IAClB,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,cAAc,EACpB,aAAa,QACb,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAC;QAClC,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,60 @@
+"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");
+var addon_actions_1 = require("@storybook/addon-actions");
+var React = __importStar(require("react"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
+var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+var IconTileRadioButton_1 = __importDefault(require("./IconTileRadioButton"));
+var IconTileRadioButtonStory = function (_a) {
+    var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight;
+    var _b = React.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
+    var handleClick = function (_a) {
+        var id = _a.id;
+        (0, addon_actions_1.action)('Clicked')(id);
+    };
+    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)(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, setSelectedId: setSelectedId }, children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default" }) }) }) }));
+};
+exports.default = IconTileRadioButtonStory;
+//# sourceMappingURL=IconTileRadioButtonStory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,sEAA2D;AAC3D,+GAAyF;AACzF,mGAA6E;AAE7E,8EAAwD;AAaxD,IAAM,wBAAwB,GAAiC,UAAC,EAS/D;QARC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA;IAEf,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAA0C;YAAxC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB,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,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,YAC9D,uBAAC,6BAAmB,IAClB,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,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,GACxB,GACyB,GACR,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}

package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts

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

package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.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 IconTileRadioButton_1 = __importDefault(require("../../IconTileRadioButton/IconTileRadioButton"));
+var renderIconTileRadioButton = function (_a) {
+    var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue;
+    return ((0, jsx_runtime_1.jsx)(IconTileRadioButton_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, experimentName: "default" }, id));
+};
+exports.default = renderIconTileRadioButton;
+//# sourceMappingURL=renderIconTileRadioButton.js.map

package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderIconTileRadioButton.js","sourceRoot":"","sources":["../../../../../../src/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAAmD;AAEnD,sGAA+F;AAE/F,IAAM,yBAAyB,GAAG,UAAC,EAMR;QALzB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACe,OAAA,CAC9B,uBAAC,6BAAmB,IAClB,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,cAAc,EAAC,SAAS,IAJnB,EAAE,CAKP,CACH;AAV+B,CAU/B,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

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

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

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

@@ -0,0 +1,18 @@
+"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,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileRadioButton/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;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

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

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

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

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

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

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeIconTileRadioButtonStyling = function () {
+    var _a;
+    var _b = (0, react_1.useTheme)(), breakpoints = _b.breakpoints, mvf = _b.mvf;
+    var 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)((_a = {
+                marginTop: 12,
+                marginBottom: 4,
+                '& img': {
+                    height: 35,
+                }
+            },
+            _a[breakpoints.up('mobileMedium')] = {
+                '& img': {
+                    height: 39,
+                },
+            },
+            _a[breakpoints.up('mobileLarge')] = {
+                '& img': {
+                    height: 42,
+                },
+            },
+            _a[breakpoints.up('tabletSmall')] = {
+                '& img': {
+                    height: 43,
+                },
+            },
+            _a[breakpoints.up('tabletMedium')] = {
+                '& img': {
+                    height: 54,
+                },
+            },
+            _a[breakpoints.up('desktopMedium')] = {
+                '& img': {
+                    height: 65,
+                },
+            },
+            _a)),
+        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 = makeIconTileRadioButtonStyling;
+//# sourceMappingURL=makeIconTileRadioButtonStyling.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"makeIconTileRadioButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,8BAA8B,GAAG;;IAC/B,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAK,GAAG,QAAR,CAAS;IACxB,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;gBACP,SAAS,EAAE,EAAE;gBACb,YAAY,EAAE,CAAC;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;gBACjC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;gBACD;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,8BAA8B,CAAC"}

package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.d.ts

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

package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js

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

package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js.map

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

package/Experiments/CRO584/Molecules/RadioButton/RadioButton.d.ts

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