@oxy.so/services 13.9.0 → 13.10.0

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

@@ -37,6 +37,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
  * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
  * of either here. The secret `sessionToken` never leaves the controller.
@@ -48,6 +53,13 @@ const QR_FOREGROUND = '#000000';
 const DEFAULT_QR_SIZE = 280;
 /** The quiet zone around the symbol, as a fraction of its size. */
 const PLATE_PADDING_RATIO = 0.06;
+/**
+ * The code and its hint, as fractions of the QR's edge: 14 and 13 points at
+ * the default 280, so a 32-character code spans about the symbol's width.
+ */
+const CODE_SIZE_RATIO = 0.05;
+const CODE_HINT_SIZE_RATIO = 0.046;
+const CODE_HINT_LINE_HEIGHT = 1.4;
 const OxyDeviceSignIn = ({
   size = DEFAULT_QR_SIZE
 }) => {
@@ -121,17 +133,7 @@ const OxyDeviceSignIn = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.block,
     testID: "oxy-device-sign-in",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-      style: [styles.title, {
-        color: theme.colors.text
-      }],
-      children: t('signin.device.title')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-      style: [styles.caption, {
-        color: theme.colors.textSecondary
-      }],
-      children: t('signin.device.caption')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.plate, {
         width: size + padding * 2,
         height: size + padding * 2,
@@ -142,12 +144,16 @@ const OxyDeviceSignIn = ({
       style: styles.codeBlock,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
         style: [styles.codeHint, {
-          color: theme.colors.textSecondary
+          color: theme.colors.textSecondary,
+          fontSize: Math.round(size * CODE_HINT_SIZE_RATIO),
+          lineHeight: Math.round(size * CODE_HINT_SIZE_RATIO * CODE_HINT_LINE_HEIGHT)
         }],
         children: t('signin.device.codeHint')
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_code.Code, {
         testID: "device-sign-in-code",
-        style: styles.code,
+        style: {
+          fontSize: Math.round(size * CODE_SIZE_RATIO)
+        },
         children: signIn.authorizeCode
       })]
     }) : null]
@@ -159,17 +165,6 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: 'center',
     gap: 16
   },
