@bigbinary/neeto-form-frontend 3.12.0 → 3.12.2

package/dist/Submission.js

@@ -1,21 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classnames from 'classnames';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import Typography from '@bigbinary/neetoui/Typography';
+import { Q as QUESTION_TYPES, e as useSubmission } from './constants-LQk7jxH9.js';
 import { t } from 'i18next';
-import { removeBy, isNotPresent, modifyBy, isPresent } from '@bigbinary/neeto-cist';
+import { isNotPresent } from '@bigbinary/neeto-cist';
 import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import EditorContent from '@bigbinary/neeto-editor/EditorContent';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { PhoneNumber } from '@bigbinary/neeto-molecules/PhoneNumber';
-import Typography from '@bigbinary/neetoui/Typography';
-import { includes, __, mergeLeft, isEmpty } from 'ramda';
-import { renderToString } from 'react-dom/server';
+import { isEmpty } from 'ramda';
 import React__default from 'react';
-import { Q as QUESTION_KIND } from './constants-Byuu9IoS.js';
-import { Q as QUESTION_TYPES, e as useSubmission } from './constants-LQk7jxH9.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import '@bigbinary/neeto-commons-frontend/react-utils';
@@ -2546,57 +2544,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = dist.default = _Linkify2.default;
 
-var filterAdditionalGuestResponses = removeBy({
-  kind: QUESTION_KIND.ADDITIONAL_GUESTS.value,
-  value: isNotPresent
-});
-var transformNameResponses = function transformNameResponses(response, shouldSplitResponses) {
-  var isSplitMode = response.isSplitMode,
-    fullNameLabel = response.fullNameLabel,
-    firstNameLabel = response.firstNameLabel,
-    lastNameLabel = response.lastNameLabel,
-    _response$value = response.value,
-    _response$value2 = _response$value === void 0 ? {} : _response$value,
-    _response$value2$full = _response$value2.fullName,
-    fullName = _response$value2$full === void 0 ? "" : _response$value2$full,
-    _response$value2$firs = _response$value2.firstName,
-    firstName = _response$value2$firs === void 0 ? "" : _response$value2$firs,
-    _response$value2$last = _response$value2.lastName,
-    lastName = _response$value2$last === void 0 ? "" : _response$value2$last;
-  if (isSplitMode && shouldSplitResponses) {
-    return [mergeLeft({
-      value: firstName,
-      label: firstNameLabel
-    }, response), mergeLeft({
-      value: lastName,
-      label: lastNameLabel
-    }, response)];
-  }
-  return mergeLeft({
-    value: fullName,
-    label: fullNameLabel
-  }, response);
-};
-var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, key) {
-  return /*#__PURE__*/jsx("a", {
-    className: "neeto-ui-text-accent-800 hover:neeto-ui-text-accent-800",
-    href: decoratedHref,
-    rel: "noreferrer",
-    target: "_blank",
-    children: decoratedText
-  }, key);
-};
-var normalizeResponses = function normalizeResponses(responses, omitKinds, shouldSplitNameResponses) {
-  var filteredResponses = removeBy({
-    kind: includes(__, omitKinds)
-  }, responses);
-  return modifyBy({
-    kind: QUESTION_TYPES.NAME
-  }, function (response) {
-    return transformNameResponses(response, shouldSplitNameResponses);
-  }, filterAdditionalGuestResponses(filteredResponses));
-};
-
 var FileUpload = function FileUpload(_ref) {
   var files = _ref.files;
   return /*#__PURE__*/jsx("div", {
@@ -2618,103 +2565,84 @@ var FileUpload = function FileUpload(_ref) {
   });
 };
 
-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(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 getValue = function getValue(_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(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 LinkifiedText = function LinkifiedText(_ref) {
   var value = _ref.value,
-    kind = _ref.kind;
-  if (isEmpty(value)) return /*#__PURE__*/jsx("i", {
-    children: t("neetoForm.common.unanswered")
-  });
-  if (kind === QUESTION_KIND.DATE.value) {
-    return value && dateFormat.date(value);
-  }
-  if (kind === QUESTION_KIND.ADDITIONAL_GUESTS.value) {
-    return value === null || value === void 0 ? void 0 : value.join(", ");
-  }
-  if (kind === QUESTION_KIND.CONDITION.value) {
-    return (value === null || value === void 0 ? void 0 : value.toLowerCase()) === "true" ? t("neetoForm.common.yes") : t("neetoForm.common.no");
-  }
-  return value;
-};
-var getEditorContent = function getEditorContent(value) {
-  if (typeof value !== "string") {
-    return renderToString(value);
-  }
-  return value;
-};
-var LinkifiedText = function LinkifiedText(_ref2) {
-  var kind = _ref2.kind,
-    value = _ref2.value,
-    answerProps = _ref2.answerProps;
-  return /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+    answerProps = _ref.answerProps;
+  return /*#__PURE__*/jsx(Typography, _objectSpread$1(_objectSpread$1({
     className: "whitespace-pre-line",
     weight: "semibold"
   }, answerProps), {}, {
     children: /*#__PURE__*/jsx(_default, {
       componentDecorator: linkifyDecorator,
-      children: getValue({
-        value: value,
-        kind: kind
-      })
+      children: value
     })
   }));
 };
-var Submission = function Submission(_ref3) {
-  var _ref3$formId = _ref3.formId,
-    formId = _ref3$formId === void 0 ? "" : _ref3$formId,
-    _ref3$submissionId = _ref3.submissionId,
-    submissionId = _ref3$submissionId === void 0 ? "" : _ref3$submissionId,
-    _ref3$className = _ref3.className,
-    className = _ref3$className === void 0 ? "" : _ref3$className,
-    _ref3$fetchPublicSubm = _ref3.fetchPublicSubmission,
-    fetchPublicSubmission = _ref3$fetchPublicSubm === void 0 ? true : _ref3$fetchPublicSubm,
-    _ref3$shouldSplitName = _ref3.shouldSplitNameResponses,
-    shouldSplitNameResponses = _ref3$shouldSplitName === void 0 ? false : _ref3$shouldSplitName,
-    _ref3$questionLabelPr = _ref3.questionLabelProps,
-    questionLabelProps = _ref3$questionLabelPr === void 0 ? {} : _ref3$questionLabelPr,
-    _ref3$answerProps = _ref3.answerProps,
-    answerProps = _ref3$answerProps === void 0 ? {} : _ref3$answerProps,
-    _ref3$omitKinds = _ref3.omitKinds,
-    omitKinds = _ref3$omitKinds === void 0 ? [] : _ref3$omitKinds;
-  var _useSubmission = useSubmission({
-      formId: formId,
-      submissionId: submissionId,
-      fetchPublicSubmission: fetchPublicSubmission,
-      enabled: !!(formId && submissionId)
-    }),
-    _useSubmission$data = _useSubmission.data,
-    submission = _useSubmission$data === void 0 ? {
-      responses: []
-    } : _useSubmission$data,
-    isLoading = _useSubmission.isLoading;
-  var responses = submission.responses;
-  var normalizedResponses = normalizeResponses(responses, omitKinds, shouldSplitNameResponses);
-  var renderSubmittedValue = function renderSubmittedValue(kind, value) {
-    switch (kind) {
-      case QUESTION_KIND.RICH_TEXT.value:
-        return /*#__PURE__*/jsx(EditorContent, {
-          content: getEditorContent(getValue({
-            value: value,
-            kind: kind
-          }))
-        });
-      case QUESTION_KIND.PHONE.value:
-      case QUESTION_KIND.SMS_REMINDER.value:
-        return isPresent(value) ? /*#__PURE__*/jsx(PhoneNumber, {
-          value: value,
-          showEmoji: true
-        }) : "-";
-      case QUESTION_KIND.FILE_UPLOAD.value:
-        return isPresent(value) ? /*#__PURE__*/jsx(FileUpload, {
-          files: value
-        }) : "-";
-      case QUESTION_KIND.EMAIL.value:
-        return /*#__PURE__*/jsxs("div", {
+var normalizeName = function normalizeName(normalizedResponses, response) {
+  var isSplitMode = response.isSplitMode,
+    fullNameLabel = response.fullNameLabel,
+    firstNameLabel = response.firstNameLabel,
+    lastNameLabel = response.lastNameLabel,
+    _response$value = response.value,
+    _response$value2 = _response$value === void 0 ? {
+      fullName: "",
+      firstName: "",
+      lastName: ""
+    } : _response$value,
+    _response$value2$full = _response$value2.fullName,
+    fullName = _response$value2$full === void 0 ? "" : _response$value2$full,
+    _response$value2$firs = _response$value2.firstName,
+    firstName = _response$value2$firs === void 0 ? "" : _response$value2$firs,
+    _response$value2$last = _response$value2.lastName,
+    lastName = _response$value2$last === void 0 ? "" : _response$value2$last;
+  if (isSplitMode) {
+    normalizedResponses.push({
+      value: firstName,
+      label: firstNameLabel
+    });
+    normalizedResponses.push({
+      value: lastName,
+      label: lastNameLabel
+    });
+  } else {
+    normalizedResponses.push({
+      value: fullName,
+      label: fullNameLabel
+    });
+  }
+};
+var normalizeResponses = function normalizeResponses(_ref2) {
+  var responses = _ref2.responses,
+    omitKinds = _ref2.omitKinds,
+    answerProps = _ref2.answerProps;
+  var normalizedResponses = [];
+  responses.forEach(function (response) {
+    var kind = response.kind;
+    var label = response.label;
+    var value = response.value;
+    if (omitKinds.includes(kind)) return;
+
+    // Name field doesn't have "label"
+    if (kind !== QUESTION_TYPES.name && isEmpty(value)) {
+      normalizedResponses.push({
+        label: label,
+        value: /*#__PURE__*/jsx("i", {
+          children: t("neetoForm.common.unanswered")
+        })
+      });
+      return;
+    }
+    if (kind === QUESTION_TYPES.NAME) {
+      normalizeName(normalizedResponses, response);
+    } else if (kind === QUESTION_TYPES.EMAIL) {
+      normalizedResponses.push({
+        label: label,
+        value: /*#__PURE__*/jsxs("div", {
           className: "flex items-center gap-2",
           children: [/*#__PURE__*/jsx(LinkifiedText, {
             answerProps: answerProps,
-            kind: kind,
             value: value
           }), /*#__PURE__*/jsx(CopyToClipboardButton, {
             value: value,
@@ -2723,15 +2651,103 @@ var Submission = function Submission(_ref3) {
             size: "small",
             style: "text"
           })]
-        });
-      default:
-        return /*#__PURE__*/jsx(LinkifiedText, {
+        })
+      });
+    } else if (kind === QUESTION_TYPES.ADDITIONAL_GUESTS) {
+      if (isNotPresent(value)) return;
+      normalizedResponses.push({
+        label: label,
+        value: value.join(", ")
+      });
+    } else if (kind === QUESTION_TYPES.FILE_UPLOAD) {
+      normalizedResponses.push({
+        label: label,
+        value: /*#__PURE__*/jsx(FileUpload, {
+          files: value
+        })
+      });
+    } else if (kind === QUESTION_TYPES.DATE) {
+      normalizedResponses.push({
+        label: label,
+        value: dateFormat.date(value)
+      });
+    } else if ([QUESTION_TYPES.PHONE, QUESTION_TYPES.SMS_REMINDER].includes(kind)) {
+      normalizedResponses.push({
+        label: label,
+        value: /*#__PURE__*/jsx(PhoneNumber, {
+          value: value,
+          showEmoji: true
+        })
+      });
+    } else if (kind === QUESTION_TYPES.RICH_TEXT) {
+      // TODO test when rich text field is empty
+      normalizedResponses.push({
+        label: label,
+        value: /*#__PURE__*/jsx(EditorContent, {
+          content: value
+        })
+      });
+    } else if (kind === QUESTION_TYPES.CONDITION) {
+      normalizedResponses.push({
+        label: label,
+        value: value.toLowerCase() === "true" ? t("neetoForm.common.yes") : t("neetoForm.common.no")
+      });
+    } else {
+      normalizedResponses.push({
+        label: label,
+        value: /*#__PURE__*/jsx(LinkifiedText, {
           answerProps: answerProps,
-          kind: kind,
           value: value
-        });
+        })
+      });
     }
-  };
+  });
+  return normalizedResponses;
+};
+var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, key) {
+  return /*#__PURE__*/jsx("a", {
+    className: "neeto-ui-text-accent-800 hover:neeto-ui-text-accent-800",
+    href: decoratedHref,
+    rel: "noreferrer",
+    target: "_blank",
+    children: decoratedText
+  }, key);
+};
+
+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(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 Submission = function Submission(_ref) {
+  var _ref$formId = _ref.formId,
+    formId = _ref$formId === void 0 ? "" : _ref$formId,
+    _ref$submissionId = _ref.submissionId,
+    submissionId = _ref$submissionId === void 0 ? "" : _ref$submissionId,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$fetchPublicSubmi = _ref.fetchPublicSubmission,
+    fetchPublicSubmission = _ref$fetchPublicSubmi === void 0 ? true : _ref$fetchPublicSubmi,
+    _ref$questionLabelPro = _ref.questionLabelProps,
+    questionLabelProps = _ref$questionLabelPro === void 0 ? {} : _ref$questionLabelPro,
+    _ref$answerProps = _ref.answerProps,
+    answerProps = _ref$answerProps === void 0 ? {} : _ref$answerProps,
+    _ref$omitKinds = _ref.omitKinds,
+    omitKinds = _ref$omitKinds === void 0 ? [] : _ref$omitKinds;
+  var _useSubmission = useSubmission({
+      formId: formId,
+      submissionId: submissionId,
+      fetchPublicSubmission: fetchPublicSubmission,
+      enabled: !!(formId && submissionId)
+    }),
+    _useSubmission$data = _useSubmission.data,
+    _useSubmission$data2 = _useSubmission$data === void 0 ? {
+      responses: []
+    } : _useSubmission$data,
+    responses = _useSubmission$data2.responses,
+    isLoading = _useSubmission.isLoading;
+  var normalizedResponses = normalizeResponses({
+    responses: responses,
+    omitKinds: omitKinds,
+    answerProps: answerProps
+  });
   if (isLoading) {
     return /*#__PURE__*/jsx("div", {
       className: "flex h-full w-full items-center justify-center",
@@ -2740,10 +2756,9 @@ var Submission = function Submission(_ref3) {
   }
   return /*#__PURE__*/jsx("div", {
     className: classnames("mx-auto flex h-full w-full flex-col items-start", _defineProperty({}, className, className)),
-    children: normalizedResponses.flat().map(function (_ref4) {
-      var kind = _ref4.kind,
-        label = _ref4.label,
-        value = _ref4.value;
+    children: normalizedResponses.map(function (_ref2) {
+      var label = _ref2.label,
+        value = _ref2.value;
       return /*#__PURE__*/jsxs("div", {
         className: "mb-4",
         children: [/*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
@@ -2751,7 +2766,7 @@ var Submission = function Submission(_ref3) {
           weight: "light"
         }, questionLabelProps), {}, {
           children: label
-        })), renderSubmittedValue(kind, value)]
+        })), value]
       }, label);
     })
   });