@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/console/host-coupons-card.component.js

@@ -0,0 +1,252 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as CommerceModel from "../../model/index.js";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Timestamp } from "@aglyn/shared-util-timestamp";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography } from "@mui/material";
+import { collection, doc, limit, query, setDoc, updateDoc } from "firebase/firestore";
+import { useCallback, useState } from "react";
+import { useFirestore } from "@aglyn/tenant-feature-instance";
+import { usePagedCollection } from "@aglyn/tenant-feature-instance";
+import { PLATFORM_BRAND_NAME, pluginDocsHelp } from "@aglyn/aglyn";
+/**
+ * Coupon codes (AGL-96), extracted from the retired Commerce Starter
+ * card when the products hub landed (AGL-279). Percent-off codes at
+ * `hosts/{hostId}/coupons/{CODE}`; the discounts engine (AGL-305)
+ * supersedes these.
+ */ export function HostCouponsCard(props) {
+    var _ref, _ref1, _ref2, _ref3;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { enqueueSnackbar } = useSnackbar();
+    /*
+   * A growing window rather than a hard hundred, which a shop with more
+   * codes than that could not see past.
+   *
+   * No `orderBy`: a coupon's document ID is its CODE, and document-ID order
+   * is what Firestore returns by default — so the window is already the
+   * alphabetical front of the list, which is what the sort below wants. The
+   * sort is kept because it makes that dependency explicit rather than
+   * relying on the default holding.
+   */ const { rows: couponDocs, hasMore, page, setPage, pageSize, setPageSize } = usePagedCollection((pageLimit)=>query(collection(firestore, 'hosts', hostId, 'coupons'), limit(pageLimit)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const coupons = [
+        ...couponDocs
+    ].sort((a, b)=>String(a.$id).localeCompare(String(b.$id)));
+    const [couponDraft, setCouponDraft] = useState(null);
+    const handleCouponSave = useCallback(async ()=>{
+        if (!couponDraft) return;
+        const code = couponDraft.code.trim().toUpperCase().replace(/[^A-Z0-9_-]/g, '').slice(0, 40);
+        const percentOff = Math.round(Number(couponDraft.percentOff));
+        if (!code || !(percentOff > 0 && percentOff <= 100)) return;
+        // An unparseable value is dropped rather than written: a NaN here would
+        // be a coupon that never expires or one that is born dead, depending on
+        // how the server coerced it, and neither is what anyone typed.
+        const expiresOn = couponDraft.expiresOn.trim();
+        const parsedExpiry = expiresOn ? Date.parse(`${expiresOn}T23:59:59.999`) : NaN;
+        const expiresAtMs = Number.isFinite(parsedExpiry) ? parsedExpiry : null;
+        await setDoc(doc(firestore, 'hosts', hostId, 'coupons', code), _extends({
+            percentOff,
+            enabled: true,
+            redemptions: 0
+        }, couponDraft.maxRedemptions.trim() ? {
+            maxRedemptions: Math.max(1, Math.round(Number(couponDraft.maxRedemptions)))
+        } : {}, expiresAtMs != null ? {
+            expiresAtMs
+        } : {}, {
+            createdAt: Timestamp.now()
+        }));
+        setCouponDraft(null);
+        enqueueSnackbar(`Coupon ${code} created`, {
+            variant: 'success',
+            persist: false
+        });
+    }, [
+        couponDraft,
+        firestore,
+        hostId,
+        enqueueSnackbar
+    ]);
+    const handleCouponToggle = useCallback((coupon)=>()=>updateDoc(doc(firestore, 'hosts', hostId, 'coupons', coupon.$id), {
+                enabled: coupon.enabled === false
+            }), [
+        firestore,
+        hostId
+    ]);
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Coupons',
+        help: pluginDocsHelp('commerceEndToEnd', {
+            anchor: '#4-what-checkout-does',
+            excerpt: 'Coupons redeemable at your storefront checkout, separate from ' + `any coupon ${PLATFORM_BRAND_NAME} applies to your own subscription.`
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    coupons.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Percent-off codes buyers can enter at checkout.'
+                    }) : coupons.map((coupon)=>/*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    sx: {
+                                        flex: 1
+                                    },
+                                    noWrap: true,
+                                    children: `${coupon.$id} · ${coupon.percentOff}% off · ` + // Held slots are named separately (AGL-2453) — see the
+                                    // discounts card for why the used figure alone now misleads.
+                                    CommerceModel.promotionUsageLabel(coupon, Date.now()) + // An expiry nobody can see is one the merchant cannot act
+                                    // on, and an EXPIRED coupon still listed as live is the
+                                    // question this card exists to answer.
+                                    (coupon.expiresAtMs != null ? Number(coupon.expiresAtMs) < Date.now() ? ' · expired' : ` · expires ${new Date(Number(coupon.expiresAtMs)).toLocaleDateString()}` : '') + (coupon.enabled === false ? ' · disabled' : '')
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: handleCouponToggle(coupon),
+                                    children: coupon.enabled === false ? 'Enable' : 'Disable'
+                                })
+                            ]
+                        }, coupon.$id)),
+                    /*#__PURE__*/ _jsx(ListPagination, {
+                        page: page,
+                        pageSize: pageSize,
+                        rowCount: coupons.length,
+                        hasMore: hasMore,
+                        onPageChange: setPage,
+                        onPageSizeChange: setPageSize
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        onClick: ()=>setCouponDraft({
+                                code: '',
+                                percentOff: '',
+                                maxRedemptions: '',
+                                expiresOn: ''
+                            }),
+                        children: 'Add coupon'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(couponDraft),
+                onClose: ()=>setCouponDraft(null),
+                maxWidth: "xs",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: 'New coupon'
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 2
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Code",
+                                value: (_ref = couponDraft == null ? void 0 : couponDraft.code) != null ? _ref : '',
+                                onChange: (event)=>setCouponDraft((prev)=>prev ? _extends({}, prev, {
+                                            code: event.target.value
+                                        }) : prev),
+                                size: "small",
+                                autoFocus: true,
+                                sx: {
+                                    mt: 1
+                                },
+                                helperText: "Letters/numbers; stored uppercase, e.g. LAUNCH20"
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Percent off",
+                                type: "number",
+                                value: (_ref1 = couponDraft == null ? void 0 : couponDraft.percentOff) != null ? _ref1 : '',
+                                onChange: (event)=>setCouponDraft((prev)=>prev ? _extends({}, prev, {
+                                            percentOff: event.target.value
+                                        }) : prev),
+                                size: "small"
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Max redemptions",
+                                type: "number",
+                                placeholder: "Blank = unlimited",
+                                value: (_ref2 = couponDraft == null ? void 0 : couponDraft.maxRedemptions) != null ? _ref2 : '',
+                                onChange: (event)=>setCouponDraft((prev)=>prev ? _extends({}, prev, {
+                                            maxRedemptions: event.target.value
+                                        }) : prev),
+                                size: "small"
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Expires",
+                                type: "date",
+                                value: (_ref3 = couponDraft == null ? void 0 : couponDraft.expiresOn) != null ? _ref3 : '',
+                                onChange: (event)=>setCouponDraft((prev)=>prev ? _extends({}, prev, {
+                                            expiresOn: event.target.value
+                                        }) : prev),
+                                size: "small",
+                                slotProps: {
+                                    inputLabel: {
+                                        shrink: true
+                                    }
+                                },
+                                helperText: "Blank = never expires. The code works through this day."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setCouponDraft(null),
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                color: "primary",
+                                disabled: !(couponDraft == null ? void 0 : couponDraft.code.trim()) || !(Number(couponDraft == null ? void 0 : couponDraft.percentOff) > 0) || Number(couponDraft == null ? void 0 : couponDraft.percentOff) > 100,
+                                onClick: handleCouponSave,
+                                children: 'Create'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+HostCouponsCard.displayName = 'HostCouponsCard';
+export default HostCouponsCard;
+
+//# sourceMappingURL=host-coupons-card.component.js.map

package/src/lib/components/console/host-coupons-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/host-coupons-card.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport * as CommerceModel from '../../model'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { Timestamp } from '@aglyn/shared-util-timestamp'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { collection, doc, limit, query, setDoc, updateDoc } from 'firebase/firestore'\nimport { useCallback, useState } from 'react'\nimport { useFirestore } from '@aglyn/tenant-feature-instance'\nimport { usePagedCollection } from '@aglyn/tenant-feature-instance'\nimport { PLATFORM_BRAND_NAME, pluginDocsHelp } from '@aglyn/aglyn'\n\nexport interface HostCouponsCardProps {\n  hostId: string\n}\n\n/**\n * Coupon codes (AGL-96), extracted from the retired Commerce Starter\n * card when the products hub landed (AGL-279). Percent-off codes at\n * `hosts/{hostId}/coupons/{CODE}`; the discounts engine (AGL-305)\n * supersedes these.\n */\nexport function HostCouponsCard(props: HostCouponsCardProps) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { enqueueSnackbar } = useSnackbar()\n  /*\n   * A growing window rather than a hard hundred, which a shop with more\n   * codes than that could not see past.\n   *\n   * No `orderBy`: a coupon's document ID is its CODE, and document-ID order\n   * is what Firestore returns by default — so the window is already the\n   * alphabetical front of the list, which is what the sort below wants. The\n   * sort is kept because it makes that dependency explicit rather than\n   * relying on the default holding.\n   */\n  const {\n    rows: couponDocs,\n    hasMore,\n    page,\n    setPage,\n    pageSize,\n    setPageSize,\n  } = usePagedCollection<any>(\n    (pageLimit) =>\n      query(collection(firestore, 'hosts', hostId, 'coupons'), limit(pageLimit)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const coupons = [...couponDocs].sort((a: any, b: any) =>\n    String(a.$id).localeCompare(String(b.$id)),\n  )\n  const [couponDraft, setCouponDraft] = useState<{\n    code: string\n    percentOff: string\n    maxRedemptions: string\n    /** `YYYY-MM-DD` from a native date input, or '' for no expiry. */\n    expiresOn: string\n  } | null>(null)\n\n  const handleCouponSave = useCallback(async () => {\n    if (!couponDraft) return\n    const code = couponDraft.code\n      .trim()\n      .toUpperCase()\n      .replace(/[^A-Z0-9_-]/g, '')\n      .slice(0, 40)\n    const percentOff = Math.round(Number(couponDraft.percentOff))\n    if (!code || !(percentOff > 0 && percentOff <= 100)) return\n    // An unparseable value is dropped rather than written: a NaN here would\n    // be a coupon that never expires or one that is born dead, depending on\n    // how the server coerced it, and neither is what anyone typed.\n    const expiresOn = couponDraft.expiresOn.trim()\n    const parsedExpiry = expiresOn\n      ? Date.parse(`${expiresOn}T23:59:59.999`)\n      : NaN\n    const expiresAtMs = Number.isFinite(parsedExpiry) ? parsedExpiry : null\n    await setDoc(doc(firestore, 'hosts', hostId, 'coupons', code), {\n      percentOff,\n      enabled: true,\n      redemptions: 0,\n      ...(couponDraft.maxRedemptions.trim()\n        ? {\n            maxRedemptions: Math.max(\n              1,\n              Math.round(Number(couponDraft.maxRedemptions)),\n            ),\n          }\n        : {}),\n      // THE FIELD THE CHECKOUTS ALREADY GATE ON.\n      //\n      // `checkout.ts` and `cart-checkout.ts` both refuse a coupon whose\n      // `expiresAtMs` has passed, and nothing wrote it — so the gate read as\n      // enforcement while every coupon ever created was immortal. A launch\n      // code stays redeemable forever, which is a discount the merchant\n      // believed they had withdrawn.\n      //\n      // The END of the chosen day, in the merchant's own timezone: \"expires\n      // September 5th\" has to mean the 5th still works. The comparison on the\n      // server is absolute epoch, so the local end-of-day is what carries that\n      // meaning across.\n      ...(expiresAtMs != null ? { expiresAtMs } : {}),\n      createdAt: Timestamp.now(),\n    })\n    setCouponDraft(null)\n    enqueueSnackbar(`Coupon ${code} created`, {\n      variant: 'success',\n      persist: false,\n    })\n  }, [couponDraft, firestore, hostId, enqueueSnackbar])\n\n  const handleCouponToggle = useCallback(\n    (coupon: any) => () =>\n      updateDoc(doc(firestore, 'hosts', hostId, 'coupons', coupon.$id), {\n        enabled: coupon.enabled === false,\n      }),\n    [firestore, hostId],\n  )\n\n  return (\n    <CardDisplay\n      header={'Coupons'}\n      help={pluginDocsHelp('commerceEndToEnd', {\n        anchor: '#4-what-checkout-does',\n        excerpt:\n          'Coupons redeemable at your storefront checkout, separate from ' +\n          `any coupon ${PLATFORM_BRAND_NAME} applies to your own subscription.`,\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={1}>\n        {coupons.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Percent-off codes buyers can enter at checkout.'}\n          </Typography>\n        ) : (\n          coupons.map((coupon: any) => (\n            <Stack\n              key={coupon.$id}\n              direction=\"row\"\n              spacing={1}\n              sx={{ alignItems: 'center' }}\n            >\n              <Typography variant=\"body2\" sx={{ flex: 1 }} noWrap>\n                {`${coupon.$id} · ${coupon.percentOff}% off · ` +\n                  // Held slots are named separately (AGL-2453) — see the\n                  // discounts card for why the used figure alone now misleads.\n                  CommerceModel.promotionUsageLabel(coupon, Date.now()) +\n                  // An expiry nobody can see is one the merchant cannot act\n                  // on, and an EXPIRED coupon still listed as live is the\n                  // question this card exists to answer.\n                  (coupon.expiresAtMs != null\n                    ? Number(coupon.expiresAtMs) < Date.now()\n                      ? ' · expired'\n                      : ` · expires ${new Date(\n                          Number(coupon.expiresAtMs),\n                        ).toLocaleDateString()}`\n                    : '') +\n                  (coupon.enabled === false ? ' · disabled' : '')}\n              </Typography>\n              <Button size=\"small\" onClick={handleCouponToggle(coupon)}>\n                {coupon.enabled === false ? 'Enable' : 'Disable'}\n              </Button>\n            </Stack>\n          ))\n        )}\n        <ListPagination\n          page={page}\n          pageSize={pageSize}\n          rowCount={coupons.length}\n          hasMore={hasMore}\n          onPageChange={setPage}\n          onPageSizeChange={setPageSize}\n        />\n        <Button\n          size=\"small\"\n          sx={{ alignSelf: 'flex-start' }}\n          onClick={() =>\n            setCouponDraft({\n              code: '',\n              percentOff: '',\n              maxRedemptions: '',\n              expiresOn: '',\n            })\n          }\n        >\n          {'Add coupon'}\n        </Button>\n      </Stack>\n      <Dialog\n        open={Boolean(couponDraft)}\n        onClose={() => setCouponDraft(null)}\n        maxWidth=\"xs\"\n        fullWidth\n      >\n        <DialogTitle>{'New coupon'}</DialogTitle>\n        <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n          <TextField\n            label=\"Code\"\n            value={couponDraft?.code ?? ''}\n            onChange={(event) =>\n              setCouponDraft((prev) =>\n                prev ? { ...prev, code: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n            autoFocus\n            sx={{ mt: 1 }}\n            helperText=\"Letters/numbers; stored uppercase, e.g. LAUNCH20\"\n          />\n          <TextField\n            label=\"Percent off\"\n            type=\"number\"\n            value={couponDraft?.percentOff ?? ''}\n            onChange={(event) =>\n              setCouponDraft((prev) =>\n                prev ? { ...prev, percentOff: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n          />\n          <TextField\n            label=\"Max redemptions\"\n            type=\"number\"\n            placeholder=\"Blank = unlimited\"\n            value={couponDraft?.maxRedemptions ?? ''}\n            onChange={(event) =>\n              setCouponDraft((prev) =>\n                prev ? { ...prev, maxRedemptions: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n          />\n          <TextField\n            label=\"Expires\"\n            type=\"date\"\n            value={couponDraft?.expiresOn ?? ''}\n            onChange={(event) =>\n              setCouponDraft((prev) =>\n                prev ? { ...prev, expiresOn: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n            slotProps={{ inputLabel: { shrink: true } }}\n            helperText=\"Blank = never expires. The code works through this day.\"\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setCouponDraft(null)}>{'Cancel'}</Button>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            disabled={\n              !couponDraft?.code.trim() ||\n              !(Number(couponDraft?.percentOff) > 0) ||\n              Number(couponDraft?.percentOff) > 100\n            }\n            onClick={handleCouponSave}\n          >\n            {'Create'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </CardDisplay>\n  )\n}\nHostCouponsCard.displayName = 'HostCouponsCard'\n\nexport default HostCouponsCard\n"],"names":["CommerceModel","CardDisplay","ListPagination","useSnackbar","Timestamp","Button","Dialog","DialogActions","DialogContent","DialogTitle","Stack","TextField","Typography","collection","doc","limit","query","setDoc","updateDoc","useCallback","useState","useFirestore","usePagedCollection","PLATFORM_BRAND_NAME","pluginDocsHelp","HostCouponsCard","props","hostId","firestore","enqueueSnackbar","rows","couponDocs","hasMore","page","setPage","pageSize","setPageSize","pageLimit","idField","coupons","sort","a","b","String","$id","localeCompare","couponDraft","setCouponDraft","handleCouponSave","code","trim","toUpperCase","replace","slice","percentOff","Math","round","Number","expiresOn","parsedExpiry","Date","parse","NaN","expiresAtMs","isFinite","enabled","redemptions","maxRedemptions","max","createdAt","now","variant","persist","handleCouponToggle","coupon","header","help","anchor","excerpt","contentGutterX","contentGutterY","spacing","length","color","map","direction","sx","alignItems","flex","noWrap","promotionUsageLabel","toLocaleDateString","size","onClick","rowCount","onPageChange","onPageSizeChange","alignSelf","open","Boolean","onClose","maxWidth","fullWidth","display","flexDirection","gap","label","value","onChange","event","prev","target","autoFocus","mt","helperText","type","placeholder","slotProps","inputLabel","shrink","disabled","displayName"],"mappings":"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"}

package/src/lib/components/console/host-orders-card.component.d.ts

@@ -0,0 +1,13 @@
+export interface HostOrdersCardProps {
+    hostId: string;
+}
+/**
+ * Orders console (AGL-287): filterable list over webhook-written order
+ * docs with a detail dialog (timeline, fulfill, refund, cancel, notes,
+ * packing slip) and draft orders that send the buyer a payment link.
+ */
+export declare function HostOrdersCard(props: HostOrdersCardProps): import("react").JSX.Element;
+export declare namespace HostOrdersCard {
+    var displayName: string;
+}
+export default HostOrdersCard;