@bigbinary/neeto-form-frontend 4.2.11 → 4.3.0

package/dist/{utils-Dn-q4QBc.js → utils-BgH6USlj.js}

@@ -1,13 +1,13 @@
 import { useEffect, useState, useImperativeHandle, memo, Fragment as Fragment$1 } from 'react';
 import { useFormikContext, useField, Field as Field$1, FastField } from 'formik';
 import { isPresent, isNotEmpty, findBy, filterBy, findById, isNotPresent, getRandomInt, randomPick, noop, hyphenate, slugify, notEqualsDeep } from '@bigbinary/neeto-cist';
-import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-DnHrq-hl.js';
+import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-DGvqFcqA.js';
 import { dayjs, getFromLocalStorage, setToLocalStorage, removeFromLocalStorage, withEventTargetValue, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { parsePhoneNumber } from 'libphonenumber-js';
 import { pick, mergeRight, omit, isEmpty, max, when, is, last, includes, __, mergeLeft, trim, isNil, clamp, prop, map, zipObj, identity, pluck, pipe, toLower, reject, values, dec, equals } from 'ramda';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import EditorContent from '@bigbinary/neeto-editor/EditorContent';
-import { Q as QUESTION_TYPES, C as CAPTCHA_TYPES, E as EMAIL_VERIFICATIONS_CREATE_URL, j as EMAIL_VERIFICATIONS_VERIFY_URL } from './constants-51SEJjzI.js';
+import { Q as QUESTION_TYPES, C as CAPTCHA_TYPES, E as EMAIL_VERIFICATIONS_CREATE_URL, j as EMAIL_VERIFICATIONS_VERIFY_URL } from './constants-B_OEW8Yc.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Button from '@bigbinary/neetoui/Button';
@@ -22,7 +22,7 @@ import * as yup from 'yup';
 import i18next from 'i18next';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _toArray from '@babel/runtime/helpers/toArray';
-import { a as QUESTION_KIND, P as PARENTHESES_REGEX, E as EMAIL_REGEX, R as RATING_VALUES, S as SCHEMA_LESS_QUESTION_KINDS, c as SIX_DIGIT_NUMBER_REGEX, d as LABEL_FIELDS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, e as RATING_OPTIONS, I as ICONS_MAP, g as generateArray } from './constants-QPLZ_r-D.js';
+import { a as QUESTION_KIND, P as PARENTHESES_REGEX, E as EMAIL_REGEX, R as RATING_VALUES, S as SCHEMA_LESS_QUESTION_KINDS, c as SIX_DIGIT_NUMBER_REGEX, d as LABEL_FIELDS, g as generateArray, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, e as RATING_OPTIONS, I as ICONS_MAP } from './constants-Dcy0vCkf.js';
 import classnames from 'classnames';
 import { useUpdateEffect, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Refresh from '@bigbinary/neeto-icons/Refresh';
@@ -271,7 +271,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,
@@ -464,9 +464,10 @@ var generateInitValues = function generateInitValues(_ref9) {
           return;
         }
       case QUESTION_KIND.STAR_RATING.value:
+      case 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,
@@ -694,19 +695,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["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+var validateOpinionScaleField = function validateOpinionScaleField(_ref9) {
+  var label = _ref9.label,
+    isRequired = _ref9.isRequired;
+  var schema = yup.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["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref11) {
+  var _ref11$isRequired = _ref11.isRequired,
+    isRequired = _ref11$isRequired === void 0 ? true : _ref11$isRequired;
   return isRequired ? yup["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptCondition")) : yup["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.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
     return isNotPresent(value) || isValidDate(value);
   });
@@ -715,8 +725,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.array().of(yup.object().shape({
     value: yup.string().email(getInvalidFieldError("Email")).trim()
   })).nullable();
@@ -728,17 +738,17 @@ var validateMultiEmailField = function validateMultiEmailField(_ref12) {
 var editorHasValue = function editorHasValue(content) {
   return !isEditorEmpty(content);
 };
-var validateRichTextField = function validateRichTextField(_ref13) {
-  var isRequired = _ref13.isRequired;
+var validateRichTextField = function validateRichTextField(_ref14) {
+  var isRequired = _ref14.isRequired;
   var schema = yup.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.array();
   if (isRequired) {
     files_schema = files_schema.of(yup.object().shape({
@@ -751,19 +761,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 === CAPTCHA_TYPES.MATH_CAPTCHA ? yup.mixed().test("verification failed", t("neetoForm.error.captchaVerificationFailed"), function (value) {
     return isNotPresent(value) || value;
   }).transform(function (value) {
     return value === "" ? null : value;
   }).required(t("neetoForm.error.incompleteCaptcha")) : yup.string().trim().required(t("neetoForm.error.incompleteCaptcha"));
 };
-var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), QUESTION_KIND.NAME.value, validateNameField), QUESTION_KIND.PHONE.value, validateTextField), QUESTION_KIND.TEXT.value, validateTextField), QUESTION_KIND.QUESTION.value, validateTextField), QUESTION_KIND.TEXTAREA.value, validateTextField), QUESTION_KIND.DECIMAL.value, validateTextField), QUESTION_KIND.INTEGER.value, validateTextField), QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), QUESTION_KIND.RATING.value, validateRatingField), QUESTION_KIND.TERMS.value, validateTermsField), QUESTION_KIND.DATE.value, validateDateField), QUESTION_KIND.STAR_RATING.value, validateStarRatingField), QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), QUESTION_KIND.RICH_TEXT.value, validateRichTextField), QUESTION_KIND.CONDITION.value, validateConditionField), QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _defineProperty(_fieldKindValidatorMa, 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, QUESTION_KIND.EMAIL.value, validateEmailField), QUESTION_KIND.NAME.value, validateNameField), QUESTION_KIND.PHONE.value, validateTextField), QUESTION_KIND.TEXT.value, validateTextField), QUESTION_KIND.QUESTION.value, validateTextField), QUESTION_KIND.TEXTAREA.value, validateTextField), QUESTION_KIND.DECIMAL.value, validateTextField), QUESTION_KIND.INTEGER.value, validateTextField), QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), QUESTION_KIND.RATING.value, validateRatingField), QUESTION_KIND.TERMS.value, validateTermsField), QUESTION_KIND.DATE.value, validateDateField), QUESTION_KIND.STAR_RATING.value, validateStarRatingField), QUESTION_KIND.OPINION_SCALE.value, validateOpinionScaleField), QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), QUESTION_KIND.RICH_TEXT.value, validateRichTextField), QUESTION_KIND.CONDITION.value, validateConditionField), QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), 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];
@@ -773,7 +783,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:
@@ -795,7 +805,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref17.apply(this, arguments);
+        return _ref18.apply(this, arguments);
       };
     }());
   };
