@bigbinary/neeto-form-frontend 3.9.1 → 3.9.2

package/dist/cjs/ExternalForm.js

@@ -22,13 +22,13 @@ var NeetoUICallout = require('@bigbinary/neetoui/Callout');
 var NoData = require('@bigbinary/neetoui/NoData');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var useFormApi = require('../useFormApi-24e05ed2.js');
+var useFormApi = require('../useFormApi-DAiOGCeD.js');
 var Close = require('@bigbinary/neeto-icons/Close');
-var index$1 = require('../index-b6bb805c.js');
+var index$1 = require('../index-2caW4Cx0.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Check = require('@bigbinary/neeto-icons/Check');
 var jsxRuntime = require('react/jsx-runtime');
-var utils = require('../utils-d5895099.js');
+var utils = require('../utils-D-ZaPjZk.js');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@bigbinary/neeto-commons-frontend/constants');
@@ -37,8 +37,8 @@ require('@babel/runtime/helpers/typeof');
 require('@bigbinary/neeto-editor/utils');
 require('libphonenumber-js');
 require('@bigbinary/neeto-editor/EditorContent');
-require('../constants-771cca31.js');
-require('../constants-4d9fc943.js');
+require('../constants-CAupEAeQ.js');
+require('../constants-D-XSuLo2.js');
 require('dompurify');
 require('@bigbinary/neeto-icons/Plus');
 require('@bigbinary/neetoui/MultiEmailInput');
@@ -57,10 +57,7 @@ require('@bigbinary/neetoui/Radio');
 require('@bigbinary/neeto-editor/Editor');
 require('@bigbinary/neetoui/Textarea');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -73,29 +70,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
-var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
-var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
-var NeetoUICallout__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUICallout);
-var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var Spinner = function Spinner(_ref) {
   var _ref$size = _ref.size,
@@ -122,7 +101,7 @@ 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), !0).forEach(function (r) { _defineProperty__default["default"](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; }
+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), !0).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,
@@ -131,9 +110,9 @@ var Button = function Button(_ref) {
     success = _ref$success === void 0 ? false : _ref$success,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxRuntime.jsxs("button", _objectSpread$2(_objectSpread$2({
-    className: classnames__default["default"]("neeto-form-engine-button", className)
+    className: classnames("neeto-form-engine-button", className)
   }, otherProps), {}, {
     children: [loading && /*#__PURE__*/jsxRuntime.jsx(ButtonLoader, {}), success && /*#__PURE__*/jsxRuntime.jsx(Success$2, {}), label]
   }));
@@ -147,7 +126,7 @@ var ButtonLoader = function ButtonLoader() {
 var Success$2 = function Success() {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "neeto-form-engine-button__success",
-    children: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {})
+    children: /*#__PURE__*/jsxRuntime.jsx(Check, {})
   });
 };
 
