@bigbinary/neeto-thank-you-frontend 1.1.1 → 1.1.2

package/README.md

@@ -108,8 +108,7 @@ application.
 - `thankYouTextAlignment` - Set alignment of the "Thank You" text in "Thank You"
   page
 - `customHeader` - Accepts a React Node & replaces the default Header.
-- `appName` - Accepts appName, which will be used for branding
-  `Made with {{appName}}` [default: "neetoForm"].
+- `appName` - Accepts `appName`, which will be used for generating the sign up URL in the branding text.
 - `disableSubmitAnotherResponse` - Removes the toggle for submitting another
   response, incase of neetoForm [default: false].
 - `disableRadioSelection` - Removes the radio selector for
@@ -120,6 +119,9 @@ application.
   configuration is updated. The function's first argument corresponds to the
   parameters passed to the `onSuccess` callback of React Query mutations, while
   the second argument represents the previous configuration object.
+- `brandingInfo` - Accepts an object that specifies the branding details. It can have 2 keys:
+  1. `displayText` - Specifies the translation key for the branding text to be displayed. The app name should be wrapped with `<signUpLink>` to set the redirection to neeto-auth properly.
+  2. `additionalComponents` - Accepts an optional object that specifies the additional components for styling the display text. This will be passed to the `components` prop of `Trans` component.
 
 ##### Configuration
 
@@ -150,6 +152,16 @@ const App = () => {
     // Add your logic here
   };
 
+  const THANK_YOU_PAGE_BRANDING_INFO = {
+    // "Build your own form using <signUpLink><span>neetoForm.</span></signUpLink> It’s free. <Link>Learn more</Link>."
+    displayText: "form.settings.thankyou.brandingText",
+    additionalComponents: {
+      Link: (
+        <a href={WEBSITE_URL} rel="noreferrer" target="_blank" />
+      ),
+    },
+  };
+
   return (
     <>
       <ConfigureThankYou
@@ -167,6 +179,7 @@ const App = () => {
         thankYouTextAlignment={thankYouTextAlignment}
         appName="neetoForm"
         onConfigUpdateSuccess={handleConfigUpdateSuccess}
+        brandingInfo={THANK_YOU_PAGE_BRANDING_INFO}
       />
     </>
   );
@@ -189,6 +202,10 @@ configurations set in the host application.
 - `isThankYouPageLoading` - Boolean value to show the loading state
 - `customPageLoader` - Specify a custom loader component to replace the default
   page loader.
+- `appName` - Accepts `appName`, which will be used for generating the sign up URL in the branding text.
+- `brandingInfo` - Accepts an object that specifies the branding details. It can have 2 keys:
+  1. `displayText` - Specifies the translation key for the branding text to be displayed. The app name should be wrapped with `<signUpLink>` to set the redirection to neeto-auth properly.
+  2. `additionalComponents` - Accepts an optional object that specifies the additional components for styling the display text. This will be passed to the `components` prop of `Trans` component.
 
 ##### Usage
 
@@ -205,14 +222,26 @@ const App = () => {
     },
   ];
 
+  const THANK_YOU_PAGE_BRANDING_INFO = {
+    // "Build your own form using <signUpLink><span>neetoForm.</span></signUpLink> It’s free. <Link>Learn more</Link>."
+    displayText: "form.settings.thankyou.brandingText",
+    additionalComponents: {
+      Link: (
+        <a href={WEBSITE_URL} rel="noreferrer" target="_blank" />
+      ),
+    },
+  };
+
   return (
     <>
       <ShowThankYou
+        appName="neetoForm"
         entityId={entityId}
         isDraftPreview={isDraftPreview}
         resubmitLink={resubmitLink}
         socialHandles={socialHandles}
         isThankYouPageLoading={isThankYouPageLoading}
+        brandingInfo={THANK_YOU_PAGE_BRANDING_INFO}
       />
     </>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-thank-you-frontend",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A repo acts as the source of truth for the new nano's structure, configs, data etc.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-thank-you-nano",