@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/schemas/permissions.js

@@ -1 +1,44 @@
-var e=(i=>(i.Web="web",i))(e||{}),r=(t=>(t["Level 1"]="1",t["Level 2"]="2",t["Level 3"]="3",t))(r||{});const u=[{attribute:"name",type:String},{attribute:"guard_name",type:e},{attribute:"group",type:String},{attribute:"route_name",type:String},{attribute:"level",type:r}];var m=u;export{m as default};
+var Guards = /* @__PURE__ */ ((Guards2) => {
+  Guards2["Web"] = "web";
+  return Guards2;
+})(Guards || {});
+var Levels = /* @__PURE__ */ ((Levels2) => {
+  Levels2["Level 1"] = "1";
+  Levels2["Level 2"] = "2";
+  Levels2["Level 3"] = "3";
+  return Levels2;
+})(Levels || {});
+const permissionSchema = [
+  /*{
+       attribute: 'id',
+       type: Number
+     },*/
+  {
+    attribute: "name",
+    type: String
+  },
+  {
+    attribute: "guard_name",
+    type: Guards
+  },
+  {
+    attribute: "group",
+    type: String
+  },
+  {
+    attribute: "route_name",
+    type: String
+  },
+  {
+    attribute: "level",
+    type: Levels
+  }
+  /* {
+       attribute: 'scope',
+       type: String
+     }*/
+];
+var permissions_default = permissionSchema;
+export {
+  permissions_default as default
+};

package/dist/schemas/roles.js

@@ -1 +1,48 @@
-import e from"../components/permission/PermissionsSelector";const i=[{label:"Nombre",attribute:"name",type:String},{label:"Nivel",attribute:"level",type:Number,inList:!1},{label:"Redirecci\xF3n",attribute:"redirect",type:String,inList:!1,fieldProps:{placeholder:"/tab/kitchentab"},validate:t=>{if(t&&!t.startsWith("/"))throw Error("La ruta debe comenzar con /")}},{label:"Grupo (web)",attribute:"guard_name",type:String,inList:!1},{label:"Permisos",attribute:"permission_ids",type:String,custom:!0,component:e,inList:!1}];var s=i;export{s as default};
+import PermissionsSelector from "../components/permission/PermissionsSelector";
+const roleSchema = [
+  {
+    label: "Nombre",
+    attribute: "name",
+    type: String
+  },
+  {
+    label: "Nivel",
+    attribute: "level",
+    type: Number,
+    inList: false
+    // @TODO Agregar validador que no se pueda seleccionar un nivel superior
+  },
+  {
+    label: "Redirecci\xF3n",
+    attribute: "redirect",
+    type: String,
+    inList: false,
+    fieldProps: {
+      placeholder: "/tab/kitchentab"
+    },
+    // Ensure redirect starts with /
+    validate: (value) => {
+      if (value && !value.startsWith("/")) {
+        throw Error("La ruta debe comenzar con /");
+      }
+    }
+  },
+  {
+    label: "Grupo (web)",
+    attribute: "guard_name",
+    type: String,
+    inList: false
+  },
+  {
+    label: "Permisos",
+    attribute: "permission_ids",
+    type: String,
+    custom: true,
+    component: PermissionsSelector,
+    inList: false
+  }
+];
+var roles_default = roleSchema;
+export {
+  roles_default as default
+};

package/dist/schemas/rolesDataGrid.js

