@activecollab/components 2.0.359 → 2.0.360

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"}

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

@@ -0,0 +1,255 @@
+import React, { useCallback, useState } from "react";
+import { BackupCodesDialogs, CreateLoginCodeDialogs } from "./TwoFactorDialogs";
+import { IconButton } from "../../components/IconButton";
+import { ArchiveIcon, DollarIcon, EditIcon, HistoryOfChangesIcon, KeyIcon, LockIcon, PersonArrowOutCircleIcon, ProjectAddIcon, TrashIcon, TreeDotsIcon } from "../../components/Icons";
+import { List, ListItem, ListSeparator } from "../../components/List";
+import { Menu } from "../../components/Menu";
+
+/* User three-dot options menu — the same component as the real
+   `PeopleItemMenu` in the app (Menu + List of leading-icon items). Shared by
+   every story under `Presentation/People/*` so the user-row actions stay
+   identical in one place. Companies get their own menu. Most clicks are
+   intentionally no-ops; the two self-hosted 2FA items open working dialogs. */
+
+/** 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). */
+
+/** A menu entry: a plain action row, a divider, or one of the self-hosted 2FA
+ *  actions that open a dialog. */
+
+/**
+ * The two self-hosted 2FA menu items, kept separate from the always-present
+ * entries because they render only when {@link UserMenuProps.selfHosted2FA} is
+ * true. In the real app that flag is the combined guard
+ * `!isOnDemand && multiFactorEnabled` — a Cloud account (Shepherd handles 2FA)
+ * or a self-hosted account with 2FA off must never render them.
+ *
+ * - `backup-codes` — own account only (`self`), sits under Change Password.
+ * - `create-login-code` — an owner acting on another user (`member`/`client`),
+ *   sits after Change Permissions.
+ */
+const TWO_FACTOR_ENTRIES = {
+  self: {
+    type: "twoFactor",
+    action: "backup-codes"
+  },
+  member: {
+    type: "twoFactor",
+    action: "create-login-code"
+  },
+  client: {
+    type: "twoFactor",
+    action: "create-login-code"
+  }
+};
+const TWO_FACTOR_LABELS = {
+  "backup-codes": "Backup Codes",
+  "create-login-code": "Create Login Code"
+};
+
+/**
+ * Menu contents per variant, mirroring the app's capability checks:
+ * - `self` can edit their profile, change their password (and, on self-hosted
+ *   with 2FA on, manage their Backup Codes), see rates/capacity and history,
+ *   and invite themselves to projects.
+ * - `member` (owner viewing another member) can change permissions (and, on
+ *   self-hosted with 2FA on, Create Login Code), rates/capacity and history,
+ *   invite to projects, then archive or delete.
+ * - `client` (owner viewing a client) can edit profile, change password and
+ *   permissions (and Create Login Code), see history, invite to projects, then
+ *   archive or delete — but NOT rates & capacity.
+ *
+ * The 2FA entry is spliced in right after the anchor action below.
+ */
+const BASE_ENTRIES = {
+  self: [{
+    type: "item",
+    icon: EditIcon,
+    label: "Edit Profile"
+  }, {
+    type: "item",
+    icon: LockIcon,
+    label: "Change Password"
+  }, {
+    type: "item",
+    icon: DollarIcon,
+    label: "Rates and Capacity"
+  }, {
+    type: "item",
+    icon: HistoryOfChangesIcon,
+    label: "History of Changes"
+  }, {
+    type: "separator"
+  }, {
+    type: "item",
+    icon: ProjectAddIcon,
+    label: "Invite to Projects"
+  }],
+  member: [{
+    type: "item",
+    icon: PersonArrowOutCircleIcon,
+    label: "Change Permissions"
+  }, {
+    type: "item",
+    icon: DollarIcon,
+    label: "Rates and Capacity"
+  }, {
+    type: "item",
+    icon: HistoryOfChangesIcon,
+    label: "History of Changes"
+  }, {
+    type: "separator"
+  }, {
+    type: "item",
+    icon: ProjectAddIcon,
+    label: "Invite to Projects"
+  }, {
+    type: "separator"
+  }, {
+    type: "item",
+    icon: ArchiveIcon,
+    label: "Archive"
+  }, {
+    type: "item",
+    icon: TrashIcon,
+    label: "Delete"
+  }],
+  client: [{
+    type: "item",
+    icon: EditIcon,
+    label: "Edit Profile"
+  }, {
+    type: "item",
+    icon: LockIcon,
+    label: "Change Password"
+  }, {
+    type: "item",
+    icon: PersonArrowOutCircleIcon,
+    label: "Change Permissions"
+  }, {
+    type: "item",
+    icon: HistoryOfChangesIcon,
+    label: "History of Changes"
+  }, {
+    type: "separator"
+  }, {
+    type: "item",
+    icon: ProjectAddIcon,
+    label: "Invite to Projects"
+  }, {
+    type: "separator"
+  }, {
+    type: "item",
+    icon: ArchiveIcon,
+    label: "Archive"
+  }, {
+    type: "item",
+    icon: TrashIcon,
+    label: "Delete"
+  }]
+};
+
+/** The action row each variant's 2FA item is inserted directly after. */
+const TWO_FACTOR_ANCHOR = {
+  self: "Change Password",
+  member: "Change Permissions",
+  client: "Change Permissions"
+};
+
+/** Build the final entry list, splicing the 2FA item in after its anchor when
+ *  the self-hosted + 2FA-enabled guard is on. */
+const entriesFor = (variant, selfHosted2FA) => {
+  const base = BASE_ENTRIES[variant];
+  const twoFactor = TWO_FACTOR_ENTRIES[variant];
+  if (!selfHosted2FA || !twoFactor) {
+    return base;
+  }
+  const anchorLabel = TWO_FACTOR_ANCHOR[variant];
+  const out = [];
+  base.forEach(entry => {
+    out.push(entry);
+    if (entry.type === "item" && entry.label === anchorLabel) {
+      out.push(twoFactor);
+    }
+  });
+  return out;
+};
+export const UserMenu = _ref => {
+  let _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "member" : _ref$variant,
+    targetClassName = _ref.targetClassName,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$selfHosted2FA = _ref.selfHosted2FA,
+    selfHosted2FA = _ref$selfHosted2FA === void 0 ? true : _ref$selfHosted2FA,
+    _ref$userName = _ref.userName,
+    userName = _ref$userName === void 0 ? "this user" : _ref$userName;
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const _useState2 = useState(false),
+    backupCodesOpen = _useState2[0],
+    setBackupCodesOpen = _useState2[1];
+  const _useState3 = useState(false),
+    loginCodeOpen = _useState3[0],
+    setLoginCodeOpen = _useState3[1];
+  const handleOpen = useCallback(() => setOpen(true), []);
+  const handleClose = useCallback(() => setOpen(false), []);
+  const handleTwoFactor = useCallback(action => {
+    // Close the menu first, then open the dialog (the app's
+    // closed-menu-then-dialog pattern).
+    setOpen(false);
+    if (action === "backup-codes") {
+      setBackupCodesOpen(true);
+    } else {
+      setLoginCodeOpen(true);
+    }
+  }, []);
+  const triggerClassName = [targetClassName, open ? "open" : ""].filter(Boolean).join(" ") || undefined;
+  const entries = entriesFor(variant, selfHosted2FA);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: size,
+      className: triggerClassName,
+      active: open
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0",
+      minWidth: 220
+    },
+    tabIndex: -1
+  }, entries.map((entry, index) => {
+    if (entry.type === "separator") {
+      return /*#__PURE__*/React.createElement(ListSeparator, {
+        key: "sep-" + index
+      });
+    }
+    if (entry.type === "twoFactor") {
+      return /*#__PURE__*/React.createElement(ListItem, {
+        key: entry.action,
+        onClick: () => handleTwoFactor(entry.action)
+      }, /*#__PURE__*/React.createElement(KeyIcon, null), TWO_FACTOR_LABELS[entry.action]);
+    }
+    return /*#__PURE__*/React.createElement(ListItem, {
+      key: entry.label,
+      onClick: () => undefined
+    }, /*#__PURE__*/React.createElement(entry.icon, null), entry.label);
+  }))), /*#__PURE__*/React.createElement(BackupCodesDialogs, {
+    open: backupCodesOpen,
+    onClose: () => setBackupCodesOpen(false)
+  }), /*#__PURE__*/React.createElement(CreateLoginCodeDialogs, {
+    open: loginCodeOpen,
+    onClose: () => setLoginCodeOpen(false),
+    userName: userName
+  }));
+};
+UserMenu.displayName = "UserMenu";
+//# sourceMappingURL=UserMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","names":["React","useCallback","useState","BackupCodesDialogs","CreateLoginCodeDialogs","IconButton","ArchiveIcon","DollarIcon","EditIcon","HistoryOfChangesIcon","KeyIcon","LockIcon","PersonArrowOutCircleIcon","ProjectAddIcon","TrashIcon","TreeDotsIcon","List","ListItem","ListSeparator","Menu","TWO_FACTOR_ENTRIES","self","type","action","member","client","TWO_FACTOR_LABELS","BASE_ENTRIES","icon","label","TWO_FACTOR_ANCHOR","entriesFor","variant","selfHosted2FA","base","twoFactor","anchorLabel","out","forEach","entry","push","UserMenu","_ref","_ref$variant","targetClassName","_ref$size","size","_ref$selfHosted2FA","_ref$userName","userName","_useState","open","setOpen","_useState2","backupCodesOpen","setBackupCodesOpen","_useState3","loginCodeOpen","setLoginCodeOpen","handleOpen","handleClose","handleTwoFactor","triggerClassName","filter","Boolean","join","undefined","entries","createElement","Fragment","onOpen","onClose","position","target","className","active","style","padding","minWidth","tabIndex","map","index","key","onClick","displayName"],"sources":["../../../../src/presentation/shared/UserMenu.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\n\nimport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArchiveIcon,\n  DollarIcon,\n  EditIcon,\n  HistoryOfChangesIcon,\n  KeyIcon,\n  LockIcon,\n  PersonArrowOutCircleIcon,\n  ProjectAddIcon,\n  TrashIcon,\n  TreeDotsIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\n\n/* User three-dot options menu — the same component as the real\n   `PeopleItemMenu` in the app (Menu + List of leading-icon items). Shared by\n   every story under `Presentation/People/*` so the user-row actions stay\n   identical in one place. Companies get their own menu. Most clicks are\n   intentionally no-ops; the two self-hosted 2FA items open working dialogs. */\n\n/** Which set of actions to show, from the owner/power-user's point of view.\n *  `self` = acting on their own row; `member` = another (active) member;\n *  `client` = a client/client+ (no rates & capacity — clients are excluded). */\nexport type UserMenuVariant = \"self\" | \"member\" | \"client\";\n\ntype MenuIcon = React.FC<React.SVGProps<SVGSVGElement>>;\n\n/** A menu entry: a plain action row, a divider, or one of the self-hosted 2FA\n *  actions that open a dialog. */\ntype MenuEntry =\n  | { type: \"separator\" }\n  | { type: \"item\"; icon: MenuIcon; label: string }\n  | { type: \"twoFactor\"; action: \"backup-codes\" | \"create-login-code\" };\n\n/**\n * The two self-hosted 2FA menu items, kept separate from the always-present\n * entries because they render only when {@link UserMenuProps.selfHosted2FA} is\n * true. In the real app that flag is the combined guard\n * `!isOnDemand && multiFactorEnabled` — a Cloud account (Shepherd handles 2FA)\n * or a self-hosted account with 2FA off must never render them.\n *\n * - `backup-codes` — own account only (`self`), sits under Change Password.\n * - `create-login-code` — an owner acting on another user (`member`/`client`),\n *   sits after Change Permissions.\n */\nconst TWO_FACTOR_ENTRIES: Record<UserMenuVariant, MenuEntry | null> = {\n  self: { type: \"twoFactor\", action: \"backup-codes\" },\n  member: { type: \"twoFactor\", action: \"create-login-code\" },\n  client: { type: \"twoFactor\", action: \"create-login-code\" },\n};\n\nconst TWO_FACTOR_LABELS: Record<\"backup-codes\" | \"create-login-code\", string> =\n  {\n    \"backup-codes\": \"Backup Codes\",\n    \"create-login-code\": \"Create Login Code\",\n  };\n\n/**\n * Menu contents per variant, mirroring the app's capability checks:\n * - `self` can edit their profile, change their password (and, on self-hosted\n *   with 2FA on, manage their Backup Codes), see rates/capacity and history,\n *   and invite themselves to projects.\n * - `member` (owner viewing another member) can change permissions (and, on\n *   self-hosted with 2FA on, Create Login Code), rates/capacity and history,\n *   invite to projects, then archive or delete.\n * - `client` (owner viewing a client) can edit profile, change password and\n *   permissions (and Create Login Code), see history, invite to projects, then\n *   archive or delete — but NOT rates & capacity.\n *\n * The 2FA entry is spliced in right after the anchor action below.\n */\nconst BASE_ENTRIES: Record<UserMenuVariant, MenuEntry[]> = {\n  self: [\n    { type: \"item\", icon: EditIcon, label: \"Edit Profile\" },\n    { type: \"item\", icon: LockIcon, label: \"Change Password\" },\n    { type: \"item\", icon: DollarIcon, label: \"Rates and Capacity\" },\n    { type: \"item\", icon: HistoryOfChangesIcon, label: \"History of Changes\" },\n    { type: \"separator\" },\n    { type: \"item\", icon: ProjectAddIcon, label: \"Invite to Projects\" },\n  ],\n  member: [\n    {\n      type: \"item\",\n      icon: PersonArrowOutCircleIcon,\n      label: \"Change Permissions\",\n    },\n    { type: \"item\", icon: DollarIcon, label: \"Rates and Capacity\" },\n    { type: \"item\", icon: HistoryOfChangesIcon, label: \"History of Changes\" },\n    { type: \"separator\" },\n    { type: \"item\", icon: ProjectAddIcon, label: \"Invite to Projects\" },\n    { type: \"separator\" },\n    { type: \"item\", icon: ArchiveIcon, label: \"Archive\" },\n    { type: \"item\", icon: TrashIcon, label: \"Delete\" },\n  ],\n  client: [\n    { type: \"item\", icon: EditIcon, label: \"Edit Profile\" },\n    { type: \"item\", icon: LockIcon, label: \"Change Password\" },\n    {\n      type: \"item\",\n      icon: PersonArrowOutCircleIcon,\n      label: \"Change Permissions\",\n    },\n    { type: \"item\", icon: HistoryOfChangesIcon, label: \"History of Changes\" },\n    { type: \"separator\" },\n    { type: \"item\", icon: ProjectAddIcon, label: \"Invite to Projects\" },\n    { type: \"separator\" },\n    { type: \"item\", icon: ArchiveIcon, label: \"Archive\" },\n    { type: \"item\", icon: TrashIcon, label: \"Delete\" },\n  ],\n};\n\n/** The action row each variant's 2FA item is inserted directly after. */\nconst TWO_FACTOR_ANCHOR: Record<UserMenuVariant, string> = {\n  self: \"Change Password\",\n  member: \"Change Permissions\",\n  client: \"Change Permissions\",\n};\n\n/** Build the final entry list, splicing the 2FA item in after its anchor when\n *  the self-hosted + 2FA-enabled guard is on. */\nconst entriesFor = (\n  variant: UserMenuVariant,\n  selfHosted2FA: boolean\n): MenuEntry[] => {\n  const base = BASE_ENTRIES[variant];\n  const twoFactor = TWO_FACTOR_ENTRIES[variant];\n  if (!selfHosted2FA || !twoFactor) {\n    return base;\n  }\n  const anchorLabel = TWO_FACTOR_ANCHOR[variant];\n  const out: MenuEntry[] = [];\n  base.forEach((entry) => {\n    out.push(entry);\n    if (entry.type === \"item\" && entry.label === anchorLabel) {\n      out.push(twoFactor);\n    }\n  });\n  return out;\n};\n\nexport interface UserMenuProps {\n  /** Which action set to render. Defaults to `member`. */\n  variant?: UserMenuVariant;\n  /** Class on the TreeDots trigger (parent controls its hover visibility). */\n  targetClassName?: string;\n  /** IconButton size of the trigger (omit for the default/regular size). */\n  size?: \"small\" | \"medium\" | \"big\";\n  /**\n   * The combined self-hosted + 2FA-enabled guard (`!isOnDemand &&\n   * multiFactorEnabled`). When true, the variant's 2FA item (Backup Codes for\n   * `self`, Create Login Code otherwise) is shown. Defaults to true here so the\n   * prototype demonstrates the enabled state.\n   */\n  selfHosted2FA?: boolean;\n  /** Target user's name — drives the Create Login Code dialog copy. */\n  userName?: string;\n}\n\nexport const UserMenu = ({\n  variant = \"member\",\n  targetClassName,\n  size = \"medium\",\n  selfHosted2FA = true,\n  userName = \"this user\",\n}: UserMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const [backupCodesOpen, setBackupCodesOpen] = useState(false);\n  const [loginCodeOpen, setLoginCodeOpen] = useState(false);\n  const handleOpen = useCallback(() => setOpen(true), []);\n  const handleClose = useCallback(() => setOpen(false), []);\n\n  const handleTwoFactor = useCallback(\n    (action: \"backup-codes\" | \"create-login-code\") => {\n      // Close the menu first, then open the dialog (the app's\n      // closed-menu-then-dialog pattern).\n      setOpen(false);\n      if (action === \"backup-codes\") {\n        setBackupCodesOpen(true);\n      } else {\n        setLoginCodeOpen(true);\n      }\n    },\n    []\n  );\n\n  const triggerClassName =\n    [targetClassName, open ? \"open\" : \"\"].filter(Boolean).join(\" \") ||\n    undefined;\n\n  const entries = entriesFor(variant, selfHosted2FA);\n\n  return (\n    <>\n      <Menu\n        open={open}\n        onOpen={handleOpen}\n        onClose={handleClose}\n        position=\"bottom-end\"\n        target={\n          <IconButton\n            type=\"button\"\n            variant=\"text gray\"\n            size={size}\n            className={triggerClassName}\n            active={open}\n          >\n            <TreeDotsIcon />\n          </IconButton>\n        }\n      >\n        <List style={{ padding: \"8px 0\", minWidth: 220 }} tabIndex={-1}>\n          {entries.map((entry, index) => {\n            if (entry.type === \"separator\") {\n              return <ListSeparator key={`sep-${index}`} />;\n            }\n            if (entry.type === \"twoFactor\") {\n              return (\n                <ListItem\n                  key={entry.action}\n                  onClick={() => handleTwoFactor(entry.action)}\n                >\n                  <KeyIcon />\n                  {TWO_FACTOR_LABELS[entry.action]}\n                </ListItem>\n              );\n            }\n            return (\n              <ListItem key={entry.label} onClick={() => undefined}>\n                <entry.icon />\n                {entry.label}\n              </ListItem>\n            );\n          })}\n        </List>\n      </Menu>\n\n      <BackupCodesDialogs\n        open={backupCodesOpen}\n        onClose={() => setBackupCodesOpen(false)}\n      />\n      <CreateLoginCodeDialogs\n        open={loginCodeOpen}\n        onClose={() => setLoginCodeOpen(false)}\n        userName={userName}\n      />\n    </>\n  );\n};\n\nUserMenu.displayName = \"UserMenu\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,4 +26,10 @@ export type { IssueEntry, CodeEntry, Stage, HistoryEvent, StageState, CodeStatus
 export { SuggestSubtasksButton } from "./SuggestSubtasksButton";
 export { TaskOptionsMenu, TaskListOptionsMenu } from "./TaskOptionsMenu";
 export type { TaskOptionsMenuProps, TaskListOptionsMenuProps, } from "./TaskOptionsMenu";
