@mattermost/compass-ui 0.1.0-alpha.1 → 0.1.0-alpha.10

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js

@@ -0,0 +1,110 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import __b from "@mattermost/compass-icons/components/application-cog.js";const b=__b&&__b.default?__b.default:__b;
+import __g from "@mattermost/compass-icons/components/apps.js";const g=__g&&__g.default?__g.default:__g;
+import __I from "@mattermost/compass-icons/components/download-outline.js";const I=__I&&__I.default?__I.default:__I;
+import __y from "@mattermost/compass-icons/components/information-outline.js";const y=__y&&__y.default?__y.default:__y;
+import __C from "@mattermost/compass-icons/components/product-boards.js";const C=__C&&__C.default?__C.default:__C;
+import __k from "@mattermost/compass-icons/components/product-channels.js";const k=__k&&__k.default?__k.default:__k;
+import __M from "@mattermost/compass-icons/components/product-playbooks.js";const M=__M&&__M.default?__M.default:__M;
+import __P from "@mattermost/compass-icons/components/webhook.js";const P=__P&&__P.default?__P.default:__P;
+import n from "../icon/Icon.js";
+import l from "../menu-item/MenuItem.js";
+import V, { PopoverMenuGroup as t, PopoverMenuDivider as _ } from "../popover-menu/PopoverMenu.js";
+import r from "./ProductSwitcherMenu.module.scss.js";
+const w = [
+  {
+    id: "channels",
+    label: "Channels",
+    icon: /* @__PURE__ */ o(k, {})
+  },
+  {
+    id: "boards",
+    label: "Boards",
+    icon: /* @__PURE__ */ o(C, {})
+  },
+  {
+    id: "playbooks",
+    label: "Playbooks",
+    icon: /* @__PURE__ */ o(M, {})
+  }
+];
+function z(e) {
+  return /* @__PURE__ */ o("span", { className: r["product-switcher-menu__product-icon"], children: /* @__PURE__ */ o(n, { glyph: e, size: "24" }) });
+}
+function W({
+  selectedProduct: e = "channels",
+  additionalProducts: c = [],
+  onProductSelect: a,
+  className: p = "",
+  style: d,
+  ...u
+}) {
+  const f = [r["product-switcher-menu"], p].filter(Boolean).join(" "), h = [...w, ...c];
+  return /* @__PURE__ */ m(
+    V,
+    {
+      className: f,
+      style: d,
+      ...u,
+      children: [
+        /* @__PURE__ */ o(t, { children: h.map((i) => /* @__PURE__ */ o(
+          l,
+          {
+            className: r["product-switcher-menu__product-item"],
+            label: i.label,
+            leadingVisual: z(i.icon),
+            trailingElement: e === i.id,
+            onClick: () => {
+              var s;
+              (s = i.onClick) == null || s.call(i), a == null || a(i.id);
+            }
+          },
+          i.id
+        )) }),
+        /* @__PURE__ */ o(_, {}),
+        /* @__PURE__ */ m(t, { children: [
+          /* @__PURE__ */ o(
+            l,
+            {
+              label: "System console",
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(b, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              label: "Integrations",
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(P, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              label: "Marketplace",
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(g, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              label: "Download apps",
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(I, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              label: "About Mattermost",
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(y, {}), size: "16" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  w as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
+  W as default
+};
+//# sourceMappingURL=ProductSwitcherMenu.js.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSwitcherMenu.js","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"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"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProductSwitcherMenu.css');const e={"product-switcher-menu__product-item":"_product-switcher-menu__product-item_o1k8q_2","product-switcher-menu__product-icon":"_product-switcher-menu__product-icon_o1k8q_11"};exports.default=e;
+//# sourceMappingURL=ProductSwitcherMenu.module.scss.cjs.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSwitcherMenu.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js

@@ -0,0 +1,8 @@
+import './ProductSwitcherMenu.css';const t = {
+  "product-switcher-menu__product-item": "_product-switcher-menu__product-item_o1k8q_2",
+  "product-switcher-menu__product-icon": "_product-switcher-menu__product-icon_o1k8q_11"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=ProductSwitcherMenu.module.scss.js.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSwitcherMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/product-switcher-menu/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ProductSwitcherMenu.cjs");exports.DEFAULT_PRODUCT_SWITCHER_PRODUCTS=e.DEFAULT_PRODUCT_SWITCHER_PRODUCTS;exports.ProductSwitcherMenu=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/product-switcher-menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/product-switcher-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/product-switcher-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EACL,iCAAiC,GAClC,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,uBAAuB,CAAC"}

package/dist/components/product-switcher-menu/index.js

@@ -0,0 +1,6 @@
+import { DEFAULT_PRODUCT_SWITCHER_PRODUCTS as t, default as T } from "./ProductSwitcherMenu.js";
+export {
+  t as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
+  T as ProductSwitcherMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/components/product-switcher-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/profile-popover/ProfilePopover.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__U=require("@mattermost/compass-icons/components/close.js"),U=__U?.default??__U,__Y=require("@mattermost/compass-icons/components/email-outline.js"),Y=__Y?.default??__Y,__J=require("@mattermost/compass-icons/components/circle-multiple-outline.js"),J=__J?.default??__J,__K=require("@mattermost/compass-icons/components/github-circle.js"),K=__K?.default??__K,__k=require("@mattermost/compass-icons/components/mattermost.js"),k=__k?.default??__k,__Q=require("@mattermost/compass-icons/components/account-plus-outline.js"),Q=__Q?.default??__Q,__C=require("@mattermost/compass-icons/components/phone.js"),C=__C?.default??__C,__T=require("@mattermost/compass-icons/components/at.js"),T=__T?.default??__T,__I=require("@mattermost/compass-icons/components/send-outline.js"),I=__I?.default??__I,__V=require("@mattermost/compass-icons/components/pencil-outline.js"),V=__V?.default??__V,W=require("../button/Button.cjs"),c=require("../icon-button/IconButton.cjs"),X=require("../user-avatar/UserAvatar.cjs"),Z=require("../tag/Tag.cjs"),s=require("../icon/Icon.cjs"),l=require("./ProfilePopover.module.scss.cjs");function p({icon:j,children:d,href:r}){const u=r?l.default["profile-popover__meta-link"]:l.default["profile-popover__meta-text"];return e.jsxs("div",{className:l.default["profile-popover__meta-item"],children:[e.jsx("span",{className:l.default["profile-popover__meta-icon"],"aria-hidden":!0,children:j}),r?e.jsx("a",{className:u,href:r,children:d}):e.jsx("span",{className:u,children:d})]})}function H({user:j="others",avatarSrc:d,avatarAlt:r,name:u,username:B,title:m,email:f,phones:t,lastOnline:h,jobRole:v,localTime:a,customStatus:i,sharedOrg:x,staff:N=!1,coreCommitter:y=!1,githubHandle:_,onClose:b,onPrimaryAction:P,onMention:M,onAddToChannel:$,onCall:g,onSend:A,callButton:L,phoneIcon:O,state:w="open",onAnimationEnd:D,className:E=""}){const n=j==="you",S=[l.default["profile-popover"],w==="closing"?l.default["profile-popover--closing"]:"",E].filter(Boolean).join(" "),F=!!(t&&t.length>0),z=!!f||F||!!x||N||y||!!_,G=z||!!a||!!i;return e.jsxs("div",{className:S,onAnimationEnd:D,children:[v&&e.jsx("div",{className:l.default["profile-popover__role-tag"],children:e.jsx(Z.default,{label:v,casing:"all-caps",size:"x-small"})}),b&&e.jsx(c.default,{className:l.default["profile-popover__close"],"aria-label":"Close",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(U,{})}),onClick:b}),e.jsxs("section",{className:l.default["profile-popover__primary"],children:[e.jsx(X.default,{src:d,alt:r,size:"120",status:!0}),h&&e.jsx("p",{className:l.default["profile-popover__last-online"],children:h}),e.jsxs("div",{className:l.default["profile-popover__names"],children:[e.jsx("p",{className:l.default["profile-popover__name"],children:u}),e.jsx("p",{className:l.default["profile-popover__handle"],children:B}),m&&e.jsx("p",{className:l.default["profile-popover__title"],children:m})]})]}),G&&e.jsxs("section",{className:l.default["profile-popover__secondary"],children:[z&&e.jsxs("div",{className:l.default["profile-popover__titles"],children:[f&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(Y,{})}),href:`mailto:${f}`,children:f}),t==null?void 0:t.map((o,R)=>{const q=[o.label,o.sipTrunk].filter(Boolean).join(" • ");return e.jsxs("div",{className:[l.default["profile-popover__meta-item"],l.default["profile-popover__meta-item--stacked"]].join(" "),children:[e.jsx("span",{className:l.default["profile-popover__meta-icon"],"aria-hidden":!0,children:e.jsx(s.default,{size:"16",glyph:o.icon??O??e.jsx(C,{})})}),e.jsxs("div",{className:l.default["profile-popover__phone-body"],children:[q&&e.jsx("span",{className:l.default["profile-popover__phone-sub"],children:q}),o.onClick?e.jsx("button",{type:"button",className:l.default["profile-popover__meta-link"],onClick:o.onClick,children:o.number}):e.jsx("a",{className:l.default["profile-popover__meta-link"],href:o.href??`tel:${o.number}`,children:o.number})]})]},`${o.number}-${R}`)}),x&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(J,{})}),children:x}),N&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(k,{})}),children:"Staff"}),y&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(k,{})}),children:"Core Committer"}),_&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(K,{})}),children:_})]}),a&&e.jsxs("div",{className:l.default["profile-popover__local-time"],children:[e.jsxs("p",{className:l.default["profile-popover__section-label"],children:["Local time (",a.timezone,")"]}),e.jsxs("div",{className:l.default["profile-popover__time"],children:[e.jsx("span",{children:a.time}),a.hourDifference&&e.jsxs("span",{children:["(",a.hourDifference,")"]})]})]}),i&&e.jsxs("div",{className:l.default["profile-popover__custom-status"],children:[e.jsxs("p",{className:l.default["profile-popover__section-label"],children:["Status",i.expiresLabel?` (${i.expiresLabel})`:""]}),e.jsxs("div",{className:l.default["profile-popover__status-row"],children:[e.jsx("span",{className:l.default["profile-popover__status-emoji"],"aria-hidden":!0,children:i.emoji}),e.jsx("span",{children:i.text})]})]})]}),e.jsxs("footer",{className:[l.default["profile-popover__footer"],n?l.default["profile-popover__footer--you"]:l.default["profile-popover__footer--others"]].join(" "),children:[e.jsx("div",{className:[l.default["profile-popover__primary-action"],n?l.default["profile-popover__primary-action--you"]:l.default["profile-popover__primary-action--others"]].join(" "),children:e.jsx(W.default,{className:l.default["profile-popover__primary-button"],size:"small",emphasis:"primary",leadingIcon:n?e.jsx(s.default,{size:"12",glyph:e.jsx(V,{})}):e.jsx(s.default,{size:"12",glyph:e.jsx(I,{})}),onClick:P,children:n?"Edit profile":"Message"})}),e.jsx("div",{className:l.default["profile-popover__secondary-actions"],children:n?e.jsx(c.default,{"aria-label":"Send message",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(I,{})}),onClick:A}):e.jsxs(e.Fragment,{children:[e.jsx(c.default,{"aria-label":"Mention user",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(T,{})}),onClick:M}),e.jsx(c.default,{"aria-label":"Add to channel",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(Q,{})}),onClick:$}),L??(g?e.jsx(c.default,{"aria-label":"Call",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(C,{})}),onClick:g}):null)]})})]})]})}exports.default=H;
+//# sourceMappingURL=ProfilePopover.cjs.map

