@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/account.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/account.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { trackEvent } from '@aglyn/aglyn/app-utils/analytics-events'\nimport * as CommerceModel from '../model'\nimport { mdiAccountCircleOutline } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Checkbox from '@mui/material/Checkbox'\nimport Chip from '@mui/material/Chip'\nimport Divider from '@mui/material/Divider'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport MuiLink from '@mui/material/Link'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'customer-account'\n\nexport interface CustomerAccountProps {\n  signedOutHeading?: string\n}\n\ninterface AccountData {\n  member: {\n    email: string\n    displayName: string\n    addresses: CommerceModel.OrderAddress[]\n  }\n  downloads?: Array<{\n    orderId: string\n    productId: string\n    productName: string\n    url: string\n    licenseKeys?: string[]\n  }>\n  subscriptions?: Array<{\n    id: string\n    productName: string\n    status: string\n    currentPeriodEndMs?: number | null\n  }>\n  orders: Array<{\n    id: string\n    number: string\n    status: string\n    totalCents: number\n    createdAtMs: number\n    itemsSummary: string\n    tracking?: { carrier?: string; trackingNumber?: string }\n  }>\n}\n\nconst usd = (cents: number) => `$${(cents / 100).toFixed(2)}`\n\n/**\n * Customer account block (AGL-294): signed-out visitors get sign-in /\n * create-account forms on the AGL-109 membership APIs; signed-in\n * members see their profile, address book, and order history (status +\n * tracking) with sign-out. Session lives in the httpOnly member cookie.\n */\nconst CustomerAccount = forwardRef<HTMLDivElement, CustomerAccountProps>(\n  (props, ref) => {\n    const { signedOutHeading, ...rest } = props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n    const { hostId } = Aglyn.useSite()\n    const siteFetch = Aglyn.useSiteFetch()\n    const [account, setAccount] = useState<AccountData | null | 'anonymous'>(\n      null,\n    )\n    const [tab, setTab] = useState(0)\n    const [email, setEmail] = useState('')\n    const [password, setPassword] = useState('')\n    const [displayName, setDisplayName] = useState('')\n    const [marketingConsent, setMarketingConsent] = useState(false)\n    const [error, setError] = useState('')\n    const [busy, setBusy] = useState(false)\n    const [addressDraft, setAddressDraft] = useState<CommerceModel.OrderAddress | null>(\n      null,\n    )\n\n    const refresh = useCallback(async () => {\n      if (!hostId) return\n      try {\n        const response = await fetch(\n          `/api/membership/account?hostId=${encodeURIComponent(hostId)}`,\n        )\n        if (response.status === 401) return setAccount('anonymous')\n        if (response.ok) return setAccount(await response.json())\n        setAccount('anonymous')\n      } catch {\n        setAccount('anonymous')\n      }\n    }, [hostId])\n\n    useEffect(() => {\n      void refresh()\n    }, [refresh])\n\n    const handleAuth = useCallback(async () => {\n      if (!hostId || busy) return\n      setBusy(true)\n      setError('')\n      try {\n        const endpoint =\n          tab === 0 ? '/api/membership/login' : '/api/membership/register'\n        const response = await siteFetch(endpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            hostId,\n            email,\n            password,\n            ...(tab === 1 && displayName ? { displayName } : {}),\n            ...(tab === 1 && marketingConsent\n              ? { marketingConsent: true }\n              : {}),\n          }),\n        })\n        const payload = await response.json().catch(() => ({}))\n        if (!response.ok) {\n          setError(String(payload?.error ?? 'Something went wrong'))\n          return\n        }\n        if (tab === 1) {\n          // Register does not set the cookie on every deployment; sign in\n          // right after to be safe.\n          await siteFetch('/api/membership/login', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ hostId, email, password }),\n          }).catch(() => undefined)\n        }\n        /*\n         * The host's own GA4 property, not Aglyn's (AGL-1591). Reported after\n         * the response was accepted and never on a validation failure, which\n         * is what makes the count mean \"an account door was completed\".\n         *\n         * The follow-up login above is deliberately NOT a second event: it is\n         * a cookie repair for the registration that just happened, and\n         * reporting it would give every new member both a `sign_up` and a\n         * `login` in the same second — turning a returning-visitor metric into\n         * a copy of the signup one.\n         *\n         * Not awaited: this branch re-renders in place rather than navigating,\n         * so there is no teardown to lose the hit to.\n         */\n        trackEvent(tab === 1 ? 'sign_up' : 'login', { method: 'password' })\n        await refresh()\n      } finally {\n        setBusy(false)\n      }\n    }, [\n      hostId,\n      busy,\n      tab,\n      email,\n      password,\n      displayName,\n      marketingConsent,\n      refresh,\n      siteFetch,\n    ])\n\n    const handleSignOut = useCallback(async () => {\n      if (!hostId) return\n      await siteFetch('/api/membership/logout', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId }),\n      }).catch(() => undefined)\n      setAccount('anonymous')\n    }, [hostId, siteFetch])\n\n    const handleAddressSave = useCallback(async () => {\n      if (!hostId || account === 'anonymous' || !account || !addressDraft) {\n        return\n      }\n      const addresses = [...account.member.addresses, addressDraft].slice(-5)\n      await siteFetch('/api/membership/account', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, addresses }),\n      }).catch(() => undefined)\n      setAddressDraft(null)\n      await refresh()\n    }, [hostId, account, addressDraft, refresh, siteFetch])\n\n    if (!hostId) {\n      return (\n        <Box\n          ref={ref}\n          {...rest}\n          sx={[\n            {\n              p: 3,\n              border: '1px dashed',\n              borderColor: 'divider',\n              borderRadius: 1,\n              color: 'text.secondary',\n              fontSize: 13,\n              fontFamily: 'system-ui, sans-serif',\n            },\n            ...nodeSx,\n          ]}\n        >\n          {'Customer account — sign-in and order history render here'}\n        </Box>\n      )\n    }\n    if (account === null) return <Box ref={ref} {...rest} />\n\n    if (account === 'anonymous') {\n      return (\n        <Box ref={ref} {...rest} sx={[{ maxWidth: 420 }, ...nodeSx]}>\n          {signedOutHeading ? (\n            <Typography variant=\"h5\" gutterBottom>\n              {signedOutHeading}\n            </Typography>\n          ) : null}\n          <Tabs value={tab} onChange={(_event, value) => setTab(value)}>\n            <Tab label=\"Sign in\" />\n            <Tab label=\"Create account\" />\n          </Tabs>\n          <Box\n            sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mt: 2 }}\n          >\n            {tab === 1 ? (\n              <TextField\n                label=\"Name\"\n                value={displayName}\n                onChange={(event) => setDisplayName(event.target.value)}\n                size=\"small\"\n              />\n            ) : null}\n            <TextField\n              label=\"Email\"\n              type=\"email\"\n              value={email}\n              onChange={(event) => setEmail(event.target.value)}\n              size=\"small\"\n            />\n            <TextField\n              label=\"Password\"\n              type=\"password\"\n              value={password}\n              onChange={(event) => setPassword(event.target.value)}\n              size=\"small\"\n              helperText={tab === 1 ? 'At least 8 characters' : undefined}\n            />\n            {tab === 1 ? (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    checked={marketingConsent}\n                    onChange={(event) =>\n                      setMarketingConsent(event.target.checked)\n                    }\n                  />\n                }\n                label=\"Email me about offers and updates\"\n              />\n            ) : null}\n            {error ? <Alert severity=\"error\">{error}</Alert> : null}\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={busy || !email || !password}\n              onClick={handleAuth}\n            >\n              {busy ? 'Working…' : tab === 0 ? 'Sign in' : 'Create account'}\n            </Button>\n            {tab === 0 ? (\n              // Recovery flow (AGL-552): the built-in /recover route (or\n              // the host's designated recovery screen) handles the rest.\n              <Typography variant=\"body2\">\n                <MuiLink href=\"/recover\" underline=\"hover\">\n                  {'Forgot password?'}\n                </MuiLink>\n              </Typography>\n            ) : null}\n          </Box>\n        </Box>\n      )\n    }\n\n    return (\n      <Box ref={ref} {...rest} sx={[{ display: 'flex', flexDirection: 'column', gap: 2 }, ...nodeSx]}>\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Typography variant=\"h5\" sx={{ flex: 1 }}>\n            {account.member.displayName || account.member.email}\n          </Typography>\n          <Button size=\"small\" onClick={handleSignOut}>\n            {'Sign out'}\n          </Button>\n        </Box>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {account.member.email}\n        </Typography>\n\n        <Divider textAlign=\"left\">{'Orders'}</Divider>\n        {account.orders.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No orders yet.'}\n          </Typography>\n        ) : (\n          account.orders.map((order) => (\n            <Box key={order.id} sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n              <Box sx={{ flex: 1, minWidth: 0 }}>\n                <Typography variant=\"body2\" noWrap>\n                  {`${order.number} · ${order.itemsSummary || 'Order'}`}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {new Date(order.createdAtMs).toLocaleDateString()}\n                  {order.tracking?.trackingNumber\n                    ? ` · ${order.tracking.carrier ?? ''} ${order.tracking.trackingNumber}`\n                    : ''}\n                </Typography>\n              </Box>\n              <Chip\n                label={order.status.replace('_', ' ')}\n                size=\"small\"\n                variant=\"outlined\"\n              />\n              <Typography variant=\"body2\">{usd(order.totalCents)}</Typography>\n            </Box>\n          ))\n        )}\n\n        {(account.subscriptions?.length ?? 0) > 0 ? (\n          <>\n            <Divider textAlign=\"left\">{'Subscriptions'}</Divider>\n            {account.subscriptions!.map((subscription) => (\n              <Box\n                key={subscription.id}\n                sx={{ display: 'flex', gap: 1, alignItems: 'center' }}\n              >\n                <Typography variant=\"body2\" sx={{ flex: 1 }} noWrap>\n                  {subscription.productName}\n                </Typography>\n                <Chip\n                  label={subscription.status}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    subscription.status === 'active' ? 'success' : 'default'\n                  }\n                />\n                <Button\n                  size=\"small\"\n                  onClick={async () => {\n                    const response = await siteFetch(\n                      '/api/commerce/subscription-portal',\n                      {\n                        method: 'POST',\n                        headers: { 'Content-Type': 'application/json' },\n                        body: JSON.stringify({ hostId }),\n                      },\n                    ).catch(() => null)\n                    const payload = await response?.json().catch(() => ({}))\n                    if (payload?.url) window.location.assign(payload.url)\n                  }}\n                >\n                  {'Manage'}\n                </Button>\n              </Box>\n            ))}\n          </>\n        ) : null}\n        {(account.downloads?.length ?? 0) > 0 ? (\n          <>\n            <Divider textAlign=\"left\">{'Downloads'}</Divider>\n            {account.downloads!.map((download) => (\n              <Box\n                key={`${download.orderId}:${download.productId}`}\n                sx={{ display: 'flex', gap: 1, alignItems: 'center' }}\n              >\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Typography variant=\"body2\" noWrap>\n                    {download.productName}\n                  </Typography>\n                  {download.licenseKeys?.map((key) => (\n                    <Typography\n                      key={key}\n                      variant=\"caption\"\n                      sx={{ fontFamily: 'monospace', display: 'block' }}\n                    >\n                      {key}\n                    </Typography>\n                  ))}\n                </Box>\n                <Button size=\"small\" href={download.url}>\n                  {'Download'}\n                </Button>\n              </Box>\n            ))}\n          </>\n        ) : null}\n\n        <Divider textAlign=\"left\">{'Addresses'}</Divider>\n        {account.member.addresses.map((address, index) => (\n          <Typography key={index} variant=\"body2\" color=\"text.secondary\">\n            {[\n              address.name,\n              address.line1,\n              address.line2,\n              `${address.city ?? ''} ${address.state ?? ''} ${address.postalCode ?? ''}`.trim(),\n              address.country,\n            ]\n              .filter(Boolean)\n              .join(', ')}\n          </Typography>\n        ))}\n        {addressDraft ? (\n          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n            {(\n              [\n                ['name', 'Full name'],\n                ['line1', 'Address'],\n                ['line2', 'Apt / suite'],\n                ['city', 'City'],\n                ['state', 'State'],\n                ['postalCode', 'Postal code'],\n                ['country', 'Country (US)'],\n              ] as const\n            ).map(([field, label]) => (\n              <TextField\n                key={field}\n                label={label}\n                value={(addressDraft as any)[field] ?? ''}\n                onChange={(event) =>\n                  setAddressDraft((prev) =>\n                    prev ? { ...prev, [field]: event.target.value } : prev,\n                  )\n                }\n                size=\"small\"\n              />\n            ))}\n            <Box sx={{ display: 'flex', gap: 1 }}>\n              <Button size=\"small\" onClick={() => setAddressDraft(null)}>\n                {'Cancel'}\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                disabled={!addressDraft.line1 || !addressDraft.city}\n                onClick={handleAddressSave}\n              >\n                {'Save address'}\n              </Button>\n            </Box>\n          </Box>\n        ) : (\n          <Button\n            size=\"small\"\n            sx={{ alignSelf: 'flex-start' }}\n            onClick={() => setAddressDraft({})}\n          >\n            {'Add address'}\n          </Button>\n        )}\n      </Box>\n    )\n  },\n)\nCustomerAccount.displayName = 'AglynCustomerAccount'\n\nexport const schema: Aglyn.ComponentSchema<CustomerAccountProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Customer account',\n  description:\n    'Sign-in and account area — profile, addresses and order history.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiAccountCircleOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'signedOutHeading',\n      label: 'Signed-out heading',\n      description: 'Shown above the sign-in form.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Customer account',\n    pluginId: BUNDLE_ID,\n    description: 'Sign-in/up, profile, addresses, and order history',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiAccountCircleOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { signedOutHeading: 'Your account' },\n    },\n  },\n]\n\nexport default CustomerAccount\n"],"names":["Aglyn","trackEvent","mdiAccountCircleOutline","Alert","Box","Button","Checkbox","Chip","Divider","FormControlLabel","MuiLink","Tab","Tabs","TextField","Typography","forwardRef","useCallback","useEffect","useState","BUNDLE_ID","generatePresetId","ID","usd","cents","toFixed","CustomerAccount","props","ref","account","signedOutHeading","rest","nodeSx","Array","isArray","hostId","useSite","siteFetch","useSiteFetch","setAccount","tab","setTab","email","setEmail","password","setPassword","displayName","setDisplayName","marketingConsent","setMarketingConsent","error","setError","busy","setBusy","addressDraft","setAddressDraft","refresh","response","fetch","encodeURIComponent","status","ok","json","handleAuth","endpoint","method","headers","body","JSON","stringify","payload","catch","String","undefined","handleSignOut","handleAddressSave","addresses","member","slice","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","maxWidth","variant","gutterBottom","value","onChange","_event","label","display","flexDirection","gap","mt","event","target","size","type","helperText","control","checked","severity","disabled","onClick","href","underline","alignItems","flex","textAlign","orders","length","map","order","minWidth","noWrap","number","itemsSummary","Date","createdAtMs","toLocaleDateString","tracking","trackingNumber","carrier","replace","totalCents","id","subscriptions","subscription","productName","url","window","location","assign","downloads","download","licenseKeys","key","orderId","productId","address","index","name","line1","line2","city","state","postalCode","trim","country","filter","Boolean","join","field","prev","alignSelf","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","component","FieldComponentType","TEXT_FIELD","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/cart.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @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.
+ */
+import * as Aglyn from '@aglyn/aglyn';
+export declare const ID: Aglyn.ComponentId;
+/** Blocks dispatch this after mutating the cart so badges refresh. */
+export declare const CART_UPDATED_EVENT = "aglyn:cart-updated";
+export interface CartProps {
+    /** 'button' = app-bar icon + drawer; 'inline' = full cart in place. */
+    variant?: 'button' | 'inline';
+    checkoutLabel?: string;
+    /** Show the coupon-code field above checkout. */
+    showCoupon?: boolean;
+    emptyText?: string;
+}
+/**
+ * Cart block (AGL-293): 'button' renders a badge icon + slide-out
+ * drawer for app bars; 'inline' renders the full cart for a cart page.
+ * Lines live server-side (cookie cart); every mutation re-resolves
+ * prices. Other blocks broadcast CART_UPDATED_EVENT to refresh badges.
+ */
+declare const Cart: import("react").ForwardRefExoticComponent<CartProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const schema: Aglyn.ComponentSchema<CartProps>;
+export declare const presets: Aglyn.PresetSchema[];
+export default Cart;