@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/newsletters/use-newsletter-actions.js

@@ -0,0 +1,68 @@
+"use client";
+import { useRouter } from "next/navigation";
+import { useConfirm, useToast } from "@withpotter/ui-kit";
+import {
+  adminNewslettersApi
+} from "@withpotter/lib/admin-newsletters-api";
+import { hrefOf, titleOf } from "./labels";
+import { useNewsletterMutation } from "./use-newsletters";
+async function quietly(run) {
+  try {
+    return await run();
+  } catch {
+    return null;
+  }
+}
+function useNewsletterActions() {
+  const router = useRouter();
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const create = useNewsletterMutation(
+    adminNewslettersApi.create,
+    "Newsletter not created"
+  );
+  const duplicate = useNewsletterMutation(
+    adminNewslettersApi.duplicate,
+    "Newsletter not duplicated"
+  );
+  const remove = useNewsletterMutation(
+    adminNewslettersApi.remove,
+    "Draft not deleted"
+  );
+  return {
+    /** The layout being created, while its request is out. */
+    creating: create.isPending ? create.variables?.[0] ?? null : null,
+    duplicating: duplicate.isPending,
+    async createDraft(layout) {
+      const made = await quietly(() => create.mutateAsync([layout]));
+      if (made) router.push(hrefOf(made.id));
+      return Boolean(made);
+    },
+    async duplicateAsDraft(id) {
+      const copy = await quietly(() => duplicate.mutateAsync([id]));
+      if (!copy) return;
+      toast({ title: "Draft created" });
+      router.push(hrefOf(copy.id));
+    },
+    /** Resolves true once the draft is gone. */
+    async deleteDraft(newsletter) {
+      const ok = await confirm({
+        title: "Delete this draft?",
+        description: `"${titleOf(newsletter)}" will be deleted. This cannot be undone.`,
+        confirmLabel: "Delete",
+        tone: "danger"
+      });
+      if (!ok) return false;
+      const done = await quietly(
+        () => remove.mutateAsync([newsletter.id]).then(() => true)
+      );
+      if (done) toast({ title: "Draft deleted" });
+      return Boolean(done);
+    }
+  };
+}
+export {
+  quietly,
+  useNewsletterActions
+};
+//# sourceMappingURL=use-newsletter-actions.js.map

package/dist/admin/newsletters/use-newsletter-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/use-newsletter-actions.ts"],"sourcesContent":["'use client';\n\nimport { useRouter } from 'next/navigation';\nimport { useConfirm, useToast } from '@withpotter/ui-kit';\nimport {\n  adminNewslettersApi,\n  type Newsletter,\n  type NewsletterLayout,\n} from '@withpotter/lib/admin-newsletters-api';\nimport { hrefOf, titleOf } from './labels';\nimport { useNewsletterMutation } from './use-newsletters';\n\n/** Runs a write whose failure the mutation has already put in a toast. */\nexport async function quietly<T>(run: () => Promise<T>): Promise<T | null> {\n  try {\n    return await run();\n  } catch {\n    return null;\n  }\n}\n\n/** Create, duplicate and delete: the verbs the list and the record share. */\nexport function useNewsletterActions() {\n  const router = useRouter();\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const create = useNewsletterMutation(\n    adminNewslettersApi.create,\n    'Newsletter not created',\n  );\n  const duplicate = useNewsletterMutation(\n    adminNewslettersApi.duplicate,\n    'Newsletter not duplicated',\n  );\n  const remove = useNewsletterMutation(\n    adminNewslettersApi.remove,\n    'Draft not deleted',\n  );\n\n  return {\n    /** The layout being created, while its request is out. */\n    creating: create.isPending ? (create.variables?.[0] ?? null) : null,\n    duplicating: duplicate.isPending,\n    async createDraft(layout: NewsletterLayout) {\n      const made = await quietly(() => create.mutateAsync([layout]));\n\n      if (made) router.push(hrefOf(made.id));\n\n      return Boolean(made);\n    },\n    async duplicateAsDraft(id: string) {\n      const copy = await quietly(() => duplicate.mutateAsync([id]));\n\n      if (!copy) return;\n\n      toast({ title: 'Draft created' });\n      router.push(hrefOf(copy.id));\n    },\n    /** Resolves true once the draft is gone. */\n    async deleteDraft(newsletter: Newsletter) {\n      const ok = await confirm({\n        title: 'Delete this draft?',\n        description: `\"${titleOf(newsletter)}\" will be deleted. This cannot be undone.`,\n        confirmLabel: 'Delete',\n        tone: 'danger',\n      });\n\n      if (!ok) return false;\n\n      const done = await quietly(() =>\n        remove.mutateAsync([newsletter.id]).then(() => true),\n      );\n\n      if (done) toast({ title: 'Draft deleted' });\n\n      return Boolean(done);\n    },\n  };\n}\n\nexport type NewsletterActions = ReturnType<typeof useNewsletterActions>;\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,YAAY,gBAAgB;AACrC;AAAA,EACE;AAAA,OAGK;AACP,SAAS,QAAQ,eAAe;AAChC,SAAS,6BAA6B;AAGtC,eAAsB,QAAW,KAA0C;AACzE,MAAI;AACF,WAAO,MAAM,IAAI;AAAA,EACnB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,uBAAuB;AACrC,QAAM,SAAS,UAAU;AACzB,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,SAAS;AAAA,IACb,oBAAoB;AAAA,IACpB;AAAA,EACF;AACA,QAAM,YAAY;AAAA,IAChB,oBAAoB;AAAA,IACpB;AAAA,EACF;AACA,QAAM,SAAS;AAAA,IACb,oBAAoB;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AAAA;AAAA,IAEL,UAAU,OAAO,YAAa,OAAO,YAAY,CAAC,KAAK,OAAQ;AAAA,IAC/D,aAAa,UAAU;AAAA,IACvB,MAAM,YAAY,QAA0B;AAC1C,YAAM,OAAO,MAAM,QAAQ,MAAM,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE7D,UAAI,KAAM,QAAO,KAAK,OAAO,KAAK,EAAE,CAAC;AAErC,aAAO,QAAQ,IAAI;AAAA,IACrB;AAAA,IACA,MAAM,iBAAiB,IAAY;AACjC,YAAM,OAAO,MAAM,QAAQ,MAAM,UAAU,YAAY,CAAC,EAAE,CAAC,CAAC;AAE5D,UAAI,CAAC,KAAM;AAEX,YAAM,EAAE,OAAO,gBAAgB,CAAC;AAChC,aAAO,KAAK,OAAO,KAAK,EAAE,CAAC;AAAA,IAC7B;AAAA;AAAA,IAEA,MAAM,YAAY,YAAwB;AACxC,YAAM,KAAK,MAAM,QAAQ;AAAA,QACvB,OAAO;AAAA,QACP,aAAa,IAAI,QAAQ,UAAU,CAAC;AAAA,QACpC,cAAc;AAAA,QACd,MAAM;AAAA,MACR,CAAC;AAED,UAAI,CAAC,GAAI,QAAO;AAEhB,YAAM,OAAO,MAAM;AAAA,QAAQ,MACzB,OAAO,YAAY,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,MAAM,IAAI;AAAA,MACrD;AAEA,UAAI,KAAM,OAAM,EAAE,OAAO,gBAAgB,CAAC;AAE1C,aAAO,QAAQ,IAAI;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}

