@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/company-properties-card.js

@@ -0,0 +1,289 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { mdiDeleteOutline, mdiPencilOutline } from "@aglyn/shared-data-mdi";
+import { MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Button, Link, Stack, Typography } from "@mui/material";
+import { useCallback, useState } from "react";
+import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
+import { useCrmActivityLogger } from "../hooks/use-crm-activity-logger.js";
+import { COMPANY_DETACH_LIMIT } from "../model/companies.js";
+import { companyDeleteFailureMessage, deleteCompanyThroughRoute } from "../model/company-delete.js";
+import CompanyEditDrawer from "./company-edit-drawer.js";
+import { formatContactCustomValue } from "./contact-custom-columns.js";
+import { CrmCallButton, CrmPhoneLink } from "./crm-call-actions.js";
+import { CrmRecordChip, CrmRecordHeader } from "./crm-record-header.js";
+import { useCrmApi } from "./use-crm-api.js";
+/** A postal address on one line, or nothing. */ function formatAddress(address) {
+    if (!address) return '';
+    return [
+        address.line1,
+        address.line2,
+        [
+            address.city,
+            address.state
+        ].filter(Boolean).join(', '),
+        address.postalCode,
+        address.country
+    ].map((part)=>String(part != null ? part : '').trim()).filter(Boolean).join(' · ');
+}
+/**
+ * WHAT A COMPANY IS: its fields, read off the one document the page holds,
+ * with the edit and the delete beside them (AGL-2597).
+ *
+ * ## Edit is the create drawer
+ *
+ * The same form the list creates with, opened on the record. One form means
+ * one set of refusals — a domain that is not a domain is refused the same
+ * way on day one and on a rename — and one place to add a field.
+ *
+ * ## Delete is a DETACH first
+ *
+ * `crm/company-delete` — the route the bulk bar calls per row as well —
+ * unlinks the contacts that name this company before removing it, bounded
+ * at {@link COMPANY_DETACH_LIMIT} per pass and honest past it: the company
+ * stands, and the person is told more remain. The unlink clears each
+ * holder's facet that named the company, which is the server's to write
+ * (AGL-2804). What this card adds is the confirm, the sentence for each
+ * outcome, and leaving the page once the record is gone.
+ */ export function CompanyPropertiesCard(props) {
+    var _company_tags;
+    const { company, seed, hostId, org, crmScope, members, routes, onDeleted } = props;
+    const { scope } = crmScope;
+    const callCrm = useCrmApi(hostId);
+    const { confirm } = useConfirmationContext();
+    const { enqueueSnackbar } = useSnackbar();
+    // The feed the act is logged in, decided by the level it was performed
+    // at (AGL-2738): this site's under a site, the organization's at the org
+    // hub, where a client-direct append to the company's own site would face
+    // a gate the record write never had to pass.
+    const logActivity = useCrmActivityLogger(hostId);
+    const [editing, setEditing] = useState(false);
+    const [deleting, setDeleting] = useState(false);
+    // The org's company fields (AGL-2661): one row each under the fixed
+    // ones, read by type the way the list's columns read them.
+    const fields = useContactFieldDefinitions(crmScope.orgId, 'company');
+    const handleDelete = useCallback(async ()=>{
+        var _company_name;
+        if (!scope || deleting) return;
+        const name = String((_company_name = company.name) != null ? _company_name : company.$id);
+        const accepted = await confirm({
+            title: 'Delete this company?',
+            description: `"${name}" is removed from Companies and unlinked from every ` + 'contact at it. The contacts themselves are kept, and so is ' + 'anything else filed against the company.',
+            confirmationText: 'Delete company',
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        })// `confirm` resolves with no value and REJECTS on cancel, so gating
+        // on the resolved value alone would make this always return.
+        .then(()=>true).catch(()=>false);
+        if (!accepted) return;
+        setDeleting(true);
+        try {
+            const outcome = await deleteCompanyThroughRoute(callCrm, company.$id);
+            if (!outcome.deleted) {
+                enqueueSnackbar(`${COMPANY_DETACH_LIMIT.toLocaleString()} contacts were unlinked ` + `from "${name}" and more remain. Delete again to continue.`, {
+                    variant: 'warning'
+                });
+                return;
+            }
+            // Setup → Activity shows CRM work (AGL-2622): the company is org
+            // data, but the act happened in this site's console and belongs in
+            // its feed.
+            logActivity('Deleted company', {
+                type: 'company',
+                id: company.$id,
+                name
+            });
+            enqueueSnackbar(outcome.detached ? `Company deleted and unlinked from ${outcome.detached.toLocaleString()} ` + `contact${outcome.detached === 1 ? '' : 's'}` : 'Company deleted', {
+                variant: 'success',
+                persist: false
+            });
+            onDeleted();
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar(companyDeleteFailureMessage(error), {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setDeleting(false);
+        }
+    }, [
+        scope,
+        deleting,
+        company,
+        confirm,
+        callCrm,
+        logActivity,
+        enqueueSnackbar,
+        onDeleted
+    ]);
+    const address = formatAddress(company.address);
+    // The domain, the industry and the owner read on the header — the
+    // subtitle and the chip row — so the rows list what is left.
+    const rows = [
+        {
+            label: 'Website',
+            value: company.website ? /*#__PURE__*/ _jsx(Link, {
+                href: company.website,
+                target: "_blank",
+                rel: "noreferrer noopener",
+                children: company.website
+            }) : null
+        },
+        // Callable in one tap (AGL-2661); plain text for a value no dialer takes.
+        {
+            label: 'Phone',
+            value: /*#__PURE__*/ _jsx(CrmPhoneLink, {
+                phone: company.phone
+            })
+        },
+        {
+            label: 'Address',
+            value: address
+        },
+        {
+            label: 'Tags',
+            value: ((_company_tags = company.tags) != null ? _company_tags : []).join(', ')
+        },
+        {
+            label: 'Notes',
+            value: company.notes
+        },
+        ...fields.active.map((definition)=>{
+            var _company_custom;
+            const text = formatContactCustomValue(definition, (_company_custom = company.custom) == null ? void 0 : _company_custom[definition.key]);
+            return {
+                label: definition.label || definition.key,
+                value: text && definition.type === 'url' ? /*#__PURE__*/ _jsx(Link, {
+                    href: text,
+                    target: "_blank",
+                    rel: "noreferrer noopener",
+                    children: text
+                }) : text
+            };
+        })
+    ];
+    return /*#__PURE__*/ _jsxs(CrmRecordHeader, {
+        kind: "Company",
+        title: String(company.name || company.$id),
+        subtitle: company.domain,
+        help: pluginDocsHelp('companies', {
+            anchor: '#a-companys-page'
+        }),
+        backHref: routes.section('companies'),
+        backLabel: "Back to companies",
+        actions: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(CrmCallButton, {
+                    hostId: hostId,
+                    org: org,
+                    link: {
+                        companyId: company.$id
+                    },
+                    phone: company.phone
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    color: "primary",
+                    variant: "outlined",
+                    startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                        path: mdiPencilOutline.path,
+                        size: 0.8
+                    }),
+                    onClick: ()=>setEditing(true),
+                    children: 'Edit'
+                })
+            ]
+        }),
+        menuItems: [
+            {
+                key: 'delete',
+                label: deleting ? 'Deleting…' : 'Delete company',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiDeleteOutline.path,
+                    size: 0.8
+                }),
+                destructive: true,
+                disabled: !scope || deleting,
+                disabledReason: deleting ? 'The company is being deleted' : 'The organization has not loaded',
+                onClick: ()=>void handleDelete()
+            }
+        ],
+        chips: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(CrmRecordChip, {
+                    label: "Industry",
+                    value: company.industry
+                }),
+                /*#__PURE__*/ _jsx(CrmRecordChip, {
+                    label: "Owner",
+                    value: company.ownerUid ? members.ready ? members.labelFor(company.ownerUid) : '…' : undefined
+                })
+            ]
+        }),
+        children: [
+            /*#__PURE__*/ _jsx(Stack, {
+                spacing: 1,
+                children: rows.map((row)=>/*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 2,
+                        sx: {
+                            alignItems: 'baseline'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                sx: {
+                                    minWidth: 96,
+                                    flexShrink: 0
+                                },
+                                children: row.label
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: row.value ? 'text.primary' : 'text.secondary',
+                                sx: {
+                                    whiteSpace: 'pre-wrap',
+                                    overflowWrap: 'anywhere'
+                                },
+                                children: row.value || '—'
+                            })
+                        ]
+                    }, row.label))
+            }),
+            editing ? /*#__PURE__*/ _jsx(CompanyEditDrawer, {
+                open: true,
+                onClose: ()=>setEditing(false),
+                hostId: hostId,
+                org: org,
+                company: company,
+                seed: seed,
+                members: members,
+                onSaved: ()=>setEditing(false)
+            }) : null
+        ]
+    });
+}
+CompanyPropertiesCard.displayName = 'CompanyPropertiesCard';
+export default CompanyPropertiesCard;
+
+//# sourceMappingURL=company-properties-card.js.map