package/dist/components/profile-popover/ProfilePopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePopover.cjs","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' | 'you';\n\nexport interface ProfilePopoverCustomStatus {\n  emoji: string;\n  text: string;\n  /** Label suffix like \"Until Tomorrow\". */\n  expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n  /** Local time, e.g. \"10:42 PM\". */\n  time: string;\n  /** Timezone abbreviation, e.g. \"EST\". */\n  timezone: string;\n  /** Hour difference relative to viewer, e.g. \"3 hrs behind\". */\n  hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n  number: string;\n  /** Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". */\n  label?: string;\n  /** Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". */\n  sipTrunk?: string;\n  /** Per-row phone glyph; overrides the popover-level `phoneIcon` when set. */\n  icon?: ReactNode;\n  href?: string;\n  /** When provided, the number click runs this handler instead of navigating. */\n  onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  /** Whose profile is shown. Default: 'others'. */\n  user?: ProfilePopoverUser;\n  /** Avatar image URL. */\n  avatarSrc: string;\n  /** Avatar alt text. */\n  avatarAlt: string;\n  /** Full name. */\n  name: string;\n  /** @handle. */\n  username: string;\n  /** Job title. */\n  title?: string;\n  /** Email address. */\n  email?: string;\n  /** Phone rows shown under the email. */\n  phones?: ProfilePopoverPhone[];\n  /** Caption above the name, e.g. \"Last online 6 hrs ago\". */\n  lastOnline?: string;\n  /** Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) */\n  jobRole?: string;\n  /** Local time block. */\n  localTime?: ProfilePopoverLocalTime;\n  /** Custom status. */\n  customStatus?: ProfilePopoverCustomStatus;\n  /** Shared member org name. */\n  sharedOrg?: string;\n  /** Shows a Staff row. */\n  staff?: boolean;\n  /** Shows a Core Committer row. */\n  coreCommitter?: boolean;\n  /** GitHub handle — shows the GitHub profile row. */\n  githubHandle?: string;\n  onClose?: () => void;\n  onPrimaryAction?: () => void;\n  /** Inserts an @mention for this user in the active channel message input. */\n  onMention?: () => void;\n  /** Opens the Add to Channel flow for this user. */\n  onAddToChannel?: () => void;\n  /** Used when `callButton` is not provided; starts a simple outbound call action. */\n  onCall?: () => void;\n  onSend?: () => void;\n  /** Replaces the default Call icon button in the footer when provided. */\n  callButton?: ReactNode;\n  /** Replaces the default phone glyph shown next to the phone number. */\n  phoneIcon?: ReactNode;\n  /** Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. */\n  state?: 'open' | 'closing';\n  /** Fires when an animation on the popover root ends (entrance or exit). */\n  onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n  className?: string;\n}\n\ninterface MetaRowProps {\n  icon: ReactNode;\n  children: ReactNode;\n  href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n  const textClass = href\n    ? styles['profile-popover__meta-link']\n    : styles['profile-popover__meta-text'];\n\n  return (\n    <div className={styles['profile-popover__meta-item']}>\n      <span className={styles['profile-popover__meta-icon']} aria-hidden>\n        {icon}\n      </span>\n      {href ? (\n        <a className={textClass} href={href}>\n          {children}\n        </a>\n      ) : (\n        <span className={textClass}>{children}</span>\n      )}\n    </div>\n  );\n}\n\nexport default function ProfilePopover({\n  user = 'others',\n  avatarSrc,\n  avatarAlt,\n  name,\n  username,\n  title,\n  email,\n  phones,\n  lastOnline,\n  jobRole,\n  localTime,\n  customStatus,\n  sharedOrg,\n  staff = false,\n  coreCommitter = false,\n  githubHandle,\n  onClose,\n  onPrimaryAction,\n  onMention,\n  onAddToChannel,\n  onCall,\n  onSend,\n  callButton,\n  phoneIcon,\n  state = 'open',\n  onAnimationEnd,\n  className = '',\n}: ProfilePopoverProps) {\n  const isYou = user === 'you';\n\n  const rootClass = [\n    styles['profile-popover'],\n    state === 'closing' ? styles['profile-popover--closing'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasPhones = Boolean(phones && phones.length > 0);\n  const hasTitlesBlock =\n    Boolean(email) ||\n    hasPhones ||\n    Boolean(sharedOrg) ||\n    staff ||\n    coreCommitter ||\n    Boolean(githubHandle);\n  const hasSecondary =\n    hasTitlesBlock || Boolean(localTime) || Boolean(customStatus);\n\n  return (\n    <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n      {jobRole && (\n        <div className={styles['profile-popover__role-tag']}>\n          <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n        </div>\n      )}\n\n      {onClose && (\n        <IconButton\n          className={styles['profile-popover__close']}\n          aria-label=\"Close\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n\n      <section className={styles['profile-popover__primary']}>\n        <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n        {lastOnline && (\n          <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n        )}\n        <div className={styles['profile-popover__names']}>\n          <p className={styles['profile-popover__name']}>{name}</p>\n          <p className={styles['profile-popover__handle']}>{username}</p>\n          {title && <p className={styles['profile-popover__title']}>{title}</p>}\n        </div>\n      </section>\n\n      {hasSecondary && (\n        <section className={styles['profile-popover__secondary']}>\n          {hasTitlesBlock && (\n            <div className={styles['profile-popover__titles']}>\n              {email && (\n                <MetaRow\n                  icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n                  href={`mailto:${email}`}\n                >\n                  {email}\n                </MetaRow>\n              )}\n              {phones?.map((p, i) => {\n                const subParts = [p.label, p.sipTrunk].filter(Boolean);\n                const subText = subParts.join(' • ');\n                return (\n                  <div\n                    key={`${p.number}-${i}`}\n                    className={[\n                      styles['profile-popover__meta-item'],\n                      styles['profile-popover__meta-item--stacked'],\n                    ].join(' ')}\n                  >\n                    <span className={styles['profile-popover__meta-icon']} aria-hidden>\n                      <Icon size=\"16\" glyph={p.icon ?? phoneIcon ?? <PhoneIcon />} />\n                    </span>\n                    <div className={styles['profile-popover__phone-body']}>\n                      {subText && (\n                        <span className={styles['profile-popover__phone-sub']}>\n                          {subText}\n                        </span>\n                      )}\n                      {p.onClick ? (\n                        <button\n                          type=\"button\"\n                          className={styles['profile-popover__meta-link']}\n                          onClick={p.onClick}\n                        >\n                          {p.number}\n                        </button>\n                      ) : (\n                        <a\n                          className={styles['profile-popover__meta-link']}\n                          href={p.href ?? `tel:${p.number}`}\n                        >\n                          {p.number}\n                        </a>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n              {sharedOrg && (\n                <MetaRow\n                  icon={\n                    <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n                  }\n                >\n                  {sharedOrg}\n                </MetaRow>\n              )}\n              {staff && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Staff\n                </MetaRow>\n              )}\n              {coreCommitter && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Core Committer\n                </MetaRow>\n              )}\n              {githubHandle && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n                  {githubHandle}\n                </MetaRow>\n              )}\n            </div>\n          )}\n\n          {localTime && (\n            <div className={styles['profile-popover__local-time']}>\n              <p className={styles['profile-popover__section-label']}>\n                Local time ({localTime.timezone})\n              </p>\n              <div className={styles['profile-popover__time']}>\n                <span>{localTime.time}</span>\n                {localTime.hourDifference && (\n                  <span>({localTime.hourDifference})</span>\n                )}\n              </div>\n            </div>\n          )}\n\n          {customStatus && (\n            <div className={styles['profile-popover__custom-status']}>\n              <p className={styles['profile-popover__section-label']}>\n                Status\n                {customStatus.expiresLabel\n                  ? ` (${customStatus.expiresLabel})`\n                  : ''}\n              </p>\n              <div className={styles['profile-popover__status-row']}>\n                <span\n                  className={styles['profile-popover__status-emoji']}\n                  aria-hidden\n                >\n                  {customStatus.emoji}\n                </span>\n                <span>{customStatus.text}</span>\n              </div>\n            </div>\n          )}\n        </section>\n      )}\n\n      <footer\n        className={[\n          styles['profile-popover__footer'],\n          isYou\n            ? styles['profile-popover__footer--you']\n            : styles['profile-popover__footer--others'],\n        ].join(' ')}\n      >\n        <div\n          className={[\n            styles['profile-popover__primary-action'],\n            isYou\n              ? styles['profile-popover__primary-action--you']\n              : styles['profile-popover__primary-action--others'],\n          ].join(' ')}\n        >\n          <Button\n            className={styles['profile-popover__primary-button']}\n            size=\"small\"\n            emphasis=\"primary\"\n            leadingIcon={\n              isYou ? (\n                <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n              ) : (\n                <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n              )\n            }\n            onClick={onPrimaryAction}\n          >\n            {isYou ? 'Edit profile' : 'Message'}\n          </Button>\n        </div>\n        <div className={styles['profile-popover__secondary-actions']}>\n          {isYou ? (\n            <IconButton\n              aria-label=\"Send message\"\n              size=\"small\"\n              icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n              onClick={onSend}\n            />\n          ) : (\n            <>\n              <IconButton\n                aria-label=\"Mention user\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n                onClick={onMention}\n              />\n              <IconButton\n                aria-label=\"Add to channel\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n                onClick={onAddToChannel}\n              />\n              {callButton ??\n                (onCall ? (\n                  <IconButton\n                    aria-label=\"Call\"\n                    size=\"small\"\n                    icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n                    onClick={onCall}\n                  />\n                ) : null)}\n            </>\n          )}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}

