@bigbinary/neeto-thank-you-frontend 3.0.0 → 3.1.0

package/README.md

@@ -136,6 +136,12 @@ application.
   the second argument represents the previous configuration object.
 - `isPassEventDetailsEnabled` - A boolean flag that, when set to true, displays
   a checkbox to pass event details to redirect url as parameters.
+- `ctaProps` - An object containing properties for the call-to-action button
+  that appears in the thank you page preview. When provided, this button will
+  link to the Neeto product page for the specified app. The button will not be
+  rendered if this prop is not provided. The object can contain:
+  - `message` - The message text displayed to the left of the button
+  - `buttonLabel` - The text displayed on the button
 
 ##### Configuration
 
@@ -184,6 +190,11 @@ const App = () => {
         thankYouTextAlignment={thankYouTextAlignment}
         appName="NeetoForm"
         appIcon={() => {}}
+        ctaProps={{
+          message:
+            "This form was built with NeetoForm — modern forms made simple.",
+          buttonLabel: "Create your NeetoForm",
+        }}
         onConfigUpdateSuccess={handleConfigUpdateSuccess}
         helpPopoverProps={HELP_POPOVER_PROPS}
         eventDetailsSwitchLabel={eventDetailsSwitchLabel}
@@ -229,6 +240,12 @@ yarn add dompurify
 - `eventDetails` – An object containing key-value pairs that will be appended as
   query parameters to the redirect URL if `pass_event_details_to_redirect_url`
   is set to true. Defaults to an empty object ({}).
+- `ctaProps` - An object containing properties for the call-to-action button
+  that appears in the thank you page. When provided, this button will link to
+  the Neeto product page for the specified app. The button will not be rendered
+  if this prop is not provided. The object can contain:
+  - `message` - The message text displayed to the left of the button
+  - `buttonLabel` - The text displayed on the button
 - `resourceId` - ID of the resource associated with the thank you configuration
   (e.g., `submissionId` in NeetoForm).
 
@@ -252,6 +269,11 @@ const App = () => {
       <ShowThankYou
         appName="NeetoForm"
         appIcon={() => {}}
+        ctaProps={{
+          message:
+            "This form was built with NeetoForm — modern forms made simple.",
+          buttonLabel: "Create your NeetoForm",
+        }}
         entityId={entityId}
         isDraftPreview={isDraftPreview}
         resubmitLink={resubmitLink}

package/app/javascript/src/translations/ar.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "لم نتمكن من إعادة توجيهك في الوقت الحالي. يرجى <Link>النقر هنا</Link> للمتابعة.<br/>إذا لم ينجح ذلك، قم بنسخ الرابط وفتحه في علامة تبويب جديدة."
     }
   }
-}
+}

package/app/javascript/src/translations/bg.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "В момента не можем да ви пренасочим. Моля, <Link>кликнете тук</Link>, за да продължите.<br/>Ако това не сработи, копирайте линка и го отворете в нов раздел."
     }
   }
-}
+}

package/app/javascript/src/translations/ca.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "No hem pogut redirigir-te en aquest moment. Si us plau, <Link>clica aquí</Link> per continuar.<br/>Si això no funciona, copia l'enllaç i obre'l en una nova pestanya."
     }
   }
-}
+}

package/app/javascript/src/translations/cs.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Momentálně vás nemůžeme přesměrovat. Prosím <Link>klikněte zde</Link> pro pokračování.<br/>Pokud to nefunguje, zkopírujte odkaz a otevřete jej v nové záložce."
     }
   }
-}
+}

package/app/javascript/src/translations/da.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Vi kunne ikke omdirigere dig i øjeblikket. Please <Link>klik her</Link> for at fortsætte.<br/>Hvis det ikke virker, skal du kopiere linket og åbne det i en ny fane."
     }
   }
-}
+}

package/app/javascript/src/translations/de.json

@@ -54,4 +54,4 @@
       "resetChanges": "Änderungen zurücksetzen"
     }
   }
-}
+}

package/app/javascript/src/translations/es-MX.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "No pudimos redirigirte en este momento. Por favor <Link>clic aquí</Link> para continuar.<br/>Si eso no funciona, copia el enlace y ábrelo en una nueva pestaña."
     }
   }
-}
+}

package/app/javascript/src/translations/es.json

