@oxy.so/services 4.0.7 → 6.1.0

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

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCommonsQr = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeQrcodeSvg = _interopRequireDefault(require("react-native-qrcode-svg"));
+var _button = require("@oxy.so/bloom/button");
+var _RiCheckboxCircleLine = require("@oxy.so/bloom/icons/RiCheckboxCircleLine");
+var _RiRefreshLine = require("@oxy.so/bloom/icons/RiRefreshLine");
+var _theme = require("@oxy.so/bloom/theme");
+var _typography = require("@oxy.so/bloom/typography");
+var _useI18n = require("../../hooks/useI18n.js");
+var _accountDialogSnapshot = require("../../hooks/accountDialogSnapshot.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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.
+ */
+
+/** High-contrast, un-themed on purpose: scan reliability. */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;
+const InlineCommonsQr = ({
+  controller
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const {
+    signIn
+  } = (0, _accountDialogSnapshot.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] = (0, _react.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.
+  (0, _react.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.
+  (0, _react.useEffect)(() => {
+    if (controller && expired) void controller.startInlineQr();
+  }, [controller, expired]);
+  let plate;
+  if (signIn.inline && signIn.progress === 'identity-confirmed') {
+    plate = /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckboxCircleLine.RiCheckboxCircleLine, {
+      size: "3xl",
+      fill: theme.colors.success
+    });
+  } else if (live && signIn.qrPayload && signIn.progress !== 'confirming-identity') {
+    plate = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeQrcodeSvg.default, {
+      value: signIn.qrPayload,
+      size: QR_SIZE,
+      backgroundColor: QR_PLATE_BG,
+      color: QR_FOREGROUND
+    });
+  } else if (live || expired || signIn.inline && signIn.phase === 'completed') {
+    plate = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      appearance: "plain",
+      tone: "neutral",
+      size: "sm",
+      iconOnly: true,
+      leadingIcon: _RiRefreshLine.RiRefreshLine,
+      accessibilityLabel: t('signin.qr.renew'),
+      onPress: () => void controller?.startInlineQr(),
+      testID: "inline-qr-renew"
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.block,
+    testID: "inline-commons-qr",
+    onLayout: event => {
+      if (event.nativeEvent.layout.width > 0) setShown(true);
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.plate, {
+        borderColor: theme.colors.border
+      }],
+      children: plate
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+      style: [styles.caption, styles.captionOnMedia],
+      children: t('signin.qr.caption')
+    })]
+  });
+};
+exports.InlineCommonsQr = InlineCommonsQr;
+const styles = _reactNative.StyleSheet.create({
+  block: {
+    width: PLATE_SIZE,
+    alignItems: 'center',
+    gap: 6
+  },
+  plate: {
+    width: PLATE_SIZE,
+    height: PLATE_SIZE,
+    padding: PLATE_PADDING,
+    borderRadius: 12,
+    borderWidth: _reactNative.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/commonjs/ui/components/signIn/InlineCommonsQr.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_button","_RiCheckboxCircleLine","_RiRefreshLine","_theme","_typography","_useI18n","_accountDialogSnapshot","_jsxRuntime","e","__esModule","default","QR_PLATE_BG","QR_FOREGROUND","QR_SIZE","PLATE_PADDING","PLATE_SIZE","InlineCommonsQr","controller","theme","useTheme","t","useI18n","signIn","useAccountDialogSnapshot","live","inline","phase","expired","failure","shown","setShown","useState","useEffect","current","getSnapshot","startInlineQr","last","cancelSignIn","plate","progress","jsx","RiCheckboxCircleLine","size","fill","colors","success","qrPayload","value","backgroundColor","color","ActivityIndicator","Button","appearance","tone","iconOnly","leadingIcon","RiRefreshLine","accessibilityLabel","onPress","testID","jsxs","View","style","styles","block","onLayout","event","nativeEvent","layout","width","children","borderColor","border","Text","caption","captionOnMedia","exports","StyleSheet","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/commonjs/ui/components/signIn/OxyAccountPicker.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OxyAccountPicker = void 0;
+var _reactNative = require("react-native");
+var _RiArrowRightSLine = require("@oxy.so/bloom/icons/RiArrowRightSLine");
+var _RiUserAddLine = require("@oxy.so/bloom/icons/RiUserAddLine");
+var _theme = require("@oxy.so/bloom/theme");
+var _typography = require("@oxy.so/bloom/typography");
+var _core = require("@oxy.so/core");
+var _useI18n = require("../../hooks/useI18n.js");
+var _primitives = require("../authChooser/primitives.js");
+var _styles = require("../authChooser/styles.js");
+var _OxyAuthScreen = require("./OxyAuthScreen.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * "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.
+ */
+
+const OxyAccountPicker = ({
+  principals,
+  appName,
+  onSelectContext,
+  onUseAnother,
+  pendingContextId = null,
+  isLoading = false,
+  signedOut = false
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _useI18n.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 = (0, _core.showsPrincipalHeaders)(principals);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+      title: t('signin.chooser.title'),
+      description: appName ? t('signin.chooser.subtitleToApp', {
+        app: appName
+      }) : t('signin.chooser.subtitle')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _styles.authChooserStyles.rows,
+      children: [principals.flatMap(principal => principal.contexts.map(context => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.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__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: onUseAnother,
+        disabled: isLoading,
+        accessibilityRole: "button",
+        accessibilityLabel: t('signin.chooser.useAnother'),
+        style: [_styles.authChooserStyles.accountRow, {
+          borderColor: theme.colors.border,
+          backgroundColor: theme.colors.card
+        }, isLoading ? _styles.authChooserStyles.rowDisabled : null],
+        testID: "use-another-account",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.addGlyph, {
+            backgroundColor: theme.colors.backgroundSecondary
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiUserAddLine.RiUserAddLine, {
+            size: "md",
+            fill: theme.colors.textSecondary
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: [_styles.authChooserStyles.rowName, styles.addLabel, {
+            color: theme.colors.text
+          }],
+          children: t('signin.chooser.useAnother')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArrowRightSLine.RiArrowRightSLine, {
+          size: "md",
+          fill: theme.colors.textSecondary
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthTerms, {})]
+  });
+};
+exports.OxyAccountPicker = OxyAccountPicker;
+const styles = _reactNative.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/commonjs/ui/components/signIn/OxyAccountPicker.js.map

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

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

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OxyAuthTerms = exports.OxyAuthSplit = exports.OxyAuthScreenHeader = exports.OxyAuthScreen = exports.OxyAuthLoading = void 0;
+var _reactNative = require("react-native");
+var _components = require("react-native-css/components");
+var _theme = require("@oxy.so/bloom/theme");
+var _typography = require("@oxy.so/bloom/typography");
+var _useI18n = require("../../hooks/useI18n.js");
+var _LogoIcon = require("../logo/LogoIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+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. */
+const OxyAuthScreenHeader = ({
+  title,
+  description
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
+    className: "gap-6",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoIcon.LogoIcon, {
+      height: LOGO_HEIGHT
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
+      className: "max-w-[90%] gap-2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        accessibilityRole: "header",
+        style: [TITLE, {
+          color: theme.colors.text
+        }],
+        children: title
+      }), description != null && description !== '' ? typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.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). */
+exports.OxyAuthScreenHeader = OxyAuthScreenHeader;
+const OxyAuthScreen = ({
+  children,
+  className
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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. */
+exports.OxyAuthScreen = OxyAuthScreen;
+const OxyAuthSplit = ({
+  children,
+  aside
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.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__*/(0, _jsxRuntime.jsx)(_components.View, {
+      className: "md:flex-1 md:basis-0 md:min-w-0",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+        className: "md:p-8",
+        children: children
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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`.
+ */
+exports.OxyAuthSplit = OxyAuthSplit;
+const OxyAuthLoading = () => {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
+    className: "min-h-[300px] items-center justify-center",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      size: "large",
+      color: theme.colors.primary
+    })
+  });
+};
+
+/** "By continuing, you agree to our Terms of Service and Privacy Policy." */
+exports.OxyAuthLoading = OxyAuthLoading;
+const OxyAuthTerms = () => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const link = {
+    color: theme.colors.text,
+    textDecorationLine: 'underline'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.Text, {
+    style: [TERMS, {
+      color: theme.colors.textSecondary
+    }],
+    children: [t('signin.terms.before'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      accessibilityRole: "link",
+      style: link,
+      onPress: () => void _reactNative.Linking.openURL(TERMS_URL),
+      children: t('signin.terms.termsLink')
+    }), ' ', t('signin.terms.and'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      accessibilityRole: "link",
+      style: link,
+      onPress: () => void _reactNative.Linking.openURL(PRIVACY_URL),
+      children: t('signin.terms.privacyLink')
+    }), "."]
+  });
+};
+exports.OxyAuthTerms = OxyAuthTerms;
+//# sourceMappingURL=OxyAuthScreen.js.map

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

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