+export { UserMenu } from "./UserMenu";
+export type { UserMenuProps, UserMenuVariant } from "./UserMenu";
+export { TwoFactorShield } from "./TwoFactorShield";
+export type { TwoFactorShieldProps } from "./TwoFactorShield";
+export { BackupCodesDialogs, CreateLoginCodeDialogs } from "./TwoFactorDialogs";
+export type { BackupCodesDialogsProps, CreateLoginCodeDialogsProps, } from "./TwoFactorDialogs";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACrE,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,YAAY,EAAE,kCAAkC,EAAE,MAAM,iCAAiC,CAAC;AAC1F,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,4BAA4B,EAC5B,qBAAqB,EACrB,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,EACb,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACrE,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,YAAY,EAAE,kCAAkC,EAAE,MAAM,iCAAiC,CAAC;AAC1F,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,4BAA4B,EAC5B,qBAAqB,EACrB,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,EACb,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAChF,YAAY,EACV,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oBAAoB,CAAC"}

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

@@ -18,4 +18,7 @@ export { WebhookLogsDialog, WEBHOOK_CONNECTIONS, WEBHOOK_REPOSITORIES } from "./
 export { SourceCodeSection, IssueRow, CodeRow, Spine, HistoryDialog, CompletedHeader } from "./SourceCodeSection";
 export { SuggestSubtasksButton } from "./SuggestSubtasksButton";
 export { TaskOptionsMenu, TaskListOptionsMenu } from "./TaskOptionsMenu";
