@bigbinary/neeto-form-frontend 4.2.10 → 4.3.0

package/dist/{utils-Ch7Ggngj.js → utils-CjySOwOO.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
-var index = require('./index-D4URTv1p.js');
+var index = require('./index-BQf-XQOv.js');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var libphonenumberJs = require('libphonenumber-js');
 var ramda = require('ramda');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
-var constants$1 = require('./constants-C9wKMfgo.js');
+var constants$1 = require('./constants-DcN-Mvx7.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Button = require('@bigbinary/neetoui/Button');
@@ -24,7 +24,7 @@ var yup = require('yup');
 var i18next = require('i18next');
 var jsxRuntime = require('react/jsx-runtime');
 var _toArray = require('@babel/runtime/helpers/toArray');
-var constants = require('./constants-BjWWA3Oq.js');
+var constants = require('./constants-BEKfDeAd.js');
 var classnames = require('classnames');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Refresh = require('@bigbinary/neeto-icons/Refresh');
@@ -292,7 +292,7 @@ var getMultipleOptionsFromURL = function getMultipleOptionsFromURL(_ref2) {
     return allOptions.includes(option.label);
   });
 };
-var getStarRatingFromUrl = function getStarRatingFromUrl(_ref3) {
+var getStarRatingOrOpinionScaleFromUrl = function getStarRatingOrOpinionScaleFromUrl(_ref3) {
   var minValue = _ref3.minValue,
     maxValue = _ref3.maxValue,
     fieldCodes = _ref3.fieldCodes,
@@ -485,9 +485,10 @@ var generateInitValues = function generateInitValues(_ref9) {
           return;
         }
       case constants.QUESTION_KIND.STAR_RATING.value:
+      case constants.QUESTION_KIND.OPINION_SCALE.value:
         {
           var _valuesMap$id$value4, _valuesMap7;
-          initValues[id] = (_valuesMap$id$value4 = (_valuesMap7 = valuesMap) === null || _valuesMap7 === void 0 || (_valuesMap7 = _valuesMap7[id]) === null || _valuesMap7 === void 0 ? void 0 : _valuesMap7.value) !== null && _valuesMap$id$value4 !== void 0 ? _valuesMap$id$value4 : getStarRatingFromUrl({
+          initValues[id] = (_valuesMap$id$value4 = (_valuesMap7 = valuesMap) === null || _valuesMap7 === void 0 || (_valuesMap7 = _valuesMap7[id]) === null || _valuesMap7 === void 0 ? void 0 : _valuesMap7.value) !== null && _valuesMap$id$value4 !== void 0 ? _valuesMap$id$value4 : getStarRatingOrOpinionScaleFromUrl({
             minValue: minValue,
             maxValue: maxValue,
             fieldCodes: fieldCodes,
@@ -715,19 +716,28 @@ var validateStarRatingField = function validateStarRatingField(_ref8) {
   }
   return schema.trim();
 };
-var validateTermsField = function validateTermsField(_ref9) {
-  var _ref9$isRequired = _ref9.isRequired,
-    isRequired = _ref9$isRequired === void 0 ? true : _ref9$isRequired;
-  return isRequired ? yup__namespace["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup__namespace["boolean"]().notRequired();
+var validateOpinionScaleField = function validateOpinionScaleField(_ref9) {
+  var label = _ref9.label,
+    isRequired = _ref9.isRequired;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) {
+    schema = schema.required(getSelectMinError(t("neetoForm.common.selection")));
+  }
+  return schema.trim();
 };
-var validateConditionField = function validateConditionField(_ref10) {
+var validateTermsField = function validateTermsField(_ref10) {
   var _ref10$isRequired = _ref10.isRequired,
     isRequired = _ref10$isRequired === void 0 ? true : _ref10$isRequired;
+  return isRequired ? yup__namespace["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup__namespace["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref11) {
+  var _ref11$isRequired = _ref11.isRequired,
+    isRequired = _ref11$isRequired === void 0 ? true : _ref11$isRequired;
   return isRequired ? yup__namespace["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptCondition")) : yup__namespace["boolean"]().notRequired();
 };
-var validateDateField = function validateDateField(_ref11) {
-  var label = _ref11.label,
-    isRequired = _ref11.isRequired;
+var validateDateField = function validateDateField(_ref12) {
+  var label = _ref12.label,
+    isRequired = _ref12.isRequired;
   var schema = yup__namespace.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
     return neetoCist.isNotPresent(value) || isValidDate(value);
   });
@@ -736,8 +746,8 @@ var validateDateField = function validateDateField(_ref11) {
   }
   return schema;
 };
-var validateMultiEmailField = function validateMultiEmailField(_ref12) {
-  var isRequired = _ref12.isRequired;
+var validateMultiEmailField = function validateMultiEmailField(_ref13) {
+  var isRequired = _ref13.isRequired;
   var schema = yup__namespace.array().of(yup__namespace.object().shape({
     value: yup__namespace.string().email(getInvalidFieldError("Email")).trim()
   })).nullable();
@@ -749,17 +759,17 @@ var validateMultiEmailField = function validateMultiEmailField(_ref12) {
 var editorHasValue = function editorHasValue(content) {
   return !utils$1.isEditorEmpty(content);
 };
-var validateRichTextField = function validateRichTextField(_ref13) {
-  var isRequired = _ref13.isRequired;
+var validateRichTextField = function validateRichTextField(_ref14) {
+  var isRequired = _ref14.isRequired;
   var schema = yup__namespace.string();
   if (isRequired) {
     schema = schema.test("required", getRequiredFieldError("content"), editorHasValue);
   }
   return schema.trim();
 };
-var validateFileUploadField = function validateFileUploadField(_ref14) {
-  var isRequired = _ref14.isRequired,
-    multipleFilesAllowed = _ref14.multipleFilesAllowed;
+var validateFileUploadField = function validateFileUploadField(_ref15) {
+  var isRequired = _ref15.isRequired,
+    multipleFilesAllowed = _ref15.multipleFilesAllowed;
   var files_schema = yup__namespace.array();
   if (isRequired) {
     files_schema = files_schema.of(yup__namespace.object().shape({
@@ -772,19 +782,19 @@ var validateFileUploadField = function validateFileUploadField(_ref14) {
     files: files_schema
   });
 };
-var validateCaptchaField = function validateCaptchaField(_ref15) {
-  var variant = _ref15.variant;
+var validateCaptchaField = function validateCaptchaField(_ref16) {
+  var variant = _ref16.variant;
   return variant === constants$1.CAPTCHA_TYPES.MATH_CAPTCHA ? yup__namespace.mixed().test("verification failed", t("neetoForm.error.captchaVerificationFailed"), function (value) {
     return neetoCist.isNotPresent(value) || value;
   }).transform(function (value) {
     return value === "" ? null : value;
   }).required(t("neetoForm.error.incompleteCaptcha")) : yup__namespace.string().trim().required(t("neetoForm.error.incompleteCaptcha"));
 };
-var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, constants.QUESTION_KIND.EMAIL.value, validateEmailField), constants.QUESTION_KIND.NAME.value, validateNameField), constants.QUESTION_KIND.PHONE.value, validateTextField), constants.QUESTION_KIND.TEXT.value, validateTextField), constants.QUESTION_KIND.QUESTION.value, validateTextField), constants.QUESTION_KIND.TEXTAREA.value, validateTextField), constants.QUESTION_KIND.DECIMAL.value, validateTextField), constants.QUESTION_KIND.INTEGER.value, validateTextField), constants.QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), constants.QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, constants.QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), constants.QUESTION_KIND.RATING.value, validateRatingField), constants.QUESTION_KIND.TERMS.value, validateTermsField), constants.QUESTION_KIND.DATE.value, validateDateField), constants.QUESTION_KIND.STAR_RATING.value, validateStarRatingField), constants.QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), constants.QUESTION_KIND.RICH_TEXT.value, validateRichTextField), constants.QUESTION_KIND.CONDITION.value, validateConditionField), constants.QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), constants.QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _defineProperty(_fieldKindValidatorMa, constants.QUESTION_KIND.SMS_REMINDER.value, validateTextField));
-var validateFieldValue = function validateFieldValue(_ref16) {
-  var kind = _ref16.kind,
-    customValidator = _ref16.customValidator,
-    otherProps = _objectWithoutProperties(_ref16, _excluded$4);
+var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, constants.QUESTION_KIND.EMAIL.value, validateEmailField), constants.QUESTION_KIND.NAME.value, validateNameField), constants.QUESTION_KIND.PHONE.value, validateTextField), constants.QUESTION_KIND.TEXT.value, validateTextField), constants.QUESTION_KIND.QUESTION.value, validateTextField), constants.QUESTION_KIND.TEXTAREA.value, validateTextField), constants.QUESTION_KIND.DECIMAL.value, validateTextField), constants.QUESTION_KIND.INTEGER.value, validateTextField), constants.QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), constants.QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, constants.QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), constants.QUESTION_KIND.RATING.value, validateRatingField), constants.QUESTION_KIND.TERMS.value, validateTermsField), constants.QUESTION_KIND.DATE.value, validateDateField), constants.QUESTION_KIND.STAR_RATING.value, validateStarRatingField), constants.QUESTION_KIND.OPINION_SCALE.value, validateOpinionScaleField), constants.QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), constants.QUESTION_KIND.RICH_TEXT.value, validateRichTextField), constants.QUESTION_KIND.CONDITION.value, validateConditionField), constants.QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty(_defineProperty(_fieldKindValidatorMa, constants.QUESTION_KIND.CAPTCHA.value, validateCaptchaField), constants.QUESTION_KIND.SMS_REMINDER.value, validateTextField));
+var validateFieldValue = function validateFieldValue(_ref17) {
+  var kind = _ref17.kind,
+    customValidator = _ref17.customValidator,
+    otherProps = _objectWithoutProperties(_ref17, _excluded$4);
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
@@ -794,7 +804,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
 
     // eslint-disable-next-line consistent-return, no-async-promise-executor
     return new Promise(/*#__PURE__*/function () {
-      var _ref17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
+      var _ref18 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -816,7 +826,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref17.apply(this, arguments);
+        return _ref18.apply(this, arguments);
       };
     }());
   };