package/dist/admin/newsletters/use-newsletters.js

@@ -0,0 +1,83 @@
+"use client";
+import {
+  keepPreviousData,
+  useMutation,
+  useQuery,
+  useQueryClient
+} from "@tanstack/react-query";
+import { useToast } from "@withpotter/ui-kit";
+import {
+  adminNewslettersApi
+} from "@withpotter/lib/admin-newsletters-api";
+import { useAdminSession } from "../hooks";
+const NEWSLETTERS_KEY = ["platform-admin", "newsletters"];
+const newsletterKey = (id) => [...NEWSLETTERS_KEY, "one", id];
+const PAGE_SIZE = 20;
+const POLL_MS = 3e3;
+const useNewsletterList = (status, page) => useQuery({
+  queryKey: [...NEWSLETTERS_KEY, "list", status ?? "all", page],
+  queryFn: () => adminNewslettersApi.list({ status, page, limit: PAGE_SIZE }),
+  placeholderData: keepPreviousData
+});
+const useNewsletter = (id) => useQuery({
+  queryKey: newsletterKey(id),
+  queryFn: () => adminNewslettersApi.get(id),
+  refetchInterval: (query) => query.state.data?.status === "sending" ? POLL_MS : false
+});
+const useAudience = (enabled) => useQuery({
+  queryKey: [...NEWSLETTERS_KEY, "audience"],
+  queryFn: adminNewslettersApi.audience,
+  enabled,
+  staleTime: 0
+});
+const useNewsletterPreview = (id, version) => useQuery({
+  queryKey: [...NEWSLETTERS_KEY, "preview", id, version],
+  queryFn: () => adminNewslettersApi.preview(id),
+  placeholderData: keepPreviousData,
+  staleTime: Infinity
+});
+function useNewsletterMutation(fn, failure) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  return useMutation({
+    mutationFn: (args) => fn(...args),
+    onSuccess: (result) => {
+      const saved = result;
+      if (saved?.id && saved.status) {
+        queryClient.setQueryData(newsletterKey(saved.id), saved);
+      }
+      return queryClient.invalidateQueries({
+        queryKey: [...NEWSLETTERS_KEY, "list"]
+      });
+    },
+    onError: (error) => {
+      if (failure) {
+        toast({
+          title: failure,
+          description: error.message,
+          variant: "destructive"
+        });
+      }
+    }
+  });
+}
+function useNewsletterAccess() {
+  const { data } = useAdminSession();
+  const has = (key) => data?.role === "superadmin" || (data?.permissions ?? []).includes(key);
+  return {
+    canManage: has("newsletters.manage"),
+    email: data?.email ?? null
+  };
+}
+export {
+  NEWSLETTERS_KEY,
+  PAGE_SIZE,
+  newsletterKey,
+  useAudience,
+  useNewsletter,
+  useNewsletterAccess,
+  useNewsletterList,
+  useNewsletterMutation,
+  useNewsletterPreview
+};
+//# sourceMappingURL=use-newsletters.js.map

