@dloizides/ui-access-admin 1.0.1

package/dist/index.js

@@ -0,0 +1,576 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var uiButtons = require('@dloizides/ui-buttons');
+var uiFeedback = require('@dloizides/ui-feedback');
+var uiLayout = require('@dloizides/ui-layout');
+var jsxRuntime = require('react/jsx-runtime');
+var uiForms = require('@dloizides/ui-forms');
+
+// src/AccessLinkPanel/AccessLinkPanel.tsx
+
+// src/AccessResultTone.ts
+var AccessResultTone = /* @__PURE__ */ ((AccessResultTone2) => {
+  AccessResultTone2["Success"] = "success";
+  AccessResultTone2["Error"] = "error";
+  return AccessResultTone2;
+})(AccessResultTone || {});
+
+// src/constants.ts
+var ACCESS_ADMIN_I18N = {
+  // ── AccessLinkPanel: framing ────────────────────────────────────────────────
+  /** Panel heading. `{{p1}}` = subject display name. */
+  panelHeading: "accessAdmin.link.panelHeading",
+  /** Supporting line explaining what the link grants. */
+  panelNote: "accessAdmin.link.panelNote",
+  /** The security warning. Shown always, not only after a mint — see AccessLinkPanel. */
+  capabilityWarning: "accessAdmin.link.capabilityWarning",
+  /** "A link created now stops working on {{p1}}." `{{p1}}` = yyyy-mm-dd. */
+  expiryPreview: "accessAdmin.link.expiryPreview",
+  // ── AccessLinkPanel: minting ────────────────────────────────────────────────
+  mint: "accessAdmin.link.mint",
+  mintHint: "accessAdmin.link.mintHint",
+  /** Heading over the revealed URL. `{{p1}}` = subject display name. */
+  mintedTitle: "accessAdmin.link.mintedTitle",
+  /** "Shown once — copy it now." The honesty that makes the one-shot reveal safe. */
+  mintedHint: "accessAdmin.link.mintedHint",
+  /** Reported when the mint landed AND the clipboard write succeeded. `{{p1}}` = name. */
+  copySuccess: "accessAdmin.link.copySuccess",
+  /** Reported when the mint landed but the clipboard REFUSED. `{{p1}}` = name. */
+  mintNotCopied: "accessAdmin.link.mintNotCopied",
+  /** Reported when a re-copy of an already-revealed URL failed. `{{p1}}` = name. */
+  copyFailed: "accessAdmin.link.copyFailed",
+  // ── AccessLinkPanel: acting on a revealed URL ───────────────────────────────
+  recopy: "accessAdmin.link.recopy",
+  recopyHint: "accessAdmin.link.recopyHint",
+  copied: "accessAdmin.link.copied",
+  dismiss: "accessAdmin.link.dismiss",
+  dismissHint: "accessAdmin.link.dismissHint",
+  email: "accessAdmin.link.email",
+  emailHint: "accessAdmin.link.emailHint",
+  /** "This opens YOUR mail app — we do not send it for you." */
+  emailNote: "accessAdmin.link.emailNote",
+  /** Mail subject. `{{p1}}` = subject display name. */
+  emailSubject: "accessAdmin.link.emailSubject",
+  /** Mail body. `{{p1}}` = name, `{{p2}}` = url, `{{p3}}` = expiry date. */
+  emailBody: "accessAdmin.link.emailBody",
+  // ── AccessLinkPanel: the live list ──────────────────────────────────────────
+  /** "Live links ({{p1}})". `{{p1}}` = count. */
+  liveHeading: "accessAdmin.link.liveHeading",
+  /** "Created {{p1}} · stops working {{p2}}". */
+  liveMeta: "accessAdmin.link.liveMeta",
+  /** Shown in `liveMeta`'s `{{p2}}` slot when a link has no expiry at all. */
+  expiresNever: "accessAdmin.link.expiresNever",
+  noLive: "accessAdmin.link.noLive",
+  /** Shown when the link list FAILED to load — never conflated with "there are none". */
+  liveLoadError: "accessAdmin.link.liveLoadError",
+  close: "accessAdmin.link.close",
+  closeHint: "accessAdmin.link.closeHint",
+  // ── AccountLinkPanel ────────────────────────────────────────────────────────
+  /** Panel heading. `{{p1}}` = subject display name. */
+  accountPanelHeading: "accessAdmin.account.panelHeading",
+  accountPanelNote: "accessAdmin.account.panelNote",
+  accountPickerLabel: "accessAdmin.account.pickerLabel",
+  accountPickerHint: "accessAdmin.account.pickerHint",
+  accountPickerPlaceholder: "accessAdmin.account.pickerPlaceholder",
+  accountOptionHint: "accessAdmin.account.optionHint",
+  /** Label for a directory entry carrying neither a display name nor an email. */
+  accountUnnamed: "accessAdmin.account.unnamed",
+  /** Shown when the directory is empty (or every entry is taken by another subject). */
+  accountNone: "accessAdmin.account.none",
+  accountLink: "accessAdmin.account.link",
+  accountLinkHint: "accessAdmin.account.linkHint",
+  /** `{{p1}}` = subject display name. */
+  accountLinkSuccess: "accessAdmin.account.linkSuccess",
+  accountUnlink: "accessAdmin.account.unlink",
+  accountUnlinkHint: "accessAdmin.account.unlinkHint",
+  /** `{{p1}}` = subject display name. */
+  accountUnlinkSuccess: "accessAdmin.account.unlinkSuccess",
+  accountClose: "accessAdmin.account.close",
+  accountCloseHint: "accessAdmin.account.closeHint"
+};
+var ACCESS_ADMIN_TEST_IDS = {
+  linkPanel: "access-link-panel",
+  accountPanel: "account-link-panel"
+};
+
+// src/expiry/expiryPolicy.ts
+var MS_PER_DAY = 864e5;
+var ISO_DATE_LENGTH = 10;
+function daysUntilAnchor(anchorDate, now) {
+  if (typeof anchorDate !== "string" || anchorDate.trim() === "") return null;
+  const anchor = Date.parse(anchorDate);
+  if (Number.isNaN(anchor)) return null;
+  return Math.floor(anchor / MS_PER_DAY) - Math.floor(now.getTime() / MS_PER_DAY);
+}
+function capabilityExpiryDays(policy, now) {
+  const untilAnchor = daysUntilAnchor(policy.anchorDate, now);
+  const raw = untilAnchor === null ? policy.tailDays : untilAnchor + policy.tailDays;
+  if (raw < policy.minDays) return policy.minDays;
+  if (raw > policy.maxDays) return policy.maxDays;
+  return raw;
+}
+function capabilityExpiryDate(policy, now) {
+  const days = capabilityExpiryDays(policy, now);
+  return new Date(now.getTime() + days * MS_PER_DAY).toISOString().slice(0, ISO_DATE_LENGTH);
+}
+
+// src/links/capabilityLinkHelpers.ts
+var ISO_DATE_LENGTH2 = 10;
+function linksForSubject(links, subjectId) {
+  return links.filter((link) => link.subjectId === subjectId).sort((a, b) => String(b.createdAt ?? "").localeCompare(String(a.createdAt ?? "")));
+}
+function activeLinksForSubject(links, subjectId) {
+  return linksForSubject(links, subjectId).filter((link) => link.isActive);
+}
+function formatLinkDate(value, fallback) {
+  if (typeof value !== "string" || value.trim() === "") return fallback;
+  return value.slice(0, ISO_DATE_LENGTH2);
+}
+function buildCapabilityLinkMailto(subject, body, url) {
+  if (url.trim() === "") return null;
+  return `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
+}
+function useCapabilityLinkMint(options) {
+  const { subject, policy, mint, describeError, onResult, t, now, clipboardWriter } = options;
+  const [minted, setMinted] = react.useState(null);
+  const [copied, setCopied] = react.useState(false);
+  const [isPending, setIsPending] = react.useState(false);
+  const mountedRef = react.useRef(true);
+  react.useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const copyUrl = react.useCallback(
+    async (url) => {
+      const ok = await uiLayout.copyText(url, clipboardWriter);
+      if (mountedRef.current) setCopied(ok);
+      return ok;
+    },
+    [clipboardWriter]
+  );
+  const runMint = react.useCallback(() => {
+    if (isPending) return;
+    setIsPending(true);
+    void (async () => {
+      try {
+        const expiresInDays = capabilityExpiryDays(policy, now === void 0 ? /* @__PURE__ */ new Date() : now());
+        const link = await mint({ subject, expiresInDays });
+        if (!mountedRef.current) return;
+        setMinted(link);
+        const ok = await copyUrl(link.url ?? "");
+        if (!mountedRef.current) return;
+        onResult(
+          t(
+            ok ? ACCESS_ADMIN_I18N.copySuccess : ACCESS_ADMIN_I18N.mintNotCopied,
+            subject.displayName
+          ),
+          ok ? "success" /* Success */ : "error" /* Error */
+        );
+      } catch (error) {
+        if (!mountedRef.current) return;
+        onResult(describeError(error), "error" /* Error */);
+      } finally {
+        if (mountedRef.current) setIsPending(false);
+      }
+    })();
+  }, [isPending, policy, now, mint, subject, copyUrl, onResult, t, describeError]);
+  const recopy = react.useCallback(() => {
+    const url = minted?.url ?? "";
+    if (url === "") return;
+    void (async () => {
+      const ok = await copyUrl(url);
+      if (!mountedRef.current) return;
+      onResult(
+        t(ok ? ACCESS_ADMIN_I18N.copySuccess : ACCESS_ADMIN_I18N.copyFailed, subject.displayName),
+        ok ? "success" /* Success */ : "error" /* Error */
+      );
+    })();
+  }, [minted, copyUrl, onResult, t, subject.displayName]);
+  const dismiss = react.useCallback(() => {
+    setMinted(null);
+    setCopied(false);
+  }, []);
+  return { minted, isPending, copied, mint: runMint, recopy, dismiss };
+}
+function useAccessAdminPalette() {
+  const { theme } = uiFeedback.useUi();
+  const { colors, palette, semantic } = theme;
+  return react.useMemo(() => {
+    const success = semantic.success ?? semantic.error;
+    return {
+      panelSurface: colors.surface,
+      border: colors.border,
+      textPrimary: colors.text,
+      textSecondary: colors.textSecondary,
+      danger: semantic.error["500"],
+      // A tinted step when the host's scale has one, else the elevated surface —
+      // never a hardcoded pastel, which would be wrong in dark mode.
+      revealSurface: success["50"] ?? success["100"] ?? colors.surfaceElevated,
+      revealBorder: success["500"],
+      revealHeading: palette.primary["700"] ?? palette.primary["500"]
+    };
+  }, [colors, palette, semantic]);
+}
+var SPACE_XS = 4;
+var SPACE_SM = 8;
+var SPACE_MD = 12;
+var SPACE_LG = 16;
+var FONT_SM = 12;
+var FONT_MD = 13;
+var AccessLinkPanel = ({
+  subject,
+  policy,
+  links,
+  linksFailed = false,
+  mint,
+  describeError,
+  onClose,
+  onResult,
+  renderLinkActions,
+  now,
+  clipboardWriter,
+  testIDPrefix = ACCESS_ADMIN_TEST_IDS.linkPanel
+}) => {
+  const { t } = uiFeedback.useUi();
+  const palette = useAccessAdminPalette();
+  const styles = react.useMemo(() => buildStyles(palette), [palette]);
+  const state = useCapabilityLinkMint({
+    subject,
+    policy,
+    mint,
+    describeError,
+    onResult,
+    t,
+    now,
+    clipboardWriter
+  });
+  const expiryDate = react.useMemo(
+    () => capabilityExpiryDate(policy, now === void 0 ? /* @__PURE__ */ new Date() : now()),
+    [policy, now]
+  );
+  const liveLinks = react.useMemo(() => activeLinksForSubject(links, subject.id), [links, subject.id]);
+  const mintedUrl = state.minted?.url ?? "";
+  const handleEmail = () => {
+    const mailto = buildCapabilityLinkMailto(
+      t(ACCESS_ADMIN_I18N.emailSubject, subject.displayName),
+      t(ACCESS_ADMIN_I18N.emailBody, subject.displayName, mintedUrl, expiryDate),
+      mintedUrl
+    );
+    if (mailto === null) return;
+    void reactNative.Linking.openURL(mailto).catch(() => {
+      onResult(t(ACCESS_ADMIN_I18N.copyFailed, subject.displayName), "error" /* Error */);
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.panel, testID: testIDPrefix, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.heading, children: t(ACCESS_ADMIN_I18N.panelHeading, subject.displayName) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.panelNote) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.warning, testID: `${testIDPrefix}-capability-warning`, children: t(ACCESS_ADMIN_I18N.capabilityWarning) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, testID: `${testIDPrefix}-expiry-preview`, children: t(ACCESS_ADMIN_I18N.expiryPreview, expiryDate) }),
+    state.minted !== null ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.revealBox, testID: `${testIDPrefix}-minted`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.revealTitle, children: t(ACCESS_ADMIN_I18N.mintedTitle, subject.displayName) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.mintedHint) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { selectable: true, style: styles.url, testID: `${testIDPrefix}-minted-url`, children: mintedUrl }),
+      /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.actions, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          uiButtons.Button,
+          {
+            accessibilityHint: t(ACCESS_ADMIN_I18N.recopyHint),
+            accessibilityLabel: state.copied ? t(ACCESS_ADMIN_I18N.copied) : t(ACCESS_ADMIN_I18N.recopy),
+            label: state.copied ? t(ACCESS_ADMIN_I18N.copied) : t(ACCESS_ADMIN_I18N.recopy),
+            onPress: state.recopy,
+            testID: `${testIDPrefix}-recopy`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          uiButtons.Button,
+          {
+            accessibilityHint: t(ACCESS_ADMIN_I18N.emailHint),
+            accessibilityLabel: t(ACCESS_ADMIN_I18N.email),
+            label: t(ACCESS_ADMIN_I18N.email),
+            onPress: handleEmail,
+            testID: `${testIDPrefix}-email`,
+            variant: "secondary"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          uiButtons.Button,
+          {
+            accessibilityHint: t(ACCESS_ADMIN_I18N.dismissHint),
+            accessibilityLabel: t(ACCESS_ADMIN_I18N.dismiss),
+            label: t(ACCESS_ADMIN_I18N.dismiss),
+            onPress: state.dismiss,
+            testID: `${testIDPrefix}-dismiss`,
+            variant: "secondary"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.emailNote) })
+    ] }) : null,
+    linksFailed ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.warning, testID: `${testIDPrefix}-load-error`, children: t(ACCESS_ADMIN_I18N.liveLoadError) }) : null,
+    !linksFailed && liveLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.liveBox, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.subheading, children: t(ACCESS_ADMIN_I18N.liveHeading, String(liveLinks.length)) }),
+      liveLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.liveRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.liveMeta, children: t(
+          ACCESS_ADMIN_I18N.liveMeta,
+          formatLinkDate(link.createdAt, ""),
+          formatLinkDate(link.expiresAt, t(ACCESS_ADMIN_I18N.expiresNever))
+        ) }),
+        renderLinkActions === void 0 ? null : renderLinkActions(link)
+      ] }, link.id))
+    ] }) : null,
+    !linksFailed && liveLinks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, testID: `${testIDPrefix}-no-live`, children: t(ACCESS_ADMIN_I18N.noLive) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.actions, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiButtons.Button,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.mintHint),
+          accessibilityLabel: t(ACCESS_ADMIN_I18N.mint),
+          disabled: state.isPending,
+          label: t(ACCESS_ADMIN_I18N.mint),
+          loading: state.isPending,
+          onPress: state.mint,
+          testID: `${testIDPrefix}-mint`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiButtons.Button,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.closeHint),
+          accessibilityLabel: t(ACCESS_ADMIN_I18N.close),
+          disabled: state.isPending,
+          label: t(ACCESS_ADMIN_I18N.close),
+          onPress: onClose,
+          testID: `${testIDPrefix}-close`,
+          variant: "secondary"
+        }
+      )
+    ] })
+  ] });
+};
+var buildStyles = (c) => reactNative.StyleSheet.create({
+  actions: { flexDirection: "row", flexWrap: "wrap", gap: SPACE_SM },
+  heading: { color: c.textPrimary, fontSize: FONT_MD, fontWeight: "700" },
+  liveBox: { gap: SPACE_SM, marginTop: SPACE_XS },
+  liveMeta: { color: c.textSecondary, fontSize: FONT_SM },
+  liveRow: {
+    borderTopColor: c.border,
+    borderTopWidth: 1,
+    gap: SPACE_XS,
+    paddingTop: SPACE_SM
+  },
+  note: { color: c.textSecondary, fontSize: FONT_SM },
+  panel: {
+    backgroundColor: c.panelSurface,
+    borderColor: c.border,
+    borderRadius: SPACE_SM,
+    borderWidth: 1,
+    gap: SPACE_XS,
+    marginBottom: SPACE_LG,
+    padding: SPACE_MD
+  },
+  revealBox: {
+    backgroundColor: c.revealSurface,
+    borderColor: c.revealBorder,
+    borderRadius: SPACE_SM,
+    borderWidth: 1,
+    gap: SPACE_XS,
+    marginVertical: SPACE_SM,
+    padding: SPACE_MD
+  },
+  revealTitle: { color: c.revealHeading, fontSize: FONT_MD, fontWeight: "800" },
+  subheading: { color: c.textPrimary, fontSize: FONT_SM, fontWeight: "700" },
+  url: { color: c.textPrimary, fontSize: FONT_MD, fontWeight: "600" },
+  warning: { color: c.danger, fontSize: FONT_SM, fontWeight: "600" }
+});
+
+// src/accounts/accountOptions.ts
+function isFilled(value) {
+  return typeof value === "string" && value.trim() !== "";
+}
+function accountDisplayLabel(account, unnamedLabel) {
+  if (isFilled(account.displayName)) return account.displayName.trim();
+  if (isFilled(account.email)) return account.email.trim();
+  return unnamedLabel;
+}
+function buildAccountOptions(accounts, bindings, subject, unnamedLabel) {
+  const takenByOthers = /* @__PURE__ */ new Set();
+  bindings.forEach((accountId, subjectId) => {
+    if (subjectId !== subject.id && isFilled(accountId)) takenByOthers.add(accountId);
+  });
+  return accounts.filter((account) => !takenByOthers.has(account.userId)).map((account) => ({
+    value: account.userId,
+    label: accountDisplayLabel(account, unnamedLabel)
+  }));
+}
+function useSubjectAccountLink(options) {
+  const { subject, boundAccountId, linkAccount, describeError, onResult, t } = options;
+  const [selectedAccountId, setSelectedAccountId] = react.useState(boundAccountId);
+  const [isPending, setIsPending] = react.useState(false);
+  const mountedRef = react.useRef(true);
+  react.useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  react.useEffect(() => {
+    setSelectedAccountId(boundAccountId);
+  }, [subject.id, boundAccountId]);
+  const canLink = !isPending && selectedAccountId !== null && selectedAccountId !== boundAccountId;
+  const canUnlink = !isPending && boundAccountId !== null;
+  const submit = react.useCallback(
+    (accountId, successKey) => {
+      setIsPending(true);
+      void (async () => {
+        try {
+          await linkAccount(subject, accountId);
+          if (!mountedRef.current) return;
+          onResult(t(successKey, subject.displayName), "success" /* Success */);
+        } catch (error) {
+          if (!mountedRef.current) return;
+          onResult(describeError(error), "error" /* Error */);
+        } finally {
+          if (mountedRef.current) setIsPending(false);
+        }
+      })();
+    },
+    [linkAccount, subject, onResult, t, describeError]
+  );
+  const link = react.useCallback(() => {
+    if (!canLink || selectedAccountId === null) return;
+    submit(selectedAccountId, ACCESS_ADMIN_I18N.accountLinkSuccess);
+  }, [canLink, selectedAccountId, submit]);
+  const unlink = react.useCallback(() => {
+    if (!canUnlink) return;
+    submit(null, ACCESS_ADMIN_I18N.accountUnlinkSuccess);
+  }, [canUnlink, submit]);
+  return { selectedAccountId, select: setSelectedAccountId, isPending, canLink, canUnlink, link, unlink };
+}
+var SPACE_XS2 = 4;
+var SPACE_SM2 = 8;
+var SPACE_MD2 = 12;
+var SPACE_LG2 = 16;
+var FONT_SM2 = 12;
+var FONT_MD2 = 13;
+var AccountLinkPanel = ({
+  subject,
+  boundAccountId,
+  accounts,
+  bindings,
+  linkAccount,
+  describeError,
+  onClose,
+  onResult,
+  testIDPrefix = ACCESS_ADMIN_TEST_IDS.accountPanel
+}) => {
+  const { t } = uiFeedback.useUi();
+  const palette = useAccessAdminPalette();
+  const styles = react.useMemo(() => buildStyles2(palette), [palette]);
+  const state = useSubjectAccountLink({
+    subject,
+    boundAccountId,
+    linkAccount,
+    describeError,
+    onResult,
+    t
+  });
+  const unnamedLabel = t(ACCESS_ADMIN_I18N.accountUnnamed);
+  const options = react.useMemo(
+    () => buildAccountOptions(accounts, bindings, subject, unnamedLabel),
+    [accounts, bindings, subject, unnamedLabel]
+  );
+  const selectedLabel = options.find((option) => option.value === state.selectedAccountId)?.label ?? "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.panel, testID: testIDPrefix, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.heading, children: t(ACCESS_ADMIN_I18N.accountPanelHeading, subject.displayName) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.accountPanelNote) }),
+    options.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      uiForms.SelectControl,
+      {
+        accessibilityHint: t(ACCESS_ADMIN_I18N.accountPickerHint),
+        accessibilityLabel: `${t(ACCESS_ADMIN_I18N.accountPickerLabel)}: ${selectedLabel === "" ? t(ACCESS_ADMIN_I18N.accountPickerPlaceholder) : selectedLabel}`,
+        onChange: state.select,
+        optionHint: t(ACCESS_ADMIN_I18N.accountOptionHint),
+        options,
+        placeholder: t(ACCESS_ADMIN_I18N.accountPickerPlaceholder),
+        testID: `${testIDPrefix}-picker`,
+        value: state.selectedAccountId ?? ""
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.note, testID: `${testIDPrefix}-no-accounts`, children: t(ACCESS_ADMIN_I18N.accountNone) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.actions, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiButtons.Button,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.accountLinkHint),
+          accessibilityLabel: t(ACCESS_ADMIN_I18N.accountLink),
+          disabled: !state.canLink,
+          label: t(ACCESS_ADMIN_I18N.accountLink),
+          loading: state.isPending,
+          onPress: state.link,
+          testID: `${testIDPrefix}-link`
+        }
+      ),
+      state.canUnlink ? /* @__PURE__ */ jsxRuntime.jsx(
+        uiButtons.Button,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.accountUnlinkHint),
+          accessibilityLabel: t(ACCESS_ADMIN_I18N.accountUnlink),
+          disabled: state.isPending,
+          label: t(ACCESS_ADMIN_I18N.accountUnlink),
+          onPress: state.unlink,
+          testID: `${testIDPrefix}-unlink`,
+          variant: "danger"
+        }
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiButtons.Button,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.accountCloseHint),
+          accessibilityLabel: t(ACCESS_ADMIN_I18N.accountClose),
+          disabled: state.isPending,
+          label: t(ACCESS_ADMIN_I18N.accountClose),
+          onPress: onClose,
+          testID: `${testIDPrefix}-close`,
+          variant: "secondary"
+        }
+      )
+    ] })
+  ] });
+};
+var buildStyles2 = (c) => reactNative.StyleSheet.create({
+  actions: { flexDirection: "row", flexWrap: "wrap", gap: SPACE_SM2 },
+  heading: { color: c.textPrimary, fontSize: FONT_MD2, fontWeight: "700" },
+  note: { color: c.textSecondary, fontSize: FONT_SM2 },
+  panel: {
+    backgroundColor: c.panelSurface,
+    borderColor: c.border,
+    borderRadius: SPACE_SM2,
+    borderWidth: 1,
+    gap: SPACE_XS2,
+    marginBottom: SPACE_LG2,
+    padding: SPACE_MD2
+  }
+});
+
+exports.ACCESS_ADMIN_I18N = ACCESS_ADMIN_I18N;
+exports.ACCESS_ADMIN_TEST_IDS = ACCESS_ADMIN_TEST_IDS;
+exports.AccessLinkPanel = AccessLinkPanel;
+exports.AccessResultTone = AccessResultTone;
+exports.AccountLinkPanel = AccountLinkPanel;
+exports.accountDisplayLabel = accountDisplayLabel;
+exports.activeLinksForSubject = activeLinksForSubject;
+exports.buildAccountOptions = buildAccountOptions;
+exports.buildCapabilityLinkMailto = buildCapabilityLinkMailto;
+exports.capabilityExpiryDate = capabilityExpiryDate;
+exports.capabilityExpiryDays = capabilityExpiryDays;
+exports.daysUntilAnchor = daysUntilAnchor;
+exports.formatLinkDate = formatLinkDate;
+exports.linksForSubject = linksForSubject;
+exports.useAccessAdminPalette = useAccessAdminPalette;
+exports.useCapabilityLinkMint = useCapabilityLinkMint;
+exports.useSubjectAccountLink = useSubjectAccountLink;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map