package/src/lib/components/company-properties-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/company-properties-card.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 {\n  type AglynOrgBilling,\n  type AglynPostalAddress,\n  type CrmCompany,\n  pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport { mdiDeleteOutline, mdiPencilOutline } from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { Button, Link, Stack, Typography } from '@mui/material'\nimport { type ReactNode, useCallback, useState } from 'react'\nimport { useContactFieldDefinitions } from '../hooks/use-contact-field-definitions'\nimport { useCrmActivityLogger } from '../hooks/use-crm-activity-logger'\nimport type { CrmScope } from '../hooks/use-crm-scope'\nimport type { OrgMemberOptions } from '../hooks/use-org-member-options'\nimport { COMPANY_DETACH_LIMIT } from '../model/companies'\nimport {\n  companyDeleteFailureMessage,\n  deleteCompanyThroughRoute,\n} from '../model/company-delete'\nimport type { CrmRoutes } from '../model/crm-routes'\nimport CompanyEditDrawer from './company-edit-drawer'\nimport { formatContactCustomValue } from './contact-custom-columns'\nimport { CrmCallButton, CrmPhoneLink } from './crm-call-actions'\nimport { CrmRecordChip, CrmRecordHeader } from './crm-record-header'\nimport { useCrmApi } from './use-crm-api'\n\nexport interface CompanyPropertiesCardProps {\n  company: Partial<CrmCompany> & { $id: string }\n  /** Whether the document the card holds is server-confirmed. */\n  seed: { fromCache: boolean; unreadable: boolean }\n  /** The site the record is read under, or `null` at the organization level. */\n  hostId: string | null\n  org?: Partial<AglynOrgBilling>\n  crmScope: CrmScope\n  members: OrgMemberOptions\n  routes: CrmRoutes\n  /** Called once the record is gone, so the page can leave it. */\n  onDeleted: () => void\n}\n\n/** A postal address on one line, or nothing. */\nfunction formatAddress(address: AglynPostalAddress | null | undefined): string {\n  if (!address) return ''\n  return [\n    address.line1,\n    address.line2,\n    [address.city, address.state].filter(Boolean).join(', '),\n    address.postalCode,\n    address.country,\n  ]\n    .map((part) => String(part ?? '').trim())\n    .filter(Boolean)\n    .join(' · ')\n}\n\n/**\n * WHAT A COMPANY IS: its fields, read off the one document the page holds,\n * with the edit and the delete beside them (AGL-2597).\n *\n * ## Edit is the create drawer\n *\n * The same form the list creates with, opened on the record. One form means\n * one set of refusals — a domain that is not a domain is refused the same\n * way on day one and on a rename — and one place to add a field.\n *\n * ## Delete is a DETACH first\n *\n * `crm/company-delete` — the route the bulk bar calls per row as well —\n * unlinks the contacts that name this company before removing it, bounded\n * at {@link COMPANY_DETACH_LIMIT} per pass and honest past it: the company\n * stands, and the person is told more remain. The unlink clears each\n * holder's facet that named the company, which is the server's to write\n * (AGL-2804). What this card adds is the confirm, the sentence for each\n * outcome, and leaving the page once the record is gone.\n */\nexport function CompanyPropertiesCard(props: CompanyPropertiesCardProps) {\n  const {\n    company,\n    seed,\n    hostId,\n    org,\n    crmScope,\n    members,\n    routes,\n    onDeleted,\n  } = props\n  const { scope } = crmScope\n  const callCrm = useCrmApi(hostId)\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  // The feed the act is logged in, decided by the level it was performed\n  // at (AGL-2738): this site's under a site, the organization's at the org\n  // hub, where a client-direct append to the company's own site would face\n  // a gate the record write never had to pass.\n  const logActivity = useCrmActivityLogger(hostId)\n  const [editing, setEditing] = useState(false)\n  const [deleting, setDeleting] = useState(false)\n  // The org's company fields (AGL-2661): one row each under the fixed\n  // ones, read by type the way the list's columns read them.\n  const fields = useContactFieldDefinitions(crmScope.orgId, 'company')\n\n  const handleDelete = useCallback(async () => {\n    if (!scope || deleting) return\n    const name = String(company.name ?? company.$id)\n    const accepted = await confirm({\n      title: 'Delete this company?',\n      description:\n        `\"${name}\" is removed from Companies and unlinked from every ` +\n        'contact at it. The contacts themselves are kept, and so is ' +\n        'anything else filed against the company.',\n      confirmationText: 'Delete company',\n      confirmationButtonProps: { color: 'error' },\n    })\n      // `confirm` resolves with no value and REJECTS on cancel, so gating\n      // on the resolved value alone would make this always return.\n      .then(() => true)\n      .catch(() => false)\n    if (!accepted) return\n    setDeleting(true)\n    try {\n      const outcome = await deleteCompanyThroughRoute(callCrm, company.$id)\n      if (!outcome.deleted) {\n        enqueueSnackbar(\n          `${COMPANY_DETACH_LIMIT.toLocaleString()} contacts were unlinked ` +\n            `from \"${name}\" and more remain. Delete again to continue.`,\n          { variant: 'warning' },\n        )\n        return\n      }\n      // Setup → Activity shows CRM work (AGL-2622): the company is org\n      // data, but the act happened in this site's console and belongs in\n      // its feed.\n      logActivity('Deleted company', { type: 'company', id: company.$id, name })\n      enqueueSnackbar(\n        outcome.detached\n          ? `Company deleted and unlinked from ${outcome.detached.toLocaleString()} ` +\n              `contact${outcome.detached === 1 ? '' : 's'}`\n          : 'Company deleted',\n        { variant: 'success', persist: false },\n      )\n      onDeleted()\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar(companyDeleteFailureMessage(error), {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setDeleting(false)\n    }\n  }, [scope, deleting, company, confirm, callCrm, logActivity, enqueueSnackbar, onDeleted])\n\n  const address = formatAddress(company.address)\n  // The domain, the industry and the owner read on the header — the\n  // subtitle and the chip row — so the rows list what is left.\n  const rows: Array<{ label: string; value: ReactNode }> = [\n    {\n      label: 'Website',\n      value: company.website ? (\n        <Link href={company.website} target=\"_blank\" rel=\"noreferrer noopener\">\n          {company.website}\n        </Link>\n      ) : null,\n    },\n    // Callable in one tap (AGL-2661); plain text for a value no dialer takes.\n    { label: 'Phone', value: <CrmPhoneLink phone={company.phone} /> },\n    { label: 'Address', value: address },\n    { label: 'Tags', value: (company.tags ?? []).join(', ') },\n    { label: 'Notes', value: company.notes },\n    ...fields.active.map((definition) => {\n      const text = formatContactCustomValue(definition, company.custom?.[definition.key])\n      return {\n        label: definition.label || definition.key,\n        value:\n          text && definition.type === 'url' ? (\n            <Link href={text} target=\"_blank\" rel=\"noreferrer noopener\">\n              {text}\n            </Link>\n          ) : (\n            text\n          ),\n      }\n    }),\n  ]\n\n  return (\n    <CrmRecordHeader\n      kind=\"Company\"\n      title={String(company.name || company.$id)}\n      subtitle={company.domain}\n      help={pluginDocsHelp('companies', { anchor: '#a-companys-page' })}\n      backHref={routes.section('companies')}\n      backLabel=\"Back to companies\"\n      actions={\n        <>\n          <CrmCallButton\n            hostId={hostId}\n            org={org}\n            link={{ companyId: company.$id }}\n            phone={company.phone}\n          />\n          <Button\n            size=\"small\"\n            color=\"primary\"\n            variant=\"outlined\"\n            startIcon={<MdiIcon path={mdiPencilOutline.path} size={0.8} />}\n            onClick={() => setEditing(true)}\n          >\n            {'Edit'}\n          </Button>\n        </>\n      }\n      menuItems={[\n        {\n          key: 'delete',\n          label: deleting ? 'Deleting…' : 'Delete company',\n          icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n          destructive: true,\n          disabled: !scope || deleting,\n          disabledReason: deleting ? 'The company is being deleted' : 'The organization has not loaded',\n          onClick: () => void handleDelete(),\n        },\n      ]}\n      chips={\n        <>\n          <CrmRecordChip label=\"Industry\" value={company.industry} />\n          <CrmRecordChip\n            label=\"Owner\"\n            value={\n              company.ownerUid\n                ? members.ready\n                  ? members.labelFor(company.ownerUid)\n                  : '…'\n                : undefined\n            }\n          />\n        </>\n      }\n    >\n      <Stack spacing={1}>\n        {rows.map((row) => (\n          <Stack\n            key={row.label}\n            direction=\"row\"\n            spacing={2}\n            sx={{ alignItems: 'baseline' }}\n          >\n            <Typography\n              variant=\"caption\"\n              color=\"text.secondary\"\n              sx={{ minWidth: 96, flexShrink: 0 }}\n            >\n              {row.label}\n            </Typography>\n            <Typography\n              variant=\"body2\"\n              color={row.value ? 'text.primary' : 'text.secondary'}\n              sx={{ whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }}\n            >\n              {row.value || '—'}\n            </Typography>\n          </Stack>\n        ))}\n      </Stack>\n      {editing ? (\n        <CompanyEditDrawer\n          open\n          onClose={() => setEditing(false)}\n          hostId={hostId}\n          org={org}\n          company={company}\n          seed={seed}\n          members={members}\n          onSaved={() => setEditing(false)}\n        />\n      ) : null}\n    </CrmRecordHeader>\n  )\n}\nCompanyPropertiesCard.displayName = 'CompanyPropertiesCard'\n\nexport default CompanyPropertiesCard\n"],"names":["pluginDocsHelp","mdiDeleteOutline","mdiPencilOutline","MdiIcon","useConfirmationContext","useSnackbar","Button","Link","Stack","Typography","useCallback","useState","useContactFieldDefinitions","useCrmActivityLogger","COMPANY_DETACH_LIMIT","companyDeleteFailureMessage","deleteCompanyThroughRoute","CompanyEditDrawer","formatContactCustomValue","CrmCallButton","CrmPhoneLink","CrmRecordChip","CrmRecordHeader","useCrmApi","formatAddress","address","line1","line2","city","state","filter","Boolean","join","postalCode","country","map","part","String","trim","CompanyPropertiesCard","props","company","seed","hostId","org","crmScope","members","routes","onDeleted","scope","callCrm","confirm","enqueueSnackbar","logActivity","editing","setEditing","deleting","setDeleting","fields","orgId","handleDelete","name","$id","accepted","title","description","confirmationText","confirmationButtonProps","color","then","catch","outcome","deleted","toLocaleString","variant","type","id","detached","persist","error","console","allowDuplicate","rows","label","value","website","href","target","rel","phone","tags","notes","active","definition","text","custom","key","kind","subtitle","domain","help","anchor","backHref","section","backLabel","actions","link","companyId","size","startIcon","path","onClick","menuItems","icon","destructive","disabled","disabledReason","chips","industry","ownerUid","ready","labelFor","undefined","spacing","row","direction","sx","alignItems","minWidth","flexShrink","whiteSpace","overflowWrap","open","onClose","onSaved","displayName"],"mappings":"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"}

package/src/lib/components/contact-address-fields.d.ts

@@ -0,0 +1,29 @@
+import type { AglynPostalAddress } from '@aglyn/aglyn';
+/** A postal address as a form holds it: every field a string, none absent. */
+export interface AddressDraft {
+    line1: string;
+    line2: string;
+    city: string;
+    state: string;
+    postalCode: string;
+    country: string;
+}
+export declare const EMPTY_ADDRESS: AddressDraft;
+/** The stored address, or none, as a draft the fields can edit. */
+export declare function addressDraftFrom(address: AglynPostalAddress | null | undefined): AddressDraft;
+export interface ContactAddressFieldsProps {
+    value: AddressDraft;
+    onChange: (next: AddressDraft) => void;
+    disabled?: boolean;
+}
+/**
+ * The six fields of `AglynPostalAddress`, as one block (AGL-2596).
+ *
+ * Shared by the create drawer and the record page so a person's address is
+ * typed the same way in both, and normalized by `normalizeAddress` at the
+ * one place each of them writes — which is what drops a blank address
+ * rather than storing six empty strings, and upper-cases the country so
+ * the stored value is the alpha-2 code every validator expects.
+ */
+export declare function ContactAddressFields(props: ContactAddressFieldsProps): import("react").JSX.Element;
+export default ContactAddressFields;

package/src/lib/components/contact-address-fields.js

@@ -0,0 +1,149 @@
+/**
+ * @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 { Grid, TextField } from "@mui/material";
+export const EMPTY_ADDRESS = {
+    line1: '',
+    line2: '',
+    city: '',
+    state: '',
+    postalCode: '',
+    country: ''
+};
+/** The stored address, or none, as a draft the fields can edit. */ export function addressDraftFrom(address) {
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
+    return {
+        line1: (_ref = address == null ? void 0 : address.line1) != null ? _ref : '',
+        line2: (_ref1 = address == null ? void 0 : address.line2) != null ? _ref1 : '',
+        city: (_ref2 = address == null ? void 0 : address.city) != null ? _ref2 : '',
+        state: (_ref3 = address == null ? void 0 : address.state) != null ? _ref3 : '',
+        postalCode: (_ref4 = address == null ? void 0 : address.postalCode) != null ? _ref4 : '',
+        country: (_ref5 = address == null ? void 0 : address.country) != null ? _ref5 : ''
+    };
+}
+/**
+ * The six fields of `AglynPostalAddress`, as one block (AGL-2596).
+ *
+ * Shared by the create drawer and the record page so a person's address is
+ * typed the same way in both, and normalized by `normalizeAddress` at the
+ * one place each of them writes — which is what drops a blank address
+ * rather than storing six empty strings, and upper-cases the country so
+ * the stored value is the alpha-2 code every validator expects.
+ */ export function ContactAddressFields(props) {
+    const { value, onChange, disabled } = props;
+    const field = (key)=>(event)=>onChange(_extends({}, value, {
+                [key]: event.target.value
+            }));
+    return /*#__PURE__*/ _jsxs(Grid, {
+        container: true,
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Address line 1",
+                    value: value.line1,
+                    onChange: field('line1'),
+                    disabled: disabled,
+                    fullWidth: true
+                })
+            }),
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Address line 2",
+                    value: value.line2,
+                    onChange: field('line2'),
+                    disabled: disabled,
+                    fullWidth: true
+                })
+            }),
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12,
+                    sm: 6
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "City",
+                    value: value.city,
+                    onChange: field('city'),
+                    disabled: disabled,
+                    fullWidth: true
+                })
+            }),
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12,
+                    sm: 6
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "State or region",
+                    value: value.state,
+                    onChange: field('state'),
+                    disabled: disabled,
+                    fullWidth: true
+                })
+            }),
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12,
+                    sm: 6
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Postal code",
+                    value: value.postalCode,
+                    onChange: field('postalCode'),
+                    disabled: disabled,
+                    fullWidth: true
+                })
+            }),
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12,
+                    sm: 6
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Country",
+                    value: value.country,
+                    onChange: field('country'),
+                    disabled: disabled,
+                    helperText: "Two-letter code, like US or GB",
+                    slotProps: {
+                        htmlInput: {
+                            maxLength: 2
+                        }
+                    },
+                    fullWidth: true
+                })
+            })
+        ]
+    });
+}
+export default ContactAddressFields;
+
+//# sourceMappingURL=contact-address-fields.js.map

