@drawbridge/components 0.0.77 → 0.1.0

package/dist/dashboard/template-socket.js

@@ -0,0 +1,502 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var template_socket_exports = {};
+__export(template_socket_exports, {
+  TemplateSocketAccount: () => TemplateSocketAccount,
+  TemplateSocketAdmin: () => TemplateSocketAdmin,
+  TemplateSocketCampaign: () => TemplateSocketCampaign,
+  TemplateSocketOrganization: () => TemplateSocketOrganization
+});
+module.exports = __toCommonJS(template_socket_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_navigation = require("next/navigation");
+var import_react_query = require("@tanstack/react-query");
+var import_hooks = require("./lib/hooks");
+var import_helpers = require("../shared/lib/helpers");
+var import_template_suspended = __toESM(require("./template-suspended"));
+const TemplateSocketAccount = ({
+  children
+}) => {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const account = queryClient.getQueryData(["account"]);
+  (0, import_hooks.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 = (0, import_navigation.useParams)();
+  const queryClient = (0, import_react_query.useQueryClient)();
+  (0, import_hooks.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 = (0, import_react_query.useQueryClient)();
+  const account = queryClient.getQueryData(["account"]);
+  const admin = (0, import_helpers.isAdmin)(account == null ? void 0 : account.permissions);
+  (0, import_hooks.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 = (0, import_navigation.useParams)();
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const { data: organization } = (0, import_react_query.useQuery)({
+    enabled: false,
+    queryKey: ["organization", params == null ? void 0 : params.organization]
+  });
+  (0, import_hooks.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__ */ (0, import_jsx_runtime.jsx)(import_template_suspended.default, {});
+  return children;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TemplateSocketAccount,
+  TemplateSocketAdmin,
+  TemplateSocketCampaign,
+  TemplateSocketOrganization
+});