@@ -829,7 +839,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:
@@ -853,7 +863,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
         }, _callee2, null, [[0, 6]]);
       }));
       return function (_x2) {
-        return _ref18.apply(this, arguments);
+        return _ref19.apply(this, arguments);
       };
     }());
   };
@@ -1726,6 +1736,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 = fieldWithFallback(question, "label");
+  var leftOpinionLabel = fieldWithFallback(question, "leftOpinionLabel");
+  var rightOpinionLabel = fieldWithFallback(question, "rightOpinionLabel");
+  var _useField = 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 = generateArray(minValue, maxValue);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-opinion-scale",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "opinion-scale-input-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-nano-opinion-scale",
+      "data-testid": "form-opinion-scale",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "neeto-form-nano-opinion-scale__group",
+        children: [hasOpinionLabels && /*#__PURE__*/jsx("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap neeto-form-nano-opinion-scale__labels-wrap-mobile",
+          children: /*#__PURE__*/jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label",
+            "data-testid": "opinion-scale-left-label",
+            children: leftOpinionLabel
+          })
+        }), /*#__PURE__*/jsx("ul", {
+          className: "neeto-form-nano-opinion-scale__list",
+          "data-testid": "opinion-scale-list",
+          children: opinionScaleOptions.map(function (step) {
+            return /*#__PURE__*/jsx("li", {
+              className: "neeto-form-nano-opinion-scale__item",
+              "data-testid": "opinion-scale-list-item",
+              children: /*#__PURE__*/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__*/jsx(Field$1, {
+                  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__*/jsx("span", {
+                  className: "neeto-form-nano-opinion-scale__item-highlight",
+                  "data-testid": "opinion-scale-item-".concat(step),
+                  children: step
+                })]
+              })
+            }, step);
+          })
+        }), hasOpinionLabels && /*#__PURE__*/jsxs("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap",
+          children: [/*#__PURE__*/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__*/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__*/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,
@@ -2369,7 +2484,7 @@ var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_de
   return /*#__PURE__*/jsx(EditorContent, {
     content: fieldWithFallback(question, "label", true)
   });
-}), QUESTION_KIND.TERMS.value, TermsField), QUESTION_KIND.DATE.value, DateField), QUESTION_KIND.STAR_RATING.value, StarRatingField), QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), QUESTION_KIND.RICH_TEXT.value, RichTextEditor), QUESTION_KIND.CONDITION.value, ConditionField), QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField));
+}), QUESTION_KIND.TERMS.value, TermsField), QUESTION_KIND.DATE.value, DateField), QUESTION_KIND.STAR_RATING.value, StarRatingField), QUESTION_KIND.OPINION_SCALE.value, OpinionScaleField), QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), QUESTION_KIND.RICH_TEXT.value, RichTextEditor), QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField));
 var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha);
 
 var getFieldComponent = function getFieldComponent(_ref) {
@@ -2400,4 +2515,4 @@ var containsIgnoreCase = function containsIgnoreCase(string, substring) {
 };
 
 export { FormikWrap as F, getFieldComponent as a, buildAutoCompleteAttribute as b, clientI18nInstance as c, getWithExpiry as d, clearEmailVerificationDetails as e, generateFormResponse as f, generateInitValues as g, clearLocalStorageValues as h, mergeRefs as m, renderButtonsInOrder as r };
-//# sourceMappingURL=utils-Dn-q4QBc.js.map
+//# sourceMappingURL=utils-BgH6USlj.js.map