@@ -54,4 +54,4 @@
       "resetChanges": "Restablecer cambios"
     }
   }
-}
+}

package/app/javascript/src/translations/et.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Me ei saanud teid hetkel suunata. Palun <Link>klõpsake siin</Link>, et jätkata.<br/>Kui see ei õnnestu, kopeerige link ja avage see uues vahekaardis."
     }
   }
-}
+}

package/app/javascript/src/translations/fi.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Emme voineet siirtää sinua tällä hetkellä. Ole hyvä <Link>klikkaa täällä</Link> jatkaaksesi.<br/>Jos se ei toimi, kopioi linkki ja avaa se uudessa välilehdessä."
     }
   }
-}
+}

package/app/javascript/src/translations/fil.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Hindi kami makapag-redirect sa iyo sa pagkakataong ito. Mangyaring <Link>ikiklik dito</Link> upang magpatuloy.<br/>Kung hindi iyon gumana, kopyahin ang link at buksan ito sa isang bagong tab."
     }
   }
-}
+}

package/app/javascript/src/translations/fr.json

@@ -54,4 +54,4 @@
       "resetChanges": "Réinitialiser les modifications"
     }
   }
-}
+}

package/app/javascript/src/translations/hi.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "हम इस समय आपको रीडायरेक्ट नहीं कर सके। कृपया <Link>यहां क्लिक करें</Link> जारी रखने के लिए।<br/>यदि यह काम नहीं करता है, तो लिंक को कॉपी करें और इसे एक नए टैब में खोलें।"
     }
   }
-}
+}

package/app/javascript/src/translations/hr.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Trenutno vas ne možemo preusmjeriti. Molimo <Link>kliknite ovdje</Link> za nastavak.<br/>Ako to ne uspije, kopirajte link i otvorite ga u novoj kartici."
     }
   }
-}
+}

package/app/javascript/src/translations/id.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Kami tidak dapat mengalihkan Anda saat ini. Silakan <Link>click here</Link> untuk melanjutkan.<br/>Jika itu tidak berhasil, salin tautan dan buka di tab baru."
     }
   }
-}
+}

package/app/javascript/src/translations/it.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Non siamo riusciti a reindirizzarti in questo momento. Per favore <Link>clicca qui</Link> per procedere.<br/>Se non funziona, copia il link e aprilo in una nuova scheda."
     }
   }
-}
+}

package/app/javascript/src/translations/ja.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "現在リダイレクトできませんでした。<Link>ここをクリックしてください</Link> で進んでください。<br/>それが機能しない場合は、リンクをコピーして新しいタブで開いてください。"
     }
   }
-}
+}

package/app/javascript/src/translations/ko.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "현재 리디렉션할 수 없습니다. 진행하려면 <Link>여기를 클릭</Link> 해주세요.<br/>작동하지 않는 경우, 링크를 복사하여 새 탭에서 열어주세요."
     }
   }
-}
+}

package/app/javascript/src/translations/nl.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "We konden je op dit moment niet omleiden. Klik <Link>hier</Link> om verder te gaan.<br/>Als dat niet werkt, kopieer de link en open deze in een nieuw tabblad."
     }
   }
-}
+}

package/app/javascript/src/translations/pl.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Nie mogliśmy Cię teraz przekierować. Proszę <Link>kliknij tutaj</Link>, aby kontynuować.<br/>Jeśli to nie zadziała, skopiuj link i otwórz go w nowej karcie."
     }
   }
-}
+}

package/app/javascript/src/translations/pt-BR.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Não conseguimos redirecioná-lo no momento. Por favor, <Link>clique aqui</Link> para continuar.<br/>Se isso não funcionar, copie o link e abra-o em uma nova aba."
     }
   }
-}
+}

package/app/javascript/src/translations/pt.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Não conseguimos redirecioná-lo no momento. Por favor <Link>clique aqui</Link> para continuar.<br/>Se isso não funcionar, copie o link e abra-o em uma nova aba."
     }
   }
-}
+}

package/app/javascript/src/translations/ro.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Nu am putut să te redirecționăm în acest moment. Te rugăm să <Link>clic aici</Link> pentru a continua.<br/>Dacă asta nu funcționează, copiază linkul și deschide-l într-o filă nouă."
     }
   }
