@aglyn/plugins-marketing 1.0.0-beta.278 → 1.0.0-beta.283

package/src/lib/components/email-detail.js

@@ -16,20 +16,23 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { PageHeaderRecord, pluginDocsHelp } from "@aglyn/aglyn";
+import { checkQuota, PageHeaderRecord, pluginDocsHelp } from "@aglyn/aglyn";
 import { pluginRecordHref } from "@aglyn/aglyn/plugin-manager/plugin-record-routes";
 import { mdiCalendarClockOutline, mdiCloseCircleOutline, mdiDeleteOutline, mdiPencilOutline } from "@aglyn/shared-data-mdi";
 import { AppLink, CardDisplay, MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import RowActionsMenu from "@aglyn/shared-ui-jsx/components/row-actions-menu.component";
 import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
-import { useFirestore, useFirestoreDoc } from "@aglyn/tenant-feature-instance";
+import { useConsoleHostRoute, useFirestore, useFirestoreDoc, useOrgPlan } from "@aglyn/tenant-feature-instance";
+import { BlockedControl } from "@aglyn/shared-ui-jsx/components/blocked-control.component";
+import { PlanUpsellNotice } from "@aglyn/shared-ui-jsx/components/plan-upsell-notice.component";
 import { Alert, Button, Chip, Divider, Stack, TableBody, TableCell, TableHead, TableRow, Typography } from "@mui/material";
 import { doc } from "firebase/firestore";
 import { useRouter } from "next/navigation";
 import { useCallback, useMemo, useState } from "react";
 import { sendLinkReport } from "@aglyn/shared-ui-email-campaigns/model/send-report";
 import { campaignReport } from "../model/campaign-report.js";
+import { campaignPlanLock } from "../model/campaign-plan-lock.js";
 import { campaignHeldForReviewNotice, campaignSendDisplay, CAMPAIGN_SEND_CONTAINER_FIELD } from "../model/campaign-container.js";
 import { emailAudienceLabel, emailIsUnsent, emailNeverSent, emailSendTimeMs, emailSentAs } from "../model/email-record.js";
 import { emailPlainTextState } from "@aglyn/aglyn/app-utils/recipient-email-render";
@@ -84,7 +87,7 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
  * written before sends named their site cannot be acted on from there, so it
  * says so instead of guessing a site.
  */ export function EmailDetail(props) {
-    var _props_hostId, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _sentAs_fromName, _sentAs_replyTo, _ref7, _ref8;
+    var _props_hostId, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _sentAs_fromName, _sentAs_replyTo, _ref9, _ref10;
     const { emailId, basePath } = props;
     // The sibling hub: a campaign's page belongs to the Marketing console.
     const marketingHub = useMarketingHubPath();
@@ -241,27 +244,51 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
     const { confirm } = useConfirmationContext();
     const { enqueueSnackbar } = useSnackbar();
     const [sendingMore, setSendingMore] = useState(false);
+    /*
+   * THE PLAN, SAID BEFORE "Send now" OR "Send to more recipients".
+   *
+   * A plan without campaign email is known from the plan alone, so it locks
+   * both buttons the moment the page loads, exactly as it locks the
+   * composer's Send. A month whose allowance is spent, or an audience bigger
+   * than what is left, is only known from the dry run each button asks for
+   * first; that answer carries the same `planLock`, and it replaces the
+   * confirmation rather than arriving as a refusal after it.
+   */ const { org, ready: orgReady } = useOrgPlan(hostId != null ? hostId : undefined);
+    const { orgSlug } = useConsoleHostRoute(hostId);
+    const [dryRunPlanLock, setDryRunPlanLock] = useState(null);
+    const planLock = useMemo(()=>dryRunPlanLock != null ? dryRunPlanLock : orgReady ? campaignPlanLock({
+            limit: checkQuota(org, 'emailSendsPerMonth', 0).limit,
+            used: 0
+        }) : null, [
+        dryRunPlanLock,
+        org,
+        orgReady
+    ]);
+    const upgradeHref = orgSlug ? `/${orgSlug}/billing#plans` : undefined;
     const handleSendToMore = useCallback(async ()=>{
         if (sendingMore) return;
         setSendingMore(true);
         try {
             var _ref, _ref1, _ref2;
-            var _counted_payload, _counted_payload1, _result_payload;
+            var _counted_payload, _counted_payload1, _counted_payload2, _result_payload;
             const counted = await campaignSendApi({
                 action: 'followUp',
                 campaignId: emailId,
                 dryRun: true
             });
+            if ((_counted_payload = counted.payload) == null ? void 0 : _counted_payload.planLock) {
+                return void setDryRunPlanLock(counted.payload.planLock);
+            }
             if (!counted.response.ok) {
                 var _ref3;
-                var _counted_payload2;
-                return void enqueueSnackbar((_ref3 = (_counted_payload2 = counted.payload) == null ? void 0 : _counted_payload2.error) != null ? _ref3 : 'This email cannot be sent again', {
+                var _counted_payload3;
+                return void enqueueSnackbar((_ref3 = (_counted_payload3 = counted.payload) == null ? void 0 : _counted_payload3.error) != null ? _ref3 : 'This email cannot be sent again', {
                     variant: 'warning',
                     allowDuplicate: true
                 });
             }
-            const reaching = Number((_ref = (_counted_payload = counted.payload) == null ? void 0 : _counted_payload.sendable) != null ? _ref : 0);
-            const already = Number((_ref1 = (_counted_payload1 = counted.payload) == null ? void 0 : _counted_payload1.alreadyReached) != null ? _ref1 : 0);
+            const reaching = Number((_ref = (_counted_payload1 = counted.payload) == null ? void 0 : _counted_payload1.sendable) != null ? _ref : 0);
+            const already = Number((_ref1 = (_counted_payload2 = counted.payload) == null ? void 0 : _counted_payload2.alreadyReached) != null ? _ref1 : 0);
             if (!reaching) {
                 return void enqueueSnackbar('Everyone in this audience already has this email', {
                     variant: 'info',
@@ -372,19 +399,22 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
      * describe, and the failure branches below return rather than reaching it.
      */ let reaching = null;
         try {
+            var _counted_payload;
             const counted = await campaignSendApi({
                 action: 'sendNow',
                 campaignId: emailId,
                 dryRun: true
             });
-            if (counted.response.ok) {
+            if ((_counted_payload = counted.payload) == null ? void 0 : _counted_payload.planLock) {
+                setDryRunPlanLock(counted.payload.planLock);
+            } else if (counted.response.ok) {
                 var _ref, _ref1;
-                var _counted_payload, _counted_payload1;
-                reaching = Number((_ref = (_ref1 = (_counted_payload = counted.payload) == null ? void 0 : _counted_payload.sendable) != null ? _ref1 : (_counted_payload1 = counted.payload) == null ? void 0 : _counted_payload1.sent) != null ? _ref : 0);
+                var _counted_payload1, _counted_payload2;
+                reaching = Number((_ref = (_ref1 = (_counted_payload1 = counted.payload) == null ? void 0 : _counted_payload1.sendable) != null ? _ref1 : (_counted_payload2 = counted.payload) == null ? void 0 : _counted_payload2.sent) != null ? _ref : 0);
             } else {
                 var _ref2;
-                var _counted_payload2;
-                enqueueSnackbar((_ref2 = (_counted_payload2 = counted.payload) == null ? void 0 : _counted_payload2.error) != null ? _ref2 : 'This email cannot be sent', {
+                var _counted_payload3;
+                enqueueSnackbar((_ref2 = (_counted_payload3 = counted.payload) == null ? void 0 : _counted_payload3.error) != null ? _ref2 : 'This email cannot be sent', {
                     variant: 'warning',
                     allowDuplicate: true
                 });
@@ -623,12 +653,16 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
    * no primary act at all — it was withdrawn deliberately, and offering a way
    * to un-withdraw it would be a resurrect path this model does not have —
    * and neither does one that is mid-send.
-   */ const primaryAction = held ? null : (draft || scheduled) && !midFlight ? /*#__PURE__*/ _jsx(Button, {
-        size: "small",
-        variant: "contained",
-        disabled: Boolean(busy),
-        onClick: ()=>void handleSendNow(),
-        children: busy === 'sendNow' ? 'Checking…' : 'Send now'
+   */ const primaryAction = held ? null : (draft || scheduled) && !midFlight ? /*#__PURE__*/ _jsx(BlockedControl, {
+        blocked: Boolean(planLock),
+        reason: (_ref7 = planLock == null ? void 0 : planLock.reason) != null ? _ref7 : '',
+        children: /*#__PURE__*/ _jsx(Button, {
+            size: "small",
+            variant: "contained",
+            disabled: Boolean(busy) || Boolean(planLock),
+            onClick: ()=>void handleSendNow(),
+            children: busy === 'sendNow' ? 'Checking…' : 'Send now'
+        })
     }) : midFlight ? /*
         A CAMPAIGN THAT IS ALREADY GOING OUT HAS ONE ACT: STOPPING IT.
 
@@ -645,12 +679,16 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
         disabled: Boolean(busy),
         onClick: ()=>void handleCancel(),
         children: 'Stop sending'
-    }) : state === 'sent' ? /*#__PURE__*/ _jsx(Button, {
-        size: "small",
-        variant: "contained",
-        disabled: sendingMore,
-        onClick: ()=>void handleSendToMore(),
-        children: sendingMore ? 'Checking…' : 'Send to more recipients'
+    }) : state === 'sent' ? /*#__PURE__*/ _jsx(BlockedControl, {
+        blocked: Boolean(planLock),
+        reason: (_ref8 = planLock == null ? void 0 : planLock.reason) != null ? _ref8 : '',
+        children: /*#__PURE__*/ _jsx(Button, {
+            size: "small",
+            variant: "contained",
+            disabled: sendingMore || Boolean(planLock),
+            onClick: ()=>void handleSendToMore(),
+            children: sendingMore ? 'Checking…' : 'Send to more recipients'
+        })
     }) : null;
     /**
    * WHERE THIS EMAIL IS WRITTEN, which is no longer this page.
@@ -756,6 +794,11 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
                 children: /*#__PURE__*/ _jsxs(Stack, {
                     spacing: 3,
                     children: [
+                        planLock && primaryAction && !midFlight && !siteless ? /*#__PURE__*/ _jsx(PlanUpsellNotice, {
+                            planLabel: planLock.planLabel,
+                            upgradeHref: upgradeHref,
+                            children: planLock.notice
+                        }) : null,
                         report.caveats.map((caveat)=>/*#__PURE__*/ _jsx(Alert, {
                                 severity: "info",
                                 children: caveat.message
@@ -916,7 +959,7 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
                                                         align: "right",
                                                         children: templateHref ? /*#__PURE__*/ _jsx(AppLink, {
                                                             href: templateHref,
-                                                            children: (_ref7 = template == null ? void 0 : template.displayName) != null ? _ref7 : 'Untitled template'
+                                                            children: (_ref9 = template == null ? void 0 : template.displayName) != null ? _ref9 : 'Untitled template'
                                                         }) : /*#__PURE__*/ _jsx(Typography, {
                                                             variant: "body2",
                                                             color: "text.secondary",
@@ -1191,7 +1234,7 @@ const emailDocsHelp = pluginDocsHelp('emailCampaigns', {
                     nodes: templateVersion == null ? void 0 : templateVersion.nodes,
                     loading: template === undefined || templateVersion === undefined,
                     subject: subject,
-                    preheader: String((_ref8 = template == null ? void 0 : template.emailPreheader) != null ? _ref8 : ''),
+                    preheader: String((_ref10 = template == null ? void 0 : template.emailPreheader) != null ? _ref10 : ''),
                     emptyMessage: 'The template this email was built from is empty or has ' + 'been deleted, so there is nothing to draw.',
                     note: 'The template as it stands today. The mail itself is ' + 'rendered per recipient at send time and not kept, so a ' + 'template edited since this went out previews as it is now.'
                 }) : /*#__PURE__*/ _jsx(EmailDesignPreview, {