@drawbridge/components 0.0.78 → 0.1.1

package/dist/dashboard/template-socket.mjs

@@ -0,0 +1,466 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useParams } from "next/navigation";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useSocketRoom } from "./lib/hooks.mjs";
+import { isAdmin } from "../shared/lib/helpers.mjs";
+import TemplateSuspended from "./template-suspended.mjs";
+const TemplateSocketAccount = ({
+  children
+}) => {
+  const queryClient = useQueryClient();
+  const account = queryClient.getQueryData(["account"]);
+  useSocketRoom({
+    arg: account == null ? void 0 : account.id,
+    enabled: Boolean(account == null ? void 0 : account.id),
+    room: "account",
+    listeners: {
+      "account.notice": ({
+        message
+      }) => queryClient.setQueryData(
+        ["notice"],
+        {
+          active: true,
+          response: {
+            message
+          }
+        }
+      ),
+      "account.totals": (totals) => {
+        queryClient.setQueryData(
+          ["account"],
+          (data) => ({
+            ...data,
+            totals: {
+              ...data.totals,
+              ...totals
+            }
+          })
+        );
+        queryClient.invalidateQueries({
+          exact: true,
+          queryKey: ["account"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["menu", "account"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["invitations"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["messages"]
+        });
+      },
+      "account.process": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["account", "process", "count"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["list-resource", "process"]
+        });
+      },
+      "account.update": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-members"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["menu", "account"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["account"]
+        });
+      },
+      "account.balance": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["account", "balance"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["account-transactions"]
+        });
+      }
+    },
+    // Reconnect resync: re-pull the authoritative account doc and every view a
+    // missed totals / update emit would have refreshed — including the live
+    // processing-center count ( [ 'account', 'process', 'count' ] ).
+    resync: [
+      ["account"],
+      ["account", "process", "count"],
+      ["menu", "account"],
+      ["list-resource", "process"],
+      ["account-transactions"],
+      ["invitations"],
+      ["messages"]
+    ]
+  });
+  return children;
+};
+const TemplateSocketCampaign = ({
+  children
+}) => {
+  const params = useParams();
+  const queryClient = useQueryClient();
+  useSocketRoom({
+    arg: params == null ? void 0 : params.campaign,
+    enabled: Boolean(params == null ? void 0 : params.campaign),
+    room: "campaign",
+    listeners: {
+      "campaign.totals": ({
+        leads
+      }) => {
+        queryClient.setQueryData(
+          ["campaign", params == null ? void 0 : params.campaign],
+          (data) => {
+            var _a;
+            if (!data) return data;
+            return {
+              ...data,
+              totals: {
+                ...data.totals,
+                ...leads && {
+                  leads: Number((((_a = data.totals) == null ? void 0 : _a.leads) || 0) + Number(leads))
+                }
+              }
+            };
+          }
+        );
+      },
+      "campaign.advertisements": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-advertisement"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["campaign-advertisements", params.organization, params.campaign]
+        });
+      },
+      "campaign.draws": ({ prize }) => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-prize-draws", prize]
+        });
+      }
+    },
+    // The live handler applies leads as a delta, which can't be replayed after
+    // an outage — refetch the campaign so the total reconciles to the server.
+    // @story connections/reconnect
+    // Ad statuses are also here because sync's connection cascade drafts /
+    // reactivates them while the user is on the connections page — outside
+    // this room — so the campaign.advertisements emit is never heard and
+    // staleTime: Infinity keeps the dead data until a hard refresh. Joining
+    // the room after any time away has the same blind spot as an outage.
+    resync: [
+      ["campaign", params == null ? void 0 : params.campaign],
+      ["campaign-advertisements", params == null ? void 0 : params.organization, params == null ? void 0 : params.campaign],
+      ["organization-campaign-advertisement"]
+    ]
+  });
+  return children;
+};
+const TemplateSocketAdmin = ({
+  children
+}) => {
+  const queryClient = useQueryClient();
+  const account = queryClient.getQueryData(["account"]);
+  const admin = isAdmin(account == null ? void 0 : account.permissions);
+  useSocketRoom({
+    arg: void 0,
+    enabled: admin,
+    room: "admin",
+    listeners: {
+      "admin.files": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["admin-files"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["file-list"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["admin-file"]
+        });
+      },
+      "admin.templates": (id) => {
+        queryClient.invalidateQueries({
+          queryKey: ["admin-templates"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["admin-template", id]
+        });
+      }
+    },
+    resync: [
+      ["admin-files"],
+      ["admin-templates"]
+    ]
+  });
+  return children;
+};
+const TemplateSocketOrganization = ({
+  children
+}) => {
+  const params = useParams();
+  const queryClient = useQueryClient();
+  const { data: organization } = useQuery({
+    enabled: false,
+    queryKey: ["organization", params == null ? void 0 : params.organization]
+  });
+  useSocketRoom({
+    arg: params == null ? void 0 : params.organization,
+    enabled: Boolean(params == null ? void 0 : params.organization),
+    room: "organization",
+    listeners: {
+      // Async AI generation flips a record's processing.ai.status
+      // ( pending → ready | failed ) in a sync worker. The worker
+      // emits to the org room so the listing refetches and the
+      // skeleton shell becomes the finished ( or error ) card.
+      "organization.brands": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-brands", params.organization]
+        });
+      },
+      "organization.campaigns": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["campaign", params.campaign]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaigns", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-ranges", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-dashboard-live", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-dashboard-recent", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-dashboard"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflows", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflow", params.organization]
+        });
+      },
+      // A sending domain or SMS number changed state without the browser
+      // asking. Registration is asynchronous — the api writes the row and
+      // answers, and only afterwards does sync call SendGrid and write the DNS
+      // records back — so the records the merchant is waiting for do not exist
+      // when their save returns. Invalidating on the push is what shows them,
+      // and is why the drawer no longer has to be saved twice.
+      "organization.identity": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+      },
+      "organization.connections": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-connections", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-connection", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflows", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflow-catalog", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-products", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["menu", "organization", params.organization]
+        });
+      },
+      "organization.contacts": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-contacts", params.organization]
+        });
+      },
+      "organization.export": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-exports", params.organization]
+        });
+      },
+      "organization.files": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["file-list"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["admin-files"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-files", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-file"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["admin-file"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-advertisement"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["campaign-advertisements", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-page"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-brand"]
+        });
+      },
+      "organization.invoices": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-billing-invoices", params.organization]
+        });
+      },
+      "organization.members": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-members", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-usage-chart", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-dashboard", params]
+        });
+      },
+      "organization.pages": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-pages", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-page"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-dashboard-recent", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaign-recent", params.organization]
+        });
+      },
+      "organization.segments": ({
+        id
+      }) => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-segment", params.organization, id]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-segments", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-segment-contacts", params]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-usage-chart", params.organization]
+        });
+      },
+      // The sync recount worker rewrites organization.totals from source and
+      // emits this whenever a count changes. Refetch the authoritative org doc
+      // + the usage page / dashboard that display those counts.
+      "organization.totals": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-usage-chart", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-dashboard", params]
+        });
+      },
+      "organization.status": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-billing-invoices", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["menu", "organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["menu", "campaign", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-campaigns", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-members", params.organization]
+        });
+      },
+      // Sync wrote or cleared a workflow's run-time issue. The open workflow
+      // page shows it, the list carries it, and the dashboard's Next steps
+      // and the sidebar Workflows dot are built server-side off the org and
+      // menu queries — so all four refetch.
+      "organization.workflows": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflows", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflow", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["organization", params.organization]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["menu", "organization", params.organization]
+        });
+      },
+      // A running workflow's steps transition ( insert + status change ) in
+      // sync, which coalesces the burst into one emit per org room. The
+      // Activity drawer's query ( staleTime: Infinity ) never self-refetches,
+      // so invalidate it by prefix to cover every workflow's feed regardless
+      // of the filters / limit / pagination segments on the key.
+      "organization.steps": () => {
+        queryClient.invalidateQueries({
+          queryKey: ["organization-workflow-steps"]
+        });
+      }
+    },
+    // Reconnect resync: refetch the org-scoped views the org.* handlers keep
+    // live, so a flip ( e.g. a pending → ready brand ) that landed while we
+    // were disconnected still converges instead of waiting for the next emit.
+    resync: [
+      ["organization", params == null ? void 0 : params.organization],
+      ["organization-brands", params == null ? void 0 : params.organization],
+      ["organization-campaigns", params == null ? void 0 : params.organization],
+      ["organization-campaign-pages", params == null ? void 0 : params.organization],
+      ["organization-campaign-page"],
+      ["organization-connections", params == null ? void 0 : params.organization],
+      ["organization-connection", params == null ? void 0 : params.organization],
+      ["organization-campaign-products", params == null ? void 0 : params.organization],
+      ["organization-workflows", params == null ? void 0 : params.organization],
+      ["organization-workflow-catalog", params == null ? void 0 : params.organization],
+      ["organization-workflow-steps"],
+      ["organization-contacts", params == null ? void 0 : params.organization],
+      ["organization-exports", params == null ? void 0 : params.organization],
+      ["organization-files", params == null ? void 0 : params.organization],
+      ["organization-billing-invoices", params == null ? void 0 : params.organization],
+      ["organization-members", params == null ? void 0 : params.organization],
+      ["organization-usage-chart", params == null ? void 0 : params.organization],
+      ["organization-segments", params == null ? void 0 : params.organization],
+      ["menu", "organization", params == null ? void 0 : params.organization],
+      ["menu", "campaign", params == null ? void 0 : params.organization]
+    ]
+  });
+  if ((organization == null ? void 0 : organization.status) === "suspended") return /* @__PURE__ */ jsx(TemplateSuspended, {});
+  return children;
+};
+export {
+  TemplateSocketAccount,
+  TemplateSocketAdmin,
+  TemplateSocketCampaign,
+  TemplateSocketOrganization
+};

