@activecollab/components 2.0.359 → 2.0.360

package/dist/cjs/presentation/shared/TwoFactorDialogs.js

@@ -0,0 +1,432 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateLoginCodeDialogs = exports.BackupCodesDialogs = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Button = require("../../components/Button");
+var _Dialog = require("../../components/Dialog");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _InfoBox = require("../../components/InfoBox");
+var _Input = require("../../components/Input");
+var _Label = require("../../components/Label");
+var _Loaders = require("../../components/Loaders");
+var _ToastMessage = require("../../components/ToastMessage");
+var _Tooltip = require("../../components/Tooltip");
+var _Transitions = require("../../components/Transitions");
+var _Typography = require("../../components/Typography");
+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 _interopRequireWildcard(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 (var _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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * Self-hosted 2FA dialogs shared by the People stories (Users list + User
+ * profile). Two flows, both reached from the user three-dot menu and both
+ * gated (in the menu) behind the self-hosted + 2FA-enabled guard:
+ *
+ * - **Backup Codes** (own account, `self` menu): a single dialog that both
+ *   explains the destructive regenerate and takes the password (identity
+ *   confirmation is "valid password + submit", no separate confirm step).
+ *   Submitting opens the reveal dialog, which shows a skeleton while the new
+ *   set "loads", then the 10 codes once.
+ * - **Create Login Code** (another user, `member`/`client` menu): an owner
+ *   re-enters their own password, then a one-time code is revealed once with
+ *   its expiry and a "user notified" note. (Task #18.)
+ *
+ * Everything is mocked locally: passwords aren't checked, the "load" is a
+ * timer, and the codes are static samples.
+ */
+
+var SANS = '-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif';
+var MONO = '"SF Mono", "Roboto Mono", Menlo, Consolas, "Courier New", monospace';
+
+/**
+ * DS `InputPassword` calls `onChange` with the string value at runtime, but its
+ * type is still inherited from the native input (`ChangeEventHandler`). Adapt a
+ * string handler so TypeScript is satisfied without lying about the value.
+ */
+var asInputChange = function asInputChange(fn) {
+  return fn;
+};
+
+/* Sample codes (10+10 A-Z0-9), mirroring the real generator's format. */
+var SAMPLE_BACKUP_CODES = ["4K7Q9ZM2XN-8V3TJRD6WP", "P2W8XK4M9Q-3RJ7VND5TZ", "9ZM2XN4K7Q-6WP8V3TJRD", "TJRD6WP8V3-2XN4K7Q9ZM", "V3TJRD6WP8-K7Q9ZM2XN4", "8V3TJRD6WP-Q9ZM2XN4K7", "RD5TZP2W8X-M9Q3RJ7VND", "3RJ7VND5TZ-8XK4M9QP2W", "N4K7Q9ZM2X-6WP8V3TJRD", "Q9ZM2XN4K7-8V3TJRD6WP"];
+var SAMPLE_LOGIN_CODE = "4K7Q9ZM2XN-8V3TJRD6WP";
+
+/* ------------------------------------------------------------------ */
+/* Toast (reuses the fixed upper-right anchor pattern from headers)    */
+/* ------------------------------------------------------------------ */
+
+var StyledToastAnchor = _styledComponents.default.div.withConfig({
+  displayName: "TwoFactorDialogs__StyledToastAnchor",
+  componentId: "sc-nn5qbh-0"
+})(["position:fixed;top:16px;right:16px;z-index:10000;pointer-events:none;.c-toast-message{pointer-events:auto;}"]);
+var CopyToast = function CopyToast(_ref) {
+  var open = _ref.open,
+    toastKey = _ref.toastKey,
+    text = _ref.text,
+    onClose = _ref.onClose;
+  return /*#__PURE__*/_react.default.createElement(StyledToastAnchor, null, /*#__PURE__*/_react.default.createElement(_Transitions.SlideFromTop, {
+    in: open
+  }, /*#__PURE__*/_react.default.createElement(_ToastMessage.ToastMessage, {
+    key: toastKey,
+    className: "c-toast-message",
+    type: "success",
+    text: text,
+    dismissible: true,
+    dropShadow: true,
+    timeout: 3000,
+    onClose: onClose
+  })));
+};
+
+/* ------------------------------------------------------------------ */
+/* Shared password-gate body (describe + password in one dialog)       */
+/* ------------------------------------------------------------------ */
+
+var StyledGateBody = _styledComponents.default.div.withConfig({
+  displayName: "TwoFactorDialogs__StyledGateBody",
+  componentId: "sc-nn5qbh-1"
+})(["font-family:", ";display:flex;flex-direction:column;gap:16px;.pg-field{display:flex;flex-direction:column;gap:4px;}.pg-input.c-input-wrapper,.pg-input{width:100%;max-width:none;}"], SANS);
+
+/* ------------------------------------------------------------------ */
+/* Backup Codes — combined describe + password dialog                  */
+/* ------------------------------------------------------------------ */
+
+/**
+ * The full Backup Codes flow: the combined regenerate/password dialog, then the
+ * one-time reveal dialog with its loading skeleton. Cancelling the first dialog
+ * is a pure no-op — no codes are issued, no toast.
+ */
+var BackupCodesDialogs = exports.BackupCodesDialogs = function BackupCodesDialogs(_ref2) {
+  var open = _ref2.open,
+    onClose = _ref2.onClose;
+  var _useState = (0, _react.useState)(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    password = _useState2[0],
+    setPassword = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    attempted = _useState4[0],
+    setAttempted = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    revealOpen = _useState6[0],
+    setRevealOpen = _useState6[1];
+  var _useState7 = (0, _react.useState)(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    copyOpen = _useState0[0],
+    setCopyOpen = _useState0[1];
+  var _useState1 = (0, _react.useState)(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    copyKey = _useState10[0],
+    setCopyKey = _useState10[1];
+
+  // Reset the gate each time it (re)opens.
+  (0, _react.useEffect)(function () {
+    if (open) {
+      setPassword("");
+      setAttempted(false);
+    }
+  }, [open]);
+
+  // Simulate the API generating the new set: a ~1s skeleton on reveal.
+  (0, _react.useEffect)(function () {
+    if (!revealOpen) {
+      return undefined;
+    }
+    setLoading(true);
+    var timer = window.setTimeout(function () {
+      return setLoading(false);
+    }, 1100);
+    return function () {
+      return window.clearTimeout(timer);
+    };
+  }, [revealOpen]);
+  var passwordInvalid = attempted && password.trim() === "";
+  var handleConfirm = function handleConfirm() {
+    if (password.trim() === "") {
+      setAttempted(true);
+      return;
+    }
+    // Valid password + submit is all the confirmation we need: close the gate
+    // and open the reveal (which regenerates the set).
+    onClose();
+    setRevealOpen(true);
+  };
+  var handleCopy = function handleCopy() {
+    setCopyOpen(true);
+    setCopyKey(function (k) {
+      return k + 1;
+    });
+  };
+  var closeReveal = function closeReveal() {
+    setRevealOpen(false);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, "Regenerate Backup Codes"), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(StyledGateBody, null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary",
+    lineHeight: "loose"
+  }, "This drops all of your existing backup codes and creates a new set of 10. Any codes you saved before will stop working. The new codes are shown only once. Enter your password to confirm it's you."), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pg-field"
+  }, /*#__PURE__*/_react.default.createElement(_Label.Label, {
+    htmlFor: "backup-codes-password"
+  }, "Your Password"), /*#__PURE__*/_react.default.createElement(_Input.InputPassword, {
+    id: "backup-codes-password",
+    wrapperClassName: "pg-input",
+    value: password,
+    onChange: asInputChange(function (value) {
+      setPassword(value);
+      setAttempted(false);
+    }),
+    invalid: passwordInvalid,
+    errorMessage: passwordInvalid ? "Your password is required." : undefined,
+    autoFocus: true,
+    autoComplete: "current-password"
+  })))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "primary",
+    style: {
+      marginRight: 12
+    },
+    onClick: handleConfirm
+  }, "Regenerate Codes"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "secondary",
+    onClick: onClose
+  }, "Cancel"))), /*#__PURE__*/_react.default.createElement(BackupCodesRevealDialog, {
+    open: revealOpen,
+    loading: loading,
+    onClose: closeReveal,
+    onCopy: handleCopy
+  }), /*#__PURE__*/_react.default.createElement(CopyToast, {
+    open: copyOpen,
+    toastKey: copyKey,
+    text: "Backup codes copied to clipboard.",
+    onClose: function onClose() {
+      return setCopyOpen(false);
+    }
+  }));
+};
+
+/* ------------------------------------------------------------------ */
+/* Backup Codes — one-time reveal (skeleton while loading)             */
+/* ------------------------------------------------------------------ */
+
+var StyledRevealBody = _styledComponents.default.div.withConfig({
+  displayName: "TwoFactorDialogs__StyledRevealBody",
+  componentId: "sc-nn5qbh-2"
+})(["font-family:", ";display:flex;flex-direction:column;gap:16px;.bc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;}.bc-code{font-family:", ";font-size:14px;letter-spacing:0.5px;color:var(--color-theme-900);padding:6px 10px;border-radius:6px;background-color:var(--color-theme-200);text-align:center;}.bc-skeleton{height:32px;border-radius:6px;width:100%;}"], SANS, MONO);
+var BackupCodesRevealDialog = function BackupCodesRevealDialog(_ref3) {
+  var open = _ref3.open,
+    loading = _ref3.loading,
+    onClose = _ref3.onClose,
+    onCopy = _ref3.onCopy;
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, "Your Backup Codes"), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(StyledRevealBody, null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary",
+    lineHeight: "loose"
+  }, "Use a backup code to log in when email isn't available. Each code works once."), /*#__PURE__*/_react.default.createElement("div", {
+    className: "bc-grid"
+  }, loading ? [...Array(10)].map(function (_, index) {
+    return /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
+      key: index,
+      className: "bc-skeleton"
+    });
+  }) : SAMPLE_BACKUP_CODES.map(function (code) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: code,
+      className: "bc-code"
+    }, code);
+  })), /*#__PURE__*/_react.default.createElement(_InfoBox.InfoBox, {
+    type: "note",
+    showIcon: true,
+    title: "Codes are shown only once"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary"
+  }, "Save them somewhere safe, they can't be displayed again. You can generate a new set from your profile at any time.")))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "primary",
+    style: {
+      marginRight: 12
+    },
+    onClick: onClose,
+    disabled: loading
+  }, "I've Saved My Codes"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "secondary",
+    onClick: onCopy,
+    disabled: loading
+  }, "Copy Codes")));
+};
+
+/* ------------------------------------------------------------------ */
+/* Create Login Code — password gate + one-time reveal                 */
+/* ------------------------------------------------------------------ */
+
+var StyledCodeRow = _styledComponents.default.div.withConfig({
+  displayName: "TwoFactorDialogs__StyledCodeRow",
+  componentId: "sc-nn5qbh-3"
+})(["font-family:", ";display:flex;flex-direction:column;gap:16px;.lc-label{display:block;margin-bottom:6px;}.lc-code-field{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background-color:var(--color-theme-200);}.lc-code{font-family:", ";font-size:15px;letter-spacing:0.5px;color:var(--color-theme-900);flex:1 1 auto;}.lc-copy svg{fill:var(--color-theme-600);}.lc-caption{display:block;margin-top:6px;}"], SANS, MONO);
+
+/* Title row for the reveal dialog: heading on the left, X close on the right
+   (the app's Use Token dialog pattern). Applied via className since
+   Dialog.Title doesn't accept inline style. */
+var StyledRevealTitle = _styledComponents.default.div.withConfig({
+  displayName: "TwoFactorDialogs__StyledRevealTitle",
+  componentId: "sc-nn5qbh-4"
+})(["display:flex;justify-content:space-between;align-items:center;width:100%;.lc-close svg{fill:var(--color-theme-600);}"]);
+/**
+ * Owner-minted login code flow (task #18): password gate first, then the
+ * one-time reveal. The reveal has no footer — an X in the title closes it —
+ * mirroring the app's Use Token dialog.
+ */
+var CreateLoginCodeDialogs = exports.CreateLoginCodeDialogs = function CreateLoginCodeDialogs(_ref4) {
+  var open = _ref4.open,
+    onClose = _ref4.onClose,
+    userName = _ref4.userName;
+  var firstName = (0, _react.useMemo)(function () {
+    return userName.split(" ")[0] || userName;
+  }, [userName]);
+  var _useState11 = (0, _react.useState)(""),
+    _useState12 = _slicedToArray(_useState11, 2),
+    password = _useState12[0],
+    setPassword = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    attempted = _useState14[0],
+    setAttempted = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    revealOpen = _useState16[0],
+    setRevealOpen = _useState16[1];
+  // Expiry copy: computed as "now + 10 min" at the moment the code is minted.
+  var _useState17 = (0, _react.useState)(""),
+    _useState18 = _slicedToArray(_useState17, 2),
+    expiry = _useState18[0],
+    setExpiry = _useState18[1];
+  var _useState19 = (0, _react.useState)(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    copyOpen = _useState20[0],
+    setCopyOpen = _useState20[1];
+  var _useState21 = (0, _react.useState)(0),
+    _useState22 = _slicedToArray(_useState21, 2),
+    copyKey = _useState22[0],
+    setCopyKey = _useState22[1];
+  (0, _react.useEffect)(function () {
+    if (open) {
+      setPassword("");
+      setAttempted(false);
+    }
+  }, [open]);
+  var passwordInvalid = attempted && password.trim() === "";
+  var handleConfirm = function handleConfirm() {
+    if (password.trim() === "") {
+      setAttempted(true);
+      return;
+    }
+    var when = new Date(Date.now() + 10 * 60000);
+    var hh = String(when.getHours()).padStart(2, "0");
+    var mm = String(when.getMinutes()).padStart(2, "0");
+    setExpiry("".concat(hh, ":").concat(mm));
+    onClose();
+    setRevealOpen(true);
+  };
+  var handleCopy = function handleCopy() {
+    setCopyOpen(true);
+    setCopyKey(function (k) {
+      return k + 1;
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, "Confirm Password"), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(StyledGateBody, null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary",
+    lineHeight: "loose"
+  }, "You're about to create a one-time login code for ", userName, ". Any code they already had pending will be replaced."), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pg-field"
+  }, /*#__PURE__*/_react.default.createElement(_Label.Label, {
+    htmlFor: "login-code-password"
+  }, "Your Password"), /*#__PURE__*/_react.default.createElement(_Input.InputPassword, {
+    id: "login-code-password",
+    wrapperClassName: "pg-input",
+    value: password,
+    onChange: asInputChange(function (value) {
+      setPassword(value);
+      setAttempted(false);
+    }),
+    invalid: passwordInvalid,
+    errorMessage: passwordInvalid ? "Your password is required." : undefined,
+    autoFocus: true,
+    autoComplete: "current-password"
+  })))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "primary",
+    style: {
+      marginRight: 12
+    },
+    onClick: handleConfirm
+  }, "Confirm"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "secondary",
+    onClick: onClose
+  }, "Cancel"))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: revealOpen,
+    onClose: function onClose() {
+      return setRevealOpen(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, {
+    disableDefaultHeading: true
+  }, /*#__PURE__*/_react.default.createElement(StyledRevealTitle, null, /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, "One-Time Login Code"), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    className: "lc-close",
+    onClick: function onClick() {
+      return setRevealOpen(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null)))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(StyledCodeRow, null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary",
+    lineHeight: "loose"
+  }, "Share this code with ", firstName, " through a secure channel. They'll still need their password to log in, the code alone won't work."), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Label.Label, {
+    className: "lc-label"
+  }, "Login Code"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lc-code-field"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "lc-code"
+  }, SAMPLE_LOGIN_CODE), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Copy code"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    className: "lc-copy",
+    onClick: handleCopy
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CopyIcon, null)))), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "tertiary",
+    className: "lc-caption"
+  }, "Expires at ", expiry, " (in 10 minutes), it can't be shown again.")), /*#__PURE__*/_react.default.createElement(_InfoBox.InfoBox, {
+    type: "default",
+    showIcon: true,
+    title: "".concat(firstName, " has been notified")
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary"
+  }, "They received an email saying you created this code for their account. The email doesn't include the code."))))), /*#__PURE__*/_react.default.createElement(CopyToast, {
+    open: copyOpen,
+    toastKey: copyKey,
+    text: "Login code copied to clipboard.",
+    onClose: function onClose() {
+      return setCopyOpen(false);
+    }
+  }));
+};
+//# sourceMappingURL=TwoFactorDialogs.js.map

