@bigbinary/neeto-form-frontend 2.2.0-beta3 → 3.0.0

package/dist/index.cjs.js

@@ -44,13 +44,16 @@ var Input = require('@bigbinary/neetoui/formik/Input');
 var yup = require('yup');
 var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Delete = require('@bigbinary/neeto-icons/Delete');
+var Plus = require('@bigbinary/neeto-icons/Plus');
 var Label = require('@bigbinary/neetoui/Label');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Toastr = require('@bigbinary/neetoui/Toastr');
 var Spinner$2 = require('@bigbinary/neetoui/Spinner');
+var Close = require('@bigbinary/neeto-icons/Close');
+var Check = require('@bigbinary/neeto-icons/Check');
 var dayjs = require('dayjs');
 var libphonenumberJs = require('libphonenumber-js');
 var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
@@ -64,6 +67,7 @@ var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var path = require('path');
 var Input$1 = require('@bigbinary/neetoui/Input');
 var activestorage = require('@rails/activestorage');
+var FileGeneric = require('@bigbinary/neeto-icons/FileGeneric');
 var Select$1 = require('@bigbinary/neetoui/Select');
 var Radio = require('@bigbinary/neetoui/Radio');
 var Textarea$1 = require('@bigbinary/neetoui/Textarea');
@@ -118,12 +122,16 @@ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
+var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
 var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
+var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var EditorContent__default = /*#__PURE__*/_interopDefaultLegacy(EditorContent);
 var NeetoUIMultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIMultiEmailInput);
@@ -134,6 +142,7 @@ var weekOfYear__default = /*#__PURE__*/_interopDefaultLegacy(weekOfYear);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
+var FileGeneric__default = /*#__PURE__*/_interopDefaultLegacy(FileGeneric);
 var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
@@ -685,7 +694,8 @@ var useCreateForm = function useCreateForm(options) {
         return forms && [].concat(_toConsumableArray__default["default"](forms), [form]);
       });
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, form.id, language], form);
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(form.id), language], form), queryClient.invalidateQueries({
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(form.id), language], form);
+      queryClient.invalidateQueries({
         queryKey: [QUERY_KEYS.FORMS]
       });
       options === null || options === void 0 || (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options, form);
@@ -895,25 +905,23 @@ var useUpdateSubmission = function useUpdateSubmission(options) {
   return reactQuery.useMutation(_objectSpread$z(_objectSpread$z({
     mutationFn: function mutationFn(_ref13) {
       var formId = _ref13.formId,
-        submissionId = _ref13.submissionId,
         values = _ref13.values;
-      return neetoFormApi.updatePublicSubmission(formId, submissionId, values);
+      return neetoFormApi.updatePublicSubmission(formId, values);
     }
   }, options), {}, {
     onSuccess: function onSuccess() {
+      var _data$submission3;
       for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
         args[_key6] = arguments[_key6];
       }
       var data = args[0],
-        _args$ = args[1],
-        formId = _args$.formId,
-        submissionId = _args$.submissionId;
+        formId = args[1].formId;
       queryClient.invalidateQueries({
-        queryKey: [QUERY_KEYS.SUBMISSIONS, formId]
+        queryKey: [[QUERY_KEYS.SUBMISSIONS, formId]]
       });
-      queryClient.setQueryData([QUERY_KEYS.SUBMISSION, formId, submissionId], data === null || data === void 0 ? void 0 : data.submission);
+      queryClient.setQueryData([QUERY_KEYS.SUBMISSION, formId, data === null || data === void 0 || (_data$submission3 = data.submission) === null || _data$submission3 === void 0 ? void 0 : _data$submission3.id], data === null || data === void 0 ? void 0 : data.submission);
       queryClient.invalidateQueries({
-        queryKey: [QUERY_KEYS.SUBMISSION, formId, submissionId]
+        queryKey: [[QUERY_KEYS.SUBMISSION, formId, data.submission.id]]
       });
       options.onSuccess && options.onSuccess.apply(options, args);
     }
@@ -2674,7 +2682,7 @@ var Options = function Options(_ref) {
                   })
                 }), !freezeOptions && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                   "data-cy": "neeto-form-engine-delete-option-button",
-                  icon: neetoIcons.Delete,
+                  icon: Delete__default["default"],
                   size: "small",
                   style: "text",
                   className: classnames__default["default"]({
@@ -2694,7 +2702,7 @@ var Options = function Options(_ref) {
             className: "mt-3 w-full",
             children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
               "data-cy": "neeto-form-engine-add-option-button",
-              icon: neetoIcons.Plus,
+              icon: Plus__default["default"],
               iconPosition: "left",
               size: "small",
               style: "text",
@@ -2897,7 +2905,7 @@ var AddQuestion = reactUtils.withT(function (_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
         "data-cy": "neeto-form-engine-add-question",
         disabled: isDisabled,
-        icon: neetoIcons.Plus,
+        icon: Plus__default["default"],
         iconPosition: "left",
         label: t("neetoForm.questions.common.primaryPanel.addQuestion"),
         style: "link",
@@ -3362,7 +3370,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(neetoIcons.Check, {})
+    children: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {})
   });
 };
 
@@ -3401,7 +3409,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(neetoIcons.Close, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
         size: 16
       })
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -13371,7 +13379,7 @@ var FilePreview = reactUtils.withT(function (_ref) {
           invisible: isUploading
         }),
         href: file.url,
-        icon: neetoIcons.FileGeneric,
+        icon: FileGeneric__default["default"],
         iconSize: 24,
         rel: "noreferrer",
         size: "large",
@@ -13403,12 +13411,12 @@ var FilePreview = reactUtils.withT(function (_ref) {
         className: classnames__default["default"]("neeto-form-engine-file-upload__success-indicator", {
           "neeto-form-engine-file-upload__success-indicator--active": file.url
         }),
-        children: file.url && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {})
+        children: file.url && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {})
       }), /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: classnames__default["default"]("neeto-form-engine-file-upload__button--red neeto-form-engine-file-upload__remove-button"),
         onClick: cancel,
-        children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {})
       })]
     })]
   }, file.url);
@@ -14276,7 +14284,7 @@ var ExternalForm = function ExternalForm(_ref) {
           case 17:
             data = _context.sent;
             queryClient.invalidateQueries({
-              queryKey: [QUERY_KEYS.FORM, formId, submissionId]
+              queryKey: [QUERY_KEYS.SUBMISSION, formId, submissionId]
             });
             _context.next = 30;
             break;
@@ -14389,6 +14397,7 @@ var ExternalForm = function ExternalForm(_ref) {
   var _useForm = useForm({
       formId: formId,
       language: language,
+      preview: preview,
       enabled: !preview
     }),
     _useForm$data = _useForm.data,