@oxyhq/services 14.0.1 → 15.0.0

package/lib/module/ui/components/SignInAccountChooser.js

@@ -0,0 +1,183 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useTheme } from '@oxyhq/bloom/theme';
+import Avatar from "./Avatar.js";
+import { useI18n } from "../hooks/useI18n.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Google-style account chooser (React Native). Lists every account the user can
+ * continue as — device sign-ins + linked graph accounts, from
+ * {@link SwitchableAccount} — plus a "Use another account" affordance. Rendered
+ * as the FRONT screen of the sign-in surfaces (`SignInModal` web,
+ * `OxyAuthScreen` native) whenever accounts exist; selecting a row funnels into
+ * the SAME `switchToAccount` path the account switcher uses. When no accounts
+ * exist the surfaces skip this and show the sign-in options directly.
+ *
+ * Presentational + chrome-agnostic (no modal/sheet wrapper, no data fetching) so
+ * both containers reuse it and it is unit-testable in isolation.
+ */
+export const SignInAccountChooser = ({
+  accounts,
+  onSelectAccount,
+  onUseAnother,
+  pendingAccountId,
+  disabled
+}) => {
+  const {
+    colors
+  } = useTheme();
+  const {
+    t
+  } = useI18n();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [accounts.map(account => {
+      const isPending = pendingAccountId === account.accountId;
+      const secondary = account.email;
+      return /*#__PURE__*/_jsxs(TouchableOpacity, {
+        accessibilityRole: "button",
+        accessibilityLabel: t('signin.chooser.continueAs', {
+          name: account.displayName
+        }),
+        accessibilityState: {
+          selected: account.isCurrent,
+          disabled: Boolean(disabled)
+        },
+        onPress: () => onSelectAccount(account),
+        disabled: disabled,
+        activeOpacity: 0.7,
+        style: [styles.row, {
+          borderColor: colors.border
+        }, account.isCurrent && {
+          backgroundColor: colors.primarySubtle,
+          borderColor: colors.primarySubtle
+        }, disabled && !isPending && styles.rowDisabled],
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          uri: account.avatarUrl,
+          name: account.displayName,
+          size: 44
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.info,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.name, {
+              color: colors.text
+            }],
+            numberOfLines: 1,
+            children: account.displayName
+          }), secondary ? /*#__PURE__*/_jsx(Text, {
+            style: [styles.secondary, {
+              color: colors.textSecondary
+            }],
+            numberOfLines: 1,
+            children: secondary
+          }) : null]
+        }), isPending ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: colors.primary
+        }) : account.isCurrent ? /*#__PURE__*/_jsxs(View, {
+          style: [styles.currentPill, {
+            backgroundColor: colors.card
+          }],
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "checkmark",
+            size: 14,
+            color: colors.primary
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.currentPillText, {
+              color: colors.primary
+            }],
+            children: t('signin.chooser.signedIn')
+          })]
+        }) : /*#__PURE__*/_jsx(Ionicons, {
+          name: "chevron-forward",
+          size: 20,
+          color: colors.textSecondary
+        })]
+      }, account.accountId);
+    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+      accessibilityRole: "button",
+      accessibilityLabel: t('signin.chooser.useAnother'),
+      onPress: onUseAnother,
+      disabled: disabled,
+      activeOpacity: 0.7,
+      style: [styles.row, {
+        borderColor: colors.border
+      }, disabled && styles.rowDisabled],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.addIcon, {
+          backgroundColor: colors.backgroundSecondary
+        }],
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "person-add-outline",
+          size: 20,
+          color: colors.textSecondary
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.info,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.name, {
+            color: colors.text
+          }],
+          children: t('signin.chooser.useAnother')
+        })
+      }), /*#__PURE__*/_jsx(Ionicons, {
+        name: "chevron-forward",
+        size: 20,
+        color: colors.textSecondary
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    gap: 8
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderWidth: 1,
+    borderRadius: 14,
+    paddingHorizontal: 14,
+    paddingVertical: 12
+  },
+  rowDisabled: {
+    opacity: 0.5
+  },
+  info: {
+    flex: 1,
+    minWidth: 0
+  },
+  name: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  secondary: {
+    fontSize: 13,
+    marginTop: 2
+  },
+  currentPill: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 3,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 999
+  },
+  currentPillText: {
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  addIcon: {
+    width: 44,
+    height: 44,
+    borderRadius: 22,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export default SignInAccountChooser;
+//# sourceMappingURL=SignInAccountChooser.js.map

package/lib/module/ui/components/SignInAccountChooser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","ActivityIndicator","Ionicons","useTheme","Avatar","useI18n","jsx","_jsx","jsxs","_jsxs","SignInAccountChooser","accounts","onSelectAccount","onUseAnother","pendingAccountId","disabled","colors","t","style","styles","container","children","map","account","isPending","accountId","secondary","email","accessibilityRole","accessibilityLabel","name","displayName","accessibilityState","selected","isCurrent","Boolean","onPress","activeOpacity","row","borderColor","border","backgroundColor","primarySubtle","rowDisabled","uri","avatarUrl","size","info","color","text","numberOfLines","textSecondary","primary","currentPill","card","currentPillText","addIcon","backgroundSecondary","create","width","gap","flexDirection","alignItems","borderWidth","borderRadius","paddingHorizontal","paddingVertical","opacity","flex","minWidth","fontSize","fontWeight","marginTop","height","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/SignInAccountChooser.tsx"],"mappings":"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","ignoreList":[]}