@pfm-platform/partners-ui-mui 0.1.1

package/dist/index.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var material = require('@mui/material');
+var partnersFeature = require('@pfm-platform/partners-feature');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/PartnerInfo.tsx
+function PartnerInfo({
+  title = "Partner Information",
+  showFeatures = true
+}) {
+  const config = partnersFeature.usePartnerConfig();
+  const features = partnersFeature.usePartnerFeatures();
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "text.secondary", children: "Loading partner information..." }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Product Name" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", fontWeight: "medium", children: config.productName })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Domain" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: config.domain })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: showFeatures && features ? 2 : 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Environment" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Chip,
+        {
+          label: config.isDemo ? "Demo" : "Production",
+          color: config.isDemo ? "warning" : "success",
+          size: "small"
+        }
+      )
+    ] }),
+    showFeatures && features && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Available Features" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+        features.alertsEnabled && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "Alerts", size: "small", variant: "outlined" }),
+        features.hasAggregation && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "Aggregation", size: "small", variant: "outlined" }),
+        features.hasMobile && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "Mobile", size: "small", variant: "outlined" }),
+        !features.alertsEnabled && !features.hasAggregation && !features.hasMobile && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No optional features enabled" })
+      ] })
+    ] })
+  ] }) });
+}
+
+exports.PartnerInfo = PartnerInfo;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PartnerInfo.tsx"],"names":["usePartnerConfig","usePartnerFeatures","jsx","Card","CardContent","Typography","jsxs","Box","Chip"],"mappings":"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","file":"index.cjs","sourcesContent":["import { Box, Card, CardContent, Chip, Typography } from '@mui/material';\nimport { usePartnerConfig, usePartnerFeatures } from '@pfm-platform/partners-feature';\n\nexport interface PartnerInfoProps {\n  /**\n   * Optional title for the card\n   * @default \"Partner Information\"\n   */\n  title?: string;\n\n  /**\n   * Show feature flags section\n   * @default true\n   */\n  showFeatures?: boolean;\n}\n\n/**\n * Display partner configuration and feature information\n *\n * Shows:\n * - Product name and domain\n * - Demo environment indicator\n * - Available features (alerts, aggregation, mobile)\n *\n * Uses feature hooks for business logic\n */\nexport function PartnerInfo({\n  title = 'Partner Information',\n  showFeatures = true\n}: PartnerInfoProps) {\n  const config = usePartnerConfig();\n  const features = usePartnerFeatures();\n\n  if (!config) {\n    return (\n      <Card>\n        <CardContent>\n          <Typography color=\"text.secondary\">\n            Loading partner information...\n          </Typography>\n        </CardContent>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h6\" gutterBottom>\n          {title}\n        </Typography>\n\n        <Box sx={{ mb: 2 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Product Name\n          </Typography>\n          <Typography variant=\"body1\" fontWeight=\"medium\">\n            {config.productName}\n          </Typography>\n        </Box>\n\n        <Box sx={{ mb: 2 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Domain\n          </Typography>\n          <Typography variant=\"body1\">\n            {config.domain}\n          </Typography>\n        </Box>\n\n        <Box sx={{ mb: showFeatures && features ? 2 : 0 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n            Environment\n          </Typography>\n          <Chip\n            label={config.isDemo ? 'Demo' : 'Production'}\n            color={config.isDemo ? 'warning' : 'success'}\n            size=\"small\"\n          />\n        </Box>\n\n        {showFeatures && features && (\n          <Box>\n            <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n              Available Features\n            </Typography>\n            <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n              {features.alertsEnabled && (\n                <Chip label=\"Alerts\" size=\"small\" variant=\"outlined\" />\n              )}\n              {features.hasAggregation && (\n                <Chip label=\"Aggregation\" size=\"small\" variant=\"outlined\" />\n              )}\n              {features.hasMobile && (\n                <Chip label=\"Mobile\" size=\"small\" variant=\"outlined\" />\n              )}\n              {!features.alertsEnabled && !features.hasAggregation && !features.hasMobile && (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  No optional features enabled\n                </Typography>\n              )}\n            </Box>\n          </Box>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PartnerInfoProps {
+    /**
+     * Optional title for the card
+     * @default "Partner Information"
+     */
+    title?: string;
+    /**
+     * Show feature flags section
+     * @default true
+     */
+    showFeatures?: boolean;
+}
+/**
+ * Display partner configuration and feature information
+ *
+ * Shows:
+ * - Product name and domain
+ * - Demo environment indicator
+ * - Available features (alerts, aggregation, mobile)
+ *
+ * Uses feature hooks for business logic
+ */
+declare function PartnerInfo({ title, showFeatures }: PartnerInfoProps): react_jsx_runtime.JSX.Element;
+
+export { PartnerInfo, type PartnerInfoProps };

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PartnerInfoProps {
+    /**
+     * Optional title for the card
+     * @default "Partner Information"
+     */
+    title?: string;
+    /**
+     * Show feature flags section
+     * @default true
+     */
+    showFeatures?: boolean;
+}
+/**
+ * Display partner configuration and feature information
+ *
+ * Shows:
+ * - Product name and domain
+ * - Demo environment indicator
+ * - Available features (alerts, aggregation, mobile)
+ *
+ * Uses feature hooks for business logic
+ */
+declare function PartnerInfo({ title, showFeatures }: PartnerInfoProps): react_jsx_runtime.JSX.Element;
+
+export { PartnerInfo, type PartnerInfoProps };

package/dist/index.js

@@ -0,0 +1,50 @@
+import { Card, CardContent, Typography, Box, Chip } from '@mui/material';
+import { usePartnerConfig, usePartnerFeatures } from '@pfm-platform/partners-feature';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/PartnerInfo.tsx
+function PartnerInfo({
+  title = "Partner Information",
+  showFeatures = true
+}) {
+  const config = usePartnerConfig();
+  const features = usePartnerFeatures();
+  if (!config) {
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { color: "text.secondary", children: "Loading partner information..." }) }) });
+  }
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Product Name" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: "medium", children: config.productName })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Domain" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: config.domain })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: { mb: showFeatures && features ? 2 : 0 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Environment" }),
+      /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: config.isDemo ? "Demo" : "Production",
+          color: config.isDemo ? "warning" : "success",
+          size: "small"
+        }
+      )
+    ] }),
+    showFeatures && features && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Available Features" }),
+      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+        features.alertsEnabled && /* @__PURE__ */ jsx(Chip, { label: "Alerts", size: "small", variant: "outlined" }),
+        features.hasAggregation && /* @__PURE__ */ jsx(Chip, { label: "Aggregation", size: "small", variant: "outlined" }),
+        features.hasMobile && /* @__PURE__ */ jsx(Chip, { label: "Mobile", size: "small", variant: "outlined" }),
+        !features.alertsEnabled && !features.hasAggregation && !features.hasMobile && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No optional features enabled" })
+      ] })
+    ] })
+  ] }) });
+}
+
+export { PartnerInfo };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PartnerInfo.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { Box, Card, CardContent, Chip, Typography } from '@mui/material';\nimport { usePartnerConfig, usePartnerFeatures } from '@pfm-platform/partners-feature';\n\nexport interface PartnerInfoProps {\n  /**\n   * Optional title for the card\n   * @default \"Partner Information\"\n   */\n  title?: string;\n\n  /**\n   * Show feature flags section\n   * @default true\n   */\n  showFeatures?: boolean;\n}\n\n/**\n * Display partner configuration and feature information\n *\n * Shows:\n * - Product name and domain\n * - Demo environment indicator\n * - Available features (alerts, aggregation, mobile)\n *\n * Uses feature hooks for business logic\n */\nexport function PartnerInfo({\n  title = 'Partner Information',\n  showFeatures = true\n}: PartnerInfoProps) {\n  const config = usePartnerConfig();\n  const features = usePartnerFeatures();\n\n  if (!config) {\n    return (\n      <Card>\n        <CardContent>\n          <Typography color=\"text.secondary\">\n            Loading partner information...\n          </Typography>\n        </CardContent>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h6\" gutterBottom>\n          {title}\n        </Typography>\n\n        <Box sx={{ mb: 2 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Product Name\n          </Typography>\n          <Typography variant=\"body1\" fontWeight=\"medium\">\n            {config.productName}\n          </Typography>\n        </Box>\n\n        <Box sx={{ mb: 2 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Domain\n          </Typography>\n          <Typography variant=\"body1\">\n            {config.domain}\n          </Typography>\n        </Box>\n\n        <Box sx={{ mb: showFeatures && features ? 2 : 0 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n            Environment\n          </Typography>\n          <Chip\n            label={config.isDemo ? 'Demo' : 'Production'}\n            color={config.isDemo ? 'warning' : 'success'}\n            size=\"small\"\n          />\n        </Box>\n\n        {showFeatures && features && (\n          <Box>\n            <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n              Available Features\n            </Typography>\n            <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n              {features.alertsEnabled && (\n                <Chip label=\"Alerts\" size=\"small\" variant=\"outlined\" />\n              )}\n              {features.hasAggregation && (\n                <Chip label=\"Aggregation\" size=\"small\" variant=\"outlined\" />\n              )}\n              {features.hasMobile && (\n                <Chip label=\"Mobile\" size=\"small\" variant=\"outlined\" />\n              )}\n              {!features.alertsEnabled && !features.hasAggregation && !features.hasMobile && (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  No optional features enabled\n                </Typography>\n              )}\n            </Box>\n          </Box>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@pfm-platform/partners-ui-mui",
+  "version": "0.1.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/x-charts": "8.18.0",
+    "@pfm-platform/partners-data-access": "0.1.1",
+    "@pfm-platform/partners-feature": "0.1.1",
+    "@pfm-platform/shared": "0.0.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "19.2.5",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.9",
+    "jsdom": "^27.2.0",
+    "vitest": "4.0.9"
+  },
+  "peerDependencies": {
+    "@mui/material": "^7.3.5",
+    "react": "19.2.0"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "description": "Personal Finance Management - PARTNERS ui-mui layer",
+  "keywords": [
+    "pfm",
+    "finance",
+    "partners",
+    "ui-mui",
+    "react",
+    "typescript"
+  ],
+  "author": "Lenny Miller",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lennylmiller/pfm-research",
+    "directory": "packages/partners/ui-mui"
+  },
+  "bugs": "https://github.com/lennylmiller/pfm-research/issues",
+  "homepage": "https://github.com/lennylmiller/pfm-research#readme",
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean"
+  }
+}