@dashadmin/dash-admin 1.3.44 → 1.3.46

package/dist/resources/User/userLayout.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Card, Grid } from "@mui/material";
+const userLayout = (render) => {
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { size: { xs: 12, md: 4 }, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsxs(Card, { sx: { mb: 1 }, className: "dash-widget", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: { p: 1 },
+            style: { display: "flex", alignItems: "center" },
+            children: /* @__PURE__ */ jsx("span", { className: "card-title", children: "Avatar" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { p: 1 }, children: render("Avatar") })
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsxs(Card, { sx: { mb: 1 }, className: "dash-widget", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: { p: 1 },
+            style: { display: "flex", alignItems: "center" },
+            children: /* @__PURE__ */ jsx("span", { className: "card-title", children: "Credenciales" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { p: 1 }, children: render("Credenciales") })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid, { size: { xs: 12, md: 8 }, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsxs(Card, { sx: { mb: 1 }, className: "dash-widget", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: { p: 1 },
+            style: { display: "flex", alignItems: "center" },
+            children: /* @__PURE__ */ jsx("span", { className: "card-title", children: "Datos del usuario" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { p: 1 }, children: render("Datos del usuario") })
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsxs(Card, { sx: { mb: 1 }, className: "dash-widget", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: { p: 1 },
+            style: { display: "flex", alignItems: "center" },
+            children: /* @__PURE__ */ jsx("span", { className: "card-title", children: "Configuraci\xF3n" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { p: 1 }, children: render("Configuraci\xF3n") })
+      ] }) })
+    ] }) })
+  ] });
+};
+var userLayout_default = userLayout;
+export {
+  userLayout_default as default
+};

package/dist/resources/User/userResource.js

@@ -0,0 +1,90 @@
+import { jsx } from "react/jsx-runtime";
+import ResourceTemplate from "../../templates/ResourceTemplate";
+import Settings from "@mui/icons-material/Settings";
+import { PaginationComponent } from "dash-components";
+import { DASHAppConstants } from "dash-constants";
+import { DASHAdminSystemConstants } from "dash-constants";
+import userLayout from "./userLayout";
+import userSchema from "./userSchema";
+import { NoResults } from "../../components/misc/NoResults";
+import usersFilters from "./usersFilters";
+const userResource = {
+  filterWithSubmit: true,
+  roles: [
+    DASHAdminSystemConstants.system.DASH_SYSTEM_ROLE,
+    DASHAppConstants.system.TENANT_ROLE
+  ],
+  component: ResourceTemplate,
+  trash: true,
+  model: "tenant/user",
+  schema: userSchema,
+  icon: /* @__PURE__ */ jsx(Settings, {}),
+  group: "resource.groups.configuration",
+  label: "resource.ecommerce.users.label",
+  menu: [
+    {
+      title: "Usuarios",
+      redirect: "/tenant/user"
+    },
+    {
+      title: "\u{1F5D1}",
+      redirect: "/tenant/user/trash"
+    }
+  ],
+  resourceMenuDisabled: false,
+  refreshAfter: true,
+  /*customListActions: (props) => {
+    const { children } = props;
+    return <Card sx={{ mb: 2 }} className='dash-card-content dash-module top-toolbar'>{children}</Card>;
+  },*/
+  isFormData: true,
+  /** @deprecated TODO: side effects? seems is not implemented anywhere */
+  listEditButton: { enabled: true },
+  postFormatter: (params, _method) => {
+    if (!params.avatar) {
+      delete params.avatar;
+    }
+    return params;
+  },
+  dataGridProps: { stickyHeader: true, empty: /* @__PURE__ */ jsx(NoResults, {}), bulkActionButtons: false },
+  listProps: { perPage: DASHAdminSystemConstants.system.DEFAULT_PER_PAGE || 50, empty: false },
+  dataGridWrapper: (props) => {
+    const { children } = props;
+    return /* @__PURE__ */ jsx("div", { className: "sticky-header-wrapper", children });
+  },
+  redirectAfterUpdate: false,
+  createLayout: userLayout,
+  editLayout: userLayout,
+  formGroupMode: "layout",
+  /*exporter: (clients) => {
+    const clientsForExport = clients.map((client) => {
+      return client;
+    });
+    jsonExport(
+      clientsForExport,
+      {
+        //headers: ['id', 'title', 'author_name', 'body'] // order fields in the export
+      },
+      (err, csv) => {
+        downloadCSV(csv, 'clientes');
+      },
+    );
+  },*/
+  create: true,
+  edit: true,
+  view: false,
+  listViewButton: { enabled: false },
+  toolbarCreateButton: { enabled: true },
+  toolbarEditButton: { enabled: false },
+  toolbarExportButton: { enabled: false },
+  toolbarListButton: { enabled: true },
+  listDeleteButton: { enabled: true, props: { confirm: true } },
+  Pagination: PaginationComponent,
+  drawer: false,
+  mutationMode: "pessimistic",
+  referenceFilters: usersFilters
+};
+var userResource_default = userResource;
+export {
+  userResource_default as default
+};

