@m4l/layouts 0.1.39 → 0.1.41

package/layouts/ModuleLayout/index.e7218171.js

@@ -0,0 +1,122 @@
+import { useModal, useWindowToolsMF, ModalProvider, getModalDialogComponentsDictionary } from "@m4l/components";
+import { forwardRef, useRef, useImperativeHandle, createContext, useState, useMemo, useEffect } from "react";
+import { styled } from "@mui/material/styles";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { jsx } from "react/jsx-runtime";
+const InnerModuleRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LModuleLayout?.styleOverrides
+}));
+const componentName = "M4LModuleLayout";
+generateUtilityClasses(componentName, [
+  "root",
+  "moduleContent"
+]);
+function getModuleLayoutUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useModuleLayoutUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    moduleContent: ["moduleContent"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getModuleLayoutUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const InnerModule = forwardRef((props, ref) => {
+  const {
+    children
+  } = props;
+  const {
+    openModal
+  } = useModal();
+  const divRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: divRef.current
+  }));
+  const classes = useModuleLayoutUtilityClasses();
+  return /* @__PURE__ */ jsx(InnerModuleRoot, {
+    className: classes.root,
+    ref: divRef,
+    children: /* @__PURE__ */ jsx("div", {
+      className: classes.moduleContent,
+      children
+    })
+  });
+});
+InnerModule.displayName = "InnerModule";
+const ModuleContext = createContext(null);
+function ModuleProvider(props) {
+  const {
+    children,
+    moduleActions,
+    moduleId,
+    version
+  } = props;
+  const [configOptions] = useState(() => ({
+    moduleId,
+    dictionary: void 0
+  }));
+  const {
+    setActions
+  } = useWindowToolsMF();
+  const [dynamicActions, setDynamicActions] = useState([]);
+  const finalModuleActions = useMemo(() => {
+    return (moduleActions || []).concat(dynamicActions);
+  }, [moduleActions, dynamicActions]);
+  useEffect(() => {
+    setActions(finalModuleActions, version);
+  }, [finalModuleActions]);
+  return /* @__PURE__ */ jsx(ModuleContext.Provider, {
+    value: {
+      setDynamicActions,
+      moduleId: configOptions.moduleId
+    },
+    children
+  });
+}
+const ModuleLayout = forwardRef((props, ref) => {
+  const {
+    moduleId,
+    moduleActions,
+    version,
+    children
+  } = props;
+  const moduleRef = useRef(null);
+  const openModal = (modalOpenProps) => {
+    moduleRef.current?.openModal(modalOpenProps);
+  };
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: moduleRef.current
+  }));
+  return /* @__PURE__ */ jsx(ModuleProvider, {
+    moduleId,
+    moduleActions,
+    version,
+    children: /* @__PURE__ */ jsx(ModalProvider, {
+      children: /* @__PURE__ */ jsx(InnerModule, {
+        ref: moduleRef,
+        children
+      })
+    })
+  });
+});
+ModuleLayout.displayName = "ModuleLayout";
+function getModuleLayoutComponentsDictionary() {
+  return ["module_layout"].concat(getModalDialogComponentsDictionary());
+}
+const defaultModuleLayoutDictionary = {
+  module_layout: {}
+};
+export {
+  ModuleContext as M,
+  ModuleLayout as a,
+  defaultModuleLayoutDictionary as d,
+  getModuleLayoutComponentsDictionary as g
+};

package/layouts/ModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-export declare const WrapperInnerModule: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModuleContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerModuleRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/index.2808fa44.js