package/dist/components/profile-popover/ProfilePopover.css

@@ -0,0 +1 @@
+@keyframes _profile-popover-enter_1k0p0_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _profile-popover-exit_1k0p0_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}._profile-popover_1k0p0_22{position:relative;display:flex;flex-direction:column;width:272px;padding-top:var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-6);animation:_profile-popover-enter_1k0p0_1 var(--duration-quick) var(--ease-entrance)}._profile-popover--closing_1k0p0_34{animation:_profile-popover-exit_1k0p0_1 var(--duration-quick) var(--ease-exit) forwards}._profile-popover__role-tag_1k0p0_37{display:flex;padding:0 var(--spacing-m)}._profile-popover__close_1k0p0_41{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs)}._profile-popover__primary_1k0p0_46{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-l) var(--spacing-xxl);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__last-online_1k0p0_54{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);color:rgba(var(--center-channel-color-rgb),.64);text-align:center}._profile-popover__names_1k0p0_61{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:100%;text-align:center;color:var(--center-channel-color)}._profile-popover__name_1k0p0_61{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-400);line-height:var(--line-height-400);font-weight:var(--font-weight-semibold)}._profile-popover__handle_1k0p0_77,._profile-popover__title_1k0p0_77{margin:0;font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__secondary_1k0p0_82{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-l);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__titles_1k0p0_89{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._profile-popover__meta-item_1k0p0_94{display:flex;align-items:center;gap:var(--spacing-m);overflow:hidden}._profile-popover__meta-item--stacked_1k0p0_100{align-items:flex-start}._profile-popover__meta-icon_1k0p0_103{display:inline-flex;flex-shrink:0;color:var(--center-channel-color)}._profile-popover__phone-body_1k0p0_108{display:flex;flex-direction:column;gap:var(--spacing-xxxxs);flex:1 0 0;min-width:0}._profile-popover__phone-body_1k0p0_108 ._profile-popover__meta-link_1k0p0_115{flex:none;width:100%}._profile-popover__phone-sub_1k0p0_119{font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75)}._profile-popover__meta-text_1k0p0_124,._profile-popover__meta-link_1k0p0_115{flex:1 0 0;min-width:0;font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._profile-popover__meta-link_1k0p0_115{color:var(--link-color);text-decoration:none}._profile-popover__meta-link_1k0p0_115:hover{text-decoration:underline}._profile-popover_1k0p0_22 button._profile-popover__meta-link_1k0p0_115{padding:0;background:none;border:0;font:inherit;text-align:left;cursor:pointer}._profile-popover__section-label_1k0p0_149{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);font-weight:var(--font-weight-semibold);color:var(--center-channel-color)}._profile-popover__local-time_1k0p0_156,._profile-popover__custom-status_1k0p0_156{display:flex;flex-direction:column;gap:var(--spacing-xxxs);color:var(--center-channel-color)}._profile-popover__time_1k0p0_162{display:flex;gap:var(--spacing-xxxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-row_1k0p0_168{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-emoji_1k0p0_175{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--font-size-200);line-height:1}._profile-popover__footer_1k0p0_184{display:flex;padding:var(--spacing-l)}._profile-popover__footer--others_1k0p0_188{align-items:center;justify-content:space-between}._profile-popover__footer--you_1k0p0_192{align-items:flex-start;gap:var(--spacing-xs)}._profile-popover__primary-action_1k0p0_196{display:flex}._profile-popover__primary-action--others_1k0p0_199{width:132px;flex-shrink:0}._profile-popover__primary-action--you_1k0p0_203{flex:1 0 0;min-width:0}._profile-popover__primary-button_1k0p0_207{width:100%}._profile-popover__secondary-actions_1k0p0_210{display:flex;align-items:center;gap:var(--spacing-xxxxs)}

package/dist/components/profile-popover/ProfilePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePopover.d.ts","sourceRoot":"","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"names":[],"mappings":"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"}

package/dist/components/profile-popover/ProfilePopover.js

@@ -0,0 +1,243 @@
+import { jsxs as i, jsx as e, Fragment as K } from "react/jsx-runtime";
+import __Q from "@mattermost/compass-icons/components/close.js";const Q=__Q&&__Q.default?__Q.default:__Q;
+import __R from "@mattermost/compass-icons/components/email-outline.js";const R=__R&&__R.default?__R.default:__R;
+import __S from "@mattermost/compass-icons/components/circle-multiple-outline.js";const S=__S&&__S.default?__S.default:__S;
+import __V from "@mattermost/compass-icons/components/github-circle.js";const V=__V&&__V.default?__V.default:__V;
+import __x from "@mattermost/compass-icons/components/mattermost.js";const x=__x&&__x.default?__x.default:__x;
+import __W from "@mattermost/compass-icons/components/account-plus-outline.js";const W=__W&&__W.default?__W.default:__W;
+import __j from "@mattermost/compass-icons/components/phone.js";const j=__j&&__j.default?__j.default:__j;
+import __X from "@mattermost/compass-icons/components/at.js";const X=__X&&__X.default?__X.default:__X;
+import __P from "@mattermost/compass-icons/components/send-outline.js";const P=__P&&__P.default?__P.default:__P;
+import __Z from "@mattermost/compass-icons/components/pencil-outline.js";const Z=__Z&&__Z.default?__Z.default:__Z;
+import T from "../button/Button.js";
+import t from "../icon-button/IconButton.js";
+import H from "../user-avatar/UserAvatar.js";
+import ee from "../tag/Tag.js";
+import r from "../icon/Icon.js";
+import o from "./ProfilePopover.module.scss.js";
+function m({ icon: h, children: f, href: n }) {
+  const _ = n ? o["profile-popover__meta-link"] : o["profile-popover__meta-text"];
+  return /* @__PURE__ */ i("div", { className: o["profile-popover__meta-item"], children: [
+    /* @__PURE__ */ e("span", { className: o["profile-popover__meta-icon"], "aria-hidden": !0, children: h }),
+    n ? /* @__PURE__ */ e("a", { className: _, href: n, children: f }) : /* @__PURE__ */ e("span", { className: _, children: f })
+  ] });
+}
+function ye({
+  user: h = "others",
+  avatarSrc: f,
+  avatarAlt: n,
+  name: _,
+  username: M,
+  title: N,
+  email: d,
+  phones: s,
+  lastOnline: y,
+  jobRole: z,
+  localTime: p,
+  customStatus: a,
+  sharedOrg: v,
+  staff: b = !1,
+  coreCommitter: g = !1,
+  githubHandle: u,
+  onClose: k,
+  onPrimaryAction: $,
+  onMention: A,
+  onAddToChannel: L,
+  onCall: C,
+  onSend: w,
+  callButton: D,
+  phoneIcon: E,
+  state: O = "open",
+  onAnimationEnd: F,
+  className: G = ""
+}) {
+  const c = h === "you", U = [
+    o["profile-popover"],
+    O === "closing" ? o["profile-popover--closing"] : "",
+    G
+  ].filter(Boolean).join(" "), Y = !!(s && s.length > 0), I = !!d || Y || !!v || b || g || !!u, q = I || !!p || !!a;
+  return /* @__PURE__ */ i("div", { className: U, onAnimationEnd: F, children: [
+    z && /* @__PURE__ */ e("div", { className: o["profile-popover__role-tag"], children: /* @__PURE__ */ e(ee, { label: z, casing: "all-caps", size: "x-small" }) }),
+    k && /* @__PURE__ */ e(
+      t,
+      {
+        className: o["profile-popover__close"],
+        "aria-label": "Close",
+        size: "small",
+        padding: "compact",
+        icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(Q, {}) }),
+        onClick: k
+      }
+    ),
+    /* @__PURE__ */ i("section", { className: o["profile-popover__primary"], children: [
+      /* @__PURE__ */ e(H, { src: f, alt: n, size: "120", status: !0 }),
+      y && /* @__PURE__ */ e("p", { className: o["profile-popover__last-online"], children: y }),
+      /* @__PURE__ */ i("div", { className: o["profile-popover__names"], children: [
+        /* @__PURE__ */ e("p", { className: o["profile-popover__name"], children: _ }),
+        /* @__PURE__ */ e("p", { className: o["profile-popover__handle"], children: M }),
+        N && /* @__PURE__ */ e("p", { className: o["profile-popover__title"], children: N })
+      ] })
+    ] }),
+    q && /* @__PURE__ */ i("section", { className: o["profile-popover__secondary"], children: [
+      I && /* @__PURE__ */ i("div", { className: o["profile-popover__titles"], children: [
+        d && /* @__PURE__ */ e(
+          m,
+          {
+            icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(R, {}) }),
+            href: `mailto:${d}`,
+            children: d
+          }
+        ),
+        s == null ? void 0 : s.map((l, J) => {
+          const B = [l.label, l.sipTrunk].filter(Boolean).join(" • ");
+          return /* @__PURE__ */ i(
+            "div",
+            {
+              className: [
+                o["profile-popover__meta-item"],
+                o["profile-popover__meta-item--stacked"]
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ e("span", { className: o["profile-popover__meta-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(r, { size: "16", glyph: l.icon ?? E ?? /* @__PURE__ */ e(j, {}) }) }),
+                /* @__PURE__ */ i("div", { className: o["profile-popover__phone-body"], children: [
+                  B && /* @__PURE__ */ e("span", { className: o["profile-popover__phone-sub"], children: B }),
+                  l.onClick ? /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: o["profile-popover__meta-link"],
+                      onClick: l.onClick,
+                      children: l.number
+                    }
+                  ) : /* @__PURE__ */ e(
+                    "a",
+                    {
+                      className: o["profile-popover__meta-link"],
+                      href: l.href ?? `tel:${l.number}`,
+                      children: l.number
+                    }
+                  )
+                ] })
+              ]
+            },
+            `${l.number}-${J}`
+          );
+        }),
+        v && /* @__PURE__ */ e(
+          m,
+          {
+            icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(S, {}) }),
+            children: v
+          }
+        ),
+        b && /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(x, {}) }), children: "Staff" }),
+        g && /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(x, {}) }), children: "Core Committer" }),
+        u && /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(V, {}) }), children: u })
+      ] }),
+      p && /* @__PURE__ */ i("div", { className: o["profile-popover__local-time"], children: [
+        /* @__PURE__ */ i("p", { className: o["profile-popover__section-label"], children: [
+          "Local time (",
+          p.timezone,
+          ")"
+        ] }),
+        /* @__PURE__ */ i("div", { className: o["profile-popover__time"], children: [
+          /* @__PURE__ */ e("span", { children: p.time }),
+          p.hourDifference && /* @__PURE__ */ i("span", { children: [
+            "(",
+            p.hourDifference,
+            ")"
+          ] })
+        ] })
+      ] }),
+      a && /* @__PURE__ */ i("div", { className: o["profile-popover__custom-status"], children: [
+        /* @__PURE__ */ i("p", { className: o["profile-popover__section-label"], children: [
+          "Status",
+          a.expiresLabel ? ` (${a.expiresLabel})` : ""
+        ] }),
+        /* @__PURE__ */ i("div", { className: o["profile-popover__status-row"], children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: o["profile-popover__status-emoji"],
+              "aria-hidden": !0,
+              children: a.emoji
+            }
+          ),
+          /* @__PURE__ */ e("span", { children: a.text })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i(
+      "footer",
+      {
+        className: [
+          o["profile-popover__footer"],
+          c ? o["profile-popover__footer--you"] : o["profile-popover__footer--others"]
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: [
+                o["profile-popover__primary-action"],
+                c ? o["profile-popover__primary-action--you"] : o["profile-popover__primary-action--others"]
+              ].join(" "),
+              children: /* @__PURE__ */ e(
+                T,
+                {
+                  className: o["profile-popover__primary-button"],
+                  size: "small",
+                  emphasis: "primary",
+                  leadingIcon: c ? /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(Z, {}) }) : /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(P, {}) }),
+                  onClick: $,
+                  children: c ? "Edit profile" : "Message"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: o["profile-popover__secondary-actions"], children: c ? /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "Send message",
+              size: "small",
+              icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(P, {}) }),
+              onClick: w
+            }
+          ) : /* @__PURE__ */ i(K, { children: [
+            /* @__PURE__ */ e(
+              t,
+              {
+                "aria-label": "Mention user",
+                size: "small",
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(X, {}) }),
+                onClick: A
+              }
+            ),
+            /* @__PURE__ */ e(
+              t,
+              {
+                "aria-label": "Add to channel",
+                size: "small",
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(W, {}) }),
+                onClick: L
+              }
+            ),
+            D ?? (C ? /* @__PURE__ */ e(
+              t,
+              {
+                "aria-label": "Call",
+                size: "small",
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(j, {}) }),
+                onClick: C
+              }
+            ) : null)
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ye as default
+};
+//# sourceMappingURL=ProfilePopover.js.map

