@oxyhq/services 30.0.0 → 30.0.1

package/lib/commonjs/ui/components/OxySignInRequestSurface.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.OxySignInRequestSurface = void 0;
+var _reactNative = require("react-native");
+var _button = require("@oxyhq/bloom/button");
+var _theme = require("@oxyhq/bloom/theme");
+var _typography = require("@oxyhq/bloom/typography");
+var _useI18n = require("../hooks/useI18n.js");
+var _TroubleDisclosure = _interopRequireDefault(require("./authChooser/TroubleDisclosure.js"));
+var _primitives = require("./authChooser/primitives.js");
+var _requestSurfaces = require("./authChooser/requestSurfaces.js");
+var _signInProgress = require("./authChooser/signInProgress.js");
+var _styles = require("./authChooser/styles.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * `OxySignInRequestSurface` — the in-flight "Sign in with Oxy" request, rendered
+ * from plain facts (issue #691, Phase 5).
+ *
+ * The user already performed their one action. From here the surface only
+ * REPORTS: the route-appropriate primary visual, the status line for the
+ * progress it was told about, and nothing else at the same weight. Alternatives
+ * stay behind "Having trouble?" until the chosen route could not be carried out,
+ * at which point they ARE the content and render plainly.
+ *
+ * PRESENTATIONAL AND HEADLESS-FRIENDLY. It owns no request, no controller, no
+ * polling, and no state of its own: everything it draws is a prop. That is what
+ * lets the two hosts of this surface share ONE implementation —
+ *
+ *  - `OxyAuthChooser`'s `SignInRequestView`, driven by `AccountDialogController`'s
+ *    device flow;
+ *  - the auth.oxy.so IdP's OAuth-bound lane, whose request carries an OAuth
+ *    binding the account dialog's session has no concept of.
+ *
+ * It resolves only what every `@oxyhq/services` consumer already has in context:
+ * the Bloom theme (`useTheme`) and the SDK's own locale dictionary (`useI18n`,
+ * the `accountSwitcher.*` copy in all 11 locales). Host-specific copy — the
+ * labels on {@link OxySignInRequestSurfaceProps.subordinate} and
+ * {@link OxySignInRequestSurfaceProps.alternatives} — arrives already localized.
+ *
+ * TWO THINGS IT DELIBERATELY DOES NOT DO:
+ *  - it renders no failure REASON. A host surfaces that the way its own shell
+ *    demands (the account dialog toasts it — errors never render inline there;
+ *    a full page may show a banner around this surface). The surface only takes
+ *    the fact that the request failed, and offers the way forward.
+ *  - it derives nothing from {@link OxySignInRequestSurfaceProps.qrPayload}.
+ *    Application identity, origin, and scopes are resolved server-side by the
+ *    approver (Commons), never read out of a payload here — the plate encodes it
+ *    and shows nothing about it.
+ *
+ * SECRETS: every prop is safe to render. There is no `sessionToken` (the secret
+ * claim/finalize credential), no bearer, and no authorization code — a host
+ * keeps those in its own controller, and no prop on this component invites one.
+ */
+
+/** Shared empty list, so an omitted action bundle allocates nothing per render. */
+const NO_ACTIONS = [];
+const OxySignInRequestSurface = ({
+  route,
+  progress,
+  qrPayload = null,
+  routeFailed = false,
+  failed = false,
+  onRetry,
+  onAcquireCommons,
+  subordinate = NO_ACTIONS,
+  alternatives = NO_ACTIONS
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const subordinateLinks = subordinate.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SubtleLink, {
+    label: action.label,
+    theme: theme,
+    onPress: action.onPress,
+    disabled: action.disabled,
+    testID: action.key
+  }, action.key));
+
+  // A failed request has no working primary route left. Its REASON is the host's
+  // to surface (toast / banner); all this owes the user is the way forward.
+  if (failed) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _styles.authChooserStyles.centeredBlock,
+      children: [onRetry ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "primary",
+        onPress: onRetry,
+        style: _styles.authChooserStyles.primaryButton,
+        children: t('common.actions.tryAgain')
+      }) : null, subordinateLinks, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TroubleDisclosure.default, {
+        actions: alternatives,
+        revealed: true,
+        theme: theme,
+        t: t
+      })]
+    });
+  }
+
+  // Commons is absent: acquiring it IS the primary route, not a fallback, so it
+  // renders as the one primary action and no route progress is reported (there is
+  // no route to report on until the host says otherwise).
+  if (onAcquireCommons) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _styles.authChooserStyles.centeredBlock,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_requestSurfaces.GetCommonsPrompt, {
+        theme: theme,
+        t: t,
+        onGetCommons: onAcquireCommons
+      }), subordinateLinks, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TroubleDisclosure.default, {
+        actions: alternatives,
+        revealed: false,
+        theme: theme,
+        t: t
+      })]
+    });
+  }
+  const status = (0, _signInProgress.signInProgressLabel)(progress, route, t);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _styles.authChooserStyles.centeredBlock,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_requestSurfaces.RequestPrimarySurface, {
+      route: route,
+      progress: progress,
+      qrPayload: qrPayload,
+      theme: theme,
+      t: t
+    }), status ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+      style: [_styles.authChooserStyles.mutedText, {
+        color: theme.colors.textSecondary
+      }],
+      accessibilityLiveRegion: "polite",
+      testID: "signin-progress",
+      children: status
+    }) : null, subordinateLinks, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TroubleDisclosure.default, {
+      actions: alternatives,
+      revealed: routeFailed,
+      theme: theme,
+      t: t
+    })]
+  });
+};
+exports.OxySignInRequestSurface = OxySignInRequestSurface;
+var _default = exports.default = OxySignInRequestSurface;
+//# sourceMappingURL=OxySignInRequestSurface.js.map

