@consilioweb/payload-support 0.6.1 → 0.6.3

package/dist/views/shared/ErrorBoundary.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+class AdminErrorBoundary extends React__default.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(`[${this.props.viewName || "AdminView"}] Error:`, error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        padding: "40px",
+        textAlign: "center",
+        color: "#dc2626"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "16px", fontSize: "18px" }, children: "Une erreur est survenue" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "24px", color: "#6b7280", fontSize: "14px" }, children: this.state.error?.message || "Erreur inattendue" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => this.setState({ hasError: false, error: null }),
+            style: {
+              padding: "8px 20px",
+              backgroundColor: "#2563eb",
+              color: "#fff",
+              border: "none",
+              borderRadius: "6px",
+              cursor: "pointer",
+              fontSize: "14px"
+            },
+            children: "Reessayer"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+}
+
+exports.AdminErrorBoundary = AdminErrorBoundary;

package/dist/views/shared/ErrorBoundary.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+
+class AdminErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(`[${this.props.viewName || "AdminView"}] Error:`, error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxs("div", { style: {
+        padding: "40px",
+        textAlign: "center",
+        color: "#dc2626"
+      }, children: [
+        /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px", fontSize: "18px" }, children: "Une erreur est survenue" }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "24px", color: "#6b7280", fontSize: "14px" }, children: this.state.error?.message || "Erreur inattendue" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => this.setState({ hasError: false, error: null }),
+            style: {
+              padding: "8px 20px",
+              backgroundColor: "#2563eb",
+              color: "#fff",
+              border: "none",
+              borderRadius: "6px",
+              cursor: "pointer",
+              fontSize: "14px"
+            },
+            children: "Reessayer"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+}
+
+export { AdminErrorBoundary };

package/dist/views/shared/Skeleton.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const styleId = "skeleton-shimmer-style";
+function injectSkeletonStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(styleId)) return;
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = `
+    @keyframes skeleton-shimmer {
+      0% { background-position: 200% 0; }
+      100% { background-position: -200% 0; }
+    }
+  `;
+  document.head.appendChild(style);
+}
+function Skeleton({ width = "100%", height = "20px", borderRadius = "4px", style }) {
+  react.useEffect(() => {
+    injectSkeletonStyles();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        width,
+        height,
+        borderRadius,
+        background: "linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)",
+        backgroundSize: "200% 100%",
+        animation: "skeleton-shimmer 1.5s infinite",
+        ...style
+      }
+    }
+  );
+}
+function SkeletonText({ lines = 3, width = "100%" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", width }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "16px", width: i === lines - 1 ? "60%" : "100%" }, i)) });
+}
+function SkeletonCard({ height = "200px" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    padding: "20px",
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    minHeight: height
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "24px", width: "40%" }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonText, { lines: 3 }),
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "32px", width: "120px", borderRadius: "6px" })
+  ] });
+}
+function SkeletonTable({ rows = 5, columns = 4 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "16px", padding: "12px 0", borderBottom: "2px solid #e5e7eb" }, children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "16px", width: `${100 / columns}%` }, i)) }),
+    Array.from({ length: rows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "16px", padding: "12px 0", borderBottom: "1px solid #f3f4f6" }, children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "14px", width: `${100 / columns}%` }, colIdx)) }, rowIdx))
+  ] });
+}
+function SkeletonDashboard() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", padding: "20px 0" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))", gap: "16px" }, children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px", border: "1px solid #e5e7eb", borderRadius: "8px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "14px", width: "60%", style: { marginBottom: "8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { height: "32px", width: "40%" })
+    ] }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonTable, { rows: 5, columns: 4 })
+  ] });
+}
+
+exports.Skeleton = Skeleton;
+exports.SkeletonCard = SkeletonCard;
+exports.SkeletonDashboard = SkeletonDashboard;
+exports.SkeletonTable = SkeletonTable;
+exports.SkeletonText = SkeletonText;

