@bigbinary/neeto-form-frontend 4.4.6 → 4.4.8

package/dist/{utils-C9nDMm4c.js → utils-CI844li1.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, hyphenate, noop, toLabelAndValue, getRandomInt, randomPick, slugify, notEqualsDeep } from '@bigbinary/neeto-cist';
-import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-y4GiXx7o.js';
+import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-DhtQJpD_.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, isNil, clamp, prop, trim, map, zipObj, identity, pluck, values, pipe, 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-BNfHPNOx.js';
+import { Q as QUESTION_TYPES, C as CAPTCHA_TYPES, E as EMAIL_VERIFICATIONS_CREATE_URL, j as EMAIL_VERIFICATIONS_VERIFY_URL } from './constants-Cj0XxE8a.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Button from '@bigbinary/neetoui/Button';
@@ -20,7 +20,7 @@ import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import { validation, PhoneNumberInput } from '@bigbinary/neeto-molecules/PhoneNumber';
 import i18next from 'i18next';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { a as QUESTION_KIND, P as PARENTHESES_REGEX, R as RATING_VALUES, E as EMAIL_REGEX, S as SCHEMA_LESS_QUESTION_KINDS, c as SIX_DIGIT_NUMBER_REGEX, A as ADDRESS_FIELD_TYPES, d as ADDRESS_FIELD_WIDTHS, e as LABEL_FIELDS, g as generateArray, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, f as RADIO_DESELECT_KEYS, h as RATING_OPTIONS, I as ICONS_MAP } from './yup-Dx1WK2_p.js';
+import { a as QUESTION_KIND, S as SPOT_QUESTION_DEFAULT_VALUE, P as PARENTHESES_REGEX, R as RATING_VALUES, E as EMAIL_REGEX, c as SCHEMA_LESS_QUESTION_KINDS, d as SIX_DIGIT_NUMBER_REGEX, A as ADDRESS_FIELD_TYPES, e as ADDRESS_FIELD_WIDTHS, f as LABEL_FIELDS, g as generateArray, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, h as RADIO_DESELECT_KEYS, i as RATING_OPTIONS, I as ICONS_MAP } from './yup-CSYHMEsr.js';
 import _toArray from '@babel/runtime/helpers/toArray';
 import * as yup from 'yup';
 import classnames from 'classnames';
@@ -44,7 +44,9 @@ import Label from '@bigbinary/neetoui/Label';
 import Radio from '@bigbinary/neetoui/Radio';
 import Image from '@bigbinary/neeto-icons/Image';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
+import Info from '@bigbinary/neeto-icons/Info';
 import Textarea from '@bigbinary/neetoui/Textarea';
+import Tag from '@bigbinary/neetoui/Tag';
 
 var clientI18nInstance = i18next.cloneInstance();
 
@@ -339,6 +341,11 @@ var getNameFromUrl = function getNameFromUrl(_ref7, fieldCodes) {
     lastName: lastName
   };
 };
