@oxyhq/services 30.0.0 → 30.1.0

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

@@ -0,0 +1,176 @@
+"use strict";
+
+/**
+ * The small presentational building blocks shared across the auth chooser's
+ * views. One responsibility each, no controller access, no side effects — they
+ * take props and render.
+ */
+
+import { useState } from 'react';
+import { Pressable, View } from 'react-native-css/components';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import { Avatar } from '@oxyhq/bloom/avatar';
+import { BloomColorScope } from '@oxyhq/bloom/theme';
+import { Text } from '@oxyhq/bloom/typography';
+import { authChooserStyles as styles } from "./styles.js";
+import { resolveAccentHex, toPreset } from "./types.js";
+
+/** Diameter of a row avatar (the sign-in view's account rows). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ROW_AVATAR_SIZE = 40;
+/**
+ * A `Pressable` that appends a hover-tint NativeWind token while pointer-hovered.
+ * The Metro web pipeline here does NOT emit NativeWind `hover:` variants, so hover
+ * is driven by RN's cross-platform `onHoverIn`/`onHoverOut` (they fire only on web
+ * via react-native-web; a no-op on native) toggling a plain background token —
+ * the tint stays a NativeWind class, only the trigger is JS.
+ */
+export const HoverPressable = ({
+  baseClassName,
+  hoverClassName,
+  ...rest
+}) => {
+  const [hovered, setHovered] = useState(false);
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...rest,
+    className: hovered ? `${baseClassName} ${hoverClassName}` : baseClassName,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false)
+  });
+};
+
+/**
+ * A SUBORDINATE action: a small centred text link, never a button.
+ *
+ * This is the single visual grammar for everything that is not the surface's one
+ * primary action (issue #691) — the sign-up entry, and every alternative revealed
+ * behind "Having trouble?". Keeping them all on one component is what stops an
+ * alternative from quietly growing into a co-equal button again.
+ */
+export const SubtleLink = ({
+  label,
+  theme,
+  onPress,
+  disabled,
+  testID
+}) => /*#__PURE__*/_jsx(Pressable, {
+  onPress: onPress,
+  disabled: disabled,
+  accessibilityRole: "button",
+  accessibilityLabel: label,
+  style: styles.footerLink,
+  testID: testID,
+  children: /*#__PURE__*/_jsx(Text, {
+    style: [styles.linkText, {
+      color: theme.colors.textSecondary
+    }],
+    children: label
+  })
+});
+
+/** A labelled hairline separating two blocks ("or"). */
+export const Dividerish = ({
+  theme,
+  label
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.dividerRow,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: [styles.dividerLine, {
+      backgroundColor: theme.colors.border
+    }]
+  }), /*#__PURE__*/_jsx(Text, {
+    style: [styles.dividerText, {
+      color: theme.colors.textSecondary
+    }],
+    children: label
+  }), /*#__PURE__*/_jsx(View, {
+    style: [styles.dividerLine, {
+      backgroundColor: theme.colors.border
+    }]
+  })]
+});
+
+/**
+ * A `principal acting as account` row on the sign-in entry — "continue as one of
+ * these" rather than a choice of authentication METHOD, which is why it stays
+ * above the primary CTA instead of behind the trouble disclosure.
+ *
+ * Pressing it activates the PAIR. The secondary line is the account's `@handle`:
+ * the device directory carries a handle and no email, deliberately — it is the
+ * minimum that renders a row for every person on the device, and this surface is
+ * reached while signed out, where fetching anyone's profile is not an option.
+ *
+ * The accent comes from the row's OWN account (`context.color`, straight off the
+ * directory), not from the theme and not from whoever is signed in. This surface
+ * is where a device holding two people is most visible, and it is reached while
+ * signed out — so there is no "current user" whose colour could stand in.
+ */
+export const AccountRow = ({
+  context,
+  operatedBy,
+  theme,
+  activating,
+  disabled,
+  onPress
+}) => {
+  const accent = resolveAccentHex(context.color, theme.colors.primary);
+  const rowDisabled = disabled || !context.canActivate;
+  const secondary = operatedBy ?? (context.handle ? `@${context.handle}` : null);
+  return /*#__PURE__*/_jsx(BloomColorScope, {
+    colorPreset: toPreset(context.color),
+    asChild: true,
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.accountRow, {
+        borderColor: context.isActive ? accent : theme.colors.border,
+        backgroundColor: theme.colors.card
+      }, rowDisabled && !activating ? styles.rowDisabled : null],
+      onPress: onPress,
+      disabled: rowDisabled,
+      accessibilityRole: "button",
+      accessibilityState: {
+        selected: context.isActive,
+        disabled: rowDisabled
+      },
+      accessibilityLabel: context.displayName,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.avatarRing, {
+          borderColor: context.isActive ? accent : 'transparent'
+        }],
+        children: /*#__PURE__*/_jsx(Avatar, {
+          source: context.avatarUrl ?? undefined,
+          variant: "thumb",
+          name: context.displayName,
+          size: ROW_AVATAR_SIZE
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.rowMeta,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.rowName, {
+            color: theme.colors.text
+          }],
+          numberOfLines: 1,
+          children: context.displayName
+        }), secondary ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.rowHandle, {
+            color: theme.colors.textSecondary
+          }],
+          numberOfLines: 1,
+          children: secondary
+        }) : null]
+      }), activating ? /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "loading",
+        size: 20,
+        color: accent
+      }) : context.isActive ? /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "check-circle",
+        size: 20,
+        color: accent
+      }) : /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "chevron-right",
+        size: 20,
+        color: theme.colors.textSecondary
+      })]
+    })
+  });
+};
+//# sourceMappingURL=primitives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Pressable","View","MaterialCommunityIcons","Avatar","BloomColorScope","Text","authChooserStyles","styles","resolveAccentHex","toPreset","jsx","_jsx","jsxs","_jsxs","ROW_AVATAR_SIZE","HoverPressable","baseClassName","hoverClassName","rest","hovered","setHovered","className","onHoverIn","onHoverOut","SubtleLink","label","theme","onPress","disabled","testID","accessibilityRole","accessibilityLabel","style","footerLink","children","linkText","color","colors","textSecondary","Dividerish","dividerRow","dividerLine","backgroundColor","border","dividerText","AccountRow","context","operatedBy","activating","accent","primary","rowDisabled","canActivate","secondary","handle","colorPreset","asChild","accountRow","borderColor","isActive","card","accessibilityState","selected","displayName","avatarRing","source","avatarUrl","undefined","variant","name","size","rowMeta","rowName","text","numberOfLines","rowHandle"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/primitives.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,151 @@
+"use strict";
+
+/**
+ * The PRIMARY visual of an active "Sign in with Oxy" request — one surface per
+ * route, chosen by {@link RequestPrimarySurface} from the controller's own facts.
+ *
+ * Each is a leading visual and nothing else: the status sentence underneath is
+ * owned by `signInProgressLabel`, and the alternatives by `TroubleDisclosure`.
+ * That separation is what keeps exactly one primary action on screen (issue
+ * #691) — a surface here can never grow a competing button.
+ *
+ * Anti-phishing: the QR plate encodes `signIn.qrPayload` and renders NOTHING
+ * derived from it. Application identity, origin, and scopes are resolved
+ * server-side by the approver (Commons), never read out of the payload here.
+ */
+
+import { ActivityIndicator, View } from 'react-native';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import QRCode from 'react-native-qrcode-svg';
+import { Button } from '@oxyhq/bloom/button';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { Text } from '@oxyhq/bloom/typography';
+import { authChooserStyles as styles } from "./styles.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/** High-contrast QR colors — intentionally fixed (NOT themed) for scan reliability. */
+const QR_PLATE_BG = '#FFFFFF';
+const QR_FOREGROUND = '#000000';
+const QR_SIZE = 196;
+/** The leading route glyph, sized to sit where the QR plate otherwise would. */
+const ROUTE_GLYPH_SIZE = 44;
+
+/**
+ * The indeterminate leading visual: the request exists but has nothing to show yet.
+ * Uses RN's ActivityIndicator — `@oxyhq/bloom/loading` can tree-shake to `undefined`
+ * in rolldown-vite production bundles when co-imported with `@oxyhq/bloom/button`
+ * (auth.oxy.so/authorize blank screen, React #130).
+ */
+export const PreparingSurface = () => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: "large",
+    color: theme.colors.primary
+  });
+};
+
+/** The leading glyph for a route whose surface is elsewhere (the phone, Commons). */
+export const RouteGlyph = ({
+  name,
+  color
+}) => /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+  name: name,
+  size: ROUTE_GLYPH_SIZE,
+  color: color
+});
+
+/** The cross-device handoff: a headline over the fixed-contrast QR plate. */
+export const QrPlate = ({
+  payload,
+  theme,
+  t
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(Text, {
+    style: [styles.qrHeadline, {
+      color: theme.colors.text
+    }],
+    children: t('accountSwitcher.qrHeadline')
+  }), /*#__PURE__*/_jsx(View, {
+    style: styles.qrPlate,
+    children: /*#__PURE__*/_jsx(QRCode, {
+      value: payload,
+      size: QR_SIZE,
+      backgroundColor: QR_PLATE_BG,
+      color: QR_FOREGROUND
+    })
+  })]
+});
+
+/**
+ * The acquisition surface. For someone with no Commons at all this is the
+ * GENUINE primary route, not a fallback — a same-device QR they would have to
+ * scan with the very screen showing it is a dead end — so it renders as the
+ * surface's one primary action.
+ */
+export const GetCommonsPrompt = ({
+  theme,
+  t,
+  onGetCommons
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(Text, {
+    style: [styles.mutedText, {
+      color: theme.colors.textSecondary
+    }],
+    children: t('accountSwitcher.commonsNotInstalled')
+  }), /*#__PURE__*/_jsx(Button, {
+    variant: "primary",
+    onPress: onGetCommons,
+    style: styles.primaryButton,
+    testID: "get-commons-button",
+    children: t('accountSwitcher.getCommons')
+  })]
+});
+
+/**
+ * The one primary visual for the request's current state.
+ *
+ * Ordered most-terminal-first, so a late-arriving route can never pull the
+ * surface back from "confirming" to a QR the user has already scanned. Every
+ * branch reads only the facts it is handed — there is no local timeline, and no
+ * dependency on WHICH kind of request produced them (the account dialog's device
+ * flow and the IdP's OAuth-bound lane both resolve the same three).
+ */
+export const RequestPrimarySurface = ({
+  route,
+  progress,
+  qrPayload,
+  theme,
+  t
+}) => {
+  if (progress === 'identity-confirmed') {
+    return /*#__PURE__*/_jsx(RouteGlyph, {
+      name: "check-circle",
+      color: theme.colors.success
+    });
+  }
+  if (progress === 'confirming-identity') {
+    return /*#__PURE__*/_jsx(PreparingSurface, {});
+  }
+  if (route === 'qr' && qrPayload) {
+    return /*#__PURE__*/_jsx(QrPlate, {
+      payload: qrPayload,
+      theme: theme,
+      t: t
+    });
+  }
+  if (route === 'await-push') {
+    return /*#__PURE__*/_jsx(RouteGlyph, {
+      name: "cellphone-message",
+      color: theme.colors.primary
+    });
+  }
+  if (route === 'open-commons') {
+    return /*#__PURE__*/_jsx(RouteGlyph, {
+      name: "open-in-app",
+      color: theme.colors.primary
+    });
+  }
+  // No route resolved yet (or a route with no payload to render): the request is
+  // being prepared. Honest, and the only state that is not route-specific.
+  return /*#__PURE__*/_jsx(PreparingSurface, {});
+};
+//# sourceMappingURL=requestSurfaces.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","View","MaterialCommunityIcons","QRCode","Button","useTheme","Text","authChooserStyles","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","QR_PLATE_BG","QR_FOREGROUND","QR_SIZE","ROUTE_GLYPH_SIZE","PreparingSurface","theme","size","color","colors","primary","RouteGlyph","name","QrPlate","payload","t","children","style","qrHeadline","text","qrPlate","value","backgroundColor","GetCommonsPrompt","onGetCommons","mutedText","textSecondary","variant","onPress","primaryButton","testID","RequestPrimarySurface","route","progress","qrPayload","success"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/requestSurfaces.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AACtD,OAAOC,sBAAsB,MAAM,2CAA2C;AAC9E,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,IAAI,QAAQ,yBAAyB;AAE9C,SAASC,iBAAiB,IAAIC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvD;AACA,MAAMC,WAAW,GAAG,SAAS;AAC7B,MAAMC,aAAa,GAAG,SAAS;AAC/B,MAAMC,OAAO,GAAG,GAAG;AACnB;AACA,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAA0B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,oBAAOK,IAAA,CAACV,iBAAiB;IAACqB,IAAI,EAAC,OAAO;IAACC,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC;EAAQ,CAAE,CAAC;AACxE,CAAC;;AAED;AACA,OAAO,MAAMC,UAGX,GAAGA,CAAC;EAAEC,IAAI;EAAEJ;AAAM,CAAC,kBACnBZ,IAAA,CAACR,sBAAsB;EAACwB,IAAI,EAAEA,IAAK;EAACL,IAAI,EAAEH,gBAAiB;EAACI,KAAK,EAAEA;AAAM,CAAE,CAC5E;;AAED;AACA,OAAO,MAAMK,OAAkE,GAAGA,CAAC;EACjFC,OAAO;EACPR,KAAK;EACLS;AACF,CAAC,kBACCf,KAAA,CAAAF,SAAA;EAAAkB,QAAA,gBACEpB,IAAA,CAACJ,IAAI;IAACyB,KAAK,EAAE,CAACvB,MAAM,CAACwB,UAAU,EAAE;MAAEV,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACU;IAAK,CAAC,CAAE;IAAAH,QAAA,EAC5DD,CAAC,CAAC,4BAA4B;EAAC,CAC5B,CAAC,eACPnB,IAAA,CAACT,IAAI;IAAC8B,KAAK,EAAEvB,MAAM,CAAC0B,OAAQ;IAAAJ,QAAA,eAC1BpB,IAAA,CAACP,MAAM;MAACgC,KAAK,EAAEP,OAAQ;MAACP,IAAI,EAAEJ,OAAQ;MAACmB,eAAe,EAAErB,WAAY;MAACO,KAAK,EAAEN;IAAc,CAAE;EAAC,CACzF,CAAC;AAAA,CACP,CACH;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMqB,gBAIX,GAAGA,CAAC;EAAEjB,KAAK;EAAES,CAAC;EAAES;AAAa,CAAC,kBAC9BxB,KAAA,CAAAF,SAAA;EAAAkB,QAAA,gBACEpB,IAAA,CAACJ,IAAI;IAACyB,KAAK,EAAE,CAACvB,MAAM,CAAC+B,SAAS,EAAE;MAAEjB,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACiB;IAAc,CAAC,CAAE;IAAAV,QAAA,EACpED,CAAC,CAAC,qCAAqC;EAAC,CACrC,CAAC,eACPnB,IAAA,CAACN,MAAM;IACLqC,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEJ,YAAa;IACtBP,KAAK,EAAEvB,MAAM,CAACmC,aAAc;IAC5BC,MAAM,EAAC,oBAAoB;IAAAd,QAAA,EAE1BD,CAAC,CAAC,4BAA4B;EAAC,CAC1B,CAAC;AAAA,CACT,CACH;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMgB,qBAMX,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAE5B,KAAK;EAAES;AAAE,CAAC,KAAK;EACjD,IAAIkB,QAAQ,KAAK,oBAAoB,EAAE;IACrC,oBAAOrC,IAAA,CAACe,UAAU;MAACC,IAAI,EAAC,cAAc;MAACJ,KAAK,EAAEF,KAAK,CAACG,MAAM,CAAC0B;IAAQ,CAAE,CAAC;EACxE;EACA,IAAIF,QAAQ,KAAK,qBAAqB,EAAE;IACtC,oBAAOrC,IAAA,CAACS,gBAAgB,IAAE,CAAC;EAC7B;EACA,IAAI2B,KAAK,KAAK,IAAI,IAAIE,SAAS,EAAE;IAC/B,oBAAOtC,IAAA,CAACiB,OAAO;MAACC,OAAO,EAAEoB,SAAU;MAAC5B,KAAK,EAAEA,KAAM;MAACS,CAAC,EAAEA;IAAE,CAAE,CAAC;EAC5D;EACA,IAAIiB,KAAK,KAAK,YAAY,EAAE;IAC1B,oBAAOpC,IAAA,CAACe,UAAU;MAACC,IAAI,EAAC,mBAAmB;MAACJ,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC;IAAQ,CAAE,CAAC;EAC7E;EACA,IAAIsB,KAAK,KAAK,cAAc,EAAE;IAC5B,oBAAOpC,IAAA,CAACe,UAAU;MAACC,IAAI,EAAC,aAAa;MAACJ,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC;IAAQ,CAAE,CAAC;EACvE;EACA;EACA;EACA,oBAAOd,IAAA,CAACS,gBAAgB,IAAE,CAAC;AAC7B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+/**
+ * The sign-in status line's copy (issue #691, Phase 5).
+ *
+ * One responsibility: map the controller's DERIVED `signIn.progress` — plus the
+ * chosen route, which only disambiguates the generic waiting step — onto a
+ * sentence. Pure and total, with no clock and no state of its own: the line can
+ * therefore only advance when the controller observed a real signal, never on a
+ * timer and never optimistically.
+ *
+ * The ladder the user sees:
+ *
+ *     Preparing request
+ *     Check Commons on your phone
+ *     Opened in Commons
+ *     Confirming identity
+ *     Identity confirmed
+ */
+
+/**
+ * The status sentence for the active request, or `null` when there is nothing
+ * honest to say (no live request, or a terminal error — which is toasted, never
+ * rendered inline).
+ */
+export function signInProgressLabel(progress, route, t) {
+  switch (progress) {
+    case 'idle':
+      return null;
+    case 'preparing':
+      return t('accountSwitcher.progress.preparing');
+    case 'awaiting-approval':
+      // The only step whose copy depends on the route: waiting means something
+      // different when the user is holding a QR than when Commons was opened
+      // for them. `await-push` never reaches here — a chosen push route is
+      // itself a confirmed dispatch, so it derives to `delivered-to-commons`.
+      if (route === 'qr') return t('accountSwitcher.progress.scanWithCommons');
+      if (route === 'open-commons') return t('accountSwitcher.progress.continueInCommons');
+      return t('accountSwitcher.progress.awaitingApproval');
+    case 'delivered-to-commons':
+      return t('accountSwitcher.progress.checkCommons');
+    case 'opened-in-commons':
+      return t('accountSwitcher.progress.openedInCommons');
+    case 'confirming-identity':
+      return t('accountSwitcher.progress.confirming');
+    case 'identity-confirmed':
+      return t('accountSwitcher.progress.confirmed');
+    default:
+      {
+        const _exhaustive = progress;
+        return _exhaustive;
+      }
+  }
+}
+//# sourceMappingURL=signInProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["signInProgressLabel","progress","route","t","_exhaustive"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/signInProgress.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,mBAAmBA,CACjCC,QAAwB,EACxBC,KAAkC,EAClCC,CAAY,EACG;EACf,QAAQF,QAAQ;IACd,KAAK,MAAM;MACT,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAOE,CAAC,CAAC,oCAAoC,CAAC;IAChD,KAAK,mBAAmB;MACtB;MACA;MACA;MACA;MACA,IAAID,KAAK,KAAK,IAAI,EAAE,OAAOC,CAAC,CAAC,0CAA0C,CAAC;MACxE,IAAID,KAAK,KAAK,cAAc,EAAE,OAAOC,CAAC,CAAC,4CAA4C,CAAC;MACpF,OAAOA,CAAC,CAAC,2CAA2C,CAAC;IACvD,KAAK,sBAAsB;MACzB,OAAOA,CAAC,CAAC,uCAAuC,CAAC;IACnD,KAAK,mBAAmB;MACtB,OAAOA,CAAC,CAAC,0CAA0C,CAAC;IACtD,KAAK,qBAAqB;MACxB,OAAOA,CAAC,CAAC,qCAAqC,CAAC;IACjD,KAAK,oBAAoB;MACvB,OAAOA,CAAC,CAAC,oCAAoC,CAAC;IAChD;MAAS;QACP,MAAMC,WAAkB,GAAGH,QAAQ;QACnC,OAAOG,WAAW;MACpB;EACF;AACF","ignoreList":[]}

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

