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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-marketing",
-  "version": "1.0.0-beta.278",
+  "version": "1.0.0-beta.283",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,21 +25,21 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.278",
-    "@aglyn/shared-data-enums": "1.0.0-beta.278",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.278",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.278",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.278",
-    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.278",
-    "@aglyn/shared-ui-next": "1.0.0-beta.278",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.278",
-    "@aglyn/shared-util-email": "1.0.0-beta.278",
-    "@aglyn/shared-util-http": "1.0.0-beta.278",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.278",
-    "@aglyn/shared-util-tools": "1.0.0-beta.278",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.278",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.278",
-    "@aglyn/tenant-runtime": "1.0.0-beta.278",
+    "@aglyn/aglyn": "1.0.0-beta.283",
+    "@aglyn/shared-data-enums": "1.0.0-beta.283",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.283",
+    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.283",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.283",
+    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.283",
+    "@aglyn/shared-ui-next": "1.0.0-beta.283",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.283",
+    "@aglyn/shared-util-email": "1.0.0-beta.283",
+    "@aglyn/shared-util-http": "1.0.0-beta.283",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.283",
+    "@aglyn/shared-util-tools": "1.0.0-beta.283",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.283",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.283",
+    "@aglyn/tenant-runtime": "1.0.0-beta.283",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

package/src/lib/components/campaign-composer.js

@@ -20,11 +20,14 @@ import { buildRoute, checkQuota, Route } from "@aglyn/aglyn";
 import { EMAIL_MERGE_TAGS, emailMessageMode, emailPlainTextState } from "@aglyn/aglyn/app-utils/recipient-email-render";
 import { useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import QuotaReadoutComponent from "@aglyn/shared-ui-jsx/components/quota-readout.component";
+import { BlockedControl } from "@aglyn/shared-ui-jsx/components/blocked-control.component";
+import { PlanUpsellNotice } from "@aglyn/shared-ui-jsx/components/plan-upsell-notice.component";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Alert, Box, Button, Chip, Divider, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { collection, doc, limit, query } from "firebase/firestore";
 import { CampaignDesignCreate, CampaignSenderEditor, CampaignTopicSelect } from "./campaign-email-zones.js";
 import { useCampaignSendApi } from "./use-campaign-send-api.js";
+import { CAMPAIGN_PLAN_CAP_REASON, campaignPlanLock } from "../model/campaign-plan-lock.js";
 import { useSendingApi } from "@aglyn/tenant-feature-instance/hooks/use-sending-identity-api";
 import { describeCallFailure } from "@aglyn/shared-util-http/authorized-token";
 // By its own path: the one sentence, without the send path behind the barrel.
@@ -450,7 +453,8 @@ export function CampaignComposer(props) {
                     // the click.
                     return setPreview({
                         error: String((_ref11 = payload == null ? void 0 : payload.error) != null ? _ref11 : ''),
-                        blocking: response.status === 409
+                        blocking: response.status === 409,
+                        planCapped: (payload == null ? void 0 : payload.reason) === CAMPAIGN_PLAN_CAP_REASON
                     });
                 }
                 setPreview({
@@ -1044,6 +1048,32 @@ export function CampaignComposer(props) {
         org,
         campaignSendsUsed
     ]);
+    /*
+   * THE PLAN'S ANSWER, BEFORE SEND.
+   *
+   * A plan without campaign email used to compose, schedule and save freely,
+   * and learn the answer only when the processor marked the send `failed`.
+   * `campaignPlanLock` reads the same limit and counter the server claims
+   * against, so the lock and the refusal agree. Nothing locks while the plan
+   * is still loading: `checkQuota(undefined)` answers with Free's zero.
+   *
+   * An audience bigger than what is left this month is only known from the
+   * dry run, which refuses it with the plan-cap reason rather than a count;
+   * that refusal's own sentence (it names the plan) becomes the notice.
+   */ const previewSendable = preview && !('error' in preview) ? preview.sendable : null;
+    const planLock = useMemo(()=>orgReady ? campaignPlanLock({
+            limit: quotaLimit,
+            used: campaignSendsUsed,
+            sendable: previewSendable
+        }) : null, [
+        orgReady,
+        quotaLimit,
+        campaignSendsUsed,
+        previewSendable
+    ]);
+    const previewPlanCapped = Boolean(preview && 'error' in preview && preview.planCapped);
+    const planCapReason = planLock ? planLock.reason : previewPlanCapped && preview && 'error' in preview ? preview.error : null;
+    const upgradeHref = orgSlug ? `/${orgSlug}/billing#plans` : undefined;
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 1.5,
         children: [
@@ -1052,6 +1082,15 @@ export function CampaignComposer(props) {
                 color: "text.secondary",
                 children: 'Send an update to your leads or site members. Every email ' + 'carries an unsubscribe link; monthly sends are capped by ' + 'your plan.'
             }),
+            planLock ? /*#__PURE__*/ _jsx(PlanUpsellNotice, {
+                planLabel: planLock.planLabel,
+                upgradeHref: upgradeHref,
+                children: planLock.notice
+            }) : previewPlanCapped && planCapReason ? /*#__PURE__*/ _jsx(PlanUpsellNotice, {
+                planLabel: undefined,
+                upgradeHref: upgradeHref,
+                children: planCapReason
+            }) : null,
             /*#__PURE__*/ _jsxs(Stack, {
                 direction: "row",
                 spacing: 1,
@@ -1562,20 +1601,24 @@ export function CampaignComposer(props) {
                     alignItems: 'center'
                 },
                 children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        variant: "contained",
-                        color: "primary",
-                        disabled: busy || !subject.trim() || !messageReady || /*
-             * REFUSED BEFORE THE CLICK, not after it.
-             *
-             * The send would answer 409 anyway — that boundary holds whatever
-             * this component does. What a disabled button buys is that the
-             * merchant reads the reason instead of pressing Send and being
-             * told; the two are the same information, and only one of them
-             * arrives while there is still something to do about it.
-             */ Boolean(preview && 'error' in preview && preview.blocking),
-                        onClick: handleSend,
-                        children: busy ? 'Working…' : sendAt ? 'Schedule campaign' : 'Send campaign'
+                    /*#__PURE__*/ _jsx(BlockedControl, {
+                        blocked: Boolean(planCapReason),
+                        reason: planCapReason != null ? planCapReason : '',
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            color: "primary",
+                            disabled: busy || !subject.trim() || !messageReady || /*
+               * REFUSED BEFORE THE CLICK, not after it.
+               *
+               * The send would answer 409 anyway — that boundary holds whatever
+               * this component does. What a disabled button buys is that the
+               * merchant reads the reason instead of pressing Send and being
+               * told; the two are the same information, and only one of them
+               * arrives while there is still something to do about it.
+               */ Boolean(preview && 'error' in preview && preview.blocking) || Boolean(planCapReason),
+                            onClick: handleSend,
+                            children: busy ? 'Working…' : sendAt ? 'Schedule campaign' : 'Send campaign'
+                        })
                     }),
                     campaignId ? /*#__PURE__*/ _jsx(Button, {
                         size: "small",