@@ -1 +1,48 @@
-import e from"../components/permission/PermissionsSelectorList";const i=[{label:"Nombre",attribute:"name",type:String},{label:"Nivel",attribute:"level",type:Number,inList:!1},{label:"Redirecci\xF3n",attribute:"redirect",type:String,inList:!1,fieldProps:{placeholder:"/tab/kitchentab"},validate:t=>{if(t&&!t.startsWith("/"))throw Error("La ruta debe comenzar con /")}},{label:"Grupo (web)",attribute:"guard_name",type:String,inList:!1},{label:"Permisos",attribute:"permission_ids",type:String,custom:!0,component:e,inList:!1}];var o=i;export{o as default};
+import PermissionsSelectorList from "../components/permission/PermissionsSelectorList";
+const roleSchemaDataGrid = [
+  {
+    label: "Nombre",
+    attribute: "name",
+    type: String
+  },
+  {
+    label: "Nivel",
+    attribute: "level",
+    type: Number,
+    inList: false
+    // @TODO Agregar validador que no se pueda seleccionar un nivel superior
+  },
+  {
+    label: "Redirecci\xF3n",
+    attribute: "redirect",
+    type: String,
+    inList: false,
+    fieldProps: {
+      placeholder: "/tab/kitchentab"
+    },
+    // Ensure redirect starts with /
+    validate: (value) => {
+      if (value && !value.startsWith("/")) {
+        throw Error("La ruta debe comenzar con /");
+      }
+    }
+  },
+  {
+    label: "Grupo (web)",
+    attribute: "guard_name",
+    type: String,
+    inList: false
+  },
+  {
+    label: "Permisos",
+    attribute: "permission_ids",
+    type: String,
+    custom: true,
+    component: PermissionsSelectorList,
+    inList: false
+  }
+];
+var rolesDataGrid_default = roleSchemaDataGrid;
+export {
+  rolesDataGrid_default as default
+};

package/dist/schemas/subscription/components/SubscriptionActions.js