package/dist/resources/User/userSchema.js

@@ -0,0 +1,206 @@
+import { SelectArrayInput } from "react-admin";
+import { RutValidator } from "../../utils/validators";
+import AvatarUploadField from "./components/AvatarUploadField";
+import PasswordFields from "./components/PasswordFields";
+const userSchema = [
+  {
+    tab: "Datos del usuario",
+    attribute: "id",
+    label: "Id",
+    type: String,
+    sortable: true,
+    inEdit: false,
+    inCreate: false
+  },
+  {
+    tab: "Datos del usuario",
+    attribute: "public_id",
+    label: "Rut",
+    type: String,
+    fieldOptions: { required: true, showDiv: true, fullWidth: true },
+    sortable: true,
+    inEdit: true,
+    inCreate: true,
+    inShow: true,
+    inList: false,
+    validate: (value) => {
+      if (!value) throw Error("El campo es requerido");
+      if (!RutValidator(value)) {
+        throw Error("El Rut es inv\xE1lido");
+      }
+    }
+  },
+  {
+    tab: "Datos del usuario",
+    attribute: "name",
+    label: "Nombre",
+    type: String,
+    sortable: true,
+    inEdit: true,
+    inCreate: true,
+    inShow: false,
+    inList: false,
+    fieldOptions: { required: true }
+  },
+  {
+    tab: "Datos del usuario",
+    attribute: "lastname",
+    label: "Apellido",
+    type: String,
+    sortable: true,
+    inEdit: true,
+    inCreate: true,
+    inShow: true,
+    inList: false,
+    fieldOptions: { required: true }
+  },
+  {
+    tab: "Datos del usuario",
+    attribute: "full_name",
+    label: "Nombre",
+    type: String,
+    sortable: true,
+    inEdit: false,
+    inShow: true,
+    inCreate: false,
+    fieldOptions: { required: true }
+  },
+  {
+    tab: "Datos del usuario",
+    attribute: "email",
+    label: "Email",
+    type: String,
+    sortable: true,
+    inEdit: true,
+    inShow: true,
+    inCreate: true,
+    fieldOptions: { required: true }
+  },
+  {
+    tab: "Datos del usuario",
+    attribute: "phone",
+    label: "Telefono",
+    type: String,
+    sortable: true,
+    inEdit: true,
+    inCreate: true,
+    inShow: true,
+    inList: false
+  },
+  /*{
+    tab: 'Configuración',
+    attribute: 'active',
+    type: Boolean,
+    inList: true,
+    inCreate: false,
+    label: 'Activo',
+    showLabel: false,
+    processor: 'Boolean',
+  },*/
+  {
+    tab: "Credenciales",
+    attribute: "password",
+    label: "Contrase\xF1a",
+    type: String,
+    sortable: true,
+    inEdit: false,
+    inCreate: false,
+    inShow: false,
+    inList: false
+  },
+  {
+    tab: "Credenciales",
+    attribute: "password_confirmation",
+    label: "Confirma Contrase\xF1a",
+    type: String,
+    sortable: true,
+    inEdit: false,
+    inCreate: false,
+    inShow: false,
+    inList: false
+  },
+  /*{
+    tab: 'Credenciales',
+    attribute: 'role_id',
+    type: 'system/role/forSelect.name',
+    label: 'Rol de usuario',
+    componentProps: {
+      filter: { substitutable: true } // Shows only substituable roles for current user, backend logic.
+    },
+    sortable: true,
+    inEdit: true,
+    inCreate: true,
+    inShow: true,
+    inList: false,
+    multiple: false,
+  },*/
+  {
+    tab: "Credenciales",
+    label: "Roles",
+    attribute: "role_ids",
+    //listAttribute: 'name',
+    // system/role is core-owned and works for every domain (kitchntabs-*, vanexa-*),
+    // unlike tenant/role which only exists in kitchntabs-backend-domain
+    // (Domain\App\Http\Controllers\API\ECommerce\RoleController — an empty
+    // Domain\App\Models\ECommerce\Role subclass of the same core Role/roles table,
+    // with equivalent privilege-level-based visibility filtering).
+    type: "system/role/forSelect.name",
+    //type: Object,
+    // TODO Agregar un filtro, solo para traer los roles de cliente.
+    pagination: false,
+    multiple: true,
+    //custom: true,
+    //componentProps:{ options: {fullwidth: true} },
+    component: SelectArrayInput
+    //searchField: "subdomain"
+  },
+  {
+    // @TODO Solo mostrar cuando se está creando:
+    label: "Genear Contrase\xF1a Aleatorea Autom\xE1ticamente",
+    attribute: "generate_password",
+    type: Boolean,
+    inList: false,
+    inEdit: false,
+    tab: "Configuraci\xF3n"
+  },
+  {
+    attribute: "active",
+    type: Boolean,
+    inList: true,
+    label: "Activo",
+    tab: "Configuraci\xF3n",
+    processor: "Boolean"
+  },
+  {
+    tab: "Avatar",
+    attribute: "avatar",
+    listAttribute: "image_url",
+    label: "Foto Usuario",
+    type: String,
+    sortable: true,
+    inEdit: true,
+    inCreate: true,
+    inShow: true,
+    inList: false,
+    custom: true,
+    component: AvatarUploadField,
+    processor: "File"
+  },
+  {
+    tab: "Credenciales",
+    attribute: "password",
+    label: "Contrase\xF1a",
+    type: String,
+    sortable: true,
+    inList: false,
+    inEdit: true,
+    inCreate: true,
+    custom: true,
+    inShow: false,
+    component: PasswordFields
+  }
+];
+var userSchema_default = userSchema;
+export {
+  userSchema_default as default
+};