@@ -0,0 +1,379 @@
+import { useResponsiveDesktop, useLocales } from "@m4l/graphics";
+import { LanguagePopover, Image, Typography, ScrollBar, HelmetPage } from "@m4l/components";
+import { styled, alpha } from "@mui/material/styles";
+import { useBase, useModuleDictionary, useDomain, useEnvironment, BaseProvider, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
+import { jsxs, jsx } from "react/jsx-runtime";
+const InnerModuleRoot = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  height: "100vh",
+  padding: "20px",
+  backgroundColor: theme.palette.background.background,
+  [theme.breakpoints.down("md")]: {
+    padding: "0px"
+  }
+}));
+const DesktopContentRoot = styled("div")(({ theme }) => ({
+  display: "flex",
+  borderRadius: "16px",
+  backgroundColor: theme.palette.background.neutral,
+  boxShadow: theme.customShadows?.z4,
+  padding: "20px 0 20px 20px",
+  width: "100%",
+  height: "100%",
+  maxWidth: "965px",
+  maxHeight: "900px",
+  position: "relative",
+  overflow: "auto",
+  "& .M4LanguagePopover-root": {
+    position: "absolute",
+    top: "20px",
+    right: "20px",
+    zIndex: 1
+  }
+}));
+const DesktopBanner = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  borderRadius: "16px",
+  width: "100%",
+  maxWidth: "400px",
+  height: "100%",
+  backgroundColor: theme.palette.state?.focus,
+  boxShadow: theme.customShadows?.z4,
+  padding: "0 60px",
+  gap: "40px",
+  overflow: "hidden",
+  "& .MuiTypography-root": {
+    color: theme.palette.patronus?.marbleLight[10],
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center",
+    textTransform: "uppercase"
+  },
+  "& .M4LTypography-root .MuiSkeleton-root": {
+    backgroundColor: alpha(`${theme.palette.patronus?.marbleLight[10]}`, 0.24),
+    margin: "auto"
+  }
+}));
+const ContainerLogo$1 = styled("div")(({ theme }) => ({
+  display: "flex",
+  width: "84px",
+  height: "84px",
+  borderRadius: "6px",
+  backgroundColor: theme.palette.state?.active,
+  justifyContent: "center",
+  alignItems: "center",
+  boxShadow: `0px 4px 8px  ${alpha(theme.palette.patronus?.coolGrey[70] || "", 0.16)}`,
+  "& .M4LImage-root": {
+    backgroundColor: theme.palette.patronus?.marbleLight[10],
+    borderRadius: "6px"
+  }
+}));
+const CompanyName$1 = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: "5px",
+  width: "100%"
+}));
+const CompanyLeyend = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: "5px",
+  width: "100%"
+}));
+const FormContent$1 = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  padding: "0 60px 0 80px",
+  margin: "auto 0",
+  width: "100%",
+  gap: "20px"
+}));
+const WrapperFormContent$1 = styled("div")(() => ({
+  display: "flex",
+  width: "100%",
+  height: "100%"
+}));
+const ContainerModuleName$1 = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  gap: "4px"
+}));
+const DesktopContent = () => {
+  const {
+    children,
+    companyLogoSmallUrl
+  } = useBase();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    name,
+    slogan
+  } = useDomain();
+  return /* @__PURE__ */ jsxs(DesktopContentRoot, {
+    children: [/* @__PURE__ */ jsx(LanguagePopover, {}), /* @__PURE__ */ jsxs(DesktopBanner, {
+      children: [/* @__PURE__ */ jsx(ContainerLogo$1, {
+        children: /* @__PURE__ */ jsx(Image, {
+          src: companyLogoSmallUrl,
+          ratio: "1:1",
+          width: "64px",
+          height: "64px"
+        })
+      }), /* @__PURE__ */ jsxs(CompanyName$1, {
+        children: [/* @__PURE__ */ jsx(Typography, {
+          variant: "subtitleDens",
+          skeletonWidth: "70%",
+          skeletongHeight: "24px",
+          children: name
+        }), /* @__PURE__ */ jsx(Typography, {
+          variant: "paragraph",
+          skeletonWidth: "40%",
+          skeletongHeight: "20px",
+          children: getLabel("company_name_subtitle")
+        })]
+      }), /* @__PURE__ */ jsxs(CompanyLeyend, {
+        children: [/* @__PURE__ */ jsx(Typography, {
+          variant: "h5",
+          skeletonWidth: "50%",
+          skeletongHeight: "36px",
+          children: getLabel("module_leyend")
+        }), /* @__PURE__ */ jsx(Typography, {
+          variant: "subtitle",
+          skeletonWidth: "80%",
+          skeletongHeight: "24px",
+          children: slogan
+        })]
+      })]
+    }), /* @__PURE__ */ jsx(WrapperFormContent$1, {
+      children: /* @__PURE__ */ jsx(ScrollBar, {
+        children: /* @__PURE__ */ jsxs(FormContent$1, {
+          children: [/* @__PURE__ */ jsxs(ContainerModuleName$1, {
+            children: [/* @__PURE__ */ jsx(Typography, {
+              variant: "h5",
+              skeletonWidth: "20%",
+              skeletongHeight: "36px",
+              children: getLabel("module_name")
+            }), /* @__PURE__ */ jsx(Typography, {
+              variant: "paragraph",
+              skeletonWidth: "40%",
+              skeletongHeight: "20px",
+              children: getLabel("module_description")
+            })]
+          }), children]
+        })
+      })
+    })]
+  });
+};
+const MobileContentRoot = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  height: "100%",
+  backgroundColor: theme.palette.background.neutral,
+  padding: "12px",
+  gap: "32px"
+}));
+const MobileBanner = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  padding: "12px",
+  gap: "20px",
+  width: "100%",
+  backgroundColor: theme.palette.state?.focus,
+  boxShadow: theme.customShadows?.z4,
+  position: "relative",
+  borderRadius: "8px",
+  "& .M4LanguagePopover-root": {
+    position: "absolute",
+    top: "12px",
+    right: "12px"
+  },
+  "& .MuiTypography-root": {
+    color: theme.palette.patronus?.marbleLight[10],
+    display: "flex",
+    textTransform: "uppercase"
+  },
+  "& .MuiSkeleton-root": {
+    backgroundColor: alpha(`${theme.palette.patronus?.marbleLight[10]}`, 0.24),
+    margin: "auto"
+  }
+}));
+styled("div")(() => ({
+  display: "flex"
+}));
+const ContainerLogo = styled("div")(({ theme }) => ({
+  display: "flex",
+  width: "52px",
+  height: "52px",
+  borderRadius: "6px",
+  backgroundColor: theme.palette.state?.active,
+  justifyContent: "center",
+  alignItems: "center",
+  boxShadow: `0px 4px 8px  ${alpha(theme.palette.patronus?.coolGrey[70] || "", 0.16)}`,
+  "& .M4LImage-root": {
+    backgroundColor: theme.palette.patronus?.marbleLight[10],
+    borderRadius: "6px"
+  }
+}));
+const CompanyName = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%"
+}));
+const FormContent = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  padding: "12px",
+  margin: "auto 0",
+  width: "100%",
+  gap: "20px"
+}));
+const WrapperFormContent = styled("div")(() => ({
+  display: "flex",
+  width: "100%",
+  height: "100%",
+  overflow: "hidden"
+}));
+const ContainerModuleName = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  gap: "4px"
+}));
+const MobileContent = () => {
+  const {
+    children,
+    companyLogoSmallUrl
+  } = useBase();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    name
+  } = useDomain();
+  return /* @__PURE__ */ jsxs(MobileContentRoot, {
+    children: [/* @__PURE__ */ jsxs(MobileBanner, {
+      children: [/* @__PURE__ */ jsx(ContainerLogo, {
+        children: /* @__PURE__ */ jsx(Image, {
+          src: companyLogoSmallUrl,
+          ratio: "1:1",
+          width: "44px",
+          height: "44px"
+        })
+      }), /* @__PURE__ */ jsxs(CompanyName, {
+        children: [/* @__PURE__ */ jsx(Typography, {
+          variant: "subtitleDens",
+          skeletonWidth: "70%",
+          skeletongHeight: "24px",
+          children: name
+        }), /* @__PURE__ */ jsx(Typography, {
+          variant: "paragraph",
+          skeletonWidth: "40%",
+          skeletongHeight: "20px",
+          children: getLabel("company_name_subtitle")
+        })]
+      }), /* @__PURE__ */ jsx(LanguagePopover, {})]
+    }), /* @__PURE__ */ jsx(WrapperFormContent, {
+      children: /* @__PURE__ */ jsx(ScrollBar, {
+        children: /* @__PURE__ */ jsxs(FormContent, {
+          children: [/* @__PURE__ */ jsxs(ContainerModuleName, {
+            children: [/* @__PURE__ */ jsx(Typography, {
+              variant: "h5",
+              skeletonWidth: "20%",
+              skeletongHeight: "36px",
+              children: getLabel("module_name")
+            }), /* @__PURE__ */ jsx(Typography, {
+              variant: "paragraph",
+              skeletonWidth: "40%",
+              skeletongHeight: "20px",
+              children: getLabel("module_description")
+            })]
+          }), children]
+        })
+      })
+    })]
+  });
+};
+const InnerModule = () => {
+  const {
+    getModuleLabel
+  } = useModuleDictionary();
+  const isDesktop = useResponsiveDesktop();
+  const {
+    subtitle
+  } = useBase();
+  return /* @__PURE__ */ jsx(HelmetPage, {
+    title: getModuleLabel(),
+    subtitle,
+    children: /* @__PURE__ */ jsx(InnerModuleRoot, {
+      children: isDesktop ? /* @__PURE__ */ jsx(DesktopContent, {}) : /* @__PURE__ */ jsx(MobileContent, {})
+    })
+  });
+};
+const NoAuthModuleLayout = (props) => {
+  const {
+    moduleId,
+    moduleNameField,
+    children,
+    componentsDictionary,
+    skeletonFlags,
+    subtitle,
+    companyLogoSmallUrl,
+    companyLogoNormalUrl,
+    moduleIlustrationUrl
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const localeString = useLocales().currentLocale?.localeString;
+  const finalCompanyLogoNormalUrl = companyLogoNormalUrl || `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/logotipo_m4l.svg`;
+  const finalCompanyLogoSmallUrl = companyLogoSmallUrl || `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/isotipo_m4l.svg`;
+  const finalIllustrationUrl = moduleIlustrationUrl || `${host_static_assets}/${environment_assets}/frontend/domain/host/commons/assets/img/illustration_noauth.png`;
+  const finalSkeletonFlags = skeletonFlags;
+  if (finalSkeletonFlags.findIndex((f) => f === "dictionary_loaded") < 0) {
+    finalSkeletonFlags.push("dictionary_loaded");
+  }
+  return /* @__PURE__ */ jsx(BaseProvider, {
+    value: {
+      subtitle,
+      companyLogoSmallUrl: finalCompanyLogoSmallUrl,
+      companyLogoNormalUrl: finalCompanyLogoNormalUrl,
+      moduleIlustrationUrl: finalIllustrationUrl,
+      children
+    },
+    children: /* @__PURE__ */ jsx(FlagsProvider, {
+      children: /* @__PURE__ */ jsx(ModuleDictionaryProvider, {
+        isAuth: false,
+        moduleId,
+        moduleNameField,
+        componentsDictionary,
+        currentLang: localeString,
+        children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, {
+          flags: finalSkeletonFlags,
+          children: /* @__PURE__ */ jsx(InnerModule, {})
+        })
+      })
+    })
+  });
+};
+function getNoAuthModuleLayoutComponentsDictionary() {
+  return ["no_auth_module_layout"];
+}
+const defaultNoAuthModuleLayoutDictionary = {
+  no_auth_module_layout: {}
+};
+export {
+  NoAuthModuleLayout as N,
+  defaultNoAuthModuleLayoutDictionary as d,
+  getNoAuthModuleLayoutComponentsDictionary as g
+};

