@bigbinary/neeto-molecules 3.16.1-beta → 3.16.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.16.1-beta",
+  "version": "3.16.2",
   "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 your {{productName, anyCase}}",
+      "title": "Share link",
       "copyLink": "Copy link",
       "view": "View {{entity}}",
       "regenerateUrl": {
@@ -432,23 +432,12 @@
         "validationError": "Please enter a valid path without special characters, except '/', '-' and '_'."
       },
       "socialMediaShare": {
-        "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.",
+        "title": "Share via social media",
         "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"
@@ -700,50 +689,53 @@
       "tooltip": "Actions"
     },
     "productEmbed": {
-      "title": "Embed",
-      "embedSelectionTitle": "How do you want to add {{productName, anyCase}} to your site?",
-      "embedSelectionDescription": "Choose one of the following ways.",
+      "embedOptions": {
+        "title": "Embed options"
+      },
       "backToShare": "Back to share",
-      "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"
+      "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"
         },
         "position": {
           "bottomLeft": "Bottom left",
           "bottomRight": "Bottom right"
         }
       },
-      "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": {
+      "tab": {
         "html": "HTML",
         "react": "React"
+      },
+      "position": {
+        "bottomRight": "Bottom Right",
+        "bottomLeft": "Bottom Left"
       }
     },
     "reactions": {

package/types/ProductEmbed.d.ts

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

package/types/ShareViaLink.d.ts

@@ -1,13 +1,18 @@
 import React from 'react';
 
+type SubtitleProps = {
+  subtitle: string;
+  dataCy?: string;
+  link?: string;
+  onClick?: func;
+};
 type MoreOptions = {
   title: string;
-  link: string;
+  link: Function;
   icon: React.ReactNode;
-  onClick?: Function;
+  onClick: Function;
   dataCy: string;
-  description?: string | React.ReactNode;
-  element: React.ReactNode | React.ElementType;
+  subtitleProps?: SubtitleProps;
 };
 type RegenerateConfig = {
   expiresInOptions: Array<{
@@ -40,7 +45,7 @@ type RegenerateConfig = {
  *       entityName="quiz"
  *       handleRegenerate={regenerateURL}
  *       isLoading={isRegenerating}
- *       socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
+ *       socialMediaPostTitle="Hi, can you please attend this quiz?"
  *       url={quizUrl}
  *     />
  *   );
@@ -71,7 +76,7 @@ type RegenerateConfig = {
  *       handleEdit={updateUrl}
  *       handleRegenerate={regenerateURL}
  *       isLoading={isRegenerating || isUpdating}
- *       socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
+ *       socialMediaPostTitle="Hi, can you please attend this quiz?"
  *       url={quizUrl}
  *     />
  *   );
@@ -87,7 +92,7 @@ type RegenerateConfig = {
  *   <ShareViaLink
  *     entity={quiz}
  *     entityName="quiz"
- *     socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
+ *     socialMediaPostTitle="Hi, can you please attend this quiz?"
  *     url={quizUrl}
  *   />
  * );
@@ -103,7 +108,7 @@ type RegenerateConfig = {
  *     entity={quiz}
  *     entityName="quiz"
  *     previewUrl={quizPreviewUrl}
- *     socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
+ *     socialMediaPostTitle="Hi, can you please attend this quiz?"
  *     url={quizUrl}
  *   />
  * );
@@ -120,17 +125,28 @@ type RegenerateConfig = {
  *     entity={quiz}
  *     entityName="quiz"
  *     previewUrl={quizPreviewUrl}
- *     socialMediaProps={{ postTitle: "Hi, can you please attend this quiz?" }}
+ *     socialMediaPostTitle="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.",
  *       },
  *     ]}
  *   />
@@ -138,8 +154,6 @@ type RegenerateConfig = {
  * @endexample
 */
 declare const ShareViaLink: React.FC<{
-  title: string | React.ReactNode;
-  description?: string | React.ReactNode;
   isLoading?: boolean;
   enabledOptions?: {
     regenerate?: boolean | RegenerateConfig;
@@ -152,20 +166,9 @@ declare const ShareViaLink: React.FC<{
   entityName: string;
   handleEdit?: Function;
   handleRegenerate?: Function;
-  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;
-  };
+  socialMediaPostTitle: string;
   moreOptions?: MoreOptions[];
+  isOtherShareOptionsEnabled?: boolean;
   disableShareSocialMedia?: boolean;
   disableQRDownload?: boolean;
   urls: {