npm - @burdenoff/microfe-assethandler - Versions diffs - 2026.703.5 → 2026.703.7 - Mend

@burdenoff/microfe-assethandler 2026.703.5 → 2026.703.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/assethandler/components/ActivityTimeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityTimeline.js","names":[],"sources":["../../../src/assethandler/components/ActivityTimeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Activity } from 'lucide-react';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\n\n/*\n Recent activity for a single AssetHandler resource, sourced from the\n * federated wspace-activity-svc `getActivities` query (fed by be-sdk\n * `trackOperation` on the backend). Read-only, with a graceful empty state.\n /\nexport interface ActivityTimelineProps {\n resourceId: string;\n /* Optional cap on rows shown. Defaults to 20. */\n limit?: number;\n}\n\ninterface ActivityLogNode {\n id: string;\n action: string;\n description?: string \| null;\n timestamp: string;\n userId: string;\n resourceType?: string \| null;\n}\n\ninterface GetActivitiesResult {\n getActivities: ActivityLogNode[];\n}\n\nconst GET_ACTIVITIES_QUERY = gql`\n query AssetHandlerResourceActivities($filter: ActivityLogFilter) {\n getActivities(filter: $filter) {\n id\n action\n description\n timestamp\n userId\n resourceType\n }\n }\n`;\n\nexport function ActivityTimeline({ resourceId, limit = 20 }: ActivityTimelineProps) {\n const { workspaceId } = useAssetHandler();\n\n const { data, loading } = useQuery<GetActivitiesResult>(GET_ACTIVITIES_QUERY, {\n variables: {\n filter: {\n resourceId,\n ...(workspaceId ? { workspaceId } : {}),\n limit,\n },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n skip: !resourceId,\n });\n\n const activities = useMemo(() => data?.getActivities ?? [], [data]);\n\n return (\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Activity className=\"h-4 w-4\" />\n Activity\n </CardTitle>\n </CardHeader>\n <CardContent>\n {loading && activities.length === 0 ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 4 }).map((_, i) => (\n <div\n key={i}\n className=\"h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : activities.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-notifications\"\n title=\"No activity yet\"\n description=\"Changes to this record — updates, status changes and assignments — will show up here.\"\n />\n ) : (\n <ol className=\"relative space-y-4 border-l border-border-subtle pl-4\">\n {activities.map((item) => (\n <li key={item.id} className=\"relative\">\n <span\n className=\"absolute -left-[1.3125rem] top-1.5 h-2 w-2 rounded-full bg-primary\"\n aria-hidden=\"true\"\n />\n <p className=\"text-sm font-medium capitalize\">{item.action.replace(/[._]/g, ' ')}</p>\n {item.description ? (\n <p className=\"text-sm text-text-secondary\">{item.description}</p>\n ) : null}\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {new Date(item.timestamp).toLocaleString()}\n </p>\n </li>\n ))}\n </ol>\n )}\n </CardContent>\n </Card>\n );\n}\n"],"mappings":";;;;;;;;AAqCA,IAAM,IAAuB,CAAG;;;;;;;;;;;;AAahC,SAAgB,EAAiB,EAAE,eAAY,WAAQ,MAA6B;CAClF,IAAM,EAAE,mBAAgB,GAAiB,EAEnC,EAAE,SAAM,eAAY,EAA8B,GAAsB;EAC5E,WAAW,EACT,QAAQ;GACN;GACA,GAAI,IAAc,EAAE,gBAAa,GAAG,EAAE;GACtC;GACD,EACF;EACD,aAAa;EACb,aAAa;EACb,MAAM,CAAC;EACR,CAAC,EAEI,IAAa,QAAc,GAAM,iBAAiB,EAAE,EAAE,CAAC,EAAK,CAAC;AAEnE,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAW,WAAU;YAArB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,WAEtB;KACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,KAAW,EAAW,WAAW,IAChC,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;EACE,CAAA,GACJ,EAAW,WAAW,IACxB,kBAAC,GAAD;EACE,cAAa;EACb,OAAM;EACN,aAAY;EACZ,CAAA,GAEF,kBAAC,MAAD;EAAI,WAAU;YACX,EAAW,KAAK,MACf,kBAAC,MAAD;GAAkB,WAAU;aAA5B;IACE,kBAAC,QAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;~~eAAkC~~,EAAK,OAAO,QAAQ,SAAS,IAAI;~~KAAK~~,CAAA;~~IACpF~~,EAAK,cACJ,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAK;KAAgB,CAAA,GAC/D;IACJ,kBAAC,KAAD;KAAG,WAAU;eACV,IAAI,KAAK,EAAK,UAAU,CAAC,gBAAgB;KACxC,CAAA;IACD;~~KAZI~~,EAAK,~~GAYT~~,CACL;EACC,CAAA,EAEK,CAAA,CACT,EAAA,CAAA"}
1	+ {"version":3,"file":"ActivityTimeline.js","names":[],"sources":["../../../src/assethandler/components/ActivityTimeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Activity } from 'lucide-react';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\n\n/*\n Recent activity for a single AssetHandler resource, sourced from the\n * federated wspace-activity-svc `getActivities` query (fed by be-sdk\n * `trackOperation` on the backend). Read-only, with a graceful empty state.\n /\nexport interface ActivityTimelineProps {\n resourceId: string;\n /* Optional cap on rows shown. Defaults to 20. */\n limit?: number;\n}\n\ninterface ActivityLogNode {\n id: string;\n action: string;\n description?: string \| null;\n timestamp: string;\n userId: string;\n resourceType?: string \| null;\n}\n\ninterface GetActivitiesResult {\n getActivities: ActivityLogNode[];\n}\n\nconst GET_ACTIVITIES_QUERY = gql`\n query AssetHandlerResourceActivities($filter: ActivityLogFilter) {\n getActivities(filter: $filter) {\n id\n action\n description\n timestamp\n userId\n resourceType\n }\n }\n`;\n\nexport function ActivityTimeline({ resourceId, limit = 20 }: ActivityTimelineProps) {\n const { workspaceId } = useAssetHandler();\n\n const { data, loading } = useQuery<GetActivitiesResult>(GET_ACTIVITIES_QUERY, {\n variables: {\n filter: {\n resourceId,\n ...(workspaceId ? { workspaceId } : {}),\n limit,\n },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n skip: !resourceId,\n });\n\n const activities = useMemo(() => data?.getActivities ?? [], [data]);\n\n return (\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Activity className=\"h-4 w-4\" />\n Activity\n </CardTitle>\n </CardHeader>\n <CardContent>\n {loading && activities.length === 0 ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 4 }).map((_, i) => (\n <div\n key={i}\n className=\"h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : activities.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-notifications\"\n title=\"No activity yet\"\n description=\"Changes to this record — updates, status changes and assignments — will show up here.\"\n />\n ) : (\n <ol className=\"relative space-y-4 border-l border-border-subtle pl-4\">\n {activities.map((item) => (\n <li key={item.id} className=\"relative\">\n <span\n className=\"absolute -left-[1.3125rem] top-1.5 h-2 w-2 rounded-full bg-primary\"\n aria-hidden=\"true\"\n />\n <p className=\"text-sm font-medium capitalize\">\n {item.action.replace(/[._]/g, ' ')}\n </p>\n {item.description ? (\n <p className=\"text-sm text-text-secondary\">{item.description}</p>\n ) : null}\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {new Date(item.timestamp).toLocaleString()}\n </p>\n </li>\n ))}\n </ol>\n )}\n </CardContent>\n </Card>\n );\n}\n"],"mappings":";;;;;;;;AAqCA,IAAM,IAAuB,CAAG;;;;;;;;;;;;AAahC,SAAgB,EAAiB,EAAE,eAAY,WAAQ,MAA6B;CAClF,IAAM,EAAE,mBAAgB,GAAiB,EAEnC,EAAE,SAAM,eAAY,EAA8B,GAAsB;EAC5E,WAAW,EACT,QAAQ;GACN;GACA,GAAI,IAAc,EAAE,gBAAa,GAAG,EAAE;GACtC;GACD,EACF;EACD,aAAa;EACb,aAAa;EACb,MAAM,CAAC;EACR,CAAC,EAEI,IAAa,QAAc,GAAM,iBAAiB,EAAE,EAAE,CAAC,EAAK,CAAC;AAEnE,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAW,WAAU;YAArB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,WAEtB;KACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,KAAW,EAAW,WAAW,IAChC,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;EACE,CAAA,GACJ,EAAW,WAAW,IACxB,kBAAC,GAAD;EACE,cAAa;EACb,OAAM;EACN,aAAY;EACZ,CAAA,GAEF,kBAAC,MAAD;EAAI,WAAU;YACX,EAAW,KAAK,MACf,kBAAC,MAAD;GAAkB,WAAU;aAA5B;IACE,kBAAC,QAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAK,OAAO,QAAQ,SAAS,IAAI;KAChC,CAAA;IACH,EAAK,cACJ,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAK;KAAgB,CAAA,GAC/D;IACJ,kBAAC,KAAD;KAAG,WAAU;eACV,IAAI,KAAK,EAAK,UAAU,CAAC,gBAAgB;KACxC,CAAA;IACD;KAdI,EAAK,GAcT,CACL;EACC,CAAA,EAEK,CAAA,CACT,EAAA,CAAA"}

package/dist/assethandler/components/AttachmentsPanel.js CHANGED Viewed

@@ -172,7 +172,8 @@ function D({ entityType: u, entityId: D }) {
 						className: "text-xs text-text-secondary",
 						children: [
 							T(Number(e.size)),
-							" · ",
+							" ·",
+							" ",
 							new Date(e.createdAt).toLocaleDateString()
 						]
 					})]