-  title: {
-    fontSize: 28,
-    lineHeight: 34,
-    fontWeight: '600',
-    textAlign: 'center'
-  },
-  caption: {
-    fontSize: 16,
-    lineHeight: 22,
-    textAlign: 'center'
-  },
   plate: {
     borderRadius: 16,
     backgroundColor: QR_PLATE_BG,
@@ -181,12 +176,7 @@ const styles = _reactNative.StyleSheet.create({
     gap: 4
   },
   codeHint: {
-    fontSize: 13,
-    lineHeight: 18,
     textAlign: 'center'
-  },
-  code: {
-    fontSize: 14
   }
 });
 //# sourceMappingURL=OxyDeviceSignIn.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_button","_code","_RiCheckboxCircleLine","_RiRefreshLine","_loading","_theme","_typography","_oxyRuntimeContext","_useI18n","_accountDialogSnapshot","_jsxRuntime","e","__esModule","default","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","OxyDeviceSignIn","size","theme","useTheme","t","useI18n","accountDialogController","controller","useOxy","signIn","useAccountDialogSnapshot","live","inline","phase","expired","failure","useEffect","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","jsx","RiCheckboxCircleLine","fill","colors","success","value","backgroundColor","color","SpinnerIcon","Button","appearance","tone","leadingIcon","RiRefreshLine","onPress","testID","children","jsxs","View","style","styles","block","Text","title","text","caption","textSecondary","width","height","authorizeCode","codeBlock","codeHint","Code","code","exports","StyleSheet","create","alignItems","gap","fontSize","lineHeight","fontWeight","textAlign","borderRadius","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":";;;;;;AAwBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,sBAAA,GAAAb,OAAA;AAA0E,IAAAc,WAAA,GAAAd,OAAA;AAAA,SAAAG,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,6DACA,MAAMG,WAAW,GAAG,SAAS;AAC7B,MAAMC,aAAa,GAAG,SAAS;AAC/B;AACA,MAAMC,eAAe,GAAG,GAAG;AAC3B;AACA,MAAMC,mBAAmB,GAAG,IAAI;AAOzB,MAAMC,eAA+C,GAAGA,CAAC;EAAEC,IAAI,GAAGH;AAAgB,CAAC,KAAK;EAC7F,MAAMI,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACvB,MAAM;IAAEC,uBAAuB,EAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAM,EAAC,CAAC;EACxD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,+CAAwB,EAACH,UAAU,CAAC;EACvD,MAAMI,IAAI,GAAGF,MAAM,CAACG,MAAM,KAAKH,MAAM,CAACI,KAAK,KAAK,UAAU,IAAIJ,MAAM,CAACI,KAAK,KAAK,SAAS,CAAC;EACzF,MAAMC,OAAO,GAAGL,MAAM,CAACG,MAAM,IAAIH,MAAM,CAACI,KAAK,KAAK,OAAO,IAAIJ,MAAM,CAACM,OAAO,KAAK,SAAS;;EAEzF;EACA;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACT,UAAU,EAAE;IACjB,MAAM;MAAEE,MAAM,EAAEQ;IAAQ,CAAC,GAAGV,UAAU,CAACW,WAAW,CAAC,CAAC;IACpD,IAAI,EAAED,OAAO,CAACL,MAAM,KAAKK,OAAO,CAACJ,KAAK,KAAK,UAAU,IAAII,OAAO,CAACJ,KAAK,KAAK,SAAS,CAAC,CAAC,EAAE;MACtF,KAAKN,UAAU,CAACY,aAAa,CAAC,CAAC;IACjC;IACA,OAAO,MAAM;MACX,MAAM;QAAEV,MAAM,EAAEW;MAAK,CAAC,GAAGb,UAAU,CAACW,WAAW,CAAC,CAAC;MACjD,IAAIE,IAAI,CAACR,MAAM,KAAKQ,IAAI,CAACP,KAAK,KAAK,UAAU,IAAIO,IAAI,CAACP,KAAK,KAAK,SAAS,CAAC,EACxEN,UAAU,CAACc,YAAY,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACd,UAAU,CAAC,CAAC;;EAEhB;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIT,UAAU,IAAIO,OAAO,EAAE,KAAKP,UAAU,CAACY,aAAa,CAAC,CAAC;EAC5D,CAAC,EAAE,CAACZ,UAAU,EAAEO,OAAO,CAAC,CAAC;EAEzB,MAAMQ,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAGF,mBAAmB,CAAC;EACtD,MAAM0B,SAAS,GAAGd,IAAI,IAAIF,MAAM,CAACiB,WAAW,IAAIjB,MAAM,CAACkB,QAAQ,KAAK,qBAAqB;EAEzF,IAAIC,KAAsB;EAC1B,IAAInB,MAAM,CAACG,MAAM,IAAIH,MAAM,CAACkB,QAAQ,KAAK,oBAAoB,EAAE;IAC7DC,KAAK,gBAAG,IAAApC,WAAA,CAAAqC,GAAA,EAAC7C,qBAAA,CAAA8C,oBAAoB;MAAC7B,IAAI,EAAC,KAAK;MAAC8B,IAAI,EAAE7B,KAAK,CAAC8B,MAAM,CAACC;IAAQ,CAAE,CAAC;EACzE,CAAC,MAAM,IAAIR,SAAS,IAAIhB,MAAM,CAACiB,WAAW,EAAE;IAC1CE,KAAK,gBACH,IAAApC,WAAA,CAAAqC,GAAA,EAACjD,qBAAA,CAAAe,OAAM;MACLuC,KAAK,EAAEzB,MAAM,CAACiB,WAAY;MAC1BzB,IAAI,EAAEA,IAAK;MACXkC,eAAe,EAAEvC,WAAY;MAC7BwC,KAAK,EAAEvC;IAAc,CACtB,CACF;EACH,CAAC,MAAM,IAAIc,IAAI,IAAIG,OAAO,IAAKL,MAAM,CAACG,MAAM,IAAIH,MAAM,CAACI,KAAK,KAAK,WAAY,EAAE;IAC7Ee,KAAK,gBAAG,IAAApC,WAAA,CAAAqC,GAAA,EAAC3C,QAAA,CAAAmD,WAAW;MAACpC,IAAI,EAAEsB,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAG,CAAC,CAAE;MAACmC,KAAK,EAAEvC;IAAc,CAAE,CAAC;EAC3E,CAAC,MAAM;IACL;IACA;IACA+B,KAAK,gBACH,IAAApC,WAAA,CAAAqC,GAAA,EAAC/C,OAAA,CAAAwD,MAAM;MACLC,UAAU,EAAC,OAAO;MAClBC,IAAI,EAAC,SAAS;MACdC,WAAW,EAAEC,4BAAc;MAC3BC,OAAO,EAAEA,CAAA,KAAM,KAAKpC,UAAU,EAAEY,aAAa,CAAC,CAAE;MAChDyB,MAAM,EAAC,sBAAsB;MAAAC,QAAA,EAE5BzC,CAAC,CAAC,iBAAiB;IAAC,CACf,CACT;EACH;EAEA,oBACE,IAAAZ,WAAA,CAAAsD,IAAA,EAACnE,YAAA,CAAAoE,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,KAAM;IAACN,MAAM,EAAC,oBAAoB;IAAAC,QAAA,gBACpD,IAAArD,WAAA,CAAAqC,GAAA,EAACzC,WAAA,CAAA+D,IAAI;MAACH,KAAK,EAAE,CAACC,MAAM,CAACG,KAAK,EAAE;QAAEhB,KAAK,EAAElC,KAAK,CAAC8B,MAAM,CAACqB;MAAK,CAAC,CAAE;MAAAR,QAAA,EAAEzC,CAAC,CAAC,qBAAqB;IAAC,CAAO,CAAC,eAC5F,IAAAZ,WAAA,CAAAqC,GAAA,EAACzC,WAAA,CAAA+D,IAAI;MAACH,KAAK,EAAE,CAACC,MAAM,CAACK,OAAO,EAAE;QAAElB,KAAK,EAAElC,KAAK,CAAC8B,MAAM,CAACuB;MAAc,CAAC,CAAE;MAAAV,QAAA,EAClEzC,CAAC,CAAC,uBAAuB;IAAC,CACvB,CAAC,eACP,IAAAZ,WAAA,CAAAqC,GAAA,EAAClD,YAAA,CAAAoE,IAAI;MACHC,KAAK,EAAE,CAACC,MAAM,CAACrB,KAAK,EAAE;QAAE4B,KAAK,EAAEvD,IAAI,GAAGqB,OAAO,GAAG,CAAC;QAAEmC,MAAM,EAAExD,IAAI,GAAGqB,OAAO,GAAG,CAAC;QAAEA;MAAQ,CAAC,CAAE;MAAAuB,QAAA,EAEzFjB;IAAK,CACF,CAAC,EACNH,SAAS,IAAIhB,MAAM,CAACiD,aAAa,gBAChC,IAAAlE,WAAA,CAAAsD,IAAA,EAACnE,YAAA,CAAAoE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACU,SAAU;MAAAd,QAAA,gBAC5B,IAAArD,WAAA,CAAAqC,GAAA,EAACzC,WAAA,CAAA+D,IAAI;QAACH,KAAK,EAAE,CAACC,MAAM,CAACW,QAAQ,EAAE;UAAExB,KAAK,EAAElC,KAAK,CAAC8B,MAAM,CAACuB;QAAc,CAAC,CAAE;QAAAV,QAAA,EACnEzC,CAAC,CAAC,wBAAwB;MAAC,CACxB,CAAC,eACP,IAAAZ,WAAA,CAAAqC,GAAA,EAAC9C,KAAA,CAAA8E,IAAI;QAACjB,MAAM,EAAC,qBAAqB;QAACI,KAAK,EAAEC,MAAM,CAACa,IAAK;QAAAjB,QAAA,EACnDpC,MAAM,CAACiD;MAAa,CACjB,CAAC;IAAA,CACH,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAACK,OAAA,CAAA/D,eAAA,GAAAA,eAAA;AAEF,MAAMiD,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,KAAK,EAAE;IACLgB,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDf,KAAK,EAAE;IACLgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb,CAAC;EACDjB,OAAO,EAAE;IACPc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,SAAS,EAAE;EACb,CAAC;EACD3C,KAAK,EAAE;IACL4C,YAAY,EAAE,EAAE;IAChBrC,eAAe,EAAEvC,WAAW;IAC5BsE,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDd,SAAS,EAAE;IACTO,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDP,QAAQ,EAAE;IACRQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,SAAS,EAAE;EACb,CAAC;EACDT,IAAI,EAAE;IACJM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_button","_code","_RiCheckboxCircleLine","_RiRefreshLine","_loading","_theme","_typography","_oxyRuntimeContext","_useI18n","_accountDialogSnapshot","_jsxRuntime","e","__esModule","default","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","CODE_SIZE_RATIO","CODE_HINT_SIZE_RATIO","CODE_HINT_LINE_HEIGHT","OxyDeviceSignIn","size","theme","useTheme","t","useI18n","accountDialogController","controller","useOxy","signIn","useAccountDialogSnapshot","live","inline","phase","expired","failure","useEffect","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","jsx","RiCheckboxCircleLine","fill","colors","success","value","backgroundColor","color","SpinnerIcon","Button","appearance","tone","leadingIcon","RiRefreshLine","onPress","testID","children","jsxs","View","style","styles","block","width","height","authorizeCode","codeBlock","Text","codeHint","textSecondary","fontSize","lineHeight","Code","exports","StyleSheet","create","alignItems","gap","borderRadius","justifyContent","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":";;;;;;AA6BA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,sBAAA,GAAAb,OAAA;AAA0E,IAAAc,WAAA,GAAAd,OAAA;AAAA,SAAAG,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,6DACA,MAAMG,WAAW,GAAG,SAAS;AAC7B,MAAMC,aAAa,GAAG,SAAS;AAC/B;AACA,MAAMC,eAAe,GAAG,GAAG;AAC3B;AACA,MAAMC,mBAAmB,GAAG,IAAI;AAChC;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG,IAAI;AAC5B,MAAMC,oBAAoB,GAAG,KAAK;AAClC,MAAMC,qBAAqB,GAAG,GAAG;AAO1B,MAAMC,eAA+C,GAAGA,CAAC;EAAEC,IAAI,GAAGN;AAAgB,CAAC,KAAK;EAC7F,MAAMO,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACvB,MAAM;IAAEC,uBAAuB,EAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAM,EAAC,CAAC;EACxD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,+CAAwB,EAACH,UAAU,CAAC;EACvD,MAAMI,IAAI,GAAGF,MAAM,CAACG,MAAM,KAAKH,MAAM,CAACI,KAAK,KAAK,UAAU,IAAIJ,MAAM,CAACI,KAAK,KAAK,SAAS,CAAC;EACzF,MAAMC,OAAO,GAAGL,MAAM,CAACG,MAAM,IAAIH,MAAM,CAACI,KAAK,KAAK,OAAO,IAAIJ,MAAM,CAACM,OAAO,KAAK,SAAS;;EAEzF;EACA;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACT,UAAU,EAAE;IACjB,MAAM;MAAEE,MAAM,EAAEQ;IAAQ,CAAC,GAAGV,UAAU,CAACW,WAAW,CAAC,CAAC;IACpD,IAAI,EAAED,OAAO,CAACL,MAAM,KAAKK,OAAO,CAACJ,KAAK,KAAK,UAAU,IAAII,OAAO,CAACJ,KAAK,KAAK,SAAS,CAAC,CAAC,EAAE;MACtF,KAAKN,UAAU,CAACY,aAAa,CAAC,CAAC;IACjC;IACA,OAAO,MAAM;MACX,MAAM;QAAEV,MAAM,EAAEW;MAAK,CAAC,GAAGb,UAAU,CAACW,WAAW,CAAC,CAAC;MACjD,IAAIE,IAAI,CAACR,MAAM,KAAKQ,IAAI,CAACP,KAAK,KAAK,UAAU,IAAIO,IAAI,CAACP,KAAK,KAAK,SAAS,CAAC,EACxEN,UAAU,CAACc,YAAY,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACd,UAAU,CAAC,CAAC;;EAEhB;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIT,UAAU,IAAIO,OAAO,EAAE,KAAKP,UAAU,CAACY,aAAa,CAAC,CAAC;EAC5D,CAAC,EAAE,CAACZ,UAAU,EAAEO,OAAO,CAAC,CAAC;EAEzB,MAAMQ,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAGL,mBAAmB,CAAC;EACtD,MAAM6B,SAAS,GAAGd,IAAI,IAAIF,MAAM,CAACiB,WAAW,IAAIjB,MAAM,CAACkB,QAAQ,KAAK,qBAAqB;EAEzF,IAAIC,KAAsB;EAC1B,IAAInB,MAAM,CAACG,MAAM,IAAIH,MAAM,CAACkB,QAAQ,KAAK,oBAAoB,EAAE;IAC7DC,KAAK,gBAAG,IAAAvC,WAAA,CAAAwC,GAAA,EAAChD,qBAAA,CAAAiD,oBAAoB;MAAC7B,IAAI,EAAC,KAAK;MAAC8B,IAAI,EAAE7B,KAAK,CAAC8B,MAAM,CAACC;IAAQ,CAAE,CAAC;EACzE,CAAC,MAAM,IAAIR,SAAS,IAAIhB,MAAM,CAACiB,WAAW,EAAE;IAC1CE,KAAK,gBACH,IAAAvC,WAAA,CAAAwC,GAAA,EAACpD,qBAAA,CAAAe,OAAM;MACL0C,KAAK,EAAEzB,MAAM,CAACiB,WAAY;MAC1BzB,IAAI,EAAEA,IAAK;MACXkC,eAAe,EAAE1C,WAAY;MAC7B2C,KAAK,EAAE1C;IAAc,CACtB,CACF;EACH,CAAC,MAAM,IAAIiB,IAAI,IAAIG,OAAO,IAAKL,MAAM,CAACG,MAAM,IAAIH,MAAM,CAACI,KAAK,KAAK,WAAY,EAAE;IAC7Ee,KAAK,gBAAG,IAAAvC,WAAA,CAAAwC,GAAA,EAAC9C,QAAA,CAAAsD,WAAW;MAACpC,IAAI,EAAEsB,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAG,CAAC,CAAE;MAACmC,KAAK,EAAE1C;IAAc,CAAE,CAAC;EAC3E,CAAC,MAAM;IACL;IACA;IACAkC,KAAK,gBACH,IAAAvC,WAAA,CAAAwC,GAAA,EAAClD,OAAA,CAAA2D,MAAM;MACLC,UAAU,EAAC,OAAO;MAClBC,IAAI,EAAC,SAAS;MACdC,WAAW,EAAEC,4BAAc;MAC3BC,OAAO,EAAEA,CAAA,KAAM,KAAKpC,UAAU,EAAEY,aAAa,CAAC,CAAE;MAChDyB,MAAM,EAAC,sBAAsB;MAAAC,QAAA,EAE5BzC,CAAC,CAAC,iBAAiB;IAAC,CACf,CACT;EACH;EAEA,oBACE,IAAAf,WAAA,CAAAyD,IAAA,EAACtE,YAAA,CAAAuE,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,KAAM;IAACN,MAAM,EAAC,oBAAoB;IAAAC,QAAA,gBACpD,IAAAxD,WAAA,CAAAwC,GAAA,EAACrD,YAAA,CAAAuE,IAAI;MACHC,KAAK,EAAE,CAACC,MAAM,CAACrB,KAAK,EAAE;QAAEuB,KAAK,EAAElD,IAAI,GAAGqB,OAAO,GAAG,CAAC;QAAE8B,MAAM,EAAEnD,IAAI,GAAGqB,OAAO,GAAG,CAAC;QAAEA;MAAQ,CAAC,CAAE;MAAAuB,QAAA,EAEzFjB;IAAK,CACF,CAAC,EACNH,SAAS,IAAIhB,MAAM,CAAC4C,aAAa,gBAChC,IAAAhE,WAAA,CAAAyD,IAAA,EAACtE,YAAA,CAAAuE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACK,SAAU;MAAAT,QAAA,gBAC5B,IAAAxD,WAAA,CAAAwC,GAAA,EAAC5C,WAAA,CAAAsE,IAAI;QACHP,KAAK,EAAE,CACLC,MAAM,CAACO,QAAQ,EACf;UACEpB,KAAK,EAAElC,KAAK,CAAC8B,MAAM,CAACyB,aAAa;UACjCC,QAAQ,EAAEnC,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAGH,oBAAoB,CAAC;UACjD6D,UAAU,EAAEpC,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAGH,oBAAoB,GAAGC,qBAAqB;QAC5E,CAAC,CACD;QAAA8C,QAAA,EAEDzC,CAAC,CAAC,wBAAwB;MAAC,CACxB,CAAC,eACP,IAAAf,WAAA,CAAAwC,GAAA,EAACjD,KAAA,CAAAgF,IAAI;QACHhB,MAAM,EAAC,qBAAqB;QAC5BI,KAAK,EAAE;UAAEU,QAAQ,EAAEnC,IAAI,CAACC,KAAK,CAACvB,IAAI,GAAGJ,eAAe;QAAE,CAAE;QAAAgD,QAAA,EAEvDpC,MAAM,CAAC4C;MAAa,CACjB,CAAC;IAAA,CACH,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAACQ,OAAA,CAAA7D,eAAA,GAAAA,eAAA;AAEF,MAAMiD,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDrC,KAAK,EAAE;IACLsC,YAAY,EAAE,EAAE;IAChB/B,eAAe,EAAE1C,WAAW;IAC5BuE,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE;EAClB,CAAC;EACDb,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDT,QAAQ,EAAE;IACRY,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -18,6 +18,11 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
  * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
  * of either here. The secret `sessionToken` never leaves the controller.