@@ -1 +1,172 @@
-import{Fragment as W,jsx as a,jsxs as t}from"react/jsx-runtime";import{useState as m}from"react";import{Button as r,ButtonGroup as D,Dialog as A,DialogTitle as x,DialogContent as B,DialogActions as I,Typography as f,Alert as R,Box as S}from"@mui/material";import{Cancel as w,Refresh as E,Upgrade as T}from"@mui/icons-material";import{useRecordContext as k,useDataProvider as F,useNotify as P,useRefresh as G}from"react-admin";const O=({method:c,attribute:l,resourceConfig:u})=>{const e=k(),d=F(),n=P(),p=G(),[o,s]=m(!1),[C,i]=m(!1);if(!e)return null;const y=async()=>{try{s(!0),await d.create("system/subscription/cancel/subscription",{data:{subscription_id:e.id}}),n("Suscripci\xF3n cancelada exitosamente",{type:"success"}),p(),i(!1)}catch{n("Error al cancelar la suscripci\xF3n",{type:"error"})}finally{s(!1)}},g=async()=>{try{s(!0),await d.update("system/subscription",{id:e.id,data:{status:"active"},previousData:{}}),n("Suscripci\xF3n reactivada exitosamente",{type:"success"}),p()}catch{n("Error al reactivar la suscripci\xF3n",{type:"error"})}finally{s(!1)}},b=["active","trial"].includes(e.status),h=e.status==="cancelled";return t(S,{children:[t(D,{variant:"outlined",size:"small",children:[b&&a(r,{startIcon:a(w,{}),color:"error",onClick:()=>i(!0),disabled:o,children:"Cancelar"}),h&&a(r,{startIcon:a(E,{}),color:"success",onClick:g,disabled:o,children:"Reactivar"}),a(r,{startIcon:a(T,{}),color:"primary",disabled:o||e.status==="expired",children:"Cambiar Plan"})]}),t(A,{open:C,onClose:()=>i(!1),maxWidth:"sm",fullWidth:!0,children:[a(x,{children:"Confirmar Cancelaci\xF3n"}),t(B,{children:[a(R,{severity:"warning",sx:{mb:2},children:"Esta acci\xF3n cancelar\xE1 la suscripci\xF3n inmediatamente."}),t(f,{children:["\xBFEst\xE1s seguro de que deseas cancelar la suscripci\xF3n de"," ",a("strong",{children:e.subscription_plan?.name}),"?"]}),a(f,{variant:"body2",color:"textSecondary",sx:{mt:1},children:"El usuario perder\xE1 acceso a las funcionalidades premium al final del per\xEDodo actual."})]}),t(I,{children:[a(r,{onClick:()=>i(!1),disabled:o,children:"Cancelar"}),a(r,{onClick:y,color:"error",variant:"contained",disabled:o,children:"Confirmar Cancelaci\xF3n"})]})]})]})},U=({method:c,attribute:l,resourceConfig:u})=>{switch(c){case"edit":case"create":case"view":case"list":return a(O,{attribute:l,method:c,resourceConfig:u});default:return a(W,{})}};var K=U;export{K as default};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Button,
+  ButtonGroup,
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Typography,
+  Alert,
+  Box
+} from "@mui/material";
+import {
+  Cancel as CancelIcon,
+  Refresh as RefreshIcon,
+  Upgrade as UpgradeIcon
+} from "@mui/icons-material";
+import { useRecordContext, useDataProvider, useNotify, useRefresh } from "react-admin";
+const ActionComponent = ({ method, attribute, resourceConfig }) => {
+  var _a;
+  const record = useRecordContext();
+  const dataProvider = useDataProvider();
+  const notify = useNotify();
+  const refresh = useRefresh();
+  const [loading, setLoading] = useState(false);
+  const [cancelDialogOpen, setCancelDialogOpen] = useState(false);
+  if (!record) return null;
+  const handleCancelSubscription = () => __async(null, null, function* () {
+    try {
+      setLoading(true);
+      yield dataProvider.create("system/subscription/cancel/subscription", {
+        data: { subscription_id: record.id }
+      });
+      notify("Suscripci\xF3n cancelada exitosamente", { type: "success" });
+      refresh();
+      setCancelDialogOpen(false);
+    } catch (error) {
+      notify("Error al cancelar la suscripci\xF3n", { type: "error" });
+    } finally {
+      setLoading(false);
+    }
+  });
+  const handleReactivateSubscription = () => __async(null, null, function* () {
+    try {
+      setLoading(true);
+      yield dataProvider.update("system/subscription", {
+        id: record.id,
+        data: { status: "active" },
+        previousData: {}
+      });
+      notify("Suscripci\xF3n reactivada exitosamente", { type: "success" });
+      refresh();
+    } catch (error) {
+      notify("Error al reactivar la suscripci\xF3n", { type: "error" });
+    } finally {
+      setLoading(false);
+    }
+  });
+  const canCancel = ["active", "trial"].includes(record.status);
+  const canReactivate = record.status === "cancelled";
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(ButtonGroup, { variant: "outlined", size: "small", children: [
+      canCancel && /* @__PURE__ */ jsx(
+        Button,
+        {
+          startIcon: /* @__PURE__ */ jsx(CancelIcon, {}),
+          color: "error",
+          onClick: () => setCancelDialogOpen(true),
+          disabled: loading,
+          children: "Cancelar"
+        }
+      ),
+      canReactivate && /* @__PURE__ */ jsx(
+        Button,
+        {
+          startIcon: /* @__PURE__ */ jsx(RefreshIcon, {}),
+          color: "success",
+          onClick: handleReactivateSubscription,
+          disabled: loading,
+          children: "Reactivar"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          startIcon: /* @__PURE__ */ jsx(UpgradeIcon, {}),
+          color: "primary",
+          disabled: loading || record.status === "expired",
+          children: "Cambiar Plan"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: cancelDialogOpen,
+        onClose: () => setCancelDialogOpen(false),
+        maxWidth: "sm",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: "Confirmar Cancelaci\xF3n" }),
+          /* @__PURE__ */ jsxs(DialogContent, { children: [
+            /* @__PURE__ */ jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: "Esta acci\xF3n cancelar\xE1 la suscripci\xF3n inmediatamente." }),
+            /* @__PURE__ */ jsxs(Typography, { children: [
+              "\xBFEst\xE1s seguro de que deseas cancelar la suscripci\xF3n de",
+              " ",
+              /* @__PURE__ */ jsx("strong", { children: (_a = record.subscription_plan) == null ? void 0 : _a.name }),
+              "?"
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", sx: { mt: 1 }, children: "El usuario perder\xE1 acceso a las funcionalidades premium al final del per\xEDodo actual." })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogActions, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => setCancelDialogOpen(false),
+                disabled: loading,
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleCancelSubscription,
+                color: "error",
+                variant: "contained",
+                disabled: loading,
+                children: "Confirmar Cancelaci\xF3n"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const SubscriptionActions = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+    case "create":
+    case "view":
+    case "list":
+      return /* @__PURE__ */ jsx(ActionComponent, { attribute, method, resourceConfig });
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {});
+  }
+};
+var SubscriptionActions_default = SubscriptionActions;
+export {
+  SubscriptionActions_default as default
+};

package/dist/schemas/subscription/components/SubscriptionPaymentHistory.js

@@ -1 +1,101 @@
-import{Fragment as R,jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as d,useEffect as b}from"react";import{Table as y,TableBody as C,TableCell as a,TableContainer as T,TableHead as f,TableRow as c,Paper as g,Typography as i,CircularProgress as h,Box as P}from"@mui/material";import{useRecordContext as w,useDataProvider as D}from"react-admin";import{priceFormatter as F}from"@dashadmin/dash-utils";const v=()=>{const o=w(),n=D(),[r,m]=d([]),[u,s]=d(!0);b(()=>{o?.id&&p()},[o?.id]);const p=async()=>{try{s(!0);const{data:t}=await n.getList("payments",{filter:{subscription_id:o.id},sort:{field:"created_at",order:"DESC"},pagination:{page:1,perPage:10}});m(t)}catch(t){console.error("Error fetching payments:",t)}finally{s(!1)}};return u?e(P,{display:"flex",justifyContent:"center",p:2,children:e(h,{})}):r.length===0?e(i,{variant:"body2",color:"textSecondary",children:"No hay historial de pagos disponible"}):e(T,{component:g,variant:"outlined",children:l(y,{size:"small",children:[e(f,{children:l(c,{children:[e(a,{children:"Fecha"}),e(a,{children:"Monto"}),e(a,{children:"Estado"}),e(a,{children:"ID Transacci\xF3n"})]})}),e(C,{children:r.map(t=>l(c,{children:[e(a,{children:new Date(t.created_at).toLocaleDateString()}),e(a,{children:F(t.amount,"CLP")}),e(a,{children:e(i,{variant:"body2",color:t.status==="completed"?"success.main":"error.main",children:t.status==="completed"?"Completado":"Fallido"})}),e(a,{children:e(i,{variant:"body2",fontFamily:"monospace",children:t.transaction_id})})]},t.id))})]})})},A=({method:o,attribute:n,resourceConfig:r})=>o==="view"?e(v,{attribute:n,method:o,resourceConfig:r}):e(R,{});var L=A;export{L as default};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  Paper,
+  Typography,
+  CircularProgress,
+  Box
+} from "@mui/material";
+import { useRecordContext, useDataProvider } from "react-admin";
+import { priceFormatter } from "dash-utils";
+const PaymentHistoryView = () => {
+  const record = useRecordContext();
+  const dataProvider = useDataProvider();
+  const [payments, setPayments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    if (record == null ? void 0 : record.id) {
+      fetchPayments();
+    }
+  }, [record == null ? void 0 : record.id]);
+  const fetchPayments = () => __async(null, null, function* () {
+    try {
+      setLoading(true);
+      const { data } = yield dataProvider.getList("payments", {
+        filter: { subscription_id: record.id },
+        sort: { field: "created_at", order: "DESC" },
+        pagination: { page: 1, perPage: 10 }
+      });
+      setPayments(data);
+    } catch (error) {
+      console.error("Error fetching payments:", error);
+    } finally {
+      setLoading(false);
+    }
+  });
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: 2, children: /* @__PURE__ */ jsx(CircularProgress, {}) });
+  }
+  if (payments.length === 0) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "No hay historial de pagos disponible" });
+  }
+  return /* @__PURE__ */ jsx(TableContainer, { component: Paper, variant: "outlined", children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { children: "Fecha" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Monto" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Estado" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "ID Transacci\xF3n" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: payments.map((payment) => /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { children: new Date(payment.created_at).toLocaleDateString() }),
+      /* @__PURE__ */ jsx(TableCell, { children: priceFormatter(payment.amount, "CLP") }),
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "body2",
+          color: payment.status === "completed" ? "success.main" : "error.main",
+          children: payment.status === "completed" ? "Completado" : "Fallido"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", fontFamily: "monospace", children: payment.transaction_id }) })
+    ] }, payment.id)) })
+  ] }) });
+};
+const SubscriptionPaymentHistory = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "view":
+      return /* @__PURE__ */ jsx(PaymentHistoryView, { attribute, method, resourceConfig });
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {});
+  }
+};
+var SubscriptionPaymentHistory_default = SubscriptionPaymentHistory;
+export {
+  SubscriptionPaymentHistory_default as default
+};