+var isValidSpotValue = function isValidSpotValue(value, remainingSlotsCount) {
+  var num = Number(value);
+  if (!Number.isInteger(num) || num <= 0) return false;
+  return !(typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && num > remainingSlotsCount);
+};
 var buildEmailVerificationEntries = function buildEmailVerificationEntries() {
   var questions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var emailQuestionsRequiringVerification = filterBy({
@@ -361,7 +368,8 @@ var generateInitValues = function generateInitValues(_ref9) {
     _ref9$localValues = _ref9.localValues,
     localValues = _ref9$localValues === void 0 ? {} : _ref9$localValues,
     _ref9$fieldCodes = _ref9.fieldCodes,
-    fieldCodes = _ref9$fieldCodes === void 0 ? {} : _ref9$fieldCodes;
+    fieldCodes = _ref9$fieldCodes === void 0 ? {} : _ref9$fieldCodes,
+    remainingSlotsCount = _ref9.remainingSlotsCount;
   var initValues = {};
   var valuesMap = {};
   if (initialValues) {
@@ -414,21 +422,35 @@ var generateInitValues = function generateInitValues(_ref9) {
       case QUESTION_KIND.DROPDOWN.value:
         {
           var _optionsAttributes$fi;
-          initValues[id] = ((_optionsAttributes$fi = optionsAttributes.find(function (option) {
+          var optionFromValues = optionsAttributes === null || optionsAttributes === void 0 || (_optionsAttributes$fi = optionsAttributes.find(function (option) {
             var _valuesMap$id3;
             return (_valuesMap$id3 = valuesMap[id]) === null || _valuesMap$id3 === void 0 || (_valuesMap$id3 = _valuesMap$id3.optionIds) === null || _valuesMap$id3 === void 0 ? void 0 : _valuesMap$id3.includes(option.id);
-          })) === null || _optionsAttributes$fi === void 0 ? void 0 : _optionsAttributes$fi.id) || getOptionFromURL({
+          })) === null || _optionsAttributes$fi === void 0 ? void 0 : _optionsAttributes$fi.id;
+          var optionFromUrl = getOptionFromURL({
             optionsAttributes: optionsAttributes,
             fieldCodes: fieldCodes,
             fieldCode: fieldCode
           });
+          initValues[id] = optionFromValues || optionFromUrl;
+          return;
+        }
+      case QUESTION_KIND.SPOT.value:
+        {
+          var _valuesMap$id$value2, _valuesMap3;
+          var urlValue = getNumberFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode,
+            kind: QUESTION_KIND.INTEGER.value
+          });
+          var candidateValue = (_valuesMap$id$value2 = (_valuesMap3 = valuesMap) === null || _valuesMap3 === void 0 || (_valuesMap3 = _valuesMap3[id]) === null || _valuesMap3 === void 0 ? void 0 : _valuesMap3.value) !== null && _valuesMap$id$value2 !== void 0 ? _valuesMap$id$value2 : urlValue !== "" ? urlValue : SPOT_QUESTION_DEFAULT_VALUE;
+          initValues[id] = isValidSpotValue(candidateValue, remainingSlotsCount) ? candidateValue : SPOT_QUESTION_DEFAULT_VALUE;
           return;
         }
       case QUESTION_KIND.INTEGER.value:
       case QUESTION_KIND.DECIMAL.value:
         {
-          var _valuesMap3;
-          initValues[id] = ((_valuesMap3 = valuesMap) === null || _valuesMap3 === void 0 || (_valuesMap3 = _valuesMap3[id]) === null || _valuesMap3 === void 0 ? void 0 : _valuesMap3.value) || getNumberFromUrl({
+          var _valuesMap4;
+          initValues[id] = ((_valuesMap4 = valuesMap) === null || _valuesMap4 === void 0 || (_valuesMap4 = _valuesMap4[id]) === null || _valuesMap4 === void 0 ? void 0 : _valuesMap4.value) || getNumberFromUrl({
             fieldCodes: fieldCodes,
             fieldCode: fieldCode,
             kind: kind
@@ -437,8 +459,8 @@ var generateInitValues = function generateInitValues(_ref9) {
         }
       case QUESTION_KIND.RATING.value:
         {
-          var _valuesMap4;
-          initValues[id] = ((_valuesMap4 = valuesMap) === null || _valuesMap4 === void 0 || (_valuesMap4 = _valuesMap4[id]) === null || _valuesMap4 === void 0 ? void 0 : _valuesMap4.value) || getRatingFromUrl({
+          var _valuesMap5;
+          initValues[id] = ((_valuesMap5 = valuesMap) === null || _valuesMap5 === void 0 || (_valuesMap5 = _valuesMap5[id]) === null || _valuesMap5 === void 0 ? void 0 : _valuesMap5.value) || getRatingFromUrl({
             fieldCodes: fieldCodes,
             fieldCode: fieldCode
           });
@@ -451,24 +473,24 @@ var generateInitValues = function generateInitValues(_ref9) {
         }
       case QUESTION_KIND.FILE_UPLOAD.value:
         {
-          var _valuesMap$id$value2, _valuesMap5;
+          var _valuesMap$id$value3, _valuesMap6;
           initValues[id] = {
-            files: (_valuesMap$id$value2 = (_valuesMap5 = valuesMap) === null || _valuesMap5 === void 0 || (_valuesMap5 = _valuesMap5[id]) === null || _valuesMap5 === void 0 ? void 0 : _valuesMap5.value) !== null && _valuesMap$id$value2 !== void 0 ? _valuesMap$id$value2 : []
+            files: (_valuesMap$id$value3 = (_valuesMap6 = valuesMap) === null || _valuesMap6 === void 0 || (_valuesMap6 = _valuesMap6[id]) === null || _valuesMap6 === void 0 ? void 0 : _valuesMap6.value) !== null && _valuesMap$id$value3 !== void 0 ? _valuesMap$id$value3 : []
           };
           return;
         }
       case QUESTION_KIND.PHONE.value:
       case QUESTION_KIND.SMS_REMINDER.value:
         {
-          var _valuesMap$id$value3, _valuesMap6;
-          initValues[id] = (_valuesMap$id$value3 = (_valuesMap6 = valuesMap) === null || _valuesMap6 === void 0 || (_valuesMap6 = _valuesMap6[id]) === null || _valuesMap6 === void 0 ? void 0 : _valuesMap6.value) !== null && _valuesMap$id$value3 !== void 0 ? _valuesMap$id$value3 : getPhoneNumberFromUrl(fieldCodes, fieldCode);
+          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 : getPhoneNumberFromUrl(fieldCodes, fieldCode);
           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 : getStarRatingOrOpinionScaleFromUrl({
+          var _valuesMap$id$value5, _valuesMap8;
+          initValues[id] = (_valuesMap$id$value5 = (_valuesMap8 = valuesMap) === null || _valuesMap8 === void 0 || (_valuesMap8 = _valuesMap8[id]) === null || _valuesMap8 === void 0 ? void 0 : _valuesMap8.value) !== null && _valuesMap$id$value5 !== void 0 ? _valuesMap$id$value5 : getStarRatingOrOpinionScaleFromUrl({
             minValue: minValue,
             maxValue: maxValue,
             fieldCodes: fieldCodes,
@@ -478,14 +500,14 @@ var generateInitValues = function generateInitValues(_ref9) {
         }
       case QUESTION_KIND.NAME.value:
         {
-          var _valuesMap$id$value5, _valuesMap8;
-          initValues[id] = (_valuesMap$id$value5 = (_valuesMap8 = valuesMap) === null || _valuesMap8 === void 0 || (_valuesMap8 = _valuesMap8[id]) === null || _valuesMap8 === void 0 ? void 0 : _valuesMap8.value) !== null && _valuesMap$id$value5 !== void 0 ? _valuesMap$id$value5 : getNameFromUrl(question, fieldCodes);
+          var _valuesMap$id$value6, _valuesMap9;
+          initValues[id] = (_valuesMap$id$value6 = (_valuesMap9 = valuesMap) === null || _valuesMap9 === void 0 || (_valuesMap9 = _valuesMap9[id]) === null || _valuesMap9 === void 0 ? void 0 : _valuesMap9.value) !== null && _valuesMap$id$value6 !== void 0 ? _valuesMap$id$value6 : getNameFromUrl(question, fieldCodes);
           return;
         }
       case QUESTION_KIND.ADDRESS.value:
         {
-          var _valuesMap$id$value6, _valuesMap9;
-          initValues[id] = (_valuesMap$id$value6 = (_valuesMap9 = valuesMap) === null || _valuesMap9 === void 0 || (_valuesMap9 = _valuesMap9[id]) === null || _valuesMap9 === void 0 ? void 0 : _valuesMap9.value) !== null && _valuesMap$id$value6 !== void 0 ? _valuesMap$id$value6 : fields.reduce(function (values, field) {
+          var _valuesMap$id$value7, _valuesMap10;
+          initValues[id] = (_valuesMap$id$value7 = (_valuesMap10 = valuesMap) === null || _valuesMap10 === void 0 || (_valuesMap10 = _valuesMap10[id]) === null || _valuesMap10 === void 0 ? void 0 : _valuesMap10.value) !== null && _valuesMap$id$value7 !== void 0 ? _valuesMap$id$value7 : fields.reduce(function (values, field) {
             values[field.id] = "";
             return values;
           }, {});
@@ -493,8 +515,8 @@ var generateInitValues = function generateInitValues(_ref9) {
         }
       default:
         {
-          var _valuesMap$id$value7, _valuesMap10;
-          initValues[id] = (_valuesMap$id$value7 = (_valuesMap10 = valuesMap) === null || _valuesMap10 === void 0 || (_valuesMap10 = _valuesMap10[id]) === null || _valuesMap10 === void 0 ? void 0 : _valuesMap10.value) !== null && _valuesMap$id$value7 !== void 0 ? _valuesMap$id$value7 : resolveQueryParamValue(fieldCodes[fieldCode] || "");
+          var _valuesMap$id$value8, _valuesMap11;
+          initValues[id] = (_valuesMap$id$value8 = (_valuesMap11 = valuesMap) === null || _valuesMap11 === void 0 || (_valuesMap11 = _valuesMap11[id]) === null || _valuesMap11 === void 0 ? void 0 : _valuesMap11.value) !== null && _valuesMap$id$value8 !== void 0 ? _valuesMap$id$value8 : resolveQueryParamValue(fieldCodes[fieldCode] || "");
           return;
         }
     }
@@ -520,6 +542,12 @@ var generateFormResponse = function generateFormResponse(response, questions) {
             kind: kind
           });
         }
+      } else if (kind === QUESTION_KIND.SPOT.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue,
+          kind: kind
+        });
       } else if (kind === QUESTION_KIND.CHECKBOX.value) {
         responseValue.forEach(function (isChecked, index) {
           if (!isChecked) return;
@@ -625,12 +653,30 @@ var isEmailFromBlacklistedDomain = function isEmailFromBlacklistedDomain(email,
 var validateTextField = function validateTextField(_ref) {
   var kind = _ref.kind,
     label = _ref.label,
-    isRequired = _ref.isRequired;
+    isRequired = _ref.isRequired,
+    remainingSlotsCount = _ref.remainingSlotsCount;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
   if (isPhoneNumberField(kind)) {
     schema = validation(getInvalidFieldError(t("neetoForm.common.phoneNumberValidation")));
   }
-  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  var requiredError = kind === QUESTION_KIND.SPOT.value ? t("neetoForm.questions.spot.numberOfSpotsRequired") : getRequiredFieldError(label);
+  if (isRequired) schema = schema.trim().required(requiredError);
+  if (kind === QUESTION_KIND.SPOT.value) {
+    schema = schema.test("integer-spots", t("neetoForm.questions.spot.mustBeInteger"), function (value) {
+      return isNotPresent(value) || value === "" || Number.isInteger(Number(value));
+    }).test("min-spots", t("neetoForm.error.mustBeOrGreaterThanOrEqualTo", {
+      value: 1
+    }), function (value) {
+      return isNotPresent(value) || value === "" || Number(value) > 0;
+    });
+    if (typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0) {
+      schema = schema.test("max-spots", t("neetoForm.questions.spot.exceedsRemainingSpots", {
+        count: remainingSlotsCount
+      }), function (value) {
+        return isNotPresent(value) || value === "" || Number(value) > 0 && Number(value) <= remainingSlotsCount;
+      });
+    }
+  }
   return schema.trim();
 };
 var validateEmailField = function validateEmailField(_ref2) {
@@ -766,7 +812,7 @@ var validateCaptchaField = function validateCaptchaField(_ref17) {
     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.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(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), QUESTION_KIND.SMS_REMINDER.value, validateTextField), QUESTION_KIND.ADDRESS.value, validateAddressField));
+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.SPOT.value, validateTextField), 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), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), QUESTION_KIND.CAPTCHA.value, validateCaptchaField), QUESTION_KIND.SMS_REMINDER.value, validateTextField), QUESTION_KIND.ADDRESS.value, validateAddressField));
 var validateFieldValue = function validateFieldValue(_ref18) {
   var kind = _ref18.kind,
     customValidator = _ref18.customValidator,
@@ -2555,7 +2601,10 @@ var TextField = function TextField(_ref) {
   var _otherProps$onChange;
   var question = _ref.question,
     customValidator = _ref.customValidator,
-    autoComplete = _ref.autoComplete;
+    autoComplete = _ref.autoComplete,
+    remainingSlotsCount = _ref.remainingSlotsCount;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var name = question.id,
     kind = question.kind,
     isRequired = question.isRequired,
@@ -2574,7 +2623,8 @@ var TextField = function TextField(_ref) {
         kind: kind,
         label: label,
         isRequired: isRequired,
-        customValidator: customValidator
+        customValidator: customValidator,
+        remainingSlotsCount: remainingSlotsCount
       })
     }),
     _useField2 = _slicedToArray(_useField, 3),
@@ -2586,23 +2636,39 @@ var TextField = function TextField(_ref) {
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
   var handleFieldChange = withEventTargetValue(setValue);
-  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({
-    type: type
-  }, field), {}, {
-    autoComplete: autoComplete,
-    label: label,
-    onKeyDown: onKeyDown
-  })), {}, {
-    disabled: isReadOnly,
-    error: touched ? error : "",
-    name: slugify(label),
-    placeholder: fieldWithFallback(question, "placeholder"),
-    required: isRequired,
-    onBlur: function onBlur() {
-      return setTouched(true);
-    },
-    onChange: (_otherProps$onChange = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(handleFieldChange)) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : handleFieldChange
-  }));
+  return /*#__PURE__*/jsxs("div", {
+    className: "w-full flex flex-col gap-2",
+    children: [/*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({
+      type: type
+    }, field), {}, {
+      autoComplete: autoComplete,
+      label: label,
+      onKeyDown: onKeyDown
+    }, kind === QUESTION_KIND.SPOT.value && _objectSpread({
+      min: 1
+    }, typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && {
+      max: remainingSlotsCount
+    }))), {}, {
+      disabled: isReadOnly,
+      error: touched ? error : "",
+      name: slugify(label),
+      placeholder: fieldWithFallback(question, "placeholder"),
+      required: isRequired,
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onChange: (_otherProps$onChange = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(handleFieldChange)) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : handleFieldChange
+    })), kind === QUESTION_KIND.SPOT.value && typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && /*#__PURE__*/jsx("div", {
+      className: "flex justify-end",
+      children: /*#__PURE__*/jsx(Tag, {
+        icon: Info,
+        style: "info",
+        label: t("neetoForm.questions.spot.remainingSlotsCount", {
+          count: remainingSlotsCount
+        })
+      })
+    })]
+  });
 };
 
 var _QUESTION_TO_COMPONEN;
@@ -2611,7 +2677,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.OPINION_SCALE.value, OpinionScaleField), QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), QUESTION_KIND.RICH_TEXT.value, RichTextEditor), QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField), QUESTION_KIND.ADDRESS.value, AddressField));
+}), 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(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField), QUESTION_KIND.SPOT.value, TextField), QUESTION_KIND.ADDRESS.value, AddressField));
 var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha);
 
 var getFieldComponent = function getFieldComponent(_ref) {
@@ -2649,4 +2715,4 @@ var getVisibleOptions = function getVisibleOptions(options) {
 };
 
 export { FormikWrap as F, generateInitValues as a, buildAutoCompleteAttribute as b, clientI18nInstance as c, getWithExpiry as d, clearEmailVerificationDetails as e, generateFormResponse as f, getFieldComponent as g, clearLocalStorageValues as h, mergeRefs as m, renderButtonsInOrder as r };
-//# sourceMappingURL=utils-C9nDMm4c.js.map
+//# sourceMappingURL=utils-CI844li1.js.map