@bigbinary/neeto-thank-you-frontend 1.0.7 → 1.0.8

package/dist/index.cjs.js

@@ -13682,7 +13682,7 @@ const SvgBrowserControls = props => /*#__PURE__*/React__namespace.createElement(
 
 var SocialShare = function SocialShare(_ref) {
   var socialHandles = _ref.socialHandles,
-    entityId = _ref.entityId;
+    publicLinkId = _ref.publicLinkId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13698,7 +13698,7 @@ var SocialShare = function SocialShare(_ref) {
       className: "neeto-thank-you-configuration-social-follow__item",
       key: idx
     }, /*#__PURE__*/React__default["default"].createElement("a", {
-      href: generateShareUrl(entityId),
+      href: generateShareUrl(publicLinkId),
       rel: "noreferrer",
       target: "_blank"
     }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
@@ -13711,7 +13711,8 @@ var Preview = function Preview(_ref) {
   var socialHandles = _ref.socialHandles,
     thankYouTextAlignment = _ref.thankYouTextAlignment,
     resubmitLink = _ref.resubmitLink,
-    entityId = _ref.entityId;
+    publicLinkId = _ref.publicLinkId,
+    isPublished = _ref.isPublished;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values;
   var _useTranslation = useTranslation(),
@@ -13719,7 +13720,8 @@ var Preview = function Preview(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]("neeto-thank-you-configuration-preview", {
       "neeto-thank-you-configuration-alignment--left": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.left,
-      "neeto-thank-you-configuration-alignment--center": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.center
+      "neeto-thank-you-configuration-alignment--center": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.center,
+      "pointer-events-none": !isPublished
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-thank-you-configuration-preview__browser-header"
@@ -13744,7 +13746,7 @@ var Preview = function Preview(_ref) {
     className: "neeto-thank-you-configuration__resubmit",
     href: resubmitLink
   }, (_values$resubmitLinkT = values === null || values === void 0 ? void 0 : values.resubmitLinkText) !== null && _values$resubmitLinkT !== void 0 ? _values$resubmitLinkT : t("thankYou.resubmit")), (values === null || values === void 0 ? void 0 : values.socialSharingEnabled) && /*#__PURE__*/React__default["default"].createElement(SocialShare, {
-    entityId: entityId,
+    publicLinkId: publicLinkId,
     socialHandles: socialHandles
   }))), (values === null || values === void 0 ? void 0 : values.brandingEnabled) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-thank-you-configuration__nav"
@@ -13803,12 +13805,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var Form = function Form(_ref) {
   var socialHandles = _ref.socialHandles,
     entityId = _ref.entityId,
+    publicLinkId = _ref.publicLinkId,
     hasImageUploader = _ref.hasImageUploader,
     uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
     uniqueSubmissionLink = _ref.uniqueSubmissionLink,
     redirectToOnCancel = _ref.redirectToOnCancel,
     thankYouTextAlignment = _ref.thankYouTextAlignment,
-    resubmitLink = _ref.resubmitLink;
+    resubmitLink = _ref.resubmitLink,
+    isPublished = _ref.isPublished;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useShowThankYouConfi = useShowThankYouConfiguration({
@@ -13890,7 +13894,8 @@ var Form = function Form(_ref) {
       style: "text",
       to: redirectToOnCancel
     }))), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default["default"].createElement(Preview, {
-      entityId: entityId,
+      isPublished: isPublished,
+      publicLinkId: publicLinkId,
       resubmitLink: resubmitLink,
       socialHandles: socialHandles,
       thankYouTextAlignment: thankYouTextAlignment
@@ -13915,7 +13920,9 @@ 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,
@@ -13935,6 +13942,8 @@ var ConfigureThankYou = function ConfigureThankYou(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Form, {
     entityId: entityId,
     hasImageUploader: hasImageUploader,
+    isPublished: isPublished,
+    publicLinkId: publicLinkId,
     redirectToOnCancel: redirectToOnCancel,
     resubmitLink: resubmitLink,
     socialHandles: socialHandles,
@@ -13945,10 +13954,13 @@ var ConfigureThankYou = function ConfigureThankYou(_ref) {
 };
 
 var baseUrl = "".concat(THANK_YOU_ENGINE_BASE_URL, "/thank_you_page");
-var show = function show(entityId) {
+var show = function show(_ref) {
+  var entityId = _ref.entityId,
+    isTemplateView = _ref.isTemplateView;
   return axios__default["default"].get(baseUrl, {
     params: {
-      entityId: entityId
+      entityId: entityId,
+      isTemplateView: isTemplateView
     }
   });
 };
@@ -13957,19 +13969,28 @@ var thankYouPageApi = {
 };
 
 var useShowThankYouPage = function useShowThankYouPage(_ref) {
-  var entityId = _ref.entityId;
+  var entityId = _ref.entityId,
+    isTemplateView = _ref.isTemplateView;
   return reactQuery.useQuery([QUERY_KEYS.THANK_YOU_PAGE, entityId], function () {
-    return thankYouPageApi.show(entityId);
+    return thankYouPageApi.show({
+      entityId: entityId,
+      isTemplateView: isTemplateView
+    });
   });
 };
 
+var buildDraftUrl = function buildDraftUrl(url) {
+  return "".concat(url, "?draftPreview=true");
+};
+
 var ShowThankYou = function ShowThankYou(_ref) {
   var _thankYouConfiguratio;
   var entityId = _ref.entityId,
     isDraftPreview = _ref.isDraftPreview,
     resubmitLink = _ref.resubmitLink,
     socialHandles = _ref.socialHandles,
-    isThankYouPageLoading = _ref.isThankYouPageLoading;
+    isThankYouPageLoading = _ref.isThankYouPageLoading,
+    publicLinkId = _ref.publicLinkId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useShowThankYouPage = useShowThankYouPage({
@@ -14003,9 +14024,9 @@ var ShowThankYou = function ShowThankYou(_ref) {
     content: thankYouConfiguration.message
   })), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.showResubmitLink) && /*#__PURE__*/React__default["default"].createElement("a", {
     className: "neeto-thank-you-configuration__resubmit",
-    href: resubmitLink
+    href: isDraftPreview ? buildDraftUrl(resubmitLink) : resubmitLink
   }, (_thankYouConfiguratio = thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.resubmitLinkText) !== null && _thankYouConfiguratio !== void 0 ? _thankYouConfiguratio : t("common.resubmit")), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.socialSharingEnabled) && /*#__PURE__*/React__default["default"].createElement(SocialShare, {
-    entityId: entityId,
+    publicLinkId: publicLinkId,
     socialHandles: socialHandles
   }), isDraftPreview && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body3"