@bigbinary/neeto-integrations-frontend 1.1.1 → 1.2.0

package/dist/index.js

@@ -3619,6 +3619,10 @@ var demo = {
 	subtitle: "Watch the following video to understand how you can utilize this integration:",
 	iFrameTitle: "Watch this video to utilize the integration"
 };
+var walkthroughModal = {
+	header: "Check how it behaves",
+	"continue": "Continue"
+};
 var zapier = {
 	apiKeys: "API Keys",
 	copyApiKey: "Copy API Key to Clipboard",
@@ -3640,6 +3644,7 @@ var zapier = {
 var en = {
 	common: common,
 	demo: demo,
+	walkthroughModal: walkthroughModal,
 	zapier: zapier
 };
 
@@ -4062,6 +4067,39 @@ Finish.prototypes = {
   secondaryButtonProps: propTypes.exports.object
 };
 
+var WalkthroughModal = function WalkthroughModal(_ref) {
+  var _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? noop$1 : _ref$isOpen,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop$1 : _ref$onClose,
+    _ref$videoUrl = _ref.videoUrl,
+    videoUrl = _ref$videoUrl === void 0 ? "" : _ref$videoUrl,
+    children = _ref.children;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default.createElement(Modal$1, {
+    isOpen: isOpen,
+    size: "large",
+    onClose: onClose
+  }, /*#__PURE__*/React__default.createElement(Modal$1.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h2",
+    weight: "semibold"
+  }, t("walkthroughModal.header"))), /*#__PURE__*/React__default.createElement(Modal$1.Body, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "w-full py-10"
+  }, /*#__PURE__*/React__default.createElement("video", {
+    autoPlay: true,
+    controls: true,
+    muted: true,
+    className: "cursor-pointer",
+    id: "walkthrough-video"
+  }, /*#__PURE__*/React__default.createElement("source", {
+    src: videoUrl
+  })), children)), /*#__PURE__*/React__default.createElement(Modal$1.Footer, null, /*#__PURE__*/React__default.createElement(Button, {
+    label: t("walkthroughModal.continue"),
+    onClick: onClose
+  })));
+};
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -4407,5 +4445,5 @@ function n(n, r) {
 var css = ".w-screen-imp{width:100vw!important}.intrinsic-container{height:0;overflow:hidden;position:relative}.intrinsic-container-16x9{padding-bottom:56.25%}.intrinsic-container-4x3{padding-bottom:75%}.intrinsic-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}";
 n(css,{});
 
-export { Card, Connect, Demo, Finish, Modal, ZapierForm };
+export { Card, Connect, Demo, Finish, Modal, WalkthroughModal, ZapierForm };
 //# sourceMappingURL=index.js.map