@bigbinary/neeto-form-frontend 4.4.8 → 4.4.9

package/dist/cjs/ExternalForm.js

@@ -1,649 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var React = require('react');
-var reactQuery = require('@tanstack/react-query');
-var classnames = require('classnames');
-var formik = require('formik');
-var i18next = require('i18next');
-var neetoCist = require('@bigbinary/neeto-cist');
-var useHotkeys = require('@bigbinary/neeto-hotkeys');
-var Warning = require('@bigbinary/neeto-icons/Warning');
-var Typography = require('@bigbinary/neetoui/Typography');
-var Button$1 = require('@bigbinary/neetoui/Button');
-var Spinner$2 = require('@bigbinary/neetoui/Spinner');
-var NeetoUICallout = require('@bigbinary/neetoui/Callout');
-var NoData = require('@bigbinary/neetoui/NoData');
-var ramda = require('ramda');
-var reactI18next = require('react-i18next');
-var constants = require('../constants-D5JlvWws.js');
-var Close = require('@bigbinary/neeto-icons/Close');
-var index$1 = require('../index-Beo6ztaM.js');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var Check = require('@bigbinary/neeto-icons/Check');
-var jsxRuntime = require('react/jsx-runtime');
-var yup = require('../yup-DMlViLLB.js');
-var utils = require('../utils-baAzU7l8.js');
-var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
-var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@bigbinary/neeto-commons-frontend/constants');
-require('axios');
-require('@babel/runtime/helpers/typeof');
-require('@bigbinary/neeto-editor/utils');
-require('dompurify');
-require('@bigbinary/neeto-icons/Plus');
-require('yup');
-require('libphonenumber-js');
-require('@bigbinary/neeto-editor/EditorContent');
-require('@bigbinary/neetoui/MultiEmailInput');
-require('@bigbinary/neeto-molecules/PhoneNumber');
-require('@babel/runtime/helpers/toArray');
-require('@bigbinary/neetoui/Select');
-require('@bigbinary/neetoui/Input');
-require('@bigbinary/neeto-icons/Refresh');
-require('@bigbinary/neeto-commons-frontend/initializers');
-require('react-google-recaptcha');
-require('@bigbinary/neetoui/Checkbox');
-require('@bigbinary/neetoui/DatePicker');
-require('@bigbinary/neetoui/Toastr');
-require('@bigbinary/neeto-icons/CheckCircle');
-require('@bigbinary/neeto-molecules/FileUpload');
-require('@bigbinary/neetoui/Label');
-require('@bigbinary/neetoui/Radio');
-require('@bigbinary/neeto-icons/Image');
-require('@bigbinary/neeto-editor/Editor');
-require('@bigbinary/neeto-icons/Info');
-require('@bigbinary/neetoui/Textarea');
-require('@bigbinary/neetoui/Tag');
-
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "neeto-form-engine-spinner",
-    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
-      fill: "none",
-      height: size,
-      viewBox: "0 0 25 24",
-      width: size,
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /*#__PURE__*/jsxRuntime.jsx("path", {
-        d: "M12.5 5.00098V8.75M17.4401 7.04867L14.9888 9.5M19.5008 11.9994H15.5M17.4401 16.9372L14.9888 14.4859M12.5023 18.9979V15M7.5516 16.9372L10.4888 14M5.50391 11.9994H9.5M7.5516 7.04867L10.0029 9.5",
-        stroke: "#87929D",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5"
-      })
-    })
-  });
-};
-var Spinner$1 = /*#__PURE__*/React.memo(Spinner);
-
-var _excluded = ["label", "loading", "success", "className"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Button = function Button(_ref) {
-  var label = _ref.label,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$success = _ref.success,
-    success = _ref$success === void 0 ? false : _ref$success,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsxs("button", _objectSpread$2(_objectSpread$2({
-    className: classnames("neeto-form-engine-button", className)
-  }, otherProps), {}, {
-    children: [loading && /*#__PURE__*/jsxRuntime.jsx(ButtonLoader, {}), success && /*#__PURE__*/jsxRuntime.jsx(Success$2, {}), label]
-  }));
-};
-var ButtonLoader = function ButtonLoader() {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "neeto-form-engine-button__loader",
-    children: /*#__PURE__*/jsxRuntime.jsx(Spinner$1, {})
-  });
-};
-var Success$2 = function Success() {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "neeto-form-engine-button__success",
-    children: /*#__PURE__*/jsxRuntime.jsx(Check, {})
-  });
-};
-
-var Callout = function Callout(_ref) {
-  var _ref$style = _ref.style,
-    style = _ref$style === void 0 ? yup.CALLOUT_STYLES.ERROR : _ref$style,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? yup.CALLOUT_POSITIONS.ABSOLUTE : _ref$position,
-    _ref$callout = _ref.callout,
-    callout = _ref$callout === void 0 ? {} : _ref$callout,
-    children = _ref.children,
-    className = _ref.className,
-    onClose = _ref.onClose;
-  var isVisible = callout.isVisible,
-    title = callout.title,
-    message = callout.message,
-    primaryButton = callout.primaryButton,
-    secondaryButton = callout.secondaryButton;
-  if (!isVisible) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames("neeto-form-engine-callout", _defineProperty({
-      "neeto-form-engine-callout--error": style === yup.CALLOUT_STYLES.ERROR,
-      "neeto-form-engine-callout--info": style === yup.CALLOUT_STYLES.INFO,
-      "neeto-form-engine-callout--static": position === yup.CALLOUT_POSITIONS.STATIC,
-      "neeto-form-engine-callout--absolute": position === yup.CALLOUT_POSITIONS.ABSOLUTE
-    }, className, className)),
-    children: [neetoCist.isPresent(onClose) && /*#__PURE__*/jsxRuntime.jsx("button", {
-      className: "neeto-form-engine-callout__close",
-      onClick: onClose,
-      children: /*#__PURE__*/jsxRuntime.jsx(Close, {
-        size: 16
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-form-engine-callout__content",
-      children: [ramda.not(index$1.isBlank(title)) && /*#__PURE__*/jsxRuntime.jsx("h5", {
-        children: title
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        children: message
-      })]
-    }), primaryButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
-      label: primaryButton.label,
-      size: "small",
-      onClick: primaryButton.onClick
-    }), secondaryButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
-      label: secondaryButton.label,
-      size: "small",
-      onClick: secondaryButton.onClick
-    }), children]
-  });
-};
-
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var withI18nInstance = function withI18nInstance(Component, i18n) {
-  var I18nWrapper = function I18nWrapper(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(reactI18next.I18nextProvider, {
-      i18n: i18n,
-      children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$1({}, props))
-    });
-  };
-  I18nWrapper.displayName = "I18nWrapper(".concat(index$1.getComponentDisplayName(Component), ")");
-  return I18nWrapper;
-};
-
-var useIsMounted = function useIsMounted() {
-  var isMounted = React.useRef(true);
-  React.useEffect(function () {
-    return function () {
-      isMounted.current = false;
-    };
-  }, []);
-  return function () {
-    return isMounted.current;
-  };
-};
-
-var Success = reactUtils.withT(function (_ref) {
-  var t = _ref.t;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-form-nano-external-form-thank-you flex h-full w-full flex-col items-center justify-center space-y-3 py-20",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-      style: "h1",
-      children: "\uD83C\uDF89"
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "text-center",
-      style: "h2",
-      children: t("neetoForm.successPage.title1")
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "text-center",
-      style: "body2",
-      children: t("neetoForm.successPage.title2")
-    })]
-  });
-});
-var Success$1 = /*#__PURE__*/React.memo(Success);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var ExternalForm = function ExternalForm(_ref) {
-  var _path, _formikInnerRef$curre;
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "medium" : _ref$size,
-    _ref$preview = _ref.preview,
-    preview = _ref$preview === void 0 ? false : _ref$preview,
-    formId = _ref.formId,
-    submissionId = _ref.submissionId,
-    customSubmitHandler = _ref.customSubmitHandler,
-    onBeforeSubmit = _ref.onBeforeSubmit,
-    onSubmitSuccess = _ref.onSubmitSuccess,
-    _ref$showTitle = _ref.showTitle,
-    showTitle = _ref$showTitle === void 0 ? true : _ref$showTitle,
-    formTitle = _ref.formTitle,
-    submitButtonProps = _ref.submitButtonProps,
-    cancelButtonProps = _ref.cancelButtonProps,
-    resetButtonProps = _ref.resetButtonProps,
-    _ref$displayThankYou = _ref.displayThankYou,
-    displayThankYou = _ref$displayThankYou === void 0 ? true : _ref$displayThankYou,
-    _ref$showEmptyState = _ref.showEmptyState,
-    showEmptyState = _ref$showEmptyState === void 0 ? true : _ref$showEmptyState,
-    className = _ref.className,
-    _ref$preserveValues = _ref.preserveValues,
-    preserveValues = _ref$preserveValues === void 0 ? false : _ref$preserveValues,
-    _ref$clearValuesOnRes = _ref.clearValuesOnReset,
-    clearValuesOnReset = _ref$clearValuesOnRes === void 0 ? false : _ref$clearValuesOnRes,
-    _ref$clearValuesOnSub = _ref.clearValuesOnSubmit,
-    clearValuesOnSubmit = _ref$clearValuesOnSub === void 0 ? false : _ref$clearValuesOnSub,
-    _ref$initialValues = _ref.initialValues,
-    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
-    onChange = _ref.onChange,
-    formDomProps = _ref.formDomProps,
-    _ref$editorProps = _ref.editorProps,
-    editorProps = _ref$editorProps === void 0 ? {} : _ref$editorProps,
-    customValidator = _ref.customValidator,
-    _ref$autoCompleteKind = _ref.autoCompleteKinds,
-    autoCompleteKinds = _ref$autoCompleteKind === void 0 ? [] : _ref$autoCompleteKind,
-    _ref$enablePreFilling = _ref.enablePreFilling,
-    enablePreFilling = _ref$enablePreFilling === void 0 ? false : _ref$enablePreFilling,
-    _ref$language = _ref.language,
-    language = _ref$language === void 0 ? i18next.resolvedLanguage : _ref$language,
-    _ref$remainingSlotsCo = _ref.remainingSlotsCount,
-    remainingSlotsCount = _ref$remainingSlotsCo === void 0 ? null : _ref$remainingSlotsCo;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSubmitted = _useState2[0],
-    setIsSubmitted = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showSuccess = _useState4[0],
-    setShowSuccess = _useState4[1];
-  var _useState5 = React.useState(utils.getWithExpiry("".concat(formId, "/values"))),
-    _useState6 = _slicedToArray(_useState5, 2),
-    localValues = _useState6[0],
-    setLocalValues = _useState6[1];
-  var isMounted = useIsMounted();
-  var _useState7 = React.useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    error = _useState8[0],
-    setError = _useState8[1];
-  var formRef = React.useRef();
-  var formikInnerRef = React.useRef();
-  var editorRef = React.useRef();
-  var captchaRef = React.useRef(null);
-  var queryClient = reactQuery.useQueryClient();
-  var _usePublicForm = constants.usePublicForm({
-      formId: formId,
-      language: language,
-      preview: preview,
-      enabled: !preview
-    }),
-    _usePublicForm$data = _usePublicForm.data,
-    form = _usePublicForm$data === void 0 ? {
-      title: "",
-      questions: [],
-      isQuestionsLoading: true
-    } : _usePublicForm$data,
-    isLoading = _usePublicForm.isLoading;
-  var title = form.title,
-    _form$questions = form.questions,
-    questions = _form$questions === void 0 ? [] : _form$questions;
-  var formUuid = (_path = ramda.path([0, "formId"], questions)) !== null && _path !== void 0 ? _path : formId;
-  React.useEffect(function () {
-    if (ramda.equals(language, utils.clientI18nInstance.resolvedLanguage)) return;
-    utils.clientI18nInstance.changeLanguage(language);
-  }, [language]);
-  React.useEffect(function () {
-    if (!preserveValues) utils.clearEmailVerificationDetails(formUuid);
-  }, []);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  React.useEffect(function () {
-    setLocalValues(utils.getWithExpiry("".concat(formId, "/values")));
-  }, [formId]);
-  var _useCreateSubmission = constants.useCreateSubmission({
-      enabled: !submissionId
-    }),
-    createSubmission = _useCreateSubmission.mutateAsync;
-  var _useUpdateSubmission = constants.useUpdateSubmission({
-      enabled: !!submissionId
-    }),
-    updateSubmission = _useUpdateSubmission.mutateAsync;
-  var _useSubmission = constants.useSubmission({
-      formId: formId,
-      submissionId: submissionId,
-      placeholderData: submissionId ? {
-        responses: [],
-        isLoading: true
-      } : {},
-      enabled: !!submissionId
-    }),
-    submission = _useSubmission.data;
-  var clearLocalFormValues = function clearLocalFormValues() {
-    return utils.clearLocalStorageValues("".concat(formId, "/values"));
-  };
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, _ref2) {
-      var setSubmitting, responses, newResponses, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setSubmitting = _ref2.setSubmitting;
-            setError(null);
-            responses = utils.generateFormResponse(values, questions);
-            _context.prev = 3;
-            if (!preview) {
-              _context.next = 9;
-              break;
-            }
-            _context.next = 7;
-            return new Promise(function (resolve) {
-              return setTimeout(function () {
-                resolve();
-                setIsSubmitted(true);
-                setTimeout(function () {
-                  return setShowSuccess(true);
-                }, 1000);
-              }, 1500);
-            });
-          case 7:
-            _context.next = 34;
-            break;
-          case 9:
-            if (!onBeforeSubmit) {
-              _context.next = 14;
-              break;
-            }
-            _context.next = 12;
-            return onBeforeSubmit(responses, values);
-          case 12:
-            newResponses = _context.sent;
-            if (newResponses) {
-              responses = newResponses;
-            }
-          case 14:
-            if (!customSubmitHandler) {
-              _context.next = 21;
-              break;
-            }
-            _context.next = 17;
-            return customSubmitHandler({
-              responses: responses,
-              values: values
-            }, clearLocalFormValues);
-          case 17:
-            data = _context.sent;
-            queryClient.invalidateQueries({
-              queryKey: [constants.QUERY_KEYS.SUBMISSION, formId, submissionId]
-            });
-            _context.next = 30;
-            break;
-          case 21:
-            if (!submissionId) {
-              _context.next = 27;
-              break;
-            }
-            _context.next = 24;
-            return updateSubmission({
-              formId: formId,
-              values: {
-                neetoFormResponse: {
-                  submissionId: submissionId,
-                  responses: responses
-                }
-              }
-            });
-          case 24:
-            data = _context.sent;
-            _context.next = 30;
-            break;
-          case 27:
-            _context.next = 29;
-            return createSubmission({
-              formId: formId,
-              values: {
-                neetoFormResponse: {
-                  responses: responses
-                }
-              }
-            });
-          case 29:
-            data = _context.sent;
-          case 30:
-            clearValuesOnSubmit && clearLocalFormValues();
-            setTimeout(function () {
-              return utils.clearEmailVerificationDetails(formUuid);
-            }, 1000);
-            onSubmitSuccess === null || onSubmitSuccess === void 0 || onSubmitSuccess({
-              values: values,
-              responses: responses,
-              data: data
-            }, clearLocalFormValues);
-            if (isMounted()) {
-              setIsSubmitted(true);
-              setTimeout(function () {
-                return setShowSuccess(true);
-              }, 1000);
-            }
-          case 34:
-            _context.next = 39;
-            break;
-          case 36:
-            _context.prev = 36;
-            _context.t0 = _context["catch"](3);
-            setError(index$1.parseServerError(_context.t0));
-          case 39:
-            _context.prev = 39;
-            if (isMounted()) {
-              setSubmitting(false);
-            }
-            return _context.finish(39);
-          case 42:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[3, 36, 39, 42]]);
-    }));
-    return function onSubmit(_x, _x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var _onReset = function onReset(e, handleReset) {
-    var _editorRef$current, _captchaRef$current, _formDomProps$onReset;
-    if (clearValuesOnReset) {
-      utils.clearLocalStorageValues("".concat(formId, "/values"));
-      setLocalValues(utils.generateInitValues({
-        questions: questions
-      }));
-      submissionId && queryClient.setQueryData([constants.QUERY_KEYS.SUBMISSION, formId, submissionId], {
-        responses: []
-      });
-    }
-    editorRef === null || editorRef === void 0 || (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.editor) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.commands) === null || _editorRef$current === void 0 || _editorRef$current.setContent("");
-    (_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 || _captchaRef$current.reset();
-    handleReset(e);
-    formDomProps === null || formDomProps === void 0 || (_formDomProps$onReset = formDomProps.onReset) === null || _formDomProps$onReset === void 0 || _formDomProps$onReset.call(formDomProps, e);
-    utils.clearEmailVerificationDetails(formUuid);
-  };
-  var handleScrollToError = function handleScrollToError(errors) {
-    if (!formRef.current) return;
-    var errorKeys = Object.keys(errors);
-    if (ramda.isEmpty(errorKeys)) return;
-    var _iterator = _createForOfIteratorHelper(formRef.current),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var formElement = _step.value;
-        if (errorKeys.includes(formElement.name)) {
-          formElement.scrollIntoView({
-            behavior: "smooth",
-            block: "center"
-          });
-          break;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  };
-  var _queryClient$getQuery = queryClient.getQueryState([constants.QUERY_KEYS.QUESTIONS, formId, language]),
-    dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
-  var keyPressRef = useHotkeys("command+enter", ((_formikInnerRef$curre = formikInnerRef.current) === null || _formikInnerRef$curre === void 0 ? void 0 : _formikInnerRef$curre.handleSubmit) || neetoCist.noop, {
-    mode: "scoped"
-  });
-  if (isLoading || form.isQuestionsLoading || !!submissionId && submission !== null && submission !== void 0 && submission.isLoading) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "loader flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
-    });
-  }
-  var displayTitle = formTitle || title;
-  var renderedQuestions = preview ? questions : neetoCist.removeBy({
-    isHidden: true
-  }, questions);
-  if (displayThankYou && showSuccess) {
-    return /*#__PURE__*/jsxRuntime.jsx(Success$1, {});
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames("neeto-form-nano-external-form", {
-      "neeto-form-nano-external-form--size-large": size === "large",
-      "neeto-form-nano-external-form--size-medium": size === "medium"
-    }),
-    children: [showTitle && displayTitle && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-form-nano-external-form-header py-6",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "neeto-ui-text-gray-800 neeto-form-nano-external-form-title",
-        style: "h4",
-        weight: "semibold",
-        children: displayTitle
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
-      onSubmit: onSubmit,
-      enableReinitialize: true,
-      innerRef: formikInnerRef,
-      initialValues: utils.generateInitValues({
-        questions: questions,
-        initialValues: submission === null || submission === void 0 ? void 0 : submission.responses,
-        localValues: preserveValues ? localValues : initialValues,
-        fieldCodes: enablePreFilling ? utils$1.getQueryParams({
-          toCamelCase: false
-        }) : {},
-        remainingSlotsCount: remainingSlotsCount
-      }),
-      children: function children(_ref4) {
-        var isSubmitting = _ref4.isSubmitting,
-          errors = _ref4.errors,
-          setFieldError = _ref4.setFieldError,
-          handleReset = _ref4.handleReset;
-        return /*#__PURE__*/jsxRuntime.jsxs(utils.FormikWrap, {
-          dataUpdateCount: dataUpdateCount,
-          formId: formId,
-          preserveValues: preserveValues,
-          onError: handleScrollToError,
-          onValuesChange: onChange,
-          children: [/*#__PURE__*/jsxRuntime.jsxs(formik.Form, _objectSpread(_objectSpread({
-            noValidate: true,
-            ref: utils.mergeRefs(formRef, keyPressRef),
-            className: classnames("neeto-form-engine-form relative", _defineProperty({
-              "space-y-6": size === "large",
-              "space-y-4": size === "medium"
-            }, className, className)),
-            onChange: function onChange(event) {
-              if (ramda.isEmpty(errors)) return;
-              setFieldError(event.target.name, "");
-            }
-          }, formDomProps), {}, {
-            onReset: function onReset(e) {
-              return _onReset(e, handleReset);
-            },
-            children: [(submission === null || submission === void 0 ? void 0 : submission.isLoading) && /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "neeto-ui-bg-gray-100 absolute bottom-0 start-0 end-0 top-0 flex items-center justify-center opacity-75",
-              children: /*#__PURE__*/jsxRuntime.jsx(Spinner$2, {})
-            }), renderedQuestions.map(function (question, index) {
-              var _question$id;
-              var FieldComponent = utils.getFieldComponent(question);
-              var isLastFewElements = index >= renderedQuestions.length - yup.LAST_ELEMENTS_THRESHOLD;
-              return /*#__PURE__*/jsxRuntime.jsxs("div", {
-                className: "w-full flex flex-col gap-2",
-                children: [/*#__PURE__*/jsxRuntime.jsx(FieldComponent, _objectSpread(_objectSpread({}, _objectSpread({
-                  captchaRef: captchaRef,
-                  editorProps: editorProps,
-                  editorRef: editorRef,
-                  isLastFewElements: isLastFewElements,
-                  preview: preview,
-                  question: question
-                }, question.kind === yup.QUESTION_KIND.SPOT.value && typeof remainingSlotsCount === "number" && {
-                  remainingSlotsCount: remainingSlotsCount
-                })), {}, {
-                  customValidator: customValidator === null || customValidator === void 0 ? void 0 : customValidator(question),
-                  autoComplete: utils.buildAutoCompleteAttribute(question.kind, autoCompleteKinds, formDomProps)
-                })), question.isHidden && /*#__PURE__*/jsxRuntime.jsx(NeetoUICallout, {
-                  "data-testid": "hidden-question-callout",
-                  icon: Warning,
-                  style: "warning",
-                  children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-                    style: "body2",
-                    children: t("neetoForm.callouts.hiddenQuestion")
-                  })
-                }), preview && question.isResponseVisibleOnlyToHost && /*#__PURE__*/jsxRuntime.jsx(NeetoUICallout, {
-                  "data-testid": "response-visible-only-to-host-callout",
-                  icon: Warning,
-                  style: "warning",
-                  children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-                    style: "body2",
-                    children: t("neetoForm.callouts.responseVisibleOnlyToHost")
-                  })
-                })]
-              }, (_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId);
-            }), showEmptyState && ramda.isEmpty(renderedQuestions) && /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "flex w-full grow items-center justify-center py-8",
-              children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
-                className: "min-h-80",
-                title: t("neetoForm.questions.common.noData")
-              })
-            }), !ramda.isEmpty(renderedQuestions) && /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "neeto-form-nano-form-footer mt-8 flex items-center justify-between",
-              children: [cancelButtonProps && /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread({
-                label: t("neetoForm.common.cancel"),
-                style: "secondary"
-              }, cancelButtonProps)), /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "flex gap-x-2",
-                children: utils.renderButtonsInOrder([/*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread({
-                  disabled: isSubmitting || isSubmitted,
-                  label: t("neetoForm.common.submit"),
-                  loading: isSubmitting,
-                  type: "submit"
-                }, submitButtonProps), "submit"), /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread({
-                  label: t("neetoForm.common.reset"),
-                  style: "secondary",
-                  type: "reset"
-                }, resetButtonProps), "reset")], neetoCist.isPresent(cancelButtonProps))
-              })]
-            })]
-          })), !customSubmitHandler && /*#__PURE__*/jsxRuntime.jsx(Callout, {
-            callout: {
-              isVisible: neetoCist.isPresent(error),
-              title: t("neetoForm.callouts.submitError"),
-              message: error
-            },
-            onClose: function onClose() {
-              return setError(null);
-            }
-          })]
-        });
-      }
-    })]
-  });
-};
-var index = withI18nInstance(ExternalForm, utils.clientI18nInstance);
-
-module.exports = index;
-//# sourceMappingURL=ExternalForm.js.map