@bigbinary/neeto-thank-you-frontend 1.0.15 → 1.0.17

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useEffect, useRef } from 'react';
 import Scrollable from '@bigbinary/neeto-molecules/Scrollable';
 import { t as t$1 } from 'i18next';
 import { isEditorEmpty, FormikEditor, EditorContent } from '@bigbinary/neeto-editor';
@@ -8,12 +8,12 @@ import classNames from 'classnames';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Modal, Typography, Button, Label as Label$1 } from '@bigbinary/neetoui';
 import { Switch, Input, Form as Form$1, Radio } from '@bigbinary/neetoui/formik';
+import { isEmpty } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import axios from 'axios';
 import { useFormikContext } from 'formik';
 import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
-import { isEmpty } from 'ramda';
 import { Link } from '@bigbinary/neeto-icons';
 import NeetoUIHeader from '@bigbinary/neeto-molecules/Header';
 
@@ -57,15 +57,31 @@ var THANK_YOU_TEXT_ALIGNMENTS = {
   left: "left",
   center: "center"
 };
+var DEFAULT_APP_NAME = "neetoForm";
+
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
 
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "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(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 
 function _toPrimitive(input, hint) {
@@ -134,8 +150,8 @@ var QUERY_KEYS = {
   THANK_YOU_PAGE: "thank-you-page"
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 useShowThankYouConfiguration = function useShowThankYouConfiguration(_ref) {
   var entityId = _ref.entityId;
   return useQuery([QUERY_KEYS.THANK_YOU_CONFIGURATION, entityId], function () {
@@ -172,31 +188,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 
@@ -279,17 +295,17 @@ var ResubmissionWarningModal = function ResubmissionWarningModal(_ref) {
 };
 
 var Customize = function Customize(_ref) {
-  var uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
+  var editorRef = _ref.editorRef,
+    uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
     hasImageUploader = _ref.hasImageUploader,
     uniqueSubmissionLink = _ref.uniqueSubmissionLink,
-    entityId = _ref.entityId;
+    entityId = _ref.entityId,
+    disableSocialShare = _ref.disableSocialShare,
+    disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isUniqueSubmissionWarningModalOpen = _useState2[0],
     setIsUniqueSubmissionWarningModalOpen = _useState2[1];
-  var editorRef = useRef({
-    editor: {}
-  });
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -306,7 +322,7 @@ var Customize = function Customize(_ref) {
     if (!isFetching) {
       var _editorRef$current$ed;
       setFieldValue("message", thankYouConfiguration.message);
-      (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.commands.setContent(thankYouConfiguration.message);
+      (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || _editorRef$current$ed.commands.setContent(thankYouConfiguration.message);
     }
   }, [isFetching]);
   var handleResubmitLinkChange = function handleResubmitLinkChange(event) {
@@ -323,10 +339,10 @@ var Customize = function Customize(_ref) {
     label: t("neetoThankYou.thankYou.messageLabel"),
     name: "message",
     ref: editorRef
-  })), /*#__PURE__*/React__default.createElement(Switch, {
+  })), !disableSocialShare && /*#__PURE__*/React__default.createElement(Switch, {
     label: t("neetoThankYou.thankYou.socialShareIcons"),
     name: "socialSharingEnabled"
-  }), /*#__PURE__*/React__default.createElement(Switch, {
+  }), !disableSubmitAnotherResponse && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Switch, {
     label: t("neetoThankYou.thankYou.showResubmitLink"),
     name: "showResubmitLink",
     className: classNames({
@@ -337,7 +353,7 @@ var Customize = function Customize(_ref) {
     required: true,
     label: t("neetoThankYou.thankYou.resubmitLinkText"),
     name: "resubmitLinkText"
-  }), /*#__PURE__*/React__default.createElement(ResubmissionWarningModal, {
+  })), /*#__PURE__*/React__default.createElement(ResubmissionWarningModal, {
     isOpen: isUniqueSubmissionWarningModalOpen,
     setIsOpen: setIsUniqueSubmissionWarningModalOpen,
     uniqueSubmissionLink: uniqueSubmissionLink
@@ -403,7 +419,8 @@ var Preview = function Preview(_ref) {
     thankYouTextAlignment = _ref.thankYouTextAlignment,
     resubmitLink = _ref.resubmitLink,
     publicLinkId = _ref.publicLinkId,
-    isPublished = _ref.isPublished;
+    isPublished = _ref.isPublished,
+    appName = _ref.appName;
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
   var _useTranslation = useTranslation(),
@@ -422,14 +439,12 @@ var Preview = function Preview(_ref) {
     className: "neeto-thank-you-configuration__main"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-thank-you-configuration__box"
-  }, !isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) ? /*#__PURE__*/React__default.createElement("div", {
+  }, !isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-thank-you-configuration__img"
   }, /*#__PURE__*/React__default.createElement("img", {
     alt: "",
     src: values.imageUrl
-  })) : /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__default-img-wrap"
-  }, "\uD83C\uDF89"), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/React__default.createElement("div", {
+  })), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-thank-you-configuration__description"
   }, /*#__PURE__*/React__default.createElement(MemoizedEditorContent, {
     content: values.message
@@ -463,7 +478,10 @@ var Preview = function Preview(_ref) {
     components: {
       strong: /*#__PURE__*/React__default.createElement("strong", null)
     },
-    i18nKey: "neetoThankYou.thankYou.poweredByNeetoForm"
+    i18nKey: "neetoThankYou.thankYou.poweredBy",
+    values: {
+      appName: appName || DEFAULT_APP_NAME
+    }
   }))));
 };
 
