@oxy.so/services 4.0.7 → 6.1.0

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

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OxyCreateAccountPanel = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("@oxy.so/bloom/theme");
+var _toast = require("@oxy.so/bloom/toast");
+var _core = require("@oxy.so/core");
+var _contracts = require("@oxy.so/contracts");
+var _OxyContext = require("../../context/OxyContext.js");
+var _passkeyFlow = require("../../context/passkeyFlow.js");
+var _useI18n = require("../../hooks/useI18n.js");
+var _commonsStoreLinks = require("../../utils/commonsStoreLinks.js");
+var _passkeyClient = require("../../../webauthn/passkeyClient");
+var _primitives = require("../authChooser/primitives.js");
+var _OxyAuthScreen = require("./OxyAuthScreen.js");
+var _accountFlowParts = require("./accountFlowParts.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Creating an Oxy account on the web (ADR 0029 D3), auth.oxy.so's `/signup`:
+ *
+ *   username → recovery email → the code sent to it → passkey → signed in
+ *
+ * A web account is a username, a passkey and a recovery email — no password, no
+ * phrase, no key. The email is confirmed before the account exists, and is
+ * used only to get back in (`OxyRecoverAccountPanel`). Commons stays the way to
+ * hold your own key: the first step says so, and linking Commons later makes
+ * the account self-custodied and deletes the email.
+ *
+ * Only on auth.oxy.so: the passkey belongs to that origin (RP ID `oxy.so`,
+ * asserted only there), and an app's dialog opens this page in a window
+ * (`OxySignUpPanel`'s `onCreateOnWeb`).
+ */
+
+const OxyCreateAccountPanel = ({
+  onSignedIn,
+  onSignIn
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const {
+    oxyServices,
+    handleWebSession
+  } = (0, _OxyContext.useOxy)();
+  const [step, setStep] = (0, _react.useState)({
+    name: 'username'
+  });
+  const [username, setUsername] = (0, _react.useState)('');
+  const [email, setEmail] = (0, _react.useState)('');
+  const [pending, setPending] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const run = work => {
+    if (pending) return;
+    setError(null);
+    setPending(true);
+    work().catch(reason => {
+      if ((0, _accountFlowParts.isTicketExpired)(reason)) setStep({
+        name: 'email'
+      });
+      setError((0, _accountFlowParts.describeAccountFlowError)(reason, t));
+    }).finally(() => setPending(false));
+  };
+  const submitUsername = () => {
+    const handle = username.trim();
+    if (!handle) {
+      setError(t('signup.username.required'));
+      return;
+    }
+    run(async () => {
+      const {
+        available
+      } = await oxyServices.checkUsernameAvailability(handle);
+      if (!available) throw new Error(t('signup.username.taken'));
+      setStep({
+        name: 'email'
+      });
+    });
+  };
+  const sendCode = async address => {
+    const {
+      verificationId
+    } = await oxyServices.startEmailVerification({
+      purpose: 'signup',
+      email: address
+    });
+    setStep({
+      name: 'code',
+      verificationId
+    });
+  };
+  const submitEmail = () => {
+    const parsed = _contracts.emailAddressSchema.safeParse(email);
+    if (!parsed.success) {
+      setError(t('signup.email.invalid'));
+      return;
+    }
+    setEmail(parsed.data);
+    run(() => sendCode(parsed.data));
+  };
+
+  // The ceremony opens the browser's passkey prompt, so it starts from the press.
+  const createPasskey = emailTicket => run(() => (0, _passkeyFlow.runPasskeyRegisterSignIn)({
+    isSupported: _passkeyClient.isPasskeySupported,
+    getRegisterOptions: () => oxyServices.webauthnRegisterOptions({
+      username: username.trim()
+    }),
+    runCeremony: _passkeyClient.runRegistrationCeremony,
+    registerVerify: response => oxyServices.webauthnRegisterVerify(response, {
+      username: username.trim(),
+      email,
+      emailTicket,
+      deviceFingerprint: JSON.stringify(_core.DeviceManager.getDeviceFingerprint())
+    }),
+    commit: async session => {
+      await handleWebSession(session);
+      onSignedIn();
+    }
+  }));
+  const getCommons = () => {
+    Promise.resolve().then(() => _reactNative.Linking.openURL((0, _commonsStoreLinks.getCommonsAcquisitionUrl)(_reactNative.Platform.OS))).catch(() => _toast.toast.error(t('accountSwitcher.linkOpenFailed')));
+  };
+  switch (step.name) {
+    case 'code':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.EmailCodeStep, {
+        description: t('emailCode.sentTo', {
+          email
+        }),
+        verificationId: step.verificationId,
+        onConfirmed: ({
+          ticket
+        }) => {
+          setError(null);
+          setStep({
+            name: 'passkey',
+            emailTicket: ticket
+          });
+        },
+        onResend: () => sendCode(email),
+        back: {
+          label: t('emailCode.changeEmail'),
+          onPress: () => setStep({
+            name: 'email'
+          })
+        }
+      });
+    case 'passkey':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('signup.passkey.title'),
+          description: t('signup.passkey.subtitle')
+        }), error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowErrorLine, {
+          message: error
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowAction, {
+          label: t('signup.passkey.action'),
+          onPress: () => createPasskey(step.emailTicket),
+          pending: pending,
+          testID: "signup-create-passkey"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthTerms, {})]
+      });
+    case 'email':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('signup.email.title'),
+          description: t('signup.email.subtitle')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowField, {
+          label: t('signup.email.label'),
+          value: email,
+          onChange: value => {
+            setEmail(value);
+            if (error) setError(null);
+          },
+          onSubmit: submitEmail,
+          error: error,
+          disabled: pending,
+          placeholder: t('signup.email.placeholder'),
+          autoComplete: "email",
+          keyboardType: "email-address",
+          testID: "signup-email"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowAction, {
+          label: t('signin.actions.continue'),
+          onPress: submitEmail,
+          pending: pending,
+          testID: "signup-email-continue"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SubtleLink, {
+          label: t('signin.actions.back'),
+          theme: theme,
+          onPress: () => setStep({
+            name: 'username'
+          }),
+          testID: "signup-back"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthTerms, {})]
+      });
+    default:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('signup.title'),
+          description: t('signup.webSubtitle')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowField, {
+          label: t('signup.username.label'),
+          value: username,
+          onChange: value => {
+            setUsername(value);
+            if (error) setError(null);
+          },
+          onSubmit: submitUsername,
+          error: error,
+          disabled: pending,
+          placeholder: t('signup.username.placeholder'),
+          autoComplete: "username",
+          testID: "signup-username"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowAction, {
+          label: t('signin.actions.continue'),
+          onPress: submitUsername,
+          pending: pending,
+          testID: "signup-username-continue"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SubtleLink, {
+          label: t('signup.commonsInstead'),
+          theme: theme,
+          onPress: getCommons,
+          testID: "signup-commons-instead"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SubtleLink, {
+          label: t('signup.backToSignInLink'),
+          theme: theme,
+          onPress: onSignIn,
+          testID: "back-to-sign-in"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthTerms, {})]
+      });
+  }
+};
+exports.OxyCreateAccountPanel = OxyCreateAccountPanel;
+//# sourceMappingURL=OxyCreateAccountPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_toast","_core","_contracts","_OxyContext","_passkeyFlow","_useI18n","_commonsStoreLinks","_passkeyClient","_primitives","_OxyAuthScreen","_accountFlowParts","_jsxRuntime","OxyCreateAccountPanel","onSignedIn","onSignIn","theme","useTheme","t","useI18n","oxyServices","handleWebSession","useOxy","step","setStep","useState","name","username","setUsername","email","setEmail","pending","setPending","error","setError","run","work","catch","reason","isTicketExpired","describeAccountFlowError","finally","submitUsername","handle","trim","available","checkUsernameAvailability","Error","sendCode","address","verificationId","startEmailVerification","purpose","submitEmail","parsed","emailAddressSchema","safeParse","success","data","createPasskey","emailTicket","runPasskeyRegisterSignIn","isSupported","isPasskeySupported","getRegisterOptions","webauthnRegisterOptions","runCeremony","runRegistrationCeremony","registerVerify","response","webauthnRegisterVerify","deviceFingerprint","JSON","stringify","DeviceManager","getDeviceFingerprint","commit","session","getCommons","Promise","resolve","then","Linking","openURL","getCommonsAcquisitionUrl","Platform","OS","toast","jsx","EmailCodeStep","description","onConfirmed","ticket","onResend","back","label","onPress","jsxs","OxyAuthScreen","children","OxyAuthScreenHeader","title","AccountFlowErrorLine","message","AccountFlowAction","testID","OxyAuthTerms","AccountFlowField","value","onChange","onSubmit","disabled","placeholder","autoComplete","keyboardType","SubtleLink","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/signIn/OxyCreateAccountPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OxyDeleteAccountPanel = void 0;
+var _react = require("react");
+var _OxyContext = require("../../context/OxyContext.js");
+var _useI18n = require("../../hooks/useI18n.js");
+var _passkeyClient = require("../../../webauthn/passkeyClient");
+var _passkeyFlow = require("../../context/passkeyFlow.js");
+var _OxyAuthScreen = require("./OxyAuthScreen.js");
+var _accountFlowParts = require("./accountFlowParts.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Deleting a passkey account (ADR 0029 D3), auth.oxy.so's `/delete-account`.
+ *
+ * A passkey account has no key to sign its deletion with, so the person types
+ * the username and asserts one of the account's passkeys — on auth.oxy.so, the
+ * one origin that asserts them — over a challenge the API minted for the
+ * account. An account with a Commons key is deleted in Commons, with its key.
+ * The page must be signed in as the account; the host renders sign-in first.
+ */
+
+const OxyDeleteAccountPanel = ({
+  onDeleted
+}) => {
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const {
+    user,
+    oxyServices,
+    logout
+  } = (0, _OxyContext.useOxy)();
+  const [confirmText, setConfirmText] = (0, _react.useState)('');
+  const [pending, setPending] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const [deleted, setDeleted] = (0, _react.useState)(false);
+  if (deleted) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreen, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+        title: t('deleteAccount.passkey.done'),
+        description: t('deleteAccount.passkey.closeWindow')
+      })
+    });
+  }
+  const username = user?.username ?? '';
+  if (user?.publicKey) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreen, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+        title: t('deleteAccount.handoff.commonsTitle'),
+        description: t('deleteAccount.passkey.commons')
+      })
+    });
+  }
+
+  // The ceremony opens the browser's passkey prompt, so it starts from the press.
+  const remove = () => {
+    if (pending) return;
+    if (confirmText.trim() !== username) {
+      setError(t('deleteAccount.confirmLabel', {
+        username
+      }));
+      return;
+    }
+    setError(null);
+    setPending(true);
+    (async () => {
+      if (!(0, _passkeyClient.isPasskeySupported)()) throw new Error(_passkeyFlow.PASSKEY_UNSUPPORTED_MESSAGE);
+      const options = await oxyServices.getAccountDeletionOptions();
+      const assertion = await (0, _passkeyClient.runAuthenticationCeremony)(options);
+      await oxyServices.deleteAccountWithPasskey(confirmText.trim(), assertion);
+      await logout().catch(() => undefined);
+      setDeleted(true);
+      onDeleted?.();
+    })().catch(reason => setError((0, _accountFlowParts.describeAccountFlowError)(reason, t))).finally(() => setPending(false));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+      title: t('deleteAccount.title'),
+      description: t('deleteAccount.passkey.subtitle', {
+        username
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowNote, {
+      children: t('deleteAccount.warning')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowField, {
+      label: t('deleteAccount.confirmLabel', {
+        username
+      }),
+      value: confirmText,
+      onChange: value => {
+        setConfirmText(value);
+        if (error) setError(null);
+      },
+      onSubmit: remove,
+      error: null,
+      disabled: pending,
+      placeholder: username,
+      autoComplete: "off",
+      testID: "delete-account-confirm"
+    }), error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowErrorLine, {
+      message: error
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowAction, {
+      label: t('deleteAccount.passkey.action'),
+      onPress: remove,
+      pending: pending,
+      disabled: confirmText.trim() !== username,
+      testID: "delete-account-passkey"
+    })]
+  });
+};
+exports.OxyDeleteAccountPanel = OxyDeleteAccountPanel;
+//# sourceMappingURL=OxyDeleteAccountPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_OxyContext","_useI18n","_passkeyClient","_passkeyFlow","_OxyAuthScreen","_accountFlowParts","_jsxRuntime","OxyDeleteAccountPanel","onDeleted","t","useI18n","user","oxyServices","logout","useOxy","confirmText","setConfirmText","useState","pending","setPending","error","setError","deleted","setDeleted","jsx","OxyAuthScreen","children","OxyAuthScreenHeader","title","description","username","publicKey","remove","trim","isPasskeySupported","Error","PASSKEY_UNSUPPORTED_MESSAGE","options","getAccountDeletionOptions","assertion","runAuthenticationCeremony","deleteAccountWithPasskey","catch","undefined","reason","describeAccountFlowError","finally","jsxs","AccountFlowNote","AccountFlowField","label","value","onChange","onSubmit","disabled","placeholder","autoComplete","testID","AccountFlowErrorLine","message","AccountFlowAction","onPress","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/signIn/OxyDeleteAccountPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,275 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OxyLinkCommonsPanel = exports.IDENTITY_LINK_POLL_MS = 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 _theme = require("@oxy.so/bloom/theme");
+var _typography = require("@oxy.so/bloom/typography");
+var _core = require("@oxy.so/core");
+var _OxyContext = require("../../context/OxyContext.js");
+var _passkeyFlow = require("../../context/passkeyFlow.js");
+var _useI18n = require("../../hooks/useI18n.js");
+var _passkeyClient = require("../../../webauthn/passkeyClient");
+var _OxyAuthScreen = require("./OxyAuthScreen.js");
+var _accountFlowParts = require("./accountFlowParts.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Linking Commons to a passkey account (ADR 0029 D3), auth.oxy.so's
+ * `/link-commons`:
+ *
+ *   QR → Commons scans and signs with its key → both screens show the same
+ *   code → the person confirms here with the passkey → linked
+ *
+ * Afterwards the account is self-custodied: its root is the key Commons holds,
+ * its recovery email is deleted, and its phrase in Commons is how it gets back
+ * in. The passkey keeps signing in on the web. The page must be signed in as
+ * the account; the host renders sign-in first.
+ */
+
+/** How often the page asks whether Commons has signed. */
+const IDENTITY_LINK_POLL_MS = exports.IDENTITY_LINK_POLL_MS = 2000;
+
+/** High-contrast, un-themed on purpose: scan reliability. */
+const QR_PLATE_BG = '#FFFFFF';
+const QR_FOREGROUND = '#000000';
+const QR_SIZE = 200;
+const OxyLinkCommonsPanel = ({
+  onLinked
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const {
+    user,
+    oxyServices
+  } = (0, _OxyContext.useOxy)();
+  const [step, setStep] = (0, _react.useState)({
+    name: 'opening'
+  });
+  const [pending, setPending] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const alreadyLinked = Boolean(user?.publicKey);
+  const open = (0, _react.useCallback)(() => {
+    setError(null);
+    setStep({
+      name: 'opening'
+    });
+    oxyServices.createIdentityLink().then(link => setStep({
+      name: 'qr',
+      link
+    })).catch(reason => {
+      setError((0, _accountFlowParts.describeAccountFlowError)(reason, t));
+      setStep({
+        name: 'expired'
+      });
+    });
+  }, [oxyServices, t]);
+
+  // One request per visit, opened once the page knows the account has no root.
+  const opened = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (alreadyLinked || opened.current) return;
+    opened.current = true;
+    open();
+  }, [alreadyLinked, open]);
+
+  // While the QR shows, ask whether Commons has signed; a request only lives a
+  // few minutes, and an expired one says so instead of waiting forever.
+  const link = step.name === 'qr' ? step.link : null;
+  (0, _react.useEffect)(() => {
+    if (!link) return;
+    let stopped = false;
+    const poll = async () => {
+      if (stopped) return;
+      if (Date.now() >= link.expiresAt) {
+        setStep({
+          name: 'expired'
+        });
+        return;
+      }
+      try {
+        const state = await oxyServices.getIdentityLink(link.linkId);
+        if (stopped) return;
+        if (state.status === 'signed' && state.publicKey) {
+          setStep({
+            name: 'matching',
+            link,
+            code: (0, _core.deriveIdentityLinkCode)(link.linkId, state.publicKey)
+          });
+          return;
+        }
+        if (state.status === 'cancelled') {
+          setStep({
+            name: 'expired'
+          });
+          return;
+        }
+      } catch {
+        // A missed poll is retried on the next tick.
+      }
+      if (!stopped) timer = setTimeout(() => void poll(), IDENTITY_LINK_POLL_MS);
+    };
+    let timer = setTimeout(() => void poll(), IDENTITY_LINK_POLL_MS);
+    return () => {
+      stopped = true;
+      clearTimeout(timer);
+    };
+  }, [link, oxyServices]);
+
+  // The ceremony opens the browser's passkey prompt, so it starts from the press.
+  const confirm = confirmed => {
+    if (pending) return;
+    setError(null);
+    setPending(true);
+    (async () => {
+      if (!(0, _passkeyClient.isPasskeySupported)()) throw new Error(_passkeyFlow.PASSKEY_UNSUPPORTED_MESSAGE);
+      const options = await oxyServices.getIdentityLinkAssertionOptions(confirmed.linkId, confirmed.challenge);
+      const assertion = await (0, _passkeyClient.runAuthenticationCeremony)(options);
+      await oxyServices.completeIdentityLink(confirmed.linkId, assertion);
+      setStep({
+        name: 'done'
+      });
+      onLinked?.();
+    })().catch(reason => setError((0, _accountFlowParts.describeAccountFlowError)(reason, t))).finally(() => setPending(false));
+  };
+  const cancel = cancelled => {
+    void oxyServices.cancelIdentityLink(cancelled.linkId).catch(() => undefined);
+    setStep({
+      name: 'expired'
+    });
+  };
+  if (alreadyLinked) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreen, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+        title: t('linkCommons.title'),
+        description: t('linkCommons.already')
+      })
+    });
+  }
+  switch (step.name) {
+    case 'done':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreen, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('linkCommons.doneTitle'),
+          description: t('linkCommons.done')
+        })
+      });
+    case 'expired':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('linkCommons.title'),
+          description: t('linkCommons.expired')
+        }), error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowErrorLine, {
+          message: error
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowAction, {
+          label: t('linkCommons.renew'),
+          onPress: open,
+          pending: false,
+          testID: "link-commons-renew"
+        })]
+      });
+    case 'matching':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('linkCommons.compareTitle'),
+          description: t('linkCommons.compare')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          accessibilityLabel: step.code.split('').join(' '),
+          style: [styles.code, {
+            color: theme.colors.text
+          }],
+          testID: "link-commons-code",
+          children: `${step.code.slice(0, 3)} ${step.code.slice(3)}`
+        }), error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowErrorLine, {
+          message: error
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowAction, {
+          label: t('linkCommons.confirm'),
+          onPress: () => confirm(step.link),
+          pending: pending,
+          testID: "link-commons-confirm"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          appearance: "plain",
+          tone: "neutral",
+          size: "lg",
+          fullWidth: true,
+          disabled: pending,
+          onPress: () => cancel(step.link),
+          testID: "link-commons-cancel",
+          children: t('linkCommons.cancel')
+        })]
+      });
+    case 'qr':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('linkCommons.title'),
+          description: t('linkCommons.subtitle')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.plateRow,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.plate, {
+              borderColor: theme.colors.border
+            }],
+            testID: "link-commons-qr",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeQrcodeSvg.default, {
+              value: step.link.qrPayload,
+              size: QR_SIZE,
+              backgroundColor: QR_PLATE_BG,
+              color: QR_FOREGROUND
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowNote, {
+          children: t('linkCommons.scan')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accountFlowParts.AccountFlowNote, {
+          children: t('linkCommons.waiting')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          appearance: "plain",
+          tone: "neutral",
+          size: "lg",
+          fullWidth: true,
+          onPress: () => cancel(step.link),
+          testID: "link-commons-cancel",
+          children: t('linkCommons.cancel')
+        })]
+      });
+    default:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OxyAuthScreen.OxyAuthScreen, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyAuthScreen.OxyAuthScreenHeader, {
+          title: t('linkCommons.title'),
+          description: t('linkCommons.subtitle')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.plateRow,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            size: "large",
+            color: theme.colors.primary
+          })
+        })]
+      });
+  }
+};
+exports.OxyLinkCommonsPanel = OxyLinkCommonsPanel;
+const styles = _reactNative.StyleSheet.create({
+  plateRow: {
+    alignItems: 'center'
+  },
+  plate: {
+    padding: 12,
+    borderRadius: 16,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    backgroundColor: QR_PLATE_BG
+  },
+  code: {
+    fontSize: 40,
+    lineHeight: 48,
+    fontWeight: '700',
+    letterSpacing: 4,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=OxyLinkCommonsPanel.js.map