package/layouts/index.96a3745e.js

@@ -0,0 +1,8 @@
+import "./ModuleLayout/index.e7218171.js";
+import "@m4l/components";
+import "react";
+import "@m4l/core";
+import "./MasterDetailLayout/index.fe6ac47b.js";
+import "@m4l/graphics";
+import "react/jsx-runtime";
+import "./NoAuthModuleLayout/index.2808fa44.js";

package/layouts/index.d.ts

@@ -1,6 +1,6 @@
-export { ModuleLayout } from './ModuleLayout';
+export { ModuleLayout } from './ModuleLayout/ModuleLayout';
 export * from './ModuleLayout/dicctionary';
-export { MasterDetailLayout } from './MasterDetailLayout';
+export { MasterDetailLayout } from './MasterDetailLayout/MasterDetailLayout';
 export * from './MasterDetailLayout/dicctionary';
 export { NoAuthModuleLayout } from './NoAuthModuleLayout';
 export * from './NoAuthModuleLayout/dicctionary';

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@m4l/layouts",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "license": "UNLICENSED",
   "dependencies": {
+    "@mui/material": "5.10.4",
     "@m4l/components": "*",
     "@m4l/core": "*",
     "@m4l/graphics": "*",

package/hooks/index.a0c767ed.js

@@ -1,4 +0,0 @@
-import "react";
-import "../layouts/MasterDetailLayout/index.bca0fce5.js";
-import "../contexts/AuthContext/index.6f966215.js";
-import "../layouts/ModuleLayout/index.850f7dcf.js";

package/hooks/useMasterDetail/index.927c0c26.js

@@ -1,6 +0,0 @@
-import { useContext as t } from "react";
-import { M as e } from "../../layouts/MasterDetailLayout/index.bca0fce5.js";
-const s = () => t(e);
-export {
-  s as u
-};

package/hooks/useModule/index.edcd7b28.js

@@ -1,11 +0,0 @@
-import { useContext as o } from "react";
-import { M as t } from "../../layouts/ModuleLayout/index.850f7dcf.js";
-const n = () => {
-  const e = o(t);
-  if (!e)
-    throw new Error("useModule context must be use inside ModuleContext");
-  return e;
-};
-export {
-  n as u
-};

package/layouts/MasterDetailLayout/index.bca0fce5.js

@@ -1,118 +0,0 @@
-import { createContext as w, useState as h, useRef as D, useMemo as m, useCallback as g } from "react";
-import { voidFunction as k, useEnvironment as S, useModuleDictionary as $ } from "@m4l/core";
-import { WindowBase as z, SplitLayout as P } from "@m4l/components";
-import { a as A, g as I } from "../ModuleLayout/index.850f7dcf.js";
-import { jsx as c } from "react/jsx-runtime";
-import { useResponsiveDesktop as L } from "@m4l/graphics";
-const N = {
-  masterSelection: void 0,
-  onChangeMasterSelection: k
-}, x = w(N);
-function R(n) {
-  const {
-    children: a
-  } = n, [s, t] = h(void 0);
-  return /* @__PURE__ */ c(x.Provider, {
-    value: {
-      masterSelection: s,
-      onChangeMasterSelection: t
-    },
-    children: a
-  });
-}
-function V(n, a = [], s, t) {
-  let o = t !== void 0 && t ? [...n] : [s];
-  return o = a.concat(o), o;
-}
-function T(n) {
-  const {
-    moduleId: a,
-    masterComponent: s,
-    detailComponent: t,
-    moduleActions: o,
-    version: M
-  } = n, {
-    host_static_assets: l,
-    environment_assets: i
-  } = S(), [r, C] = h("vertical"), d = L(), p = D(null), {
-    getLabel: e
-  } = $(), v = m(() => [{
-    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
-    onClick: () => u("vertical"),
-    visibility: "main",
-    label: e("master_detail_layout.split_vertical"),
-    tag: "vertical",
-    className: "splitactions",
-    disabled: r === "vertical",
-    key: "vertical"
-  }, {
-    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
-    onClick: () => u("horizontal"),
-    visibility: "main",
-    label: e("master_detail_layout.split_horizontal"),
-    tag: "horizontal",
-    className: "splitactions",
-    disabled: r === "horizontal",
-    key: "horizontal"
-  }, {
-    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
-    onClick: () => u("none"),
-    visibility: "main",
-    label: e("master_detail_layout.no_split"),
-    tag: "none",
-    className: "splitactions",
-    disabled: r === "none",
-    key: "none"
-  }], [e, r]), u = g((f) => {
-    C(f);
-  }, []), y = g(() => {
-    p.current?.openModal({
-      initialWidth: 500,
-      initialHeigth: 680,
-      window: /* @__PURE__ */ c(z, {
-        urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
-        title: e("master_detail_layout.view_detail"),
-        children: typeof t == "function" ? t({}) : t
-      })
-    });
-  }, [t, e]), _ = m(() => ({
-    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
-    onClick: y,
-    disabled: !1,
-    visibility: "allways",
-    label: e("master_detail_layout.view_detail"),
-    tag: "none",
-    className: "",
-    key: "detail"
-  }), [i, y]), b = m(() => V(v, o, _, d), [v, o, d, _]);
-  return /* @__PURE__ */ c(R, {
-    children: /* @__PURE__ */ c(A, {
-      ref: p,
-      moduleId: a,
-      moduleActions: b,
-      version: M,
-      children: /* @__PURE__ */ c(P, {
-        splitPosition: d ? r : "none",
-        firstPart: s,
-        secondPart: t
-      })
-    })
-  });
-}
-function q() {
-  return ["master_detail_layout"].concat(I());
-}
-const G = {
-  master_detail_layout: {
-    split_vertical: "Split vertically",
-    split_horizontal: "Split horizontally",
-    no_split: "No split",
-    view_detail: "View detail"
-  }
-};
-export {
-  x as M,
-  T as a,
-  G as d,
-  q as g
-};