package/dist/admin/newsletters/use-newsletters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/use-newsletters.ts"],"sourcesContent":["'use client';\n\nimport {\n  keepPreviousData,\n  useMutation,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query';\nimport { useToast } from '@withpotter/ui-kit';\nimport {\n  adminNewslettersApi,\n  type Newsletter,\n  type NewsletterStatus,\n} from '@withpotter/lib/admin-newsletters-api';\nimport { useAdminSession } from '../hooks';\n\nexport const NEWSLETTERS_KEY = ['platform-admin', 'newsletters'] as const;\nexport const newsletterKey = (id: string) =>\n  [...NEWSLETTERS_KEY, 'one', id] as const;\n\nexport const PAGE_SIZE = 20;\nconst POLL_MS = 3000;\n\nexport const useNewsletterList = (\n  status: NewsletterStatus | undefined,\n  page: number,\n) =>\n  useQuery({\n    queryKey: [...NEWSLETTERS_KEY, 'list', status ?? 'all', page],\n    queryFn: () => adminNewslettersApi.list({ status, page, limit: PAGE_SIZE }),\n    placeholderData: keepPreviousData,\n  });\n\n/** One newsletter. While it is sending, it is asked for again every 3s. */\nexport const useNewsletter = (id: string) =>\n  useQuery({\n    queryKey: newsletterKey(id),\n    queryFn: () => adminNewslettersApi.get(id),\n    refetchInterval: (query) =>\n      query.state.data?.status === 'sending' ? POLL_MS : false,\n  });\n\nexport const useAudience = (enabled: boolean) =>\n  useQuery({\n    queryKey: [...NEWSLETTERS_KEY, 'audience'],\n    queryFn: adminNewslettersApi.audience,\n    enabled,\n    staleTime: 0,\n  });\n\n/**\n * The email as the server renders it. `version` changes after each save, so\n * the frame keeps the last render until the next one arrives.\n */\nexport const useNewsletterPreview = (id: string, version: number | string) =>\n  useQuery({\n    queryKey: [...NEWSLETTERS_KEY, 'preview', id, version],\n    queryFn: () => adminNewslettersApi.preview(id),\n    placeholderData: keepPreviousData,\n    staleTime: Infinity,\n  });\n\n/**\n * A newsletter write: toast on failure, refresh the lists on success. When\n * the server answers with the newsletter, its own page takes that copy.\n */\nexport function useNewsletterMutation<A extends unknown[], R>(\n  fn: (...args: A) => Promise<R>,\n  failure: string | null,\n) {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n\n  return useMutation({\n    mutationFn: (args: A) => fn(...args),\n    onSuccess: (result) => {\n      const saved = result as Partial<Newsletter> | undefined;\n\n      if (saved?.id && saved.status) {\n        queryClient.setQueryData(newsletterKey(saved.id), saved);\n      }\n\n      return queryClient.invalidateQueries({\n        queryKey: [...NEWSLETTERS_KEY, 'list'],\n      });\n    },\n    onError: (error: Error) => {\n      if (failure) {\n        toast({\n          title: failure,\n          description: error.message,\n          variant: 'destructive',\n        });\n      }\n    },\n  });\n}\n\n/**\n * Who may change newsletters. Read from the session's own permission list,\n * the same list the nav filters on; the API still checks every write.\n */\nexport function useNewsletterAccess() {\n  const { data } = useAdminSession();\n  const has = (key: string) =>\n    data?.role === 'superadmin' || (data?.permissions ?? []).includes(key);\n\n  return {\n    canManage: has('newsletters.manage'),\n    email: data?.email ?? null,\n  };\n}\n"],"mappings":";AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAGK;AACP,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB,CAAC,kBAAkB,aAAa;AACxD,MAAM,gBAAgB,CAAC,OAC5B,CAAC,GAAG,iBAAiB,OAAO,EAAE;AAEzB,MAAM,YAAY;AACzB,MAAM,UAAU;AAET,MAAM,oBAAoB,CAC/B,QACA,SAEA,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,iBAAiB,QAAQ,UAAU,OAAO,IAAI;AAAA,EAC5D,SAAS,MAAM,oBAAoB,KAAK,EAAE,QAAQ,MAAM,OAAO,UAAU,CAAC;AAAA,EAC1E,iBAAiB;AACnB,CAAC;AAGI,MAAM,gBAAgB,CAAC,OAC5B,SAAS;AAAA,EACP,UAAU,cAAc,EAAE;AAAA,EAC1B,SAAS,MAAM,oBAAoB,IAAI,EAAE;AAAA,EACzC,iBAAiB,CAAC,UAChB,MAAM,MAAM,MAAM,WAAW,YAAY,UAAU;AACvD,CAAC;AAEI,MAAM,cAAc,CAAC,YAC1B,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,iBAAiB,UAAU;AAAA,EACzC,SAAS,oBAAoB;AAAA,EAC7B;AAAA,EACA,WAAW;AACb,CAAC;AAMI,MAAM,uBAAuB,CAAC,IAAY,YAC/C,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,iBAAiB,WAAW,IAAI,OAAO;AAAA,EACrD,SAAS,MAAM,oBAAoB,QAAQ,EAAE;AAAA,EAC7C,iBAAiB;AAAA,EACjB,WAAW;AACb,CAAC;AAMI,SAAS,sBACd,IACA,SACA;AACA,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAAY,GAAG,GAAG,IAAI;AAAA,IACnC,WAAW,CAAC,WAAW;AACrB,YAAM,QAAQ;AAEd,UAAI,OAAO,MAAM,MAAM,QAAQ;AAC7B,oBAAY,aAAa,cAAc,MAAM,EAAE,GAAG,KAAK;AAAA,MACzD;AAEA,aAAO,YAAY,kBAAkB;AAAA,QACnC,UAAU,CAAC,GAAG,iBAAiB,MAAM;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,IACA,SAAS,CAAC,UAAiB;AACzB,UAAI,SAAS;AACX,cAAM;AAAA,UACJ,OAAO;AAAA,UACP,aAAa,MAAM;AAAA,UACnB,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAMO,SAAS,sBAAsB;AACpC,QAAM,EAAE,KAAK,IAAI,gBAAgB;AACjC,QAAM,MAAM,CAAC,QACX,MAAM,SAAS,iBAAiB,MAAM,eAAe,CAAC,GAAG,SAAS,GAAG;AAEvE,SAAO;AAAA,IACL,WAAW,IAAI,oBAAoB;AAAA,IACnC,OAAO,MAAM,SAAS;AAAA,EACxB;AACF;","names":[]}

package/dist/admin/newsletters/use-send-actions.js

@@ -0,0 +1,62 @@
+"use client";
+import { useConfirm, useToast } from "@withpotter/ui-kit";
+import { adminNewslettersApi } from "@withpotter/lib/admin-newsletters-api";
+import { serverProblems } from "./problems";
+import { quietly } from "./use-newsletter-actions";
+import { useNewsletterMutation } from "./use-newsletters";
+function useSendActions(id, ownEmail) {
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const test = useNewsletterMutation(adminNewslettersApi.test, null);
+  const send = useNewsletterMutation(adminNewslettersApi.send, null);
+  const cancel = useNewsletterMutation(
+    adminNewslettersApi.cancel,
+    "Sending not stopped"
+  );
+  const retry = useNewsletterMutation(
+    adminNewslettersApi.retry,
+    "Retry not started"
+  );
+  return {
+    testing: test.isPending,
+    sending: send.isPending,
+    stopping: cancel.isPending,
+    retrying: retry.isPending,
+    async sendTest() {
+      try {
+        const { sentTo } = await test.mutateAsync([id]);
+        toast({ title: `Test sent to ${sentTo}` });
+      } catch (error) {
+        toast({
+          title: `Test not sent to ${ownEmail ?? "your address"}`,
+          description: error.message,
+          variant: "destructive"
+        });
+      }
+    },
+    /** Resolves with the problems that stopped it; none means it is going. */
+    async sendToAll() {
+      try {
+        await send.mutateAsync([id]);
+        return [];
+      } catch (error) {
+        const problems = serverProblems(error);
+        return problems.length ? problems : ["The newsletter was not sent."];
+      }
+    },
+    async stop() {
+      const ok = await confirm({
+        title: "Stop sending?",
+        description: "No more emails will go out. Emails already sent cannot be recalled.",
+        confirmLabel: "Stop sending",
+        tone: "danger"
+      });
+      if (ok) await quietly(() => cancel.mutateAsync([id]));
+    },
+    retryFailed: () => quietly(() => retry.mutateAsync([id]))
+  };
+}
+export {
+  useSendActions
+};
+//# sourceMappingURL=use-send-actions.js.map

package/dist/admin/newsletters/use-send-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/use-send-actions.ts"],"sourcesContent":["'use client';\n\nimport { useConfirm, useToast } from '@withpotter/ui-kit';\nimport { adminNewslettersApi } from '@withpotter/lib/admin-newsletters-api';\nimport { serverProblems } from './problems';\nimport { quietly } from './use-newsletter-actions';\nimport { useNewsletterMutation } from './use-newsletters';\n\n/** Test, send, stop and retry for one newsletter. */\nexport function useSendActions(id: string, ownEmail: string | null) {\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  // Test and send report their own failures: one names the address, the\n  // other lists the problems inside the review dialog.\n  const test = useNewsletterMutation(adminNewslettersApi.test, null);\n  const send = useNewsletterMutation(adminNewslettersApi.send, null);\n  const cancel = useNewsletterMutation(\n    adminNewslettersApi.cancel,\n    'Sending not stopped',\n  );\n  const retry = useNewsletterMutation(\n    adminNewslettersApi.retry,\n    'Retry not started',\n  );\n\n  return {\n    testing: test.isPending,\n    sending: send.isPending,\n    stopping: cancel.isPending,\n    retrying: retry.isPending,\n    async sendTest() {\n      try {\n        const { sentTo } = await test.mutateAsync([id]);\n\n        toast({ title: `Test sent to ${sentTo}` });\n      } catch (error) {\n        toast({\n          title: `Test not sent to ${ownEmail ?? 'your address'}`,\n          description: (error as Error).message,\n          variant: 'destructive',\n        });\n      }\n    },\n    /** Resolves with the problems that stopped it; none means it is going. */\n    async sendToAll(): Promise<string[]> {\n      try {\n        await send.mutateAsync([id]);\n\n        return [];\n      } catch (error) {\n        const problems = serverProblems(error);\n\n        return problems.length ? problems : ['The newsletter was not sent.'];\n      }\n    },\n    async stop() {\n      const ok = await confirm({\n        title: 'Stop sending?',\n        description:\n          'No more emails will go out. Emails already sent cannot be recalled.',\n        confirmLabel: 'Stop sending',\n        tone: 'danger',\n      });\n\n      if (ok) await quietly(() => cancel.mutateAsync([id]));\n    },\n    retryFailed: () => quietly(() => retry.mutateAsync([id])),\n  };\n}\n\nexport type SendActions = ReturnType<typeof useSendActions>;\n"],"mappings":";AAEA,SAAS,YAAY,gBAAgB;AACrC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,6BAA6B;AAG/B,SAAS,eAAe,IAAY,UAAyB;AAClE,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAG3B,QAAM,OAAO,sBAAsB,oBAAoB,MAAM,IAAI;AACjE,QAAM,OAAO,sBAAsB,oBAAoB,MAAM,IAAI;AACjE,QAAM,SAAS;AAAA,IACb,oBAAoB;AAAA,IACpB;AAAA,EACF;AACA,QAAM,QAAQ;AAAA,IACZ,oBAAoB;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,UAAU,OAAO;AAAA,IACjB,UAAU,MAAM;AAAA,IAChB,MAAM,WAAW;AACf,UAAI;AACF,cAAM,EAAE,OAAO,IAAI,MAAM,KAAK,YAAY,CAAC,EAAE,CAAC;AAE9C,cAAM,EAAE,OAAO,gBAAgB,MAAM,GAAG,CAAC;AAAA,MAC3C,SAAS,OAAO;AACd,cAAM;AAAA,UACJ,OAAO,oBAAoB,YAAY,cAAc;AAAA,UACrD,aAAc,MAAgB;AAAA,UAC9B,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IACF;AAAA;AAAA,IAEA,MAAM,YAA+B;AACnC,UAAI;AACF,cAAM,KAAK,YAAY,CAAC,EAAE,CAAC;AAE3B,eAAO,CAAC;AAAA,MACV,SAAS,OAAO;AACd,cAAM,WAAW,eAAe,KAAK;AAErC,eAAO,SAAS,SAAS,WAAW,CAAC,8BAA8B;AAAA,MACrE;AAAA,IACF;AAAA,IACA,MAAM,OAAO;AACX,YAAM,KAAK,MAAM,QAAQ;AAAA,QACvB,OAAO;AAAA,QACP,aACE;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,MACR,CAAC;AAED,UAAI,GAAI,OAAM,QAAQ,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC,CAAC;AAAA,IACtD;AAAA,IACA,aAAa,MAAM,QAAQ,MAAM,MAAM,YAAY,CAAC,EAAE,CAAC,CAAC;AAAA,EAC1D;AACF;","names":[]}

package/dist/admin/newsletters/use-signature-preview.js

@@ -0,0 +1,29 @@
+"use client";
+import { useEffect, useState } from "react";
+import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import {
+  adminSignaturesApi
+} from "@withpotter/lib/admin-signatures-api";
+import { canPreview, previewInput } from "./signature-values";
+import { NEWSLETTERS_KEY } from "./use-newsletters";
+const DEBOUNCE_MS = 400;
+function useSignaturePreview(form) {
+  const [settled, setSettled] = useState(form);
+  useEffect(() => {
+    const timer = setTimeout(() => setSettled(form), DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [form]);
+  const body = previewInput(settled);
+  return useQuery({
+    queryKey: [...NEWSLETTERS_KEY, "signature-preview", body],
+    queryFn: () => adminSignaturesApi.preview(body),
+    enabled: canPreview(settled),
+    placeholderData: keepPreviousData,
+    staleTime: Infinity,
+    retry: false
+  });
+}
+export {
+  useSignaturePreview
+};
+//# sourceMappingURL=use-signature-preview.js.map

package/dist/admin/newsletters/use-signature-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/use-signature-preview.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport {\n  adminSignaturesApi,\n  type SignatureFields,\n} from '@withpotter/lib/admin-signatures-api';\nimport { canPreview, previewInput } from './signature-values';\nimport { NEWSLETTERS_KEY } from './use-newsletters';\n\nconst DEBOUNCE_MS = 400;\n\n/**\n * The signature as the server draws it, for the values in the form. Asked\n * for 400ms after the last change; the last drawing stays up meanwhile.\n */\nexport function useSignaturePreview(form: SignatureFields) {\n  const [settled, setSettled] = useState(form);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setSettled(form), DEBOUNCE_MS);\n\n    return () => clearTimeout(timer);\n  }, [form]);\n\n  const body = previewInput(settled);\n\n  return useQuery({\n    queryKey: [...NEWSLETTERS_KEY, 'signature-preview', body],\n    queryFn: () => adminSignaturesApi.preview(body),\n    enabled: canPreview(settled),\n    placeholderData: keepPreviousData,\n    staleTime: Infinity,\n    retry: false,\n  });\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,kBAAkB,gBAAgB;AAC3C;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY,oBAAoB;AACzC,SAAS,uBAAuB;AAEhC,MAAM,cAAc;AAMb,SAAS,oBAAoB,MAAuB;AACzD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAE3C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,WAAW,IAAI,GAAG,WAAW;AAE5D,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,OAAO,aAAa,OAAO;AAEjC,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,GAAG,iBAAiB,qBAAqB,IAAI;AAAA,IACxD,SAAS,MAAM,mBAAmB,QAAQ,IAAI;AAAA,IAC9C,SAAS,WAAW,OAAO;AAAA,IAC3B,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/dist/admin/newsletters/use-signatures.js

@@ -0,0 +1,55 @@
+"use client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useToast } from "@withpotter/ui-kit";
+import { adminSignaturesApi } from "@withpotter/lib/admin-signatures-api";
+import { NEWSLETTERS_KEY } from "./use-newsletters";
+const KEY = [...NEWSLETTERS_KEY, "signatures"];
+const useSignatures = () => useQuery({
+  queryKey: KEY,
+  queryFn: adminSignaturesApi.list,
+  select: (page) => page.items
+});
+function useSignatureMutation(fn, failure) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  return useMutation({
+    mutationFn: (args) => fn(...args),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: KEY }),
+    onError: (error) => toast({
+      title: failure,
+      description: error.message,
+      variant: "destructive"
+    })
+  });
+}
+function useSignatureActions() {
+  const create = useSignatureMutation(
+    adminSignaturesApi.create,
+    "Signature not added"
+  );
+  const update = useSignatureMutation(
+    adminSignaturesApi.update,
+    "Signature not saved"
+  );
+  const remove = useSignatureMutation(
+    adminSignaturesApi.remove,
+    "Signature not deleted"
+  );
+  const done = (run) => run.then(
+    () => true,
+    () => false
+    // the mutation's toast has said why
+  );
+  return {
+    saving: create.isPending || update.isPending,
+    deleting: remove.isPending,
+    add: (...args) => done(create.mutateAsync(args)),
+    change: (...args) => done(update.mutateAsync(args)),
+    remove: (id) => done(remove.mutateAsync([id]))
+  };
+}
+export {
+  useSignatureActions,
+  useSignatures
+};
+//# sourceMappingURL=use-signatures.js.map