package/lib/commonjs/ui/components/OxySignInRequestSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_button","_theme","_typography","_useI18n","_TroubleDisclosure","_interopRequireDefault","_primitives","_requestSurfaces","_signInProgress","_styles","_jsxRuntime","e","__esModule","default","NO_ACTIONS","OxySignInRequestSurface","route","progress","qrPayload","routeFailed","failed","onRetry","onAcquireCommons","subordinate","alternatives","theme","useTheme","t","useI18n","subordinateLinks","map","action","jsx","SubtleLink","label","onPress","disabled","testID","key","jsxs","View","style","styles","centeredBlock","children","Button","variant","primaryButton","actions","revealed","GetCommonsPrompt","onGetCommons","status","signInProgressLabel","RequestPrimarySurface","Text","mutedText","color","colors","textSecondary","accessibilityLiveRegion","exports","_default"],"sourceRoot":"../../../../src","sources":["ui/components/OxySignInRequestSurface.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/ProfileButton.js

@@ -0,0 +1,342 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _components = require("react-native-css/components");
+var _MaterialCommunityIcons = _interopRequireDefault(require("@expo/vector-icons/MaterialCommunityIcons"));
+var _avatar = require("@oxyhq/bloom/avatar");
+var Skeleton = _interopRequireWildcard(require("@oxyhq/bloom/skeleton"));
+var _typography = require("@oxyhq/bloom/typography");
+var _theme = require("@oxyhq/bloom/theme");
+var _core = require("@oxyhq/core");
+var _useAuth = require("../hooks/useAuth.js");
+var _OxyContext = require("../context/OxyContext.js");
+var _useI18n = require("../hooks/useI18n.js");
+var _accountDialogManager = require("../navigation/accountDialogManager.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const isWeb = _reactNative.Platform.OS === 'web';
+
+/**
+ * Web-only Bluesky-style hover animation timings, mirrored from
+ * `social-app/src/view/shell/desktop/LeftNav.tsx`. The row background and the
+ * name/handle/chevron opacity cross-fade quickly; the avatar shrink+slide is
+ * slower and more deliberate. A short delay on the LEAVE transition keeps the
+ * row from flickering when the pointer crosses a child boundary.
+ */
+const BG_TRANSITION_MS = 150;
+const AVATAR_TRANSITION_MS = 250;
+const LEAVE_DELAY_MS = 50;
+
+/** Shrunk-avatar scale on hover, matching Bluesky's `scale: 2/3`. */
+const ACTIVE_AVATAR_SCALE = 2 / 3;
+
+/**
+ * Reads the OS "reduce motion" preference on web. Guards `window`/`matchMedia`
+ * so it is safe during SSR and on native (where it is never called). When
+ * reduced motion is on, the avatar transform snaps instead of transitioning.
+ */
+const prefersReducedMotion = () => {
+  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+    return false;
+  }
+  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+};
+/**
+ * Self-contained sidebar account trigger, modeled on Bluesky's ProfileCard and
+ * the Oxy inbox's `MailboxDrawer` footer. Pressing it opens the unified
+ * {@link OxyAccountDialogScreen} — the single account switcher + sign-in surface — via
+ * `useOxy().openAccountDialog`.
+ *
+ * Three auth states from {@link useAuth}:
+ *  - **Undetermined** (`!isAuthResolved || isPrivateApiPending`): a neutral
+ *    avatar-sized skeleton circle, no press.
+ *  - **Signed in**: a pressable row — Bloom `Avatar` + display name + `@handle`
+ *    + a chevron. Press opens the dialog on its `accounts` view.
+ *  - **Signed out**: a "Sign in" row that calls `useAuth().signIn()` (which opens
+ *    the dialog on its `signin` view).
+ *
+ * Styling uses react-native `StyleSheet` + the Bloom theme (via `useTheme`) so
+ * the layout renders identically in EVERY consumer — including apps that do not
+ * use NativeWind (e.g. the accounts app). Only the web hover animation keeps
+ * dynamic inline `style` (the CSS transition/transform values), which is what
+ * the `react-native-web-style.d.ts` augmentation exists for.
+ */
+const ProfileButton = ({
+  expanded = true,
+  avatarSize,
+  onNavigateManage,
+  onAddAccount,
+  onNavigateProfile,
+  menuItems,
+  className,
+  style
+}) => {
+  const {
+    user,
+    isAuthenticated,
+    isAuthResolved,
+    isPrivateApiPending,
+    signIn
+  } = (0, _useAuth.useAuth)();
+  const {
+    openAccountDialog,
+    oxyServices
+  } = (0, _OxyContext.useOxy)();
+  const {
+    colors
+  } = (0, _theme.useTheme)();
+  const {
+    t,
+    locale
+  } = (0, _useI18n.useI18n)();
+
+  // Web-only hover/focus tracking for the Bluesky-style reveal animation.
+  // Native has no hover, so these stay false and the row renders statically.
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const resolvedAvatarSize = avatarSize ?? (expanded ? 40 : 32);
+  const openDialog = (0, _react.useCallback)(() => {
+    openAccountDialog('accounts');
+  }, [openAccountDialog]);
+  (0, _react.useEffect)(() => {
+    if (!onNavigateManage && !onAddAccount && !onNavigateProfile && !menuItems?.length) {
+      return undefined;
+    }
+    return (0, _accountDialogManager.registerAccountDialogConsumerHooks)({
+      onNavigateManage,
+      onAddAccount,
+      onNavigateProfile,
+      menuItems
+    });
+  }, [onNavigateManage, onAddAccount, onNavigateProfile, menuItems]);
+  const avatarUrl = (0, _react.useMemo)(() => user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar, 'thumb') : undefined, [user?.avatar, oxyServices]);
+
+  // ── Undetermined: skeleton circle, no interaction. ──────────────────────
+  if (!isAuthResolved || isPrivateApiPending) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+      className: className,
+      style: style,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Circle, {
+        size: resolvedAvatarSize
+      })
+    });
+  }
+
+  // ── Signed out: "Sign in" row. ──────────────────────────────────────────
+  if (!isAuthenticated || !user) {
+    const signInLabel = t('common.actions.signIn') || 'Sign in';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Pressable, {
+      className: className,
+      style: [styles.row, expanded && styles.rowExpanded, style],
+      onPress: () => {
+        void signIn();
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: signInLabel,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+        style: [styles.avatarBadge, {
+          width: resolvedAvatarSize,
+          height: resolvedAvatarSize,
+          backgroundColor: colors.backgroundSecondary
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+          name: "login",
+          size: Math.round(resolvedAvatarSize * 0.5),
+          color: colors.icon
+        })
+      }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        style: [styles.signInLabel, {
+          color: colors.text
+        }],
+        numberOfLines: 1,
+        children: signInLabel
+      }) : null]
+    });
+  }
+
+  // ── Signed in: avatar + identity + chevron. ─────────────────────────────
+  const displayName = user?.name?.displayName ?? (0, _core.getNormalizedUserHandle)(user) ?? (0, _core.getAccountDisplayName)(null, locale);
+  const handle = (0, _core.getAccountFallbackHandle)(user);
+  const handleLine = handle ? `@${handle}` : null;
+  const avatarNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.Avatar, {
+    source: avatarUrl,
+    variant: "thumb",
+    name: displayName,
+    size: resolvedAvatarSize
+  });
+
+  // `active` combines hover and keyboard focus — exactly like Bluesky's
+  // `state.hovered || state.focused`. Only web ever sets these, so on native
+  // the row renders statically.
+  const active = hovered || focused;
+  const accountLabel = t('accountSwitcher.switchWhileSignedInAs', {
+    name: displayName
+  });
+
+  // Web-only pointer/focus handlers. RN-Web forwards `onHoverIn`/`onHoverOut`
+  // to the underlying element; native Pressable ignores them harmlessly, but
+  // we only attach them on web to keep the native path pristine.
+  const webInteractionProps = isWeb ? {
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false)
+  } : undefined;
+  if (!expanded) {
+    // Collapsed: avatar-only. On web, hovering just fades a subtle round
+    // background behind the avatar — no shrink, no text.
+    const collapsedBgStyle = isWeb ? {
+      backgroundColor: active ? colors.backgroundSecondary : 'transparent',
+      transitionProperty: 'background-color',
+      transitionDuration: `${BG_TRANSITION_MS}ms`,
+      transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+    } : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+      className: className,
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pressable, {
+        style: [styles.collapsedTrigger, collapsedBgStyle],
+        onPress: openDialog,
+        accessibilityRole: "button",
+        accessibilityLabel: accountLabel,
+        ...webInteractionProps,
+        children: avatarNode
+      })
+    });
+  }
+
+  // ── Expanded row animation ──────────────────────────────────────────────
+  // On native everything is statically visible (no hover exists). On web we
+  // reproduce Bluesky's reveal: the row fills with a subtle contrast bg, the
+  // avatar shrinks + slides left, and the name/handle/chevron fade in. The
+  // negative left margin tucks the identity block under the shrunk avatar so
+  // it slides out from behind it as the avatar contracts.
+  const reducedMotion = isWeb && prefersReducedMotion();
+
+  // Slide the shrunk avatar left so its visual left edge stays put as it
+  // contracts. The avatar loses `size * (1 - scale)` of width; half of that
+  // (the left half, since scale is centered) is the offset, plus the row's
+  // left padding (8px) so it hugs the row edge like Bluesky's.
+  const activeAvatarTranslateX = -(resolvedAvatarSize * (1 - ACTIVE_AVATAR_SCALE)) / 2 - 8;
+  const rowStyle = isWeb ? {
+    backgroundColor: active ? colors.backgroundSecondary : 'transparent',
+    transitionProperty: 'background-color',
+    transitionDuration: `${BG_TRANSITION_MS}ms`,
+    transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+  } : undefined;
+  const avatarWrapperStyle = isWeb ? {
+    zIndex: 10,
+    ...(reducedMotion ? {} : {
+      transitionProperty: 'transform',
+      transitionDuration: `${AVATAR_TRANSITION_MS}ms`,
+      transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+    }),
+    transform: active ? [{
+      scale: ACTIVE_AVATAR_SCALE
+    }, {
+      translateX: activeAvatarTranslateX
+    }] : [{
+      scale: 1
+    }, {
+      translateX: 0
+    }]
+  } : undefined;
+
+  // Expanded mode always shows identity + chevron (console/inbox wide sidebar).
+  // Hover only animates the row background and avatar shrink — not text visibility.
+  const identityStyle = isWeb ? {
+    marginLeft: -resolvedAvatarSize / 2
+  } : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+    className: className,
+    style: [styles.fullWidth, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Pressable, {
+      style: [styles.row, styles.rowExpanded, rowStyle],
+      onPress: openDialog,
+      accessibilityRole: "button",
+      accessibilityLabel: accountLabel,
+      ...webInteractionProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+        style: avatarWrapperStyle,
+        children: avatarNode
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
+        style: [styles.identity, identityStyle],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: [styles.displayName, {
+            color: colors.text
+          }],
+          numberOfLines: 1,
+          children: displayName
+        }), handleLine ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: [styles.handle, {
+            color: colors.textSecondary
+          }],
+          numberOfLines: 1,
+          children: handleLine
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+          name: "dots-horizontal",
+          size: 18,
+          color: colors.textSecondary
+        })
+      })]
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  fullWidth: {
+    width: '100%'
+  },
+  // Shared trigger row (`flex-row items-center gap-3 rounded-full px-2 py-2`).
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderRadius: 9999,
+    paddingHorizontal: 8,
+    paddingVertical: 8
+  },
+  // `w-full` on the expanded row + its signed-out variant.
+  rowExpanded: {
+    width: '100%'
+  },
+  // Signed-out login badge (`items-center justify-center rounded-full`).
+  avatarBadge: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 9999
+  },
+  // Signed-out label (`flex-1 font-semibold`).
+  signInLabel: {
+    flex: 1,
+    fontWeight: '600'
+  },
+  // Collapsed avatar-only trigger (`rounded-full`).
+  collapsedTrigger: {
+    borderRadius: 9999
+  },
+  // Identity block (`min-w-0 flex-1`).
+  identity: {
+    flex: 1,
+    minWidth: 0
+  },
+  // Display name (`font-bold`).
+  displayName: {
+    fontWeight: '700'
+  },
+  // Handle line (`text-xs`).
+  handle: {
+    fontSize: 12
+  }
+});
+var _default = exports.default = ProfileButton;
+//# sourceMappingURL=ProfileButton.js.map