package/dist/views/shared/Skeleton.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+
+const styleId = "skeleton-shimmer-style";
+function injectSkeletonStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(styleId)) return;
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = `
+    @keyframes skeleton-shimmer {
+      0% { background-position: 200% 0; }
+      100% { background-position: -200% 0; }
+    }
+  `;
+  document.head.appendChild(style);
+}
+function Skeleton({ width = "100%", height = "20px", borderRadius = "4px", style }) {
+  useEffect(() => {
+    injectSkeletonStyles();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width,
+        height,
+        borderRadius,
+        background: "linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)",
+        backgroundSize: "200% 100%",
+        animation: "skeleton-shimmer 1.5s infinite",
+        ...style
+      }
+    }
+  );
+}
+function SkeletonText({ lines = 3, width = "100%" }) {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", width }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: i === lines - 1 ? "60%" : "100%" }, i)) });
+}
+function SkeletonCard({ height = "200px" }) {
+  return /* @__PURE__ */ jsxs("div", { style: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    padding: "20px",
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    minHeight: height
+  }, children: [
+    /* @__PURE__ */ jsx(Skeleton, { height: "24px", width: "40%" }),
+    /* @__PURE__ */ jsx(SkeletonText, { lines: 3 }),
+    /* @__PURE__ */ jsx(Skeleton, { height: "32px", width: "120px", borderRadius: "6px" })
+  ] });
+}
+function SkeletonTable({ rows = 5, columns = 4 }) {
+  return /* @__PURE__ */ jsxs("div", { style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "16px", padding: "12px 0", borderBottom: "2px solid #e5e7eb" }, children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: `${100 / columns}%` }, i)) }),
+    Array.from({ length: rows }).map((_, rowIdx) => /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "16px", padding: "12px 0", borderBottom: "1px solid #f3f4f6" }, children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ jsx(Skeleton, { height: "14px", width: `${100 / columns}%` }, colIdx)) }, rowIdx))
+  ] });
+}
+function SkeletonDashboard() {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", padding: "20px 0" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))", gap: "16px" }, children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { style: { padding: "20px", border: "1px solid #e5e7eb", borderRadius: "8px" }, children: [
+      /* @__PURE__ */ jsx(Skeleton, { height: "14px", width: "60%", style: { marginBottom: "8px" } }),
+      /* @__PURE__ */ jsx(Skeleton, { height: "32px", width: "40%" })
+    ] }, i)) }),
+    /* @__PURE__ */ jsx(SkeletonTable, { rows: 5, columns: 4 })
+  ] });
+}
+
+export { Skeleton, SkeletonCard, SkeletonDashboard, SkeletonTable, SkeletonText };

package/dist/views/shared/adminTokens.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+const V = {
+  text: "var(--theme-text)",
+  textSecondary: "var(--theme-elevation-500)",
+  bg: "var(--theme-elevation-50)",
+  bgCard: "var(--theme-elevation-100)",
+  border: "var(--theme-elevation-300)",
+  // Professional palette
+  blue: "#2563eb",
+  amber: "#d97706",
+  orange: "#ea580c",
+  green: "#16a34a",
+  red: "#dc2626",
+  // Legacy aliases (backward compat for views not yet updated)
+  cyan: "#2563eb",
+  yellow: "#d97706"
+};
+const btnStyle = (bg, opts) => ({
+  padding: opts?.small ? "6px 12px" : "8px 14px",
+  borderRadius: 6,
+  border: `1px solid var(--theme-elevation-300)`,
+  backgroundColor: bg,
+  color: "#fff",
+  fontWeight: 600,
+  fontSize: opts?.small ? 12 : 13,
+  cursor: opts?.disabled ? "not-allowed" : "pointer",
+  opacity: opts?.disabled ? 0.5 : 1,
+  textDecoration: "none",
+  whiteSpace: "nowrap"
+});
+
+exports.V = V;
+exports.btnStyle = btnStyle;

package/dist/views/shared/adminTokens.js

@@ -0,0 +1,31 @@
+const V = {
+  text: "var(--theme-text)",
+  textSecondary: "var(--theme-elevation-500)",
+  bg: "var(--theme-elevation-50)",
+  bgCard: "var(--theme-elevation-100)",
+  border: "var(--theme-elevation-300)",
+  // Professional palette
+  blue: "#2563eb",
+  amber: "#d97706",
+  orange: "#ea580c",
+  green: "#16a34a",
+  red: "#dc2626",
+  // Legacy aliases (backward compat for views not yet updated)
+  cyan: "#2563eb",
+  yellow: "#d97706"
+};
+const btnStyle = (bg, opts) => ({
+  padding: opts?.small ? "6px 12px" : "8px 14px",
+  borderRadius: 6,
+  border: `1px solid var(--theme-elevation-300)`,
+  backgroundColor: bg,
+  color: "#fff",
+  fontWeight: 600,
+  fontSize: opts?.small ? 12 : 13,
+  cursor: opts?.disabled ? "not-allowed" : "pointer",
+  opacity: opts?.disabled ? 0.5 : 1,
+  textDecoration: "none",
+  whiteSpace: "nowrap"
+});
+
+export { V, btnStyle };