@@ -45,6 +50,13 @@ const QR_FOREGROUND = '#000000';
 const DEFAULT_QR_SIZE = 280;
 /** The quiet zone around the symbol, as a fraction of its size. */
 const PLATE_PADDING_RATIO = 0.06;
+/**
+ * The code and its hint, as fractions of the QR's edge: 14 and 13 points at
+ * the default 280, so a 32-character code spans about the symbol's width.
+ */
+const CODE_SIZE_RATIO = 0.05;
+const CODE_HINT_SIZE_RATIO = 0.046;
+const CODE_HINT_LINE_HEIGHT = 1.4;
 export const OxyDeviceSignIn = ({
   size = DEFAULT_QR_SIZE
 }) => {
@@ -118,17 +130,7 @@ export const OxyDeviceSignIn = ({
   return /*#__PURE__*/_jsxs(View, {
     style: styles.block,
     testID: "oxy-device-sign-in",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.title, {
-        color: theme.colors.text
-      }],
-      children: t('signin.device.title')
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.caption, {
-        color: theme.colors.textSecondary
-      }],
-      children: t('signin.device.caption')
-    }), /*#__PURE__*/_jsx(View, {
+    children: [/*#__PURE__*/_jsx(View, {
       style: [styles.plate, {
         width: size + padding * 2,
         height: size + padding * 2,
@@ -139,12 +141,16 @@ export const OxyDeviceSignIn = ({
       style: styles.codeBlock,
       children: [/*#__PURE__*/_jsx(Text, {
         style: [styles.codeHint, {
-          color: theme.colors.textSecondary
+          color: theme.colors.textSecondary,
+          fontSize: Math.round(size * CODE_HINT_SIZE_RATIO),
+          lineHeight: Math.round(size * CODE_HINT_SIZE_RATIO * CODE_HINT_LINE_HEIGHT)
         }],
         children: t('signin.device.codeHint')
       }), /*#__PURE__*/_jsx(Code, {
         testID: "device-sign-in-code",
-        style: styles.code,
+        style: {
+          fontSize: Math.round(size * CODE_SIZE_RATIO)
+        },
         children: signIn.authorizeCode
       })]
     }) : null]
@@ -155,17 +161,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 16
   },
-  title: {
-    fontSize: 28,
-    lineHeight: 34,
-    fontWeight: '600',
-    textAlign: 'center'
-  },
-  caption: {
-    fontSize: 16,
-    lineHeight: 22,
-    textAlign: 'center'
-  },
   plate: {
     borderRadius: 16,
     backgroundColor: QR_PLATE_BG,
@@ -177,12 +172,7 @@ const styles = StyleSheet.create({
     gap: 4
   },
   codeHint: {
-    fontSize: 13,
-    lineHeight: 18,
     textAlign: 'center'
-  },
-  code: {
-    fontSize: 14
   }
 });
 //# sourceMappingURL=OxyDeviceSignIn.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","StyleSheet","View","QRCode","Button","Code","RiCheckboxCircleLine","RiRefreshLine","SpinnerIcon","useTheme","Text","useOxy","useI18n","useAccountDialogSnapshot","jsx","_jsx","jsxs","_jsxs","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","OxyDeviceSignIn","size","theme","t","accountDialogController","controller","signIn","live","inline","phase","expired","failure","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","fill","colors","success","value","backgroundColor","color","appearance","tone","leadingIcon","onPress","testID","children","style","styles","block","title","text","caption","textSecondary","width","height","authorizeCode","codeBlock","codeHint","code","create","alignItems","gap","fontSize","lineHeight","fontWeight","textAlign","borderRadius","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","StyleSheet","View","QRCode","Button","Code","RiCheckboxCircleLine","RiRefreshLine","SpinnerIcon","useTheme","Text","useOxy","useI18n","useAccountDialogSnapshot","jsx","_jsx","jsxs","_jsxs","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","CODE_SIZE_RATIO","CODE_HINT_SIZE_RATIO","CODE_HINT_LINE_HEIGHT","OxyDeviceSignIn","size","theme","t","accountDialogController","controller","signIn","live","inline","phase","expired","failure","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","fill","colors","success","value","backgroundColor","color","appearance","tone","leadingIcon","onPress","testID","children","style","styles","block","width","height","authorizeCode","codeBlock","codeHint","textSecondary","fontSize","lineHeight","create","alignItems","gap","borderRadius","justifyContent","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/ui/components/OxyDeviceSignIn.d.ts

@@ -16,6 +16,11 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
  * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
  * of either here. The secret `sessionToken` never leaves the controller.

package/lib/typescript/commonjs/ui/components/OxyDeviceSignIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoF1D,CAAC"}
+{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4F1D,CAAC"}

package/lib/typescript/module/ui/components/OxyDeviceSignIn.d.ts

@@ -16,6 +16,11 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
  * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
  * of either here. The secret `sessionToken` never leaves the controller.

package/lib/typescript/module/ui/components/OxyDeviceSignIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoF1D,CAAC"}
+{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4F1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/services",
-  "version": "13.9.0",
+  "version": "13.10.0",
   "description": "OxyHQ Expo/React Native SDK — UI components, screens, and native features",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -161,7 +161,7 @@
     "@commitlint/config-conventional": "^21.2.0",
     "@expo/app-integrity": "~58.0.2",
     "@expo/vector-icons": "^15.0.3",
-    "@oxy.so/core": "7.8.0",
+    "@oxy.so/core": "7.8.1",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/netinfo": "^12.0.1",
     "@react-native/babel-preset": "^0.88.0",

package/src/ui/components/OxyDeviceSignIn.tsx

@@ -16,6 +16,11 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
  * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
  * of either here. The secret `sessionToken` never leaves the controller.
@@ -43,6 +48,13 @@ const QR_FOREGROUND = '#000000';
 const DEFAULT_QR_SIZE = 280;
 /** The quiet zone around the symbol, as a fraction of its size. */
 const PLATE_PADDING_RATIO = 0.06;
+/**
+ * The code and its hint, as fractions of the QR's edge: 14 and 13 points at
+ * the default 280, so a 32-character code spans about the symbol's width.
+ */
+const CODE_SIZE_RATIO = 0.05;
+const CODE_HINT_SIZE_RATIO = 0.046;
+const CODE_HINT_LINE_HEIGHT = 1.4;
 
 export interface OxyDeviceSignInProps {
   /** Edge of the QR symbol in points. Defaults to 280. */
@@ -112,10 +124,6 @@ export const OxyDeviceSignIn: React.FC<OxyDeviceSignInProps> = ({ size = DEFAULT
 
   return (
     <View style={styles.block} testID="oxy-device-sign-in">
-      <Text style={[styles.title, { color: theme.colors.text }]}>{t('signin.device.title')}</Text>
-      <Text style={[styles.caption, { color: theme.colors.textSecondary }]}>
-        {t('signin.device.caption')}
-      </Text>
       <View
         style={[styles.plate, { width: size + padding * 2, height: size + padding * 2, padding }]}
       >
@@ -123,10 +131,22 @@ export const OxyDeviceSignIn: React.FC<OxyDeviceSignInProps> = ({ size = DEFAULT
       </View>
       {showsCode && signIn.authorizeCode ? (
         <View style={styles.codeBlock}>
-          <Text style={[styles.codeHint, { color: theme.colors.textSecondary }]}>
+          <Text
+            style={[
+              styles.codeHint,
+              {
+                color: theme.colors.textSecondary,
+                fontSize: Math.round(size * CODE_HINT_SIZE_RATIO),
+                lineHeight: Math.round(size * CODE_HINT_SIZE_RATIO * CODE_HINT_LINE_HEIGHT),
+              },
+            ]}
+          >
             {t('signin.device.codeHint')}
           </Text>
-          <Code testID="device-sign-in-code" style={styles.code}>
+          <Code
+            testID="device-sign-in-code"
+            style={{ fontSize: Math.round(size * CODE_SIZE_RATIO) }}
+          >
             {signIn.authorizeCode}
           </Code>
         </View>
@@ -140,17 +160,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 16,
   },
-  title: {
-    fontSize: 28,
-    lineHeight: 34,
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-  caption: {
-    fontSize: 16,
-    lineHeight: 22,
-    textAlign: 'center',
-  },
   plate: {
     borderRadius: 16,
     backgroundColor: QR_PLATE_BG,
@@ -162,11 +171,6 @@ const styles = StyleSheet.create({
     gap: 4,
   },
   codeHint: {
-    fontSize: 13,
-    lineHeight: 18,
     textAlign: 'center',
   },
-  code: {
-    fontSize: 14,
-  },
 });