package/dist/cjs/presentation/shared/TwoFactorDialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorDialogs.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_Dialog","_IconButton","_Icons","_InfoBox","_Input","_Label","_Loaders","_ToastMessage","_Tooltip","_Transitions","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","SANS","MONO","asInputChange","fn","SAMPLE_BACKUP_CODES","SAMPLE_LOGIN_CODE","StyledToastAnchor","styled","div","withConfig","displayName","componentId","CopyToast","_ref","open","toastKey","text","onClose","createElement","SlideFromTop","in","ToastMessage","key","className","type","dismissible","dropShadow","timeout","StyledGateBody","BackupCodesDialogs","exports","_ref2","_useState","useState","_useState2","password","setPassword","_useState3","_useState4","attempted","setAttempted","_useState5","_useState6","revealOpen","setRevealOpen","_useState7","_useState8","loading","setLoading","_useState9","_useState0","copyOpen","setCopyOpen","_useState1","_useState10","copyKey","setCopyKey","useEffect","undefined","timer","window","setTimeout","clearTimeout","passwordInvalid","trim","handleConfirm","handleCopy","k","closeReveal","Fragment","Dialog","disableCloseOnEsc","Title","ContentDivider","Content","Body2","color","lineHeight","Label","htmlFor","InputPassword","id","wrapperClassName","onChange","invalid","errorMessage","autoFocus","autoComplete","Actions","Button","variant","style","marginRight","onClick","BackupCodesRevealDialog","onCopy","StyledRevealBody","_ref3","map","_","index","SkeletonLoader","code","InfoBox","showIcon","title","disabled","StyledCodeRow","StyledRevealTitle","CreateLoginCodeDialogs","_ref4","userName","firstName","useMemo","split","_useState11","_useState12","_useState13","_useState14","_useState15","_useState16","_useState17","_useState18","expiry","setExpiry","_useState19","_useState20","_useState21","_useState22","when","Date","now","hh","String","getHours","padStart","mm","getMinutes","concat","disableDefaultHeading","Header3","IconButton","CancelCrossIcon","Tooltip","CopyIcon","Caption1"],"sources":["../../../../src/presentation/shared/TwoFactorDialogs.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useMemo, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Button } from \"../../components/Button\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { CancelCrossIcon, CopyIcon } from \"../../components/Icons\";\nimport { InfoBox } from \"../../components/InfoBox\";\nimport { InputPassword } from \"../../components/Input\";\nimport { Label } from \"../../components/Label\";\nimport { SkeletonLoader } from \"../../components/Loaders\";\nimport { ToastMessage } from \"../../components/ToastMessage\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { SlideFromTop } from \"../../components/Transitions\";\nimport { Body2, Caption1, Header3 } from \"../../components/Typography\";\n\n/**\n * Self-hosted 2FA dialogs shared by the People stories (Users list + User\n * profile). Two flows, both reached from the user three-dot menu and both\n * gated (in the menu) behind the self-hosted + 2FA-enabled guard:\n *\n * - **Backup Codes** (own account, `self` menu): a single dialog that both\n *   explains the destructive regenerate and takes the password (identity\n *   confirmation is \"valid password + submit\", no separate confirm step).\n *   Submitting opens the reveal dialog, which shows a skeleton while the new\n *   set \"loads\", then the 10 codes once.\n * - **Create Login Code** (another user, `member`/`client` menu): an owner\n *   re-enters their own password, then a one-time code is revealed once with\n *   its expiry and a \"user notified\" note. (Task #18.)\n *\n * Everything is mocked locally: passwords aren't checked, the \"load\" is a\n * timer, and the codes are static samples.\n */\n\nconst SANS =\n  '-apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\", Arial, sans-serif';\nconst MONO =\n  '\"SF Mono\", \"Roboto Mono\", Menlo, Consolas, \"Courier New\", monospace';\n\n/**\n * DS `InputPassword` calls `onChange` with the string value at runtime, but its\n * type is still inherited from the native input (`ChangeEventHandler`). Adapt a\n * string handler so TypeScript is satisfied without lying about the value.\n */\nconst asInputChange = (\n  fn: (value: string) => void\n): React.ChangeEventHandler<HTMLInputElement> =>\n  fn as unknown as React.ChangeEventHandler<HTMLInputElement>;\n\n/* Sample codes (10+10 A-Z0-9), mirroring the real generator's format. */\nconst SAMPLE_BACKUP_CODES = [\n  \"4K7Q9ZM2XN-8V3TJRD6WP\",\n  \"P2W8XK4M9Q-3RJ7VND5TZ\",\n  \"9ZM2XN4K7Q-6WP8V3TJRD\",\n  \"TJRD6WP8V3-2XN4K7Q9ZM\",\n  \"V3TJRD6WP8-K7Q9ZM2XN4\",\n  \"8V3TJRD6WP-Q9ZM2XN4K7\",\n  \"RD5TZP2W8X-M9Q3RJ7VND\",\n  \"3RJ7VND5TZ-8XK4M9QP2W\",\n  \"N4K7Q9ZM2X-6WP8V3TJRD\",\n  \"Q9ZM2XN4K7-8V3TJRD6WP\",\n];\n\nconst SAMPLE_LOGIN_CODE = \"4K7Q9ZM2XN-8V3TJRD6WP\";\n\n/* ------------------------------------------------------------------ */\n/* Toast (reuses the fixed upper-right anchor pattern from headers)    */\n/* ------------------------------------------------------------------ */\n\nconst StyledToastAnchor = styled.div`\n  position: fixed;\n  top: 16px;\n  right: 16px;\n  z-index: 10000;\n  pointer-events: none;\n\n  .c-toast-message {\n    pointer-events: auto;\n  }\n`;\n\ninterface CopyToastProps {\n  open: boolean;\n  toastKey: number;\n  text: string;\n  onClose: () => void;\n}\n\nconst CopyToast = ({\n  open,\n  toastKey,\n  text,\n  onClose,\n}: CopyToastProps): ReactElement => (\n  <StyledToastAnchor>\n    <SlideFromTop in={open}>\n      <ToastMessage\n        key={toastKey}\n        className=\"c-toast-message\"\n        type=\"success\"\n        text={text}\n        dismissible\n        dropShadow\n        timeout={3000}\n        onClose={onClose}\n      />\n    </SlideFromTop>\n  </StyledToastAnchor>\n);\n\n/* ------------------------------------------------------------------ */\n/* Shared password-gate body (describe + password in one dialog)       */\n/* ------------------------------------------------------------------ */\n\nconst StyledGateBody = styled.div`\n  font-family: ${SANS};\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  .pg-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  /* DS InputPassword wrapper is fixed-width — fill the dialog. */\n  .pg-input.c-input-wrapper,\n  .pg-input {\n    width: 100%;\n    max-width: none;\n  }\n`;\n\n/* ------------------------------------------------------------------ */\n/* Backup Codes — combined describe + password dialog                  */\n/* ------------------------------------------------------------------ */\n\nexport interface BackupCodesDialogsProps {\n  open: boolean;\n  onClose: () => void;\n}\n\n/**\n * The full Backup Codes flow: the combined regenerate/password dialog, then the\n * one-time reveal dialog with its loading skeleton. Cancelling the first dialog\n * is a pure no-op — no codes are issued, no toast.\n */\nexport const BackupCodesDialogs = ({\n  open,\n  onClose,\n}: BackupCodesDialogsProps): ReactElement => {\n  const [password, setPassword] = useState(\"\");\n  const [attempted, setAttempted] = useState(false);\n  const [revealOpen, setRevealOpen] = useState(false);\n  const [loading, setLoading] = useState(true);\n\n  const [copyOpen, setCopyOpen] = useState(false);\n  const [copyKey, setCopyKey] = useState(0);\n\n  // Reset the gate each time it (re)opens.\n  useEffect(() => {\n    if (open) {\n      setPassword(\"\");\n      setAttempted(false);\n    }\n  }, [open]);\n\n  // Simulate the API generating the new set: a ~1s skeleton on reveal.\n  useEffect(() => {\n    if (!revealOpen) {\n      return undefined;\n    }\n    setLoading(true);\n    const timer = window.setTimeout(() => setLoading(false), 1100);\n    return () => window.clearTimeout(timer);\n  }, [revealOpen]);\n\n  const passwordInvalid = attempted && password.trim() === \"\";\n\n  const handleConfirm = (): void => {\n    if (password.trim() === \"\") {\n      setAttempted(true);\n      return;\n    }\n    // Valid password + submit is all the confirmation we need: close the gate\n    // and open the reveal (which regenerates the set).\n    onClose();\n    setRevealOpen(true);\n  };\n\n  const handleCopy = (): void => {\n    setCopyOpen(true);\n    setCopyKey((k) => k + 1);\n  };\n\n  const closeReveal = (): void => {\n    setRevealOpen(false);\n  };\n\n  return (\n    <>\n      <Dialog open={open} onClose={onClose} disableCloseOnEsc>\n        <Dialog.Title>Regenerate Backup Codes</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <StyledGateBody>\n            <Body2 color=\"secondary\" lineHeight=\"loose\">\n              This drops all of your existing backup codes and creates a new set\n              of 10. Any codes you saved before will stop working. The new codes\n              are shown only once. Enter your password to confirm it&apos;s you.\n            </Body2>\n            <div className=\"pg-field\">\n              <Label htmlFor=\"backup-codes-password\">Your Password</Label>\n              <InputPassword\n                id=\"backup-codes-password\"\n                wrapperClassName=\"pg-input\"\n                value={password}\n                onChange={asInputChange((value) => {\n                  setPassword(value);\n                  setAttempted(false);\n                })}\n                invalid={passwordInvalid}\n                errorMessage={\n                  passwordInvalid ? \"Your password is required.\" : undefined\n                }\n                autoFocus\n                autoComplete=\"current-password\"\n              />\n            </div>\n          </StyledGateBody>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: 12 }}\n            onClick={handleConfirm}\n          >\n            Regenerate Codes\n          </Button>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n        </Dialog.Actions>\n      </Dialog>\n\n      <BackupCodesRevealDialog\n        open={revealOpen}\n        loading={loading}\n        onClose={closeReveal}\n        onCopy={handleCopy}\n      />\n\n      <CopyToast\n        open={copyOpen}\n        toastKey={copyKey}\n        text=\"Backup codes copied to clipboard.\"\n        onClose={() => setCopyOpen(false)}\n      />\n    </>\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* Backup Codes — one-time reveal (skeleton while loading)             */\n/* ------------------------------------------------------------------ */\n\nconst StyledRevealBody = styled.div`\n  font-family: ${SANS};\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  .bc-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px 16px;\n  }\n\n  .bc-code {\n    font-family: ${MONO};\n    font-size: 14px;\n    letter-spacing: 0.5px;\n    color: var(--color-theme-900);\n    padding: 6px 10px;\n    border-radius: 6px;\n    background-color: var(--color-theme-200);\n    text-align: center;\n  }\n\n  .bc-skeleton {\n    height: 32px;\n    border-radius: 6px;\n    width: 100%;\n  }\n`;\n\ninterface BackupCodesRevealDialogProps {\n  open: boolean;\n  loading: boolean;\n  onClose: () => void;\n  onCopy: () => void;\n}\n\nconst BackupCodesRevealDialog = ({\n  open,\n  loading,\n  onClose,\n  onCopy,\n}: BackupCodesRevealDialogProps): ReactElement => (\n  <Dialog open={open} onClose={onClose} disableCloseOnEsc>\n    <Dialog.Title>Your Backup Codes</Dialog.Title>\n    <Dialog.ContentDivider />\n    <Dialog.Content>\n      <StyledRevealBody>\n        <Body2 color=\"secondary\" lineHeight=\"loose\">\n          Use a backup code to log in when email isn&apos;t available. Each code\n          works once.\n        </Body2>\n        <div className=\"bc-grid\">\n          {loading\n            ? [...Array(10)].map((_, index) => (\n                <SkeletonLoader key={index} className=\"bc-skeleton\" />\n              ))\n            : SAMPLE_BACKUP_CODES.map((code) => (\n                <div key={code} className=\"bc-code\">\n                  {code}\n                </div>\n              ))}\n        </div>\n        <InfoBox type=\"note\" showIcon title=\"Codes are shown only once\">\n          <Body2 color=\"secondary\">\n            Save them somewhere safe, they can&apos;t be displayed again. You\n            can generate a new set from your profile at any time.\n          </Body2>\n        </InfoBox>\n      </StyledRevealBody>\n    </Dialog.Content>\n    <Dialog.ContentDivider />\n    <Dialog.Actions>\n      <Button\n        variant=\"primary\"\n        style={{ marginRight: 12 }}\n        onClick={onClose}\n        disabled={loading}\n      >\n        I&apos;ve Saved My Codes\n      </Button>\n      <Button variant=\"secondary\" onClick={onCopy} disabled={loading}>\n        Copy Codes\n      </Button>\n    </Dialog.Actions>\n  </Dialog>\n);\n\n/* ------------------------------------------------------------------ */\n/* Create Login Code — password gate + one-time reveal                 */\n/* ------------------------------------------------------------------ */\n\nconst StyledCodeRow = styled.div`\n  font-family: ${SANS};\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  .lc-label {\n    display: block;\n    margin-bottom: 6px;\n  }\n\n  .lc-code-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 8px;\n    background-color: var(--color-theme-200);\n  }\n\n  .lc-code {\n    font-family: ${MONO};\n    font-size: 15px;\n    letter-spacing: 0.5px;\n    color: var(--color-theme-900);\n    flex: 1 1 auto;\n  }\n\n  .lc-copy svg {\n    fill: var(--color-theme-600);\n  }\n\n  .lc-caption {\n    display: block;\n    margin-top: 6px;\n  }\n`;\n\n/* Title row for the reveal dialog: heading on the left, X close on the right\n   (the app's Use Token dialog pattern). Applied via className since\n   Dialog.Title doesn't accept inline style. */\nconst StyledRevealTitle = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  .lc-close svg {\n    fill: var(--color-theme-600);\n  }\n`;\n\nexport interface CreateLoginCodeDialogsProps {\n  open: boolean;\n  onClose: () => void;\n  /** Target user's full name (drives the dialog copy). */\n  userName: string;\n}\n\n/**\n * Owner-minted login code flow (task #18): password gate first, then the\n * one-time reveal. The reveal has no footer — an X in the title closes it —\n * mirroring the app's Use Token dialog.\n */\nexport const CreateLoginCodeDialogs = ({\n  open,\n  onClose,\n  userName,\n}: CreateLoginCodeDialogsProps): ReactElement => {\n  const firstName = useMemo(\n    () => userName.split(\" \")[0] || userName,\n    [userName]\n  );\n\n  const [password, setPassword] = useState(\"\");\n  const [attempted, setAttempted] = useState(false);\n  const [revealOpen, setRevealOpen] = useState(false);\n  // Expiry copy: computed as \"now + 10 min\" at the moment the code is minted.\n  const [expiry, setExpiry] = useState(\"\");\n\n  const [copyOpen, setCopyOpen] = useState(false);\n  const [copyKey, setCopyKey] = useState(0);\n\n  useEffect(() => {\n    if (open) {\n      setPassword(\"\");\n      setAttempted(false);\n    }\n  }, [open]);\n\n  const passwordInvalid = attempted && password.trim() === \"\";\n\n  const handleConfirm = (): void => {\n    if (password.trim() === \"\") {\n      setAttempted(true);\n      return;\n    }\n    const when = new Date(Date.now() + 10 * 60000);\n    const hh = String(when.getHours()).padStart(2, \"0\");\n    const mm = String(when.getMinutes()).padStart(2, \"0\");\n    setExpiry(`${hh}:${mm}`);\n    onClose();\n    setRevealOpen(true);\n  };\n\n  const handleCopy = (): void => {\n    setCopyOpen(true);\n    setCopyKey((k) => k + 1);\n  };\n\n  return (\n    <>\n      <Dialog open={open} onClose={onClose} disableCloseOnEsc>\n        <Dialog.Title>Confirm Password</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <StyledGateBody>\n            <Body2 color=\"secondary\" lineHeight=\"loose\">\n              You&apos;re about to create a one-time login code for {userName}.\n              Any code they already had pending will be replaced.\n            </Body2>\n            <div className=\"pg-field\">\n              <Label htmlFor=\"login-code-password\">Your Password</Label>\n              <InputPassword\n                id=\"login-code-password\"\n                wrapperClassName=\"pg-input\"\n                value={password}\n                onChange={asInputChange((value) => {\n                  setPassword(value);\n                  setAttempted(false);\n                })}\n                invalid={passwordInvalid}\n                errorMessage={\n                  passwordInvalid ? \"Your password is required.\" : undefined\n                }\n                autoFocus\n                autoComplete=\"current-password\"\n              />\n            </div>\n          </StyledGateBody>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: 12 }}\n            onClick={handleConfirm}\n          >\n            Confirm\n          </Button>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n        </Dialog.Actions>\n      </Dialog>\n\n      <Dialog open={revealOpen} onClose={() => setRevealOpen(false)}>\n        <Dialog.Title disableDefaultHeading>\n          <StyledRevealTitle>\n            <Header3>One-Time Login Code</Header3>\n            <IconButton\n              variant=\"text gray\"\n              className=\"lc-close\"\n              onClick={() => setRevealOpen(false)}\n            >\n              <CancelCrossIcon />\n            </IconButton>\n          </StyledRevealTitle>\n        </Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <StyledCodeRow>\n            <Body2 color=\"secondary\" lineHeight=\"loose\">\n              Share this code with {firstName} through a secure channel.\n              They&apos;ll still need their password to log in, the code alone\n              won&apos;t work.\n            </Body2>\n            <div>\n              <Label className=\"lc-label\">Login Code</Label>\n              <div className=\"lc-code-field\">\n                <span className=\"lc-code\">{SAMPLE_LOGIN_CODE}</span>\n                <Tooltip title=\"Copy code\">\n                  <IconButton\n                    variant=\"text gray\"\n                    className=\"lc-copy\"\n                    onClick={handleCopy}\n                  >\n                    <CopyIcon />\n                  </IconButton>\n                </Tooltip>\n              </div>\n              <Caption1 color=\"tertiary\" className=\"lc-caption\">\n                Expires at {expiry} (in 10 minutes), it can&apos;t be shown\n                again.\n              </Caption1>\n            </div>\n            <InfoBox\n              type=\"default\"\n              showIcon\n              title={`${firstName} has been notified`}\n            >\n              <Body2 color=\"secondary\">\n                They received an email saying you created this code for their\n                account. The email doesn&apos;t include the code.\n              </Body2>\n            </InfoBox>\n          </StyledCodeRow>\n        </Dialog.Content>\n      </Dialog>\n\n      <CopyToast\n        open={copyOpen}\n        toastKey={copyKey}\n        text=\"Login code copied to clipboard.\"\n        onClose={() => setCopyOpen(false)}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AAAuE,SAAAE,uBAAAa,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAApB,uBAAA,YAAAA,wBAAAgB,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAiB,eAAAf,CAAA,EAAAL,CAAA,WAAAqB,eAAA,CAAAhB,CAAA,KAAAiB,qBAAA,CAAAjB,CAAA,EAAAL,CAAA,KAAAuB,2BAAA,CAAAlB,CAAA,EAAAL,CAAA,KAAAwB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAlB,CAAA,EAAAqB,CAAA,QAAArB,CAAA,2BAAAA,CAAA,SAAAsB,iBAAA,CAAAtB,CAAA,EAAAqB,CAAA,OAAAvB,CAAA,MAAAyB,QAAA,CAAAZ,IAAA,CAAAX,CAAA,EAAAwB,KAAA,6BAAA1B,CAAA,IAAAE,CAAA,CAAAyB,WAAA,KAAA3B,CAAA,GAAAE,CAAA,CAAAyB,WAAA,CAAAC,IAAA,aAAA5B,CAAA,cAAAA,CAAA,GAAA6B,KAAA,CAAAC,IAAA,CAAA5B,CAAA,oBAAAF,CAAA,+CAAA+B,IAAA,CAAA/B,CAAA,IAAAwB,iBAAA,CAAAtB,CAAA,EAAAqB,CAAA;AAAA,SAAAC,kBAAAtB,CAAA,EAAAqB,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAArB,CAAA,CAAA8B,MAAA,MAAAT,CAAA,GAAArB,CAAA,CAAA8B,MAAA,YAAAnC,CAAA,MAAAM,CAAA,GAAA0B,KAAA,CAAAN,CAAA,GAAA1B,CAAA,GAAA0B,CAAA,EAAA1B,CAAA,IAAAM,CAAA,CAAAN,CAAA,IAAAK,CAAA,CAAAL,CAAA,UAAAM,CAAA;AAAA,SAAAgB,sBAAAjB,CAAA,EAAA+B,CAAA,QAAAjC,CAAA,WAAAE,CAAA,gCAAAgC,MAAA,IAAAhC,CAAA,CAAAgC,MAAA,CAAAC,QAAA,KAAAjC,CAAA,4BAAAF,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAE,CAAA,EAAA+B,CAAA,EAAAb,CAAA,OAAAjB,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAL,CAAA,GAAAA,CAAA,CAAAa,IAAA,CAAAX,CAAA,GAAAmC,IAAA,QAAAJ,CAAA,QAAAnB,MAAA,CAAAd,CAAA,MAAAA,CAAA,UAAAM,CAAA,uBAAAA,CAAA,IAAAT,CAAA,GAAAQ,CAAA,CAAAQ,IAAA,CAAAb,CAAA,GAAAsC,IAAA,MAAAf,CAAA,CAAAgB,IAAA,CAAA1C,CAAA,CAAA2C,KAAA,GAAAjB,CAAA,CAAAS,MAAA,KAAAC,CAAA,GAAA3B,CAAA,iBAAAJ,CAAA,IAAAE,CAAA,OAAAD,CAAA,GAAAD,CAAA,yBAAAI,CAAA,YAAAN,CAAA,CAAAyC,MAAA,KAAAL,CAAA,GAAApC,CAAA,CAAAyC,MAAA,IAAA3B,MAAA,CAAAsB,CAAA,MAAAA,CAAA,2BAAAhC,CAAA,QAAAD,CAAA,aAAAoB,CAAA;AAAA,SAAAL,gBAAAhB,CAAA,QAAA2B,KAAA,CAAAa,OAAA,CAAAxC,CAAA,UAAAA,CAAA;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMyC,IAAI,GACR,kFAAkF;AACpF,IAAMC,IAAI,GACR,qEAAqE;;AAEvE;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,EAA2B;EAAA,OAE3BA,EAAE;AAAA,CAAyD;;AAE7D;AACA,IAAMC,mBAAmB,GAAG,CAC1B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,CACxB;AAED,IAAMC,iBAAiB,GAAG,uBAAuB;;AAEjD;AACA;AACA;;AAEA,IAAMC,iBAAiB,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mHAUnC;AASD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA;EAAA,IACbC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAAA,oBAEPhF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACZ,iBAAiB,qBAChBrE,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAClE,YAAA,CAAAmE,YAAY;IAACC,EAAE,EAAEN;EAAK,gBACrB7E,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACpE,aAAA,CAAAuE,YAAY;IACXC,GAAG,EAAEP,QAAS;IACdQ,SAAS,EAAC,iBAAiB;IAC3BC,IAAI,EAAC,SAAS;IACdR,IAAI,EAAEA,IAAK;IACXS,WAAW;IACXC,UAAU;IACVC,OAAO,EAAE,IAAK;IACdV,OAAO,EAAEA;EAAQ,CAClB,CACW,CACG,CAAC;AAAA,CACrB;;AAED;AACA;AACA;;AAEA,IAAMW,cAAc,GAAGrB,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2LAChBX,IAAI,CAiBpB;;AAED;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACO,IAAM6B,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,KAAA,EAGc;EAAA,IAF3CjB,IAAI,GAAAiB,KAAA,CAAJjB,IAAI;IACJG,OAAO,GAAAc,KAAA,CAAPd,OAAO;EAEP,IAAAe,SAAA,GAAgC,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,GAAA5D,cAAA,CAAA0D,SAAA;IAArCG,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAAkC,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAAhE,cAAA,CAAA+D,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAoC,IAAAR,eAAQ,EAAC,KAAK,CAAC;IAAAS,UAAA,GAAApE,cAAA,CAAAmE,UAAA;IAA5CE,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAChC,IAAAG,UAAA,GAA8B,IAAAZ,eAAQ,EAAC,IAAI,CAAC;IAAAa,UAAA,GAAAxE,cAAA,CAAAuE,UAAA;IAArCE,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAE1B,IAAAG,UAAA,GAAgC,IAAAhB,eAAQ,EAAC,KAAK,CAAC;IAAAiB,UAAA,GAAA5E,cAAA,CAAA2E,UAAA;IAAxCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAA8B,IAAApB,eAAQ,EAAC,CAAC,CAAC;IAAAqB,WAAA,GAAAhF,cAAA,CAAA+E,UAAA;IAAlCE,OAAO,GAAAD,WAAA;IAAEE,UAAU,GAAAF,WAAA;;EAE1B;EACA,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAI3C,IAAI,EAAE;MACRsB,WAAW,CAAC,EAAE,CAAC;MACfI,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAAC1B,IAAI,CAAC,CAAC;;EAEV;EACA,IAAA2C,gBAAS,EAAC,YAAM;IACd,IAAI,CAACd,UAAU,EAAE;MACf,OAAOe,SAAS;IAClB;IACAV,UAAU,CAAC,IAAI,CAAC;IAChB,IAAMW,KAAK,GAAGC,MAAM,CAACC,UAAU,CAAC;MAAA,OAAMb,UAAU,CAAC,KAAK,CAAC;IAAA,GAAE,IAAI,CAAC;IAC9D,OAAO;MAAA,OAAMY,MAAM,CAACE,YAAY,CAACH,KAAK,CAAC;IAAA;EACzC,CAAC,EAAE,CAAChB,UAAU,CAAC,CAAC;EAEhB,IAAMoB,eAAe,GAAGxB,SAAS,IAAIJ,QAAQ,CAAC6B,IAAI,CAAC,CAAC,KAAK,EAAE;EAE3D,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAe;IAChC,IAAI9B,QAAQ,CAAC6B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;MAC1BxB,YAAY,CAAC,IAAI,CAAC;MAClB;IACF;IACA;IACA;IACAvB,OAAO,CAAC,CAAC;IACT2B,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC;EAED,IAAMsB,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAe;IAC7Bd,WAAW,CAAC,IAAI,CAAC;IACjBI,UAAU,CAAC,UAACW,CAAC;MAAA,OAAKA,CAAC,GAAG,CAAC;IAAA,EAAC;EAC1B,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAe;IAC9BxB,aAAa,CAAC,KAAK,CAAC;EACtB,CAAC;EAED,oBACE3G,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAAjF,MAAA,CAAAmB,OAAA,CAAAiH,QAAA,qBACEpI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM;IAACxD,IAAI,EAAEA,IAAK;IAACG,OAAO,EAAEA,OAAQ;IAACsD,iBAAiB;EAAA,gBACrDtI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACE,KAAK,QAAC,yBAAqC,CAAC,eACpDvI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACI,OAAO,qBACbzI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACU,cAAc,qBACb3F,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA0H,KAAK;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAO,GAAC,qMAIrC,CAAC,eACR5I,MAAA,CAAAmB,OAAA,CAAA8D,aAAA;IAAKK,SAAS,EAAC;EAAU,gBACvBtF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACtE,MAAA,CAAAkI,KAAK;IAACC,OAAO,EAAC;EAAuB,GAAC,eAAoB,CAAC,eAC5D9I,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACvE,MAAA,CAAAqI,aAAa;IACZC,EAAE,EAAC,uBAAuB;IAC1BC,gBAAgB,EAAC,UAAU;IAC3BrF,KAAK,EAAEsC,QAAS;IAChBgD,QAAQ,EAAEjF,aAAa,CAAC,UAACL,KAAK,EAAK;MACjCuC,WAAW,CAACvC,KAAK,CAAC;MAClB2C,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,CAAE;IACH4C,OAAO,EAAErB,eAAgB;IACzBsB,YAAY,EACVtB,eAAe,GAAG,4BAA4B,GAAGL,SAClD;IACD4B,SAAS;IACTC,YAAY,EAAC;EAAkB,CAChC,CACE,CACS,CACF,CAAC,eACjBtJ,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACkB,OAAO,qBACbvJ,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC5E,OAAA,CAAAmJ,MAAM;IACLC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAG,CAAE;IAC3BC,OAAO,EAAE5B;EAAc,GACxB,kBAEO,CAAC,eACThI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC5E,OAAA,CAAAmJ,MAAM;IAACC,OAAO,EAAC,WAAW;IAACG,OAAO,EAAE5E;EAAQ,GAAC,QAEtC,CACM,CACV,CAAC,eAEThF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC4E,uBAAuB;IACtBhF,IAAI,EAAE6B,UAAW;IACjBI,OAAO,EAAEA,OAAQ;IACjB9B,OAAO,EAAEmD,WAAY;IACrB2B,MAAM,EAAE7B;EAAW,CACpB,CAAC,eAEFjI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACN,SAAS;IACRE,IAAI,EAAEqC,QAAS;IACfpC,QAAQ,EAAEwC,OAAQ;IAClBvC,IAAI,EAAC,mCAAmC;IACxCC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQmC,WAAW,CAAC,KAAK,CAAC;IAAA;EAAC,CACnC,CACD,CAAC;AAEP,CAAC;;AAED;AACA;AACA;;AAEA,IAAM4C,gBAAgB,GAAGzF,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wXAClBX,IAAI,EAYFC,IAAI,CAetB;AASD,IAAM6F,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAG,KAAA;EAAA,IAC3BnF,IAAI,GAAAmF,KAAA,CAAJnF,IAAI;IACJiC,OAAO,GAAAkD,KAAA,CAAPlD,OAAO;IACP9B,OAAO,GAAAgF,KAAA,CAAPhF,OAAO;IACP8E,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,oBAEN9J,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM;IAACxD,IAAI,EAAEA,IAAK;IAACG,OAAO,EAAEA,OAAQ;IAACsD,iBAAiB;EAAA,gBACrDtI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACE,KAAK,QAAC,mBAA+B,CAAC,eAC9CvI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACI,OAAO,qBACbzI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC8E,gBAAgB,qBACf/J,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA0H,KAAK;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAO,GAAC,+EAGrC,CAAC,eACR5I,MAAA,CAAAmB,OAAA,CAAA8D,aAAA;IAAKK,SAAS,EAAC;EAAS,GACrBwB,OAAO,GACJ,CAAC,GAAG7D,KAAK,CAAC,EAAE,CAAC,CAAC,CAACgH,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;IAAA,oBAC1BnK,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACrE,QAAA,CAAAwJ,cAAc;MAAC/E,GAAG,EAAE8E,KAAM;MAAC7E,SAAS,EAAC;IAAa,CAAE,CAAC;EAAA,CACvD,CAAC,GACFnB,mBAAmB,CAAC8F,GAAG,CAAC,UAACI,IAAI;IAAA,oBAC3BrK,MAAA,CAAAmB,OAAA,CAAA8D,aAAA;MAAKI,GAAG,EAAEgF,IAAK;MAAC/E,SAAS,EAAC;IAAS,GAChC+E,IACE,CAAC;EAAA,CACP,CACF,CAAC,eACNrK,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACxE,QAAA,CAAA6J,OAAO;IAAC/E,IAAI,EAAC,MAAM;IAACgF,QAAQ;IAACC,KAAK,EAAC;EAA2B,gBAC7DxK,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA0H,KAAK;IAACC,KAAK,EAAC;EAAW,GAAC,oHAGlB,CACA,CACO,CACJ,CAAC,eACjB3I,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACkB,OAAO,qBACbvJ,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC5E,OAAA,CAAAmJ,MAAM;IACLC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAG,CAAE;IAC3BC,OAAO,EAAE5E,OAAQ;IACjByF,QAAQ,EAAE3D;EAAQ,GACnB,qBAEO,CAAC,eACT9G,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC5E,OAAA,CAAAmJ,MAAM;IAACC,OAAO,EAAC,WAAW;IAACG,OAAO,EAAEE,MAAO;IAACW,QAAQ,EAAE3D;EAAQ,GAAC,YAExD,CACM,CACV,CAAC;AAAA,CACV;;AAED;AACA;AACA;;AAEA,IAAM4D,aAAa,GAAGpG,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kbACfX,IAAI,EAoBFC,IAAI,CAetB;;AAED;AACA;AACA;AACA,IAAM2G,iBAAiB,GAAGrG,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4HASnC;AASD;AACA;AACA;AACA;AACA;AACO,IAAMkG,sBAAsB,GAAA/E,OAAA,CAAA+E,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAIc;EAAA,IAH/ChG,IAAI,GAAAgG,KAAA,CAAJhG,IAAI;IACJG,OAAO,GAAA6F,KAAA,CAAP7F,OAAO;IACP8F,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EAER,IAAMC,SAAS,GAAG,IAAAC,cAAO,EACvB;IAAA,OAAMF,QAAQ,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAIH,QAAQ;EAAA,GACxC,CAACA,QAAQ,CACX,CAAC;EAED,IAAAI,WAAA,GAAgC,IAAAlF,eAAQ,EAAC,EAAE,CAAC;IAAAmF,WAAA,GAAA9I,cAAA,CAAA6I,WAAA;IAArChF,QAAQ,GAAAiF,WAAA;IAAEhF,WAAW,GAAAgF,WAAA;EAC5B,IAAAC,WAAA,GAAkC,IAAApF,eAAQ,EAAC,KAAK,CAAC;IAAAqF,WAAA,GAAAhJ,cAAA,CAAA+I,WAAA;IAA1C9E,SAAS,GAAA+E,WAAA;IAAE9E,YAAY,GAAA8E,WAAA;EAC9B,IAAAC,WAAA,GAAoC,IAAAtF,eAAQ,EAAC,KAAK,CAAC;IAAAuF,WAAA,GAAAlJ,cAAA,CAAAiJ,WAAA;IAA5C5E,UAAU,GAAA6E,WAAA;IAAE5E,aAAa,GAAA4E,WAAA;EAChC;EACA,IAAAC,WAAA,GAA4B,IAAAxF,eAAQ,EAAC,EAAE,CAAC;IAAAyF,WAAA,GAAApJ,cAAA,CAAAmJ,WAAA;IAAjCE,MAAM,GAAAD,WAAA;IAAEE,SAAS,GAAAF,WAAA;EAExB,IAAAG,WAAA,GAAgC,IAAA5F,eAAQ,EAAC,KAAK,CAAC;IAAA6F,WAAA,GAAAxJ,cAAA,CAAAuJ,WAAA;IAAxC1E,QAAQ,GAAA2E,WAAA;IAAE1E,WAAW,GAAA0E,WAAA;EAC5B,IAAAC,WAAA,GAA8B,IAAA9F,eAAQ,EAAC,CAAC,CAAC;IAAA+F,WAAA,GAAA1J,cAAA,CAAAyJ,WAAA;IAAlCxE,OAAO,GAAAyE,WAAA;IAAExE,UAAU,GAAAwE,WAAA;EAE1B,IAAAvE,gBAAS,EAAC,YAAM;IACd,IAAI3C,IAAI,EAAE;MACRsB,WAAW,CAAC,EAAE,CAAC;MACfI,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAAC1B,IAAI,CAAC,CAAC;EAEV,IAAMiD,eAAe,GAAGxB,SAAS,IAAIJ,QAAQ,CAAC6B,IAAI,CAAC,CAAC,KAAK,EAAE;EAE3D,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAe;IAChC,IAAI9B,QAAQ,CAAC6B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;MAC1BxB,YAAY,CAAC,IAAI,CAAC;MAClB;IACF;IACA,IAAMyF,IAAI,GAAG,IAAIC,IAAI,CAACA,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;IAC9C,IAAMC,EAAE,GAAGC,MAAM,CAACJ,IAAI,CAACK,QAAQ,CAAC,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IACnD,IAAMC,EAAE,GAAGH,MAAM,CAACJ,IAAI,CAACQ,UAAU,CAAC,CAAC,CAAC,CAACF,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IACrDX,SAAS,IAAAc,MAAA,CAAIN,EAAE,OAAAM,MAAA,CAAIF,EAAE,CAAE,CAAC;IACxBvH,OAAO,CAAC,CAAC;IACT2B,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC;EAED,IAAMsB,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAe;IAC7Bd,WAAW,CAAC,IAAI,CAAC;IACjBI,UAAU,CAAC,UAACW,CAAC;MAAA,OAAKA,CAAC,GAAG,CAAC;IAAA,EAAC;EAC1B,CAAC;EAED,oBACElI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAAjF,MAAA,CAAAmB,OAAA,CAAAiH,QAAA,qBACEpI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM;IAACxD,IAAI,EAAEA,IAAK;IAACG,OAAO,EAAEA,OAAQ;IAACsD,iBAAiB;EAAA,gBACrDtI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACE,KAAK,QAAC,kBAA8B,CAAC,eAC7CvI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACI,OAAO,qBACbzI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACU,cAAc,qBACb3F,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA0H,KAAK;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAO,GAAC,mDACY,EAACkC,QAAQ,EAAC,uDAE3D,CAAC,eACR9K,MAAA,CAAAmB,OAAA,CAAA8D,aAAA;IAAKK,SAAS,EAAC;EAAU,gBACvBtF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACtE,MAAA,CAAAkI,KAAK;IAACC,OAAO,EAAC;EAAqB,GAAC,eAAoB,CAAC,eAC1D9I,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACvE,MAAA,CAAAqI,aAAa;IACZC,EAAE,EAAC,qBAAqB;IACxBC,gBAAgB,EAAC,UAAU;IAC3BrF,KAAK,EAAEsC,QAAS;IAChBgD,QAAQ,EAAEjF,aAAa,CAAC,UAACL,KAAK,EAAK;MACjCuC,WAAW,CAACvC,KAAK,CAAC;MAClB2C,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,CAAE;IACH4C,OAAO,EAAErB,eAAgB;IACzBsB,YAAY,EACVtB,eAAe,GAAG,4BAA4B,GAAGL,SAClD;IACD4B,SAAS;IACTC,YAAY,EAAC;EAAkB,CAChC,CACE,CACS,CACF,CAAC,eACjBtJ,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACkB,OAAO,qBACbvJ,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC5E,OAAA,CAAAmJ,MAAM;IACLC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAG,CAAE;IAC3BC,OAAO,EAAE5B;EAAc,GACxB,SAEO,CAAC,eACThI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC5E,OAAA,CAAAmJ,MAAM;IAACC,OAAO,EAAC,WAAW;IAACG,OAAO,EAAE5E;EAAQ,GAAC,QAEtC,CACM,CACV,CAAC,eAEThF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM;IAACxD,IAAI,EAAE6B,UAAW;IAAC1B,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQ2B,aAAa,CAAC,KAAK,CAAC;IAAA;EAAC,gBAC5D3G,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACE,KAAK;IAACmE,qBAAqB;EAAA,gBACjC1M,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC0F,iBAAiB,qBAChB3K,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA2L,OAAO,QAAC,qBAA4B,CAAC,eACtC3M,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC1E,WAAA,CAAAqM,UAAU;IACTnD,OAAO,EAAC,WAAW;IACnBnE,SAAS,EAAC,UAAU;IACpBsE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQjD,aAAa,CAAC,KAAK,CAAC;IAAA;EAAC,gBAEpC3G,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACzE,MAAA,CAAAqM,eAAe,MAAE,CACR,CACK,CACP,CAAC,eACf7M,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACG,cAAc,MAAE,CAAC,eACzBxI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC3E,OAAA,CAAA+H,MAAM,CAACI,OAAO,qBACbzI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACyF,aAAa,qBACZ1K,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA0H,KAAK;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAO,GAAC,uBACrB,EAACmC,SAAS,EAAC,oGAG3B,CAAC,eACR/K,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,2BACEjF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACtE,MAAA,CAAAkI,KAAK;IAACvD,SAAS,EAAC;EAAU,GAAC,YAAiB,CAAC,eAC9CtF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA;IAAKK,SAAS,EAAC;EAAe,gBAC5BtF,MAAA,CAAAmB,OAAA,CAAA8D,aAAA;IAAMK,SAAS,EAAC;EAAS,GAAElB,iBAAwB,CAAC,eACpDpE,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACnE,QAAA,CAAAgM,OAAO;IAACtC,KAAK,EAAC;EAAW,gBACxBxK,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAAC1E,WAAA,CAAAqM,UAAU;IACTnD,OAAO,EAAC,WAAW;IACnBnE,SAAS,EAAC,SAAS;IACnBsE,OAAO,EAAE3B;EAAW,gBAEpBjI,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACzE,MAAA,CAAAuM,QAAQ,MAAE,CACD,CACL,CACN,CAAC,eACN/M,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAAgM,QAAQ;IAACrE,KAAK,EAAC,UAAU;IAACrD,SAAS,EAAC;EAAY,GAAC,aACrC,EAACoG,MAAM,EAAC,4CAEX,CACP,CAAC,eACN1L,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACxE,QAAA,CAAA6J,OAAO;IACN/E,IAAI,EAAC,SAAS;IACdgF,QAAQ;IACRC,KAAK,KAAAiC,MAAA,CAAK1B,SAAS;EAAqB,gBAExC/K,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACjE,WAAA,CAAA0H,KAAK;IAACC,KAAK,EAAC;EAAW,GAAC,4GAGlB,CACA,CACI,CACD,CACV,CAAC,eAET3I,MAAA,CAAAmB,OAAA,CAAA8D,aAAA,CAACN,SAAS;IACRE,IAAI,EAAEqC,QAAS;IACfpC,QAAQ,EAAEwC,OAAQ;IAClBvC,IAAI,EAAC,iCAAiC;IACtCC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQmC,WAAW,CAAC,KAAK,CAAC;IAAA;EAAC,CACnC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/cjs/presentation/shared/TwoFactorShield.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwoFactorShield = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icons = require("../../components/Icons");
+var _Tooltip = require("../../components/Tooltip");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* Two-factor-authentication shield — the same indicator as the app's
+   `User2FA` (ShieldIcon + Tooltip). Shared by the Users list and the User
+   profile so the icon and its tooltip stay identical in one place. The shield
+   uses its default muted `--color-theme-600` fill. */
+
+var TwoFactorShield = exports.TwoFactorShield = function TwoFactorShield(_ref) {
+  var _ref$needsSetup = _ref.needsSetup,
+    needsSetup = _ref$needsSetup === void 0 ? false : _ref$needsSetup,
+    className = _ref.className;
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: needsSetup ? "Enable two-factor authentication" : "Two-factor authentication enabled"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ShieldIcon, {
+    className: className,
+    style: needsSetup ? {
+      opacity: 0.5,
+      cursor: "pointer"
+    } : undefined
+  }));
+};
+TwoFactorShield.displayName = "TwoFactorShield";
+//# sourceMappingURL=TwoFactorShield.js.map