-}
+}

package/app/javascript/src/translations/ru.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "В данный момент мы не можем вас перенаправить. Пожалуйста, <Link>нажмите здесь</Link>, чтобы продолжить.<br/>Если это не сработает, скопируйте ссылку и откройте ее в новой вкладке."
     }
   }
-}
+}

package/app/javascript/src/translations/sk.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Momentálne vás nemôžeme presmerovať. Prosím <Link>clicknite sem</Link>, aby ste pokračovali.<br/>Ak to nefunguje, skopírujte odkaz a otvorte ho v novom okne."
     }
   }
-}
+}

package/app/javascript/src/translations/sl.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Trenutno vas ne moremo preusmeriti. Prosim <Link>kliknite tukaj</Link>, da nadaljujete.<br/>Če to ne deluje, kopirajte povezavo in jo odprite v novem zavihku."
     }
   }
-}
+}

package/app/javascript/src/translations/sv.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Vi kunde inte omdirigera dig just nu. Vänligen <Link>klicka här</Link> för att fortsätta.<br/>Om det inte fungerar, kopiera länken och öppna den i en ny flik."
     }
   }
-}
+}

package/app/javascript/src/translations/th.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "เราไม่สามารถเปลี่ยนเส้นทางคุณในขณะนี้ กรุณา <Link>คลิกที่นี่</Link> เพื่อดำเนินการต่อ.<br/>หากไม่สามารถทำได้ ให้คัดลอกลิงก์และเปิดในแท็บใหม่"
     }
   }
-}
+}

package/app/javascript/src/translations/tr.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Şu anda sizi yönlendiremiyoruz. Lütfen <Link>buraya tıklayın</Link> devam etmek için.<br/>Eğer bu işe yaramazsa, bağlantıyı kopyalayın ve yeni bir sekmede açın."
     }
   }
-}
+}

package/app/javascript/src/translations/uk.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "На жаль, ми не можемо вас перенаправити. Будь ласка, <Link>натисніть тут</Link> для продовження.<br/>Якщо це не спрацює, скопіюйте посилання і відкрийте його в новій вкладці."
     }
   }
-}
+}

package/app/javascript/src/translations/vi.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "Chúng tôi không thể chuyển hướng bạn ngay lúc này. Vui lòng <Link>click here</Link> để tiếp tục.<br/>Nếu điều đó không hoạt động, hãy sao chép liên kết và mở nó trong một tab mới."
     }
   }
-}
+}

package/app/javascript/src/translations/zh-CN.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "我们目前无法重定向您。请<Link>点击这里</Link>继续。<br/>如果那不起作用，请复制链接并在新标签页中打开。"
     }
   }
-}
+}

package/app/javascript/src/translations/zh-TW.json

@@ -38,4 +38,4 @@
       "redirectFailureMessage": "我們目前無法為您重定向。請 u003cLink u003e點擊這裡 u003c/Link u003e以繼續。 u003cbr/ u003e如果這不起作用，請複製該鏈接並在新標籤頁中打開。"
     }
   }
-}
+}

package/dist/ConfigureThankYou.js

@@ -1,5 +1,5 @@
-import { hyphenate, isNotEmpty, isPresent, noop } from '@bigbinary/neeto-cist';
-import { n, S as SocialShare, R as REDIRECT_DELAY, T as THANK_YOU_TEXT_ALIGNMENTS, F as FORM_OPTIONS, a as THANK_YOU_KINDS } from './SocialShare-SyR23dOh.js';
+import { isPresent, hyphenate, isNotEmpty, noop } from '@bigbinary/neeto-cist';
+import { n, S as SocialShare, C as CallToAction, R as REDIRECT_DELAY, T as THANK_YOU_TEXT_ALIGNMENTS, F as FORM_OPTIONS, a as THANK_YOU_KINDS } from './SocialShare-DRpEs_-B.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useEffect, memo, useState, useRef } from 'react';
@@ -34,13 +34,13 @@ import NeetoUIHeader from '@bigbinary/neeto-molecules/Header';
 import { t } from 'i18next';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import * as yup from 'yup';
+import '@bigbinary/neeto-commons-frontend/initializers';
 import '@tanstack/react-query';
 import 'axios';
 import '@bigbinary/neeto-commons-frontend/utils';
 import './index-CJXBMIZP.js';
 import './query.js';
 import '@bigbinary/neeto-molecules/MadeWith';
