@hiai-gg/docsmint 0.7.4 → 0.7.6

package/dist/frontend/ShareDialog-CmX-VoJ9.js

@@ -0,0 +1,273 @@
+import { t as e } from "./action_close-BJm_52wm.js";
+import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p as ee, r as p, s as te, t as ne, u as re, v as m } from "./share_toggle_password-DdxfIjj1.js";
+import { t as h } from "./error_generic-CzNtmBT4.js";
+import { a as g } from "./route-context-DYQlUfzL.js";
+import { a as ie, i as ae, n as oe, r as _, t as se } from "./select-value-D9VqY5n5.js";
+import { n as v } from "./share-D5yo0JOh.js";
+import { h as y, u as b } from "./keyboard.svelte-CApmX0vl.js";
+import { t as x } from "./clipboard-Cgzxc0_R.js";
+import "svelte/internal/disclose-version";
+import * as S from "svelte/internal/client";
+//#region src/lib/components/share-configuration.ts
+function C(e) {
+	return e === "standalone" ? ["public"] : ["public", "restricted"];
+}
+function w(e) {
+	let t = e.displayMode === "standalone" ? "public" : e.accessMode, n = t === "restricted";
+	return {
+		documentId: e.documentId || void 0,
+		folderId: e.folderId || void 0,
+		categoryId: e.categoryId || void 0,
+		password: e.usePassword ? e.password : void 0,
+		expiresIn: e.expiresIn,
+		accessMode: t,
+		allowPasswordFallback: n && e.usePassword ? e.allowPasswordFallback : void 0,
+		guests: n ? e.guests : void 0
+	};
+}
+//#endregion
+//#region src/lib/components/ShareDialog.svelte
+var ce = S.from_html("<button type=\"button\"> </button>"), le = S.from_html("<label class=\"flex items-start gap-2 text-xs text-muted-foreground\"><input type=\"checkbox\" class=\"mt-0.5\"/> Allow anyone with the password to view. Commenting and editing still require an invited account.</label>"), ue = S.from_html("<input type=\"password\" class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"/> <!>", 1), de = S.from_html("<button> </button>"), T = S.from_html("<!> <!> <!>", 1), fe = S.from_html("<!> <!>", 1), pe = S.from_html("<span class=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"> <button class=\"text-muted-foreground hover:text-foreground\">&times;</button></span>"), E = S.from_html("<div class=\"flex flex-wrap gap-1.5\"></div>"), me = S.from_html("<div class=\"space-y-2\"><span class=\"text-sm font-medium\"> </span> <div class=\"flex gap-2\"><input type=\"email\" placeholder=\"guest@email.com\" class=\"flex h-9 flex-1 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"/> <!> <button class=\"rounded-md border border-border px-3 py-1.5 text-sm font-medium hover:bg-accent\"> </button></div> <!></div>"), he = S.from_html("<p class=\"text-xs text-destructive\"> </p>"), ge = S.from_html("<div class=\"space-y-4\"><div aria-label=\"Share access mode\"></div> <p class=\"rounded-md border border-border bg-muted/40 p-3 text-xs text-muted-foreground\"> </p> <div class=\"flex items-center justify-between\"><span class=\"text-sm font-medium\"> </span> <button role=\"switch\"><span></span></button></div> <!> <div class=\"space-y-2\"><span class=\"text-sm font-medium\"> </span> <div class=\"flex gap-2\"></div></div> <!> <!> <button class=\"w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"> </button></div>"), D = S.from_html("<div class=\"space-y-4\"><p class=\"text-sm text-muted-foreground\"> </p> <div data-share-created-url=\"\" class=\"flex min-w-0 flex-col gap-2 sm:flex-row sm:items-center\"><code class=\"min-w-0 flex-1 break-all rounded-md bg-muted px-3 py-2 text-sm\"> </code> <button data-share-copy-action=\"\" class=\"w-full shrink-0 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 sm:w-auto\"> </button></div> <button class=\"w-full rounded-md border border-border px-4 py-2 text-sm font-medium hover:bg-accent\"> </button></div>"), O = S.from_html("<div class=\"fixed inset-0 layer-modal z-[100] flex items-center justify-center\"><button class=\"absolute inset-0 z-[100] bg-black/50\"></button> <div class=\"relative z-[101] w-full max-w-md rounded-lg border border-border bg-background p-6 shadow-lg\" role=\"dialog\" aria-modal=\"true\"><div class=\"mb-4 flex items-center justify-between\"><h2 class=\"text-lg font-semibold\"> </h2> <button class=\"rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground\">&#10005;</button></div> <!></div></div>");
+function k(k, A) {
+	S.push(A, !0);
+	let j = S.prop(A, "open", 15, !1), M = S.prop(A, "documentId", 3, ""), N = S.prop(A, "documentTitle", 3, ""), P = S.prop(A, "folderId", 3, ""), F = S.prop(A, "folderName", 3, ""), I = S.prop(A, "categoryId", 3, ""), _e = S.prop(A, "categoryName", 3, ""), L = S.prop(A, "displayMode", 3, "host-managed"), R = S.state(!1), z = S.state("public"), B = S.state(!1), V = S.state(""), H = S.state("7d"), U = S.state(""), W = S.state("viewer"), G = S.state(S.proxy([])), K = S.state(""), q = S.state(!1), J = S.state(!1), Y = S.state(""), ve = g(), X = S.derived(() => C(L()));
+	S.user_effect(() => (b({
+		id: "share-dialog-escape",
+		keys: "escape",
+		description: "Close share dialog",
+		scope: "dialog",
+		enabled: j(),
+		overrideInput: !0,
+		handler: () => {
+			j() && Q();
+		}
+	}), () => {
+		y("share-dialog-escape");
+	}));
+	function Z() {
+		let e = S.get(U).trim();
+		e?.includes("@") && !S.get(G).some((t) => t.email === e.toLowerCase()) && (S.set(G, [...S.get(G), {
+			email: e.toLowerCase(),
+			role: S.get(W)
+		}], !0), S.set(U, ""));
+	}
+	function ye(e) {
+		S.set(G, S.get(G).filter((t) => t.email !== e), !0);
+	}
+	async function be() {
+		S.set(J, !0), S.set(Y, "");
+		try {
+			let e = w({
+				displayMode: L(),
+				documentId: M(),
+				folderId: P(),
+				categoryId: I(),
+				usePassword: S.get(R),
+				password: S.get(V),
+				expiresIn: S.get(H),
+				accessMode: S.get(z),
+				allowPasswordFallback: S.get(B),
+				guests: S.get(G)
+			}), t = await v(e, ve.fetch);
+			S.set(K, `${window.location.origin}/s/${t.token}`), A.onCreated?.({
+				token: t.token,
+				url: S.get(K),
+				accessMode: e.accessMode
+			});
+		} catch (e) {
+			S.set(Y, e instanceof Error ? e.message : h(), !0), console.error("ShareDialog: createShareLink failed", e);
+		} finally {
+			S.set(J, !1);
+		}
+	}
+	async function xe() {
+		S.get(K) && (await x(S.get(K)), S.set(q, !0), setTimeout(() => {
+			S.set(q, !1);
+		}, 2e3));
+	}
+	function Q() {
+		j(!1), S.set(K, ""), S.set(R, !1), S.set(z, "public"), S.set(B, !1), S.set(V, ""), S.set(H, "7d"), S.set(G, [], !0), S.set(Y, "");
+	}
+	var $ = S.comment(), Se = S.first_child($), Ce = (h) => {
+		var g = O(), v = S.child(g), y = S.sibling(v, 2), b = S.child(y), x = S.child(b), C = S.only_child(x), w = S.sibling(x, 2);
+		S.reset(b);
+		var k = S.sibling(b, 2), A = (e) => {
+			var o = ge(), c = S.child(o);
+			S.each(c, 21, () => S.get(X), S.index, (e, t) => {
+				var n = ce(), r = S.only_child(n, !0);
+				S.template_effect(() => {
+					S.set_class(n, 1, `rounded-md px-3 py-2 text-sm font-medium ${S.get(z) === S.get(t) ? "bg-background shadow-sm" : "text-muted-foreground"}`), S.set_text(r, S.get(t) === "public" ? "Public link" : "Specific people");
+				}), S.delegated("click", n, () => {
+					S.set(z, S.get(t), !0), S.get(t) === "public" && (S.set(G, [], !0), S.set(B, !1));
+				}), S.append(e, n);
+			}), S.reset(c);
+			var u = S.sibling(c, 2), p = S.only_child(u, !0), m = S.sibling(u, 2), h = S.child(m), g = S.only_child(h, !0), v = S.sibling(h, 2), y = S.only_child(v);
+			S.reset(m);
+			var b = S.sibling(m, 2), x = (e) => {
+				var t = ue(), n = S.first_child(t);
+				S.remove_input_defaults(n);
+				var r = S.sibling(n, 2), i = (e) => {
+					var t = le(), n = S.child(t);
+					S.remove_input_defaults(n), S.next(), S.reset(t), S.bind_checked(n, () => S.get(B), (e) => S.set(B, e)), S.append(e, t);
+				};
+				S.if(r, (e) => {
+					S.get(z) === "restricted" && e(i);
+				}), S.template_effect((e) => S.set_attribute(n, "placeholder", e), [() => a()]), S.bind_value(n, () => S.get(V), (e) => S.set(V, e)), S.append(e, t);
+			};
+			S.if(b, (e) => {
+				S.get(R) && e(x);
+			});
+			var C = S.sibling(b, 2), w = S.child(C), D = S.only_child(w, !0), O = S.sibling(w, 2);
+			S.each(O, 21, () => [
+				["1h", l()],
+				["1d", re()],
+				["7d", te()],
+				["30d", r()],
+				["never", f()]
+			], S.index, (e, t) => {
+				var n = S.derived(() => S.to_array(S.get(t), 2));
+				let r = () => S.get(n)[0], i = () => S.get(n)[1];
+				var a = de(), o = S.only_child(a, !0);
+				S.template_effect(() => {
+					S.set_class(a, 1, `rounded-md border px-2.5 py-1 text-xs font-medium transition-colors
+                    ${S.get(H) === r() ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-accent"}`), S.set_text(o, i());
+				}), S.delegated("click", a, () => {
+					S.set(H, r(), !0);
+				}), S.append(e, a);
+			}), S.reset(O), S.reset(C);
+			var k = S.sibling(C, 2), A = (e) => {
+				var r = me(), i = S.child(r), a = S.only_child(i, !0), o = S.sibling(i, 2), s = S.child(o);
+				S.remove_input_defaults(s);
+				var c = S.sibling(s, 2);
+				ie(c, {
+					type: "single",
+					get value() {
+						return S.get(W);
+					},
+					onValueChange: (e) => {
+						(e === "viewer" || e === "commenter" || e === "editor") && S.set(W, e, !0);
+					},
+					children: (e, t) => {
+						var n = fe(), r = S.first_child(n);
+						oe(r, {
+							class: "h-9 w-32 justify-between px-3 text-sm",
+							"aria-label": "Guest role",
+							children: (e, t) => {
+								se(e, {
+									placeholder: "Role",
+									children: (e, t) => {
+										S.next();
+										var n = S.text();
+										S.template_effect(() => S.set_text(n, S.get(W) === "viewer" ? "Viewer" : S.get(W) === "commenter" ? "Commenter" : "Editor")), S.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							},
+							$$slots: { default: !0 }
+						});
+						var i = S.sibling(r, 2);
+						ae(i, {
+							children: (e, t) => {
+								var n = T(), r = S.first_child(n);
+								_(r, {
+									value: "viewer",
+									children: (e, t) => {
+										S.next();
+										var n = S.text("Viewer");
+										S.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+								var i = S.sibling(r, 2);
+								_(i, {
+									value: "commenter",
+									children: (e, t) => {
+										S.next();
+										var n = S.text("Commenter");
+										S.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+								var a = S.sibling(i, 2);
+								_(a, {
+									value: "editor",
+									children: (e, t) => {
+										S.next();
+										var n = S.text("Editor");
+										S.append(e, n);
+									},
+									$$slots: { default: !0 }
+								}), S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						}), S.append(e, n);
+					},
+					$$slots: { default: !0 }
+				});
+				var l = S.sibling(c, 2), u = S.only_child(l, !0);
+				S.reset(o);
+				var d = S.sibling(o, 2), f = (e) => {
+					var t = E();
+					S.each(t, 21, () => S.get(G), S.index, (e, t) => {
+						var n = pe(), r = S.child(n), i = S.sibling(r);
+						S.reset(n), S.template_effect(() => S.set_text(r, `${S.get(t).email ?? ""} · ${S.get(t).role ?? ""} `)), S.delegated("click", i, () => ye(S.get(t).email)), S.append(e, n);
+					}), S.reset(t), S.append(e, t);
+				};
+				S.if(d, (e) => {
+					S.get(G).length > 0 && e(f);
+				}), S.reset(r), S.template_effect((e, t) => {
+					S.set_text(a, e), S.set_text(u, t);
+				}, [() => n(), () => t()]), S.delegated("keydown", s, (e) => {
+					e.key === "Enter" && (e.preventDefault(), Z());
+				}), S.bind_value(s, () => S.get(U), (e) => S.set(U, e)), S.delegated("click", l, Z), S.append(e, r);
+			};
+			S.if(k, (e) => {
+				S.get(z) === "restricted" && e(A);
+			});
+			var j = S.sibling(k, 2), M = (e) => {
+				var t = he(), n = S.only_child(t, !0);
+				S.template_effect(() => S.set_text(n, S.get(Y))), S.append(e, t);
+			};
+			S.if(j, (e) => {
+				S.get(Y) && e(M);
+			});
+			var N = S.sibling(j, 2), P = S.only_child(N, !0);
+			S.reset(o), S.template_effect((e, t, n, r) => {
+				S.set_class(c, 1, `grid ${S.get(X).length === 1 ? "grid-cols-1" : "grid-cols-2"} gap-2 rounded-lg bg-muted p-1`), S.set_text(p, S.get(z) === "public" ? "Anyone with this link can view the document. The link may be forwarded." : "Only invited email addresses can comment or edit. A password fallback, when enabled, grants view-only access."), S.set_text(g, e), S.set_class(v, 1, `relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${S.get(R) ? "bg-primary" : "bg-input"}`), S.set_attribute(v, "aria-checked", S.get(R)), S.set_attribute(v, "aria-label", t), S.set_class(y, 1, `inline-block h-4 w-4 rounded-full bg-white shadow transition-transform ${S.get(R) ? "translate-x-4" : "translate-x-0.5"}`), S.set_text(D, n), N.disabled = S.get(J) || S.get(z) === "restricted" && S.get(G).length === 0 || S.get(R) && S.get(V).length < 8, S.set_text(P, r);
+			}, [
+				() => d(),
+				() => ne(),
+				() => i(),
+				() => S.get(J) ? ee() : s()
+			]), S.delegated("click", v, () => {
+				S.set(R, !S.get(R));
+			}), S.delegated("click", N, be), S.append(e, o);
+		}, j = (e) => {
+			var t = D(), n = S.child(t), r = S.only_child(n, !0), i = S.sibling(n, 2), a = S.child(i), s = S.only_child(a, !0), l = S.sibling(a, 2), u = S.only_child(l, !0);
+			S.reset(i);
+			var d = S.sibling(i, 2), f = S.only_child(d, !0);
+			S.reset(t), S.template_effect((e, t, n) => {
+				S.set_text(r, e), S.set_text(s, S.get(K)), S.set_text(u, t), S.set_text(f, n);
+			}, [
+				() => S.get(z) === "restricted" ? "Invitations were queued for delivery. This is not a public link." : p(),
+				() => S.get(q) ? c() : o(),
+				() => m()
+			]), S.delegated("click", l, xe), S.delegated("click", d, Q), S.append(e, t);
+		};
+		S.if(k, (e) => {
+			S.get(K) ? e(j, -1) : e(A);
+		}), S.reset(y), S.reset(g), S.template_effect((e, t, n) => {
+			S.set_attribute(v, "aria-label", e), S.set_text(C, `${t ?? ""} "${(_e() || F() || N()) ?? ""}"`), S.set_attribute(w, "aria-label", n);
+		}, [
+			() => e(),
+			() => u(),
+			() => e()
+		]), S.delegated("click", v, Q), S.delegated("click", w, Q), S.append(h, g);
+	};
+	S.if(Se, (e) => {
+		j() && e(Ce);
+	}), S.append(k, $), S.pop();
+}
+S.delegate(["click", "keydown"]);
+//#endregion
+export { k as t };