+export { UserMenu } from "./UserMenu";
+export { TwoFactorShield } from "./TwoFactorShield";
+export { BackupCodesDialogs, CreateLoginCodeDialogs } from "./TwoFactorDialogs";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","HelpAndSupportMenu","LinkingCommandsButton","LinkBranchOrPullRequestDialog","ConnectRepositoryDialog","RepositorySelect","buildRepoOptions","CONNECTIONS","PROJECT_REPOSITORIES","CONNECTABLE_REPOSITORIES","WebhookLogsDialog","WEBHOOK_CONNECTIONS","WEBHOOK_REPOSITORIES","SourceCodeSection","IssueRow","CodeRow","Spine","HistoryDialog","CompletedHeader","SuggestSubtasksButton","TaskOptionsMenu","TaskListOptionsMenu"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,6BAA6B,QAAQ,iCAAiC;AAE/E,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,QACnB,2BAA2B;AAQlC,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,QACf,qBAAqB;AAO5B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,qBAAqB;AAU5B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","HelpAndSupportMenu","LinkingCommandsButton","LinkBranchOrPullRequestDialog","ConnectRepositoryDialog","RepositorySelect","buildRepoOptions","CONNECTIONS","PROJECT_REPOSITORIES","CONNECTABLE_REPOSITORIES","WebhookLogsDialog","WEBHOOK_CONNECTIONS","WEBHOOK_REPOSITORIES","SourceCodeSection","IssueRow","CodeRow","Spine","HistoryDialog","CompletedHeader","SuggestSubtasksButton","TaskOptionsMenu","TaskListOptionsMenu","UserMenu","TwoFactorShield","BackupCodesDialogs","CreateLoginCodeDialogs"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,6BAA6B,QAAQ,iCAAiC;AAE/E,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,QACnB,2BAA2B;AAQlC,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,QACf,qBAAqB;AAO5B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,qBAAqB;AAU5B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB;AAKxE,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,oBAAoB","ignoreList":[]}