package/dist/resources/User/usersFilters.js

@@ -0,0 +1,22 @@
+const usersReferenceFilters = [
+  {
+    id: "q",
+    label: "Nombres/Email/Busqueda General",
+    source: "q",
+    alwaysOn: true,
+    reference: null,
+    optionText: null
+  },
+  {
+    id: "email",
+    label: "Email",
+    source: "email",
+    alwaysOn: true,
+    reference: null,
+    optionText: null
+  }
+];
+var usersFilters_default = usersReferenceFilters;
+export {
+  usersFilters_default as default
+};

package/dist/systemResources.js

@@ -29,6 +29,8 @@ import Avatar from "./components/avatar/Avatar";
 import SystemUpdateAlt from "@mui/icons-material/SystemUpdateAlt";
 import Person from "@mui/icons-material/Person";
 import CardMembershipIcon from "@mui/icons-material/CardMembership";
+import PaidIcon from "@mui/icons-material/Paid";
+import TranslateIcon from "@mui/icons-material/Translate";
 import { lazy } from "react";
 import BusinessIcon from "@mui/icons-material/Business";
 import Chip from "@mui/material/Chip";
@@ -878,12 +880,19 @@ const systemResources = [
     redirectAfterUpdate: false,
     redirectAfterCreate: true
   }, drawerSettings),