package/lib/commonjs/ui/components/ProfileButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_components","_MaterialCommunityIcons","_interopRequireDefault","_avatar","Skeleton","_interopRequireWildcard","_typography","_theme","_core","_useAuth","_OxyContext","_useI18n","_accountDialogManager","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isWeb","Platform","OS","BG_TRANSITION_MS","AVATAR_TRANSITION_MS","LEAVE_DELAY_MS","ACTIVE_AVATAR_SCALE","prefersReducedMotion","window","matchMedia","matches","ProfileButton","expanded","avatarSize","onNavigateManage","onAddAccount","onNavigateProfile","menuItems","className","style","user","isAuthenticated","isAuthResolved","isPrivateApiPending","signIn","useAuth","openAccountDialog","oxyServices","useOxy","colors","useTheme","locale","useI18n","hovered","setHovered","useState","focused","setFocused","resolvedAvatarSize","openDialog","useCallback","useEffect","length","undefined","registerAccountDialogConsumerHooks","avatarUrl","useMemo","avatar","getFileDownloadUrl","jsx","View","accessibilityElementsHidden","importantForAccessibility","children","Circle","size","signInLabel","jsxs","Pressable","styles","row","rowExpanded","onPress","accessibilityRole","accessibilityLabel","avatarBadge","width","height","backgroundColor","backgroundSecondary","name","Math","round","color","icon","Text","text","numberOfLines","displayName","getNormalizedUserHandle","getAccountDisplayName","handle","getAccountFallbackHandle","handleLine","avatarNode","Avatar","source","variant","active","accountLabel","webInteractionProps","onHoverIn","onHoverOut","onFocus","onBlur","collapsedBgStyle","transitionProperty","transitionDuration","transitionDelay","collapsedTrigger","reducedMotion","activeAvatarTranslateX","rowStyle","avatarWrapperStyle","zIndex","transform","scale","translateX","identityStyle","marginLeft","fullWidth","identity","textSecondary","StyleSheet","create","flexDirection","alignItems","gap","borderRadius","paddingHorizontal","paddingVertical","justifyContent","flex","fontWeight","minWidth","fontSize","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/ProfileSummaryCard.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _typography = require("@oxyhq/bloom/typography");
+var _avatar = require("@oxyhq/bloom/avatar");
+var _card = require("@oxyhq/bloom/card");
+var _pressableScale = require("@oxyhq/bloom/pressable-scale");
+var _AvatarCameraBadge = _interopRequireDefault(require("./AvatarCameraBadge.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ProfileSummaryCard — the shared "who am I" summary block rendered at the top
+ * of {@link ManageAccountScreen} and {@link EditProfileScreen}.
+ *
+ * A Bloom filled {@link Card} containing a centered {@link Avatar}, the display
+ * name and any number of secondary lines (handle, email, …). When
+ * `onAvatarPress` is supplied the avatar becomes a {@link PressableScale} entry
+ * point (used to open the avatar picker) and can render an optional camera
+ * badge overlay.
+ */
+
+const cardStyle = {
+  borderRadius: 20,
+  marginBottom: 16
+};
+const pressableStyle = {
+  position: 'relative'
+};
+const ProfileSummaryCard = ({
+  displayName,
+  avatarUri,
+  avatarSize = 72,
+  lines,
+  onAvatarPress,
+  showCameraBadge = false,
+  avatarAccessibilityLabel
+}) => {
+  const avatar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.Avatar, {
+    source: avatarUri,
+    name: displayName,
+    size: avatarSize
+  });
+  const avatarNode = onAvatarPress ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_pressableScale.PressableScale, {
+    onPress: onAvatarPress,
+    accessibilityRole: "button",
+    accessibilityLabel: avatarAccessibilityLabel,
+    style: pressableStyle,
+    className: "mb-space-12",
+    children: [avatar, showCameraBadge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarCameraBadge.default, {}) : null]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: "mb-space-12",
+    children: avatar
+  });
+  const subtitleLines = (lines ?? []).filter(line => typeof line === 'string' && line.length > 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.Card, {
+    variant: "filled",
+    style: cardStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "items-center px-space-20 py-space-24",
+      children: [avatarNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H4, {
+        className: "text-text",
+        numberOfLines: 1,
+        children: displayName
+      }), subtitleLines.map((line, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text
+      // Subtitle order is stable within a render; index keys are safe here.
+      , {
+        className: "text-text-secondary text-sm mt-space-2",
+        numberOfLines: 1,
+        children: line
+      }, `${index}-${line}`))]
+    })
+  });
+};
+var _default = exports.default = ProfileSummaryCard;
+//# sourceMappingURL=ProfileSummaryCard.js.map

