@gatewaze/admin-embed 0.1.0

package/dist/new-r4KWpqa6.js

@@ -0,0 +1,80 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { t as n } from "./jsx-runtime-CjozyJt-.js";
+import { D as r, E as i, f as a } from "./ui-DRIo9Krs.js";
+import { a as o } from "./hooks-C377EXJG.js";
+import { n as s } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as c } from "./Page-D3u8IZ2a.js";
+import { a as l } from "./broadcastService-CBqXNt_N.js";
+//#region ../../../gatewaze-modules/modules/broadcasts/admin/pages/new.tsx
+var u = /* @__PURE__ */ e(t()), d = n();
+function f() {
+	let e = o(), [t, n] = (0, u.useState)(""), [f, p] = (0, u.useState)(""), [m, h] = (0, u.useState)(!1);
+	async function g() {
+		if (!t.trim()) {
+			s.error("Give the broadcast a name");
+			return;
+		}
+		h(!0);
+		try {
+			let n = await l({
+				name: t.trim(),
+				subject: f.trim() || void 0
+			});
+			e(`/broadcasts/${n.id}`);
+		} catch (e) {
+			s.error(e instanceof Error ? e.message : "Failed to create broadcast"), h(!1);
+		}
+	}
+	return /* @__PURE__ */ (0, d.jsx)(c, {
+		title: "New Broadcast",
+		children: /* @__PURE__ */ (0, d.jsx)(a, {
+			title: "Broadcasts: New",
+			children: /* @__PURE__ */ (0, d.jsxs)(i, {
+				className: "p-6 max-w-xl space-y-4",
+				children: [
+					/* @__PURE__ */ (0, d.jsxs)("div", { children: [
+						/* @__PURE__ */ (0, d.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-12)] mb-1",
+							children: "Broadcast name"
+						}),
+						/* @__PURE__ */ (0, d.jsx)("input", {
+							className: "w-full rounded-md border border-[var(--gray-7)] bg-[var(--color-surface)] px-3 py-2 text-sm",
+							value: t,
+							onChange: (e) => n(e.target.value),
+							placeholder: "e.g. June product update",
+							autoFocus: !0
+						}),
+						/* @__PURE__ */ (0, d.jsx)("p", {
+							className: "text-xs text-[var(--gray-10)] mt-1",
+							children: "Internal label — recipients never see this."
+						})
+					] }),
+					/* @__PURE__ */ (0, d.jsxs)("div", { children: [/* @__PURE__ */ (0, d.jsx)("label", {
+						className: "block text-sm font-medium text-[var(--gray-12)] mb-1",
+						children: "Subject (optional)"
+					}), /* @__PURE__ */ (0, d.jsx)("input", {
+						className: "w-full rounded-md border border-[var(--gray-7)] bg-[var(--color-surface)] px-3 py-2 text-sm",
+						value: f,
+						onChange: (e) => p(e.target.value),
+						placeholder: "What recipients see in their inbox"
+					})] }),
+					/* @__PURE__ */ (0, d.jsxs)("div", {
+						className: "flex gap-2 justify-end",
+						children: [/* @__PURE__ */ (0, d.jsx)(r, {
+							variant: "soft",
+							onClick: () => e("/broadcasts"),
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, d.jsx)(r, {
+							variant: "solid",
+							onClick: g,
+							disabled: m,
+							children: m ? "Creating…" : "Create & continue"
+						})]
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { f as default };