@bigbinary/neeto-form-frontend 3.9.0 → 3.9.1

package/dist/buildForm-dfd708c6.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildForm-dfd708c6.js","sources":["../app/javascript/src/stores/buildForm.js"],"sourcesContent":["import i18next from \"i18next\";\nimport { noop } from \"neetocist\";\nimport { withImmutableActions } from \"neetocommons/react-utils\";\nimport { mergeLeft, modify, prop } from \"ramda\";\nimport { create } from \"zustand\";\n\nimport { isFunction } from \"utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useBuildFormStore = create(\n  withImmutableActions(set => ({\n    formState: {\n      values: {},\n      dirty: false,\n      isSubmitting: false,\n      isValid: true,\n      errors: [],\n      submitForm: noop,\n      resetForm: noop,\n      selectedLanguage: i18next.resolvedLanguage,\n      formId: null,\n      enabled: false,\n      title: \"\",\n      richTextFieldsToReset: [],\n      helpDocUrls: {},\n      enableDomainBlacklisting: true,\n      enableDomainWhitelisting: true,\n    },\n\n    setFormData: arg =>\n      set(modify(\"formState\", isFunction(arg) ? arg : mergeLeft(arg))),\n  }))\n);\n\nexport const useBuildFormState = () => useBuildFormStore(prop(\"formState\"));\n\nexport default useBuildFormStore;\n"],"names":["useBuildFormStore","create","withImmutableActions","set","formState","values","dirty","isSubmitting","isValid","errors","submitForm","noop","resetForm","selectedLanguage","i18next","resolvedLanguage","formId","enabled","title","richTextFieldsToReset","helpDocUrls","enableDomainBlacklisting","enableDomainWhitelisting","setFormData","arg","modify","isFunction","mergeLeft","useBuildFormState","prop"],"mappings":";;;;;;;AAQA;AACA,IAAMA,iBAAiB,GAAGC,MAAM,CAC9BC,oBAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;AACVC,MAAAA,KAAK,EAAE,KAAK;AACZC,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAEC,IAAI;AAChBC,MAAAA,SAAS,EAAED,IAAI;MACfE,gBAAgB,EAAEC,OAAO,CAACC,gBAAgB;AAC1CC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,OAAO,EAAE,KAAK;AACdC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,qBAAqB,EAAE,EAAE;MACzBC,WAAW,EAAE,EAAE;AACfC,MAAAA,wBAAwB,EAAE,IAAI;AAC9BC,MAAAA,wBAAwB,EAAE,IAAA;KAC3B;IAEDC,WAAW,EAAE,SAAAA,WAAAA,CAAAC,GAAG,EAAA;AAAA,MAAA,OACdrB,GAAG,CAACsB,MAAM,CAAC,WAAW,EAAEC,UAAU,CAACF,GAAG,CAAC,GAAGA,GAAG,GAAGG,SAAS,CAACH,GAAG,CAAC,CAAC,CAAC,CAAA;AAAA,KAAA;GACnE,CAAA;AAAA,CAAC,CACJ,EAAC;AAEYI,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,OAAS5B,iBAAiB,CAAC6B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"buildForm-dfd708c6.js","sources":["../app/javascript/src/stores/buildForm.js"],"sourcesContent":["import i18next from \"i18next\";\nimport { noop } from \"neetocist\";\nimport { withImmutableActions } from \"neetocommons/react-utils\";\nimport { mergeLeft, modify, prop } from \"ramda\";\nimport { create } from \"zustand\";\n\nimport { isFunction } from \"utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useBuildFormStore = create(\n  withImmutableActions(set => ({\n    formState: {\n      values: {},\n      dirty: false,\n      isSubmitting: false,\n      isValid: true,\n      errors: [],\n      submitForm: noop,\n      resetForm: noop,\n      selectedLanguage: i18next.resolvedLanguage,\n      formId: null,\n      enabled: false,\n      title: \"\",\n      richTextFieldsToReset: [],\n      helpDocUrls: {},\n      enableDomainBlacklisting: true,\n      enableDomainWhitelisting: true,\n    },\n\n    setFormData: arg =>\n      set(modify(\"formState\", isFunction(arg) ? arg : mergeLeft(arg))),\n  }))\n);\n\nexport const useBuildFormState = () => useBuildFormStore(prop(\"formState\"));\n\nexport default useBuildFormStore;\n"],"names":["useBuildFormStore","create","withImmutableActions","set","formState","values","dirty","isSubmitting","isValid","errors","submitForm","noop","resetForm","selectedLanguage","i18next","resolvedLanguage","formId","enabled","title","richTextFieldsToReset","helpDocUrls","enableDomainBlacklisting","enableDomainWhitelisting","setFormData","arg","modify","isFunction","mergeLeft","useBuildFormState","prop"],"mappings":";;;;;;;AAQA;AACA,IAAMA,iBAAiB,GAAGC,MAAM,CAC9BC,oBAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;AACVC,MAAAA,KAAK,EAAE,KAAK;AACZC,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAEC,IAAI;AAChBC,MAAAA,SAAS,EAAED,IAAI;MACfE,gBAAgB,EAAEC,OAAO,CAACC,gBAAgB;AAC1CC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,OAAO,EAAE,KAAK;AACdC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,qBAAqB,EAAE,EAAE;MACzBC,WAAW,EAAE,EAAE;AACfC,MAAAA,wBAAwB,EAAE,IAAI;AAC9BC,MAAAA,wBAAwB,EAAE,IAAA;KAC3B;AAEDC,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAEC,GAAG,EAAA;AAAA,MAAA,OACdrB,GAAG,CAACsB,MAAM,CAAC,WAAW,EAAEC,UAAU,CAACF,GAAG,CAAC,GAAGA,GAAG,GAAGG,SAAS,CAACH,GAAG,CAAC,CAAC,CAAC,CAAA;AAAA,KAAA;GACnE,CAAA;AAAA,CAAC,CACJ,EAAC;AAEYI,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,OAAS5B,iBAAiB,CAAC6B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/BuildForm.js

