@oxy.so/services 4.0.7 → 6.0.0

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

@@ -142,42 +142,11 @@ export const authChooserStyles = StyleSheet.create({
     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',

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

@@ -1 +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","troubleDisclosure","troubleTrigger"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/styles.ts"],"mappings":"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","ignoreList":[]}
+{"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","primaryButton","centeredBlock","mutedText","qrHeadline","qrPlate","backgroundColor","troubleActions","troubleDisclosure","troubleTrigger"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -42,8 +42,8 @@ import { APP_COLOR_NAMES, APP_COLOR_PRESETS } from '@oxy.so/bloom/theme';
 /**
  * Where a passkey sign-in or sign-up can run from the current surface.
  *
- * `'hub'`  = web: it runs at the identity origin (`id.oxy.so`) in a popup, on
- *            every web origin, first-party or not.
+ * `'hub'`  = web: it runs in auth.oxy.so's window over the app
+ *            (`continueOnAuth`), on every web origin.
  * `'none'` = native, where Commons owns identity.
  */
 

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

@@ -28,7 +28,7 @@ import { logger, persistOAuthReturnPath } from '@oxy.so/core';
  * (see `normalizeOAuthRedirectUri`), so the IdP always returns the tab to `/`,
  * and the return handlers restore this path. Doing it here rather than at each
  * call site is deliberate: every web authorize redirect — silent restore,
- * interactive sign-in, the passkey hub — funnels through this function, so a
+ * interactive sign-in, `continueOnAuth` — funnels through this function, so a
  * new flow cannot forget to preserve the page the visitor came from.
  */
 export function redirectToAuthorize(url) {

package/lib/module/ui/components/signIn/InlineCommonsQr.js

@@ -0,0 +1,157 @@
+"use strict";
+
+/**
+ * The sign-in entry's embedded QR, over the split card's photo carousel: scan
+ * it with Commons on a phone and this screen is signed in.
+ *
+ * It owns one QR-only request (`controller.startInlineQr()`): started the
+ * first time the block is actually laid out on screen — never while its column
+ * is hidden below `md` — renewed when it expires, and withdrawn when the block
+ * goes away while it is still approvable. It never pushes to a phone or opens Commons —
+ * the person did not ask for either by opening the screen. Any other sign-in
+ * they choose supersedes it like any new attempt.
+ *
+ * Anti-phishing: the plate encodes `signIn.qrPayload` and renders nothing
+ * derived from it; the approver resolves the app server-side.
+ */
+
+import { useEffect, useState } from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import QRCode from 'react-native-qrcode-svg';
+import { Button } from '@oxy.so/bloom/button';
+import { RiCheckboxCircleLine } from '@oxy.so/bloom/icons/RiCheckboxCircleLine';
+import { RiRefreshLine } from '@oxy.so/bloom/icons/RiRefreshLine';
+import { useTheme } from '@oxy.so/bloom/theme';
+import { Text } from '@oxy.so/bloom/typography';
+import { useI18n } from "../../hooks/useI18n.js";
+import { useAccountDialogSnapshot } from "../../hooks/accountDialogSnapshot.js";
+
+/** High-contrast, un-themed on purpose: scan reliability. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const QR_PLATE_BG = '#FFFFFF';
+const QR_FOREGROUND = '#000000';
+const QR_SIZE = 112;
+const PLATE_PADDING = 8;
+const PLATE_SIZE = QR_SIZE + PLATE_PADDING * 2;
+export const InlineCommonsQr = ({
+  controller
+}) => {
+  const theme = useTheme();
+  const {
+    t
+  } = useI18n();
+  const {
+    signIn
+  } = useAccountDialogSnapshot(controller);
+  const live = signIn.inline && (signIn.phase === 'starting' || signIn.phase === 'waiting');
+  const expired = signIn.inline && signIn.phase === 'error' && signIn.failure === 'expired';
+
+  // Laid out with a size only where its column shows (`display: none` below
+  // `md` lays out empty), so that is when a request is worth having.
+  const [shown, setShown] = useState(false);
+
+  // One request for as long as the block is on screen. Withdrawn on the way
+  // out only while it is still ours and still approvable: an attempt the
+  // person started meanwhile (a passkey window, "Continue with Oxy") is theirs.
+  useEffect(() => {
+    if (!controller || !shown) return;
+    const {
+      signIn: current
+    } = controller.getSnapshot();
+    if (!(current.inline && (current.phase === 'starting' || current.phase === 'waiting'))) {
+      void controller.startInlineQr();
+    }
+    return () => {
+      const {
+        signIn: last
+      } = controller.getSnapshot();
+      if (last.inline && (last.phase === 'starting' || last.phase === 'waiting')) controller.cancelSignIn();
+    };
+  }, [controller, shown]);
+
+  // A code only lives a few minutes; an expired one is replaced, not reported.
+  useEffect(() => {
+    if (controller && expired) void controller.startInlineQr();
+  }, [controller, expired]);
+  let plate;
+  if (signIn.inline && signIn.progress === 'identity-confirmed') {
+    plate = /*#__PURE__*/_jsx(RiCheckboxCircleLine, {
+      size: "3xl",
+      fill: theme.colors.success
+    });
+  } else if (live && signIn.qrPayload && signIn.progress !== 'confirming-identity') {
+    plate = /*#__PURE__*/_jsx(QRCode, {
+      value: signIn.qrPayload,
+      size: QR_SIZE,
+      backgroundColor: QR_PLATE_BG,
+      color: QR_FOREGROUND
+    });
+  } else if (live || expired || signIn.inline && signIn.phase === 'completed') {
+    plate = /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: QR_FOREGROUND
+    });
+  } else {
+    // Failed for a reason renewing will not fix by itself, or superseded and
+    // then withdrawn: one press for a new code.
+    plate = /*#__PURE__*/_jsx(Button, {
+      appearance: "plain",
+      tone: "neutral",
+      size: "sm",
+      iconOnly: true,
+      leadingIcon: RiRefreshLine,
+      accessibilityLabel: t('signin.qr.renew'),
+      onPress: () => void controller?.startInlineQr(),
+      testID: "inline-qr-renew"
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.block,
+    testID: "inline-commons-qr",
+    onLayout: event => {
+      if (event.nativeEvent.layout.width > 0) setShown(true);
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.plate, {
+        borderColor: theme.colors.border
+      }],
+      children: plate
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.caption, styles.captionOnMedia],
+      children: t('signin.qr.caption')
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  block: {
+    width: PLATE_SIZE,
+    alignItems: 'center',
+    gap: 6
+  },
+  plate: {
+    width: PLATE_SIZE,
+    height: PLATE_SIZE,
+    padding: PLATE_PADDING,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    backgroundColor: QR_PLATE_BG,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  caption: {
+    fontSize: 12,
+    lineHeight: 16,
+    textAlign: 'center'
+  },
+  captionOnMedia: {
+    color: '#FFFFFF',
+    fontWeight: '500',
+    textShadowColor: 'rgba(0, 0, 0, 0.6)',
+    textShadowOffset: {
+      width: 0,
+      height: 1
+    },
+    textShadowRadius: 4
+  }
+});
+//# sourceMappingURL=InlineCommonsQr.js.map

package/lib/module/ui/components/signIn/InlineCommonsQr.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","ActivityIndicator","StyleSheet","View","QRCode","Button","RiCheckboxCircleLine","RiRefreshLine","useTheme","Text","useI18n","useAccountDialogSnapshot","jsx","_jsx","jsxs","_jsxs","QR_PLATE_BG","QR_FOREGROUND","QR_SIZE","PLATE_PADDING","PLATE_SIZE","InlineCommonsQr","controller","theme","t","signIn","live","inline","phase","expired","failure","shown","setShown","current","getSnapshot","startInlineQr","last","cancelSignIn","plate","progress","size","fill","colors","success","qrPayload","value","backgroundColor","color","appearance","tone","iconOnly","leadingIcon","accessibilityLabel","onPress","testID","style","styles","block","onLayout","event","nativeEvent","layout","width","children","borderColor","border","caption","captionOnMedia","create","alignItems","gap","height","padding","borderRadius","borderWidth","hairlineWidth","justifyContent","fontSize","lineHeight","textAlign","fontWeight","textShadowColor","textShadowOffset","textShadowRadius"],"sourceRoot":"../../../../../src","sources":["ui/components/signIn/InlineCommonsQr.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/signIn/OxyAccountPicker.js

@@ -0,0 +1,106 @@
+"use strict";
+
+/**
+ * "Choose an account" — every `principal acting as account` pair on this
+ * device, then "Use another account".
+ *
+ * The front screen of sign-in on a returning device, in the account dialog and
+ * on every auth.oxy.so page that asks WHO (sign-in, OAuth authorize, device
+ * approval, MCP linking). Presentational: the host decides what choosing a row
+ * means — a switch, a "Continue as" sign-in, or activating the pair before an
+ * OAuth consent — and passes the pair back, never an account id, which cannot
+ * say whose route was chosen.
+ */
+
+import { Pressable, StyleSheet, View } from 'react-native';
+import { RiArrowRightSLine } from '@oxy.so/bloom/icons/RiArrowRightSLine';
+import { RiUserAddLine } from '@oxy.so/bloom/icons/RiUserAddLine';
+import { useTheme } from '@oxy.so/bloom/theme';
+import { Text } from '@oxy.so/bloom/typography';
+import { showsPrincipalHeaders } from '@oxy.so/core';
+import { useI18n } from "../../hooks/useI18n.js";
+import { AccountRow } from "../authChooser/primitives.js";
+import { authChooserStyles } from "../authChooser/styles.js";
+import { OxyAuthScreen, OxyAuthScreenHeader, OxyAuthTerms } from "./OxyAuthScreen.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const OxyAccountPicker = ({
+  principals,
+  appName,
+  onSelectContext,
+  onUseAnother,
+  pendingContextId = null,
+  isLoading = false,
+  signedOut = false
+}) => {
+  const theme = useTheme();
+  const {
+    t
+  } = useI18n();
+  // Whose route a row is only needs naming once someone holds more than one
+  // account here — the same rule the account menu's group headers follow.
+  const namesTheOperator = showsPrincipalHeaders(principals);
+  return /*#__PURE__*/_jsxs(OxyAuthScreen, {
+    children: [/*#__PURE__*/_jsx(OxyAuthScreenHeader, {
+      title: t('signin.chooser.title'),
+      description: appName ? t('signin.chooser.subtitleToApp', {
+        app: appName
+      }) : t('signin.chooser.subtitle')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: authChooserStyles.rows,
+      children: [principals.flatMap(principal => principal.contexts.map(context => /*#__PURE__*/_jsx(AccountRow, {
+        context: context,
+        operatedBy: namesTheOperator && context.isDelegated ? t('accountSwitcher.context.operatedBy', {
+          name: principal.displayName
+        }) : null,
+        continueAsLabel: signedOut ? t('signin.chooser.continueAs', {
+          name: context.handle ? `@${context.handle}` : context.displayName
+        }) : null,
+        theme: theme,
+        activating: pendingContextId === context.contextId,
+        disabled: isLoading,
+        onPress: () => onSelectContext(context)
+      }, context.contextId))), /*#__PURE__*/_jsxs(Pressable, {
+        onPress: onUseAnother,
+        disabled: isLoading,
+        accessibilityRole: "button",
+        accessibilityLabel: t('signin.chooser.useAnother'),
+        style: [authChooserStyles.accountRow, {
+          borderColor: theme.colors.border,
+          backgroundColor: theme.colors.card
+        }, isLoading ? authChooserStyles.rowDisabled : null],
+        testID: "use-another-account",
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.addGlyph, {
+            backgroundColor: theme.colors.backgroundSecondary
+          }],
+          children: /*#__PURE__*/_jsx(RiUserAddLine, {
+            size: "md",
+            fill: theme.colors.textSecondary
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [authChooserStyles.rowName, styles.addLabel, {
+            color: theme.colors.text
+          }],
+          children: t('signin.chooser.useAnother')
+        }), /*#__PURE__*/_jsx(RiArrowRightSLine, {
+          size: "md",
+          fill: theme.colors.textSecondary
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(OxyAuthTerms, {})]
+  });
+};
+const styles = StyleSheet.create({
+  // Matches `AccountRow`'s 40px avatar plus its 2px ring and 1px gap.
+  addGlyph: {
+    width: 46,
+    height: 46,
+    borderRadius: 23,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  addLabel: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=OxyAccountPicker.js.map

package/lib/module/ui/components/signIn/OxyAccountPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","View","RiArrowRightSLine","RiUserAddLine","useTheme","Text","showsPrincipalHeaders","useI18n","AccountRow","authChooserStyles","OxyAuthScreen","OxyAuthScreenHeader","OxyAuthTerms","jsx","_jsx","jsxs","_jsxs","OxyAccountPicker","principals","appName","onSelectContext","onUseAnother","pendingContextId","isLoading","signedOut","theme","t","namesTheOperator","children","title","description","app","style","rows","flatMap","principal","contexts","map","context","operatedBy","isDelegated","name","displayName","continueAsLabel","handle","activating","contextId","disabled","onPress","accessibilityRole","accessibilityLabel","accountRow","borderColor","colors","border","backgroundColor","card","rowDisabled","testID","styles","addGlyph","backgroundSecondary","size","fill","textSecondary","rowName","addLabel","color","text","create","width","height","borderRadius","alignItems","justifyContent","flex"],"sourceRoot":"../../../../../src","sources":["ui/components/signIn/OxyAccountPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/signIn/OxyAuthScreen.js

@@ -0,0 +1,151 @@
+"use strict";
+
+/**
+ * The shell every Oxy sign-in screen shares — the in-app account dialog and
+ * every page of the auth.oxy.so IdP render these, so the two cannot drift:
+ *
+ *   header   the Oxy mark (56), then the title (48/800, tight) and a 18px
+ *            description, 8 apart
+ *   screen   blocks 24 apart, at most 448 wide
+ *   split    from `md`, Bloom `AuthCard`'s split base — max 880, radius 24,
+ *            1px border, two equal columns, the right one on the secondary
+ *            surface; below `md` the right column is dropped, not stacked
+ *   loading  an indeterminate spinner holding the screen's height
+ *   terms    one centred caption linking the Terms of Service and Privacy Policy
+ *
+ * Layout is NativeWind `className` (breakpoints included). Type stays on
+ * Bloom `Text`'s own ramp through `style` — a `className` there drops its
+ * default family — and colours come from the Bloom theme.
+ */
+
+import { ActivityIndicator, Linking, Text as RNText } from 'react-native';
+import { View } from 'react-native-css/components';
+import { useTheme } from '@oxy.so/bloom/theme';
+import { Text } from '@oxy.so/bloom/typography';
+import { useI18n } from "../../hooks/useI18n.js";
+import { LogoIcon } from "../logo/LogoIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LOGO_HEIGHT = 56;
+const TERMS_URL = 'https://oxy.so/company/transparency/policies/terms-of-service';
+const PRIVACY_URL = 'https://oxy.so/company/transparency/policies/privacy';
+const TITLE = {
+  fontSize: 48,
+  lineHeight: 48,
+  fontWeight: '800',
+  letterSpacing: -1.2
+};
+const DESCRIPTION = {
+  fontSize: 18,
+  lineHeight: 28
+};
+const TERMS = {
+  fontSize: 14,
+  lineHeight: 20,
+  textAlign: 'center',
+  paddingHorizontal: 24
+};
+/** The Oxy mark over the screen's title and description. */
+export const OxyAuthScreenHeader = ({
+  title,
+  description
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    className: "gap-6",
+    children: [/*#__PURE__*/_jsx(LogoIcon, {
+      height: LOGO_HEIGHT
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "max-w-[90%] gap-2",
+      children: [/*#__PURE__*/_jsx(Text, {
+        accessibilityRole: "header",
+        style: [TITLE, {
+          color: theme.colors.text
+        }],
+        children: title
+      }), description != null && description !== '' ? typeof description === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: [DESCRIPTION, {
+          color: theme.colors.textSecondary
+        }],
+        children: description
+      }) : description : null]
+    })]
+  });
+};
+
+/** A sign-in screen's column: its blocks 24 apart. `className` extends it (the split's form column). */
+export const OxyAuthScreen = ({
+  children,
+  className
+}) => /*#__PURE__*/_jsx(View, {
+  className: `w-full max-w-[448px] self-center gap-6 ${className ?? ''}`,
+  children: children
+});
+
+/** The split card: `children` on the left and, from `md`, `aside` on the right. */
+export const OxyAuthSplit = ({
+  children,
+  aside
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    className: "w-full self-center md:max-w-[880px] md:flex-row md:rounded-3xl md:border md:border-border md:bg-card md:overflow-hidden",
+    children: [/*#__PURE__*/_jsx(View, {
+      className: "md:flex-1 md:basis-0 md:min-w-0",
+      children: /*#__PURE__*/_jsx(View, {
+        className: "md:p-8",
+        children: children
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      className: "hidden md:flex md:flex-1 md:basis-0 md:min-w-0 items-center justify-center overflow-hidden p-8",
+      style: {
+        backgroundColor: theme.colors.backgroundSecondary
+      },
+      children: aside
+    })]
+  });
+};
+
+/**
+ * The screen while there is nothing to show yet. React Native's own indicator:
+ * `@oxy.so/bloom/loading` can tree-shake to `undefined` in a rolldown-vite
+ * production bundle when co-imported with `@oxy.so/bloom/button`.
+ */
+export const OxyAuthLoading = () => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    className: "min-h-[300px] items-center justify-center",
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: theme.colors.primary
+    })
+  });
+};
+
+/** "By continuing, you agree to our Terms of Service and Privacy Policy." */
+export const OxyAuthTerms = () => {
+  const theme = useTheme();
+  const {
+    t
+  } = useI18n();
+  const link = {
+    color: theme.colors.text,
+    textDecorationLine: 'underline'
+  };
+  return /*#__PURE__*/_jsxs(Text, {
+    style: [TERMS, {
+      color: theme.colors.textSecondary
+    }],
+    children: [t('signin.terms.before'), ' ', /*#__PURE__*/_jsx(RNText, {
+      accessibilityRole: "link",
+      style: link,
+      onPress: () => void Linking.openURL(TERMS_URL),
+      children: t('signin.terms.termsLink')
+    }), ' ', t('signin.terms.and'), ' ', /*#__PURE__*/_jsx(RNText, {
+      accessibilityRole: "link",
+      style: link,
+      onPress: () => void Linking.openURL(PRIVACY_URL),
+      children: t('signin.terms.privacyLink')
+    }), "."]
+  });
+};
+//# sourceMappingURL=OxyAuthScreen.js.map

package/lib/module/ui/components/signIn/OxyAuthScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","Linking","Text","RNText","View","useTheme","useI18n","LogoIcon","jsx","_jsx","jsxs","_jsxs","LOGO_HEIGHT","TERMS_URL","PRIVACY_URL","TITLE","fontSize","lineHeight","fontWeight","letterSpacing","DESCRIPTION","TERMS","textAlign","paddingHorizontal","OxyAuthScreenHeader","title","description","theme","className","children","height","accessibilityRole","style","color","colors","text","textSecondary","OxyAuthScreen","OxyAuthSplit","aside","backgroundColor","backgroundSecondary","OxyAuthLoading","size","primary","OxyAuthTerms","t","link","textDecorationLine","onPress","openURL"],"sourceRoot":"../../../../../src","sources":["ui/components/signIn/OxyAuthScreen.tsx"],"mappings":"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","ignoreList":[]}