@@ -492,8 +510,8 @@ var Label = function Label(_ref) {
   }, description));
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 Form = function Form(_ref) {
   var socialHandles = _ref.socialHandles,
     entityId = _ref.entityId,
@@ -504,7 +522,10 @@ var Form = function Form(_ref) {
     redirectToOnCancel = _ref.redirectToOnCancel,
     thankYouTextAlignment = _ref.thankYouTextAlignment,
     resubmitLink = _ref.resubmitLink,
-    isPublished = _ref.isPublished;
+    isPublished = _ref.isPublished,
+    disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse,
+    disableRadioSelection = _ref.disableRadioSelection,
+    appName = _ref.appName;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useShowThankYouConfi = useShowThankYouConfiguration({
@@ -520,11 +541,18 @@ var Form = function Form(_ref) {
   var _useResetThankYouConf = useResetThankYouConfigurationToDefault(entityId),
     resetToDefaultMessage = _useResetThankYouConf.mutate,
     isResetting = _useResetThankYouConf.isLoading;
+  var editorRef = useRef({
+    editor: {}
+  });
   if (isLoading) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/React__default.createElement(PageLoader, null));
   }
+  var resetEditor = function resetEditor() {
+    var _editorRef$current$ed;
+    return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.commands.setContent(thankYouConfiguration.message);
+  };
   return /*#__PURE__*/React__default.createElement(Form$1, {
     formikProps: {
       enableReinitialize: true,
@@ -546,7 +574,7 @@ var Form = function Form(_ref) {
       className: "grid grid-cols-2 gap-x-6 pb-4"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "flex flex-col"
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, !disableRadioSelection && /*#__PURE__*/React__default.createElement("div", {
       className: "mb-6 w-full"
     }, /*#__PURE__*/React__default.createElement(Radio, {
       containerClassName: "grid grid-cols-2 gap-x-6 items-stretch",
@@ -562,6 +590,9 @@ var Form = function Form(_ref) {
         })
       });
     }))), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/React__default.createElement(Customize, {
+      disableSocialShare: isEmpty(socialHandles),
+      disableSubmitAnotherResponse: disableSubmitAnotherResponse,
+      editorRef: editorRef,
       entityId: entityId,
       hasImageUploader: hasImageUploader,
       uniqueSubmissionEnabled: uniqueSubmissionEnabled,
@@ -578,14 +609,18 @@ var Form = function Form(_ref) {
       label: t("neetoThankYou.buttons.resetChanges"),
       loading: isResetting,
       style: "secondary",
-      onClick: function onClick() {
-        return resetToDefaultMessage();
-      }
-    }), /*#__PURE__*/React__default.createElement(Button, {
+      onClick: resetToDefaultMessage
+    }), /*#__PURE__*/React__default.createElement(Button, _extends$1({
       label: t("neetoThankYou.buttons.cancel"),
-      style: "text",
+      style: "text"
+    }, redirectToOnCancel ? {
       to: redirectToOnCancel
-    }))), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default.createElement(Preview, {
+    } : {
+      type: "reset",
+      onClick: resetEditor,
+      disabled: !dirty
+    })))), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default.createElement(Preview, {
+      appName: appName,
       isPublished: isPublished,
       publicLinkId: publicLinkId,
       resubmitLink: resubmitLink,
@@ -610,28 +645,37 @@ var Header = function Header(_ref) {
 
 var ConfigureThankYou = function ConfigureThankYou(_ref) {
   var breadcrumbs = _ref.breadcrumbs,
-    _ref$socialHandles = _ref.socialHandles,
-    socialHandles = _ref$socialHandles === void 0 ? [] : _ref$socialHandles,
     isPublished = _ref.isPublished,
     entityId = _ref.entityId,
     publicLinkId = _ref.publicLinkId,
-    _ref$hasImageUploader = _ref.hasImageUploader,
-    hasImageUploader = _ref$hasImageUploader === void 0 ? false : _ref$hasImageUploader,
-    _ref$uniqueSubmission = _ref.uniqueSubmissionEnabled,
-    uniqueSubmissionEnabled = _ref$uniqueSubmission === void 0 ? false : _ref$uniqueSubmission,
-    _ref$uniqueSubmission2 = _ref.uniqueSubmissionLink,
-    uniqueSubmissionLink = _ref$uniqueSubmission2 === void 0 ? "" : _ref$uniqueSubmission2,
     resubmitLink = _ref.resubmitLink,
     redirectToOnCancel = _ref.redirectToOnCancel,
+    _ref$socialHandles = _ref.socialHandles,
+    socialHandles = _ref$socialHandles === void 0 ? [] : _ref$socialHandles,
+    _ref$uniqueSubmission = _ref.uniqueSubmissionLink,
+    uniqueSubmissionLink = _ref$uniqueSubmission === void 0 ? "" : _ref$uniqueSubmission,
+    _ref$uniqueSubmission2 = _ref.uniqueSubmissionEnabled,
+    uniqueSubmissionEnabled = _ref$uniqueSubmission2 === void 0 ? false : _ref$uniqueSubmission2,
+    _ref$hasImageUploader = _ref.hasImageUploader,
+    hasImageUploader = _ref$hasImageUploader === void 0 ? false : _ref$hasImageUploader,
+    _ref$disableSubmitAno = _ref.disableSubmitAnotherResponse,
+    disableSubmitAnotherResponse = _ref$disableSubmitAno === void 0 ? false : _ref$disableSubmitAno,
+    _ref$disableRadioSele = _ref.disableRadioSelection,
+    disableRadioSelection = _ref$disableRadioSele === void 0 ? false : _ref$disableRadioSele,
     _ref$thankYouTextAlig = _ref.thankYouTextAlignment,
-    thankYouTextAlignment = _ref$thankYouTextAlig === void 0 ? THANK_YOU_TEXT_ALIGNMENTS.center : _ref$thankYouTextAlig;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
+    thankYouTextAlignment = _ref$thankYouTextAlig === void 0 ? THANK_YOU_TEXT_ALIGNMENTS.center : _ref$thankYouTextAlig,
+    customHeader = _ref.customHeader,
+    appName = _ref.appName;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, customHeader || /*#__PURE__*/React__default.createElement(Header, {
     breadcrumbs: breadcrumbs
   }), /*#__PURE__*/React__default.createElement(Scrollable, {
     className: "w-full p-6 pt-0"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto h-full max-w-7xl"
   }, /*#__PURE__*/React__default.createElement(Form, {
+    appName: appName,
+    disableRadioSelection: disableRadioSelection,
+    disableSubmitAnotherResponse: disableSubmitAnotherResponse,
     entityId: entityId,
     hasImageUploader: hasImageUploader,
     isPublished: isPublished,
@@ -703,14 +747,12 @@ var ShowThankYou = function ShowThankYou(_ref) {
     className: "neeto-thank-you-configuration__main"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-thank-you-configuration__box"
-  }, !isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) ? /*#__PURE__*/React__default.createElement("div", {
+  }, !isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-thank-you-configuration__img"
   }, /*#__PURE__*/React__default.createElement("img", {
     alt: "",
     src: thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl
-  })) : /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__default-img-wrap"
-  }, "\uD83C\uDF89"), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/React__default.createElement("div", {
+  })), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-thank-you-configuration__description"
   }, /*#__PURE__*/React__default.createElement(EditorContent, {
     content: thankYouConfiguration.message