@bigbinary/neeto-form-frontend 1.2.51 → 1.2.53

package/dist/index.js

@@ -9,6 +9,7 @@ import { assoc, mergeLeft, prop, isEmpty, path, values, compose as compose$1, tr
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import i18next, { t as t$4 } from 'i18next';
 import { Input, Email as Email$2, Phone as Phone$2, Globe, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
+import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import { useMutationWithInvalidation, withImmutableActions, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
 import ReactDOM, { unstable_batchedUpdates, flushSync as flushSync$1 } from 'react-dom';
@@ -128,9 +129,9 @@ function _objectWithoutProperties$1(source, excluded) {
 
 var _excluded$d = ["size"],
   _excluded2$2 = ["size"],
-  _excluded3$1 = ["size"],
-  _excluded4$2 = ["size"],
-  _excluded5 = ["size"];
+  _excluded3$2 = ["size"],
+  _excluded4$1 = ["size"],
+  _excluded5$1 = ["size"];
 var Star = function Star(props) {
   var _props$size = props.size,
     size = _props$size === void 0 ? 20 : _props$size,
@@ -170,7 +171,7 @@ var Heart = function Heart(props) {
 var Zap = function Zap(props) {
   var _props$size3 = props.size,
     size = _props$size3 === void 0 ? 20 : _props$size3,
-    other = _objectWithoutProperties$1(props, _excluded3$1);
+    other = _objectWithoutProperties$1(props, _excluded3$2);
   return /*#__PURE__*/React__default.createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -188,7 +189,7 @@ var Zap = function Zap(props) {
 var Crown = function Crown(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded4$2);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded4$1);
   return /*#__PURE__*/React__default.createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -210,7 +211,7 @@ var Crown = function Crown(_ref) {
 var Trophy = function Trophy(_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 20 : _ref2$size,
-    otherProps = _objectWithoutProperties$1(_ref2, _excluded5);
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded5$1);
   return /*#__PURE__*/React__default.createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -499,8 +500,10 @@ var getFormSubmissionsUrl = function getFormSubmissionsUrl(formId) {
 var getFormSubmissionUrl = function getFormSubmissionUrl(formId, submissionId) {
   return "".concat(getFormSubmissionsUrl(formId), "/").concat(submissionId);
 };
-var getForms = function getForms() {
-  return axios.get(getFormsUrl());
+var getForms = function getForms(params) {
+  return axios.get(getFormsUrl(), {
+    params: params
+  });
 };
 var createForm = function createForm(payload) {
   return axios.post(getFormsUrl(), payload);
@@ -581,7 +584,8 @@ var neetoFormApi = {
 
 var _excluded$c = ["formId", "preview", "language"],
   _excluded2$1 = ["formId", "language"],
-  _excluded4$1 = ["formId", "submissionId"];
+  _excluded3$1 = ["page", "pageSize"],
+  _excluded5 = ["formId", "submissionId"];
 function ownKeys$k(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useForm = function useForm(_ref) {
@@ -667,21 +671,32 @@ var useUpdateQuestions = function useUpdateQuestions(options, language) {
     }
   }));
 };
-var useForms = function useForms(options) {
-  return useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$j({
+var useForms = function useForms() {
+  var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref6$page = _ref6.page,
+    page = _ref6$page === void 0 ? DEFAULT_PAGE_INDEX : _ref6$page,
+    _ref6$pageSize = _ref6.pageSize,
+    pageSize = _ref6$pageSize === void 0 ? DEFAULT_PAGE_SIZE : _ref6$pageSize,
+    options = _objectWithoutProperties$1(_ref6, _excluded3$1);
+  return useQuery([QUERY_KEYS.FORMS, page], function () {
+    return neetoFormApi.getForms({
+      page: page,
+      pageSize: pageSize
+    });
+  }, _objectSpread$j({
     keepPreviousData: true
   }, options));
 };
 var useDeleteForm = function useDeleteForm(options) {
-  return useMutationWithInvalidation(function (_ref6) {
-    var id = _ref6.id;
+  return useMutationWithInvalidation(function (_ref7) {
+    var id = _ref7.id;
     return neetoFormApi.destroyForm(id);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
-    keysToInvalidate: [[QUERY_KEYS.FORMS], function (_, _ref7) {
-      var id = _ref7.id;
-      return [QUERY_KEYS.QUESTIONS, id];
-    }, function (_, _ref8) {
+    keysToInvalidate: [[QUERY_KEYS.FORMS], function (_, _ref8) {
       var id = _ref8.id;
+      return [QUERY_KEYS.QUESTIONS, id];
+    }, function (_, _ref9) {
+      var id = _ref9.id;
       return [QUERY_KEYS.QUESTIONS, "preview/".concat(id)];
     }],
     onSuccess: function onSuccess() {
@@ -689,10 +704,10 @@ var useDeleteForm = function useDeleteForm(options) {
     }
   }));
 };
-var useSubmission = function useSubmission(_ref10) {
-  var formId = _ref10.formId,
-    submissionId = _ref10.submissionId,
-    options = _objectWithoutProperties$1(_ref10, _excluded4$1);
+var useSubmission = function useSubmission(_ref11) {
+  var formId = _ref11.formId,
+    submissionId = _ref11.submissionId,
+    options = _objectWithoutProperties$1(_ref11, _excluded5);
   return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
@@ -701,9 +716,9 @@ var useSubmission = function useSubmission(_ref10) {
 };
 var useCreateSubmission = function useCreateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(function (_ref11) {
-    var formId = _ref11.formId,
-      values = _ref11.values;
+  return useMutation(function (_ref12) {
+    var formId = _ref12.formId,
+      values = _ref12.values;
     return neetoFormApi.submitPublicForm(formId, values);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
     onSuccess: function onSuccess() {
@@ -722,9 +737,9 @@ var useCreateSubmission = function useCreateSubmission(options) {
 };
 var useUpdateSubmission = function useUpdateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(function (_ref12) {
-    var formId = _ref12.formId,
-      values = _ref12.values;
+  return useMutation(function (_ref13) {
+    var formId = _ref13.formId,
+      values = _ref13.values;
     return neetoFormApi.updatePublicSubmission(formId, values);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
     onSuccess: function onSuccess() {
@@ -753,6 +768,7 @@ var QUESTIONS_INITIAL_VALUE = {
   title: ""
 };
 var RESERVED_FIELD_CODES = ["month", "date", "time"];
+var SELECTABLE_KINDS = ["radio", "checkbox", "dropdown"];
 
 function _arrayWithHoles$3(arr) {
   if (Array.isArray(arr)) return arr;
@@ -11953,13 +11969,23 @@ var formValidationSchema = object().shape({
       }
     }),
     kind: string().required(),
-    fieldCode: string().trim().notOneOf(RESERVED_FIELD_CODES, i18next.t("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
-      return QUESTIONS_WITHOUT_FIELD_CODE.includes(kind) ? schema.notRequired() : requiredLabelValidation(schema, i18next.t("neetoForm.questions.common.questionFields.field.fieldCode"));
+    fieldCode: string().when("_destroy", {
+      is: true,
+      otherwise: function otherwise(schema) {
+        return schema.trim().notOneOf(RESERVED_FIELD_CODES, i18next.t("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
+          return QUESTIONS_WITHOUT_FIELD_CODE.includes(kind) ? schema.notRequired() : requiredLabelValidation(schema, i18next.t("neetoForm.questions.common.questionFields.field.fieldCode"));
+        });
+      }
     }),
-    optionsAttributes: array().when("kind", function (kind, schema) {
-      return ["radio", "checkbox", "dropdown"].includes(kind) ? schema.of(object().shape({
-        label: requiredLabelValidation(string(), i18next.t("neetoForm.questions.common.questionFields.field.option"))
-      })) : schema.notRequired();
+    optionsAttributes: array().when("_destroy", {
+      is: true,
+      otherwise: function otherwise(schema) {
+        return schema.when("kind", function (kind, schema) {
+          return SELECTABLE_KINDS.includes(kind) ? schema.of(object().shape({
+            label: requiredLabelValidation(string(), i18next.t("neetoForm.questions.common.questionFields.field.option"))
+          })) : schema.notRequired();
+        });
+      }
     }),
     highestRatingLabel: string().nullable(),
     averageRatingLabel: string().nullable(),