@bigbinary/neeto-integrations-frontend 1.1.1 → 1.2.1

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
 };
 
@@ -3772,8 +3777,9 @@ var Modal = function Modal(_ref) {
     steps = _ref$steps === void 0 ? {} : _ref$steps,
     children = _ref.children;
   return /*#__PURE__*/React__default.createElement(Modal$1, {
-    className: "w-screen-imp neeto-ui-h-screen neeto-ui-flex neeto-ui-transform-none neeto-ui-flex-col neeto-ui-rounded-none",
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-transform-none w-screen overflow-y-auto",
     isOpen: isOpen,
+    size: "fullScreen",
     onClose: onClose
   }, /*#__PURE__*/React__default.createElement(Modal$1.Header, null, /*#__PURE__*/React__default.createElement(Stepper, {
     steps: steps
@@ -4062,6 +4068,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;
 }
@@ -4404,8 +4443,8 @@ 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%}";
+var css = ".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