package/dist/components/profile-popover/ProfilePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePopover.js","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' | 'you';\n\nexport interface ProfilePopoverCustomStatus {\n  emoji: string;\n  text: string;\n  /** Label suffix like \"Until Tomorrow\". */\n  expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n  /** Local time, e.g. \"10:42 PM\". */\n  time: string;\n  /** Timezone abbreviation, e.g. \"EST\". */\n  timezone: string;\n  /** Hour difference relative to viewer, e.g. \"3 hrs behind\". */\n  hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n  number: string;\n  /** Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". */\n  label?: string;\n  /** Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". */\n  sipTrunk?: string;\n  /** Per-row phone glyph; overrides the popover-level `phoneIcon` when set. */\n  icon?: ReactNode;\n  href?: string;\n  /** When provided, the number click runs this handler instead of navigating. */\n  onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  /** Whose profile is shown. Default: 'others'. */\n  user?: ProfilePopoverUser;\n  /** Avatar image URL. */\n  avatarSrc: string;\n  /** Avatar alt text. */\n  avatarAlt: string;\n  /** Full name. */\n  name: string;\n  /** @handle. */\n  username: string;\n  /** Job title. */\n  title?: string;\n  /** Email address. */\n  email?: string;\n  /** Phone rows shown under the email. */\n  phones?: ProfilePopoverPhone[];\n  /** Caption above the name, e.g. \"Last online 6 hrs ago\". */\n  lastOnline?: string;\n  /** Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) */\n  jobRole?: string;\n  /** Local time block. */\n  localTime?: ProfilePopoverLocalTime;\n  /** Custom status. */\n  customStatus?: ProfilePopoverCustomStatus;\n  /** Shared member org name. */\n  sharedOrg?: string;\n  /** Shows a Staff row. */\n  staff?: boolean;\n  /** Shows a Core Committer row. */\n  coreCommitter?: boolean;\n  /** GitHub handle — shows the GitHub profile row. */\n  githubHandle?: string;\n  onClose?: () => void;\n  onPrimaryAction?: () => void;\n  /** Inserts an @mention for this user in the active channel message input. */\n  onMention?: () => void;\n  /** Opens the Add to Channel flow for this user. */\n  onAddToChannel?: () => void;\n  /** Used when `callButton` is not provided; starts a simple outbound call action. */\n  onCall?: () => void;\n  onSend?: () => void;\n  /** Replaces the default Call icon button in the footer when provided. */\n  callButton?: ReactNode;\n  /** Replaces the default phone glyph shown next to the phone number. */\n  phoneIcon?: ReactNode;\n  /** Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. */\n  state?: 'open' | 'closing';\n  /** Fires when an animation on the popover root ends (entrance or exit). */\n  onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n  className?: string;\n}\n\ninterface MetaRowProps {\n  icon: ReactNode;\n  children: ReactNode;\n  href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n  const textClass = href\n    ? styles['profile-popover__meta-link']\n    : styles['profile-popover__meta-text'];\n\n  return (\n    <div className={styles['profile-popover__meta-item']}>\n      <span className={styles['profile-popover__meta-icon']} aria-hidden>\n        {icon}\n      </span>\n      {href ? (\n        <a className={textClass} href={href}>\n          {children}\n        </a>\n      ) : (\n        <span className={textClass}>{children}</span>\n      )}\n    </div>\n  );\n}\n\nexport default function ProfilePopover({\n  user = 'others',\n  avatarSrc,\n  avatarAlt,\n  name,\n  username,\n  title,\n  email,\n  phones,\n  lastOnline,\n  jobRole,\n  localTime,\n  customStatus,\n  sharedOrg,\n  staff = false,\n  coreCommitter = false,\n  githubHandle,\n  onClose,\n  onPrimaryAction,\n  onMention,\n  onAddToChannel,\n  onCall,\n  onSend,\n  callButton,\n  phoneIcon,\n  state = 'open',\n  onAnimationEnd,\n  className = '',\n}: ProfilePopoverProps) {\n  const isYou = user === 'you';\n\n  const rootClass = [\n    styles['profile-popover'],\n    state === 'closing' ? styles['profile-popover--closing'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasPhones = Boolean(phones && phones.length > 0);\n  const hasTitlesBlock =\n    Boolean(email) ||\n    hasPhones ||\n    Boolean(sharedOrg) ||\n    staff ||\n    coreCommitter ||\n    Boolean(githubHandle);\n  const hasSecondary =\n    hasTitlesBlock || Boolean(localTime) || Boolean(customStatus);\n\n  return (\n    <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n      {jobRole && (\n        <div className={styles['profile-popover__role-tag']}>\n          <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n        </div>\n      )}\n\n      {onClose && (\n        <IconButton\n          className={styles['profile-popover__close']}\n          aria-label=\"Close\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n\n      <section className={styles['profile-popover__primary']}>\n        <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n        {lastOnline && (\n          <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n        )}\n        <div className={styles['profile-popover__names']}>\n          <p className={styles['profile-popover__name']}>{name}</p>\n          <p className={styles['profile-popover__handle']}>{username}</p>\n          {title && <p className={styles['profile-popover__title']}>{title}</p>}\n        </div>\n      </section>\n\n      {hasSecondary && (\n        <section className={styles['profile-popover__secondary']}>\n          {hasTitlesBlock && (\n            <div className={styles['profile-popover__titles']}>\n              {email && (\n                <MetaRow\n                  icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n                  href={`mailto:${email}`}\n                >\n                  {email}\n                </MetaRow>\n              )}\n              {phones?.map((p, i) => {\n                const subParts = [p.label, p.sipTrunk].filter(Boolean);\n                const subText = subParts.join(' • ');\n                return (\n                  <div\n                    key={`${p.number}-${i}`}\n                    className={[\n                      styles['profile-popover__meta-item'],\n                      styles['profile-popover__meta-item--stacked'],\n                    ].join(' ')}\n                  >\n                    <span className={styles['profile-popover__meta-icon']} aria-hidden>\n                      <Icon size=\"16\" glyph={p.icon ?? phoneIcon ?? <PhoneIcon />} />\n                    </span>\n                    <div className={styles['profile-popover__phone-body']}>\n                      {subText && (\n                        <span className={styles['profile-popover__phone-sub']}>\n                          {subText}\n                        </span>\n                      )}\n                      {p.onClick ? (\n                        <button\n                          type=\"button\"\n                          className={styles['profile-popover__meta-link']}\n                          onClick={p.onClick}\n                        >\n                          {p.number}\n                        </button>\n                      ) : (\n                        <a\n                          className={styles['profile-popover__meta-link']}\n                          href={p.href ?? `tel:${p.number}`}\n                        >\n                          {p.number}\n                        </a>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n              {sharedOrg && (\n                <MetaRow\n                  icon={\n                    <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n                  }\n                >\n                  {sharedOrg}\n                </MetaRow>\n              )}\n              {staff && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Staff\n                </MetaRow>\n              )}\n              {coreCommitter && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Core Committer\n                </MetaRow>\n              )}\n              {githubHandle && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n                  {githubHandle}\n                </MetaRow>\n              )}\n            </div>\n          )}\n\n          {localTime && (\n            <div className={styles['profile-popover__local-time']}>\n              <p className={styles['profile-popover__section-label']}>\n                Local time ({localTime.timezone})\n              </p>\n              <div className={styles['profile-popover__time']}>\n                <span>{localTime.time}</span>\n                {localTime.hourDifference && (\n                  <span>({localTime.hourDifference})</span>\n                )}\n              </div>\n            </div>\n          )}\n\n          {customStatus && (\n            <div className={styles['profile-popover__custom-status']}>\n              <p className={styles['profile-popover__section-label']}>\n                Status\n                {customStatus.expiresLabel\n                  ? ` (${customStatus.expiresLabel})`\n                  : ''}\n              </p>\n              <div className={styles['profile-popover__status-row']}>\n                <span\n                  className={styles['profile-popover__status-emoji']}\n                  aria-hidden\n                >\n                  {customStatus.emoji}\n                </span>\n                <span>{customStatus.text}</span>\n              </div>\n            </div>\n          )}\n        </section>\n      )}\n\n      <footer\n        className={[\n          styles['profile-popover__footer'],\n          isYou\n            ? styles['profile-popover__footer--you']\n            : styles['profile-popover__footer--others'],\n        ].join(' ')}\n      >\n        <div\n          className={[\n            styles['profile-popover__primary-action'],\n            isYou\n              ? styles['profile-popover__primary-action--you']\n              : styles['profile-popover__primary-action--others'],\n          ].join(' ')}\n        >\n          <Button\n            className={styles['profile-popover__primary-button']}\n            size=\"small\"\n            emphasis=\"primary\"\n            leadingIcon={\n              isYou ? (\n                <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n              ) : (\n                <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n              )\n            }\n            onClick={onPrimaryAction}\n          >\n            {isYou ? 'Edit profile' : 'Message'}\n          </Button>\n        </div>\n        <div className={styles['profile-popover__secondary-actions']}>\n          {isYou ? (\n            <IconButton\n              aria-label=\"Send message\"\n              size=\"small\"\n              icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n              onClick={onSend}\n            />\n          ) : (\n            <>\n              <IconButton\n                aria-label=\"Mention user\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n                onClick={onMention}\n              />\n              <IconButton\n                aria-label=\"Add to channel\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n                onClick={onAddToChannel}\n              />\n              {callButton ??\n                (onCall ? (\n                  <IconButton\n                    aria-label=\"Call\"\n                    size=\"small\"\n                    icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n                    onClick={onCall}\n                  />\n                ) : null)}\n            </>\n          )}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}

