@burdenoff/microfe-files 2026.624.2 → 2026.625.1

package/dist/files/pages/ShareAccessPage.js

@@ -10,14 +10,15 @@ import { ArrowLeft as p, Loader2 as m, Lock as h } from "lucide-react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useLocation as v, useNavigate as y, useParams as b } from "react-router-dom";
 import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { print as S } from "graphql";
+import { GlassCard as S } from "@burdenoff/fe-libs/ui";
+import { print as C } from "graphql";
 //#region src/files/pages/ShareAccessPage.tsx
-function C(e) {
+function w(e) {
 	let t = e || c.apiGatewayUrl;
 	if (!t) throw Error("Files API gateway URL is not configured");
 	return t.includes("/graphql") ? t : s(t, "workspaces");
 }
-async function w(e, t, n) {
+async function T(e, t, n) {
 	let r = await fetch(e, {
 		method: "POST",
 		credentials: "omit",
@@ -30,7 +31,7 @@ async function w(e, t, n) {
 	if (!r.ok || a || !i.data) throw Error(a || "Unable to access shared file");
 	return i.data;
 }
-function T(e) {
+function E(e) {
 	let t = e.name.includes(".") && e.name.split(".").pop() || "";
 	return {
 		id: e.id,
@@ -47,45 +48,46 @@ function T(e) {
 		updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 	};
 }
-function E() {
-	let { t: s } = x(), c = y(), { pathname: E } = v(), { token: D } = b(), O = d(() => {
-		if (D) return D;
-		let e = E.match(/\/share\/([^/]+)/);
+function D() {
+	let { t: s } = x(), c = y(), { pathname: D } = v(), { token: O } = b(), k = d(() => {
+		if (O) return O;
+		let e = D.match(/\/share\/([^/]+)/);
 		return e?.[1] ? decodeURIComponent(e[1]) : "";
-	}, [E, D]), k = e(), { apiGatewayUrl: A } = k, j = d(() => C(A), [A]), [M, N] = f(!1), [P, F] = f(""), [I, L] = f(!1), [R, z] = f(null), [B, V] = f(null), H = l(async (e) => {
-		if (!O) throw Error("Share token is missing");
-		N(!0);
+	}, [D, O]), A = e(), { apiGatewayUrl: j } = A, M = d(() => w(j), [j]), [N, P] = f(!1), [F, I] = f(""), [L, R] = f(!1), [z, B] = f(null), [V, H] = f(null), U = l(async (e) => {
+		if (!k) throw Error("Share token is missing");
+		P(!0);
 		try {
-			let n = (await w(j, S(t), { input: {
-				token: O,
+			let n = (await T(M, C(t), { input: {
+				token: k,
 				password: e || void 0
 			} })).accessShare;
 			if (!n?.file || !n.share) throw Error(n?.message || "Shared file is unavailable");
-			L(!!n.share.requiresPassword), V(T(n.file)), z(null);
+			R(!!n.share.requiresPassword), H(E(n.file)), B(null);
 		} finally {
-			N(!1);
+			P(!1);
 		}
-	}, [j, O]);
+	}, [M, k]);
 	return u(() => {
-		H().catch((e) => {
+		U().catch((e) => {
 			let t = e instanceof Error ? e.message : "Unable to access shared file";
-			z(t), L(t.toLowerCase().includes("password"));
+			B(t), R(t.toLowerCase().includes("password"));
 		});
-	}, [H]), B ? /* @__PURE__ */ g(r, {
-		file: B,
+	}, [U]), V ? /* @__PURE__ */ g(r, {
+		file: V,
 		onClose: () => c("/files/browse"),
 		onDownload: async () => {
-			if (!B) return;
-			let e = B.downloadUrl || B.url;
-			e && (i("light"), await a(e), o(k, "files.share.downloaded", {
-				fileId: B.id,
-				fileName: B.name
+			if (!V) return;
+			let e = V.downloadUrl || V.url;
+			e && (i("light"), await a(e), o(A, "files.share.downloaded", {
+				fileId: V.id,
+				fileName: V.name
 			}));
 		}
 	}) : /* @__PURE__ */ g("div", {
-		className: "flex min-h-[70vh] items-center justify-center px-4 py-10",
-		children: /* @__PURE__ */ _("div", {
-			className: "w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-6 shadow-elevation-2",
+		className: "flex min-h-[70vh] items-center justify-center bg-hero-mesh px-4 py-10",
+		children: /* @__PURE__ */ _(S, {
+			treatment: "glass",
+			className: "w-full max-w-md p-6",
 			children: [
 				/* @__PURE__ */ _("button", {
 					type: "button",
@@ -103,53 +105,53 @@ function E() {
 						children: n(s, "files.share.subtitle", "Open a shared file preview using the access token from the share link.")
 					})]
 				}),
-				M ? /* @__PURE__ */ _("div", {
-					className: "flex items-center gap-3 rounded-lg border border-border-default bg-bg-sunken px-4 py-3 text-sm text-text-secondary",
+				N ? /* @__PURE__ */ _("div", {
+					className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-sunken px-4 py-3 text-sm text-text-secondary",
 					children: [/* @__PURE__ */ g(m, { className: "size-4 animate-spin text-action-primary-bg" }), n(s, "files.share.verifying", "Verifying share access…")]
-				}) : I ? /* @__PURE__ */ _("form", {
+				}) : L ? /* @__PURE__ */ _("form", {
 					className: "space-y-4",
 					onSubmit: async (e) => {
 						e.preventDefault();
 						try {
-							await H(P);
+							await U(F);
 						} catch (e) {
-							z(e instanceof Error ? e.message : "Unable to unlock shared file");
+							B(e instanceof Error ? e.message : "Unable to unlock shared file");
 						}
 					},
 					children: [
 						/* @__PURE__ */ _("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: [n(s, "files.share.password.label", "Share password"), /* @__PURE__ */ _("div", {
-								className: "mt-2 flex items-center gap-2 rounded-lg border border-border-default px-3 py-2",
+								className: "mt-2 flex items-center gap-2 rounded-lg border border-border-seam px-3 py-2",
 								children: [/* @__PURE__ */ g(h, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ g("input", {
 									type: "password",
-									value: P,
-									onChange: (e) => F(e.target.value),
+									value: F,
+									onChange: (e) => I(e.target.value),
 									"aria-label": n(s, "files.share.password.label", "Share password"),
 									className: "w-full bg-transparent text-sm text-text-primary outline-none",
 									placeholder: n(s, "files.share.password.placeholder", "Enter the share password")
 								})]
 							})]
 						}),
-						R && /* @__PURE__ */ g("div", {
+						z && /* @__PURE__ */ g("div", {
 							className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-							children: R
+							children: z
 						}),
 						/* @__PURE__ */ g("button", {
 							type: "submit",
-							disabled: !P.trim(),
+							disabled: !F.trim(),
 							className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:bg-bg-sunken disabled:text-text-tertiary",
 							children: n(s, "files.share.unlock", "Unlock shared file")
 						})
 					]
 				}) : /* @__PURE__ */ _("div", {
 					className: "space-y-4",
-					children: [R && /* @__PURE__ */ g("div", {
+					children: [z && /* @__PURE__ */ g("div", {
 						className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-						children: R
+						children: z
 					}), /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => H(),
+						onClick: () => U(),
 						className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover",
 						children: n(s, "files.share.retry", "Retry shared file access")
 					})]
@@ -159,6 +161,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as ShareAccessPage };
+export { D as ShareAccessPage };
 
 //# sourceMappingURL=ShareAccessPage.js.map

package/dist/files/pages/ShareAccessPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareAccessPage.js","names":[],"sources":["../../../src/files/pages/ShareAccessPage.tsx"],"sourcesContent":["import {\n  type FormEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useLocation, useNavigate, useParams } from \"react-router-dom\";\nimport { ArrowLeft, Loader2, Lock } from \"lucide-react\";\nimport { print } from \"graphql\";\nimport { AccessShareDocument } from \"../../generated/wspace-operations\";\nimport type {\n  AccessShareMutation,\n  AccessShareMutationVariables,\n} from \"../../generated/wspace-operations\";\nimport { buildGraphQLEndpoint, config } from \"../../config\";\nimport { FilePreviewModal } from \"../components/FilePreviewModal\";\nimport type { FileItem } from \"../types\";\nimport { useFilesContext } from \"../providers/FilesProvider\";\nimport { emitFilesEvent } from \"../utils/events\";\nimport { nativeImpact, nativeOpenUrl } from \"../../utils/nativeBridge\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ntype GraphQLResponse<TData> = {\n  data?: TData;\n  errors?: Array<{ message?: string }>;\n};\n\nfunction resolveWorkspaceGraphQLEndpoint(apiGatewayUrl?: string): string {\n  const configuredUrl = apiGatewayUrl || config.apiGatewayUrl;\n\n  if (!configuredUrl) {\n    throw new Error(\"Files API gateway URL is not configured\");\n  }\n\n  return configuredUrl.includes(\"/graphql\")\n    ? configuredUrl\n    : buildGraphQLEndpoint(configuredUrl, \"workspaces\");\n}\n\nasync function requestPublicGraphQL<TData, TVariables>(\n  endpoint: string,\n  query: string,\n  variables: TVariables,\n): Promise<TData> {\n  const response = await fetch(endpoint, {\n    method: \"POST\",\n    credentials: \"omit\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({ query, variables }),\n  });\n\n  const payload = (await response.json()) as GraphQLResponse<TData>;\n  const errorMessage = payload.errors?.[0]?.message;\n\n  if (!response.ok || errorMessage || !payload.data) {\n    throw new Error(errorMessage || \"Unable to access shared file\");\n  }\n\n  return payload.data;\n}\n\nfunction buildSharedFile(payload: {\n  id: string;\n  name: string;\n  workspaceId: string;\n  mimeType: string;\n  size: string;\n  s3Key: string;\n  downloadUrl?: string | null;\n}): FileItem {\n  const extension = payload.name.includes(\".\")\n    ? payload.name.split(\".\").pop() || \"\"\n    : \"\";\n\n  return {\n    id: payload.id,\n    name: payload.name,\n    workspaceId: payload.workspaceId,\n    mimeType: payload.mimeType,\n    extension,\n    size: Number(payload.size),\n    s3Key: payload.s3Key,\n    url: payload.downloadUrl ?? \"\",\n    downloadUrl: payload.downloadUrl ?? undefined,\n    starred: false,\n    createdAt: new Date().toISOString(),\n    updatedAt: new Date().toISOString(),\n  };\n}\n\nexport function ShareAccessPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { pathname } = useLocation();\n  const { token: routeToken } = useParams<{ token: string }>();\n  const token = useMemo(() => {\n    if (routeToken) {\n      return routeToken;\n    }\n\n    const match = pathname.match(/\\/share\\/([^/]+)/);\n    return match?.[1] ? decodeURIComponent(match[1]) : \"\";\n  }, [pathname, routeToken]);\n  const filesContext = useFilesContext();\n  const { apiGatewayUrl } = filesContext;\n  const endpoint = useMemo(\n    () => resolveWorkspaceGraphQLEndpoint(apiGatewayUrl),\n    [apiGatewayUrl],\n  );\n  const [loading, setLoading] = useState(false);\n  const [password, setPassword] = useState(\"\");\n  const [requiresPassword, setRequiresPassword] = useState(false);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [sharedFile, setSharedFile] = useState<FileItem | null>(null);\n\n  const loadShare = useCallback(\n    async (sharePassword?: string) => {\n      if (!token) {\n        throw new Error(\"Share token is missing\");\n      }\n\n      setLoading(true);\n\n      try {\n        const data = await requestPublicGraphQL<\n          AccessShareMutation,\n          AccessShareMutationVariables\n        >(endpoint, print(AccessShareDocument), {\n          input: {\n            token,\n            password: sharePassword || undefined,\n          },\n        });\n\n        const payload = data.accessShare;\n        if (!payload?.file || !payload.share) {\n          throw new Error(payload?.message || \"Shared file is unavailable\");\n        }\n\n        setRequiresPassword(Boolean(payload.share.requiresPassword));\n        setSharedFile(buildSharedFile(payload.file));\n        setErrorMessage(null);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [endpoint, token],\n  );\n\n  useEffect(() => {\n    loadShare().catch((error) => {\n      const message =\n        error instanceof Error ? error.message : \"Unable to access shared file\";\n      setErrorMessage(message);\n      setRequiresPassword(message.toLowerCase().includes(\"password\"));\n    });\n  }, [loadShare]);\n\n  const handleDownload = async () => {\n    if (!sharedFile) {\n      return;\n    }\n\n    const downloadUrl = sharedFile.downloadUrl || sharedFile.url;\n    if (downloadUrl) {\n      nativeImpact(\"light\");\n      await nativeOpenUrl(downloadUrl);\n      emitFilesEvent(filesContext, \"files.share.downloaded\", {\n        fileId: sharedFile.id,\n        fileName: sharedFile.name,\n      });\n    }\n  };\n\n  const handlePasswordSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    try {\n      await loadShare(password);\n    } catch (error) {\n      setErrorMessage(\n        error instanceof Error ? error.message : \"Unable to unlock shared file\",\n      );\n    }\n  };\n\n  if (sharedFile) {\n    return (\n      <FilePreviewModal\n        file={sharedFile}\n        onClose={() => navigate(\"/files/browse\")}\n        onDownload={handleDownload}\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-[70vh] items-center justify-center px-4 py-10\">\n      <div className=\"w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-6 shadow-elevation-2\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(\"/files/browse\")}\n          className=\"mb-6 inline-flex items-center gap-2 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary\"\n        >\n          <ArrowLeft className=\"size-4\" />\n          {tWithFallback(t, \"files.share.back\", \"Back to files\")}\n        </button>\n\n        <div className=\"mb-6\">\n          <h1 className=\"text-xl font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.share.title\", \"Shared file access\")}\n          </h1>\n          <p className=\"mt-2 text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              \"files.share.subtitle\",\n              \"Open a shared file preview using the access token from the share link.\",\n            )}\n          </p>\n        </div>\n\n        {loading ? (\n          <div className=\"flex items-center gap-3 rounded-lg border border-border-default bg-bg-sunken px-4 py-3 text-sm text-text-secondary\">\n            <Loader2 className=\"size-4 animate-spin text-action-primary-bg\" />\n            {tWithFallback(\n              t,\n              \"files.share.verifying\",\n              \"Verifying share access…\",\n            )}\n          </div>\n        ) : requiresPassword ? (\n          <form className=\"space-y-4\" onSubmit={handlePasswordSubmit}>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {tWithFallback(t, \"files.share.password.label\", \"Share password\")}\n              <div className=\"mt-2 flex items-center gap-2 rounded-lg border border-border-default px-3 py-2\">\n                <Lock className=\"size-4 text-text-tertiary\" />\n                <input\n                  type=\"password\"\n                  value={password}\n                  onChange={(event) => setPassword(event.target.value)}\n                  aria-label={tWithFallback(\n                    t,\n                    \"files.share.password.label\",\n                    \"Share password\",\n                  )}\n                  className=\"w-full bg-transparent text-sm text-text-primary outline-none\"\n                  placeholder={tWithFallback(\n                    t,\n                    \"files.share.password.placeholder\",\n                    \"Enter the share password\",\n                  )}\n                />\n              </div>\n            </label>\n\n            {errorMessage && (\n              <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {errorMessage}\n              </div>\n            )}\n\n            <button\n              type=\"submit\"\n              disabled={!password.trim()}\n              className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:bg-bg-sunken disabled:text-text-tertiary\"\n            >\n              {tWithFallback(t, \"files.share.unlock\", \"Unlock shared file\")}\n            </button>\n          </form>\n        ) : (\n          <div className=\"space-y-4\">\n            {errorMessage && (\n              <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {errorMessage}\n              </div>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => loadShare()}\n              className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover\"\n            >\n              {tWithFallback(\n                t,\n                \"files.share.retry\",\n                \"Retry shared file access\",\n              )}\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShareAccessPage.js","names":[],"sources":["../../../src/files/pages/ShareAccessPage.tsx"],"sourcesContent":["import {\n  type FormEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useLocation, useNavigate, useParams } from \"react-router-dom\";\nimport { ArrowLeft, Loader2, Lock } from \"lucide-react\";\nimport { print } from \"graphql\";\nimport { AccessShareDocument } from \"../../generated/wspace-operations\";\nimport type {\n  AccessShareMutation,\n  AccessShareMutationVariables,\n} from \"../../generated/wspace-operations\";\nimport { buildGraphQLEndpoint, config } from \"../../config\";\nimport { FilePreviewModal } from \"../components/FilePreviewModal\";\nimport type { FileItem } from \"../types\";\nimport { useFilesContext } from \"../providers/FilesProvider\";\nimport { emitFilesEvent } from \"../utils/events\";\nimport { nativeImpact, nativeOpenUrl } from \"../../utils/nativeBridge\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ntype GraphQLResponse<TData> = {\n  data?: TData;\n  errors?: Array<{ message?: string }>;\n};\n\nfunction resolveWorkspaceGraphQLEndpoint(apiGatewayUrl?: string): string {\n  const configuredUrl = apiGatewayUrl || config.apiGatewayUrl;\n\n  if (!configuredUrl) {\n    throw new Error(\"Files API gateway URL is not configured\");\n  }\n\n  return configuredUrl.includes(\"/graphql\")\n    ? configuredUrl\n    : buildGraphQLEndpoint(configuredUrl, \"workspaces\");\n}\n\nasync function requestPublicGraphQL<TData, TVariables>(\n  endpoint: string,\n  query: string,\n  variables: TVariables,\n): Promise<TData> {\n  const response = await fetch(endpoint, {\n    method: \"POST\",\n    credentials: \"omit\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({ query, variables }),\n  });\n\n  const payload = (await response.json()) as GraphQLResponse<TData>;\n  const errorMessage = payload.errors?.[0]?.message;\n\n  if (!response.ok || errorMessage || !payload.data) {\n    throw new Error(errorMessage || \"Unable to access shared file\");\n  }\n\n  return payload.data;\n}\n\nfunction buildSharedFile(payload: {\n  id: string;\n  name: string;\n  workspaceId: string;\n  mimeType: string;\n  size: string;\n  s3Key: string;\n  downloadUrl?: string | null;\n}): FileItem {\n  const extension = payload.name.includes(\".\")\n    ? payload.name.split(\".\").pop() || \"\"\n    : \"\";\n\n  return {\n    id: payload.id,\n    name: payload.name,\n    workspaceId: payload.workspaceId,\n    mimeType: payload.mimeType,\n    extension,\n    size: Number(payload.size),\n    s3Key: payload.s3Key,\n    url: payload.downloadUrl ?? \"\",\n    downloadUrl: payload.downloadUrl ?? undefined,\n    starred: false,\n    createdAt: new Date().toISOString(),\n    updatedAt: new Date().toISOString(),\n  };\n}\n\nexport function ShareAccessPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { pathname } = useLocation();\n  const { token: routeToken } = useParams<{ token: string }>();\n  const token = useMemo(() => {\n    if (routeToken) {\n      return routeToken;\n    }\n\n    const match = pathname.match(/\\/share\\/([^/]+)/);\n    return match?.[1] ? decodeURIComponent(match[1]) : \"\";\n  }, [pathname, routeToken]);\n  const filesContext = useFilesContext();\n  const { apiGatewayUrl } = filesContext;\n  const endpoint = useMemo(\n    () => resolveWorkspaceGraphQLEndpoint(apiGatewayUrl),\n    [apiGatewayUrl],\n  );\n  const [loading, setLoading] = useState(false);\n  const [password, setPassword] = useState(\"\");\n  const [requiresPassword, setRequiresPassword] = useState(false);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [sharedFile, setSharedFile] = useState<FileItem | null>(null);\n\n  const loadShare = useCallback(\n    async (sharePassword?: string) => {\n      if (!token) {\n        throw new Error(\"Share token is missing\");\n      }\n\n      setLoading(true);\n\n      try {\n        const data = await requestPublicGraphQL<\n          AccessShareMutation,\n          AccessShareMutationVariables\n        >(endpoint, print(AccessShareDocument), {\n          input: {\n            token,\n            password: sharePassword || undefined,\n          },\n        });\n\n        const payload = data.accessShare;\n        if (!payload?.file || !payload.share) {\n          throw new Error(payload?.message || \"Shared file is unavailable\");\n        }\n\n        setRequiresPassword(Boolean(payload.share.requiresPassword));\n        setSharedFile(buildSharedFile(payload.file));\n        setErrorMessage(null);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [endpoint, token],\n  );\n\n  useEffect(() => {\n    loadShare().catch((error) => {\n      const message =\n        error instanceof Error ? error.message : \"Unable to access shared file\";\n      setErrorMessage(message);\n      setRequiresPassword(message.toLowerCase().includes(\"password\"));\n    });\n  }, [loadShare]);\n\n  const handleDownload = async () => {\n    if (!sharedFile) {\n      return;\n    }\n\n    const downloadUrl = sharedFile.downloadUrl || sharedFile.url;\n    if (downloadUrl) {\n      nativeImpact(\"light\");\n      await nativeOpenUrl(downloadUrl);\n      emitFilesEvent(filesContext, \"files.share.downloaded\", {\n        fileId: sharedFile.id,\n        fileName: sharedFile.name,\n      });\n    }\n  };\n\n  const handlePasswordSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    try {\n      await loadShare(password);\n    } catch (error) {\n      setErrorMessage(\n        error instanceof Error ? error.message : \"Unable to unlock shared file\",\n      );\n    }\n  };\n\n  if (sharedFile) {\n    return (\n      <FilePreviewModal\n        file={sharedFile}\n        onClose={() => navigate(\"/files/browse\")}\n        onDownload={handleDownload}\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-[70vh] items-center justify-center bg-hero-mesh px-4 py-10\">\n      <GlassCard treatment=\"glass\" className=\"w-full max-w-md p-6\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(\"/files/browse\")}\n          className=\"mb-6 inline-flex items-center gap-2 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary\"\n        >\n          <ArrowLeft className=\"size-4\" />\n          {tWithFallback(t, \"files.share.back\", \"Back to files\")}\n        </button>\n\n        <div className=\"mb-6\">\n          <h1 className=\"text-xl font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.share.title\", \"Shared file access\")}\n          </h1>\n          <p className=\"mt-2 text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              \"files.share.subtitle\",\n              \"Open a shared file preview using the access token from the share link.\",\n            )}\n          </p>\n        </div>\n\n        {loading ? (\n          <div className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-sunken px-4 py-3 text-sm text-text-secondary\">\n            <Loader2 className=\"size-4 animate-spin text-action-primary-bg\" />\n            {tWithFallback(\n              t,\n              \"files.share.verifying\",\n              \"Verifying share access…\",\n            )}\n          </div>\n        ) : requiresPassword ? (\n          <form className=\"space-y-4\" onSubmit={handlePasswordSubmit}>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {tWithFallback(t, \"files.share.password.label\", \"Share password\")}\n              <div className=\"mt-2 flex items-center gap-2 rounded-lg border border-border-seam px-3 py-2\">\n                <Lock className=\"size-4 text-text-tertiary\" />\n                <input\n                  type=\"password\"\n                  value={password}\n                  onChange={(event) => setPassword(event.target.value)}\n                  aria-label={tWithFallback(\n                    t,\n                    \"files.share.password.label\",\n                    \"Share password\",\n                  )}\n                  className=\"w-full bg-transparent text-sm text-text-primary outline-none\"\n                  placeholder={tWithFallback(\n                    t,\n                    \"files.share.password.placeholder\",\n                    \"Enter the share password\",\n                  )}\n                />\n              </div>\n            </label>\n\n            {errorMessage && (\n              <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {errorMessage}\n              </div>\n            )}\n\n            <button\n              type=\"submit\"\n              disabled={!password.trim()}\n              className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:bg-bg-sunken disabled:text-text-tertiary\"\n            >\n              {tWithFallback(t, \"files.share.unlock\", \"Unlock shared file\")}\n            </button>\n          </form>\n        ) : (\n          <div className=\"space-y-4\">\n            {errorMessage && (\n              <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {errorMessage}\n              </div>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => loadShare()}\n              className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover\"\n            >\n              {tWithFallback(\n                t,\n                \"files.share.retry\",\n                \"Retry shared file access\",\n              )}\n            </button>\n          </div>\n        )}\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-files",
-  "version": "2026.624.2",
+  "version": "2026.625.1",
   "description": "Burdenoff Files Microfrontend - Standalone file management module",
   "type": "module",
   "imports": {
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.13",
-    "@burdenoff/fe-libs": "2026.623.8",
+    "@burdenoff/fe-libs": "2026.625.1",
     "@tanstack/react-query": "^5.90.17",
     "graphql": "^16.12.0",
     "lucide-react": "^0.468.0",