@bigbinary/neeto-form-frontend 1.0.44 → 1.0.45

package/dist/index.js

@@ -1,14 +1,14 @@
 import * as React$2 from 'react';
-import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState, createContext, createElement, Fragment, forwardRef, useCallback as useCallback$1, Component } from 'react';
+import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState, createContext, createElement, Fragment, forwardRef, useCallback as useCallback$1, Component, memo } from 'react';
 import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field, FastField } from 'formik';
 import { noop as noop$5, findBy, removeBy, isPresent, findById } from '@bigbinary/neeto-commons-frontend/pure';
 import PageLoader from 'neetomolecules/PageLoader';
-import { Toastr, Typography, Dropdown as Dropdown$2, Button as Button$1, Label, Alert, Spinner as Spinner$1 } from '@bigbinary/neetoui';
+import { Toastr, Typography, Dropdown as Dropdown$2, Button as Button$1, Label, Alert, Spinner as Spinner$2 } from '@bigbinary/neetoui';
 import { assoc, prop, path, isEmpty, reject, omit, insert, compose as compose$1, trim as trim$1, either, isNil, values as values$1, equals, not, pluck, mergeLeft, times } from 'ramda';
 import ReactDOM, { unstable_batchedUpdates as unstable_batchedUpdates$1, createPortal } from 'react-dom';
-import { Input as Input$2, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$3, Smiley, Checkbox as Checkbox$1, Calendar, Check, Close } from '@bigbinary/neeto-icons';
+import { Input as Input$2, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Checkbox as Checkbox$1, Calendar, Check, Close } from '@bigbinary/neeto-icons';
 import axios from 'axios';
