@activecollab/components 2.0.359 → 2.0.361

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

@@ -0,0 +1,383 @@
+import React, { useEffect, useMemo, useState } from "react";
+import styled from "styled-components";
+import { Button } from "../../components/Button";
+import { Dialog } from "../../components/Dialog";
+import { IconButton } from "../../components/IconButton";
+import { CancelCrossIcon, CopyIcon } from "../../components/Icons";
+import { InfoBox } from "../../components/InfoBox";
+import { InputPassword } from "../../components/Input";
+import { Label } from "../../components/Label";
+import { SkeletonLoader } from "../../components/Loaders";
+import { ToastMessage } from "../../components/ToastMessage";
+import { Tooltip } from "../../components/Tooltip";
+import { SlideFromTop } from "../../components/Transitions";
+import { Body2, Caption1, Header3 } from "../../components/Typography";
+
+/**
+ * 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.
+ */
+
+const SANS = '-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif';
+const 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.
+ */
+const asInputChange = fn => fn;
+
+/* Sample codes (10+10 A-Z0-9), mirroring the real generator's format. */
+const SAMPLE_BACKUP_CODES = ["4K7Q9ZM2XN-8V3TJRD6WP", "P2W8XK4M9Q-3RJ7VND5TZ", "9ZM2XN4K7Q-6WP8V3TJRD", "TJRD6WP8V3-2XN4K7Q9ZM", "V3TJRD6WP8-K7Q9ZM2XN4", "8V3TJRD6WP-Q9ZM2XN4K7", "RD5TZP2W8X-M9Q3RJ7VND", "3RJ7VND5TZ-8XK4M9QP2W", "N4K7Q9ZM2X-6WP8V3TJRD", "Q9ZM2XN4K7-8V3TJRD6WP"];
+const SAMPLE_LOGIN_CODE = "4K7Q9ZM2XN-8V3TJRD6WP";
+
+/* ------------------------------------------------------------------ */
+/* Toast (reuses the fixed upper-right anchor pattern from headers)    */
+/* ------------------------------------------------------------------ */
+
+const StyledToastAnchor = styled.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;}"]);
+const CopyToast = _ref => {
+  let open = _ref.open,
+    toastKey = _ref.toastKey,
+    text = _ref.text,
+    onClose = _ref.onClose;
+  return /*#__PURE__*/React.createElement(StyledToastAnchor, null, /*#__PURE__*/React.createElement(SlideFromTop, {
+    in: open
+  }, /*#__PURE__*/React.createElement(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)       */
+/* ------------------------------------------------------------------ */
+
+const StyledGateBody = styled.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.
+ */
+export const BackupCodesDialogs = _ref2 => {
+  let open = _ref2.open,
+    onClose = _ref2.onClose;
+  const _useState = useState(""),
+    password = _useState[0],
+    setPassword = _useState[1];
+  const _useState2 = useState(false),
+    attempted = _useState2[0],
+    setAttempted = _useState2[1];
+  const _useState3 = useState(false),
+    revealOpen = _useState3[0],
+    setRevealOpen = _useState3[1];
+  const _useState4 = useState(true),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  const _useState5 = useState(false),
+    copyOpen = _useState5[0],
+    setCopyOpen = _useState5[1];
+  const _useState6 = useState(0),
+    copyKey = _useState6[0],
+    setCopyKey = _useState6[1];
+
+  // Reset the gate each time it (re)opens.
+  useEffect(() => {
+    if (open) {
+      setPassword("");
+      setAttempted(false);
+    }
+  }, [open]);
+
+  // Simulate the API generating the new set: a ~1s skeleton on reveal.
+  useEffect(() => {
+    if (!revealOpen) {
+      return undefined;
+    }
+    setLoading(true);
+    const timer = window.setTimeout(() => setLoading(false), 1100);
+    return () => window.clearTimeout(timer);
+  }, [revealOpen]);
+  const passwordInvalid = attempted && password.trim() === "";
+  const 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);
+  };
+  const handleCopy = () => {
+    setCopyOpen(true);
+    setCopyKey(k => k + 1);
+  };
+  const closeReveal = () => {
+    setRevealOpen(false);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/React.createElement(Dialog.Title, null, "Regenerate Backup Codes"), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(StyledGateBody, null, /*#__PURE__*/React.createElement(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.createElement("div", {
+    className: "pg-field"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "backup-codes-password"
+  }, "Your Password"), /*#__PURE__*/React.createElement(InputPassword, {
+    id: "backup-codes-password",
+    wrapperClassName: "pg-input",
+    value: password,
+    onChange: asInputChange(value => {
+      setPassword(value);
+      setAttempted(false);
+    }),
+    invalid: passwordInvalid,
+    errorMessage: passwordInvalid ? "Your password is required." : undefined,
+    autoFocus: true,
+    autoComplete: "current-password"
+  })))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    style: {
+      marginRight: 12
+    },
+    onClick: handleConfirm
+  }, "Regenerate Codes"), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    onClick: onClose
+  }, "Cancel"))), /*#__PURE__*/React.createElement(BackupCodesRevealDialog, {
+    open: revealOpen,
+    loading: loading,
+    onClose: closeReveal,
+    onCopy: handleCopy
+  }), /*#__PURE__*/React.createElement(CopyToast, {
+    open: copyOpen,
+    toastKey: copyKey,
+    text: "Backup codes copied to clipboard.",
+    onClose: () => setCopyOpen(false)
+  }));
+};
+
+/* ------------------------------------------------------------------ */
+/* Backup Codes — one-time reveal (skeleton while loading)             */
+/* ------------------------------------------------------------------ */
+
+const StyledRevealBody = styled.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);
+const BackupCodesRevealDialog = _ref3 => {
+  let open = _ref3.open,
+    loading = _ref3.loading,
+    onClose = _ref3.onClose,
+    onCopy = _ref3.onCopy;
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/React.createElement(Dialog.Title, null, "Your Backup Codes"), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(StyledRevealBody, null, /*#__PURE__*/React.createElement(Body2, {
+    color: "secondary",
+    lineHeight: "loose"
+  }, "Use a backup code to log in when email isn't available. Each code works once."), /*#__PURE__*/React.createElement("div", {
+    className: "bc-grid"
+  }, loading ? [...Array(10)].map((_, index) => /*#__PURE__*/React.createElement(SkeletonLoader, {
+    key: index,
+    className: "bc-skeleton"
+  })) : SAMPLE_BACKUP_CODES.map(code => /*#__PURE__*/React.createElement("div", {
+    key: code,
+    className: "bc-code"
+  }, code))), /*#__PURE__*/React.createElement(InfoBox, {
+    type: "note",
+    showIcon: true,
+    title: "Codes are shown only once"
+  }, /*#__PURE__*/React.createElement(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.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    style: {
+      marginRight: 12
+    },
+    onClick: onClose,
+    disabled: loading
+  }, "I've Saved My Codes"), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    onClick: onCopy,
+    disabled: loading
+  }, "Copy Codes")));
+};
+
+/* ------------------------------------------------------------------ */
+/* Create Login Code — password gate + one-time reveal                 */
+/* ------------------------------------------------------------------ */
+
+const StyledCodeRow = styled.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. */
+const StyledRevealTitle = styled.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.
+ */
+export const CreateLoginCodeDialogs = _ref4 => {
+  let open = _ref4.open,
+    onClose = _ref4.onClose,
+    userName = _ref4.userName;
+  const firstName = useMemo(() => userName.split(" ")[0] || userName, [userName]);
+  const _useState7 = useState(""),
+    password = _useState7[0],
+    setPassword = _useState7[1];
+  const _useState8 = useState(false),
+    attempted = _useState8[0],
+    setAttempted = _useState8[1];
+  const _useState9 = useState(false),
+    revealOpen = _useState9[0],
+    setRevealOpen = _useState9[1];
+  // Expiry copy: computed as "now + 10 min" at the moment the code is minted.
+  const _useState0 = useState(""),
+    expiry = _useState0[0],
+    setExpiry = _useState0[1];
+  const _useState1 = useState(false),
+    copyOpen = _useState1[0],
+    setCopyOpen = _useState1[1];
+  const _useState10 = useState(0),
+    copyKey = _useState10[0],
+    setCopyKey = _useState10[1];
+  useEffect(() => {
+    if (open) {
+      setPassword("");
+      setAttempted(false);
+    }
+  }, [open]);
+  const passwordInvalid = attempted && password.trim() === "";
+  const handleConfirm = () => {
+    if (password.trim() === "") {
+      setAttempted(true);
+      return;
+    }
+    const when = new Date(Date.now() + 10 * 60000);
+    const hh = String(when.getHours()).padStart(2, "0");
+    const mm = String(when.getMinutes()).padStart(2, "0");
+    setExpiry(hh + ":" + mm);
+    onClose();
+    setRevealOpen(true);
+  };
+  const handleCopy = () => {
+    setCopyOpen(true);
+    setCopyKey(k => k + 1);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/React.createElement(Dialog.Title, null, "Confirm Password"), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(StyledGateBody, null, /*#__PURE__*/React.createElement(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.createElement("div", {
+    className: "pg-field"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "login-code-password"
+  }, "Your Password"), /*#__PURE__*/React.createElement(InputPassword, {
+    id: "login-code-password",
+    wrapperClassName: "pg-input",
+    value: password,
+    onChange: asInputChange(value => {
+      setPassword(value);
+      setAttempted(false);
+    }),
+    invalid: passwordInvalid,
+    errorMessage: passwordInvalid ? "Your password is required." : undefined,
+    autoFocus: true,
+    autoComplete: "current-password"
+  })))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    style: {
+      marginRight: 12
+    },
+    onClick: handleConfirm
+  }, "Confirm"), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    onClick: onClose
+  }, "Cancel"))), /*#__PURE__*/React.createElement(Dialog, {
+    open: revealOpen,
+    onClose: () => setRevealOpen(false)
+  }, /*#__PURE__*/React.createElement(Dialog.Title, {
+    disableDefaultHeading: true
+  }, /*#__PURE__*/React.createElement(StyledRevealTitle, null, /*#__PURE__*/React.createElement(Header3, null, "One-Time Login Code"), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray",
+    className: "lc-close",
+    onClick: () => setRevealOpen(false)
+  }, /*#__PURE__*/React.createElement(CancelCrossIcon, null)))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(StyledCodeRow, null, /*#__PURE__*/React.createElement(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.createElement("div", null, /*#__PURE__*/React.createElement(Label, {
+    className: "lc-label"
+  }, "Login Code"), /*#__PURE__*/React.createElement("div", {
+    className: "lc-code-field"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lc-code"
+  }, SAMPLE_LOGIN_CODE), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Copy code"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray",
+    className: "lc-copy",
+    onClick: handleCopy
+  }, /*#__PURE__*/React.createElement(CopyIcon, null)))), /*#__PURE__*/React.createElement(Caption1, {
+    color: "tertiary",
+    className: "lc-caption"
+  }, "Expires at ", expiry, " (in 10 minutes), it can't be shown again.")), /*#__PURE__*/React.createElement(InfoBox, {
+    type: "default",
+    showIcon: true,
+    title: firstName + " has been notified"
+  }, /*#__PURE__*/React.createElement(Body2, {
+    color: "secondary"
+  }, "They received an email saying you created this code for their account. The email doesn't include the code."))))), /*#__PURE__*/React.createElement(CopyToast, {
+    open: copyOpen,
+    toastKey: copyKey,
+    text: "Login code copied to clipboard.",
+    onClose: () => setCopyOpen(false)
+  }));
+};
+//# sourceMappingURL=TwoFactorDialogs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorDialogs.js","names":["React","useEffect","useMemo","useState","styled","Button","Dialog","IconButton","CancelCrossIcon","CopyIcon","InfoBox","InputPassword","Label","SkeletonLoader","ToastMessage","Tooltip","SlideFromTop","Body2","Caption1","Header3","SANS","MONO","asInputChange","fn","SAMPLE_BACKUP_CODES","SAMPLE_LOGIN_CODE","StyledToastAnchor","div","withConfig","displayName","componentId","CopyToast","_ref","open","toastKey","text","onClose","createElement","in","key","className","type","dismissible","dropShadow","timeout","StyledGateBody","BackupCodesDialogs","_ref2","_useState","password","setPassword","_useState2","attempted","setAttempted","_useState3","revealOpen","setRevealOpen","_useState4","loading","setLoading","_useState5","copyOpen","setCopyOpen","_useState6","copyKey","setCopyKey","undefined","timer","window","setTimeout","clearTimeout","passwordInvalid","trim","handleConfirm","handleCopy","k","closeReveal","Fragment","disableCloseOnEsc","Title","ContentDivider","Content","color","lineHeight","htmlFor","id","wrapperClassName","value","onChange","invalid","errorMessage","autoFocus","autoComplete","Actions","variant","style","marginRight","onClick","BackupCodesRevealDialog","onCopy","StyledRevealBody","_ref3","Array","map","_","index","code","showIcon","title","disabled","StyledCodeRow","StyledRevealTitle","CreateLoginCodeDialogs","_ref4","userName","firstName","split","_useState7","_useState8","_useState9","_useState0","expiry","setExpiry","_useState1","_useState10","when","Date","now","hh","String","getHours","padStart","mm","getMinutes","disableDefaultHeading"],"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":"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","ignoreList":[]}

