@mvf/external-components 3.20.2 → 3.21.0

package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js

@@ -0,0 +1,57 @@
+"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;
+    };
+})();
+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, { 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/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessageProvider.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/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,IAAC,KAAK,EAAE,EAAE,YAAY,cAAA,EAAE,YACvD,QAAQ,GACyB,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,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,8BAA8B,EAAE,CAAC;YAC1C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;QACrC,CAAC;QACD,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B;AAEF,kBAAe,oBAAoB,CAAC"}

package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.d.ts

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

package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js

@@ -0,0 +1,74 @@
+"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 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, { 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/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/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,IACnB,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,YAExB,uBAAC,qBAAqB,KAAG,GACJ,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/CRO584/Atoms/ErrorMessageProvider/index.d.ts

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

package/Experiments/CRO584/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/CRO584/Atoms/ErrorMessageProvider/index.js.map

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

package/Experiments/CRO584/Atoms/FormControl/FormControl.d.ts

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

package/Experiments/CRO584/Atoms/FormControl/FormControl.js

@@ -0,0 +1,39 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
+var FormControl = function (_a) {
+    var children = _a.children, error = _a.error, experimentName = _a.experimentName, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, otherProps = __rest(_a, ["children", "error", "experimentName", "isAutoFilledActive", "isSafari"]);
+    return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) }, otherProps, { children: children })));
+};
+FormControl.defaultProps = defaultProps_1.default;
+exports.default = FormControl;
+//# sourceMappingURL=FormControl.js.map

package/Experiments/CRO584/Atoms/FormControl/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAOrC;IANC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,UAAU,cANuB,yEAOrC,CADc;IAEb,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,IACxD,UAAU,cAEb,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/Experiments/CRO584/Atoms/FormControl/FormControl.test.d.ts

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

package/Experiments/CRO584/Atoms/FormControl/FormControl.test.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 renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Input_1 = __importDefault(require("../Input"));
+var FormControl_1 = __importDefault(require("./FormControl"));
+describe('FormControl', function () {
+    it('should display validity icon on child elements on error', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: true, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true, experimentName: "default" }) })).getByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+    });
+    it('should display validity icon on child elements validation success', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: false, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", isAnswered: true, experimentName: "default" }) })).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=FormControl.test.js.map

package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,YAChD,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,GAC1C,CACf,YAJkB,CAIjB;QAEF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAC9D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,YACjD,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,GAC/C,CACf,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO584/Atoms/FormControl/FormControlStory.d.ts

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

package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js

@@ -0,0 +1,15 @@
+"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 Input_1 = __importDefault(require("../Input"));
+var InputLabel_1 = __importDefault(require("../InputLabel"));
+var FormControl_1 = __importDefault(require("./FormControl"));
+var FormControlStory = function (_a) {
+    var error = _a.error, parentContainerWidth = _a.parentContainerWidth;
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, experimentName: "default", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "my-input", experimentName: "default", children: "Email address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", error: error, experimentName: "default" })] }) }));
+};
+exports.default = FormControlStory;
+//# sourceMappingURL=FormControlStory.js.map

package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/FormControlStory.tsx"],"names":[],"mappings":";;;;;;AACA,mDAA6B;AAC7B,6DAAuC;AACvC,8DAAwC;AAOxC,IAAM,gBAAgB,GAAc,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,oBAAoB,0BAAA;IAAO,OAAA,CACvE,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YACzC,wBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,aACjD,uBAAC,oBAAU,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,SAAS,8BAE1C,EACb,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,GAAG,IAClD,GACV,CACP;AATwE,CASxE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.d.ts

@@ -0,0 +1,6 @@
+interface IFormControlProps {
+    error?: boolean;
+    isAutoFilledActive?: boolean;
+    isSafari?: boolean;
+}
+export default IFormControlProps;

package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js

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

package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js.map

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

package/Experiments/CRO584/Atoms/FormControl/defaultProps.d.ts

@@ -0,0 +1,2 @@
+declare const defaultProps: {};
+export default defaultProps;

package/Experiments/CRO584/Atoms/FormControl/defaultProps.js

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

package/Experiments/CRO584/Atoms/FormControl/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG,EAAE,CAAC;AAExB,kBAAe,YAAY,CAAC"}

package/Experiments/CRO584/Atoms/FormControl/index.d.ts

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

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

package/Experiments/CRO584/Atoms/FormControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}

package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.d.ts

@@ -0,0 +1,5 @@
+declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, }: {
+    isAutoFilledActive: boolean;
+    isSafari: boolean;
+}) => import("@emotion/react").SerializedStyles;
+export default makeFormControlStyles;

package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js