package/dist/schemas/subscription/components/SubscriptionPlanFeatures.js

@@ -1 +1,115 @@
-import{Fragment as v,jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import{Box as p,TextField as B,Button as L,Typography as c,IconButton as S,Paper as g,List as A,ListItem as F,ListItemText as I,ListItemSecondaryAction as P}from"@mui/material";import{Add as D,Delete as T}from"@mui/icons-material";import{useRecordContext as y,useInput as R}from"react-admin";const k=({method:a,attribute:r,resourceConfig:n})=>{const u=y(),{field:s}=R({source:"features"}),[o,l]=f(""),[i,h]=f(u?.features||[]),C=()=>{if(o.trim()&&!i.includes(o.trim())){const t=[...i,o.trim()];h(t),s.onChange(t),l("")}},b=t=>{const m=i.filter(x=>x!==t);h(m),s.onChange(m)};return d(p,{children:[e(c,{variant:"h6",gutterBottom:!0,children:"Caracter\xEDsticas del Plan"}),d(p,{display:"flex",gap:1,mb:2,children:[e(B,{fullWidth:!0,size:"small",label:"Nueva caracter\xEDstica",value:o,onChange:t=>l(t.target.value),onKeyPress:t=>{t.key==="Enter"&&(t.preventDefault(),C())},placeholder:"Ej: Acceso ilimitado, Soporte 24/7"}),e(L,{variant:"contained",startIcon:e(D,{}),onClick:C,disabled:!o.trim(),children:"Agregar"})]}),i.length>0?e(g,{variant:"outlined",children:e(A,{dense:!0,children:i.map((t,m)=>d(F,{children:[e(I,{primary:t}),e(P,{children:e(S,{edge:"end",size:"small",onClick:()=>b(t),color:"error",children:e(T,{})})})]},m))})}):e(c,{variant:"body2",color:"textSecondary",style:{fontStyle:"italic"},children:"No hay caracter\xEDsticas definidas para este plan"}),e(p,{mt:2,children:e(c,{variant:"body2",color:"textSecondary",children:"Las caracter\xEDsticas se mostrar\xE1n a los usuarios al seleccionar este plan de suscripci\xF3n."})})]})},w=({method:a,attribute:r,resourceConfig:n})=>{const s=y()?.features||[];return d(p,{children:[e(c,{variant:"h6",gutterBottom:!0,children:"Caracter\xEDsticas del Plan"}),s.length>0?e(g,{variant:"outlined",children:e(A,{dense:!0,children:s.map((o,l)=>e(F,{children:e(I,{primary:o})},l))})}):e(c,{variant:"body2",color:"textSecondary",style:{fontStyle:"italic"},children:"No hay caracter\xEDsticas definidas para este plan"})]})},E=({method:a,attribute:r,resourceConfig:n})=>{const u=y();return d(v,{children:[u?.features?.length||0," caracter\xEDsticas"]})},K=({method:a,attribute:r,resourceConfig:n})=>{switch(a){case"edit":case"create":return e(k,{attribute:r,method:a,resourceConfig:n});case"view":return e(w,{attribute:r,method:a,resourceConfig:n});case"list":return e(E,{attribute:r,method:a,resourceConfig:n});default:return e(v,{})}};var J=K;export{J as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Box,
+  TextField,
+  Button,
+  Typography,
+  IconButton,
+  Paper,
+  List,
+  ListItem,
+  ListItemText,
+  ListItemSecondaryAction
+} from "@mui/material";
+import { Add as AddIcon, Delete as DeleteIcon } from "@mui/icons-material";
+import { useRecordContext, useInput } from "react-admin";
+const EditComponent = ({ method, attribute, resourceConfig }) => {
+  const record = useRecordContext();
+  const { field } = useInput({ source: "features" });
+  const [newFeature, setNewFeature] = useState("");
+  const [features, setFeatures] = useState((record == null ? void 0 : record.features) || []);
+  const handleAddFeature = () => {
+    if (newFeature.trim() && !features.includes(newFeature.trim())) {
+      const updatedFeatures = [...features, newFeature.trim()];
+      setFeatures(updatedFeatures);
+      field.onChange(updatedFeatures);
+      setNewFeature("");
+    }
+  };
+  const handleRemoveFeature = (featureToRemove) => {
+    const updatedFeatures = features.filter((feature) => feature !== featureToRemove);
+    setFeatures(updatedFeatures);
+    field.onChange(updatedFeatures);
+  };
+  const handleKeyPress = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      handleAddFeature();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Caracter\xEDsticas del Plan" }),
+    /* @__PURE__ */ jsxs(Box, { display: "flex", gap: 1, mb: 2, children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          size: "small",
+          label: "Nueva caracter\xEDstica",
+          value: newFeature,
+          onChange: (e) => setNewFeature(e.target.value),
+          onKeyPress: handleKeyPress,
+          placeholder: "Ej: Acceso ilimitado, Soporte 24/7"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+          onClick: handleAddFeature,
+          disabled: !newFeature.trim(),
+          children: "Agregar"
+        }
+      )
+    ] }),
+    features.length > 0 ? /* @__PURE__ */ jsx(Paper, { variant: "outlined", children: /* @__PURE__ */ jsx(List, { dense: true, children: features.map((feature, index) => /* @__PURE__ */ jsxs(ListItem, { children: [
+      /* @__PURE__ */ jsx(ListItemText, { primary: feature }),
+      /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          edge: "end",
+          size: "small",
+          onClick: () => handleRemoveFeature(feature),
+          color: "error",
+          children: /* @__PURE__ */ jsx(DeleteIcon, {})
+        }
+      ) })
+    ] }, index)) }) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", style: { fontStyle: "italic" }, children: "No hay caracter\xEDsticas definidas para este plan" }),
+    /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Las caracter\xEDsticas se mostrar\xE1n a los usuarios al seleccionar este plan de suscripci\xF3n." }) })
+  ] });
+};
+const ViewComponent = ({ method, attribute, resourceConfig }) => {
+  const record = useRecordContext();
+  const features = (record == null ? void 0 : record.features) || [];
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Caracter\xEDsticas del Plan" }),
+    features.length > 0 ? /* @__PURE__ */ jsx(Paper, { variant: "outlined", children: /* @__PURE__ */ jsx(List, { dense: true, children: features.map((feature, index) => /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { primary: feature }) }, index)) }) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", style: { fontStyle: "italic" }, children: "No hay caracter\xEDsticas definidas para este plan" })
+  ] });
+};
+const ListComponent = ({ method, attribute, resourceConfig }) => {
+  var _a;
+  const record = useRecordContext();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    ((_a = record == null ? void 0 : record.features) == null ? void 0 : _a.length) || 0,
+    " caracter\xEDsticas"
+  ] });
+};
+const SubscriptionPlanFeatures = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(EditComponent, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(ViewComponent, { attribute, method, resourceConfig });
+    case "list":
+      return /* @__PURE__ */ jsx(ListComponent, { attribute, method, resourceConfig });
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {});
+  }
+};
+var SubscriptionPlanFeatures_default = SubscriptionPlanFeatures;
+export {
+  SubscriptionPlanFeatures_default as default
+};