-import '@bigbinary/neeto-commons-frontend/initializers';
 
 var css = ".neeto-thank-you-configuration-radio__item{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded);padding:.75rem 1rem}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item:not(:last-child){margin-right:0!important}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item{align-items:flex-start!important}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item .neeto-ui-radio{margin-top:.1875rem}.neeto-thank-you-configuration-radio__item.active{border:1.5px solid rgb(var(--neeto-ui-primary-800))}";
 n(css,{});
@@ -79,8 +79,8 @@ var ResubmissionWarningModal = withT(function (_ref) {
   });
 });
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Customize = function Customize(_ref) {
   var editorRef = _ref.editorRef,
     editorProps = _ref.editorProps,
@@ -109,7 +109,7 @@ var Customize = function Customize(_ref) {
     className: "flex flex-col gap-4",
     children: [/*#__PURE__*/jsx("div", {
       className: "flex flex-col gap-2",
-      children: /*#__PURE__*/jsx(FormikEditor, _objectSpread$5({
+      children: /*#__PURE__*/jsx(FormikEditor, _objectSpread$6({
         required: true,
         addons: hasImageUploader ? ["image-upload"] : [],
         "data-cy": "thank-you-message-editor",
@@ -141,15 +141,18 @@ var Customize = function Customize(_ref) {
   });
 };
 
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MemoizedEditorContent$1 = /*#__PURE__*/memo(EditorContent);
 var CustomMessage = function CustomMessage(_ref) {
   var _values$resubmitLinkT;
   var resubmitLink = _ref.resubmitLink,
     publicLinkId = _ref.publicLinkId,
     socialHandles = _ref.socialHandles,
-    editorProps = _ref.editorProps;
+    editorProps = _ref.editorProps,
+    appName = _ref.appName,
+    _ref$ctaProps = _ref.ctaProps,
+    ctaProps = _ref$ctaProps === void 0 ? {} : _ref$ctaProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -157,7 +160,7 @@ var CustomMessage = function CustomMessage(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [(values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/jsx("div", {
       className: "neeto-thank-you-configuration__description neeto-ui-text-gray-800",
-      children: /*#__PURE__*/jsx(MemoizedEditorContent$1, _objectSpread$4({
+      children: /*#__PURE__*/jsx(MemoizedEditorContent$1, _objectSpread$5({
         content: values.message,
         "data-cy": "preview-editor-content"
       }, editorProps))
@@ -168,15 +171,20 @@ var CustomMessage = function CustomMessage(_ref) {
     }), (values === null || values === void 0 ? void 0 : values.socialSharingEnabled) && /*#__PURE__*/jsx(SocialShare, {
       publicLinkId: publicLinkId,
       socialHandles: socialHandles
-    })]
+    }), isPresent(ctaProps) && /*#__PURE__*/jsx(CallToAction, _objectSpread$5({}, _objectSpread$5({
+      appName: appName
+    }, ctaProps)))]
   });
 };
 
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MemoizedEditorContent = /*#__PURE__*/memo(EditorContent);
 var RedirectMessage = function RedirectMessage(_ref) {
-  var editorProps = _ref.editorProps;
+  var editorProps = _ref.editorProps,
+    appName = _ref.appName,
+    _ref$ctaProps = _ref.ctaProps,
+    ctaProps = _ref$ctaProps === void 0 ? {} : _ref$ctaProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -184,7 +192,7 @@ var RedirectMessage = function RedirectMessage(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [(values === null || values === void 0 ? void 0 : values.redirectMessage) && /*#__PURE__*/jsx("div", {
       className: "neeto-thank-you-configuration__description mt-6",
-      children: /*#__PURE__*/jsx(MemoizedEditorContent, _objectSpread$3({
+      children: /*#__PURE__*/jsx(MemoizedEditorContent, _objectSpread$4({
         content: values.redirectMessage,
         "data-cy": "preview-editor-content"
       }, editorProps))
@@ -193,10 +201,14 @@ var RedirectMessage = function RedirectMessage(_ref) {
       children: t("neetoThankYou.thankYou.redirectingInSecondsMessage", {
         seconds: REDIRECT_DELAY
       })
-    })]
+    }), isPresent(ctaProps) && /*#__PURE__*/jsx(CallToAction, _objectSpread$4({}, _objectSpread$4({
+      appName: appName
+    }, ctaProps)))]
   });
 };
 
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Preview = function Preview(_ref) {
   var socialHandles = _ref.socialHandles,
     thankYouTextAlignment = _ref.thankYouTextAlignment,
@@ -204,11 +216,13 @@ var Preview = function Preview(_ref) {
     publicLinkId = _ref.publicLinkId,
     appName = _ref.appName,
     appIcon = _ref.appIcon,
+    ctaProps = _ref.ctaProps,
     editorProps = _ref.editorProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
+  var isCtaVisible = !IS_PRO_ORGANIZATION && (values === null || values === void 0 ? void 0 : values.brandingEnabled);
   return /*#__PURE__*/jsxs("div", {
     className: "neeto-thank-you-configuration-preview__wrapper neeto-ui-theme--light",
     children: [/*#__PURE__*/jsx(Typography, {
@@ -228,15 +242,23 @@ var Preview = function Preview(_ref) {
           className: "neeto-thank-you-configuration__main",
           "data-cy": "neeto-thankyou-preview-main",
           children: /*#__PURE__*/jsx("div", {
-            className: "neeto-thank-you-configuration__box",
-            children: values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/jsx(CustomMessage, {
+            className: classNames("neeto-thank-you-configuration__box", {
+              "neeto-thank-you-configuration__box--is-cta-visible": isCtaVisible
+            }),
+            children: values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/jsx(CustomMessage, _objectSpread$3({}, _objectSpread$3({
+              appName: appName,
               editorProps: editorProps,
               publicLinkId: publicLinkId,
               resubmitLink: resubmitLink,
               socialHandles: socialHandles
-            }) : /*#__PURE__*/jsx(RedirectMessage, {
+            }, isCtaVisible && {
+              ctaProps: ctaProps
+            }))) : /*#__PURE__*/jsx(RedirectMessage, _objectSpread$3({}, _objectSpread$3({
+              appName: appName,
               editorProps: editorProps
-            })
+            }, isCtaVisible && {
+              ctaProps: ctaProps
+            })))
           })
         })
       }), !IS_PRO_ORGANIZATION && (values === null || values === void 0 ? void 0 : values.brandingEnabled) && /*#__PURE__*/jsx(BrandingInfo, {
@@ -413,7 +435,8 @@ var Form = function Form(_ref) {
     customHeader = _ref.customHeader,
     breadcrumbs = _ref.breadcrumbs,
     eventDetailsSwitchLabel = _ref.eventDetailsSwitchLabel,
-    helpPopoverProps = _ref.helpPopoverProps;
+    helpPopoverProps = _ref.helpPopoverProps,
+    ctaProps = _ref.ctaProps;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isUniqueSubmissionWarningModalOpen = _useState2[0],
@@ -561,6 +584,7 @@ var Form = function Form(_ref) {
             children: /*#__PURE__*/jsx(Preview, {
               appIcon: appIcon,
               appName: appName,
+              ctaProps: ctaProps,
               editorProps: editorProps,
               isPublished: isPublished,
               publicLinkId: publicLinkId,
@@ -616,13 +640,16 @@ var ConfigureThankYou = function ConfigureThankYou(_ref) {
     _ref$eventDetailsSwit = _ref.eventDetailsSwitchLabel,
     eventDetailsSwitchLabel = _ref$eventDetailsSwit === void 0 ? "" : _ref$eventDetailsSwit,
     _ref$helpPopoverProps = _ref.helpPopoverProps,
-    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps;
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
+    _ref$ctaProps = _ref.ctaProps,
+    ctaProps = _ref$ctaProps === void 0 ? {} : _ref$ctaProps;
   return /*#__PURE__*/jsx(Form, {
     allowEmptyCustomMessage: allowEmptyCustomMessage,
     appIcon: appIcon,
     appName: appName,
     blockNavigation: blockNavigation,
     breadcrumbs: breadcrumbs,
+    ctaProps: ctaProps,
     customHeader: customHeader,
     disableRadioSelection: disableRadioSelection,
     disableSubmitAnotherResponse: disableSubmitAnotherResponse,