package/dist/views/shared/config.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+const DEFAULT_FEATURES = {
+  timeTracking: true,
+  ai: true,
+  satisfaction: true,
+  chat: true,
+  emailTracking: true,
+  canned: true,
+  merge: true,
+  snooze: true,
+  externalMessages: true,
+  clientHistory: true,
+  activityLog: true,
+  splitTicket: true,
+  scheduledReplies: true,
+  autoClose: true,
+  autoCloseDays: 7,
+  roundRobin: false
+};
+const STORAGE_KEY = "ticketing_features";
+function getFeatures() {
+  if (typeof window === "undefined") return DEFAULT_FEATURES;
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      return { ...DEFAULT_FEATURES, ...parsed };
+    }
+  } catch {
+  }
+  return DEFAULT_FEATURES;
+}
+function saveFeatures(features) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(features));
+  } catch {
+  }
+}
+
+exports.DEFAULT_FEATURES = DEFAULT_FEATURES;
+exports.getFeatures = getFeatures;
+exports.saveFeatures = saveFeatures;

package/dist/views/shared/config.js

@@ -0,0 +1,40 @@
+const DEFAULT_FEATURES = {
+  timeTracking: true,
+  ai: true,
+  satisfaction: true,
+  chat: true,
+  emailTracking: true,
+  canned: true,
+  merge: true,
+  snooze: true,
+  externalMessages: true,
+  clientHistory: true,
+  activityLog: true,
+  splitTicket: true,
+  scheduledReplies: true,
+  autoClose: true,
+  autoCloseDays: 7,
+  roundRobin: false
+};
+const STORAGE_KEY = "ticketing_features";
+function getFeatures() {
+  if (typeof window === "undefined") return DEFAULT_FEATURES;
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      return { ...DEFAULT_FEATURES, ...parsed };
+    }
+  } catch {
+  }
+  return DEFAULT_FEATURES;
+}
+function saveFeatures(features) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(features));
+  } catch {
+  }
+}
+
+export { DEFAULT_FEATURES, getFeatures, saveFeatures };

package/dist/views/shared/index.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var ErrorBoundary = require('./ErrorBoundary');
+var adminTokens = require('./adminTokens');
+var AdminViewHeader = require('./AdminViewHeader');
+var Skeleton = require('./Skeleton');
+var config = require('./config');
+
+
+
+Object.defineProperty(exports, "AdminErrorBoundary", {
+  enumerable: true,
+  get: function () { return ErrorBoundary.AdminErrorBoundary; }
+});
+Object.defineProperty(exports, "V", {
+  enumerable: true,
+  get: function () { return adminTokens.V; }
+});
+Object.defineProperty(exports, "btnStyle", {
+  enumerable: true,
+  get: function () { return adminTokens.btnStyle; }
+});
+Object.defineProperty(exports, "AdminViewHeader", {
+  enumerable: true,
+  get: function () { return AdminViewHeader.AdminViewHeader; }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return Skeleton.Skeleton; }
+});
+Object.defineProperty(exports, "SkeletonCard", {
+  enumerable: true,
+  get: function () { return Skeleton.SkeletonCard; }
+});
+Object.defineProperty(exports, "SkeletonDashboard", {
+  enumerable: true,
+  get: function () { return Skeleton.SkeletonDashboard; }
+});
+Object.defineProperty(exports, "SkeletonTable", {
+  enumerable: true,
+  get: function () { return Skeleton.SkeletonTable; }
+});
+Object.defineProperty(exports, "SkeletonText", {
+  enumerable: true,
+  get: function () { return Skeleton.SkeletonText; }
+});
+Object.defineProperty(exports, "DEFAULT_FEATURES", {
+  enumerable: true,
+  get: function () { return config.DEFAULT_FEATURES; }
+});
+Object.defineProperty(exports, "getFeatures", {
+  enumerable: true,
+  get: function () { return config.getFeatures; }
+});
+Object.defineProperty(exports, "saveFeatures", {
+  enumerable: true,
+  get: function () { return config.saveFeatures; }
+});

package/dist/views/shared/index.js

@@ -0,0 +1,5 @@
+export { AdminErrorBoundary } from './ErrorBoundary';
+export { V, btnStyle } from './adminTokens';
+export { AdminViewHeader } from './AdminViewHeader';
+export { Skeleton, SkeletonCard, SkeletonDashboard, SkeletonTable, SkeletonText } from './Skeleton';
+export { DEFAULT_FEATURES, getFeatures, saveFeatures } from './config';