package/lib/commonjs/ui/components/ProfileSummaryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_typography","_avatar","_card","_pressableScale","_AvatarCameraBadge","_interopRequireDefault","_jsxRuntime","e","__esModule","default","cardStyle","borderRadius","marginBottom","pressableStyle","position","ProfileSummaryCard","displayName","avatarUri","avatarSize","lines","onAvatarPress","showCameraBadge","avatarAccessibilityLabel","avatar","jsx","Avatar","source","name","size","avatarNode","jsxs","PressableScale","onPress","accessibilityRole","accessibilityLabel","style","className","children","View","subtitleLines","filter","line","length","Card","variant","H4","numberOfLines","map","index","Text","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileSummaryCard.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAC,sBAAA,CAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAqBA,MAAMG,SAAoB,GAAG;EACzBC,YAAY,EAAE,EAAE;EAChBC,YAAY,EAAE;AAClB,CAAC;AAED,MAAMC,cAAyB,GAAG;EAC9BC,QAAQ,EAAE;AACd,CAAC;AAED,MAAMC,kBAAqD,GAAGA,CAAC;EAC3DC,WAAW;EACXC,SAAS;EACTC,UAAU,GAAG,EAAE;EACfC,KAAK;EACLC,aAAa;EACbC,eAAe,GAAG,KAAK;EACvBC;AACJ,CAAC,KAAK;EACF,MAAMC,MAAM,gBAAG,IAAAjB,WAAA,CAAAkB,GAAA,EAACvB,OAAA,CAAAwB,MAAM;IAACC,MAAM,EAAET,SAAU;IAACU,IAAI,EAAEX,WAAY;IAACY,IAAI,EAAEV;EAAW,CAAE,CAAC;EAEjF,MAAMW,UAAU,GAAGT,aAAa,gBAC5B,IAAAd,WAAA,CAAAwB,IAAA,EAAC3B,eAAA,CAAA4B,cAAc;IACXC,OAAO,EAAEZ,aAAc;IACvBa,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEZ,wBAAyB;IAC7Ca,KAAK,EAAEtB,cAAe;IACtBuB,SAAS,EAAC,aAAa;IAAAC,QAAA,GAEtBd,MAAM,EACNF,eAAe,gBAAG,IAAAf,WAAA,CAAAkB,GAAA,EAACpB,kBAAA,CAAAK,OAAiB,IAAE,CAAC,GAAG,IAAI;EAAA,CACnC,CAAC,gBAEjB,IAAAH,WAAA,CAAAkB,GAAA,EAAC1B,YAAA,CAAAwC,IAAI;IAACF,SAAS,EAAC,aAAa;IAAAC,QAAA,EAAEd;EAAM,CAAO,CAC/C;EAED,MAAMgB,aAAa,GAAG,CAACpB,KAAK,IAAI,EAAE,EAAEqB,MAAM,CACrCC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,MAAM,GAAG,CACxE,CAAC;EAED,oBACI,IAAApC,WAAA,CAAAkB,GAAA,EAACtB,KAAA,CAAAyC,IAAI;IAACC,OAAO,EAAC,QAAQ;IAACT,KAAK,EAAEzB,SAAU;IAAA2B,QAAA,eACpC,IAAA/B,WAAA,CAAAwB,IAAA,EAAChC,YAAA,CAAAwC,IAAI;MAACF,SAAS,EAAC,sCAAsC;MAAAC,QAAA,GACjDR,UAAU,eACX,IAAAvB,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAA6C,EAAE;QAACT,SAAS,EAAC,WAAW;QAACU,aAAa,EAAE,CAAE;QAAAT,QAAA,EACtCrB;MAAW,CACZ,CAAC,EACJuB,aAAa,CAACQ,GAAG,CAAC,CAACN,IAAI,EAAEO,KAAK,kBAC3B,IAAA1C,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAiD;MACG;MAAA;QAEAb,SAAS,EAAC,wCAAwC;QAClDU,aAAa,EAAE,CAAE;QAAAT,QAAA,EAEhBI;MAAI,GAJA,GAAGO,KAAK,IAAIP,IAAI,EAKnB,CACT,CAAC;IAAA,CACA;EAAC,CACL,CAAC;AAEf,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEaM,kBAAkB","ignoreList":[]}