@@ -850,7 +860,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
 
     // eslint-disable-next-line no-async-promise-executor
     return new Promise(/*#__PURE__*/function () {
-      var _ref18 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
+      var _ref19 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -874,7 +884,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
         }, _callee2, null, [[0, 6]]);
       }));
       return function (_x2) {
-        return _ref18.apply(this, arguments);
+        return _ref19.apply(this, arguments);
       };
     }());
   };
@@ -1747,6 +1757,111 @@ var NameField = function NameField(props) {
   }));
 };
 
+var OpinionScaleField = function OpinionScaleField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    minValue = question.minValue,
+    maxValue = question.maxValue,
+    isReadOnly = question.isReadOnly,
+    hasOpinionLabels = question.hasOpinionLabels;
+  var label = index.fieldWithFallback(question, "label");
+  var leftOpinionLabel = index.fieldWithFallback(question, "leftOpinionLabel");
+  var rightOpinionLabel = index.fieldWithFallback(question, "rightOpinionLabel");
+  var _useField = formik.useField({
+      name: name,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    error = _useField2$.error,
+    touched = _useField2$.touched,
+    setValue = _useField2[2].setValue;
+  var handleClick = function handleClick(event, index) {
+    if (index !== parseInt(field.value)) return;
+    event.preventDefault();
+    setValue("");
+  };
+  var opinionScaleOptions = constants.generateArray(minValue, maxValue);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-opinion-scale",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "opinion-scale-input-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-nano-opinion-scale",
+      "data-testid": "form-opinion-scale",
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-form-nano-opinion-scale__group",
+        children: [hasOpinionLabels && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap neeto-form-nano-opinion-scale__labels-wrap-mobile",
+          children: /*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label",
+            "data-testid": "opinion-scale-left-label",
+            children: leftOpinionLabel
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("ul", {
+          className: "neeto-form-nano-opinion-scale__list",
+          "data-testid": "opinion-scale-list",
+          children: opinionScaleOptions.map(function (step) {
+            return /*#__PURE__*/jsxRuntime.jsx("li", {
+              className: "neeto-form-nano-opinion-scale__item",
+              "data-testid": "opinion-scale-list-item",
+              children: /*#__PURE__*/jsxRuntime.jsxs("label", {
+                className: "neeto-form-nano-opinion-scale__item-label",
+                "data-testid": "opinion-scale-label",
+                onClick: function onClick(event) {
+                  return handleClick(event, step);
+                },
+                children: [/*#__PURE__*/jsxRuntime.jsx(formik.Field, {
+                  name: name,
+                  checked: parseInt(field.value) === step,
+                  className: "neeto-form-nano-sr-only neeto-form-nano-opinion-scale__item-input",
+                  "data-testid": "opinion-scale-input-".concat(step),
+                  disabled: isReadOnly,
+                  type: "radio",
+                  value: step
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "neeto-form-nano-opinion-scale__item-highlight",
+                  "data-testid": "opinion-scale-item-".concat(step),
+                  children: step
+                })]
+              })
+            }, step);
+          })
+        }), hasOpinionLabels && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap",
+          children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label neeto-form-nano-opinion-scale__label--start",
+            "data-testid": "opinion-scale-left-label",
+            children: leftOpinionLabel
+          }), /*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label neeto-form-nano-opinion-scale__label--end",
+            "data-testid": "opinion-scale-right-label",
+            children: rightOpinionLabel
+          })]
+        })]
+      })
+    }), touched && error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-opinion-scale-error",
+      children: error
+    })]
+  });
+};
+
 var ChoiceImage = function ChoiceImage(_ref) {
   var src = _ref.src,
     alt = _ref.alt,
@@ -2390,7 +2505,7 @@ var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_de
   return /*#__PURE__*/jsxRuntime.jsx(EditorContent, {
     content: index.fieldWithFallback(question, "label", true)
   });
