@stokr/components-library 2.3.65-beta.20 → 2.3.65-beta.21

package/dist/components/2FA/login-with-otp-flow.js

@@ -86,7 +86,7 @@ const LoginWithOTP = _ref => {
       message: undefined
     });
   };
-  const backgroundProp = "url(".concat(_background.default, ") left center no-repeat");
+  const backgroundProp = "url(".concat(_background.default, ") left top no-repeat");
   return /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
     noHeader: true,
     noFooter: true

package/dist/components/2FA/main-flow.js

@@ -17,7 +17,7 @@ var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
 var _Modal = require("../Modal/Modal");
 var _Sucess2FA = _interopRequireDefault(require("./Sucess2FA"));
-const _excluded = ["onRequiresRecentLoginError", "open2faflow", "onLoginAgainClick", "openDisable2faflow", "title", "subtitle", "showSwitch", "customComponent"];
+const _excluded = ["onRequiresRecentLoginError", "open2faflow", "onLoginAgainClick", "openDisable2faflow", "title", "subtitle", "showSwitch", "customComponent", "onFlowClose"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -36,7 +36,8 @@ const Main2FAFlow = _ref => {
       title = 'SET UP YOUR LOG IN TWO FACTOR AUTHENTICATION',
       subtitle = 'Protect your account with an additional layer of security to log in',
       showSwitch = true,
-      customComponent
+      customComponent,
+      onFlowClose
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -88,6 +89,14 @@ const Main2FAFlow = _ref => {
       [nextFlowId]: true
     }));
   };
+
+  // Helper to close a flow and call the custom onFlowClose handler
+  const handleFlowClose = flowId => {
+    setIsFlowOpen(prev => _objectSpread(_objectSpread({}, prev), {}, {
+      [flowId]: false
+    }));
+    onFlowClose && onFlowClose(flowId);
+  };
   const onEnable2FASuccess = async () => {
     setis2FAEnabled(true);
     checkMfaEnrollment();
@@ -112,11 +121,15 @@ const Main2FAFlow = _ref => {
     openEnable2FA: () => switchOpenFlow('disable2fa', 'enable2fa'),
     openDisable2FA: () => switchOpenFlow('enable2fa', 'disable2fa'),
     closeFlows: () => {
+      const wasOpen = Object.keys(isFlowopen).find(key => isFlowopen[key]);
       setIsFlowOpen({
         enable2fa: false,
         disable2fa: false,
         requiresRecentLogin: false
       });
+      if (wasOpen) {
+        onFlowClose && onFlowClose(wasOpen);
+      }
     },
     is2FAEnabled,
     isFlowOpen: isFlowopen
@@ -169,24 +182,34 @@ const Main2FAFlow = _ref => {
     flowActions
   }) : customComponent), isFlowopen.enable2fa && /*#__PURE__*/_react.default.createElement(_enable2faFlow.default, {
     showFlow: isFlowopen.enable2fa,
-    setShowFlow: value => setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
-      enable2fa: value
-    })),
+    setShowFlow: value => {
+      if (!value) {
+        handleFlowClose('enable2fa');
+      } else {
+        setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
+          enable2fa: value
+        }));
+      }
+    },
     totpData: totpData,
     onRequiresRecentLoginError: onRequiresRecentLoginErrorHandler,
     onSuccess: onEnable2FASuccess
   }), isFlowopen.disable2fa && /*#__PURE__*/_react.default.createElement(_disable2faFlow.default, {
     showFlow: isFlowopen.disable2fa,
-    setShowFlow: value => setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
-      disable2fa: value
-    })),
+    setShowFlow: value => {
+      if (!value) {
+        handleFlowClose('disable2fa');
+      } else {
+        setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
+          disable2fa: value
+        }));
+      }
+    },
     onRequiresRecentLoginError: onRequiresRecentLoginErrorHandler,
     onSuccess: onDisable2FASuccess
   }), isFlowopen.requiresRecentLogin && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isFlowopen.requiresRecentLogin,
-    onClose: () => setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
-      requiresRecentLogin: false
-    }))
+    onClose: () => handleFlowClose('requiresRecentLogin')
   }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
     noPadding: true
   }, /*#__PURE__*/_react.default.createElement(_Sucess2FA.default, {
@@ -200,6 +223,8 @@ const Main2FAFlow = _ref => {
 };
 exports.Main2FAFlow = Main2FAFlow;
 Main2FAFlow.propTypes = {
-  onRequiresRecentLoginError: _propTypes.default.func
+  onRequiresRecentLoginError: _propTypes.default.func,
+  /** Called when any flow/modal is closed. Receives the flowId: 'enable2fa' | 'disable2fa' | 'requiresRecentLogin' */
+  onFlowClose: _propTypes.default.func
 };
 var _default = exports.default = Main2FAFlow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.65-beta.20",
+  "version": "2.3.65-beta.21",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",