@bigbinary/neeto-form-frontend 1.0.5 → 1.0.7

package/dist/index.js

@@ -14,14 +14,16 @@ import require$$0$1 from 'os';
 import require$$8 from 'zlib';
 import require$$1$2 from 'path';
 import require$$6 from 'fs';
-import { reject, omit, insert, isEmpty, compose as compose$1, trim as trim$2, either, isNil, values as values$1, equals, not, times } from 'ramda';
+import { assoc, prop, reject, omit, insert, isEmpty, compose as compose$1, trim as trim$2, either, isNil, values as values$1, equals, not, times } from 'ramda';
 import { Input as Input$2, Textarea as Textarea$1, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
+import { withImmutableActions } from '@bigbinary/neeto-commons-frontend/react-utils';
+import create$1 from 'zustand';
 import classnames from 'classnames';
 import { Up, Down, MenuHorizontal, Delete, Plus, Email as Email$1, Phone as Phone$1, Input as Input$3, NeetoInvisible, MultipleChoice as MultipleChoice$1, ListDot, Dropdown as Dropdown$2, Rating as Rating$2, Smiley, Calendar, Check, Close } from '@bigbinary/neeto-icons';
 import { Editor as Editor$1, EditorContent } from '@bigbinary/neeto-editor';
 import * as yup from 'yup';
 import { object, array, string } from 'yup';
-import { isPresent } from '@bigbinary/neeto-commons-frontend/pure';
+import { isPresent, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import dayjs$1 from 'dayjs';
 import require$$4$1 from 'dayjs/plugin/localeData';
 import utc from 'dayjs/plugin/utc';
@@ -3229,6 +3231,52 @@ const FormQueryClientProvider = _ref => {
   }, children);
 };
 
+const NeetoFormProvider = _ref => {
+  let children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(FormQueryClientProvider, null, children);
+};
+
+function _typeof$4(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$4(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof$4(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$4(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$4(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty$6(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles$4(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -3284,101 +3332,6 @@ function _slicedToArray$4(arr, i) {
   return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$f(arr, i) || _nonIterableRest$4();
 }
 
-const buildFormReducer = function () {
-  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let action = arguments.length > 1 ? arguments[1] : undefined;
-  switch (action.type) {
-    case "SET_FORM_DATA":
-      return action.payload;
-    default:
-      return state;
-  }
-};
-
-const BuildFormStateContext = /*#__PURE__*/React__default.createContext();
-const BuildFormDispatchContext = /*#__PURE__*/React__default.createContext();
-const initialState = {
-  values: {},
-  dirty: false,
-  isSubmitting: false,
-  isValid: true,
-  errors: [],
-  submitForm: () => {},
-  resetForm: () => {}
-};
-const BuildFormProvider = _ref => {
-  let children = _ref.children;
-  const _React$useReducer = React__default.useReducer(buildFormReducer, initialState),
-    _React$useReducer2 = _slicedToArray$4(_React$useReducer, 2),
-    state = _React$useReducer2[0],
-    dispatch = _React$useReducer2[1];
-  return /*#__PURE__*/React__default.createElement(BuildFormStateContext.Provider, {
-    value: state
-  }, /*#__PURE__*/React__default.createElement(BuildFormDispatchContext.Provider, {
-    value: dispatch
-  }, children));
-};
-const useBuildFormState = () => {
-  const context = React__default.useContext(BuildFormStateContext);
-  if (context === undefined) {
-    throw new Error("useBuildFormState must be used within a BuildFormProvider");
-  }
-  return context;
-};
-const useBuildFormDispatch = () => {
-  const context = React__default.useContext(BuildFormDispatchContext);
-  if (context === undefined) {
-    throw new Error("useBuildFormDispatch must be used within a BuildFormProvider");
-  }
-  return context;
-};
-
-const NeetoFormProvider = _ref => {
-  let children = _ref.children;
-  return /*#__PURE__*/React__default.createElement(FormQueryClientProvider, null, /*#__PURE__*/React__default.createElement(BuildFormProvider, null, children));
-};
-
-function _typeof$4(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$4(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof$4(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$4(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$4(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty$6(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 const QUERY_KEYS = {
   QUESTIONS: "questions",
   SUBMISSIONS: "submissions",
@@ -30666,6 +30619,21 @@ function useTranslation(ns) {
   });
 }
 
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+const useBuildFormStore = create$1(withImmutableActions(set => ({
+  formState: {
+    values: {},
+    dirty: false,
+    isSubmitting: false,
+    isValid: true,
+    errors: [],
+    submitForm: () => {},
+    resetForm: () => {}
+  },
+  setFormData: payload => set(assoc("formState", payload))
+})));
+const useBuildFormState = () => useBuildFormStore(prop("formState"));
+
 const ListItem = _ref => {
   let _ref$icon = _ref.icon,
     Icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -35435,22 +35403,19 @@ const Form = _ref => {
     errors = formikContext.errors,
     submitForm = formikContext.submitForm,
     resetForm = formikContext.resetForm;
-  const dispatch = useBuildFormDispatch();
+  const setFormData = useBuildFormStore(prop("setFormData"));
   useEffect(() => {
-    dispatch({
-      type: "SET_FORM_DATA",
-      payload: {
-        values,
-        dirty,
-        isSubmitting,
-        isValid,
-        errors,
-        submitForm,
-        resetForm,
-        setShouldValidate
-      }
+    setFormData({
+      values,
+      dirty,
+      isSubmitting,
+      isValid,
+      errors,
+      submitForm,
+      resetForm,
+      setShouldValidate
     });
-  }, [formId, dispatch, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, setShouldValidate]);
+  }, [formId, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, setShouldValidate]);
   const questions = values.questions;
   useEffect(() => {
     onValueChange?.(questions);
@@ -42896,7 +42861,7 @@ const generateFormResponse = (response, questions) => {
       } else if (kind === QUESTION_KIND.PHONE.value) {
         formResponse.push({
           question_id: id,
-          value: parsePhoneNumberFromString(responseValue).formatInternational(),
+          value: responseValue ? parsePhoneNumberFromString(responseValue).formatInternational() : "",
           kind
         });
       } else formResponse.push({
@@ -42917,7 +42882,7 @@ const getSelectMinError = function (min) {
 };
 const getInvalidTypeError = (label, type) => `${label} should be a valid ${type}.`;
 
-const validatePhoneNumber = value => parsePhoneNumberFromString(value)?.isValid();
+const validatePhoneNumber = value => isNotEmpty(value) ? parsePhoneNumberFromString(value)?.isValid() : true;
 const validateTextField = _ref => {
   let kind = _ref.kind,
     label = _ref.label,

package/index.d.ts

@@ -17,7 +17,7 @@ interface BuildFormProps {
 interface ExternalFormProps {
   preview?: boolean;
   formId: string;
-  submissionId: string;
+  submissionId?: string;
   customSubmitHandler?: (data: any) => void;
   onBeforeSubmit?: (data: any) => void;
   onSubmitSuccess?: (data: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-form-frontend",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Neeto Form Engine Frontend",
   "author": "BigBinary",
   "license": "MIT",