package/dist/assethandler/components/AttachmentsPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttachmentsPanel.js","names":[],"sources":["../../../src/assethandler/components/AttachmentsPanel.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Paperclip, Upload, Link2, FileText, Loader2, Download } from 'lucide-react';\nimport { notify } from '../utils/toast';\n\n/*\n Attach and reference files for an AssetHandler entity, backed by the\n * federated wspace-files-svc (same wspace gateway/Apollo client). Fully real —\n * lists workspace files via `getFiles`, uploads new files through the\n * `initiateUpload` → presigned PUT → `completeUpload` flow, and mints public\n * share links via `createFileShareLink`. No mock data.\n \n `entityType`/`entityId` scope the panel to the record it is mounted on and\n * are used for context labelling; uploaded files land in the workspace file\n * store so they can be shared and reused.\n */\nexport interface AttachmentsPanelProps {\n entityType: string;\n entityId: string;\n}\n\ninterface FileNode {\n id: string;\n name: string;\n extension: string;\n mimeType: string;\n size: number;\n downloadUrl?: string \| null;\n createdAt: string;\n}\n\ninterface GetFilesResult {\n getFiles: {\n files: FileNode[];\n total: number;\n hasMore: boolean;\n };\n}\n\nconst GET_FILES_QUERY = gql`\n query AssetHandlerGetFiles($pagination: PaginationInput, $sort: FileSortInput) {\n getFiles(pagination: $pagination, sort: $sort) {\n total\n hasMore\n files {\n id\n name\n extension\n mimeType\n size\n downloadUrl\n createdAt\n }\n }\n }\n`;\n\nconst INITIATE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerInitiateUpload($input: InitiateUploadInput!) {\n initiateUpload(input: $input) {\n uploadUrl\n session {\n id\n }\n }\n }\n`;\n\nconst COMPLETE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerCompleteUpload($input: CompleteUploadInput!) {\n completeUpload(input: $input) {\n fileId\n file {\n id\n name\n }\n }\n }\n`;\n\nconst CREATE_SHARE_LINK_MUTATION = gql`\n mutation AssetHandlerCreateFileShareLink($input: CreateShareGrantLinkInput!) {\n createFileShareLink(input: $input) {\n id\n shareUrl\n }\n }\n`;\n\nfunction formatSize(bytes: number): string {\n if (!bytes) return '0 B';\n const units = ['B', 'KB', 'MB', 'GB'];\n const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);\n const value = bytes / Math.pow(1024, exponent);\n return `${value.toFixed(exponent === 0 ? 0 : 1)} ${units[exponent]}`;\n}\n\nfunction extensionOf(fileName: string): string {\n const dot = fileName.lastIndexOf('.');\n return dot >= 0 ? fileName.slice(dot + 1).toLowerCase() : 'bin';\n}\n\nexport function AttachmentsPanel({ entityType, entityId }: AttachmentsPanelProps) {\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [uploading, setUploading] = useState(false);\n const [sharingId, setSharingId] = useState<string \| null>(null);\n\n const { data, loading, refetch } = useQuery<GetFilesResult>(GET_FILES_QUERY, {\n variables: {\n pagination: { limit: 25, offset: 0 },\n sort: { field: 'CREATED_AT', order: 'DESC' },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n });\n\n const [initiateUpload] = useMutation<{\n initiateUpload: { uploadUrl?: string \| null; session: { id: string } };\n }>(INITIATE_UPLOAD_MUTATION);\n const [completeUpload] = useMutation(COMPLETE_UPLOAD_MUTATION);\n const [createShareLink] = useMutation<{\n createFileShareLink: { id: string; shareUrl?: string \| null };\n }>(CREATE_SHARE_LINK_MUTATION);\n\n const files = useMemo(() => data?.getFiles.files ?? [], [data]);\n\n const handleFileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0];\n // Reset the input so selecting the same file again re-triggers change.\n event.target.value = '';\n if (!file) return;\n\n setUploading(true);\n try {\n const initiated = await initiateUpload({\n variables: {\n input: {\n fileName: file.name,\n extension: extensionOf(file.name),\n fileSize: file.size,\n mimeType: file.type \|\| 'application/octet-stream',\n visibility: 'WORKSPACE',\n },\n },\n });\n\n const uploadUrl = initiated.data?.initiateUpload.uploadUrl;\n const sessionId = initiated.data?.initiateUpload.session.id;\n if (!uploadUrl \|\| !sessionId) {\n throw new Error('Upload could not be initialised.');\n }\n\n const putResponse = await fetch(uploadUrl, {\n method: 'PUT',\n body: file,\n headers: { 'Content-Type': file.type \|\| 'application/octet-stream' },\n });\n if (!putResponse.ok) {\n throw new Error(`Storage rejected the upload (HTTP ${putResponse.status}).`);\n }\n\n await completeUpload({\n variables: { input: { sessionId, fileSize: file.size } },\n });\n\n notify.success('File uploaded', `${file.name} is now available on this record.`);\n await refetch();\n } catch (error) {\n notify.error(\n 'Upload failed',\n error instanceof Error ? error.message : 'The file could not be uploaded.'\n );\n } finally {\n setUploading(false);\n }\n };\n\n const handleShare = async (fileId: string) => {\n setSharingId(fileId);\n try {\n const result = await createShareLink({\n variables: { input: { resourceId: fileId, role: 'VIEWER' } },\n });\n const url = result.data?.createFileShareLink.shareUrl;\n if (!url) {\n throw new Error('No share link was returned.');\n }\n if (navigator.clipboard?.writeText) {\n await navigator.clipboard.writeText(url);\n notify.success('Share link copied', 'A view-only link is on your clipboard.');\n } else {\n notify.info('Share link ready', url);\n }\n } catch (error) {\n notify.error(\n 'Could not create share link',\n error instanceof Error ? error.message : 'Please try again.'\n );\n } finally {\n setSharingId(null);\n }\n };\n\n return (\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-2 space-y-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Paperclip className=\"h-4 w-4\" />\n Attachments\n {data?.getFiles.total ? (\n <span className=\"text-sm font-normal text-text-secondary\">\n ({data.getFiles.total})\n </span>\n ) : null}\n </CardTitle>\n <div>\n <input\n ref={fileInputRef}\n type=\"file\"\n className=\"hidden\"\n onChange={(event) => void handleFileSelected(event)}\n aria-label={`Upload a file for ${entityType} ${entityId}`}\n />\n <Button\n size=\"sm\"\n variant=\"outline\"\n disabled={uploading}\n onClick={() => fileInputRef.current?.click()}\n >\n {uploading ? (\n <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" />\n ) : (\n <Upload className=\"mr-2 h-3.5 w-3.5\" />\n )}\n {uploading ? 'Uploading…' : 'Upload'}\n </Button>\n </div>\n </CardHeader>\n <CardContent>\n {loading && files.length === 0 ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 3 }).map((_, i) => (\n <div\n key={i}\n className=\"h-12 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : files.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title=\"No files yet\"\n description=\"Upload photos, receipts, warranties or documents to keep them with this record.\"\n />\n ) : (\n <ul className=\"divide-y divide-border-subtle\">\n {files.map((file) => (\n <li key={file.id} className=\"flex items-center gap-3 py-2.5\">\n <FileText className=\"h-5 w-5 shrink-0 text-text-secondary\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium\">{file.name}</p>\n <p className=\"text-xs text-text-secondary\">\n {formatSize(Number(file.size))} · {new Date(file.createdAt).toLocaleDateString()}\n </p>\n </div>\n {file.downloadUrl ? (\n <a\n href={file.downloadUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-text-secondary hover:text-text-primary\"\n aria-label={`Download ${file.name}`}\n >\n <Download className=\"h-4 w-4\" />\n </a>\n ) : null}\n <Button\n size=\"sm\"\n variant=\"ghost\"\n disabled={sharingId === file.id}\n onClick={() => void handleShare(file.id)}\n aria-label={`Share ${file.name}`}\n >\n {sharingId === file.id ? (\n <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n ) : (\n <Link2 className=\"h-3.5 w-3.5\" />\n )}\n </Button>\n </li>\n ))}\n </ul>\n )}\n </CardContent>\n </Card>\n );\n}\n"],"mappings":";;;;;;;;AAgDA,IAAM,IAAkB,CAAG;;;;;;;;;;;;;;;;GAkBrB,IAA2B,CAAG;;;;;;;;;GAW9B,IAA2B,CAAG;;;;;;;;;;GAY9B,IAA6B,CAAG;;;;;;;;AAStC,SAAS,EAAW,GAAuB;AACzC,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAQ;EAAC;EAAK;EAAM;EAAM;EAAK,EAC/B,IAAW,KAAK,IAAI,KAAK,MAAM,KAAK,IAAI,EAAM,GAAG,KAAK,IAAI,KAAK,CAAC,EAAE,EAAM,SAAS,EAAE;AAEzF,QAAO,IADO,IAAiB,QAAM,GACrB,QAAQ,MAAa,IAAI,IAAI,EAAE,CAAC,GAAG,EAAM;;AAG3D,SAAS,EAAY,GAA0B;CAC7C,IAAM,IAAM,EAAS,YAAY,IAAI;AACrC,QAAO,KAAO,IAAI,EAAS,MAAM,IAAM,EAAE,CAAC,aAAa,GAAG;;AAG5D,SAAgB,EAAiB,EAAE,eAAY,eAAmC;CAChF,IAAM,IAAe,EAAyB,KAAK,EAC7C,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,EAAE,SAAM,YAAS,eAAY,EAAyB,GAAiB;EAC3E,WAAW;GACT,YAAY;IAAE,OAAO;IAAI,QAAQ;IAAG;GACpC,MAAM;IAAE,OAAO;IAAc,OAAO;IAAQ;GAC7C;EACD,aAAa;EACb,aAAa;EACd,CAAC,EAEI,CAAC,KAAkB,EAEtB,EAAyB,EACtB,CAAC,KAAkB,EAAY,EAAyB,EACxD,CAAC,KAAmB,EAEvB,EAA2B,EAExB,IAAQ,QAAc,GAAM,SAAS,SAAS,EAAE,EAAE,CAAC,EAAK,CAAC,EAEzD,IAAqB,OAAO,MAA+C;EAC/E,IAAM,IAAO,EAAM,OAAO,QAAQ;AAElC,QAAM,OAAO,QAAQ,IAChB,GAEL;KAAa,GAAK;AAClB,OAAI;IACF,IAAM,IAAY,MAAM,EAAe,EACrC,WAAW,EACT,OAAO;KACL,UAAU,EAAK;KACf,WAAW,EAAY,EAAK,KAAK;KACjC,UAAU,EAAK;KACf,UAAU,EAAK,QAAQ;KACvB,YAAY;KACb,EACF,EACF,CAAC,EAEI,IAAY,EAAU,MAAM,eAAe,WAC3C,IAAY,EAAU,MAAM,eAAe,QAAQ;AACzD,QAAI,CAAC,KAAa,CAAC,EACjB,OAAU,MAAM,mCAAmC;IAGrD,IAAM,IAAc,MAAM,MAAM,GAAW;KACzC,QAAQ;KACR,MAAM;KACN,SAAS,EAAE,gBAAgB,EAAK,QAAQ,4BAA4B;KACrE,CAAC;AACF,QAAI,CAAC,EAAY,GACf,OAAU,MAAM,qCAAqC,EAAY,OAAO,IAAI;AAQ9E,IALA,MAAM,EAAe,EACnB,WAAW,EAAE,OAAO;KAAE;KAAW,UAAU,EAAK;KAAM,EAAE,EACzD,CAAC,EAEF,EAAO,QAAQ,iBAAiB,GAAG,EAAK,KAAK,mCAAmC,EAChF,MAAM,GAAS;YACR,GAAO;AACd,MAAO,MACL,iBACA,aAAiB,QAAQ,EAAM,UAAU,kCAC1C;aACO;AACR,MAAa,GAAM;;;IAIjB,IAAc,OAAO,MAAmB;AAC5C,IAAa,EAAO;AACpB,MAAI;GAIF,IAAM,KAHS,MAAM,EAAgB,EACnC,WAAW,EAAE,OAAO;IAAE,YAAY;IAAQ,MAAM;IAAU,EAAE,EAC7D,CAAC,EACiB,MAAM,oBAAoB;AAC7C,OAAI,CAAC,EACH,OAAU,MAAM,8BAA8B;AAEhD,GAAI,UAAU,WAAW,aACvB,MAAM,UAAU,UAAU,UAAU,EAAI,EACxC,EAAO,QAAQ,qBAAqB,yCAAyC,IAE7E,EAAO,KAAK,oBAAoB,EAAI;WAE/B,GAAO;AACd,KAAO,MACL,+BACA,aAAiB,QAAQ,EAAM,UAAU,oBAC1C;YACO;AACR,KAAa,KAAK;;;AAItB,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,WAAU;YAAtB,CACE,kBAAC,GAAD;GAAW,WAAU;aAArB;IACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;;IAEhC,GAAM,SAAS,QACd,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAA0D;MACtD,EAAK,SAAS;MAAM;MACjB;SACL;IACM;MACZ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;GACE,KAAK;GACL,MAAK;GACL,WAAU;GACV,WAAW,MAAU,KAAK,EAAmB,EAAM;GACnD,cAAY,qBAAqB,EAAW,GAAG;GAC/C,CAAA,EACF,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,UAAU;GACV,eAAe,EAAa,SAAS,OAAO;aAJ9C,CAMG,IACC,kBAAC,GAAD,EAAS,WAAU,iCAAkC,CAAA,GAErD,kBAAC,GAAD,EAAQ,WAAU,oBAAqB,CAAA,EAExC,IAAY,eAAe,SACrB;KACL,EAAA,CAAA,CACK;KACb,kBAAC,GAAD,EAAA,UACG,KAAW,EAAM,WAAW,IAC3B,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;EACE,CAAA,GACJ,EAAM,WAAW,IACnB,kBAAC,GAAD;EACE,cAAa;EACb,OAAM;EACN,aAAY;EACZ,CAAA,GAEF,kBAAC,MAAD;EAAI,WAAU;YACX,EAAM,KAAK,MACV,kBAAC,MAAD;GAAkB,WAAU;aAA5B;IACE,kBAAC,GAAD,EAAU,WAAU,wCAAyC,CAAA;IAC7D,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAgC,EAAK;MAAS,CAAA,EAC3D,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAW,OAAO,EAAK,KAAK,CAAC;OAAC;OAAI,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB;OAC9E;QACA;;IACL,EAAK,cACJ,kBAAC,KAAD;KACE,MAAM,EAAK;KACX,QAAO;KACP,KAAI;KACJ,WAAU;KACV,cAAY,YAAY,EAAK;eAE7B,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;KAC9B,CAAA,GACF;IACJ,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,UAAU,MAAc,EAAK;KAC7B,eAAe,KAAK,EAAY,EAAK,GAAG;KACxC,cAAY,SAAS,EAAK;eAEzB,MAAc,EAAK,KAClB,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,GAEhD,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;KAE5B,CAAA;IACN;KAhCI,EAAK,GAgCT,CACL;EACC,CAAA,EAEK,CAAA,CACT,EAAA,CAAA"}
1	+ {"version":3,"file":"AttachmentsPanel.js","names":[],"sources":["../../../src/assethandler/components/AttachmentsPanel.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Paperclip, Upload, Link2, FileText, Loader2, Download } from 'lucide-react';\nimport { notify } from '../utils/toast';\n\n/*\n Attach and reference files for an AssetHandler entity, backed by the\n * federated wspace-files-svc (same wspace gateway/Apollo client). Fully real —\n * lists workspace files via `getFiles`, uploads new files through the\n * `initiateUpload` → presigned PUT → `completeUpload` flow, and mints public\n * share links via `createFileShareLink`. No mock data.\n \n `entityType`/`entityId` scope the panel to the record it is mounted on and\n * are used for context labelling; uploaded files land in the workspace file\n * store so they can be shared and reused.\n */\nexport interface AttachmentsPanelProps {\n entityType: string;\n entityId: string;\n}\n\ninterface FileNode {\n id: string;\n name: string;\n extension: string;\n mimeType: string;\n size: number;\n downloadUrl?: string \| null;\n createdAt: string;\n}\n\ninterface GetFilesResult {\n getFiles: {\n files: FileNode[];\n total: number;\n hasMore: boolean;\n };\n}\n\nconst GET_FILES_QUERY = gql`\n query AssetHandlerGetFiles($pagination: PaginationInput, $sort: FileSortInput) {\n getFiles(pagination: $pagination, sort: $sort) {\n total\n hasMore\n files {\n id\n name\n extension\n mimeType\n size\n downloadUrl\n createdAt\n }\n }\n }\n`;\n\nconst INITIATE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerInitiateUpload($input: InitiateUploadInput!) {\n initiateUpload(input: $input) {\n uploadUrl\n session {\n id\n }\n }\n }\n`;\n\nconst COMPLETE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerCompleteUpload($input: CompleteUploadInput!) {\n completeUpload(input: $input) {\n fileId\n file {\n id\n name\n }\n }\n }\n`;\n\nconst CREATE_SHARE_LINK_MUTATION = gql`\n mutation AssetHandlerCreateFileShareLink($input: CreateShareGrantLinkInput!) {\n createFileShareLink(input: $input) {\n id\n shareUrl\n }\n }\n`;\n\nfunction formatSize(bytes: number): string {\n if (!bytes) return '0 B';\n const units = ['B', 'KB', 'MB', 'GB'];\n const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);\n const value = bytes / Math.pow(1024, exponent);\n return `${value.toFixed(exponent === 0 ? 0 : 1)} ${units[exponent]}`;\n}\n\nfunction extensionOf(fileName: string): string {\n const dot = fileName.lastIndexOf('.');\n return dot >= 0 ? fileName.slice(dot + 1).toLowerCase() : 'bin';\n}\n\nexport function AttachmentsPanel({ entityType, entityId }: AttachmentsPanelProps) {\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [uploading, setUploading] = useState(false);\n const [sharingId, setSharingId] = useState<string \| null>(null);\n\n const { data, loading, refetch } = useQuery<GetFilesResult>(GET_FILES_QUERY, {\n variables: {\n pagination: { limit: 25, offset: 0 },\n sort: { field: 'CREATED_AT', order: 'DESC' },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n });\n\n const [initiateUpload] = useMutation<{\n initiateUpload: { uploadUrl?: string \| null; session: { id: string } };\n }>(INITIATE_UPLOAD_MUTATION);\n const [completeUpload] = useMutation(COMPLETE_UPLOAD_MUTATION);\n const [createShareLink] = useMutation<{\n createFileShareLink: { id: string; shareUrl?: string \| null };\n }>(CREATE_SHARE_LINK_MUTATION);\n\n const files = useMemo(() => data?.getFiles.files ?? [], [data]);\n\n const handleFileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0];\n // Reset the input so selecting the same file again re-triggers change.\n event.target.value = '';\n if (!file) return;\n\n setUploading(true);\n try {\n const initiated = await initiateUpload({\n variables: {\n input: {\n fileName: file.name,\n extension: extensionOf(file.name),\n fileSize: file.size,\n mimeType: file.type \|\| 'application/octet-stream',\n visibility: 'WORKSPACE',\n },\n },\n });\n\n const uploadUrl = initiated.data?.initiateUpload.uploadUrl;\n const sessionId = initiated.data?.initiateUpload.session.id;\n if (!uploadUrl \|\| !sessionId) {\n throw new Error('Upload could not be initialised.');\n }\n\n const putResponse = await fetch(uploadUrl, {\n method: 'PUT',\n body: file,\n headers: { 'Content-Type': file.type \|\| 'application/octet-stream' },\n });\n if (!putResponse.ok) {\n throw new Error(`Storage rejected the upload (HTTP ${putResponse.status}).`);\n }\n\n await completeUpload({\n variables: { input: { sessionId, fileSize: file.size } },\n });\n\n notify.success('File uploaded', `${file.name} is now available on this record.`);\n await refetch();\n } catch (error) {\n notify.error(\n 'Upload failed',\n error instanceof Error ? error.message : 'The file could not be uploaded.'\n );\n } finally {\n setUploading(false);\n }\n };\n\n const handleShare = async (fileId: string) => {\n setSharingId(fileId);\n try {\n const result = await createShareLink({\n variables: { input: { resourceId: fileId, role: 'VIEWER' } },\n });\n const url = result.data?.createFileShareLink.shareUrl;\n if (!url) {\n throw new Error('No share link was returned.');\n }\n if (navigator.clipboard?.writeText) {\n await navigator.clipboard.writeText(url);\n notify.success('Share link copied', 'A view-only link is on your clipboard.');\n } else {\n notify.info('Share link ready', url);\n }\n } catch (error) {\n notify.error(\n 'Could not create share link',\n error instanceof Error ? error.message : 'Please try again.'\n );\n } finally {\n setSharingId(null);\n }\n };\n\n return (\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-2 space-y-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Paperclip className=\"h-4 w-4\" />\n Attachments\n {data?.getFiles.total ? (\n <span className=\"text-sm font-normal text-text-secondary\">({data.getFiles.total})</span>\n ) : null}\n </CardTitle>\n <div>\n <input\n ref={fileInputRef}\n type=\"file\"\n className=\"hidden\"\n onChange={(event) => void handleFileSelected(event)}\n aria-label={`Upload a file for ${entityType} ${entityId}`}\n />\n <Button\n size=\"sm\"\n variant=\"outline\"\n disabled={uploading}\n onClick={() => fileInputRef.current?.click()}\n >\n {uploading ? (\n <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" />\n ) : (\n <Upload className=\"mr-2 h-3.5 w-3.5\" />\n )}\n {uploading ? 'Uploading…' : 'Upload'}\n </Button>\n </div>\n </CardHeader>\n <CardContent>\n {loading && files.length === 0 ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 3 }).map((_, i) => (\n <div\n key={i}\n className=\"h-12 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : files.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title=\"No files yet\"\n description=\"Upload photos, receipts, warranties or documents to keep them with this record.\"\n />\n ) : (\n <ul className=\"divide-y divide-border-subtle\">\n {files.map((file) => (\n <li key={file.id} className=\"flex items-center gap-3 py-2.5\">\n <FileText className=\"h-5 w-5 shrink-0 text-text-secondary\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium\">{file.name}</p>\n <p className=\"text-xs text-text-secondary\">\n {formatSize(Number(file.size))} ·{' '}\n {new Date(file.createdAt).toLocaleDateString()}\n </p>\n </div>\n {file.downloadUrl ? (\n <a\n href={file.downloadUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-text-secondary hover:text-text-primary\"\n aria-label={`Download ${file.name}`}\n >\n <Download className=\"h-4 w-4\" />\n </a>\n ) : null}\n <Button\n size=\"sm\"\n variant=\"ghost\"\n disabled={sharingId === file.id}\n onClick={() => void handleShare(file.id)}\n aria-label={`Share ${file.name}`}\n >\n {sharingId === file.id ? (\n <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n ) : (\n <Link2 className=\"h-3.5 w-3.5\" />\n )}\n </Button>\n </li>\n ))}\n </ul>\n )}\n </CardContent>\n </Card>\n );\n}\n"],"mappings":"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"}

package/dist/assethandler/ops/NewWorkOrderDialog.js ADDED Viewed

@@ -0,0 +1,164 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { notify as t } from "../utils/toast.js";
+import { useState as n } from "react";
+import { Loader2 as r } from "lucide-react";
+import { gql as i } from "@apollo/client";
+import { useMutation as a } from "@apollo/client/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c, Input as l, Label as u, ResponsiveDialog as d, ResponsiveDialogContent as f, ResponsiveDialogDescription as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Textarea as S } from "@burdenoff/fe-libs/ui";
+//#region src/assethandler/ops/NewWorkOrderDialog.tsx
+var C = i`
+  mutation AssetHandlerCreateWorkOrder($input: CreateWorkOrderInput!) {
+    createWorkOrder(input: $input) {
+      id
+      title
+    }
+  }
+`, w = [
+	"CORRECTIVE",
+	"PREVENTIVE",
+	"PREDICTIVE",
+	"EMERGENCY"
+], T = [
+	"DRAFT",
+	"SCHEDULED",
+	"APPROVED",
+	"IN_PROGRESS",
+	"COMPLETED",
+	"CANCELLED"
+], E = [
+	"CRITICAL",
+	"HIGH",
+	"MEDIUM",
+	"LOW"
+], D = (e) => e.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
+function O({ open: i, onOpenChange: O }) {
+	let { assets: k } = e(), [A, j] = n(""), [M, N] = n(""), [P, F] = n(""), [I, L] = n(""), [R, z] = n("CORRECTIVE"), [B, V] = n("MEDIUM"), [H, U] = n("DRAFT"), W = () => {
+		j(""), N(""), F(""), L(""), z("CORRECTIVE"), V("MEDIUM"), U("DRAFT");
+	}, [G, { loading: K }] = a(C, {
+		refetchQueries: ["AssetHandlerBootstrap"],
+		onCompleted: (e) => {
+			t.success("Work order created", `${e.createWorkOrder.title} was raised.`), W(), O(!1);
+		},
+		onError: (e) => t.error("Could not create work order", e.message)
+	});
+	return /* @__PURE__ */ o(d, {
+		open: i,
+		onOpenChange: O,
+		children: /* @__PURE__ */ s(f, {
+			className: "max-h-[85vh] overflow-y-auto sm:max-w-xl",
+			children: [
+				/* @__PURE__ */ s(h, { children: [/* @__PURE__ */ o(g, { children: "New Work Order" }), /* @__PURE__ */ o(p, { children: "Raise a work order when an asset needs repair, inspection or attention." })] }),
+				/* @__PURE__ */ s("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ o(u, { children: "Title *" }), /* @__PURE__ */ o(l, {
+								placeholder: "e.g., Replace worn drive belt",
+								value: A,
+								onChange: (e) => j(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ o(u, { children: "Description" }), /* @__PURE__ */ o(S, {
+								placeholder: "Describe the work required",
+								value: M,
+								onChange: (e) => N(e.target.value),
+								rows: 2
+							})]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ s("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ o(u, { children: "Asset" }), /* @__PURE__ */ s(_, {
+									value: P,
+									onValueChange: F,
+									children: [/* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(x, { placeholder: "Unassigned" }) }), /* @__PURE__ */ o(v, { children: k.map((e) => /* @__PURE__ */ s(y, {
+										value: e.id,
+										children: [e.name, e.assetTag ? ` · ${e.assetTag}` : ""]
+									}, e.id)) })]
+								})]
+							}), /* @__PURE__ */ s("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ o(u, { children: "Assigned To" }), /* @__PURE__ */ o(l, {
+									placeholder: "e.g., Facilities team",
+									value: I,
+									onChange: (e) => L(e.target.value)
+								})]
+							})]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "grid gap-4 md:grid-cols-3",
+							children: [
+								/* @__PURE__ */ s("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ o(u, { children: "Type" }), /* @__PURE__ */ s(_, {
+										value: R,
+										onValueChange: (e) => z(e),
+										children: [/* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(x, {}) }), /* @__PURE__ */ o(v, { children: w.map((e) => /* @__PURE__ */ o(y, {
+											value: e,
+											children: D(e)
+										}, e)) })]
+									})]
+								}),
+								/* @__PURE__ */ s("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ o(u, { children: "Priority" }), /* @__PURE__ */ s(_, {
+										value: B,
+										onValueChange: (e) => V(e),
+										children: [/* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(x, {}) }), /* @__PURE__ */ o(v, { children: E.map((e) => /* @__PURE__ */ o(y, {
+											value: e,
+											children: D(e)
+										}, e)) })]
+									})]
+								}),
+								/* @__PURE__ */ s("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ o(u, { children: "Status" }), /* @__PURE__ */ s(_, {
+										value: H,
+										onValueChange: (e) => U(e),
+										children: [/* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(x, {}) }), /* @__PURE__ */ o(v, { children: T.map((e) => /* @__PURE__ */ o(y, {
+											value: e,
+											children: D(e)
+										}, e)) })]
+									})]
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ s(m, { children: [/* @__PURE__ */ o(c, {
+					variant: "outline",
+					onClick: () => O(!1),
+					disabled: K,
+					children: "Cancel"
+				}), /* @__PURE__ */ s(c, {
+					onClick: () => {
+						if (!A.trim()) {
+							t.warning("Title required", "Give the work order a title.");
+							return;
+						}
+						G({ variables: { input: {
+							title: A.trim(),
+							description: M.trim() || null,
+							assetId: P || null,
+							assignedTo: I.trim() || null,
+							type: R,
+							priority: B,
+							status: H
+						} } });
+					},
+					disabled: K,
+					children: [K ? /* @__PURE__ */ o(r, { className: "mr-2 h-4 w-4 animate-spin" }) : null, K ? "Creating…" : "Create Work Order"]
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { O as NewWorkOrderDialog };
+//# sourceMappingURL=NewWorkOrderDialog.js.map

package/dist/assethandler/ops/NewWorkOrderDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NewWorkOrderDialog.js","names":[],"sources":["../../../src/assethandler/ops/NewWorkOrderDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { Loader2 } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\n\n/**\n * Reusable \"New Work Order\" create dialog, wired to the real createWorkOrder\n * mutation (wspace-assethandler-svc). Used by the Operations Hub.\n */\nconst CREATE_WORK_ORDER_MUTATION = gql`\n mutation AssetHandlerCreateWorkOrder($input: CreateWorkOrderInput!) {\n createWorkOrder(input: $input) {\n id\n title\n }\n }\n`;\n\ninterface CreateWorkOrderResult {\n createWorkOrder: { id: string; title: string };\n}\n\nconst WORK_ORDER_TYPES = ['CORRECTIVE', 'PREVENTIVE', 'PREDICTIVE', 'EMERGENCY'] as const;\nconst WORK_ORDER_STATUSES = [\n 'DRAFT',\n 'SCHEDULED',\n 'APPROVED',\n 'IN_PROGRESS',\n 'COMPLETED',\n 'CANCELLED',\n] as const;\nconst PRIORITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as const;\n\nconst humanize = (value: string) =>\n value\n .toLowerCase()\n .replace(/_/g, ' ')\n .replace(/^\\w/, (c) => c.toUpperCase());\n\nexport function NewWorkOrderDialog({\n open,\n onOpenChange,\n}: {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}) {\n const { assets } = useAssetHandlerStore();\n\n const [title, setTitle] = useState('');\n const [description, setDescription] = useState('');\n const [assetId, setAssetId] = useState('');\n const [assignedTo, setAssignedTo] = useState('');\n const [type, setType] = useState<(typeof WORK_ORDER_TYPES)[number]>('CORRECTIVE');\n const [priority, setPriority] = useState<(typeof PRIORITIES)[number]>('MEDIUM');\n const [status, setStatus] = useState<(typeof WORK_ORDER_STATUSES)[number]>('DRAFT');\n\n const reset = () => {\n setTitle('');\n setDescription('');\n setAssetId('');\n setAssignedTo('');\n setType('CORRECTIVE');\n setPriority('MEDIUM');\n setStatus('DRAFT');\n };\n\n const [createWorkOrder, { loading }] = useMutation<CreateWorkOrderResult>(\n CREATE_WORK_ORDER_MUTATION,\n {\n refetchQueries: ['AssetHandlerBootstrap'],\n onCompleted: (data) => {\n notify.success('Work order created', `${data.createWorkOrder.title} was raised.`);\n reset();\n onOpenChange(false);\n },\n onError: (error) => notify.error('Could not create work order', error.message),\n }\n );\n\n const handleSubmit = () => {\n if (!title.trim()) {\n notify.warning('Title required', 'Give the work order a title.');\n return;\n }\n void createWorkOrder({\n variables: {\n input: {\n title: title.trim(),\n description: description.trim() || null,\n assetId: assetId || null,\n assignedTo: assignedTo.trim() || null,\n type,\n priority,\n status,\n },\n },\n });\n };\n\n return (\n <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-xl\">\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>New Work Order</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Raise a work order when an asset needs repair, inspection or attention.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <div className=\"space-y-4\">\n <div className=\"space-y-2\">\n <Label>Title *</Label>\n <Input\n placeholder=\"e.g., Replace worn drive belt\"\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Description</Label>\n <Textarea\n placeholder=\"Describe the work required\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={2}\n />\n </div>\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Asset</Label>\n <Select value={assetId} onValueChange={setAssetId}>\n <SelectTrigger>\n <SelectValue placeholder=\"Unassigned\" />\n </SelectTrigger>\n <SelectContent>\n {assets.map((asset) => (\n <SelectItem key={asset.id} value={asset.id}>\n {asset.name}\n {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Assigned To</Label>\n <Input\n placeholder=\"e.g., Facilities team\"\n value={assignedTo}\n onChange={(e) => setAssignedTo(e.target.value)}\n />\n </div>\n </div>\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Type</Label>\n <Select value={type} onValueChange={(v) => setType(v as typeof type)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {WORK_ORDER_TYPES.map((t) => (\n <SelectItem key={t} value={t}>\n {humanize(t)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Priority</Label>\n <Select value={priority} onValueChange={(v) => setPriority(v as typeof priority)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {PRIORITIES.map((p) => (\n <SelectItem key={p} value={p}>\n {humanize(p)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Status</Label>\n <Select value={status} onValueChange={(v) => setStatus(v as typeof status)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {WORK_ORDER_STATUSES.map((s) => (\n <SelectItem key={s} value={s}>\n {humanize(s)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n </div>\n </div>\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n Cancel\n </Button>\n <Button onClick={handleSubmit} disabled={loading}>\n {loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : null}\n {loading ? 'Creating…' : 'Create Work Order'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n"],"mappings":"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"}

package/dist/assethandler/ops/ScheduleMaintenanceDialog.js ADDED Viewed

@@ -0,0 +1,197 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { notify as t } from "../utils/toast.js";
+import { useState as n } from "react";
+import { Loader2 as r, Plus as i, X as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useMutation as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Input as d, Label as f, ResponsiveDialog as p, ResponsiveDialogContent as m, ResponsiveDialogDescription as h, ResponsiveDialogFooter as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Textarea as w } from "@burdenoff/fe-libs/ui";
+//#region src/assethandler/ops/ScheduleMaintenanceDialog.tsx
+var T = o`
+  mutation AssetHandlerCreateMaintenanceRecord($input: CreateMaintenanceRecordInput!) {
+    createMaintenanceRecord(input: $input) {
+      id
+      title
+    }
+  }
+`, E = [
+	"PREVENTIVE",
+	"CORRECTIVE",
+	"INSPECTION",
+	"CALIBRATION",
+	"EMERGENCY"
+], D = [
+	"CRITICAL",
+	"HIGH",
+	"MEDIUM",
+	"LOW"
+], O = (e) => e.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
+function k({ open: o, onOpenChange: k }) {
+	let { assets: A } = e(), [j, M] = n(""), [N, P] = n(""), [F, I] = n(""), [L, R] = n("PREVENTIVE"), [z, B] = n("MEDIUM"), [V, H] = n(""), [U, W] = n(""), [G, K] = n([""]), q = () => {
+		M(""), P(""), I(""), R("PREVENTIVE"), B("MEDIUM"), H(""), W(""), K([""]);
+	}, [J, { loading: Y }] = s(T, {
+		refetchQueries: ["AssetHandlerBootstrap"],
+		onCompleted: (e) => {
+			t.success("Maintenance scheduled", `${e.createMaintenanceRecord.title} was added.`), q(), k(!1);
+		},
+		onError: (e) => t.error("Could not schedule maintenance", e.message)
+	}), X = (e, t) => K((n) => n.map((n, r) => r === e ? t : n)), Z = () => K((e) => [...e, ""]), Q = (e) => K((t) => t.length === 1 ? t : t.filter((t, n) => n !== e));
+	return /* @__PURE__ */ c(p, {
+		open: o,
+		onOpenChange: k,
+		children: /* @__PURE__ */ l(m, {
+			className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
+			children: [
+				/* @__PURE__ */ l(_, { children: [/* @__PURE__ */ c(v, { children: "Schedule Maintenance" }), /* @__PURE__ */ c(h, { children: "Plan a maintenance job against an asset, with its own checklist and cost estimate." })] }),
+				/* @__PURE__ */ l("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ c(f, { children: "Asset *" }), /* @__PURE__ */ l(y, {
+								value: j,
+								onValueChange: M,
+								children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ c(C, { placeholder: "Select an asset" }) }), /* @__PURE__ */ c(b, { children: A.map((e) => /* @__PURE__ */ l(x, {
+									value: e.id,
+									children: [e.name, e.assetTag ? ` · ${e.assetTag}` : ""]
+								}, e.id)) })]
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ c(f, { children: "Title *" }), /* @__PURE__ */ c(d, {
+								placeholder: "e.g., Quarterly HVAC service",
+								value: N,
+								onChange: (e) => P(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ c(f, { children: "Description" }), /* @__PURE__ */ c(w, {
+								placeholder: "What does this job involve?",
+								value: F,
+								onChange: (e) => I(e.target.value),
+								rows: 2
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "grid gap-4 md:grid-cols-3",
+							children: [
+								/* @__PURE__ */ l("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ c(f, { children: "Type" }), /* @__PURE__ */ l(y, {
+										value: L,
+										onValueChange: (e) => R(e),
+										children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ c(C, {}) }), /* @__PURE__ */ c(b, { children: E.map((e) => /* @__PURE__ */ c(x, {
+											value: e,
+											children: O(e)
+										}, e)) })]
+									})]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ c(f, { children: "Priority" }), /* @__PURE__ */ l(y, {
+										value: z,
+										onValueChange: (e) => B(e),
+										children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ c(C, {}) }), /* @__PURE__ */ c(b, { children: D.map((e) => /* @__PURE__ */ c(x, {
+											value: e,
+											children: O(e)
+										}, e)) })]
+									})]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ c(f, { children: "Estimated Cost" }), /* @__PURE__ */ c(d, {
+										type: "number",
+										min: "0",
+										step: "0.01",
+										placeholder: "e.g., 500",
+										value: U,
+										onChange: (e) => W(e.target.value)
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ c(f, { children: "Scheduled Date" }), /* @__PURE__ */ c(d, {
+								type: "date",
+								value: V,
+								onChange: (e) => H(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ l("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ c(f, { children: "Checklist" }), /* @__PURE__ */ l(u, {
+									type: "button",
+									size: "sm",
+									variant: "ghost",
+									onClick: Z,
+									children: [/* @__PURE__ */ c(i, { className: "mr-1 h-3.5 w-3.5" }), "Add task"]
+								})]
+							}), /* @__PURE__ */ c("div", {
+								className: "space-y-2",
+								children: G.map((e, t) => /* @__PURE__ */ l("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ c(d, {
+										placeholder: `Task ${t + 1}`,
+										value: e,
+										onChange: (e) => X(t, e.target.value)
+									}), /* @__PURE__ */ c(u, {
+										type: "button",
+										size: "icon",
+										variant: "ghost",
+										onClick: () => Q(t),
+										disabled: G.length === 1,
+										"aria-label": "Remove task",
+										children: /* @__PURE__ */ c(a, { className: "h-4 w-4" })
+									})]
+								}, t))
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(u, {
+					variant: "outline",
+					onClick: () => k(!1),
+					disabled: Y,
+					children: "Cancel"
+				}), /* @__PURE__ */ l(u, {
+					onClick: () => {
+						if (!j) {
+							t.warning("Asset required", "Pick the asset this maintenance is for.");
+							return;
+						}
+						if (!N.trim()) {
+							t.warning("Title required", "Give the maintenance job a title.");
+							return;
+						}
+						let e = Number(U), n = G.map((e) => e.trim()).filter((e) => e !== "").map((e) => ({
+							task: e,
+							completed: !1
+						}));
+						J({ variables: { input: {
+							assetId: j,
+							title: N.trim(),
+							description: F.trim() || null,
+							type: L,
+							status: "SCHEDULED",
+							priority: z,
+							scheduledAt: V ? new Date(V).toISOString() : null,
+							estimatedCost: U.trim() !== "" && Number.isFinite(e) ? e : null,
+							checklist: n
+						} } });
+					},
+					disabled: Y,
+					children: [Y ? /* @__PURE__ */ c(r, { className: "mr-2 h-4 w-4 animate-spin" }) : null, Y ? "Scheduling…" : "Schedule Maintenance"]
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { k as ScheduleMaintenanceDialog };
+//# sourceMappingURL=ScheduleMaintenanceDialog.js.map

package/dist/assethandler/ops/ScheduleMaintenanceDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScheduleMaintenanceDialog.js","names":[],"sources":["../../../src/assethandler/ops/ScheduleMaintenanceDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { Loader2, Plus, X } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\n\n/**\n * Reusable \"Schedule Maintenance\" create dialog. Wired to the real\n * createMaintenanceRecord mutation (wspace-assethandler-svc). Shared by the\n * Maintenance Scheduler and Maintenance Calendar pages so both entry points\n * write through one contract.\n *\n * Reuse note: a wspace-calendar-svc CalendarEvent projection is deliberately\n * deferred — createEvent requires a calendarId that the AssetHandler MFE has no\n * handle on. The Maintenance Calendar therefore renders the real\n * maintenanceRecords (scheduledAt) rather than shared-platform CalendarEvents.\n */\nconst CREATE_MAINTENANCE_RECORD_MUTATION = gql`\n mutation AssetHandlerCreateMaintenanceRecord($input: CreateMaintenanceRecordInput!) {\n createMaintenanceRecord(input: $input) {\n id\n title\n }\n }\n`;\n\ninterface CreateMaintenanceRecordResult {\n createMaintenanceRecord: { id: string; title: string };\n}\n\n// Maintenance `type` is a free-form String on the backend; these are the\n// canonical categories the product exposes in the UI.\nconst MAINTENANCE_TYPES = [\n 'PREVENTIVE',\n 'CORRECTIVE',\n 'INSPECTION',\n 'CALIBRATION',\n 'EMERGENCY',\n] as const;\nconst PRIORITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as const;\n\nconst humanize = (value: string) =>\n value\n .toLowerCase()\n .replace(/_/g, ' ')\n .replace(/^\\w/, (c) => c.toUpperCase());\n\nexport function ScheduleMaintenanceDialog({\n open,\n onOpenChange,\n}: {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}) {\n const { assets } = useAssetHandlerStore();\n\n const [assetId, setAssetId] = useState('');\n const [title, setTitle] = useState('');\n const [description, setDescription] = useState('');\n const [type, setType] = useState<(typeof MAINTENANCE_TYPES)[number]>('PREVENTIVE');\n const [priority, setPriority] = useState<(typeof PRIORITIES)[number]>('MEDIUM');\n const [scheduledAt, setScheduledAt] = useState('');\n const [estimatedCost, setEstimatedCost] = useState('');\n const [checklist, setChecklist] = useState<string[]>(['']);\n\n const reset = () => {\n setAssetId('');\n setTitle('');\n setDescription('');\n setType('PREVENTIVE');\n setPriority('MEDIUM');\n setScheduledAt('');\n setEstimatedCost('');\n setChecklist(['']);\n };\n\n const [createMaintenanceRecord, { loading }] = useMutation<CreateMaintenanceRecordResult>(\n CREATE_MAINTENANCE_RECORD_MUTATION,\n {\n refetchQueries: ['AssetHandlerBootstrap'],\n onCompleted: (data) => {\n notify.success('Maintenance scheduled', `${data.createMaintenanceRecord.title} was added.`);\n reset();\n onOpenChange(false);\n },\n onError: (error) => notify.error('Could not schedule maintenance', error.message),\n }\n );\n\n const setChecklistItem = (index: number, value: string) =>\n setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n const removeChecklistItem = (index: number) =>\n setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n const handleSubmit = () => {\n if (!assetId) {\n notify.warning('Asset required', 'Pick the asset this maintenance is for.');\n return;\n }\n if (!title.trim()) {\n notify.warning('Title required', 'Give the maintenance job a title.');\n return;\n }\n const parsedCost = Number(estimatedCost);\n const cleanedChecklist = checklist\n .map((task) => task.trim())\n .filter((task) => task !== '')\n .map((task) => ({ task, completed: false }));\n void createMaintenanceRecord({\n variables: {\n input: {\n assetId,\n title: title.trim(),\n description: description.trim() || null,\n type,\n status: 'SCHEDULED',\n priority,\n scheduledAt: scheduledAt ? new Date(scheduledAt).toISOString() : null,\n estimatedCost:\n estimatedCost.trim() !== '' && Number.isFinite(parsedCost) ? parsedCost : null,\n checklist: cleanedChecklist,\n },\n },\n });\n };\n\n return (\n <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-2xl\">\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Schedule Maintenance</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Plan a maintenance job against an asset, with its own checklist and cost estimate.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <div className=\"space-y-4\">\n <div className=\"space-y-2\">\n <Label>Asset *</Label>\n <Select value={assetId} onValueChange={setAssetId}>\n <SelectTrigger>\n <SelectValue placeholder=\"Select an asset\" />\n </SelectTrigger>\n <SelectContent>\n {assets.map((asset) => (\n <SelectItem key={asset.id} value={asset.id}>\n {asset.name}\n {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Title *</Label>\n <Input\n placeholder=\"e.g., Quarterly HVAC service\"\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Description</Label>\n <Textarea\n placeholder=\"What does this job involve?\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={2}\n />\n </div>\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Type</Label>\n <Select value={type} onValueChange={(v) => setType(v as typeof type)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {MAINTENANCE_TYPES.map((t) => (\n <SelectItem key={t} value={t}>\n {humanize(t)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Priority</Label>\n <Select value={priority} onValueChange={(v) => setPriority(v as typeof priority)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {PRIORITIES.map((p) => (\n <SelectItem key={p} value={p}>\n {humanize(p)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Estimated Cost</Label>\n <Input\n type=\"number\"\n min=\"0\"\n step=\"0.01\"\n placeholder=\"e.g., 500\"\n value={estimatedCost}\n onChange={(e) => setEstimatedCost(e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Scheduled Date</Label>\n <Input\n type=\"date\"\n value={scheduledAt}\n onChange={(e) => setScheduledAt(e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <div className=\"flex items-center justify-between\">\n <Label>Checklist</Label>\n <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={addChecklistItem}>\n <Plus className=\"mr-1 h-3.5 w-3.5\" />\n Add task\n </Button>\n </div>\n <div className=\"space-y-2\">\n {checklist.map((task, i) => (\n <div key={i} className=\"flex items-center gap-2\">\n <Input\n placeholder={`Task ${i + 1}`}\n value={task}\n onChange={(e) => setChecklistItem(i, e.target.value)}\n />\n <Button\n type=\"button\"\n size=\"icon\"\n variant=\"ghost\"\n onClick={() => removeChecklistItem(i)}\n disabled={checklist.length === 1}\n aria-label=\"Remove task\"\n >\n <X className=\"h-4 w-4\" />\n </Button>\n </div>\n ))}\n </div>\n </div>\n </div>\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n Cancel\n </Button>\n <Button onClick={handleSubmit} disabled={loading}>\n {loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : null}\n {loading ? 'Scheduling…' : 'Schedule Maintenance'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n"],"mappings":"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"}