+  // ============ Currency Management (core shared master data) ============
+  // Backed by dash-backend core's system/currency route (App\Http\Controllers\
+  // API\System\CurrencyController). Previously pointed at the domain's
+  // ecommerce/currency route — currencies moved to core as "shared master
+  // data" (see CLAUDE.md's core/domain split), so every app using this
+  // shared systemResources manifest (kitchntabs-*, vanexa-*) now gets a
+  // working Currencies page with no domain layer required.
   {
     roles: [DASHAppConstants.system.SYSTEM_ROLE],
     component: ResourceTemplate,
     trash: true,
-    model: "ecommerce/currency",
-    label: "resource.ecommerce.currencies.label",
+    model: "system/currency",
+    label: "resource.system.currencies.label",
     schema: [
       {
         label: "C\xF3digo",
@@ -920,23 +929,20 @@ const systemResources = [
         component: FormatCurrency
       }
     ],
-    //references: [{ reference: 'roles', target: 'role', schema: rolesSchema }]
-    //references: [{ reference: 'roles', target: 'id', schema: roleSchema }],
-    icon: /* @__PURE__ */ jsx(Person, {}),
-    // group: "resource.groups.system_resources",
+    icon: /* @__PURE__ */ jsx(PaidIcon, {}),
     group: "System",
     menu: [
       {
-        title: "resource.ecommerce.currencies.menu_list",
-        redirect: "/ecommerce/currency"
+        title: "resource.system.currencies.menu_list",
+        redirect: "/system/currency"
       },
       {
         title: "\u{1F5D1}",
-        redirect: "/ecommerce/currency/trash"
+        redirect: "/system/currency/trash"
       }
     ],
     mainAction: {
-      title: "resource.ecommerce.currencies.main_action",
+      title: "resource.system.currencies.main_action",
       mode: "create",
       fn: "virtualhash",
       redirect: "inline/create"
@@ -950,16 +956,21 @@ const systemResources = [
     mutationMode: "pessimistic",
     saveButtonAlwaysEnabled: true,
     listProps: { storeKey: false, filterDefaultValues: { show_disabled: true } },
-    // deshabilita persistencia deel estado, cache de los valores seleccionados sort, page, etc.
     resetSelectedIdsOnLoad: true
   },
-  // ============ Language Management ============
+  // ============ Language Management (core shared master data) ============
+  // Backed by dash-backend core's system/language route (App\Http\Controllers\
+  // API\System\LanguageController). Previously pointed at the domain's
+  // common/language route — languages moved to core as "shared master data"
+  // (see CLAUDE.md's core/domain split), so every app using this shared
+  // systemResources manifest (kitchntabs-*, vanexa-*) now gets a working
+  // Languages page with no domain layer required.
   {
     roles: [DASHAppConstants.system.SYSTEM_ROLE],
     component: ResourceTemplate,
     trash: true,
-    model: "common/language",
-    label: "resource.common.languages.label",
+    model: "system/language",
+    label: "resource.system.languages.label",
     schema: [
       {
         label: "Code",
@@ -1003,20 +1014,20 @@ const systemResources = [
         }
       }
     ],
-    icon: /* @__PURE__ */ jsx(Person, {}),
+    icon: /* @__PURE__ */ jsx(TranslateIcon, {}),
     group: "System",
     menu: [
       {
-        title: "resource.common.languages.menu_list",
-        redirect: "/common/language"
+        title: "resource.system.languages.menu_list",
+        redirect: "/system/language"
       },
       {
         title: "\u{1F5D1}",
-        redirect: "/common/language/trash"
+        redirect: "/system/language/trash"
       }
     ],
     mainAction: {
-      title: "resource.common.languages.main_action",
+      title: "resource.system.languages.main_action",
       mode: "create",
       fn: "virtualhash",
       redirect: "inline/create"

package/dist/templates/ResourceTemplateCreate.js

@@ -40,15 +40,18 @@ const ResourceTemplateCreate = (props) => {
     return `/${path}`.replace(/\/+/g, "/");
   };
   const onCreate = (data) => {
+    var _a, _b;
     const translatedLabel = translate(resourceConfig.label, { _: resourceConfig.label });
     if (_showNotifyAfterSubmit) {
       notify("dash.resource.created", { type: "success" });
     }
     if (_showDialogAfterSubmit) {
+      const successOverride = (_a = resourceConfig == null ? void 0 : resourceConfig.createSuccessDialog) == null ? void 0 : _a.call(resourceConfig, data);
+      const overrideTitle = typeof (successOverride == null ? void 0 : successOverride.title) === "string" ? translate(successOverride.title, { _: successOverride.title }) : successOverride == null ? void 0 : successOverride.title;
       dialog({
         variant: "info",
-        title: translate("dash.resource.created"),
-        content: translate("dash.resource.created_message", { label: translatedLabel }),
+        title: overrideTitle != null ? overrideTitle : translate("dash.resource.created"),
+        content: (_b = successOverride == null ? void 0 : successOverride.content) != null ? _b : translate("dash.resource.created_message", { label: translatedLabel }),
         onConfirm: () => {
           switch (resourceConfig == null ? void 0 : resourceConfig.redirectAfterCreate) {
             case false:

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dashadmin/dash-admin",
-	"version": "1.3.44",
+	"version": "1.3.46",
 	"main": "dist/index.js",
 	"type": "module",
 	"scripts": {
@@ -27,6 +27,9 @@
 	"dependencies": {
 		"@capacitor/core": "^7.4.2",
 		"@capacitor/push-notifications": "^7.0.1",
+		"antd": "latest",
+		"@tanstack/react-query": "latest",
+		"@tanstack/react-query-persist-client": "latest",
 		"@emotion/react": "latest",
 		"@emotion/styled": "latest",
 		"@mui/material": "^7.3.10",

package/src/components/i18n/BridgedLocalesMenuButton.tsx

@@ -111,8 +111,7 @@ const BridgedLocalesMenuButton: React.FC<BridgedLocalesMenuButtonProps> = ({
                 <Tooltip title={`Language: ${currentLocaleName}`}>
                     <IconButton
                         onClick={handleClick}
-                        color="inherit"
-                        size="small"
+                        className="dash-icon-button-color dash-icon-button-bg"
                         aria-label="change language"
                         aria-controls={open ? 'locale-menu' : undefined}
                         aria-haspopup="true"

package/src/components/menu/DarkToggleMode.tsx

@@ -38,7 +38,7 @@ const DarkToggleMode = () => {
   
   return (
     <>
-     <div  onClick={onClick}>
+     <div className='dash-theme-mode-switcher' onClick={onClick}>
    
      <DashThemeHelperProvider>
       <Avatar 

package/src/components/serviceAccount/ApiKeyRevealDialog.tsx

@@ -0,0 +1,129 @@
+import React, { useState } from "react";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Tooltip from "@mui/material/Tooltip";
+import Typography from "@mui/material/Typography";
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+import CheckIcon from "@mui/icons-material/Check";
+import { useI18nBridge } from "../../contexts/I18nBridgeContext";
+
+export interface IApiKeyRevealContentProps {
+    /** The plaintext token, shown exactly once. */
+    token: string;
+    /** Name of the key, for context. */
+    name?: string | null;
+}
+
+/**
+ * One-time reveal of a newly issued API key.
+ *
+ * The plaintext credential is never persisted in recoverable form - only a
+ * short display prefix is stored - so this is the single moment the operator
+ * can copy it.
+ *
+ * Designed to be passed as the `content` of the framework dialog via a
+ * resource's `createSuccessDialog`, so it inherits the app's dialog chrome
+ * rather than introducing a second dialog system:
+ *
+ *   createSuccessDialog: (data) => data?.plain_text_token
+ *       ? { title: '...', content: <ApiKeyRevealContent token={data.plain_text_token} name={data.name} /> }
+ *       : null,
+ */
+export const ApiKeyRevealContent: React.FC<IApiKeyRevealContentProps> = ({ token, name }) => {
+    // DialogServiceProvider is mounted ABOVE <Admin> in DASHAppProviders, so
+    // dialog content renders outside React Admin's i18n context and
+    // useTranslate() would silently fall through to the English defaults.
+    // The bridge is the supported way to translate from out there - same
+    // pattern as AppMaterialMenu.
+    const { i18nProvider, locale } = useI18nBridge();
+    const [copied, setCopied] = useState(false);
+
+    const translate = React.useCallback(
+        (key: string, options?: any) => {
+            if (i18nProvider?.translate) {
+                try {
+                    return i18nProvider.translate(key, options);
+                } catch {
+                    return options?._ ?? key;
+                }
+            }
+            return options?._ ?? key;
+        },
+        // locale is a dependency so the text re-renders on a language switch.
+        [i18nProvider, locale]
+    );
+
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(token);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        } catch {
+            // Clipboard API unavailable (insecure context or denied permission).
+            // The value stays selectable so the operator can still copy it by
+            // hand - never leave them without a path to the secret.
+            setCopied(false);
+        }
+    };
+
+    return (
+        <Box>
+            <Alert severity="warning" sx={{ mb: 2 }}>
+                {translate("serviceAccount.reveal.warning", {
+                    _: "This is the only time this key will be shown. It cannot be recovered later — if you lose it, you will have to issue a new one.",
+                })}
+            </Alert>
+
+            {name ? (
+                <Typography variant="body2" sx={{ mb: 1 }}>
+                    {translate("serviceAccount.reveal.forKey", { _: "Key" })}: <strong>{name}</strong>
+                </Typography>
+            ) : null}
+
+            <Box
+                sx={{
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 1,
+                    p: 1.5,
+                    borderRadius: 1,
+                    border: (theme) => `1px solid ${theme.palette.divider}`,
+                    bgcolor: (theme) =>
+                        theme.palette.mode === "dark" ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.04)",
+                }}
+            >
+                <Box
+                    component="code"
+                    sx={{
+                        flex: 1,
+                        fontFamily: "monospace",
+                        fontSize: "0.875rem",
+                        wordBreak: "break-all",
+                        userSelect: "all",
+                    }}
+                >
+                    {token}
+                </Box>
+
+                <Tooltip
+                    title={
+                        copied
+                            ? translate("serviceAccount.reveal.copied", { _: "Copied" })
+                            : translate("serviceAccount.reveal.copy", { _: "Copy" })
+                    }
+                >
+                    <IconButton onClick={handleCopy} size="small" aria-label="copy api key">
+                        {copied ? (
+                            <CheckIcon color="success" fontSize="small" />
+                        ) : (
+                            <ContentCopyIcon fontSize="small" />
+                        )}
+                    </IconButton>
+                </Tooltip>
+            </Box>
+        </Box>
+    );
+};
+
+export default ApiKeyRevealContent;