package/src/lib/components/contact-address-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/contact-address-fields.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 type { AglynPostalAddress } from '@aglyn/aglyn'\nimport { Grid, TextField } from '@mui/material'\n\n/** A postal address as a form holds it: every field a string, none absent. */\nexport interface AddressDraft {\n  line1: string\n  line2: string\n  city: string\n  state: string\n  postalCode: string\n  country: string\n}\n\nexport const EMPTY_ADDRESS: AddressDraft = {\n  line1: '',\n  line2: '',\n  city: '',\n  state: '',\n  postalCode: '',\n  country: '',\n}\n\n/** The stored address, or none, as a draft the fields can edit. */\nexport function addressDraftFrom(\n  address: AglynPostalAddress | null | undefined,\n): AddressDraft {\n  return {\n    line1: address?.line1 ?? '',\n    line2: address?.line2 ?? '',\n    city: address?.city ?? '',\n    state: address?.state ?? '',\n    postalCode: address?.postalCode ?? '',\n    country: address?.country ?? '',\n  }\n}\n\nexport interface ContactAddressFieldsProps {\n  value: AddressDraft\n  onChange: (next: AddressDraft) => void\n  disabled?: boolean\n}\n\n/**\n * The six fields of `AglynPostalAddress`, as one block (AGL-2596).\n *\n * Shared by the create drawer and the record page so a person's address is\n * typed the same way in both, and normalized by `normalizeAddress` at the\n * one place each of them writes — which is what drops a blank address\n * rather than storing six empty strings, and upper-cases the country so\n * the stored value is the alpha-2 code every validator expects.\n */\nexport function ContactAddressFields(props: ContactAddressFieldsProps) {\n  const { value, onChange, disabled } = props\n  const field =\n    (key: keyof AddressDraft) =>\n    (event: { target: { value: string } }) =>\n      onChange({ ...value, [key]: event.target.value })\n  return (\n    <Grid container spacing={2}>\n      <Grid size={{ xs: 12 }}>\n        <TextField\n          size=\"small\"\n          label=\"Address line 1\"\n          value={value.line1}\n          onChange={field('line1')}\n          disabled={disabled}\n          fullWidth\n        />\n      </Grid>\n      <Grid size={{ xs: 12 }}>\n        <TextField\n          size=\"small\"\n          label=\"Address line 2\"\n          value={value.line2}\n          onChange={field('line2')}\n          disabled={disabled}\n          fullWidth\n        />\n      </Grid>\n      <Grid size={{ xs: 12, sm: 6 }}>\n        <TextField\n          size=\"small\"\n          label=\"City\"\n          value={value.city}\n          onChange={field('city')}\n          disabled={disabled}\n          fullWidth\n        />\n      </Grid>\n      <Grid size={{ xs: 12, sm: 6 }}>\n        <TextField\n          size=\"small\"\n          label=\"State or region\"\n          value={value.state}\n          onChange={field('state')}\n          disabled={disabled}\n          fullWidth\n        />\n      </Grid>\n      <Grid size={{ xs: 12, sm: 6 }}>\n        <TextField\n          size=\"small\"\n          label=\"Postal code\"\n          value={value.postalCode}\n          onChange={field('postalCode')}\n          disabled={disabled}\n          fullWidth\n        />\n      </Grid>\n      <Grid size={{ xs: 12, sm: 6 }}>\n        <TextField\n          size=\"small\"\n          label=\"Country\"\n          value={value.country}\n          onChange={field('country')}\n          disabled={disabled}\n          helperText=\"Two-letter code, like US or GB\"\n          slotProps={{ htmlInput: { maxLength: 2 } }}\n          fullWidth\n        />\n      </Grid>\n    </Grid>\n  )\n}\n\nexport default ContactAddressFields\n"],"names":["Grid","TextField","EMPTY_ADDRESS","line1","line2","city","state","postalCode","country","addressDraftFrom","address","ContactAddressFields","props","value","onChange","disabled","field","key","event","target","container","spacing","size","xs","label","fullWidth","sm","helperText","slotProps","htmlInput","maxLength"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAGA,SAASA,IAAI,EAAEC,SAAS,QAAQ,gBAAe;AAY/C,OAAO,MAAMC,gBAA8B;IACzCC,OAAO;IACPC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,SAAS;AACX,EAAC;AAED,iEAAiE,GACjE,OAAO,SAASC,iBACdC,OAA8C;;IAE9C,OAAO;QACLP,KAAK,UAAEO,2BAAAA,QAASP,KAAK,mBAAI;QACzBC,KAAK,WAAEM,2BAAAA,QAASN,KAAK,oBAAI;QACzBC,IAAI,WAAEK,2BAAAA,QAASL,IAAI,oBAAI;QACvBC,KAAK,WAAEI,2BAAAA,QAASJ,KAAK,oBAAI;QACzBC,UAAU,WAAEG,2BAAAA,QAASH,UAAU,oBAAI;QACnCC,OAAO,WAAEE,2BAAAA,QAASF,OAAO,oBAAI;IAC/B;AACF;AAQA;;;;;;;;CAQC,GACD,OAAO,SAASG,qBAAqBC,KAAgC;IACnE,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IACtC,MAAMI,QACJ,CAACC,MACD,CAACC,QACCJ,SAAS,aAAKD;gBAAO,CAACI,IAAI,EAAEC,MAAMC,MAAM,CAACN,KAAK;;IAClD,qBACE,MAACb;QAAKoB,SAAS;QAACC,SAAS;;0BACvB,KAACrB;gBAAKsB,MAAM;oBAAEC,IAAI;gBAAG;0BACnB,cAAA,KAACtB;oBACCqB,MAAK;oBACLE,OAAM;oBACNX,OAAOA,MAAMV,KAAK;oBAClBW,UAAUE,MAAM;oBAChBD,UAAUA;oBACVU,SAAS;;;0BAGb,KAACzB;gBAAKsB,MAAM;oBAAEC,IAAI;gBAAG;0BACnB,cAAA,KAACtB;oBACCqB,MAAK;oBACLE,OAAM;oBACNX,OAAOA,MAAMT,KAAK;oBAClBU,UAAUE,MAAM;oBAChBD,UAAUA;oBACVU,SAAS;;;0BAGb,KAACzB;gBAAKsB,MAAM;oBAAEC,IAAI;oBAAIG,IAAI;gBAAE;0BAC1B,cAAA,KAACzB;oBACCqB,MAAK;oBACLE,OAAM;oBACNX,OAAOA,MAAMR,IAAI;oBACjBS,UAAUE,MAAM;oBAChBD,UAAUA;oBACVU,SAAS;;;0BAGb,KAACzB;gBAAKsB,MAAM;oBAAEC,IAAI;oBAAIG,IAAI;gBAAE;0BAC1B,cAAA,KAACzB;oBACCqB,MAAK;oBACLE,OAAM;oBACNX,OAAOA,MAAMP,KAAK;oBAClBQ,UAAUE,MAAM;oBAChBD,UAAUA;oBACVU,SAAS;;;0BAGb,KAACzB;gBAAKsB,MAAM;oBAAEC,IAAI;oBAAIG,IAAI;gBAAE;0BAC1B,cAAA,KAACzB;oBACCqB,MAAK;oBACLE,OAAM;oBACNX,OAAOA,MAAMN,UAAU;oBACvBO,UAAUE,MAAM;oBAChBD,UAAUA;oBACVU,SAAS;;;0BAGb,KAACzB;gBAAKsB,MAAM;oBAAEC,IAAI;oBAAIG,IAAI;gBAAE;0BAC1B,cAAA,KAACzB;oBACCqB,MAAK;oBACLE,OAAM;oBACNX,OAAOA,MAAML,OAAO;oBACpBM,UAAUE,MAAM;oBAChBD,UAAUA;oBACVY,YAAW;oBACXC,WAAW;wBAAEC,WAAW;4BAAEC,WAAW;wBAAE;oBAAE;oBACzCL,SAAS;;;;;AAKnB;AAEA,eAAed,qBAAoB"}

package/src/lib/components/contact-associations-card.d.ts

@@ -0,0 +1,72 @@
+import { type ConsentGroup } from '@aglyn/aglyn';
+import type { ContactRecord } from '../model/contact-record';
+export interface ContactAssociationsCardProps {
+    /**
+     * The site whose lead, campaigns and attribution are shown — the mounted
+     * site, or at the organization level the holder's own; `null` for a row
+     * no site has captured, when none of the three has an address.
+     */
+    hostId: string | null;
+    /** The row, flattened through the viewing group's facet. */
+    record: ContactRecord;
+    /** The document as read, for the consent fields the projection leaves out. */
+    row: Record<string, unknown>;
+    consentGroup: ConsentGroup;
+    /** The listener's verdict on the row, for the stale-seed guard. */
+    seed: {
+        status: 'loading' | 'success' | 'error';
+        fromCache: boolean;
+    };
+    /** The hub's own path, for the link to this person's lead. */
+    basePath: string;
+    /**
+     * The site's Bookings page narrowed to this person's address (AGL-2660),
+     * or nothing where the site has no booking door — the page decides, and
+     * the row is simply not drawn.
+     */
+    bookingsHref?: string | null;
+}
+/**
+ * WHERE THIS PERSON CAME FROM AND WHAT THEY ARE FILED UNDER (AGL-2596).
+ *
+ * Four facts that were in the v1 drawer and are not properties of the
+ * person so much as of the RELATIONSHIP:
+ *
+ *  - The SOURCES say which mechanism created the record — a form, a
+ *    checkout, an import.
+ *  - The ATTRIBUTION says which campaign led to it, recorded from the link
+ *    they followed and never editable. One keyed read, paid on opening the
+ *    page rather than per row of the list.
+ *  - The CONSENT is the basis this controller holds for marketing email:
+ *    opted in, opted out, or no record — three states that never collapse
+ *    into two, because "no record" is the commonest and is not a refusal.
+ *  - The FILING is which campaigns the team has PUT them in, a working set
+ *    kept by hand. It adds nobody to a send: a campaign's audience is its
+ *    lists and each email's own picker, and the helper says so where a
+ *    reader would otherwise assume the opposite.
+ *
+ * The filing is the one editable thing here and has its own Save, through
+ * the same stale-seed guard the properties card uses: a campaign membership
+ * written over a cached read could revert somebody else's filing. The save
+ * goes to `crm/contact-update` (AGL-2804), because the filing is this
+ * holder's facet and a facet is the server's to write; like every field that
+ * route writes, it is refused to a plan without the CRM (AGL-2851).
+ *
+ * ## The lead (AGL-2612)
+ *
+ * A LEAD is the sales record a lead surface — a sign-up, a booking, a form
+ * with lead routing — files beside the contact, under the capturing site at
+ * `hosts/{hostId}/leads/{personKey}`. The lead's page links the contact
+ * once converted; nothing linked back, so the two halves of one person
+ * read as unrelated. One `getDoc` by the key the capture derives — the
+ * address, normalized and hashed, computed here on WebCrypto — is what
+ * answers "does this site hold a lead for this person", and it is a read
+ * this page pays because opening the record IS the ask. Absence is a fact
+ * too: a contact captured by an order or an import has no lead, and the
+ * chip is simply not there.
+ */
+export declare function ContactAssociationsCard(props: ContactAssociationsCardProps): import("react").JSX.Element;
+export declare namespace ContactAssociationsCard {
+    var displayName: string;
+}
+export default ContactAssociationsCard;