@@ -0,0 +1,57 @@
+"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 makeFormControlStyles = function (_a) {
+    var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari;
+    var theme = (0, react_1.useTheme)();
+    var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
+    return (0, react_1.css)(__assign({ '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
+            padding: '28px 55px 11px 0',
+            paddingLeft: theme.mvf.spacing.medium,
+        }, '& .MuiInputBase-root .MuiInputAdornment-root + input': {
+            paddingLeft: 0,
+        }, '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
+            padding: '28px 55px 11px 0',
+            paddingLeft: theme.mvf.spacing.medium,
+        }, '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
+            paddingLeft: 0,
+        }, '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
+            marginTop: '16px',
+        }, '& .MuiFormLabel-root': {
+            lineHeight: 1.6,
+        }, '& .MuiFormHelperText-root': {
+            marginTop: theme.mvf.spacing.small,
+            paddingLeft: theme.mvf.spacing.medium,
+            fontSize: theme.mvf.fontSize.small,
+        }, '& .MuiSelect-icon': {
+            right: theme.mvf.spacing.medium,
+        }, '@supports (selector(:has(*)))': {
+            '& .MuiInputBase-root:has(input:-webkit-autofill)': {
+                backgroundColor: "".concat(autofillColor),
+            },
+        }, '@supports not (selector(:has(*)))': {
+            '& input:-webkit-autofill': {
+                backgroundColor: "".concat(autofillColor),
+            },
+            '& input:-webkit-autofill::first-line': {
+                backgroundColor: "".concat(autofillColor),
+            },
+        } }, (isAutoFilledActive && {
+        '& .MuiInputBase-root': {
+            backgroundColor: autofillColor,
+        },
+    })));
+};
+exports.default = makeFormControlStyles;
+//# sourceMappingURL=makeFormControlStyles.js.map

package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG,UAAC,EAM9B;QALC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA;IAKR,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7E,OAAO,IAAA,WAAG,aACR,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf,EACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf,EACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB,EACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB,EACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,EACD,+BAA+B,EAAE;YAC/B,kDAAkD,EAAE;gBAClD,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;SACF,EACD,mCAAmC,EAAE;YACnC,0BAA0B,EAAE;gBAC1B,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;YACD,sCAAsC,EAAE;gBACtC,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;SACF,IACE,CAAC,kBAAkB,IAAI;QACxB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Experiments/CRO584/Atoms/Input/IInputProps.d.ts

@@ -0,0 +1,26 @@
+import { MouseEventHandler } from 'react';
+export interface IInputCallbackParams {
+    id: string;
+    value: string;
+}
+interface IInputProps {
+    disabled: boolean;
+    error?: boolean;
+    type: string;
+    iconType?: 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state' | 'locationService';
+    id: string;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    inputRef?: React.Ref<HTMLInputElement>;
+    isAnswered: boolean;
+    isAutoFilledActive: boolean;
+    isOtherOption?: boolean;
+    isSafari: boolean;
+    rows?: number;
+    multiline?: boolean;
+    onBlur: () => void;
+    onChange: (item: IInputCallbackParams) => void;
+    onClick: MouseEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    value: string;
+}
+export default IInputProps;

package/Experiments/CRO584/Atoms/Input/IInputProps.js

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

package/Experiments/CRO584/Atoms/Input/IInputProps.js.map

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

package/Experiments/CRO584/Atoms/Input/Input.d.ts

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

package/Experiments/CRO584/Atoms/Input/Input.js

@@ -0,0 +1,103 @@
+"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 () {
+    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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var InputBase_1 = __importDefault(require("@mui/material/InputBase"));
+var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
+var react_1 = __importStar(require("react"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var icons_1 = __importDefault(require("./icons"));
+var makeInputStyles_1 = __importDefault(require("./makeInputStyles"));
+var Input = function (_a) {
+    var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, isOtherOption = _a.isOtherOption, multiline = _a.multiline, placeholder = _a.placeholder, rows = _a.rows, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, experimentName = _a.experimentName, otherProps = __rest(_a, ["error", "iconType", "id", "isAnswered", "isAutoFilledActive", "isSafari", "isOtherOption", "multiline", "placeholder", "rows", "onChange", "value", "disabled", "experimentName"]);
+    var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
+    (0, react_1.useEffect)(function () {
+        setCurrentValue(value);
+    }, [value]);
+    var isValid = error === true ? false : isAnswered;
+    var endAdornment;
+    var styles = (0, makeInputStyles_1.default)({
+        isAnswered: isAnswered,
+        isOtherOption: isOtherOption,
+        isAutoFilledActive: isAutoFilledActive,
+        isSafari: isSafari,
+        error: error === true,
+    });
+    if ((isValid || error) && multiline !== true) {
+        var validationIconType = isValid ? 'valid' : 'invalid';
+        var ValidationIconComponent = icons_1.default[validationIconType];
+        endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.adornmentEnd, children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { viewBox: "2 2 20 20", css: styles.validationIcon }) }));
+    }
+    var startAdornment;
+    if (iconType) {
+        var IconComponent = icons_1.default[iconType];
+        startAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { css: styles.adornmentStart, position: "start", "data-testid": "startAdornment", children: (0, jsx_runtime_1.jsx)(IconComponent, {}) }));
+    }
+    var handleChange = function (e) {
+        var newValue = e.target.value;
+        onChange({ id: id, value: newValue });
+        setCurrentValue(newValue);
+    };
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.default, __assign({ id: id, placeholder: placeholder, css: styles.input, endAdornment: endAdornment, multiline: multiline, onChange: handleChange, startAdornment: startAdornment, value: currentValue, rows: rows, disabled: disabled }, otherProps)));
+};
+Input.defaultProps = defaultProps_1.default;
+exports.default = Input;
+//# sourceMappingURL=Input.js.map

package/Experiments/CRO584/Atoms/Input/Input.js.map

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

package/Experiments/CRO584/Atoms/Input/Input.test.d.ts

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