@camera.ui/server 2.1.12 → 2.1.13

package/dist/interface/ha/OAuthDeviceFlow-4YupTNsK.js

@@ -0,0 +1,112 @@
+import { c as e } from "./ripple-BilzxWfY.js";
+import { G as t, H as n, Jt as r, d as i, f as a, kt as o, l as s, lt as c, p as l, r as u, u as d, v as f, x as p, y as m } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as h } from "./message-C8U_kMBA.js";
+import { Et as g, Tt as _, r as v, yr as y } from "./api-CWJkvtnM.js";
+import { n as b } from "./vue-i18n-Dcb07o5U.js";
+import { k as x } from "./dist-Ca9_5rzq.js";
+import { n as S, r as C } from "./CuiPluginOAuthButton-B6vPOEx2.js";
+import { t as w } from "./CuiQRCode-Djr3z54t.js";
+//#region src/components/CuiDialog/templates/OAuthDeviceFlow/OAuthDeviceFlow.vue?vue&type=script&setup=true&lang.ts
+var T = { class: "flex flex-col" }, E = {
+	key: "intro",
+	class: "flex flex-col gap-4"
+}, D = {
+	key: 0,
+	class: "flex flex-col gap-1.5 list-disc pl-5 text-sm text-muted"
+}, O = {
+	key: "awaiting",
+	class: "flex flex-col items-center gap-5 text-center"
+}, k = { class: "flex flex-col items-center gap-2" }, A = { class: "text-sm text-muted" }, j = { class: "flex items-center gap-1 max-w-full min-w-0" }, M = ["href"], N = { class: "mt-1 flex items-center gap-1" }, P = { class: "card-background border border-color rounded-xl px-6 py-3" }, F = { class: "text-2xl font-mono font-semibold tracking-[0.25em] select-text" }, I = { class: "flex items-center gap-2 text-muted" }, L = { class: "text-sm" }, ee = {
+	key: "connected",
+	class: "flex flex-col items-center gap-3 py-2 text-center"
+}, R = { class: "text-sm" }, z = {
+	key: "error",
+	class: "flex flex-col items-center gap-3 py-2 text-center"
+}, B = { class: "text-sm" }, V = /* @__PURE__ */ p({
+	__name: "OAuthDeviceFlow",
+	props: { pluginName: {} },
+	setup(p, { expose: V }) {
+		let H = p, { t: U } = b(), { state: W, metadata: G, startDeviceFlow: K, disconnect: q, cancel: J } = x(H.pluginName), Y = s(() => Object.keys(G.value?.scopeDescriptions ?? {}));
+		function X() {
+			let e = W.value.verificationUriComplete || W.value.verificationUri;
+			e && v(e);
+		}
+		function Z() {
+			W.value.userCode && v(W.value.userCode);
+		}
+		function Q(e) {
+			switch (e) {
+				case "access_denied": return U("components.oauth.error_access_denied");
+				case "expired_token": return U("components.oauth.error_expired");
+				default: return U("components.oauth.error_generic");
+			}
+		}
+		async function $() {
+			return W.value.status === "disconnected" || W.value.status === "error" ? await K(Y.value) : W.value.status === "connected" && await q(), null;
+		}
+		async function te() {
+			(W.value.status === "awaiting_user" || W.value.status === "polling") && await J();
+		}
+		return V({
+			onConfirm: $,
+			onCancel: te
+		}), (s, p) => {
+			let v = h, b = w, x = g, V = y, H = S, U = C;
+			return n(), l("div", T, [m(e, {
+				name: "fade",
+				mode: "out-in"
+			}, {
+				default: c(() => [o(W).status === "disconnected" ? (n(), l("div", E, [m(v, {
+					severity: "secondary",
+					variant: "simple",
+					size: "small"
+				}, {
+					default: c(() => [f(r(s.$t("components.oauth.intro", { idp: o(G)?.idpDisplayName ?? "cameraui.com" })), 1)]),
+					_: 1
+				}), o(Y).length ? (n(), l("ul", D, [(n(!0), l(u, null, t(o(Y), (e) => (n(), l("li", { key: e }, r(o(G)?.scopeDescriptions[e] ?? e), 1))), 128))])) : a("", !0)])) : o(W).status === "awaiting_user" || o(W).status === "polling" ? (n(), l("div", O, [
+					o(W).verificationUriComplete ? (n(), i(b, {
+						key: 0,
+						value: o(W).verificationUriComplete,
+						size: 184,
+						"logo-size": 36
+					}, null, 8, ["value"])) : a("", !0),
+					d("div", k, [
+						d("span", A, r(s.$t("components.oauth.enter_code_at")), 1),
+						d("div", j, [d("a", {
+							href: o(W).verificationUriComplete || o(W).verificationUri,
+							target: "_blank",
+							rel: "noopener",
+							class: "text-sm font-mono text-primary hover:underline break-all select-text"
+						}, r(o(W).verificationUri), 9, M), m(x, {
+							"action-text": s.$t("components.form.tooltip.copied"),
+							icon: o(_),
+							"button-props": {
+								severity: "secondary",
+								text: !0,
+								size: "small"
+							},
+							onAction: X
+						}, null, 8, ["action-text", "icon"])]),
+						d("div", N, [d("div", P, [d("span", F, r(o(W).userCode), 1)]), m(x, {
+							"action-text": s.$t("components.form.tooltip.copied"),
+							icon: o(_),
+							"button-props": {
+								severity: "secondary",
+								text: !0,
+								size: "small"
+							},
+							onAction: Z
+						}, null, 8, ["action-text", "icon"])])
+					]),
+					d("div", I, [m(V, {
+						class: "w-4 h-4 m-0",
+						"stroke-width": "5"
+					}), d("span", L, r(s.$t("components.oauth.waiting")), 1)])
+				])) : o(W).status === "connected" ? (n(), l("div", ee, [m(H, { class: "text-green-500 w-10 h-10" }), d("span", R, r(s.$t("components.oauth.connected_as", { email: o(W).userEmail || "—" })), 1)])) : o(W).status === "error" ? (n(), l("div", z, [m(U, { class: "text-red-500 w-10 h-10" }), d("span", B, r(o(W).errorMessage || Q(o(W).errorCode)), 1)])) : a("", !0)]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
+export { V as default };