@@ -9,9 +9,9 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var ramda = require('ramda');
-var useFormApi = require('../useFormApi-408d0060.js');
+var useFormApi = require('../useFormApi-24e05ed2.js');
 var constants$1 = require('../constants-4d9fc943.js');
-var constants = require('../constants-56bf4022.js');
+var constants = require('../constants-771cca31.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var dnd = require('@hello-pangea/dnd');
@@ -31,6 +31,7 @@ var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var i18next = require('i18next');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var uuid = require('uuid');
 var NoData = require('@bigbinary/neetoui/NoData');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Form$2 = require('@bigbinary/neetoui/formik/Form');
@@ -295,8 +296,8 @@ function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var validateEditorContent = function validateEditorContent(editorRef) {
   return function () {
-    var _editorRef$current;
-    return (_editorRef$current = editorRef.current) !== null && _editorRef$current !== void 0 && (_editorRef$current = _editorRef$current.editor) !== null && _editorRef$current !== void 0 && _editorRef$current.isEmpty ? i18next.t("neetoForm.common.thisFieldIsRequired") : "";
+    var _editorRef$current, _editorRef$current$ed;
+    return (_editorRef$current = editorRef.current) !== null && _editorRef$current !== void 0 && (_editorRef$current$ed = _editorRef$current.editor) !== null && _editorRef$current$ed !== void 0 && _editorRef$current$ed.isEmpty ? i18next.t("neetoForm.common.thisFieldIsRequired") : "";
   };
 };
 var buildReorderPayload = function buildReorderPayload(questions) {
@@ -484,71 +485,6 @@ var Questions = function Questions(_ref) {
   });
 };
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && !buf && !options) {
-    return native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
 var moveItem = function moveItem(arr, sourceIndex, destinationIndex) {
   if (sourceIndex === destinationIndex) return arr;
   if (arr instanceof Array && arr[sourceIndex] !== undefined) {
@@ -619,7 +555,7 @@ var createFieldData = function createFieldData(_ref3) {
     metadata: metadata,
     isRequired: isRequired,
     kind: type,
-    nodeId: v4(),
+    nodeId: uuid.v4(),
     fieldCode: generateUniqueFieldCode(type, questions)
   });
 };
@@ -644,7 +580,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
     kind: kind,
     label: newQuestionLabel,
     optionsAttributes: optionsAttributes && optionsAttributes.map(ramda.omit(["id"])),
-    nodeId: v4(),
+    nodeId: uuid.v4(),
     fieldCode: generateUniqueFieldCode(item.kind, questions),
     displayOrder: item.displayOrder + 1
   });
@@ -804,8 +740,8 @@ var useUpdateEditorContent = function useUpdateEditorContent(_ref) {
     return store.formState.richTextFieldsToReset.includes(fieldCode);
   });
   var setEditorContent = function setEditorContent(content) {
-    var _editorRef$current$ed;
-    return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.commands) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.setContent(content);
+    var _editorRef$current$ed, _editorRef$current$ed2;
+    return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : (_editorRef$current$ed2 = _editorRef$current$ed.commands) === null || _editorRef$current$ed2 === void 0 ? void 0 : _editorRef$current$ed2.setContent(content);
   };
   if (shouldReset) {
     setEditorContent(initialValue);
@@ -1284,11 +1220,11 @@ var SwitchBlock = function SwitchBlock(_ref) {
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
   return /*#__PURE__*/jsxRuntime.jsxs(Label__default["default"], {
     className: classnames__default["default"]("flex items-center justify-start gap-2 ", className),
-    "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title), "-toggle-label"),
+    "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title && name), "-toggle-label"),
     children: [/*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, otherProps), {}, {
       name: name
     })), {}, {
-      "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title), "-switch")
+      "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title && name), "-switch")
     })), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
       component: "span",
       style: "body1",
@@ -1554,8 +1490,8 @@ var validateDomains = function validateDomains(value) {
   }));
 
   // eslint-disable-next-line no-async-promise-executor
-  return new Promise( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
+  return new Promise(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -1628,6 +1564,7 @@ var RestrictDomainsBlock = function RestrictDomainsBlock(_ref) {
   var helpLink = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", domainName]));
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col space-y-4",
+    "data-cy": "".concat(neetoCist.hyphenate(switchName), "-container"),
     children: [/*#__PURE__*/jsxRuntime.jsx(SwitchBlock, {
       className: "mt-4",
       name: switchName,
@@ -2254,7 +2191,7 @@ var Form = function Form(_ref) {
     enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen)
   });
   React.useEffect(function () {
-    onValueChange === null || onValueChange === void 0 || onValueChange(questions);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(questions);
   }, [questions]);
   var availableQuestionKinds = getAvailableQuestionKinds({
     allQuestionKinds: questionKinds,
@@ -2439,7 +2376,7 @@ var BuildForm = function BuildForm(_ref) {
     isQuestionsLoading = _ref2.isQuestionsLoading;
   React.useEffect(function () {
     if (data) {
-      onUpdate === null || onUpdate === void 0 || onUpdate(data);
+      onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(data);
     }
   }, [data]);
   if (isLoading || showLoader && isQuestionsLoading && !isQuestionsPending) {