package/dist/esm/presentation/shared/TwoFactorShield.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from "react";
+export interface TwoFactorShieldProps {
+    /** When true, 2FA isn't set up yet for the logged-in user: the shield is
+     *  dimmed and clickable, and the tooltip prompts to enable it. Otherwise it
+     *  reads as "enabled" (the default). Mirrors `isLoggedUser2FADisabled`. */
+    needsSetup?: boolean;
+    className?: string;
+}
+export declare const TwoFactorShield: {
+    ({ needsSetup, className, }: TwoFactorShieldProps): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=TwoFactorShield.d.ts.map

package/dist/esm/presentation/shared/TwoFactorShield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorShield.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/TwoFactorShield.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAU5C,MAAM,WAAW,oBAAoB;IACnC;;+EAE2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe;iCAGzB,oBAAoB,GAAG,YAAY;;CAarC,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { ShieldIcon } from "../../components/Icons";
+import { Tooltip } from "../../components/Tooltip";
+
+/* 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. */
+
+export const TwoFactorShield = _ref => {
+  let _ref$needsSetup = _ref.needsSetup,
+    needsSetup = _ref$needsSetup === void 0 ? false : _ref$needsSetup,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: needsSetup ? "Enable two-factor authentication" : "Two-factor authentication enabled"
+  }, /*#__PURE__*/React.createElement(ShieldIcon, {
+    className: className,
+    style: needsSetup ? {
+      opacity: 0.5,
+      cursor: "pointer"
+    } : undefined
+  }));
+};
+TwoFactorShield.displayName = "TwoFactorShield";
+//# sourceMappingURL=TwoFactorShield.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorShield.js","names":["React","ShieldIcon","Tooltip","TwoFactorShield","_ref","_ref$needsSetup","needsSetup","className","createElement","title","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,OAAOA,KAAK,MAAwB,OAAO;AAE3C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,OAAO,QAAQ,0BAA0B;;AAElD;AACA;AACA;AACA;;AAUA,OAAO,MAAMC,eAAe,GAAGC,IAAA;EAAA,IAAAC,eAAA,GAAAD,IAAA,CAC7BE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAClBE,SAAS,GAAAH,IAAA,CAATG,SAAS;EAAA,oBAETP,KAAA,CAAAQ,aAAA,CAACN,OAAO;IACNO,KAAK,EACHH,UAAU,GACN,kCAAkC,GAClC;EACL,gBAEDN,KAAA,CAAAQ,aAAA,CAACP,UAAU;IACTM,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEJ,UAAU,GAAG;MAAEK,OAAO,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAU,CAAC,GAAGC;EAAU,CACrE,CACM,CAAC;AAAA,CACX;AAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/presentation/shared/UserMenu.d.ts

