@bigbinary/neeto-molecules 1.0.33 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "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

@@ -74,10 +74,10 @@
       "keyboardShortcuts": "Keyboard shortcuts",
       "productSwitcher": "Product switcher",
       "helpLinks": {
-        "documentation": "Documentation",
-        "keyboardShortcuts": "Keyboard shortcuts",
-        "chatWithUs": "Chat with us",
-        "whatsNew": "What's new"
+        "liveChat": "Live chat",
+        "helpCenter": "Help center",
+        "whatsNew": "What's new",
+        "keyboardShortcuts": "Keyboard shortcuts"
       }
     },
     "appSwitcher": {
@@ -280,6 +280,10 @@
       "currentIpTitle": "Your current IP is",
       "currentIpDescription": "Your current IP will be added to the allowed IP range by default. You will not be able to save the IP settings without your current IP address on the list"
     },
+    "integrationWalkthroughModal": {
+      "header": "Check how it behaves",
+      "continue": "Continue"
+    },
     "publishBlock": {
       "viewDraftVersion": "View draft version",
       "deleteDraftVersion": "Delete draft version. It'll not impact the published version",

package/types/IntegrationWalkthroughModal.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+/**
+ *
+ * A component used to display walkthrough video of integration.
+ *
+ * @example 
+ *
+ * import React, { useState } from "react";
+ * import IntegrationWalkthroughModal from "@bigbinary/neeto-molecules/IntegrationWalkthroughModal";
+ * 
+ * const Finish = () => {
+ *   const [isModalOpen, setIsModalOpen] = useState(true);
+ * 
+ *   return (
+ *     <IntegrationWalkthroughModal
+ *       isOpen={isModalOpen}
+ *       onClose={() => setIsModalOpen(false)}
+ *       videoUrl="https://user-images.githubusercontent.com/39831309/232906732-43e139ac-4af8-4a59-9f4f-e96ebf436f75.mov"
+ *     />
+ *   );
+ * };
+ * @endexample
+*/
+const IntegrationWalkthroughModal: React.FC<{
+  videoUrl: string;
+  isOpen: boolean;
+  onClose: Function;
+}>;
+export default IntegrationWalkthroughModal;

package/types/Sidebar.d.ts

@@ -10,14 +10,12 @@ interface ProfileInfo {
   changelogProps?: LinkType;
   helpProps?: LinkType;
 }
-;
 interface HelpLinks {
-  documentationProps?: LinkType;
-  keyboardShortcutProps?: LinkType;
   liveChatProps?: LinkType;
+  helpCenterProps?: LinkType;
   changelogProps?: LinkType;
+  keyboardShortcutProps?: LinkType;
 }
-;
 /**
  *
  * Used in neeto products for showing options like: settings, profile, whats new,