@bigbinary/neeto-molecules 3.16.1 → 3.16.2-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.16.1",
+  "version": "3.16.2-beta",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/en.json

@@ -408,7 +408,7 @@
       "timezoneDescription": "Your current timezone is <strong>{{timezone, anyCase}}</strong>. To change it, click <button>here</button>."
     },
     "shareViaLink": {
-      "title": "Share link",
+      "title": "Share your {{productName, anyCase}}",
       "copyLink": "Copy link",
       "view": "View {{entity}}",
       "regenerateUrl": {
@@ -432,12 +432,23 @@
         "validationError": "Please enter a valid path without special characters, except '/', '-' and '_'."
       },
       "socialMediaShare": {
-        "title": "Share via social media",
+        "title": "Social share",
+        "description": "Easily share content on Facebook, Twitter and LinkedIn.",
+        "pageTitle": "Share via social media",
+        "pageDescription": "Easily share content on Facebook, Twitter and LinkedIn.",
         "qrCodeInfo": "<button>Download</button> the QR code",
         "facebook": "Facebook",
         "twitter": "Twitter",
         "linkedIn": "LinkedIn"
       },
+      "qrCode": {
+        "title": "QR code",
+        "description": "Scan this QR code using your device’s camera to access the linked page.",
+        "pageTitle": "QR code",
+        "pageDescription": "Scan this QR code using your device’s camera to access the linked page.",
+        "download": "Download QR code",
+        "copy": "Copy QR code"
+      },
       "requirements": {
         "fileTypeAndSize": "Files must be in CSV format and not larger than {{limit}} KB.",
         "shouldContainColumns": "Your CSV file should only contain <strong>Email</strong> column"
@@ -689,53 +700,50 @@
       "tooltip": "Actions"
     },
     "productEmbed": {
-      "embedOptions": {
-        "title": "Embed options"
-      },
+      "title": "Embed",
+      "embedSelectionTitle": "How do you want to add {{productName, anyCase}} to your site?",
+      "embedSelectionDescription": "Choose one of the following ways.",
       "backToShare": "Back to share",
-      "customization": {
-        "inline": {
-          "title": "Embed window customization",
-          "width": "Width",
-          "height": "Height",
-          "elementId": "Element id",
-          "sizeOfEmbedWindow": "Size of embed window"
-        },
-        "floatingPopup": {
-          "title": "Popup customization",
-          "showCalIcon": "Show icon",
-          "button": {
-            "text": "Button text",
-            "color": "Button color",
-            "pos": "Button position",
-            "textColor": "Button text color"
-          }
-        },
-        "elementPopup": {
-          "title": "Element popup",
-          "description": "Make sure to set the \"id\" attribute of the element in the host app with the following \"Element Id\" value",
-          "elementId": "Element Id",
-          "label": "Click to open popup",
-          "warning": "Please provide an \"id\" to see popup"
-        },
-        "queryParam": {
-          "label": "Query params",
-          "keyNamePlaceholder": "Enter key name",
-          "keyValuePlaceholder": "Enter key value",
-          "addQueryParam": "Add query param"
+      "copyCode": "Copy code",
+      "backToEmbedSelection": "Back to embed selection",
+      "embedCode": "Embed code",
+      "inline": {
+        "title": "Inline embed",
+        "width": "Width",
+        "height": "Height",
+        "elementId": "Element id",
+        "sizeOfEmbedWindow": "Size of embed window"
+      },
+      "floatingPopup": {
+        "title": "Popup via sticky button",
+        "showCalIcon": "Show icon",
+        "button": {
+          "text": "Button text",
+          "color": "Button color",
+          "pos": "Button position",
+          "textColor": "Button text color"
         },
         "position": {
           "bottomLeft": "Bottom left",
           "bottomRight": "Bottom right"
         }
       },
-      "tab": {
+      "elementPopup": {
+        "title": "Popup via custom trigger",
+        "callout": "Make sure to set the \"id\" attribute of the element in the host app with the following \"Element Id\" value",
+        "elementId": "Element Id",
+        "label": "Click to open popup",
+        "warning": "Please provide an \"id\" to see popup"
+      },
+      "queryParam": {
+        "label": "Query params",
+        "keyNamePlaceholder": "Enter key name",
+        "keyValuePlaceholder": "Enter key value",
+        "addQueryParam": "Add query param"
+      },
+      "language": {
         "html": "HTML",
         "react": "React"
-      },
-      "position": {
-        "bottomRight": "Bottom Right",
-        "bottomLeft": "Bottom Left"
       }
     },
     "reactions": {

package/types/ProductEmbed.d.ts

@@ -73,6 +73,7 @@ type CodeSampleType = "html" | "react";
  * @endexample
 */
 declare const ProductEmbed: React.FC<{
+  title?: string;
   className?: string;
   goBackLink?: string;
   customEmbedScriptPath?: string;

package/types/ShareViaLink.d.ts

@@ -1,18 +1,13 @@
 import React from 'react';
 
-type SubtitleProps = {
-  subtitle: string;
-  dataCy?: string;
-  link?: string;
-  onClick?: func;
-};
 type MoreOptions = {
   title: string;
-  link: Function;
+  link: string;
   icon: React.ReactNode;
-  onClick: Function;
+  onClick?: Function;
   dataCy: string;
-  subtitleProps?: SubtitleProps;
+  description?: string | React.ReactNode;
+  element: React.ReactNode | React.ElementType;
 };
 type RegenerateConfig = {
   expiresInOptions: Array<{
@@ -45,7 +40,7 @@ type RegenerateConfig = {
  *       entityName="quiz"
  *       handleRegenerate={regenerateURL}
  *       isLoading={isRegenerating}
- *       socialMediaPostTitle="Hi, can you please attend this quiz?"
+ *       socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
  *       url={quizUrl}
  *     />
  *   );
@@ -76,7 +71,7 @@ type RegenerateConfig = {
  *       handleEdit={updateUrl}
  *       handleRegenerate={regenerateURL}
  *       isLoading={isRegenerating || isUpdating}
- *       socialMediaPostTitle="Hi, can you please attend this quiz?"
+ *       socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
  *       url={quizUrl}
  *     />
  *   );
@@ -92,7 +87,7 @@ type RegenerateConfig = {
  *   <ShareViaLink
  *     entity={quiz}
  *     entityName="quiz"
- *     socialMediaPostTitle="Hi, can you please attend this quiz?"
+ *     socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
  *     url={quizUrl}
  *   />
  * );
@@ -108,7 +103,7 @@ type RegenerateConfig = {
  *     entity={quiz}
  *     entityName="quiz"
  *     previewUrl={quizPreviewUrl}
- *     socialMediaPostTitle="Hi, can you please attend this quiz?"
+ *     socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
  *     url={quizUrl}
  *   />
  * );
@@ -125,28 +120,17 @@ type RegenerateConfig = {
  *     entity={quiz}
  *     entityName="quiz"
  *     previewUrl={quizPreviewUrl}
- *     socialMediaPostTitle="Hi, can you please attend this quiz?"
+ *     socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
  *     url={quizUrl}
  *     moreOptions={[
  *       {
- *         title: "Invite via email",
- *         link: "/",
- *         icon: Message,
- *         dataCy: "share-via-email-link",
- *         subtitleProps: {
- *           subtitle: "7 People invited.",
- *           onClick: () => {
- *             alert("7 People invited");
- *           },
- *         },
- *       },
- *       {
  *         title: "Notify users",
  *         onClick: () => {
  *           alert("Notified users");
  *         },
  *         icon: Notification,
  *         dataCy: "notify-users",
+ *         description: "Users will be notified.",
  *       },
  *     ]}
  *   />
@@ -154,6 +138,10 @@ type RegenerateConfig = {
  * @endexample
 */
 declare const ShareViaLink: React.FC<{
+  title: string | React.ReactNode;
+  description?: string | React.ReactNode;
+  customTopContent?: React.ReactNode;
+  customBottomContent?: React.ReactNode;
   isLoading?: boolean;
   enabledOptions?: {
     regenerate?: boolean | RegenerateConfig;
@@ -166,9 +154,20 @@ declare const ShareViaLink: React.FC<{
   entityName: string;
   handleEdit?: Function;
   handleRegenerate?: Function;
-  socialMediaPostTitle: string;
+  socialMediaProps: {
+    cardTitle: string | React.ReactNode;
+    cardDescription: string | React.ReactNode;
+    pageTitle: string | React.ReactNode;
+    pageDescription: string | React.ReactNode;
+    postTitle: string;
+  };
+  qrCodeProps: {
+    cardTitle: string | React.ReactNode;
+    cardDescription: string | React.ReactNode;
+    pageTitle: string | React.ReactNode;
+    pageDescription: string | React.ReactNode;
+  };
   moreOptions?: MoreOptions[];
-  isOtherShareOptionsEnabled?: boolean;
   disableShareSocialMedia?: boolean;
   disableQRDownload?: boolean;
   urls: {