@oxyhq/services 10.4.0 → 10.5.0

package/lib/commonjs/ui/components/AnotherDeviceQR.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeQrcodeSvg = _interopRequireDefault(require("react-native-qrcode-svg"));
+var _theme = require("@oxyhq/bloom/theme");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * AnotherDeviceQR — the collapsed "Sign in on another device" disclosure shared
+ * by both sign-in containers (`SignInModal` on web, `OxyAuthScreen` on native).
+ *
+ * The QR code is always DEMOTED below the platform-primary "Continue with Oxy"
+ * action: you cannot scan your own screen, so the QR is only useful for handing
+ * sign-in to a SECOND device (scan with the Oxy Accounts app there). It lives
+ * inside a tap-to-expand disclosure so it never competes with the primary CTA.
+ *
+ * The QR plate stays white intentionally — high contrast is required for
+ * reliable scanning regardless of the app theme.
+ */
+
+/** Size, in px, of the rendered QR symbol. */
+const QR_SIZE = 200;
+
+/**
+ * Collapsed disclosure that reveals a high-contrast QR for signing in on a
+ * second device with the Oxy Accounts app.
+ */
+const AnotherDeviceQR = ({
+  qrData
+}) => {
+  const {
+    colors
+  } = (0, _theme.useTheme)();
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const toggle = (0, _react.useCallback)(() => {
+    setExpanded(prev => !prev);
+  }, []);
+  if (!qrData) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: styles.toggle,
+      onPress: toggle,
+      accessibilityRole: "button",
+      accessibilityState: {
+        expanded
+      },
+      accessibilityHint: "Reveals a QR code to sign in using the Oxy Accounts app on another device",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.toggleText,
+        className: "text-muted-foreground",
+        children: "Sign in on another device"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.chevron,
+        className: "text-muted-foreground",
+        children: expanded ? '✕' : '›'
+      })]
+    }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.body,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.qrPlate, {
+          backgroundColor: '#FFFFFF'
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeQrcodeSvg.default, {
+          value: qrData,
+          size: QR_SIZE,
+          backgroundColor: "#FFFFFF",
+          color: "#000000"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.hint, {
+          color: colors.textSecondary
+        }],
+        children: "Scan with the Oxy Accounts app"
+      })]
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    alignItems: 'center'
+  },
+  toggle: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 8
+  },
+  toggleText: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  chevron: {
+    fontSize: 16,
+    marginLeft: 8
+  },
+  body: {
+    alignItems: 'center',
+    marginTop: 8
+  },
+  qrPlate: {
+    padding: 16,
+    borderRadius: 16
+  },
+  hint: {
+    marginTop: 12,
+    fontSize: 12,
+    textAlign: 'center'
+  }
+});
+var _default = exports.default = AnotherDeviceQR;
+//# sourceMappingURL=AnotherDeviceQR.js.map

package/lib/commonjs/ui/components/AnotherDeviceQR.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_theme","_jsxRuntime","e","__esModule","default","QR_SIZE","AnotherDeviceQR","qrData","colors","useTheme","expanded","setExpanded","useState","toggle","useCallback","prev","jsxs","View","style","styles","container","children","TouchableOpacity","onPress","accessibilityRole","accessibilityState","accessibilityHint","jsx","Text","toggleText","className","chevron","body","qrPlate","backgroundColor","value","size","color","hint","textSecondary","StyleSheet","create","width","alignItems","flexDirection","justifyContent","paddingVertical","paddingHorizontal","fontSize","fontWeight","marginLeft","marginTop","padding","borderRadius","textAlign","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/AnotherDeviceQR.tsx"],"mappings":"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","ignoreList":[]}