@hiai-gg/docsmint 0.5.1 → 0.5.2

package/dist/frontend/ShareDialog-BC-Jl6v1.js

@@ -0,0 +1,257 @@
+import { $n as e, Ar as t, Br as n, Dr as r, Fr as i, Hr as a, Ir as o, Lr as s, Mr as c, Nr as l, Or as u, Pr as d, Rr as ee, Ur as f, Vr as te, Zn as p, jr as m, kr as h, or as g, zr as ne } from "./messages-DIovIZrK.js";
+import { a as _ } from "./route-context-DYQlUfzL.js";
+import { a as re, i as ie, n as ae, r as v, t as oe } from "./select-value-JCAp2PmU.js";
+import { n as y } from "./share-D7JtkC85.js";
+import { h as b, u as x } from "./keyboard.svelte-CApmX0vl.js";
+import { t as S } from "./clipboard-Cgzxc0_R.js";
+import "svelte/internal/disclose-version";
+import * as C from "svelte/internal/client";
+//#region src/lib/components/ShareDialog.svelte
+var w = C.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>"), T = C.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), E = C.from_html("<button> </button>"), se = C.from_html("<!> <!> <!>", 1), ce = C.from_html("<!> <!>", 1), le = C.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>"), ue = C.from_html("<div class=\"flex flex-wrap gap-1.5\"></div>"), de = C.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>"), fe = C.from_html("<p class=\"text-xs text-destructive\"> </p>"), pe = C.from_html("<div class=\"space-y-4\"><div class=\"grid grid-cols-2 gap-2 rounded-lg bg-muted p-1\" aria-label=\"Share access mode\"><button type=\"button\">Public link</button> <button type=\"button\">Specific people</button></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 = C.from_html("<div class=\"flex items-center gap-2\"><code class=\"flex-1 truncate rounded-md bg-muted px-3 py-2 text-sm\"> </code> <button class=\"rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"> </button></div>"), O = C.from_html("<div class=\"space-y-4\"><p class=\"text-sm text-muted-foreground\"> </p> <!> <button class=\"w-full rounded-md border border-border px-4 py-2 text-sm font-medium hover:bg-accent\"> </button></div>"), k = C.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 A(A, j) {
+	C.push(j, !0);
+	let M = C.prop(j, "open", 15, !1), N = C.prop(j, "documentId", 3, ""), P = C.prop(j, "documentTitle", 3, ""), F = C.prop(j, "folderId", 3, ""), I = C.prop(j, "folderName", 3, ""), L = C.prop(j, "categoryId", 3, ""), R = C.prop(j, "categoryName", 3, ""), z = C.state(!1), B = C.state("public"), V = C.state(!1), H = C.state(""), U = C.state("7d"), W = C.state(""), G = C.state("viewer"), K = C.state(C.proxy([])), q = C.state(""), J = C.state(!1), Y = C.state(!1), X = C.state(""), me = _();
+	C.user_effect(() => (x({
+		id: "share-dialog-escape",
+		keys: "escape",
+		description: "Close share dialog",
+		scope: "dialog",
+		enabled: M(),
+		overrideInput: !0,
+		handler: () => {
+			M() && Q();
+		}
+	}), () => {
+		b("share-dialog-escape");
+	}));
+	function Z() {
+		let e = C.get(W).trim();
+		e?.includes("@") && !C.get(K).some((t) => t.email === e.toLowerCase()) && (C.set(K, [...C.get(K), {
+			email: e.toLowerCase(),
+			role: C.get(G)
+		}], !0), C.set(W, ""));
+	}
+	function he(e) {
+		C.set(K, C.get(K).filter((t) => t.email !== e), !0);
+	}
+	async function ge() {
+		C.set(Y, !0), C.set(X, "");
+		try {
+			let e = await y({
+				documentId: N() || void 0,
+				folderId: F() || void 0,
+				categoryId: L() || void 0,
+				password: C.get(z) ? C.get(H) : void 0,
+				expiresIn: C.get(U),
+				accessMode: C.get(B),
+				allowPasswordFallback: C.get(B) === "restricted" && C.get(z) ? C.get(V) : void 0,
+				guests: C.get(B) === "restricted" ? C.get(K) : void 0
+			}, me.fetch);
+			C.set(q, `${window.location.origin}/s/${e.token}`);
+		} catch (e) {
+			C.set(X, e instanceof Error ? e.message : g(), !0), console.error("ShareDialog: createShareLink failed", e);
+		} finally {
+			C.set(Y, !1);
+		}
+	}
+	async function _e() {
+		C.get(q) && (await S(C.get(q)), C.set(J, !0), setTimeout(() => {
+			C.set(J, !1);
+		}, 2e3));
+	}
+	function Q() {
+		M(!1), C.set(q, ""), C.set(z, !1), C.set(B, "public"), C.set(V, !1), C.set(H, ""), C.set(U, "7d"), C.set(K, [], !0), C.set(X, "");
+	}
+	var $ = C.comment(), ve = C.first_child($), ye = (g) => {
+		var _ = k(), y = C.child(_), b = C.sibling(y, 2), x = C.child(b), S = C.child(x), A = C.child(S);
+		C.reset(S);
+		var j = C.sibling(S, 2);
+		C.reset(x);
+		var M = C.sibling(x, 2), N = (e) => {
+			var r = pe(), u = C.child(r), f = C.child(u), p = C.sibling(f, 2);
+			C.reset(u);
+			var h = C.sibling(u, 2), g = C.child(h, !0);
+			C.reset(h);
+			var _ = C.sibling(h, 2), y = C.child(_), b = C.child(y, !0);
+			C.reset(y);
+			var x = C.sibling(y, 2), S = C.child(x);
+			C.reset(x), C.reset(_);
+			var D = C.sibling(_, 2), O = (e) => {
+				var t = T(), n = C.first_child(t);
+				C.remove_input_defaults(n);
+				var r = C.sibling(n, 2), i = (e) => {
+					var t = w(), n = C.child(t);
+					C.remove_input_defaults(n), C.next(), C.reset(t), C.bind_checked(n, () => C.get(V), (e) => C.set(V, e)), C.append(e, t);
+				};
+				C.if(r, (e) => {
+					C.get(B) === "restricted" && e(i);
+				}), C.template_effect((e) => C.set_attribute(n, "placeholder", e), [() => ee()]), C.bind_value(n, () => C.get(H), (e) => C.set(H, e)), C.append(e, t);
+			};
+			C.if(D, (e) => {
+				C.get(z) && e(O);
+			});
+			var k = C.sibling(D, 2), A = C.child(k), j = C.child(A, !0);
+			C.reset(A);
+			var M = C.sibling(A, 2);
+			C.each(M, 21, () => [
+				["1h", i()],
+				["1d", d()],
+				["7d", l()],
+				["30d", c()],
+				["never", o()]
+			], C.index, (e, t) => {
+				var n = C.derived(() => C.to_array(C.get(t), 2));
+				let r = () => C.get(n)[0], i = () => C.get(n)[1];
+				var a = E(), o = C.child(a, !0);
+				C.reset(a), C.template_effect(() => {
+					C.set_class(a, 1, `rounded-md border px-2.5 py-1 text-xs font-medium transition-colors
+                    ${C.get(U) === r() ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-accent"}`), C.set_text(o, i());
+				}), C.delegated("click", a, () => {
+					C.set(U, r(), !0);
+				}), C.append(e, a);
+			}), C.reset(M), C.reset(k);
+			var N = C.sibling(k, 2), P = (e) => {
+				var n = de(), r = C.child(n), i = C.child(r, !0);
+				C.reset(r);
+				var a = C.sibling(r, 2), o = C.child(a);
+				C.remove_input_defaults(o);
+				var s = C.sibling(o, 2);
+				re(s, {
+					type: "single",
+					get value() {
+						return C.get(G);
+					},
+					onValueChange: (e) => {
+						(e === "viewer" || e === "commenter" || e === "editor") && C.set(G, e, !0);
+					},
+					children: (e, t) => {
+						var n = ce(), r = C.first_child(n);
+						ae(r, {
+							class: "h-9 w-32 justify-between px-3 text-sm",
+							"aria-label": "Guest role",
+							children: (e, t) => {
+								oe(e, {
+									placeholder: "Role",
+									children: (e, t) => {
+										C.next();
+										var n = C.text();
+										C.template_effect(() => C.set_text(n, C.get(G) === "viewer" ? "Viewer" : C.get(G) === "commenter" ? "Commenter" : "Editor")), C.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							},
+							$$slots: { default: !0 }
+						}), ie(C.sibling(r, 2), {
+							children: (e, t) => {
+								var n = se(), r = C.first_child(n);
+								v(r, {
+									value: "viewer",
+									children: (e, t) => {
+										C.next();
+										var n = C.text("Viewer");
+										C.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+								var i = C.sibling(r, 2);
+								v(i, {
+									value: "commenter",
+									children: (e, t) => {
+										C.next();
+										var n = C.text("Commenter");
+										C.append(e, n);
+									},
+									$$slots: { default: !0 }
+								}), v(C.sibling(i, 2), {
+									value: "editor",
+									children: (e, t) => {
+										C.next();
+										var n = C.text("Editor");
+										C.append(e, n);
+									},
+									$$slots: { default: !0 }
+								}), C.append(e, n);
+							},
+							$$slots: { default: !0 }
+						}), C.append(e, n);
+					},
+					$$slots: { default: !0 }
+				});
+				var c = C.sibling(s, 2), l = C.child(c, !0);
+				C.reset(c), C.reset(a);
+				var u = C.sibling(a, 2), d = (e) => {
+					var t = ue();
+					C.each(t, 21, () => C.get(K), C.index, (e, t) => {
+						var n = le(), r = C.child(n), i = C.sibling(r);
+						C.reset(n), C.template_effect(() => C.set_text(r, `${C.get(t).email ?? ""} · ${C.get(t).role ?? ""} `)), C.delegated("click", i, () => he(C.get(t).email)), C.append(e, n);
+					}), C.reset(t), C.append(e, t);
+				};
+				C.if(u, (e) => {
+					C.get(K).length > 0 && e(d);
+				}), C.reset(n), C.template_effect((e, t) => {
+					C.set_text(i, e), C.set_text(l, t);
+				}, [() => m(), () => t()]), C.delegated("keydown", o, (e) => {
+					e.key === "Enter" && (e.preventDefault(), Z());
+				}), C.bind_value(o, () => C.get(W), (e) => C.set(W, e)), C.delegated("click", c, Z), C.append(e, n);
+			};
+			C.if(N, (e) => {
+				C.get(B) === "restricted" && e(P);
+			});
+			var F = C.sibling(N, 2), I = (e) => {
+				var t = fe(), n = C.child(t, !0);
+				C.reset(t), C.template_effect(() => C.set_text(n, C.get(X))), C.append(e, t);
+			};
+			C.if(F, (e) => {
+				C.get(X) && e(I);
+			});
+			var L = C.sibling(F, 2), R = C.child(L, !0);
+			C.reset(L), C.reset(r), C.template_effect((e, t, n, r) => {
+				C.set_class(f, 1, `rounded-md px-3 py-2 text-sm font-medium ${C.get(B) === "public" ? "bg-background shadow-sm" : "text-muted-foreground"}`), C.set_class(p, 1, `rounded-md px-3 py-2 text-sm font-medium ${C.get(B) === "restricted" ? "bg-background shadow-sm" : "text-muted-foreground"}`), C.set_text(g, C.get(B) === "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."), C.set_text(b, e), C.set_class(x, 1, `relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${C.get(z) ? "bg-primary" : "bg-input"}`), C.set_attribute(x, "aria-checked", C.get(z)), C.set_attribute(x, "aria-label", t), C.set_class(S, 1, `inline-block h-4 w-4 rounded-full bg-white shadow transition-transform ${C.get(z) ? "translate-x-4" : "translate-x-0.5"}`), C.set_text(j, n), L.disabled = C.get(Y) || C.get(B) === "restricted" && C.get(K).length === 0 || C.get(z) && C.get(H).length < 8, C.set_text(R, r);
+			}, [
+				() => n(),
+				() => ne(),
+				() => s(),
+				() => C.get(Y) ? te() : a()
+			]), C.delegated("click", f, () => {
+				C.set(B, "public"), C.set(K, [], !0), C.set(V, !1);
+			}), C.delegated("click", p, () => {
+				C.set(B, "restricted");
+			}), C.delegated("click", x, () => {
+				C.set(z, !C.get(z));
+			}), C.delegated("click", L, ge), C.append(e, r);
+		}, F = (e) => {
+			var t = O(), n = C.child(t), i = C.child(n, !0);
+			C.reset(n);
+			var a = C.sibling(n, 2), o = (e) => {
+				var t = D(), n = C.child(t), r = C.child(n, !0);
+				C.reset(n);
+				var i = C.sibling(n, 2), a = C.child(i, !0);
+				C.reset(i), C.reset(t), C.template_effect((e) => {
+					C.set_text(r, C.get(q)), C.set_text(a, e);
+				}, [() => C.get(J) ? u() : h()]), C.delegated("click", i, _e), C.append(e, t);
+			};
+			C.if(a, (e) => {
+				C.get(B) === "public" && e(o);
+			});
+			var s = C.sibling(a, 2), c = C.child(s, !0);
+			C.reset(s), C.reset(t), C.template_effect((e, t) => {
+				C.set_text(i, e), C.set_text(c, t);
+			}, [() => C.get(B) === "restricted" ? "Invitations were queued for delivery. This is not a public link." : r(), () => p()]), C.delegated("click", s, Q), C.append(e, t);
+		};
+		C.if(M, (e) => {
+			C.get(q) ? e(F, -1) : e(N);
+		}), C.reset(b), C.reset(_), C.template_effect((e, t, n) => {
+			C.set_attribute(y, "aria-label", e), C.set_text(A, `${t ?? ""} "${(R() || I() || P()) ?? ""}"`), C.set_attribute(j, "aria-label", n);
+		}, [
+			() => e(),
+			() => f(),
+			() => e()
+		]), C.delegated("click", y, Q), C.delegated("click", j, Q), C.append(g, _);
+	};
+	C.if(ve, (e) => {
+		M() && e(ye);
+	}), C.append(A, $), C.pop();
+}
+C.delegate(["click", "keydown"]);
+//#endregion
+export { A as t };