-}), constants.QUESTION_KIND.TERMS.value, TermsField), constants.QUESTION_KIND.DATE.value, DateField), constants.QUESTION_KIND.STAR_RATING.value, StarRatingField), constants.QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), constants.QUESTION_KIND.RICH_TEXT.value, RichTextEditor), constants.QUESTION_KIND.CONDITION.value, ConditionField), constants.QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, constants.QUESTION_KIND.CAPTCHA.value, CaptchaField), constants.QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField));
+}), constants.QUESTION_KIND.TERMS.value, TermsField), constants.QUESTION_KIND.DATE.value, DateField), constants.QUESTION_KIND.STAR_RATING.value, StarRatingField), constants.QUESTION_KIND.OPINION_SCALE.value, OpinionScaleField), constants.QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), constants.QUESTION_KIND.RICH_TEXT.value, RichTextEditor), constants.QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, constants.QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), constants.QUESTION_KIND.CAPTCHA.value, CaptchaField), constants.QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField));
 var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, constants$1.CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), constants$1.CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha);
 
 var getFieldComponent = function getFieldComponent(_ref) {
@@ -2431,4 +2546,4 @@ exports.getFieldComponent = getFieldComponent;
 exports.getWithExpiry = getWithExpiry;
 exports.mergeRefs = mergeRefs;
 exports.renderButtonsInOrder = renderButtonsInOrder;
-//# sourceMappingURL=utils-Ch7Ggngj.js.map
+//# sourceMappingURL=utils-CjySOwOO.js.map