@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProductsNewFeaturePagePage.js

@@ -0,0 +1,222 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useState as n } from "react";
+import { Loader2 as r, Save as i, Star as a, X as o } from "lucide-react";
+import { gql as s } from "@apollo/client";
+import { useMutation as c, useQuery as l } from "@apollo/client/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _ } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsNewFeaturePagePage.tsx
+var v = s`
+  query ListRoadmapsForFeatureSelect($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+      }
+    }
+  }
+`, y = s`
+  mutation CreateFeatureRequest($input: CreateFeatureRequestInput!) {
+    planmagnetCreateFeatureRequest(input: $input) {
+      id
+      title
+      status
+      businessValue
+      effortEstimate
+      priorityScore
+    }
+  }
+`;
+function b() {
+	let { workspaceId: s } = e(), b = t(), { data: x } = l(v, {
+		variables: {
+			workspaceId: s,
+			pagination: { first: 100 }
+		},
+		skip: !s
+	}), [S, C] = n({
+		title: "",
+		description: "",
+		status: "SUBMITTED",
+		businessValue: 50,
+		effortEstimate: "medium",
+		tags: ""
+	}), [w, { loading: T, error: E }] = c(y, {
+		refetchQueries: ["ListFeatureRequests"],
+		onCompleted: () => {
+			b("/products/features");
+		}
+	});
+	return x?.roadmaps?.items, /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+					className: "text-2xl font-semibold",
+					children: "New Feature"
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Define a new feature request with business value metrics."
+				})] }), /* @__PURE__ */ d("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ d(f, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => b("/products/features"),
+						children: [/* @__PURE__ */ u(o, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ d(f, {
+						size: "sm",
+						onClick: () => {
+							S.title.trim() && w({ variables: { input: {
+								title: S.title,
+								description: S.description || void 0,
+								status: S.status,
+								businessValue: S.businessValue,
+								effortEstimate: S.effortEstimate,
+								tags: S.tags ? S.tags.split(",").map((e) => e.trim()).filter(Boolean) : void 0
+							} } });
+						},
+						disabled: T || !S.title.trim(),
+						children: [T ? /* @__PURE__ */ u(r, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ u(i, { className: "mr-1 h-4 w-4" }), "Create Feature"]
+					})]
+				})]
+			}),
+			E && /* @__PURE__ */ d("div", {
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to create feature: ", E.message]
+			}),
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Feature Details" }) }), /* @__PURE__ */ d(m, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						className: "text-sm font-medium",
+						children: "Title"
+					}), /* @__PURE__ */ u(_, {
+						value: S.title,
+						onChange: (e) => C({
+							...S,
+							title: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. Advanced Search Filters"
+					})] }),
+					/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ u("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]",
+						value: S.description,
+						onChange: (e) => C({
+							...S,
+							description: e.target.value
+						}),
+						placeholder: "Describe the feature and its user value..."
+					})] }),
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							className: "text-sm font-medium",
+							children: "Status"
+						}), /* @__PURE__ */ u("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
+							value: S.status,
+							onChange: (e) => C({
+								...S,
+								status: e.target.value
+							}),
+							children: [
+								"SUBMITTED",
+								"UNDER_REVIEW",
+								"PLANNED",
+								"IN_PROGRESS",
+								"COMPLETED"
+							].map((e) => /* @__PURE__ */ u("option", {
+								value: e,
+								children: e.toLowerCase().replace("_", " ")
+							}, e))
+						})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							className: "text-sm font-medium",
+							children: "Effort Estimate"
+						}), /* @__PURE__ */ u("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
+							value: S.effortEstimate,
+							onChange: (e) => C({
+								...S,
+								effortEstimate: e.target.value
+							}),
+							children: [
+								"small",
+								"medium",
+								"large",
+								"epic"
+							].map((e) => /* @__PURE__ */ u("option", {
+								value: e,
+								children: e
+							}, e))
+						})] })]
+					}),
+					/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						className: "text-sm font-medium",
+						children: "Tags (comma-separated)"
+					}), /* @__PURE__ */ u(_, {
+						value: S.tags,
+						onChange: (e) => C({
+							...S,
+							tags: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. search, ux, performance"
+					})] })
+				]
+			})] }),
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Business Value"]
+			}) }), /* @__PURE__ */ d(m, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ u("label", {
+						className: "text-sm font-medium",
+						children: "Business Value (0-100)"
+					}),
+					/* @__PURE__ */ u(_, {
+						type: "number",
+						min: 0,
+						max: 100,
+						value: S.businessValue,
+						onChange: (e) => C({
+							...S,
+							businessValue: Number(e.target.value)
+						}),
+						className: "mt-1"
+					}),
+					/* @__PURE__ */ u("p", {
+						className: "text-xs text-muted-foreground mt-1",
+						children: "How much business value does this feature deliver?"
+					})
+				] }), /* @__PURE__ */ d("div", {
+					className: "p-4 bg-muted rounded-md text-center",
+					children: [
+						/* @__PURE__ */ u("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Business Value Score"
+						}),
+						/* @__PURE__ */ u("p", {
+							className: "text-3xl font-bold text-primary mt-2",
+							children: S.businessValue
+						}),
+						/* @__PURE__ */ u("p", {
+							className: "text-xs text-muted-foreground",
+							children: "out of 100"
+						})
+					]
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+export { b as ProductsNewFeaturePagePage };
+
+//# sourceMappingURL=ProductsNewFeaturePagePage.js.map

package/dist/planmagnet/pages/ProductsNewFeaturePagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsNewFeaturePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsNewFeaturePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Star, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst LIST_ROADMAPS_FOR_SELECT = gql`\n  query ListRoadmapsForFeatureSelect($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst CREATE_FEATURE_REQUEST = gql`\n  mutation CreateFeatureRequest($input: CreateFeatureRequestInput!) {\n    planmagnetCreateFeatureRequest(input: $input) {\n      id\n      title\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n    }\n  }\n`;\n\nexport function ProductsNewFeaturePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const {\n    data: roadmapsData,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_ROADMAPS_FOR_SELECT, {\n      variables: { workspaceId, pagination: { first: 100 } },\n      skip: !workspaceId,\n    });\n\n  const [form, setForm] = useState({\n    title: '',\n    description: '',\n    status: 'SUBMITTED' as string,\n    businessValue: 50,\n    effortEstimate: 'medium',\n    tags: '',\n  });\n\n  const [createFeature, { loading: saving, error: saveError }] = useMutation(\n    CREATE_FEATURE_REQUEST,\n    {\n      refetchQueries: ['ListFeatureRequests'],\n      onCompleted: () => {\n        navigate('/products/features');\n      },\n    }\n  );\n\n  const statusOptions = [\n    'SUBMITTED',\n    'UNDER_REVIEW',\n    'PLANNED',\n    'IN_PROGRESS',\n    'COMPLETED',\n  ] as const;\n  const efforts = ['small', 'medium', 'large', 'epic'] as const;\n\n  const handleCreate = () => {\n    if (!form.title.trim()) return;\n    createFeature({\n      variables: {\n        input: {\n          title: form.title,\n          description: form.description || undefined,\n          status: form.status,\n          businessValue: form.businessValue,\n          effortEstimate: form.effortEstimate,\n          tags: form.tags\n            ? form.tags\n                .split(',')\n                .map((t) => t.trim())\n                .filter(Boolean)\n            : undefined,\n        },\n      },\n    });\n  };\n\n  const roadmaps = roadmapsData?.roadmaps?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">New Feature</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Define a new feature request with business value metrics.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/features')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate} disabled={saving || !form.title.trim()}>\n            {saving ? (\n              <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"mr-1 h-4 w-4\" />\n            )}\n            Create Feature\n          </Button>\n        </div>\n      </div>\n\n      {saveError && (\n        <div className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create feature: {saveError.message}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Feature Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Title</label>\n            <Input\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Advanced Search Filters\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the feature and its user value...\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Status</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n              >\n                {statusOptions.map((s) => (\n                  <option key={s} value={s}>\n                    {s.toLowerCase().replace('_', ' ')}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Effort Estimate</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.effortEstimate}\n                onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n              >\n                {efforts.map((e) => (\n                  <option key={e} value={e}>\n                    {e}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Tags (comma-separated)</label>\n            <Input\n              value={form.tags}\n              onChange={(e) => setForm({ ...form, tags: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. search, ux, performance\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Star className=\"h-4 w-4\" />\n            Business Value\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Business Value (0-100)</label>\n            <Input\n              type=\"number\"\n              min={0}\n              max={100}\n              value={form.businessValue}\n              onChange={(e) => setForm({ ...form, businessValue: Number(e.target.value) })}\n              className=\"mt-1\"\n            />\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              How much business value does this feature deliver?\n            </p>\n          </div>\n\n          <div className=\"p-4 bg-muted rounded-md text-center\">\n            <p className=\"text-xs text-muted-foreground\">Business Value Score</p>\n            <p className=\"text-3xl font-bold text-primary mt-2\">{form.businessValue}</p>\n            <p className=\"text-xs text-muted-foreground\">out of 100</p>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAA2B,CAAG;;;;;;;;;GAW9B,IAAyB,CAAG;;;;;;;;;;;;AAalC,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAElC,EACJ,MAAM,MAGN,EAA8B,GAA0B;EACtD,WAAW;GAAE;GAAa,YAAY,EAAE,OAAO,KAAK;GAAE;EACtD,MAAM,CAAC;EACR,CAAC,EAEE,CAAC,GAAM,KAAW,EAAS;EAC/B,OAAO;EACP,aAAa;EACb,QAAQ;EACR,eAAe;EACf,gBAAgB;EAChB,MAAM;EACP,CAAC,EAEI,CAAC,GAAe,EAAE,SAAS,GAAQ,OAAO,OAAe,EAC7D,GACA;EACE,gBAAgB,CAAC,sBAAsB;EACvC,mBAAmB;AACjB,KAAS,qBAAqB;;EAEjC,CACF;AAkCD,QAFiB,GAAc,UAAU,OAGvC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAgB,CAAA,EACvD,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,EAAS,qBAAqB;gBAAjF,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;SACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,eArCC;AACpB,SAAK,MAAM,MAAM,IACtB,EAAc,EACZ,WAAW,EACT,OAAO;QACL,OAAO,EAAK;QACZ,aAAa,EAAK,eAAe,KAAA;QACjC,QAAQ,EAAK;QACb,eAAe,EAAK;QACpB,gBAAgB,EAAK;QACrB,MAAM,EAAK,OACP,EAAK,KACF,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ,GAClB,KAAA;QACL,EACF,EACF,CAAC;;MAmB6C,UAAU,KAAU,CAAC,EAAK,MAAM,MAAM;gBAA/E,CACG,IACC,kBAAC,GAAD,EAAS,WAAU,6BAA8B,CAAA,GAEjD,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EACjC,iBAEK;QACL;OACF;;GAEL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CAA2E,8BAC9C,EAAU,QACjC;;GAGR,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAa,CAAA,EACpD,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,OAAO,EAAE,OAAO;OAAO,CAAC;MAC5D,WAAU;MACV,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAmB,CAAA,EAC1D,kBAAC,YAAD;MACE,WAAU;MACV,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,aAAa,EAAE,OAAO;OAAO,CAAC;MAClE,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAc,CAAA,EACrD,kBAAC,UAAD;OACE,WAAU;OACV,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,QAAQ,EAAE,OAAO;QAAO,CAAC;iBA5FrD;QACpB;QACA;QACA;QACA;QACA;QACD,CAwF4B,KAAK,MAClB,kBAAC,UAAD;QAAgB,OAAO;kBACpB,EAAE,aAAa,CAAC,QAAQ,KAAK,IAAI;QAC3B,EAFI,EAEJ,CACT;OACK,CAAA,CACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAuB,CAAA,EAC9D,kBAAC,UAAD;OACE,WAAU;OACV,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,gBAAgB,EAAE,OAAO;QAAO,CAAC;iBAnGnE;QAAC;QAAS;QAAU;QAAS;QAAO,CAqG7B,KAAK,MACZ,kBAAC,UAAD;QAAgB,OAAO;kBACpB;QACM,EAFI,EAEJ,CACT;OACK,CAAA,CACL,EAAA,CAAA,CACF;;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAA8B,CAAA,EACrE,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,MAAM,EAAE,OAAO;OAAO,CAAC;MAC3D,WAAU;MACV,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACM;MACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,iBAElB;OACD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAA8B,CAAA;KACrE,kBAAC,GAAD;MACE,MAAK;MACL,KAAK;MACL,KAAK;MACL,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,eAAe,OAAO,EAAE,OAAO,MAAM;OAAE,CAAC;MAC5E,WAAU;MACV,CAAA;KACF,kBAAC,KAAD;MAAG,WAAU;gBAAqC;MAE9C,CAAA;KACA,EAAA,CAAA,EAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAwB,CAAA;MACrE,kBAAC,KAAD;OAAG,WAAU;iBAAwC,EAAK;OAAkB,CAAA;MAC5E,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAc,CAAA;MACvD;OACM;MACT,EAAA,CAAA;GACH"}

package/dist/planmagnet/pages/ProductsProductDetailPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function ProductsProductDetailPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductsProductDetailPagePage.d.ts.map

package/dist/planmagnet/pages/ProductsProductDetailPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAgGA,wBAAgB,6BAA6B,4CA2N5C"}

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js

@@ -0,0 +1,288 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { Calendar as t, GitBranch as n, Loader2 as r, Map as i, Star as a, Users as o } from "lucide-react";
+import { useParams as s } from "react-router-dom";
+import { gql as c } from "@apollo/client";
+import { useQuery as l } from "@apollo/client/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsProductDetailPagePage.tsx
+var _ = c`
+  query GetRoadmapDetail($id: ID!) {
+    planmagnetRoadmap(id: $id) {
+      id
+      workspaceId
+      name
+      description
+      type
+      isPublic
+      ownerId
+      createdAt
+      updatedAt
+      items {
+        id
+        title
+        description
+        status
+        startDate
+        endDate
+        color
+        swimlane
+        sortOrder
+      }
+    }
+  }
+`, v = c`
+  query ListFeatureRequestsForProduct($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        title
+        description
+        status
+        priorityScore
+        voteCount
+        businessValue
+        createdAt
+      }
+      totalCount
+    }
+  }
+`, y = c`
+  query ListReleasesForProduct($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        version
+        status
+        plannedDate
+      }
+      totalCount
+    }
+  }
+`;
+function b() {
+	let { workspaceId: c } = e(), b = s().id ?? "", { data: x, loading: S, error: C } = l(_, {
+		variables: { id: b },
+		skip: !b
+	}), { data: w } = l(v, {
+		variables: {
+			workspaceId: c,
+			pagination: { first: 20 }
+		},
+		skip: !c
+	}), { data: T } = l(y, {
+		variables: {
+			workspaceId: c,
+			pagination: { first: 20 }
+		},
+		skip: !c
+	});
+	if (S) return /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ u(r, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (C) return /* @__PURE__ */ d("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load product: ", C.message]
+	});
+	let E = x?.planmagnetRoadmap;
+	if (!E) return /* @__PURE__ */ u("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Product not found."
+	});
+	let D = E.items ?? [], O = w?.featureRequests?.items ?? [], k = T?.releases?.items ?? [], A = w?.featureRequests?.totalCount ?? 0, j = T?.releases?.totalCount ?? 0;
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ u("div", { className: `h-3 w-3 rounded-full ${{
+						TIMELINE: "bg-green-500",
+						GANTT: "bg-blue-500",
+						SWIMLANE: "bg-yellow-500",
+						CUSTOM: "bg-purple-500"
+					}[E.type] ?? "bg-gray-400"}` }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+						className: "text-2xl font-semibold",
+						children: E.name
+					}), /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground",
+						children: E.description ?? "No description"
+					})] })]
+				}), /* @__PURE__ */ u(f, {
+					className: "capitalize",
+					children: E.type.toLowerCase()
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					{
+						label: "Roadmap Items",
+						value: D.length,
+						icon: a
+					},
+					{
+						label: "Releases",
+						value: j,
+						icon: n
+					},
+					{
+						label: "Features",
+						value: A,
+						icon: i
+					},
+					{
+						label: "Owner",
+						value: E.ownerId,
+						icon: o
+					}
+				].map((e) => /* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
+					className: "pt-4",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-2 text-muted-foreground text-sm",
+						children: [/* @__PURE__ */ u(e.icon, { className: "h-4 w-4" }), e.label]
+					}), /* @__PURE__ */ u("p", {
+						className: "text-xl font-semibold mt-1",
+						children: e.value
+					})]
+				}) }, e.label))
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ d("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
+						"Feature Requests (",
+						O.length,
+						")"
+					] }) }), /* @__PURE__ */ d(m, {
+						className: "space-y-3",
+						children: [O.length === 0 && /* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No feature requests yet."
+						}), O.map((e) => /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-between rounded-md border p-3",
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ d("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									"Votes: ",
+									e.voteCount,
+									" · Business Value: ",
+									e.businessValue ?? "N/A"
+								]
+							})] }), /* @__PURE__ */ u("div", {
+								className: "flex items-center gap-2",
+								children: /* @__PURE__ */ u(f, {
+									variant: "secondary",
+									className: "capitalize text-xs",
+									children: e.status.toLowerCase().replace("_", " ")
+								})
+							})]
+						}, e.id))]
+					})] }), /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
+						"Roadmap Items (",
+						D.length,
+						")"
+					] }) }), /* @__PURE__ */ d(m, {
+						className: "space-y-3",
+						children: [D.length === 0 && /* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No roadmap items linked."
+						}), D.map((e) => /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-between rounded-md border p-3",
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ d("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.startDate ? new Date(e.startDate).toLocaleDateString() : "No start date",
+									" - ",
+									e.endDate ? new Date(e.endDate).toLocaleDateString() : "No end date"
+								]
+							})] }), /* @__PURE__ */ u(f, {
+								variant: "outline",
+								className: "capitalize text-xs",
+								children: e.status.toLowerCase().replace("_", " ")
+							})]
+						}, e.id))]
+					})] })]
+				}), /* @__PURE__ */ d("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Recent Releases" }) }), /* @__PURE__ */ d(m, {
+						className: "space-y-3",
+						children: [k.length === 0 && /* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No releases yet."
+						}), k.map((e) => /* @__PURE__ */ d("div", {
+							className: "border-b pb-2 last:border-0 last:pb-0",
+							children: [
+								/* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ u("span", {
+										className: "text-sm font-medium",
+										children: e.version
+									}), /* @__PURE__ */ u(f, {
+										variant: "outline",
+										className: "text-xs capitalize",
+										children: e.status.toLowerCase().replace("_", " ")
+									})]
+								}),
+								/* @__PURE__ */ u("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.name
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ u(t, { className: "h-3 w-3" }), e.plannedDate ? new Date(e.plannedDate).toLocaleDateString() : "No date set"]
+								})
+							]
+						}, e.id))]
+					})] }), /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Created"
+								}), /* @__PURE__ */ u("span", { children: new Date(E.createdAt).toLocaleDateString() })]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Updated"
+								}), /* @__PURE__ */ u("span", { children: new Date(E.updatedAt).toLocaleDateString() })]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Owner"
+								}), /* @__PURE__ */ u("span", { children: E.ownerId })]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Visibility"
+								}), /* @__PURE__ */ u("span", { children: E.isPublic ? "Public" : "Private" })]
+							})
+						]
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { b as ProductsProductDetailPagePage };
+
+//# sourceMappingURL=ProductsProductDetailPagePage.js.map

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsProductDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Package, GitBranch, Map, Star, Users, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router-dom';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetail($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n      }\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS_FOR_PRODUCT = gql`\n  query ListFeatureRequestsForProduct($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        title\n        description\n        status\n        priorityScore\n        voteCount\n        businessValue\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst LIST_RELEASES_FOR_PRODUCT = gql`\n  query ListReleasesForProduct($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        version\n        status\n        plannedDate\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface FeatureRequestNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  priorityScore: number | null;\n  voteCount: number;\n  businessValue: number | null;\n}\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n}\n\nexport function ProductsProductDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  const {\n    data: featuresData,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_FEATURE_REQUESTS_FOR_PRODUCT, {\n      variables: { workspaceId, pagination: { first: 20 } },\n      skip: !workspaceId,\n    });\n\n  const {\n    data: releasesData,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES_FOR_PRODUCT, {\n      variables: { workspaceId, pagination: { first: 20 } },\n      skip: !workspaceId,\n    });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load product: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Product not found.</div>;\n\n  const roadmapItems: RoadmapItemNode[] = roadmap.items ?? [];\n  const features: FeatureRequestNode[] = featuresData?.featureRequests?.items ?? [];\n  const releases: ReleaseNode[] = releasesData?.releases?.items ?? [];\n  const totalFeatures = featuresData?.featureRequests?.totalCount ?? 0;\n  const totalReleases = releasesData?.releases?.totalCount ?? 0;\n\n  const typeColor: Record<string, string> = {\n    TIMELINE: 'bg-green-500',\n    GANTT: 'bg-blue-500',\n    SWIMLANE: 'bg-yellow-500',\n    CUSTOM: 'bg-purple-500',\n  };\n\n  const statusColor: Record<string, string> = {\n    SUBMITTED: 'bg-gray-100 text-gray-800',\n    UNDER_REVIEW: 'bg-yellow-100 text-yellow-800',\n    PLANNED: 'bg-blue-100 text-blue-800',\n    IN_PROGRESS: 'bg-purple-100 text-purple-800',\n    COMPLETED: 'bg-green-100 text-green-800',\n    DECLINED: 'bg-red-100 text-red-800',\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <div className={`h-3 w-3 rounded-full ${typeColor[roadmap.type] ?? 'bg-gray-400'}`} />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              {roadmap.description ?? 'No description'}\n            </p>\n          </div>\n        </div>\n        <Badge className=\"capitalize\">{roadmap.type.toLowerCase()}</Badge>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {[\n          { label: 'Roadmap Items', value: roadmapItems.length, icon: Star },\n          { label: 'Releases', value: totalReleases, icon: GitBranch },\n          { label: 'Features', value: totalFeatures, icon: Map },\n          { label: 'Owner', value: roadmap.ownerId, icon: Users },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n                <s.icon className=\"h-4 w-4\" />\n                {s.label}\n              </div>\n              <p className=\"text-xl font-semibold mt-1\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Feature Requests ({features.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {features.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No feature requests yet.</p>\n              )}\n              {features.map((f) => (\n                <div key={f.id} className=\"flex items-center justify-between rounded-md border p-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{f.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Votes: {f.voteCount} &middot; Business Value: {f.businessValue ?? 'N/A'}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Badge variant=\"secondary\" className=\"capitalize text-xs\">\n                      {f.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Roadmap Items ({roadmapItems.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {roadmapItems.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No roadmap items linked.</p>\n              )}\n              {roadmapItems.map((item) => (\n                <div\n                  key={item.id}\n                  className=\"flex items-center justify-between rounded-md border p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {item.startDate\n                        ? new Date(item.startDate).toLocaleDateString()\n                        : 'No start date'}\n                      {' - '}\n                      {item.endDate ? new Date(item.endDate).toLocaleDateString() : 'No end date'}\n                    </p>\n                  </div>\n                  <Badge variant=\"outline\" className=\"capitalize text-xs\">\n                    {item.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Recent Releases</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {releases.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No releases yet.</p>\n              )}\n              {releases.map((r) => (\n                <div key={r.id} className=\"border-b pb-2 last:border-0 last:pb-0\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm font-medium\">{r.version}</span>\n                    <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                      {r.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{r.name}</p>\n                  <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {r.plannedDate ? new Date(r.plannedDate).toLocaleDateString() : 'No date set'}\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>{roadmap.ownerId}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Visibility</span>\n                <span>{roadmap.isPublic ? 'Public' : 'Private'}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;GA2BjB,IAAoC,CAAG;;;;;;;;;;;;;;;;GAkBvC,IAA4B,CAAG;;;;;;;;;;;;;;AA0CrC,SAAgB,IAAgC;CAC9C,IAAM,EAAE,mBAAgB,GAAe,EAEjC,IADS,GAA2B,CACjB,MAAM,IAEzB,EACJ,SACA,YACA,aAGA,EAA8B,GAAa;EACzC,WAAW,EAAE,IAAI,GAAW;EAC5B,MAAM,CAAC;EACR,CAAC,EAEE,EACJ,MAAM,MAGN,EAA8B,GAAmC;EAC/D,WAAW;GAAE;GAAa,YAAY,EAAE,OAAO,IAAI;GAAE;EACrD,MAAM,CAAC;EACR,CAAC,EAEE,EACJ,MAAM,MAGN,EAA8B,GAA2B;EACvD,WAAW;GAAE;GAAa,YAAY,EAAE,OAAO,IAAI;GAAE;EACrD,MAAM,CAAC;EACR,CAAC;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,4BAAyB,EAAM,QAAc;;CAG5F,IAAM,IAAU,GAAM;AACtB,KAAI,CAAC,EAAS,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAwB,CAAA;CAExF,IAAM,IAAkC,EAAQ,SAAS,EAAE,EACrD,IAAiC,GAAc,iBAAiB,SAAS,EAAE,EAC3E,IAA0B,GAAc,UAAU,SAAS,EAAE,EAC7D,IAAgB,GAAc,iBAAiB,cAAc,GAC7D,IAAgB,GAAc,UAAU,cAAc;AAkB5D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAK,WAAW,wBApBkB;MACxC,UAAU;MACV,OAAO;MACP,UAAU;MACV,QAAQ;MACT,CAeyD,EAAQ,SAAS,iBAAmB,CAAA,EACtF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA0B,EAAQ;MAAU,CAAA,EAC1D,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAQ,eAAe;MACtB,CAAA,CACA,EAAA,CAAA,CACF;QACN,kBAAC,GAAD;KAAO,WAAU;eAAc,EAAQ,KAAK,aAAa;KAAS,CAAA,CAC9D;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MAAE,OAAO;MAAiB,OAAO,EAAa;MAAQ,MAAM;MAAM;KAClE;MAAE,OAAO;MAAY,OAAO;MAAe,MAAM;MAAW;KAC5D;MAAE,OAAO;MAAY,OAAO;MAAe,MAAM;MAAK;KACtD;MAAE,OAAO;MAAS,OAAO,EAAQ;MAAS,MAAM;MAAO;KACxD,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,EAAE,MAAH,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAE,MACC;SACN,kBAAC,KAAD;MAAG,WAAU;gBAA8B,EAAE;MAAU,CAAA,CAC3C;QACT,EARI,EAAE,MAQN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;MAAW;MAAmB,EAAS;MAAO;MAAa,EAAA,CAAA,EAChD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAS,WAAW,KACnB,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAA4B,CAAA,EAE1E,EAAS,KAAK,MACb,kBAAC,OAAD;OAAgB,WAAU;iBAA1B,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAE;QAAU,CAAA,EAChD,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA6C;SACnC,EAAE;SAAU;SAA2B,EAAE,iBAAiB;SAChE;UACA,EAAA,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SAAO,SAAQ;SAAY,WAAU;mBAClC,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;SACnC,CAAA;QACJ,CAAA,CACF;SAZI,EAAE,GAYN,CACN,CACU;QACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;MAAW;MAAgB,EAAa;MAAO;MAAa,EAAA,CAAA,EACjD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAa,WAAW,KACvB,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAA4B,CAAA,EAE1E,EAAa,KAAK,MACjB,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAK;QAAU,CAAA,EACnD,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAK,YACF,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB,GAC7C;SACH;SACA,EAAK,UAAU,IAAI,KAAK,EAAK,QAAQ,CAAC,oBAAoB,GAAG;SAC5D;UACA,EAAA,CAAA,EACN,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACtC,CAAA,CACJ;SAhBC,EAAK,GAgBN,CACN,CACU;QACT,EAAA,CAAA,CACH;QAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAS,WAAW,KACnB,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAoB,CAAA,EAElE,EAAS,KAAK,MACb,kBAAC,OAAD;OAAgB,WAAU;iBAA1B;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAuB,EAAE;UAAe,CAAA,EACxD,kBAAC,GAAD;UAAO,SAAQ;UAAU,WAAU;oBAChC,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;UACnC,CAAA,CACJ;;QACN,kBAAC,KAAD;SAAG,WAAU;mBAAiC,EAAE;SAAS,CAAA;QACzD,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAE,cAAc,IAAI,KAAK,EAAE,YAAY,CAAC,oBAAoB,GAAG,cAC5D;;QACF;SAZI,EAAE,GAYN,CACN,CACU;QACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAY,CAAA,EACpD,kBAAC,QAAD,EAAA,UAAO,EAAQ,SAAe,CAAA,CAC1B;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAiB,CAAA,EACzD,kBAAC,QAAD,EAAA,UAAO,EAAQ,WAAW,WAAW,WAAiB,CAAA,CAClD;;OACM;QACT,EAAA,CAAA,CACH;OACF;;GACF"}

package/dist/planmagnet/pages/ProductsProductsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function ProductsProductsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductsProductsPagePage.d.ts.map

package/dist/planmagnet/pages/ProductsProductsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsProductsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,wBAAwB,4CAsLvC"}