@@ -0,0 +1,216 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+
+/** High-contrast QR plate background — kept in sync with `OxyAuthChooser`'s QR colors. */
+const QR_PLATE_BG = '#FFFFFF';
+
+/**
+ * Shared styles for `OxyAuthChooser`'s views. Extracted from `OxyAccountDialogScreen`
+ * so both the Dialog-wrapped host and any bare host (e.g. a future
+ * auth.oxy.so hub page) render identically without duplicating a StyleSheet.
+ *
+ * Only what NativeWind cannot express lives here: the animated collapse, the
+ * fixed-contrast QR plate, per-account accent rings, and the small subordinate
+ * text-link rhythm every view's fallback affordances share.
+ */
+export const authChooserStyles = StyleSheet.create({
+  rows: {
+    width: '100%',
+    gap: 8
+  },
+  accountRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 16,
+    paddingVertical: 10,
+    paddingHorizontal: 12
+  },
+  rowDisabled: {
+    opacity: 0.6
+  },
+  avatarRing: {
+    borderRadius: 9999,
+    borderWidth: 2,
+    padding: 1
+  },
+  rowMeta: {
+    flex: 1,
+    minWidth: 0
+  },
+  rowName: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  rowHandle: {
+    fontSize: 12.5,
+    marginTop: 1
+  },
+  /**
+   * Animated-collapse container for the account switch list — the outer clip and
+   * the inner measuring wrapper. Style-based (NOT NativeWind): the container
+   * carries the animated `height`/`opacity` off a reanimated style, and the
+   * measuring wrapper must stay className-free so its `onLayout` fires on RN-Web.
+   */
+  collapse: {
+    overflow: 'hidden'
+  },
+  collapseMeasure: {
+    width: '100%'
+  },
+  /**
+   * The HERO block that opens the account menu: the current account's large
+   * avatar, a greeting, and the "Manage your Oxy account" pill — centred and
+   * deliberately chrome-free (no card, no grouped-section surface) so the
+   * grouped cards below read as the menu proper. The account's email sits above
+   * it in the Dialog's own nav bar, not here.
+   */
+  hero: {
+    alignItems: 'center',
+    paddingTop: 4,
+    paddingBottom: 20,
+    gap: 12
+  },
+  /**
+   * The current account's accent ring in the switch list, drawn OUTSIDE its
+   * avatar as an overlay so it adds no width to the row — every avatar in the
+   * list keeps the same footprint and the same content line. The 3px offset is
+   * the ring's 2px stroke plus a 1px gap.
+   */
+  currentAvatarRing: {
+    position: 'absolute',
+    top: -3,
+    left: -3,
+    right: -3,
+    bottom: -3,
+    borderWidth: 2,
+    borderRadius: 9999
+  },
+  /**
+   * The hero avatar's pressable wrapper — the "change your photo" entry point.
+   * `relative` so the accent ring + camera badge (both absolutely positioned)
+   * anchor to the avatar box.
+   */
+  heroAvatarPressable: {
+    position: 'relative'
+  },
+  /** The hero avatar's accent ring — an overlay, like the row-level one. */
+  heroAvatarRing: {
+    position: 'absolute',
+    top: -4,
+    left: -4,
+    right: -4,
+    bottom: -4,
+    borderWidth: 3,
+    borderRadius: 9999
+  },
+  /** Greeting + address stacked tight, centred (the hero's own 12px gap sits
+   *  between this block and the avatar / manage pill, not between these lines). */
+  heroNameBlock: {
+    alignItems: 'center',
+    gap: 2
+  },
+  heroGreeting: {
+    fontSize: 22,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  /** The account address (`username@oxy.so` / `@handle`) under the greeting. */
+  heroAddress: {
+    fontSize: 14,
+    textAlign: 'center'
+  },
+  /**
+   * The switch row's disclosure affordance — a filled circle around the chevron,
+   * right-aligned to the same 12px row inset every other trailing element uses.
+   */
+  chevronCircle: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  footerLink: {
+    alignSelf: 'center',
+    paddingVertical: 10,
+    marginTop: 12
+  },
+  linkText: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  signInBlock: {
+    width: '100%'
+  },
+  primaryButton: {
+    width: '100%',
+    borderRadius: 14,
+    marginTop: 8
+  },
+  secondaryButton: {
+    width: '100%',
+    borderRadius: 14,
+    marginTop: 10
+  },
+  usernameInput: {
+    width: '100%',
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 14,
+    paddingVertical: 12,
+    paddingHorizontal: 14,
+    fontSize: 16,
+    marginTop: 8
+  },
+  dividerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    marginVertical: 14
+  },
+  dividerLine: {
+    flex: 1,
+    height: StyleSheet.hairlineWidth
+  },
+  dividerText: {
+    marginHorizontal: 12,
+    fontSize: 13
+  },
+  centeredBlock: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 12,
+    paddingVertical: 24
+  },
+  mutedText: {
+    fontSize: 14,
+    textAlign: 'center'
+  },
+  qrHeadline: {
+    fontSize: 16,
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  qrPlate: {
+    padding: 16,
+    borderRadius: 16,
+    backgroundColor: QR_PLATE_BG
+  },
+  /**
+   * The revealed "Having trouble?" alternatives — a tight stack of subordinate
+   * text links. They share `footerLink`'s rhythm, so the stack itself only has
+   * to stop them drifting apart.
+   */
+  troubleActions: {
+    width: '100%',
+    alignItems: 'center'
+  },
+  /** The disclosure trigger, aligned with the subordinate links it reveals. */
+  troubleTrigger: {
+    alignSelf: 'center',
+    marginTop: 12
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","QR_PLATE_BG","authChooserStyles","create","rows","width","gap","accountRow","flexDirection","alignItems","borderWidth","hairlineWidth","borderRadius","paddingVertical","paddingHorizontal","rowDisabled","opacity","avatarRing","padding","rowMeta","flex","minWidth","rowName","fontSize","fontWeight","rowHandle","marginTop","collapse","overflow","collapseMeasure","hero","paddingTop","paddingBottom","currentAvatarRing","position","top","left","right","bottom","heroAvatarPressable","heroAvatarRing","heroNameBlock","heroGreeting","textAlign","heroAddress","chevronCircle","height","justifyContent","footerLink","alignSelf","linkText","signInBlock","primaryButton","secondaryButton","usernameInput","dividerRow","marginVertical","dividerLine","dividerText","marginHorizontal","centeredBlock","mutedText","qrHeadline","qrPlate","backgroundColor","troubleActions","troubleTrigger"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/styles.ts"],"mappings":"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","ignoreList":[]}