@oxyhq/services 23.0.2 → 23.0.3

package/lib/module/ui/components/authChooser/AccountsMenuView.js

@@ -0,0 +1,523 @@
+"use strict";
+
+/**
+ * The signed-in Oxy account MENU (`accounts` view) — a Google-account-menu-style
+ * full menu built entirely with NativeWind `className` (the dynamic per-account
+ * accent hex is the one inline style NativeWind cannot express). Structure:
+ *
+ *  - HERO on its own chrome-free block: the current account's large pressable
+ *    avatar (with a camera badge to change the photo), the greeting, the account
+ *    address, and a "Manage your Oxy account" pill.
+ *  - SWITCH ACCOUNT: a disclosure row whose corner animates from pill to card as
+ *    the other switchable accounts + "Add another account" + "Manage accounts on
+ *    this device" reveal beneath it.
+ *  - OXY STORAGE: cloud + used/total + a composition meter + Upgrade / Manage chips.
+ *  - MENU rows: Your data in Oxy · Oxy settings · Help & feedback · Sign out —
+ *    Bloom's grouped section, the same component every other SDK settings surface
+ *    uses, not a local row copy.
+ *  - FOOTER: Privacy Policy · Terms of Service.
+ *
+ * All three blocks share ONE rhythm taken from that grouped section: a 12px
+ * content inset, a 12px gap after the leading element, 16px between blocks, and
+ * a 16px trailing chevron column.
+ *
+ * Collapse state is a plain `useState` toggled in the row's press handler — no
+ * effect hook, no derived-from-props sync.
+ */
+
+import { Fragment, useCallback, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { Extrapolation, interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import { Avatar } from '@oxyhq/bloom/avatar';
+import { AvatarGroup } from '@oxyhq/bloom/avatar-group';
+import { Button } from '@oxyhq/bloom/button';
+import { PressableScale } from '@oxyhq/bloom/pressable-scale';
+import { CompositionBar } from '@oxyhq/bloom/composition-bar';
+import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
+import { Text } from '@oxyhq/bloom/typography';
+import { getNormalizedUserHandle } from '@oxyhq/core';
+import AvatarCameraBadge from "../AvatarCameraBadge.js";
+import { HoverPressable } from "./primitives.js";
+import { authChooserStyles as styles } from "./styles.js";
+import { resolveAccentHex } from "./types.js";
+
+/**
+ * Leading glyph for the rows that live in a Bloom grouped section (the MENU
+ * block) and for the storage card's cloud, which lines its title up with them.
+ * It is Bloom's OWN icon-slot size: `SettingsListItem` reserves a fixed 20px
+ * leading column and Bloom is consumed exactly as it ships, so a menu glyph
+ * larger than this would overhang into the row's title.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ROW_ICON_SIZE = 20;
+/**
+ * The switch card's two corner states. Collapsed it is one row and reads as a
+ * PILL; opened it is a card holding rows, on the same 16px corner the Bloom
+ * grouped section below it uses. Interpolated across the reveal, never snapped.
+ */
+const SWITCH_CARD_PILL_RADIUS = 999;
+const SWITCH_CARD_RADIUS = 16;
+/**
+ * The fraction of the reveal over which the corner resolves. The corner is a
+ * FASTER gesture than the reveal — it has to be finished before the rows read as
+ * rows, or the card still looks like a pill while a list falls out of it — so it
+ * is clamped to the reveal's opening fraction instead of tracking it end to end.
+ * Measured in a browser against the 240ms reveal: the corner reaches its card
+ * value ~120ms in, with the list only ~20% revealed, and (mirrored) the pill is
+ * back ~250ms into the close, with the list already down to ~0.
+ */
+const SWITCH_CARD_RADIUS_SETTLE = 0.2;
+/** Duration of the switch-list reveal. */
+const SWITCH_REVEAL_MS = 240;
+/** Diameter of an account row's avatar in the switch list (own markup). */
+const SWITCH_AVATAR_SIZE = 36;
+/** Glyph inside a bordered affordance badge, sized to the avatar it stands in for. */
+const BADGE_GLYPH_SIZE = 19;
+/** The hero block's large current-account avatar. */
+const HERO_AVATAR_SIZE = 72;
+/** Avatars shown in the switch row's facepile before it collapses into `+N`. */
+const FACEPILE_MAX = 2;
+/** Facepile avatar diameter — one clear step down from a switch-list avatar. */
+const FACEPILE_AVATAR_SIZE = 32;
+/**
+ * Facepile overlap. Well under Bloom's `size / 3` default: the stack draws the
+ * FIRST item on top, so a deep overlap would bury the trailing `+N` chip's own
+ * label under the avatar before it.
+ */
+const FACEPILE_OVERLAP = 4;
+
+/**
+ * The hero's address line, shown under the "Hi, <name>!" greeting: the account's
+ * canonical `@oxy.so` email when it has one, else its normalized `@handle`. Never
+ * synthesizes a `username@oxy.so` address (the identity contract forbids it) — a
+ * non-Oxy or missing email falls back to `getNormalizedUserHandle`.
+ */
+function heroAddressLine(account) {
+  if (account.email?.toLowerCase().endsWith('@oxy.so')) {
+    return account.email;
+  }
+  const handle = getNormalizedUserHandle(account.user);
+  return handle ? `@${handle}` : null;
+}
+
+/**
+ * `bytes` → `"11.6 GB"`. Whole plan sizes read as whole numbers (`"17 GB"`, not
+ * `"17.0 GB"`), and anything ≥ 100 GB drops the decimal entirely.
+ */
+function formatStorageGb(bytes) {
+  const gb = bytes / 1024 ** 3;
+  if (gb >= 100 || Number.isInteger(gb)) return `${Math.round(gb)} GB`;
+  return `${gb.toFixed(1)} GB`;
+}
+const AccountsMenuView = ({
+  snapshot,
+  theme,
+  t,
+  handlers,
+  storage,
+  menu
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  // Measured natural height of the switch list, so the reveal animates to an
+  // exact height (and the content below reflows down smoothly) instead of a
+  // guessed max. The measuring wrapper is style-based, NOT className'd — on
+  // RN-Web `onLayout` never fires for className'd Views (see AGENTS.md).
+  const [listContentHeight, setListContentHeight] = useState(0);
+  // 0 = collapsed, 1 = expanded. Set imperatively in the toggle handler (no
+  // effect hook). On RN-Web there is no worklets plugin, so every shared value a
+  // mapper reads MUST be in its deps array or it freezes on the first frame
+  // (AGENTS.md "Reanimated (web)").
+  const listProgress = useSharedValue(0);
+  const listStyle = useAnimatedStyle(() => ({
+    height: listProgress.value * listContentHeight,
+    opacity: listProgress.value
+  }), [listProgress, listContentHeight]);
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${listProgress.value * 180}deg`
+    }]
+  }), [listProgress]);
+  // Collapsed, the switch card is a single row and reads as a PILL; opened, it
+  // becomes a card holding rows and takes the grouped-section corner. The corner
+  // is driven off the SAME `listProgress` as the reveal — but clamped to its
+  // opening fraction, so it resolves early instead of trailing the rows.
+  const switchCardStyle = useAnimatedStyle(() => ({
+    borderRadius: interpolate(listProgress.value, [0, SWITCH_CARD_RADIUS_SETTLE], [SWITCH_CARD_PILL_RADIUS, SWITCH_CARD_RADIUS], Extrapolation.CLAMP)
+  }), [listProgress]);
+  // `CompositionBar` ships as an interactive breakdown: a selected segment
+  // replaces its hint line with that segment's readout. Tapping the selected one
+  // again clears it.
+  const [storageSegment, setStorageSegment] = useState(null);
+  const toggleStorageSegment = useCallback(key => setStorageSegment(previous => previous === key ? null : key), []);
+  const toggleExpanded = useCallback(() => {
+    const next = !expanded;
+    setExpanded(next);
+    listProgress.value = withTiming(next ? 1 : 0, {
+      duration: SWITCH_REVEAL_MS
+    });
+  }, [expanded, listProgress]);
+  if (snapshot.loading && snapshot.accounts.length === 0) {
+    return /*#__PURE__*/_jsxs(View, {
+      className: "items-center justify-center gap-space-12 py-space-24",
+      children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "loading",
+        size: 24,
+        color: theme.colors.textSecondary
+      }), /*#__PURE__*/_jsx(Text, {
+        className: "text-body text-text-secondary text-center",
+        children: t('accountSwitcher.loading')
+      })]
+    });
+  }
+  const switchingDisabled = snapshot.switchingAccountId !== null;
+  const current = snapshot.accounts.find(account => account.isCurrent) ?? snapshot.accounts[0];
+  const others = current ? snapshot.accounts.filter(account => account.accountId !== current.accountId) : snapshot.accounts;
+  const currentAccent = current ? resolveAccentHex(current.color, theme.colors.primary) : theme.colors.primary;
+  const currentAddress = current ? heroAddressLine(current) : null;
+  // The switch list repeats the CURRENT account (first, ringed) — unlike the old
+  // compact header it is not represented anywhere else once the hero moved out
+  // of the card, and the list is where you switch back to it.
+  const switchableAccounts = current ? [current, ...others] : others;
+  const facepile = switchableAccounts.map(account => ({
+    id: account.accountId,
+    uri: account.avatarUrl ?? undefined,
+    displayName: account.displayName
+  }));
+
+  // Used vs free is a two-part COMPOSITION (the parts always fill the bar), not
+  // a progress value — exactly what Bloom's `CompositionBar` models. Both colors
+  // are theme tokens, so the bar is correct in light and dark.
+  const storageCategories = storage ? [{
+    key: 'used',
+    name: t('accountMenu.storage.used'),
+    amount: storage.usedBytes,
+    color: theme.colors.primary
+  }, {
+    key: 'free',
+    name: t('accountMenu.storage.free'),
+    amount: Math.max(0, storage.limitBytes - storage.usedBytes),
+    color: theme.colors.contrast50
+  }] : [];
+  const usageLabel = storage ? t('accountMenu.storage.usage', {
+    used: formatStorageGb(storage.usedBytes),
+    total: formatStorageGb(storage.limitBytes)
+  }) : t('accountMenu.storage.unavailable');
+
+  // The switch list body, revealed under the "Switch account" row. Own markup,
+  // not a Bloom grouped section: this is not a list of settings rows and the
+  // component is not a card container. It mirrors the section's rhythm by hand —
+  // 12px content inset, 12px after the avatar, a hairline between rows — and
+  // draws those hairlines INSIDE the animated clip, so a collapsed list never
+  // strands one against the header row.
+  const listItems = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [switchableAccounts.map((account, index) => {
+      const accent = resolveAccentHex(account.color, theme.colors.primary);
+      const isSwitching = snapshot.switchingAccountId === account.accountId;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [index > 0 ? /*#__PURE__*/_jsx(View, {
+          className: "h-px bg-border opacity-30 ml-space-12"
+        }) : null, /*#__PURE__*/_jsxs(HoverPressable, {
+          baseClassName: `flex-row items-center gap-space-12 px-space-12 py-[10px]${switchingDisabled ? ' opacity-60' : ''}`,
+          hoverClassName: "bg-fill-secondary",
+          onPress: () => handlers.onSwitch(account.accountId),
+          disabled: switchingDisabled,
+          accessibilityRole: "button",
+          accessibilityLabel: account.displayName,
+          children: [/*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsx(Avatar, {
+              source: account.avatarUrl ?? undefined,
+              variant: "thumb",
+              name: account.displayName,
+              size: SWITCH_AVATAR_SIZE
+            }), account.isCurrent ? /*#__PURE__*/_jsx(View, {
+              style: [styles.currentAvatarRing, {
+                borderColor: accent
+              }],
+              pointerEvents: "none"
+            }) : null]
+          }), /*#__PURE__*/_jsxs(View, {
+            className: "flex-1 min-w-0",
+            children: [/*#__PURE__*/_jsx(Text, {
+              className: "text-body font-semibold text-text",
+              numberOfLines: 1,
+              children: account.displayName
+            }), account.email ? /*#__PURE__*/_jsx(Text, {
+              className: "text-caption text-text-secondary",
+              numberOfLines: 1,
+              children: account.email
+            }) : null]
+          }), isSwitching ? /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "loading",
+            size: 20,
+            color: accent
+          }) : null]
+        })]
+      }, account.accountId);
+    }), /*#__PURE__*/_jsx(View, {
+      className: "h-px bg-border opacity-30 ml-space-12"
+    }), /*#__PURE__*/_jsx(AccountAffordanceRow, {
+      icon: "plus",
+      label: t('accountMenu.addAnother'),
+      onPress: handlers.onAdd,
+      disabled: switchingDisabled,
+      theme: theme
+    }), /*#__PURE__*/_jsx(View, {
+      className: "h-px bg-border opacity-30 ml-space-12"
+    }), /*#__PURE__*/_jsx(AccountAffordanceRow, {
+      icon: "account-multiple-outline",
+      label: t('accountSwitcher.manageOnDevice'),
+      onPress: handlers.onManage,
+      disabled: switchingDisabled,
+      theme: theme
+    })]
+  });
+  const manageLabel = t('accountMenu.manage');
+  const switchLabel = t('accountMenu.switchAccount');
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.hero,
+      children: [current ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(PressableScale, {
+          onPress: handlers.onEditAvatar,
+          accessibilityRole: "button",
+          accessibilityLabel: t('editProfile.changeAvatar'),
+          style: styles.heroAvatarPressable,
+          children: [/*#__PURE__*/_jsx(Avatar, {
+            source: current.avatarUrl ?? undefined,
+            name: current.displayName,
+            size: HERO_AVATAR_SIZE
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.heroAvatarRing, {
+              borderColor: currentAccent
+            }],
+            pointerEvents: "none"
+          }), /*#__PURE__*/_jsx(AvatarCameraBadge, {})]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.heroNameBlock,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.heroGreeting, {
+              color: theme.colors.text
+            }],
+            numberOfLines: 2,
+            children: t('accountMenu.greeting', {
+              name: current.displayName
+            })
+          }), currentAddress ? /*#__PURE__*/_jsx(Text, {
+            style: [styles.heroAddress, {
+              color: theme.colors.textSecondary
+            }],
+            numberOfLines: 1,
+            children: currentAddress
+          }) : null]
+        })]
+      }) : null, /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        size: "small",
+        onPress: handlers.onManage,
+        accessibilityLabel: manageLabel,
+        children: manageLabel
+      })]
+    }), /*#__PURE__*/_jsxs(Animated.View, {
+      className: "bg-fill overflow-hidden mb-space-16",
+      style: switchCardStyle,
+      children: [/*#__PURE__*/_jsxs(HoverPressable, {
+        baseClassName: `flex-row items-center gap-space-12 px-space-12 py-[10px] min-h-[44px]${switchingDisabled ? ' opacity-60' : ''}`,
+        hoverClassName: "bg-fill-secondary",
+        onPress: toggleExpanded,
+        disabled: switchingDisabled,
+        accessibilityRole: "button"
+        // The ARIA prop, not `accessibilityState`: react-native-web 0.21
+        // forwards only this one, and RN maps it to
+        // `accessibilityState.expanded` natively — so the disclosure state
+        // reaches assistive tech on BOTH platforms.
+        ,
+        "aria-expanded": expanded,
+        accessibilityLabel: switchLabel,
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "flex-1 text-body text-text",
+          numberOfLines: 1,
+          children: switchLabel
+        }), expanded ? null : /*#__PURE__*/_jsx(AvatarGroup, {
+          items: facepile,
+          layout: "stack",
+          size: FACEPILE_AVATAR_SIZE,
+          max: FACEPILE_MAX,
+          overlap: FACEPILE_OVERLAP,
+          variant: "thumb",
+          showInitials: true,
+          ringColor: theme.colors.card
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.chevronCircle, {
+            backgroundColor: theme.colors.contrast50
+          }],
+          children: /*#__PURE__*/_jsx(Animated.View, {
+            style: chevronStyle,
+            children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+              name: "chevron-down",
+              size: 20,
+              color: theme.colors.text
+            })
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.collapse, listStyle],
+        pointerEvents: expanded ? 'auto' : 'none',
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.collapseMeasure,
+          onLayout: event => setListContentHeight(event.nativeEvent.layout.height),
+          children: /*#__PURE__*/_jsx(View, {
+            children: listItems
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "bg-fill rounded-[16px] overflow-hidden mb-space-16 px-space-12 py-[10px] gap-space-12",
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center gap-space-12 min-h-[24px]",
+        children: [/*#__PURE__*/_jsx(View, {
+          className: "w-[20px] items-center",
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "cloud-outline",
+            size: ROW_ICON_SIZE,
+            color: theme.colors.textSecondary
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "flex-1 text-body font-semibold text-text",
+          numberOfLines: 1,
+          children: t('accountMenu.storage.title')
+        })]
+      }), /*#__PURE__*/_jsx(CompositionBar, {
+        categories: storageCategories,
+        selectedKey: storageSegment,
+        onSelect: toggleStorageSegment,
+        hintLabel: usageLabel,
+        formatReadout: (bytes, percent) => `${formatStorageGb(bytes)} · ${percent}%`
+      }), /*#__PURE__*/_jsxs(View, {
+        className: "flex-row gap-space-8",
+        children: [/*#__PURE__*/_jsx(StorageChip, {
+          label: t('accountMenu.storage.upgrade'),
+          onPress: menu.onUpgradeStorage
+        }), /*#__PURE__*/_jsx(StorageChip, {
+          label: t('accountMenu.storage.manage'),
+          onPress: menu.onManageStorage
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+      children: [/*#__PURE__*/_jsx(SettingsListItem, {
+        icon: /*#__PURE__*/_jsx(MenuIcon, {
+          name: "tray-arrow-down",
+          theme: theme
+        }),
+        title: t('accountMenu.data'),
+        onPress: menu.onOpenData
+      }), /*#__PURE__*/_jsx(SettingsListItem, {
+        icon: /*#__PURE__*/_jsx(MenuIcon, {
+          name: "cog-outline",
+          theme: theme
+        }),
+        title: t('accountMenu.settings'),
+        onPress: menu.onOpenSettings
+      }), /*#__PURE__*/_jsx(SettingsListItem, {
+        icon: /*#__PURE__*/_jsx(MenuIcon, {
+          name: "help-circle-outline",
+          theme: theme
+        }),
+        title: t('accountMenu.help'),
+        onPress: menu.onHelp
+      }), /*#__PURE__*/_jsx(SettingsListItem, {
+        icon: /*#__PURE__*/_jsx(MenuIcon, {
+          name: "logout",
+          theme: theme
+        }),
+        title: t('accountMenu.signOut'),
+        onPress: menu.onSignOut,
+        showChevron: false
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "flex-row items-center justify-center gap-space-12 px-space-12 pb-space-8",
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: menu.onPrivacy,
+        accessibilityRole: "link",
+        children: /*#__PURE__*/_jsx(Text, {
+          className: "text-bodySmall text-text-secondary",
+          children: t('accountMenu.privacy')
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        className: "text-bodySmall text-text-tertiary",
+        children: "\xB7"
+      }), /*#__PURE__*/_jsx(Pressable, {
+        onPress: menu.onTerms,
+        accessibilityRole: "link",
+        children: /*#__PURE__*/_jsx(Text, {
+          className: "text-bodySmall text-text-secondary",
+          children: t('accountMenu.terms')
+        })
+      })]
+    })]
+  });
+};
+
+/**
+ * An account-list AFFORDANCE row ("Add another account", "Manage accounts on
+ * this device") — a bordered circle sized to the avatar it stands in for, so its
+ * label lands on the same line as every account name above it. Own markup, like
+ * the account rows it closes: this list is not a Bloom grouped section.
+ */
+const AccountAffordanceRow = ({
+  icon,
+  label,
+  onPress,
+  disabled,
+  theme
+}) => /*#__PURE__*/_jsxs(HoverPressable, {
+  baseClassName: `flex-row items-center gap-space-12 px-space-12 py-[10px]${disabled ? ' opacity-60' : ''}`,
+  hoverClassName: "bg-fill-secondary",
+  onPress: onPress,
+  disabled: disabled,
+  accessibilityRole: "button",
+  accessibilityLabel: label,
+  children: [/*#__PURE__*/_jsx(View, {
+    className: "w-[36px] h-[36px] items-center justify-center rounded-radius-max border border-border",
+    children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+      name: icon,
+      size: BADGE_GLYPH_SIZE,
+      color: theme.colors.textSecondary
+    })
+  }), /*#__PURE__*/_jsx(Text, {
+    className: "flex-1 text-body font-semibold text-text",
+    numberOfLines: 1,
+    children: label
+  })]
+});
+
+/**
+ * The leading glyph for a grouped-section menu row, sized to Bloom's 20px icon
+ * column so the icons, the storage block's cloud and every row title align.
+ */
+const MenuIcon = ({
+  name,
+  theme
+}) => /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+  name: name,
+  size: ROW_ICON_SIZE,
+  color: theme.colors.textSecondary
+});
+
+/** A storage action chip — a bordered pill on the sheet background. */
+const StorageChip = ({
+  label,
+  onPress
+}) => /*#__PURE__*/_jsx(HoverPressable, {
+  baseClassName: "rounded-radius-max border border-border bg-bg py-[9px] px-[14px]",
+  hoverClassName: "bg-fill-secondary",
+  onPress: onPress,
+  accessibilityRole: "button",
+  accessibilityLabel: label,
+  children: /*#__PURE__*/_jsx(Text, {
+    className: "text-bodySmall font-semibold text-text",
+    children: label
+  })
+});
+export default AccountsMenuView;
+//# sourceMappingURL=AccountsMenuView.js.map

package/lib/module/ui/components/authChooser/AccountsMenuView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","useCallback","useState","Pressable","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useSharedValue","withTiming","MaterialCommunityIcons","Avatar","AvatarGroup","Button","PressableScale","CompositionBar","SettingsListGroup","SettingsListItem","Text","getNormalizedUserHandle","AvatarCameraBadge","HoverPressable","authChooserStyles","styles","resolveAccentHex","jsx","_jsx","jsxs","_jsxs","_Fragment","ROW_ICON_SIZE","SWITCH_CARD_PILL_RADIUS","SWITCH_CARD_RADIUS","SWITCH_CARD_RADIUS_SETTLE","SWITCH_REVEAL_MS","SWITCH_AVATAR_SIZE","BADGE_GLYPH_SIZE","HERO_AVATAR_SIZE","FACEPILE_MAX","FACEPILE_AVATAR_SIZE","FACEPILE_OVERLAP","heroAddressLine","account","email","toLowerCase","endsWith","handle","user","formatStorageGb","bytes","gb","Number","isInteger","Math","round","toFixed","AccountsMenuView","snapshot","theme","t","handlers","storage","menu","expanded","setExpanded","listContentHeight","setListContentHeight","listProgress","listStyle","height","value","opacity","chevronStyle","transform","rotate","switchCardStyle","borderRadius","CLAMP","storageSegment","setStorageSegment","toggleStorageSegment","key","previous","toggleExpanded","next","duration","loading","accounts","length","className","children","name","size","color","colors","textSecondary","switchingDisabled","switchingAccountId","current","find","isCurrent","others","filter","accountId","currentAccent","primary","currentAddress","switchableAccounts","facepile","map","id","uri","avatarUrl","undefined","displayName","storageCategories","amount","usedBytes","max","limitBytes","contrast50","usageLabel","used","total","listItems","index","accent","isSwitching","baseClassName","hoverClassName","onPress","onSwitch","disabled","accessibilityRole","accessibilityLabel","source","variant","style","currentAvatarRing","borderColor","pointerEvents","numberOfLines","AccountAffordanceRow","icon","label","onAdd","onManage","manageLabel","switchLabel","hero","onEditAvatar","heroAvatarPressable","heroAvatarRing","heroNameBlock","heroGreeting","text","heroAddress","items","layout","overlap","showInitials","ringColor","card","chevronCircle","backgroundColor","collapse","collapseMeasure","onLayout","event","nativeEvent","categories","selectedKey","onSelect","hintLabel","formatReadout","percent","StorageChip","onUpgradeStorage","onManageStorage","MenuIcon","title","onOpenData","onOpenSettings","onHelp","onSignOut","showChevron","onPrivacy","onTerms"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/AccountsMenuView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/authChooser/SignInEntryView.js

@@ -0,0 +1,85 @@
+"use strict";
+
+/**
+ * The sign-in ENTRY (`signin` / `add` views) — ONE primary action.
+ *
+ * Issue #691, Phase 5: the normal experience presents no menu of authentication
+ * methods. The user sees "Continue with Oxy"; Oxy — not the user — then picks
+ * how the request reaches their Commons identity, and the request surface shows
+ * honest progress. Everything else (a QR from another device, a passkey on this
+ * device, getting Commons, creating an account) lives behind "Having trouble?".
+ *
+ * Existing accounts still render ABOVE the CTA: "continue as one of these" is a
+ * choice of WHO, not of HOW, so it is not one of the competing method buttons
+ * the issue removes.
+ *
+ * On web this view is transient — the container auto-starts the flow the instant
+ * the view is reached, because the request surface (QR, or "Check Commons on
+ * your phone") IS the primary route there, never something behind a tap.
+ */
+
+import { View } from 'react-native';
+import { Button } from '@oxyhq/bloom/button';
+import TroubleDisclosure from "./TroubleDisclosure.js";
+import { AccountRow, Dividerish, SubtleLink } from "./primitives.js";
+import { authChooserStyles as styles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SignInEntryView = ({
+  snapshot,
+  theme,
+  t,
+  handlers,
+  onContinueWithOxy,
+  alternatives
+}) => {
+  // The entry has no chosen route yet, so nothing here can have failed: the
+  // alternatives stay behind the disclosure unconditionally.
+  const troubleActions = [{
+    key: 'scan-qr-link',
+    label: t('accountSwitcher.scanQr'),
+    onPress: alternatives.onShowQr
+  }, ...(alternatives.passkeyAvailable ? [{
+    key: 'passkey-signin-link',
+    label: alternatives.passkeyPending ? t('accountSwitcher.passkeySigningIn') : t('accountSwitcher.useIdentityOnDevice'),
+    onPress: alternatives.onSignInWithPasskey,
+    disabled: alternatives.passkeyPending
+  }] : []), {
+    key: 'get-commons-link',
+    label: t('accountSwitcher.getCommons'),
+    onPress: alternatives.onGetCommons
+  }];
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.signInBlock,
+    children: [snapshot.accounts.length > 0 ? /*#__PURE__*/_jsxs(View, {
+      style: styles.rows,
+      children: [snapshot.accounts.map(account => /*#__PURE__*/_jsx(AccountRow, {
+        account: account,
+        theme: theme,
+        switching: snapshot.switchingAccountId === account.accountId,
+        disabled: snapshot.switchingAccountId !== null,
+        onPress: () => handlers.onSwitch(account.accountId)
+      }, account.accountId)), /*#__PURE__*/_jsx(Dividerish, {
+        theme: theme,
+        label: t('signin.or')
+      })]
+    }) : null, /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      onPress: onContinueWithOxy,
+      style: styles.primaryButton,
+      testID: "continue-with-oxy",
+      children: t('accountSwitcher.continueWithOxy')
+    }), /*#__PURE__*/_jsx(SubtleLink, {
+      label: t('signin.createAccountLink'),
+      theme: theme,
+      onPress: alternatives.onCreateAccount,
+      testID: "create-account-link"
+    }), /*#__PURE__*/_jsx(TroubleDisclosure, {
+      actions: troubleActions,
+      revealed: false,
+      theme: theme,
+      t: t
+    })]
+  });
+};
+export default SignInEntryView;
+//# sourceMappingURL=SignInEntryView.js.map

package/lib/module/ui/components/authChooser/SignInEntryView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","TroubleDisclosure","AccountRow","Dividerish","SubtleLink","authChooserStyles","styles","jsx","_jsx","jsxs","_jsxs","SignInEntryView","snapshot","theme","t","handlers","onContinueWithOxy","alternatives","troubleActions","key","label","onPress","onShowQr","passkeyAvailable","passkeyPending","onSignInWithPasskey","disabled","onGetCommons","style","signInBlock","children","accounts","length","rows","map","account","switching","switchingAccountId","accountId","onSwitch","variant","primaryButton","testID","onCreateAccount","actions","revealed"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/SignInEntryView.tsx"],"mappings":"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","ignoreList":[]}