package/dist/components/profile-popover/ProfilePopover.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-popover_1k0p0_22","profile-popover--closing":"_profile-popover--closing_1k0p0_34","profile-popover__role-tag":"_profile-popover__role-tag_1k0p0_37","profile-popover__close":"_profile-popover__close_1k0p0_41","profile-popover__primary":"_profile-popover__primary_1k0p0_46","profile-popover__last-online":"_profile-popover__last-online_1k0p0_54","profile-popover__names":"_profile-popover__names_1k0p0_61","profile-popover__name":"_profile-popover__name_1k0p0_61","profile-popover__handle":"_profile-popover__handle_1k0p0_77","profile-popover__title":"_profile-popover__title_1k0p0_77","profile-popover__secondary":"_profile-popover__secondary_1k0p0_82","profile-popover__titles":"_profile-popover__titles_1k0p0_89","profile-popover__meta-item":"_profile-popover__meta-item_1k0p0_94","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1k0p0_100","profile-popover__meta-icon":"_profile-popover__meta-icon_1k0p0_103","profile-popover__phone-body":"_profile-popover__phone-body_1k0p0_108","profile-popover__meta-link":"_profile-popover__meta-link_1k0p0_115","profile-popover__phone-sub":"_profile-popover__phone-sub_1k0p0_119","profile-popover__meta-text":"_profile-popover__meta-text_1k0p0_124","profile-popover__section-label":"_profile-popover__section-label_1k0p0_149","profile-popover__local-time":"_profile-popover__local-time_1k0p0_156","profile-popover__custom-status":"_profile-popover__custom-status_1k0p0_156","profile-popover__time":"_profile-popover__time_1k0p0_162","profile-popover__status-row":"_profile-popover__status-row_1k0p0_168","profile-popover__status-emoji":"_profile-popover__status-emoji_1k0p0_175","profile-popover__footer":"_profile-popover__footer_1k0p0_184","profile-popover__footer--others":"_profile-popover__footer--others_1k0p0_188","profile-popover__footer--you":"_profile-popover__footer--you_1k0p0_192","profile-popover__primary-action":"_profile-popover__primary-action_1k0p0_196","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1k0p0_199","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1k0p0_203","profile-popover__primary-button":"_profile-popover__primary-button_1k0p0_207","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1k0p0_210"};exports.default=o;
+//# sourceMappingURL=ProfilePopover.module.scss.cjs.map

package/dist/components/profile-popover/ProfilePopover.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePopover.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}