package/dist/schemas/subscription/components/SubscriptionPlanPreview.js

@@ -1 +1,92 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Card as p,CardContent as l,Typography as o,Box as i,Chip as y,List as d,ListItem as h,ListItemIcon as u,ListItemText as g,Button as C,Divider as s}from"@mui/material";import{Check as b,Star as x}from"@mui/icons-material";import{useRecordContext as f}from"react-admin";import{priceFormatter as v}from"@dashadmin/dash-utils";const I=({method:T,attribute:B,resourceConfig:_})=>{const t=f();if(!t)return null;const n=a=>v(a,"CLP"),c=a=>a==="monthly"?"mes":"a\xF1o";return r(i,{maxWidth:400,children:r(p,{elevation:3,children:e(l,{children:[e(i,{textAlign:"center",mb:2,children:[r(o,{variant:"h5",component:"h2",gutterBottom:!0,children:t.name}),t.has_trial&&r(y,{icon:r(x,{}),label:`${t.trial_days} d\xEDas gratis`,color:"primary",size:"small",sx:{mb:1}}),r(o,{variant:"h3",component:"div",color:"primary",children:n(t.price)}),e(o,{variant:"body2",color:"textSecondary",children:["por ",c(t.billing_cycle)]}),t.billing_cycle==="yearly"&&e(o,{variant:"body2",color:"success.main",children:[n(t.price_per_month)," por mes"]})]}),r(s,{sx:{my:2}}),t.description&&r(o,{variant:"body2",color:"textSecondary",paragraph:!0,children:t.description}),t.features&&t.features.length>0&&e(i,{children:[r(o,{variant:"h6",gutterBottom:!0,children:"Caracter\xEDsticas incluidas:"}),r(d,{dense:!0,children:t.features.map((a,m)=>e(h,{disableGutters:!0,children:[r(u,{sx:{minWidth:32},children:r(b,{color:"success",fontSize:"small"})}),r(g,{primary:a,primaryTypographyProps:{variant:"body2"}})]},m))})]}),r(s,{sx:{my:2}}),r(C,{variant:"contained",fullWidth:!0,size:"large",disabled:!t.is_active,children:t.has_trial?"Comenzar Prueba Gratis":"Suscribirse Ahora"}),!t.is_active&&r(o,{variant:"caption",color:"error",display:"block",textAlign:"center",mt:1,children:"Plan no disponible"})]})})})};var R=I;export{R as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Card,
+  CardContent,
+  Typography,
+  Box,
+  Chip,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  Button,
+  Divider
+} from "@mui/material";
+import { Check as CheckIcon, Star as StarIcon } from "@mui/icons-material";
+import { useRecordContext } from "react-admin";
+import { priceFormatter } from "dash-utils";
+const SubscriptionPlanPreview = ({ method, attribute, resourceConfig }) => {
+  const record = useRecordContext();
+  if (!record) return null;
+  const formatPrice = (price) => {
+    return priceFormatter(price, "CLP");
+  };
+  const getBillingCycleText = (cycle) => {
+    return cycle === "monthly" ? "mes" : "a\xF1o";
+  };
+  return /* @__PURE__ */ jsx(Box, { maxWidth: 400, children: /* @__PURE__ */ jsx(Card, { elevation: 3, children: /* @__PURE__ */ jsxs(CardContent, { children: [
+    /* @__PURE__ */ jsxs(Box, { textAlign: "center", mb: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "h2", gutterBottom: true, children: record.name }),
+      record.has_trial && /* @__PURE__ */ jsx(
+        Chip,
+        {
+          icon: /* @__PURE__ */ jsx(StarIcon, {}),
+          label: `${record.trial_days} d\xEDas gratis`,
+          color: "primary",
+          size: "small",
+          sx: { mb: 1 }
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "div", color: "primary", children: formatPrice(record.price) }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+        "por ",
+        getBillingCycleText(record.billing_cycle)
+      ] }),
+      record.billing_cycle === "yearly" && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "success.main", children: [
+        formatPrice(record.price_per_month),
+        " por mes"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { sx: { my: 2 } }),
+    record.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", paragraph: true, children: record.description }),
+    record.features && record.features.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Caracter\xEDsticas incluidas:" }),
+      /* @__PURE__ */ jsx(List, { dense: true, children: record.features.map((feature, index) => /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx(CheckIcon, { color: "success", fontSize: "small" }) }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: feature,
+            primaryTypographyProps: { variant: "body2" }
+          }
+        )
+      ] }, index)) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { sx: { my: 2 } }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "contained",
+        fullWidth: true,
+        size: "large",
+        disabled: !record.is_active,
+        children: record.has_trial ? "Comenzar Prueba Gratis" : "Suscribirse Ahora"
+      }
+    ),
+    !record.is_active && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "caption",
+        color: "error",
+        display: "block",
+        textAlign: "center",
+        mt: 1,
+        children: "Plan no disponible"
+      }
+    )
+  ] }) }) });
+};
+var SubscriptionPlanPreview_default = SubscriptionPlanPreview;
+export {
+  SubscriptionPlanPreview_default as default
+};