-import { Input as Input$3, Textarea as Textarea$1, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
+import { Input as Input$3, Textarea as Textarea$2, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
 import { withImmutableActions } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import classnames from 'classnames';
@@ -6406,7 +6406,7 @@ var _excluded$n = ["size"],
   _excluded5 = ["size"];
 function cov_3ymiqznmu() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/Common/StarRatingIcons.jsx";
-  var hash = "8f12d88a7478ef37b67b0c8e4445cc39069644bb";
+  var hash = "f4b29b283fd872c4616470d709f8f141dd8337fd";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -6541,6 +6541,56 @@ function cov_3ymiqznmu() {
           line: 137,
           column: 8
         }
+      },
+      "13": {
+        start: {
+          line: 140,
+          column: 21
+        },
+        end: {
+          line: 140,
+          column: 37
+        }
+      },
+      "14": {
+        start: {
+          line: 141,
+          column: 22
+        },
+        end: {
+          line: 141,
+          column: 39
+        }
+      },
+      "15": {
+        start: {
+          line: 142,
+          column: 20
+        },
+        end: {
+          line: 142,
+          column: 35
+        }
+      },
+      "16": {
+        start: {
+          line: 143,
+          column: 22
+        },
+        end: {
+          line: 143,
+          column: 39
+        }
+      },
+      "17": {
+        start: {
+          line: 144,
+          column: 23
+        },
+        end: {
+          line: 144,
+          column: 41
+        }
       }
     },
     fnMap: {
@@ -6800,7 +6850,12 @@ function cov_3ymiqznmu() {
       "9": 0,
       "10": 0,
       "11": 0,
-      "12": 0
+      "12": 0,
+      "13": 0,
+      "14": 0,
+      "15": 0,
+      "16": 0,
+      "17": 0
     },
     f: {
       "0": 0,
@@ -6817,7 +6872,7 @@ function cov_3ymiqznmu() {
       "4": [0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "8f12d88a7478ef37b67b0c8e4445cc39069644bb"
+    hash: "f4b29b283fd872c4616470d709f8f141dd8337fd"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -6973,6 +7028,11 @@ var Trophy = function Trophy(_ref5) {
     strokeWidth: "1.5"
   }));
 };
+var MemoizedStar = (cov_3ymiqznmu().s[13]++, /*#__PURE__*/React__default.memo(Star));
+var MemoizedHeart = (cov_3ymiqznmu().s[14]++, /*#__PURE__*/React__default.memo(Heart));
+var MemoizedZap = (cov_3ymiqznmu().s[15]++, /*#__PURE__*/React__default.memo(Zap));
+var MemoizedCrown = (cov_3ymiqznmu().s[16]++, /*#__PURE__*/React__default.memo(Crown));
+var MemoizedTrophy = (cov_3ymiqznmu().s[17]++, /*#__PURE__*/React__default.memo(Trophy));
 
 function cov_2qs8napxwn() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/constants.jsx";
@@ -7163,11 +7223,11 @@ var RATING_OPTIONS = (cov_2qs8napxwn().s[3]++, [{
 }]);
 (cov_2qs8napxwn().s[4]++, /\+\d{11,14}$/);
 var ICONS_MAP = (cov_2qs8napxwn().s[5]++, {
-  star: Star,
-  heart: Heart,
-  crown: Crown,
-  trophy: Trophy,
-  zap: Zap
+  star: MemoizedStar,
+  heart: MemoizedHeart,
+  crown: MemoizedCrown,
+  trophy: MemoizedTrophy,
+  zap: MemoizedZap
 });
 
 function _arrayWithHoles$6(arr) {
@@ -24262,7 +24322,7 @@ var TextAreaWithMaxLength = function TextAreaWithMaxLength(_ref) {
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = (cov_1c261hpheg().s[5]++, (cov_1c261hpheg().b[2][0]++, value) && (cov_1c261hpheg().b[2][1]++, value.length > maxLength - 10));
   cov_1c261hpheg().s[6]++;
-  return /*#__PURE__*/React__default.createElement(Textarea$1, _extends$9({}, props, (cov_1c261hpheg().b[3][0]++, shouldShowMaxLength) && (cov_1c261hpheg().b[3][1]++, {
+  return /*#__PURE__*/React__default.createElement(Textarea$2, _extends$9({}, props, (cov_1c261hpheg().b[3][0]++, shouldShowMaxLength) && (cov_1c261hpheg().b[3][1]++, {
     maxLength: maxLength
   })));
 };
@@ -24649,11 +24709,11 @@ var DROPDOWN_FIELD_MIN_OPTIONS$1 = (cov_5u7jgeqcn().s[1]++, 2);
 (cov_5u7jgeqcn().s[3]++, 40);
 (cov_5u7jgeqcn().s[4]++, 150);
 var STAR_RATING_ICONS_MAP = (cov_5u7jgeqcn().s[5]++, {
-  star: Star,
-  heart: Heart,
-  crown: Crown,
-  trophy: Trophy,
-  zap: Zap
+  star: MemoizedStar,
+  heart: MemoizedHeart,
+  crown: MemoizedCrown,
+  trophy: MemoizedTrophy,
+  zap: MemoizedZap
 });
 
 function cov_2dmleb6ptc() {
@@ -26564,7 +26624,7 @@ var RatingItem = function RatingItem(_ref) {
   }, children);
 };
 cov_2mbawiwhpy().s[2]++;
-var Rating$2 = function Rating(_ref2) {
+var Rating$3 = function Rating(_ref2) {
   var name = _ref2.name,
     isRequired = _ref2.isRequired,
     isLabelDisabled = _ref2.isLabelDisabled;
@@ -27756,7 +27816,7 @@ function cov_h8r08qzr() {
 }
 cov_h8r08qzr();
 cov_h8r08qzr().s[0]++;
-var StarRating$2 = function StarRating(_ref) {
+var StarRating$3 = function StarRating(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired,
     isLabelDisabled = _ref.isLabelDisabled;
@@ -28157,9 +28217,9 @@ var Fields = (cov_2qk3dozy47().s[0]++, {
   MultipleChoice: MultipleChoice$1,
   SingleChoice: SingleChoice$1,
   Phone: Phone$1,
-  Rating: Rating$2,
+  Rating: Rating$3,
   Terms: Terms$3,
-  StarRating: StarRating$2,
+  StarRating: StarRating$3,
   AdditionalGuests: AdditionalGuests$1,
   RichText: RichText$1,
   Condition: Condition$3
@@ -28602,9 +28662,9 @@ var _ref$1 = (cov_2j8tlu2ul5().s[0]++, Fields),
   MultipleChoice = _ref$1.MultipleChoice,
   SingleChoice = _ref$1.SingleChoice,
   Phone = _ref$1.Phone,
-  Rating$1 = _ref$1.Rating,
+  Rating$2 = _ref$1.Rating,
   Terms$2 = _ref$1.Terms,
-  StarRating$1 = _ref$1.StarRating,
+  StarRating$2 = _ref$1.StarRating,
   AdditionalGuests = _ref$1.AdditionalGuests,
   RichText = _ref$1.RichText,
   Condition$2 = _ref$1.Condition;
@@ -28730,8 +28790,8 @@ var QUESTION_KINDS = (cov_2j8tlu2ul5().s[3]++, [{
   type: "star_rating",
   label: instance.t("fields.rif"),
   isSingular: false,
-  icon: Rating$3,
-  component: StarRating$1,
+  icon: Rating$4,
+  component: StarRating$2,
   defaults: {
     label: "",
     isRequired: true,
@@ -28743,7 +28803,7 @@ var QUESTION_KINDS = (cov_2j8tlu2ul5().s[3]++, [{
   label: instance.t("fields.fbf"),
   isSingular: false,
   icon: Smiley,
-  component: Rating$1,
+  component: Rating$2,
   defaults: {
     label: "",
     isRequired: true,
@@ -35919,6 +35979,7 @@ var Spinner = function Spinner(_ref) {
     strokeWidth: "1.5"
   })));
 };
+var Spinner$1 = /*#__PURE__*/React__default.memo(Spinner);
 
 var _excluded$e = ["label", "loading", "success", "className"];
 function cov_2ndo8sz9m4() {
@@ -36255,7 +36316,7 @@ var Button = function Button(_ref) {
   cov_2ndo8sz9m4().s[1]++;
   return /*#__PURE__*/React__default.createElement("button", _extends$9({
     className: classnames("neeto-form-engine-button", className)
-  }, otherProps), (cov_2ndo8sz9m4().b[3][0]++, loading) && (cov_2ndo8sz9m4().b[3][1]++, /*#__PURE__*/React__default.createElement(ButtonLoader, null)), (cov_2ndo8sz9m4().b[4][0]++, success) && (cov_2ndo8sz9m4().b[4][1]++, /*#__PURE__*/React__default.createElement(Success$1, null)), label);
+  }, otherProps), (cov_2ndo8sz9m4().b[3][0]++, loading) && (cov_2ndo8sz9m4().b[3][1]++, /*#__PURE__*/React__default.createElement(ButtonLoader, null)), (cov_2ndo8sz9m4().b[4][0]++, success) && (cov_2ndo8sz9m4().b[4][1]++, /*#__PURE__*/React__default.createElement(Success$2, null)), label);
 };
 cov_2ndo8sz9m4().s[2]++;
 var ButtonLoader = function ButtonLoader() {
@@ -36263,10 +36324,10 @@ var ButtonLoader = function ButtonLoader() {
   cov_2ndo8sz9m4().s[3]++;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-button__loader"
-  }, /*#__PURE__*/React__default.createElement(Spinner, null));
+  }, /*#__PURE__*/React__default.createElement(Spinner$1, null));
 };
 cov_2ndo8sz9m4().s[4]++;
-var Success$1 = function Success() {
+var Success$2 = function Success() {
   cov_2ndo8sz9m4().f[2]++;
   cov_2ndo8sz9m4().s[5]++;
   return /*#__PURE__*/React__default.createElement("div", {
@@ -58860,7 +58921,7 @@ var Condition = function Condition(_ref, ref) {
     className: "neeto-form-engine-input__error"
   }, error)));
 };
-var Condition$1 = /*#__PURE__*/forwardRef(Condition);
+var Condition$1 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Condition));
 
 function cov_2lhrgkh8e4() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/ConditionField.jsx";
@@ -60465,6 +60526,7 @@ var Choices = function Choices(_ref) {
     className: "neeto-form-engine-input__error"
   }, error)));
 };
+var Choices$1 = /*#__PURE__*/React__default.memo(Choices);
 
 var _excluded$5 = ["size", "label", "error", "helpText", "className", "innerRef"];
 function cov_2mja3ufqil() {
@@ -61560,7 +61622,7 @@ var OptionsField = function OptionsField(_ref) {
     isRequired = _ref3.isRequired,
     _ref3$optionsAttribut = _ref3.optionsAttributes,
     options = _ref3$optionsAttribut === void 0 ? (cov_1i8uylwhkg().b[0][0]++, []) : _ref3$optionsAttribut;
-  var Component = (cov_1i8uylwhkg().s[3]++, kind === QUESTION_KIND.DROPDOWN.value ? (cov_1i8uylwhkg().b[1][0]++, Select) : (cov_1i8uylwhkg().b[1][1]++, Choices));
+  var Component = (cov_1i8uylwhkg().s[3]++, kind === QUESTION_KIND.DROPDOWN.value ? (cov_1i8uylwhkg().b[1][0]++, Select) : (cov_1i8uylwhkg().b[1][1]++, Choices$1));
   var transformedOptions = (cov_1i8uylwhkg().s[4]++, kind === QUESTION_KIND.DROPDOWN.value ? (cov_1i8uylwhkg().b[2][0]++, options.map(function (option) {
     cov_1i8uylwhkg().f[1]++;
     cov_1i8uylwhkg().s[5]++;
@@ -62231,6 +62293,7 @@ var Rating = function Rating(_ref) {
     className: "neeto-form-engine-input__error"
   }, error)));
 };
+var Rating$1 = /*#__PURE__*/React__default.memo(Rating);
 
 function cov_2lj2o2sww7() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/RatingField.jsx";
@@ -62525,7 +62588,7 @@ var RatingField = function RatingField(_ref) {
       field = _ref3.field;
     cov_2lj2o2sww7().f[1]++;
     cov_2lj2o2sww7().s[3]++;
-    return /*#__PURE__*/React__default.createElement(Rating, _extends$9({
+    return /*#__PURE__*/React__default.createElement(Rating$1, _extends$9({
       averageRatingLabel: (cov_2lj2o2sww7().b[0][0]++, averageRatingLabel) || (cov_2lj2o2sww7().b[0][1]++, RATING_VALUES.AVERAGE.label),
       error: meta.touched ? (cov_2lj2o2sww7().b[1][0]++, meta.error) : (cov_2lj2o2sww7().b[1][1]++, ""),
       highestRatingLabel: (cov_2lj2o2sww7().b[2][0]++, highestRatingLabel) || (cov_2lj2o2sww7().b[2][1]++, RATING_VALUES.GOOD.label),
@@ -63324,6 +63387,7 @@ var StarRating = function StarRating(_ref2) {
     className: "neeto-form-engine-input__error"
   }, error)));
 };
+var StarRating$1 = /*#__PURE__*/React__default.memo(StarRating);
 
 function cov_14fczoh42d() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/StarRatingField.jsx";
@@ -63515,7 +63579,7 @@ var StarRatingField = function StarRatingField(_ref) {
       field = _ref3.field;
     cov_14fczoh42d().f[1]++;
     cov_14fczoh42d().s[3]++;
-    return /*#__PURE__*/React__default.createElement(StarRating, _extends$9({
+    return /*#__PURE__*/React__default.createElement(StarRating$1, _extends$9({
       count: count,
       error: meta.touched ? (cov_14fczoh42d().b[0][0]++, meta.error) : (cov_14fczoh42d().b[0][1]++, ""),
       label: getLabel$1(label, isRequired),
@@ -63679,7 +63743,7 @@ var Terms = function Terms(_ref, ref) {
     className: "neeto-form-engine-input__error"
   }, error)));
 };
-var Terms$1 = /*#__PURE__*/forwardRef(Terms);
+var Terms$1 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Terms));
 
 function cov_14h4eyw3wy() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/TermsField.jsx";
@@ -65035,6 +65099,7 @@ var Textarea = function Textarea(props) {
     className: "neeto-form-engine-input__error"
   }, error)));
 };
+var Textarea$1 = /*#__PURE__*/React__default.memo(Textarea);
 
 function cov_h64dar2vv() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/TextField.jsx";
@@ -65401,7 +65466,7 @@ var TextField = function TextField(_ref) {
     _ref3$type = _ref3.type,
     type = _ref3$type === void 0 ? (cov_h64dar2vv().b[0][0]++, "text") : _ref3$type,
     otherProps = _ref3.otherProps;
-  var Component = (cov_h64dar2vv().s[3]++, kind === QUESTION_KIND.TEXTAREA.value ? (cov_h64dar2vv().b[1][0]++, Textarea) : (cov_h64dar2vv().b[1][1]++, FormInput));
+  var Component = (cov_h64dar2vv().s[3]++, kind === QUESTION_KIND.TEXTAREA.value ? (cov_h64dar2vv().b[1][0]++, Textarea$1) : (cov_h64dar2vv().b[1][1]++, FormInput));
   cov_h64dar2vv().s[4]++;
   return /*#__PURE__*/React__default.createElement(Field, {
     name: (cov_h64dar2vv().b[2][0]++, name) || (cov_h64dar2vv().b[2][1]++, nodeId),
@@ -65848,6 +65913,7 @@ var Success = function Success() {
     style: "h1"
   }, t("successPage.title2")));
 };
+var Success$1 = /*#__PURE__*/React__default.memo(Success);
 
 function cov_2jkcclu7mz() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/index.jsx";
@@ -68902,7 +68968,7 @@ var ExternalForm = function ExternalForm(_ref) {
   if ((cov_2jkcclu7mz().b[29][0]++, displayThankYou) && (cov_2jkcclu7mz().b[29][1]++, showSuccess)) {
     cov_2jkcclu7mz().b[28][0]++;
     cov_2jkcclu7mz().s[64]++;
-    return /*#__PURE__*/React__default.createElement(Success, null);
+    return /*#__PURE__*/React__default.createElement(Success$1, null);
   } else {
     cov_2jkcclu7mz().b[28][1]++;
   }
@@ -68970,7 +69036,7 @@ var ExternalForm = function ExternalForm(_ref) {
       }
     }), (cov_2jkcclu7mz().b[36][0]++, submission === null || submission === void 0 ? void 0 : submission.isLoading) && (cov_2jkcclu7mz().b[36][1]++, /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-ui-bg-gray-100 absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center opacity-75"
-    }, /*#__PURE__*/React__default.createElement(Spinner$1, null))), renderedQuestions.map(function (question) {
+    }, /*#__PURE__*/React__default.createElement(Spinner$2, null))), renderedQuestions.map(function (question) {
       var _ref20;
       cov_2jkcclu7mz().f[13]++;
       var FieldComponent = (cov_2jkcclu7mz().s[75]++, getFieldComponent(question));