@bigbinary/neeto-molecules 1.0.34 → 1.0.36

package/package.json

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

@@ -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;