package/dist/cjs/presentation/shared/TwoFactorShield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorShield.js","names":["_react","_interopRequireDefault","require","_Icons","_Tooltip","e","__esModule","default","TwoFactorShield","exports","_ref","_ref$needsSetup","needsSetup","className","createElement","Tooltip","title","ShieldIcon","style","opacity","cursor","undefined","displayName"],"sources":["../../../../src/presentation/shared/TwoFactorShield.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport { ShieldIcon } from \"../../components/Icons\";\nimport { Tooltip } from \"../../components/Tooltip\";\n\n/* Two-factor-authentication shield — the same indicator as the app's\n   `User2FA` (ShieldIcon + Tooltip). Shared by the Users list and the User\n   profile so the icon and its tooltip stay identical in one place. The shield\n   uses its default muted `--color-theme-600` fill. */\n\nexport interface TwoFactorShieldProps {\n  /** When true, 2FA isn't set up yet for the logged-in user: the shield is\n   *  dimmed and clickable, and the tooltip prompts to enable it. Otherwise it\n   *  reads as \"enabled\" (the default). Mirrors `isLoggedUser2FADisabled`. */\n  needsSetup?: boolean;\n  className?: string;\n}\n\nexport const TwoFactorShield = ({\n  needsSetup = false,\n  className,\n}: TwoFactorShieldProps): ReactElement => (\n  <Tooltip\n    title={\n      needsSetup\n        ? \"Enable two-factor authentication\"\n        : \"Two-factor authentication enabled\"\n    }\n  >\n    <ShieldIcon\n      className={className}\n      style={needsSetup ? { opacity: 0.5, cursor: \"pointer\" } : undefined}\n    />\n  </Tooltip>\n);\n\nTwoFactorShield.displayName = \"TwoFactorShield\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnD;AACA;AACA;AACA;;AAUO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA;EAAA,IAAAC,eAAA,GAAAD,IAAA,CAC1BE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAClBE,SAAS,GAAAH,IAAA,CAATG,SAAS;EAAA,oBAETb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,QAAA,CAAAW,OAAO;IACNC,KAAK,EACHJ,UAAU,GACN,kCAAkC,GAClC;EACL,gBAEDZ,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,MAAA,CAAAc,UAAU;IACTJ,SAAS,EAAEA,SAAU;IACrBK,KAAK,EAAEN,UAAU,GAAG;MAAEO,OAAO,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAU,CAAC,GAAGC;EAAU,CACrE,CACM,CAAC;AAAA,CACX;AAEDb,eAAe,CAACc,WAAW,GAAG,iBAAiB","ignoreList":[]}