package/dist/admin/newsletters/use-signatures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/use-signatures.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useToast } from '@withpotter/ui-kit';\nimport { adminSignaturesApi } from '@withpotter/lib/admin-signatures-api';\nimport { NEWSLETTERS_KEY } from './use-newsletters';\n\nconst KEY = [...NEWSLETTERS_KEY, 'signatures'] as const;\n\n/** Every saved signature. */\nexport const useSignatures = () =>\n  useQuery({\n    queryKey: KEY,\n    queryFn: adminSignaturesApi.list,\n    select: (page) => page.items,\n  });\n\n/** A signature write: toast on failure, refresh the saved list on success. */\nfunction useSignatureMutation<A extends unknown[], R>(\n  fn: (...args: A) => Promise<R>,\n  failure: string,\n) {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n\n  return useMutation({\n    mutationFn: (args: A) => fn(...args),\n    onSuccess: () => queryClient.invalidateQueries({ queryKey: KEY }),\n    onError: (error: Error) =>\n      toast({\n        title: failure,\n        description: error.message,\n        variant: 'destructive',\n      }),\n  });\n}\n\n/** Add, change and delete saved signatures. Each resolves true when done. */\nexport function useSignatureActions() {\n  const create = useSignatureMutation(\n    adminSignaturesApi.create,\n    'Signature not added',\n  );\n  const update = useSignatureMutation(\n    adminSignaturesApi.update,\n    'Signature not saved',\n  );\n  const remove = useSignatureMutation(\n    adminSignaturesApi.remove,\n    'Signature not deleted',\n  );\n  const done = (run: Promise<unknown>) =>\n    run.then(\n      () => true,\n      () => false, // the mutation's toast has said why\n    );\n\n  return {\n    saving: create.isPending || update.isPending,\n    deleting: remove.isPending,\n    add: (...args: Parameters<typeof adminSignaturesApi.create>) =>\n      done(create.mutateAsync(args)),\n    change: (...args: Parameters<typeof adminSignaturesApi.update>) =>\n      done(update.mutateAsync(args)),\n    remove: (id: string) => done(remove.mutateAsync([id])),\n  };\n}\n\nexport type SignatureActions = ReturnType<typeof useSignatureActions>;\n"],"mappings":";AAEA,SAAS,aAAa,UAAU,sBAAsB;AACtD,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAEhC,MAAM,MAAM,CAAC,GAAG,iBAAiB,YAAY;AAGtC,MAAM,gBAAgB,MAC3B,SAAS;AAAA,EACP,UAAU;AAAA,EACV,SAAS,mBAAmB;AAAA,EAC5B,QAAQ,CAAC,SAAS,KAAK;AACzB,CAAC;AAGH,SAAS,qBACP,IACA,SACA;AACA,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAAY,GAAG,GAAG,IAAI;AAAA,IACnC,WAAW,MAAM,YAAY,kBAAkB,EAAE,UAAU,IAAI,CAAC;AAAA,IAChE,SAAS,CAAC,UACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,aAAa,MAAM;AAAA,MACnB,SAAS;AAAA,IACX,CAAC;AAAA,EACL,CAAC;AACH;AAGO,SAAS,sBAAsB;AACpC,QAAM,SAAS;AAAA,IACb,mBAAmB;AAAA,IACnB;AAAA,EACF;AACA,QAAM,SAAS;AAAA,IACb,mBAAmB;AAAA,IACnB;AAAA,EACF;AACA,QAAM,SAAS;AAAA,IACb,mBAAmB;AAAA,IACnB;AAAA,EACF;AACA,QAAM,OAAO,CAAC,QACZ,IAAI;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA;AAAA,EACR;AAEF,SAAO;AAAA,IACL,QAAQ,OAAO,aAAa,OAAO;AAAA,IACnC,UAAU,OAAO;AAAA,IACjB,KAAK,IAAI,SACP,KAAK,OAAO,YAAY,IAAI,CAAC;AAAA,IAC/B,QAAQ,IAAI,SACV,KAAK,OAAO,YAAY,IAAI,CAAC;AAAA,IAC/B,QAAQ,CAAC,OAAe,KAAK,OAAO,YAAY,CAAC,EAAE,CAAC,CAAC;AAAA,EACvD;AACF;","names":[]}

package/dist/admin/page.js

@@ -0,0 +1,179 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import {
+  AdmLoading,
+  CurrencyFilter,
+  GmvOrdersChart,
+  PICK_CURRENCY,
+  PageHeader,
+  Panel,
+  PeriodSelector,
+  periodPhrase,
+  customRange,
+  focusCurrency,
+  moneyIn,
+  rangeFromKey,
+  rowFor,
+  toTrend,
+  useCurrencyParam,
+  usePersistedDateRange
+} from "./_ui";
+import { useGatewayChannels, usePlatformCockpit } from "./hooks";
+import { ActivationPanel } from "./_overview/activation-panel";
+import { AttentionPanel } from "./_overview/attention-panel";
+import { ControlRoom } from "./_overview/control-room";
+import { KpiRow } from "./_overview/kpi-row";
+import { LeadersPanel } from "./_overview/leaders-panel";
+import { PortfolioPanel } from "./_overview/portfolio-panel";
+import { PositionPanel } from "./_overview/position-panel";
+import { ChannelPanel } from "./revenue/channel-panel";
+function AdminIndexPage() {
+  const {
+    rangeKey,
+    setRangeKey,
+    customStart,
+    customEnd,
+    onCustomChange,
+    compare
+  } = usePersistedDateRange();
+  const [currency, setCurrency] = useCurrencyParam();
+  const range = useMemo(
+    () => rangeKey === "custom" ? customRange(customStart, customEnd) : rangeFromKey(rangeKey),
+    [customEnd, customStart, rangeKey]
+  );
+  const cockpit = usePlatformCockpit({
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const channels = useGatewayChannels({
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const currencies = useMemo(
+    () => cockpit.data?.currencies ?? [],
+    [cockpit.data]
+  );
+  const focus = focusCurrency(currencies, currency);
+  const series = useMemo(
+    () => rowFor(cockpit.data?.trend.performanceSeriesByCurrency, focus)?.series,
+    [cockpit.data, focus]
+  );
+  const gmvTrend = useMemo(() => toTrend(series, "gmv"), [series]);
+  const ordersTrend = useMemo(() => toTrend(series, "orders"), [series]);
+  if (cockpit.isLoading) {
+    return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading platform operations" });
+  }
+  if (cockpit.isError || !cockpit.data) {
+    return /* @__PURE__ */ jsxs("div", { className: "adm-panel", role: "alert", children: [
+      /* @__PURE__ */ jsx("strong", { children: "Platform operations could not be loaded." }),
+      /* @__PURE__ */ jsx("p", { className: "mb-0 mt-2 text-sm text-[var(--text-secondary)]", children: "The range-aware admin API did not return the operating summary." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "mt-4 text-sm font-semibold text-[var(--accent-primary)]",
+          onClick: () => void cockpit.refetch(),
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const data = cockpit.data;
+  const span = periodPhrase(range);
+  const period = `${span[0].toUpperCase()}${span.slice(1)}`;
+  const caption = focus ? `${period} \xB7 ${focus}` : period;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "Platform operations",
+        description: "Merchant growth, money movement and exceptions to review.",
+        actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+          /* @__PURE__ */ jsx(
+            CurrencyFilter,
+            {
+              value: currency,
+              onChange: setCurrency,
+              currencies
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PeriodSelector,
+            {
+              value: rangeKey,
+              onChange: setRangeKey,
+              customStart,
+              customEnd,
+              onCustomChange
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ControlRoom,
+      {
+        attention: data.attention,
+        currency,
+        totals: data.totals
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      KpiRow,
+      {
+        data,
+        currency,
+        focus,
+        compare,
+        caption
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-8", children: /* @__PURE__ */ jsx(Panel, { title: "Processing volume", caption, children: focus ? /* @__PURE__ */ jsx(
+        GmvOrdersChart,
+        {
+          gmvTrend,
+          ordersTrend,
+          previousGmvTrend: [],
+          previousOrdersTrend: [],
+          compare: false,
+          span,
+          money: moneyIn(focus)
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: PICK_CURRENCY }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(PositionPanel, { data, currency }) })
+    ] }),
+    channels.data && channels.data.byChannel.length > 0 && /* @__PURE__ */ jsx("div", { className: "adm-grid", children: /* @__PURE__ */ jsx("div", { className: "adm-span-12", children: /* @__PURE__ */ jsx(
+      ChannelPanel,
+      {
+        totals: channels.data.byChannel,
+        focus,
+        caption
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { className: "adm-grid", children: /* @__PURE__ */ jsx("div", { className: "adm-span-12", children: /* @__PURE__ */ jsx(ActivationPanel, { activation: data.activation }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(AttentionPanel, { attention: data.attention }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(
+        LeadersPanel,
+        {
+          tenants: rowFor(data.topTenantsByCurrency, focus)?.tenants ?? [],
+          focus,
+          caption: focus ? `${span} \xB7 ${focus}` : span
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(
+        PortfolioPanel,
+        {
+          statuses: data.statusBreakdown,
+          industries: data.industryBreakdown
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  AdminIndexPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/page.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  GmvOrdersChart,\n  PICK_CURRENCY,\n  PageHeader,\n  Panel,\n  PeriodSelector,\n  periodPhrase,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  rangeFromKey,\n  rowFor,\n  toTrend,\n  useCurrencyParam,\n  usePersistedDateRange,\n} from './_ui';\nimport { useGatewayChannels, usePlatformCockpit } from './hooks';\nimport { ActivationPanel } from './_overview/activation-panel';\nimport { AttentionPanel } from './_overview/attention-panel';\nimport { ControlRoom } from './_overview/control-room';\nimport { KpiRow } from './_overview/kpi-row';\nimport { LeadersPanel } from './_overview/leaders-panel';\nimport { PortfolioPanel } from './_overview/portfolio-panel';\nimport { PositionPanel } from './_overview/position-panel';\nimport { ChannelPanel } from './revenue/channel-panel';\n\nexport default function AdminIndexPage() {\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  // Money comes back once per currency; `?currency=` narrows it to one.\n  const [currency, setCurrency] = useCurrencyParam();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [customEnd, customStart, rangeKey],\n  );\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  const channels = useGatewayChannels({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  const currencies = useMemo(\n    () => cockpit.data?.currencies ?? [],\n    [cockpit.data],\n  );\n  // A chart can only draw one currency: the filter's, or the only one.\n  const focus = focusCurrency(currencies, currency);\n  const series = useMemo(\n    () =>\n      rowFor(cockpit.data?.trend.performanceSeriesByCurrency, focus)?.series,\n    [cockpit.data, focus],\n  );\n  const gmvTrend = useMemo(() => toTrend(series, 'gmv'), [series]);\n  const ordersTrend = useMemo(() => toTrend(series, 'orders'), [series]);\n\n  if (cockpit.isLoading) {\n    return <AdmLoading label=\"Loading platform operations\" />;\n  }\n\n  if (cockpit.isError || !cockpit.data) {\n    return (\n      <div className=\"adm-panel\" role=\"alert\">\n        <strong>Platform operations could not be loaded.</strong>\n        <p className=\"mb-0 mt-2 text-sm text-[var(--text-secondary)]\">\n          The range-aware admin API did not return the operating summary.\n        </p>\n        <button\n          type=\"button\"\n          className=\"mt-4 text-sm font-semibold text-[var(--accent-primary)]\"\n          onClick={() => void cockpit.refetch()}\n        >\n          Try again\n        </button>\n      </div>\n    );\n  }\n\n  const data = cockpit.data;\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n  const caption = focus ? `${period} · ${focus}` : period;\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Platform operations\"\n        description=\"Merchant growth, money movement and exceptions to review.\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n\n      <ControlRoom\n        attention={data.attention}\n        currency={currency}\n        totals={data.totals}\n      />\n\n      <KpiRow\n        data={data}\n        currency={currency}\n        focus={focus}\n        compare={compare}\n        caption={caption}\n      />\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-8\">\n          <Panel title=\"Processing volume\" caption={caption}>\n            {focus ? (\n              <GmvOrdersChart\n                gmvTrend={gmvTrend}\n                ordersTrend={ordersTrend}\n                previousGmvTrend={[]}\n                previousOrdersTrend={[]}\n                compare={false}\n                span={span}\n                money={moneyIn(focus)}\n              />\n            ) : (\n              <p className=\"text-sm text-[var(--text-secondary)]\">\n                {PICK_CURRENCY}\n              </p>\n            )}\n          </Panel>\n        </div>\n        <div className=\"adm-span-4\">\n          <PositionPanel data={data} currency={currency} />\n        </div>\n      </div>\n\n      {channels.data && channels.data.byChannel.length > 0 && (\n        <div className=\"adm-grid\">\n          <div className=\"adm-span-12\">\n            <ChannelPanel\n              totals={channels.data.byChannel}\n              focus={focus}\n              caption={caption}\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-12\">\n          <ActivationPanel activation={data.activation} />\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-4\">\n          <AttentionPanel attention={data.attention} />\n        </div>\n        <div className=\"adm-span-4\">\n          <LeadersPanel\n            tenants={rowFor(data.topTenantsByCurrency, focus)?.tenants ?? []}\n            focus={focus}\n            caption={focus ? `${span} · ${focus}` : span}\n          />\n        </div>\n        <div className=\"adm-span-4\">\n          <PortfolioPanel\n            statuses={data.statusBreakdown}\n            industries={data.industryBreakdown}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAwEW,cAKL,YALK;AAtEX,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB,0BAA0B;AACvD,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAEd,SAAR,iBAAkC;AACvC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAE1B,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,WAAW,aAAa,QAAQ;AAAA,EACnC;AACA,QAAM,UAAU,mBAAmB;AAAA,IACjC,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AACD,QAAM,WAAW,mBAAmB;AAAA,IAClC,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AACD,QAAM,aAAa;AAAA,IACjB,MAAM,QAAQ,MAAM,cAAc,CAAC;AAAA,IACnC,CAAC,QAAQ,IAAI;AAAA,EACf;AAEA,QAAM,QAAQ,cAAc,YAAY,QAAQ;AAChD,QAAM,SAAS;AAAA,IACb,MACE,OAAO,QAAQ,MAAM,MAAM,6BAA6B,KAAK,GAAG;AAAA,IAClE,CAAC,QAAQ,MAAM,KAAK;AAAA,EACtB;AACA,QAAM,WAAW,QAAQ,MAAM,QAAQ,QAAQ,KAAK,GAAG,CAAC,MAAM,CAAC;AAC/D,QAAM,cAAc,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,GAAG,CAAC,MAAM,CAAC;AAErE,MAAI,QAAQ,WAAW;AACrB,WAAO,oBAAC,cAAW,OAAM,+BAA8B;AAAA,EACzD;AAEA,MAAI,QAAQ,WAAW,CAAC,QAAQ,MAAM;AACpC,WACE,qBAAC,SAAI,WAAU,aAAY,MAAK,SAC9B;AAAA,0BAAC,YAAO,sDAAwC;AAAA,MAChD,oBAAC,OAAE,WAAU,kDAAiD,6EAE9D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,KAAK,QAAQ,QAAQ;AAAA,UACrC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,OAAO,QAAQ;AACrB,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AACvD,QAAM,UAAU,QAAQ,GAAG,MAAM,SAAM,KAAK,KAAK;AAEjD,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA,IAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK;AAAA,QAChB;AAAA,QACA,QAAQ,KAAK;AAAA;AAAA,IACf;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAU,cACb,8BAAC,SAAM,OAAM,qBAAoB,SAC9B,kBACC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,kBAAkB,CAAC;AAAA,UACnB,qBAAqB,CAAC;AAAA,UACtB,SAAS;AAAA,UACT;AAAA,UACA,OAAO,QAAQ,KAAK;AAAA;AAAA,MACtB,IAEA,oBAAC,OAAE,WAAU,wCACV,yBACH,GAEJ,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb,8BAAC,iBAAc,MAAY,UAAoB,GACjD;AAAA,OACF;AAAA,IAEC,SAAS,QAAQ,SAAS,KAAK,UAAU,SAAS,KACjD,oBAAC,SAAI,WAAU,YACb,8BAAC,SAAI,WAAU,eACb;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,SAAS,KAAK;AAAA,QACtB;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,IAGF,oBAAC,SAAI,WAAU,YACb,8BAAC,SAAI,WAAU,eACb,8BAAC,mBAAgB,YAAY,KAAK,YAAY,GAChD,GACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAU,cACb,8BAAC,kBAAe,WAAW,KAAK,WAAW,GAC7C;AAAA,MACA,oBAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,OAAO,KAAK,sBAAsB,KAAK,GAAG,WAAW,CAAC;AAAA,UAC/D;AAAA,UACA,SAAS,QAAQ,GAAG,IAAI,SAAM,KAAK,KAAK;AAAA;AAAA,MAC1C,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,YAAY,KAAK;AAAA;AAAA,MACnB,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/payout-providers/add-flow.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { Banner, Button, Input } from "@withpotter/ui-kit";
+import {
+  platformAdminApi
+} from "@withpotter/platform-admin";
+import { Panel } from "../_ui";
+import { errorText } from "./shared";
+import styles from "./payout-providers.module.css";
+import sec from "./sections.module.css";
+function AddFlow({
+  onCreated,
+  onCancel
+}) {
+  const presets = useQuery({
+    queryKey: ["platform-admin", "payout-presets"],
+    queryFn: () => platformAdminApi.payoutFlowPresets(),
+    staleTime: 60 * 6e4
+  });
+  const [name, setName] = useState("");
+  const [presetKey, setPresetKey] = useState("");
+  const create = useMutation({
+    mutationFn: () => platformAdminApi.createPayoutFlow(name, presetKey),
+    onSuccess: onCreated
+  });
+  return /* @__PURE__ */ jsx(Panel, { title: "Add a flow", children: /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    /* @__PURE__ */ jsx("p", { className: styles.desc, children: "Start from a template, give it a name, then adjust anything you need." }),
+    /* @__PURE__ */ jsx("div", { className: styles.fields, children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        label: "Name",
+        placeholder: "e.g. Stripe payouts",
+        value: name,
+        onChange: (e) => setName(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: styles.label, children: "Start from" }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: sec.templateGrid,
+          role: "radiogroup",
+          "aria-label": "Template",
+          children: (presets.data ?? []).map((preset) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": presetKey === preset.key,
+              className: sec.template,
+              "data-selected": presetKey === preset.key,
+              onClick: () => setPresetKey(preset.key),
+              children: [
+                /* @__PURE__ */ jsx("strong", { children: preset.label }),
+                /* @__PURE__ */ jsx("span", { children: preset.description })
+              ]
+            },
+            preset.key
+          ))
+        }
+      )
+    ] }),
+    (presets.error || create.error) && /* @__PURE__ */ jsx(Banner, { tone: "error", children: errorText(presets.error ?? create.error) }),
+    /* @__PURE__ */ jsxs("div", { className: styles.actions, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          loading: create.isPending,
+          disabled: name.trim().length < 2 || !presetKey,
+          onClick: () => create.mutate(),
+          children: "Create flow"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onCancel, children: "Cancel" })
+    ] })
+  ] }) });
+}
+export {
+  AddFlow
+};
+//# sourceMappingURL=add-flow.js.map

package/dist/admin/payout-providers/add-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-providers/add-flow.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQuery } from '@tanstack/react-query';\nimport { Banner, Button, Input } from '@withpotter/ui-kit';\nimport {\n  platformAdminApi,\n  type PayoutIntegration,\n} from '@withpotter/platform-admin';\nimport { Panel } from '../_ui';\nimport { errorText } from './shared';\nimport styles from './payout-providers.module.css';\nimport sec from './sections.module.css';\n\n/** Creates a flow as a copy of a built-in template. The copy is then entirely its own and can be edited freely. */\nexport function AddFlow({\n  onCreated,\n  onCancel,\n}: {\n  onCreated: (flow: PayoutIntegration) => void;\n  onCancel: () => void;\n}) {\n  const presets = useQuery({\n    queryKey: ['platform-admin', 'payout-presets'],\n    queryFn: () => platformAdminApi.payoutFlowPresets(),\n    staleTime: 60 * 60_000,\n  });\n  const [name, setName] = useState('');\n  const [presetKey, setPresetKey] = useState('');\n  const create = useMutation({\n    mutationFn: () => platformAdminApi.createPayoutFlow(name, presetKey),\n    onSuccess: onCreated,\n  });\n\n  return (\n    <Panel title=\"Add a flow\">\n      <div className={styles.stack}>\n        <p className={styles.desc}>\n          Start from a template, give it a name, then adjust anything you need.\n        </p>\n        <div className={styles.fields}>\n          <Input\n            label=\"Name\"\n            placeholder=\"e.g. Stripe payouts\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n          />\n        </div>\n        <div>\n          <span className={styles.label}>Start from</span>\n          <div\n            className={sec.templateGrid}\n            role=\"radiogroup\"\n            aria-label=\"Template\"\n          >\n            {(presets.data ?? []).map((preset) => (\n              <button\n                key={preset.key}\n                type=\"button\"\n                role=\"radio\"\n                aria-checked={presetKey === preset.key}\n                className={sec.template}\n                data-selected={presetKey === preset.key}\n                onClick={() => setPresetKey(preset.key)}\n              >\n                <strong>{preset.label}</strong>\n                <span>{preset.description}</span>\n              </button>\n            ))}\n          </div>\n        </div>\n        {(presets.error || create.error) && (\n          <Banner tone=\"error\">\n            {errorText(presets.error ?? create.error)}\n          </Banner>\n        )}\n        <div className={styles.actions}>\n          <Button\n            loading={create.isPending}\n            disabled={name.trim().length < 2 || !presetKey}\n            onClick={() => create.mutate()}\n          >\n            Create flow\n          </Button>\n          <Button variant=\"ghost\" onClick={onCancel}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </Panel>\n  );\n}\n"],"mappings":";AAqCQ,cAmBM,YAnBN;AAnCR,SAAS,gBAAgB;AACzB,SAAS,aAAa,gBAAgB;AACtC,SAAS,QAAQ,QAAQ,aAAa;AACtC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AACnB,OAAO,SAAS;AAGT,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AACF,GAGG;AACD,QAAM,UAAU,SAAS;AAAA,IACvB,UAAU,CAAC,kBAAkB,gBAAgB;AAAA,IAC7C,SAAS,MAAM,iBAAiB,kBAAkB;AAAA,IAClD,WAAW,KAAK;AAAA,EAClB,CAAC;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,QAAM,SAAS,YAAY;AAAA,IACzB,YAAY,MAAM,iBAAiB,iBAAiB,MAAM,SAAS;AAAA,IACnE,WAAW;AAAA,EACb,CAAC;AAED,SACE,oBAAC,SAAM,OAAM,cACX,+BAAC,SAAI,WAAW,OAAO,OACrB;AAAA,wBAAC,OAAE,WAAW,OAAO,MAAM,mFAE3B;AAAA,IACA,oBAAC,SAAI,WAAW,OAAO,QACrB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA;AAAA,IACzC,GACF;AAAA,IACA,qBAAC,SACC;AAAA,0BAAC,UAAK,WAAW,OAAO,OAAO,wBAAU;AAAA,MACzC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,IAAI;AAAA,UACf,MAAK;AAAA,UACL,cAAW;AAAA,UAET,mBAAQ,QAAQ,CAAC,GAAG,IAAI,CAAC,WACzB;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,gBAAc,cAAc,OAAO;AAAA,cACnC,WAAW,IAAI;AAAA,cACf,iBAAe,cAAc,OAAO;AAAA,cACpC,SAAS,MAAM,aAAa,OAAO,GAAG;AAAA,cAEtC;AAAA,oCAAC,YAAQ,iBAAO,OAAM;AAAA,gBACtB,oBAAC,UAAM,iBAAO,aAAY;AAAA;AAAA;AAAA,YATrB,OAAO;AAAA,UAUd,CACD;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACE,QAAQ,SAAS,OAAO,UACxB,oBAAC,UAAO,MAAK,SACV,oBAAU,QAAQ,SAAS,OAAO,KAAK,GAC1C;AAAA,IAEF,qBAAC,SAAI,WAAW,OAAO,SACrB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,OAAO;AAAA,UAChB,UAAU,KAAK,KAAK,EAAE,SAAS,KAAK,CAAC;AAAA,UACrC,SAAS,MAAM,OAAO,OAAO;AAAA,UAC9B;AAAA;AAAA,MAED;AAAA,MACA,oBAAC,UAAO,SAAQ,SAAQ,SAAS,UAAU,oBAE3C;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}