package/dist/dashboard/template-suspended.js

@@ -0,0 +1,64 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var template_suspended_exports = {};
+__export(template_suspended_exports, {
+  default: () => template_suspended_default,
+  suspension: () => suspension
+});
+module.exports = __toCommonJS(template_suspended_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_navigation = require("next/navigation");
+var import_react_query = require("@tanstack/react-query");
+var import_hooks = require("./lib/hooks");
+const suspension = {
+  message: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...{
+        className: "space-y-3"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "This organization is in violation of the Drawbridge terms and conditions and has been suspended." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Please reach out to our support team for further information regarding the suspension." })
+      ]
+    }
+  ),
+  title: "Organization has been suspended"
+};
+const TemplateSuspended = () => {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const router = (0, import_navigation.useRouter)();
+  const { open } = (0, import_hooks.useModal)({
+    queryClient
+  });
+  (0, import_react.useEffect)(
+    () => {
+      open(suspension);
+      router.replace("/organizations");
+    },
+    [open, router]
+  );
+  return null;
+};
+var template_suspended_default = TemplateSuspended;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  suspension
+});

package/dist/dashboard/template-suspended.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { useQueryClient } from "@tanstack/react-query";
+import { useModal } from "./lib/hooks.mjs";
+const suspension = {
+  message: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{
+        className: "space-y-3"
+      },
+      children: [
+        /* @__PURE__ */ jsx("p", { children: "This organization is in violation of the Drawbridge terms and conditions and has been suspended." }),
+        /* @__PURE__ */ jsx("p", { children: "Please reach out to our support team for further information regarding the suspension." })
+      ]
+    }
+  ),
+  title: "Organization has been suspended"
+};
+const TemplateSuspended = () => {
+  const queryClient = useQueryClient();
+  const router = useRouter();
+  const { open } = useModal({
+    queryClient
+  });
+  useEffect(
+    () => {
+      open(suspension);
+      router.replace("/organizations");
+    },
+    [open, router]
+  );
+  return null;
+};
+var template_suspended_default = TemplateSuspended;
+export {
+  template_suspended_default as default,
+  suspension
+};