@@ -177,7 +156,7 @@ var Callout = function Callout(_ref) {
     secondaryButton = callout.secondaryButton;
   if (!isVisible) return null;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames__default["default"]("neeto-form-engine-callout", _defineProperty__default["default"]({
+    className: classnames("neeto-form-engine-callout", _defineProperty({
       "neeto-form-engine-callout--error": style === CALLOUT_STYLES.ERROR,
       "neeto-form-engine-callout--info": style === CALLOUT_STYLES.INFO,
       "neeto-form-engine-callout--static": position === CALLOUT_POSITIONS.STATIC,
@@ -186,7 +165,7 @@ var Callout = function Callout(_ref) {
     children: [neetoCist.isPresent(onClose) && /*#__PURE__*/jsxRuntime.jsx("button", {
       className: "neeto-form-engine-callout__close",
       onClick: onClose,
-      children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Close, {
         size: 16
       })
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -209,7 +188,7 @@ var Callout = function Callout(_ref) {
 };
 
 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), !0).forEach(function (r) { _defineProperty__default["default"](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; }
+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), !0).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, {
@@ -263,10 +242,10 @@ var Success = reactUtils.withT(function (_ref) {
   var t = _ref.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex h-full w-full flex-col items-center justify-center space-y-4",
-    children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
       style: "h1",
       children: t("neetoForm.successPage.title1")
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
       style: "h1",
       children: t("neetoForm.successPage.title2")
     })]
@@ -274,11 +253,11 @@ var Success = reactUtils.withT(function (_ref) {
 });
 var Success$1 = /*#__PURE__*/React.memo(Success);
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, 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 = !0, u = !1; 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 = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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: !0 } : { done: !1, 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 = !0, u = !1; 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 = !0, 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; }
 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), !0).forEach(function (r) { _defineProperty__default["default"](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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
 var ExternalForm = function ExternalForm(_ref) {
   var _formikInnerRef$curre;
   var _ref$preview = _ref.preview,
@@ -322,22 +301,22 @@ var ExternalForm = function ExternalForm(_ref) {
     _ref$enablePreFilling = _ref.enablePreFilling,
     enablePreFilling = _ref$enablePreFilling === void 0 ? false : _ref$enablePreFilling,
     _ref$language = _ref.language,
-    language = _ref$language === void 0 ? i18next__default["default"].resolvedLanguage : _ref$language;
+    language = _ref$language === void 0 ? i18next.resolvedLanguage : _ref$language;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isSubmitted = _useState2[0],
     setIsSubmitted = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     showSuccess = _useState4[0],
     setShowSuccess = _useState4[1];
   var _useState5 = React.useState(utils.getWithExpiry("".concat(formId, "/values"))),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     localValues = _useState6[0],
     setLocalValues = _useState6[1];
   var isMounted = useIsMounted();
   var _useState7 = React.useState(null),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     error = _useState8[0],
     setError = _useState8[1];
   var formRef = React.useRef();
@@ -376,9 +355,9 @@ var ExternalForm = function ExternalForm(_ref) {
     return utils.clearLocalStorageValues("".concat(formId, "/values"));
   };
   var onSubmit = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(values, _ref2) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, _ref2) {
       var setSubmitting, responses, newResponses, data;
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setSubmitting = _ref2.setSubmitting;
@@ -463,7 +442,7 @@ var ExternalForm = function ExternalForm(_ref) {
           case 29:
             data = _context.sent;
           case 30:
-            showSuccessToastr && Toastr__default["default"].success(t("neetoForm.toasts.formSubmitted"));
+            showSuccessToastr && Toastr.success(t("neetoForm.toasts.formSubmitted"));
             clearValuesOnSubmit && clearLocalFormValues();
             onSubmitSuccess === null || onSubmitSuccess === void 0 ? void 0 : onSubmitSuccess({
               values: values,
@@ -553,13 +532,13 @@ var ExternalForm = function ExternalForm(_ref) {
     isLoading = _useForm.isLoading;
   var _queryClient$getQuery = queryClient.getQueryState([useFormApi.QUERY_KEYS.QUESTIONS, formId, language]),
     dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
-  var keyPressRef = useHotkeys__default["default"]("command+enter", ((_formikInnerRef$curre = formikInnerRef.current) === null || _formikInnerRef$curre === void 0 ? void 0 : _formikInnerRef$curre.handleSubmit) || neetoCist.noop, {
+  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__default["default"], {})
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
     });
   }
   var title = form.title,
@@ -579,7 +558,7 @@ var ExternalForm = function ExternalForm(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [showTitle && displayTitle && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "py-6 text-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], _objectSpread(_objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, _objectSpread(_objectSpread({
         className: "neeto-ui-text-gray-800",
         style: "h4",
         weight: "semibold"
@@ -612,7 +591,7 @@ var ExternalForm = function ExternalForm(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsxs(formik.Form, _objectSpread(_objectSpread({
             noValidate: true,
             ref: utils.mergeRefs(formRef, keyPressRef),
-            className: classnames__default["default"]("neeto-form-engine-form relative space-y-4", _defineProperty__default["default"]({}, className, className)),
+            className: classnames("neeto-form-engine-form relative space-y-4", _defineProperty({}, className, className)),
             onChange: function onChange(event) {
               if (ramda.isEmpty(errors)) return;
               setFieldError(event.target.name, "");
@@ -623,7 +602,7 @@ var ExternalForm = function ExternalForm(_ref) {
             },
             children: [(submission === null || submission === void 0 ? void 0 : submission.isLoading) && /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "neeto-ui-bg-gray-100 absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center opacity-75",
-              children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+              children: /*#__PURE__*/jsxRuntime.jsx(Spinner$2, {})
             }), renderedQuestions.map(function (question) {
               var _question$id;
               var FieldComponent = utils.getFieldComponent(question);
@@ -636,10 +615,10 @@ var ExternalForm = function ExternalForm(_ref) {
                   question: question,
                   customValidator: customValidator === null || customValidator === void 0 ? void 0 : customValidator(question),
                   autoComplete: utils.buildAutoCompleteAttribute(question.kind, autoCompleteKinds, formDomProps)
-                }), question.isHidden && /*#__PURE__*/jsxRuntime.jsx(NeetoUICallout__default["default"], {
-                  icon: Warning__default["default"],
+                }), question.isHidden && /*#__PURE__*/jsxRuntime.jsx(NeetoUICallout, {
+                  icon: Warning,
                   style: "warning",
-                  children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                  children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                     style: "body2",
                     children: t("neetoForm.callouts.hiddenQuestion")
                   })
@@ -647,23 +626,23 @@ var ExternalForm = function ExternalForm(_ref) {
               }, (_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 flex-grow items-center justify-center py-8",
-              children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+              children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
                 className: "min-h-80",
                 title: t("neetoForm.questions.common.noData")
               })
             }), footer, !ramda.isEmpty(renderedQuestions) && /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "mt-8 flex items-center justify-between",
-              children: [cancelButtonProps && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+              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__default["default"], _objectSpread({
+                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__default["default"], _objectSpread({
+                }, submitButtonProps), "submit"), /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread({
                   label: t("neetoForm.common.reset"),
                   style: "secondary",
                   type: "reset"