@@ -0,0 +1,27 @@
+import { ReactElement } from "react";
+/** Which set of actions to show, from the owner/power-user's point of view.
+ *  `self` = acting on their own row; `member` = another (active) member;
+ *  `client` = a client/client+ (no rates & capacity — clients are excluded). */
+export type UserMenuVariant = "self" | "member" | "client";
+export interface UserMenuProps {
+    /** Which action set to render. Defaults to `member`. */
+    variant?: UserMenuVariant;
+    /** Class on the TreeDots trigger (parent controls its hover visibility). */
+    targetClassName?: string;
+    /** IconButton size of the trigger (omit for the default/regular size). */
+    size?: "small" | "medium" | "big";
+    /**
+     * The combined self-hosted + 2FA-enabled guard (`!isOnDemand &&
+     * multiFactorEnabled`). When true, the variant's 2FA item (Backup Codes for
+     * `self`, Create Login Code otherwise) is shown. Defaults to true here so the
+     * prototype demonstrates the enabled state.
+     */
+    selfHosted2FA?: boolean;
+    /** Target user's name — drives the Create Login Code dialog copy. */
+    userName?: string;
+}
+export declare const UserMenu: {
+    ({ variant, targetClassName, size, selfHosted2FA, userName, }: UserMenuProps): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/esm/presentation/shared/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAyBnE;;gFAEgF;AAChF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAqH3D,MAAM,WAAW,aAAa;IAC5B,wDAAwD;IACxD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ;mEAMlB,aAAa,GAAG,YAAY;;CAmF9B,CAAC"}