@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.2

package/@types/constants.d.ts

@@ -24,3 +24,4 @@ export declare enum AdminStatusEnum {
     active = 1,// - 1: Activo
     retired = 2
 }
+//# sourceMappingURL=constants.d.ts.map

package/@types/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/@types/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,YAAY,CAAC;AACxC,oBAAY,oBAAoB;IAC9B,GAAG,IAAA,CAAE,+CAA+C;IACpD,MAAM,IAAA,CAAE,2CAA2C;IACnD,OAAO,IAAA,CAAE,6DAA6D;IACtE,cAAc,IAAA,CAAE,yEAAyE;IACzF,sBAAsB,IAAA,CAAE,iFAAiF;IACzG,MAAM,IAAA,CAAE,iBAAiB;IACzB,WAAW,IAAA,CAAE,4BAA4B;IACzC,QAAQ,IAAA;CACT;AAGD,oBAAY,cAAc;IACxB,QAAQ,IAAA,CAAE,gBAAgB;IAC1B,UAAU,IAAA,CAAE,gBAAgB;IAC5B,QAAQ,IAAA;CACT;AAED,oBAAY,YAAY;IACtB,EAAE,IAAA,CAAE,UAAU;IACd,GAAG,IAAA,CAAE,wBAAwB;IAC7B,IAAI,IAAA;CACL;AAED,oBAAY,eAAe;IACzB,QAAQ,IAAA,CAAE,gBAAgB;IAC1B,MAAM,IAAA,CAAE,cAAc;IACtB,OAAO,IAAA;CACR"}

package/@types/constants.js

@@ -1,21 +1,5 @@
-var GNSSEnumMotionStatus = /* @__PURE__ */ ((GNSSEnumMotionStatus2) => {
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["off"] = 0] = "off";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["moving"] = 1] = "moving";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["stopped"] = 2] = "stopped";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["stoppedRalenti"] = 3] = "stoppedRalenti";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["stoppedExcesiveRalenti"] = 4] = "stoppedExcesiveRalenti";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["towing"] = 5] = "towing";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["powerSaving"] = 6] = "powerSaving";
-  GNSSEnumMotionStatus2[GNSSEnumMotionStatus2["maxSpeed"] = 7] = "maxSpeed";
-  return GNSSEnumMotionStatus2;
-})(GNSSEnumMotionStatus || {});
-var GNSSEnumSignal = /* @__PURE__ */ ((GNSSEnumSignal2) => {
-  GNSSEnumSignal2[GNSSEnumSignal2["reliable"] = 0] = "reliable";
-  GNSSEnumSignal2[GNSSEnumSignal2["acceptable"] = 1] = "acceptable";
-  GNSSEnumSignal2[GNSSEnumSignal2["noSignal"] = 2] = "noSignal";
-  return GNSSEnumSignal2;
-})(GNSSEnumSignal || {});
+var p = /* @__PURE__ */ ((e) => (e[e.off = 0] = "off", e[e.moving = 1] = "moving", e[e.stopped = 2] = "stopped", e[e.stoppedRalenti = 3] = "stoppedRalenti", e[e.stoppedExcesiveRalenti = 4] = "stoppedExcesiveRalenti", e[e.towing = 5] = "towing", e[e.powerSaving = 6] = "powerSaving", e[e.maxSpeed = 7] = "maxSpeed", e))(p || {}), r = /* @__PURE__ */ ((e) => (e[e.reliable = 0] = "reliable", e[e.acceptable = 1] = "acceptable", e[e.noSignal = 2] = "noSignal", e))(r || {});
 export {
-  GNSSEnumMotionStatus as G,
-  GNSSEnumSignal as a
+  p as GNSSEnumMotionStatus,
+  r as GNSSEnumSignal
 };

package/@types/deviceData.d.ts

@@ -91,3 +91,4 @@ export type DeviceDataType = {
         [key: string]: PropertyValue<string>;
     };
 };
+//# sourceMappingURL=deviceData.d.ts.map

package/@types/deviceData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deviceData.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/@types/deviceData.ts"],"names":[],"mappings":"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"}

package/@types/general.d.ts

@@ -19,3 +19,4 @@ export type OperationalRoles = {
     owner: OperationalRole;
     [key: string]: OperationalRole | OperationalRole[];
 };
+//# sourceMappingURL=general.d.ts.map

package/@types/general.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/@types/general.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IAAC,KAAK,EAAE,CAAC,CAAE;IAAC,SAAS,CAAC,EAAC,MAAM,CAAA;CAAC,CAAA;AACtE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC;AACjC,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAC,eAAe,CAAC;IACvB,IAAI,EAAC,eAAe,EAAE,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG,eAAe,EAAE,CAAC;CACpD,CAAA"}

package/@types/index.d.ts

@@ -1,2 +1,3 @@
 export type { DeviceDataType, SettingsGroup, DeviceCurrent, DeviceCurrentVPTGnss } from './deviceData';
 export { GNSSEnumMotionStatus, GNSSEnumSignal } from './constants';
+//# sourceMappingURL=index.d.ts.map

package/@types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/@types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEvG,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAG,MAAM,aAAa,CAAC"}

package/@types/vpts.d.ts

@@ -50,3 +50,4 @@ export type VPTCurrentModem = {
 export type VPTSettingsModem = {
     modemLineNumber?: string;
 };
+//# sourceMappingURL=vpts.d.ts.map

package/@types/vpts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vpts.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/@types/vpts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC/C,WAAW,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;CAC7C,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC1C,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAA;AACD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,CAAC,GAAG,EAAC,MAAM,GAAI,CAAC,CAAC;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,EAAG,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAG,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,GAAG,EAAC,MAAM,GAAI,cAAc,CAAC;CAC/B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC1C,iBAAiB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC1C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,mBAAmB,EAAE,MAAM,CAAE;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACpC,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA"}

package/components/Device/Device.d.ts

@@ -3,4 +3,5 @@ import { DeviceProps } from './types';
  * Componente que muestra un dispositivo con su icono y descripción, basada en las propiedades del dispositivo que son
  * reemplazadas de acuerdo a la etiqueta de visualización que normalmente viene de las preferencias del usuario autenticado.
  */
-export declare const Device: (props: DeviceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Device: (props: DeviceProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Device.d.ts.map

package/components/Device/Device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Device.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/Device/Device.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAoB,WAAW,EAAE,MAAM,SAAS,CAAC;AAIxD;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,qDAsCxC,CAAC"}

package/components/Device/Device.js

@@ -1,32 +1,27 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { D as DeviceRootStyled, a as DeviceStatusIconStyled, b as DeviceStatusRigthContainerStyled, c as DeviceTitleContainerStyled, d as DeviceStatusLabelStyled } from "./slots/DeviceSlots.js";
-import { useComponentSize, Typography } from "@m4l/components";
-import { u as useDevice } from "./hooks/useDevice.js";
-const Device = (props) => {
-  const { deviceData, size, variant = "withStatus" } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { iconKey, color, palletColor, name, alias, stausOrIdLabel } = useDevice({ deviceData, variant });
-  const { currentSize } = useComponentSize(size);
-  const src = `${host_static_assets}/${environment_assets}/frontend/components/device_status/assets/icons/${iconKey}.svg`;
-  const ownerState = {
-    iconKey,
-    size: currentSize,
-    color,
-    palletColor,
-    variant
+import { jsxs as s, jsx as t } from "@emotion/react/jsx-runtime";
+import { useEnvironment as D } from "@m4l/core";
+import { DeviceRootStyled as b, DeviceStatusIconStyled as f, DeviceStatusRigthContainerStyled as x, DeviceTitleContainerStyled as z, DeviceStatusLabelStyled as C } from "./slots/DeviceSlots.js";
+import { useComponentSize as _, Typography as c } from "@m4l/components";
+import { useDevice as g } from "./hooks/useDevice.js";
+const R = (a) => {
+  const { deviceData: d, size: l, variant: o = "withStatus" } = a, { host_static_assets: v, environment_assets: m } = D(), { iconKey: i, color: r, palletColor: y, name: S, alias: n, stausOrIdLabel: u } = g({ deviceData: d, variant: o }), { currentSize: h } = _(l), p = `${v}/${m}/frontend/components/device_status/assets/icons/${i}.svg`, e = {
+    iconKey: i,
+    size: h,
+    color: r,
+    palletColor: y,
+    variant: o
   };
-  return /* @__PURE__ */ jsxs(DeviceRootStyled, { ownerState, children: [
-    /* @__PURE__ */ jsx(DeviceStatusIconStyled, { src, color, ownerState }),
-    /* @__PURE__ */ jsxs(DeviceStatusRigthContainerStyled, { ownerState, children: [
-      /* @__PURE__ */ jsxs(DeviceTitleContainerStyled, { ownerState, children: [
-        alias && /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", color: "text.secondary", children: alias }),
-        /* @__PURE__ */ jsx(Typography, { variant: alias ? "body" : "bodyDens", color: "text.secondary", children: name })
+  return /* @__PURE__ */ s(b, { ownerState: e, children: [
+    /* @__PURE__ */ t(f, { src: p, color: r, ownerState: e }),
+    /* @__PURE__ */ s(x, { ownerState: e, children: [
+      /* @__PURE__ */ s(z, { ownerState: e, children: [
+        n && /* @__PURE__ */ t(c, { variant: "bodyDens", color: "text.secondary", children: n }),
+        /* @__PURE__ */ t(c, { variant: n ? "body" : "bodyDens", color: "text.secondary", children: S })
       ] }),
-      /* @__PURE__ */ jsx(DeviceStatusLabelStyled, { ownerState, variant: variant === "withStatus" ? "bodyDens" : "body", children: stausOrIdLabel })
+      /* @__PURE__ */ t(C, { ownerState: e, variant: o === "withStatus" ? "bodyDens" : "body", children: u })
     ] })
   ] });
 };
 export {
-  Device as D
+  R as Device
 };

package/components/Device/Device.styles.d.ts

@@ -1,2 +1,3 @@
 import { DeviceStyles } from './types';
 export declare const deviceStatusStyles: DeviceStyles;
+//# sourceMappingURL=Device.styles.d.ts.map

package/components/Device/Device.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Device.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/Device/Device.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,kBAAkB,EAAE,YAyFhC,CAAC"}

package/components/Device/Device.styles.js

@@ -1,41 +1,39 @@
-import { getSizeStyles } from "@m4l/components";
-import { g as getColors } from "./helpers.js";
-const deviceStatusStyles = {
+import { getSizeStyles as a } from "@m4l/components";
+import { getColors as i } from "./helpers.js";
+const d = {
   /**
    * TODO: Documentar
    */
-  root: ({ theme }) => ({
+  root: ({ theme: o }) => ({
     display: "flex",
     flexGrow: 1,
     alignItems: "center",
     justifyContent: "flex-start",
     height: "32px",
-    gap: `${theme.vars.size.baseSpacings["sp2-5"]}`,
+    gap: `${o.vars.size.baseSpacings["sp2-5"]}`,
     overflow: "hidden"
   }),
   /**
    * Estilos del icono del estado del dispositivo
    */
-  statusIcon: ({ theme, ownerState }) => {
-    const { colorIcon, colorBackground, colorBackgroundHover } = getColors(theme, ownerState);
+  statusIcon: ({ theme: o, ownerState: t }) => {
+    const { colorIcon: e, colorBackground: s, colorBackgroundHover: n } = i(o, t);
     return {
-      ...getSizeStyles(
-        theme,
-        ownerState?.size || "medium",
+      ...a(
+        o,
+        t?.size || "medium",
         "box",
-        (size) => {
-          return {
-            width: size,
-            height: size
-          };
-        }
+        (r) => ({
+          width: r,
+          height: r
+        })
       ),
       flexShrink: 0,
-      boxShadow: `0 2px 6px 0 ${colorBackgroundHover}`,
-      borderRadius: `${theme.vars.size.borderRadius["r2"]}`,
-      backgroundColor: colorBackground,
+      boxShadow: `0 2px 6px 0 ${n}`,
+      borderRadius: `${o.vars.size.borderRadius.r2}`,
+      backgroundColor: s,
       "& .M4LIcon-icon": {
-        backgroundColor: `${colorIcon} !important`,
+        backgroundColor: `${e} !important`,
         height: "20px",
         width: "20px"
       }
@@ -53,10 +51,10 @@ const deviceStatusStyles = {
   /**
    * Contenedor del nombre y el alias del dispositivo
    */
-  titleContainer: ({ theme }) => ({
+  titleContainer: ({ theme: o }) => ({
     display: "flex",
     alignItems: "center",
-    gap: `${theme.vars.size.baseSpacings["sp2"]}`
+    gap: `${o.vars.size.baseSpacings.sp2}`
   }),
   // /**
   //  *
@@ -75,8 +73,8 @@ const deviceStatusStyles = {
   /**
    * Estilos del label del estado del dispositivo
    */
-  statusLabel: ({ theme, ownerState }) => {
-    const { colorText } = getColors(theme, ownerState);
+  statusLabel: ({ theme: o, ownerState: t }) => {
+    const { colorText: e } = i(o, t);
     return {
       whiteSpace: "nowrap",
       width: "100%",
@@ -84,12 +82,12 @@ const deviceStatusStyles = {
       textOverflow: "ellipsis",
       fontSize: "12px",
       fontWeight: "normal",
-      ...ownerState?.variant === "withStatus" && {
-        color: `${colorText} !important`
+      ...t?.variant === "withStatus" && {
+        color: `${e} !important`
       }
     };
   }
 };
 export {
-  deviceStatusStyles as d
+  d as deviceStatusStyles
 };

package/components/Device/constants.d.ts

@@ -12,3 +12,4 @@ export type DeviceData = {
     name: string;
     alias?: string;
 };
+//# sourceMappingURL=constants.d.ts.map

package/components/Device/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/Device/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,wBAAwB,cAAc,CAAC;AACpD,eAAO,MAAM,6BAA6B,cAAc,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,oBAAoB,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAC,aAAa,CAAC;IACpB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/components/Device/constants.js

@@ -1,4 +1,4 @@
-const COMPONET_DEVICE_KEY_COMPONENT = "M4LDevice";
+const E = "M4LDevice";
 export {
-  COMPONET_DEVICE_KEY_COMPONENT as C
+  E as COMPONET_DEVICE_KEY_COMPONENT
 };

package/components/Device/dictionary.d.ts

@@ -12,3 +12,4 @@ export declare const MDS_DICTIONARY: {
     readonly LABEL_MAX_SPEED: "device.label_max_speed";
     readonly LABEL_ID: "device.label_id";
 };
+//# sourceMappingURL=dictionary.d.ts.map

package/components/Device/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/Device/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,wBAAgB,6BAA6B,aAE5C;AACD,eAAO,MAAM,cAAc;;;;;;;;;;;CAYjB,CAAC"}

package/components/Device/dictionary.js

@@ -1,19 +1,20 @@
-const MDS_DICTIONARY_ID = "device";
-function getDeviceComponentsDictionary() {
-  return [MDS_DICTIONARY_ID].concat();
+const _ = "device";
+function e() {
+  return [_].concat();
 }
-const MDS_DICTIONARY = {
-  LABEL_OFF: `${MDS_DICTIONARY_ID}.label_off`,
-  LABEL_MOVING: `${MDS_DICTIONARY_ID}.label_moving`,
-  LABEL_STOPPED: `${MDS_DICTIONARY_ID}.label_stopped`,
-  LABEL_STOPPED_RALENTI: `${MDS_DICTIONARY_ID}.label_stopped_ralenti`,
-  LABEL_STOPPED_E_RALENTI: `${MDS_DICTIONARY_ID}.label_stopped_e_ralenti`,
-  LABEL_TOWING: `${MDS_DICTIONARY_ID}.label_towing`,
-  LABEL_POWER_SAVING: `${MDS_DICTIONARY_ID}.label_power_saving`,
-  LABEL_MAX_SPEED: `${MDS_DICTIONARY_ID}.label_max_speed`,
-  LABEL_ID: `${MDS_DICTIONARY_ID}.label_id`
+const l = {
+  LABEL_OFF: `${_}.label_off`,
+  LABEL_MOVING: `${_}.label_moving`,
+  LABEL_STOPPED: `${_}.label_stopped`,
+  LABEL_STOPPED_RALENTI: `${_}.label_stopped_ralenti`,
+  LABEL_STOPPED_E_RALENTI: `${_}.label_stopped_e_ralenti`,
+  LABEL_TOWING: `${_}.label_towing`,
+  LABEL_POWER_SAVING: `${_}.label_power_saving`,
+  LABEL_MAX_SPEED: `${_}.label_max_speed`,
+  LABEL_ID: `${_}.label_id`
 };
 export {
-  MDS_DICTIONARY as M,
-  getDeviceComponentsDictionary as g
+  l as MDS_DICTIONARY,
+  _ as MDS_DICTIONARY_ID,
+  e as getDeviceComponentsDictionary
 };

package/components/Device/helpers/helperDeviceStatus.d.ts

@@ -5,3 +5,4 @@ import { StatusDeviceData } from '../hooks/constants';
  * tambien lo devuelve para ser usado en partes donde lo necesiten
  */
 export declare const getDeviceStatusByData: (deviceData: DeviceDataType) => StatusDeviceData;
+//# sourceMappingURL=helperDeviceStatus.d.ts.map

package/components/Device/helpers/helperDeviceStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperDeviceStatus.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/Device/helpers/helperDeviceStatus.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,EAA0B,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,YAAY,cAAc,qBAoB/D,CAAC"}

package/components/Device/helpers/helperDeviceStatus.js

@@ -1,22 +1,16 @@
-import { G as GNSSEnumMotionStatus } from "../../../@types/constants.js";
-import { D as DEVICE_STATUSES_CONFIG } from "../hooks/constants.js";
-import { g as getVptValueWithGuard } from "../../../utils/getVptValueWithGuard.js";
-const getDeviceStatusByData = (deviceData) => {
-  const status = getVptValueWithGuard(deviceData?.current?.vpts?.vptGnss?.gnssMotionStatus, GNSSEnumMotionStatus.off);
-  const course = getVptValueWithGuard(deviceData?.current?.vpts?.vptGnss?.gnssCourse, 0);
-  const speed = getVptValueWithGuard(deviceData?.current?.vpts?.vptGnss?.gnssSpeed, 0);
-  let statusData;
+import { GNSSEnumMotionStatus as n } from "../../../@types/constants.js";
+import { DEVICE_STATUSES_CONFIG as e } from "../hooks/constants.js";
+import { getVptValueWithGuard as p } from "../../../utils/getVptValueWithGuard.js";
+const i = (r) => {
+  const u = p(r?.current?.vpts?.vptGnss?.gnssMotionStatus, n.off), o = p(r?.current?.vpts?.vptGnss?.gnssCourse, 0), t = p(r?.current?.vpts?.vptGnss?.gnssSpeed, 0);
+  let s;
   try {
-    statusData = { course, speed, ...DEVICE_STATUSES_CONFIG[status] };
-  } catch (_error) {
-    if (speed > 0) {
-      statusData = { course, speed, ...DEVICE_STATUSES_CONFIG[GNSSEnumMotionStatus.moving] };
-    } else {
-      statusData = { course, speed, ...DEVICE_STATUSES_CONFIG[GNSSEnumMotionStatus.stopped] };
-    }
+    s = { course: o, speed: t, ...e[u] };
+  } catch {
+    t > 0 ? s = { course: o, speed: t, ...e[n.moving] } : s = { course: o, speed: t, ...e[n.stopped] };
   }
-  return statusData;
+  return s;
 };
 export {
-  getDeviceStatusByData as g
+  i as getDeviceStatusByData
 };

package/components/Device/helpers.d.ts

@@ -16,3 +16,4 @@ export declare const getColors: (theme: Theme, ownerState: Partial<DeviceOwnerSt
     colorBackground: string;
     colorBackgroundHover: string;
 };
+//# sourceMappingURL=helpers.d.ts.map

package/components/Device/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/Device/helpers.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAAG,UAAU,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,cAAc,KAAE,UAe3D,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,YAAY,OAAO,CAAC,gBAAgB,CAAC;;;;;CAS5E,CAAC"}

package/components/Device/helpers.js

@@ -1,27 +1,20 @@
-import { getPropertyByString } from "@m4l/core";
-import { G as GNSSEnumMotionStatus } from "../../@types/constants.js";
-import { D as DEVICE_STATUSES_CONFIG } from "./hooks/constants.js";
-const getDeviceByData = (deviceData) => {
-  const status = deviceData?.current?.vpts?.vptGnss?.gnssMotionStatus?.value || GNSSEnumMotionStatus.off;
-  const name = getPropertyByString(deviceData, "settings.name", "");
-  const alias = getPropertyByString(deviceData, "settings.alias", void 0);
-  let statusDeviceData;
+import { getPropertyByString as c } from "@m4l/core";
+import { GNSSEnumMotionStatus as a } from "../../@types/constants.js";
+import { DEVICE_STATUSES_CONFIG as l } from "./hooks/constants.js";
+const m = (t) => {
+  const s = t?.current?.vpts?.vptGnss?.gnssMotionStatus?.value || a.off, o = c(t, "settings.name", ""), n = c(t, "settings.alias", void 0);
+  let r;
   try {
-    statusDeviceData = { name, alias, ...DEVICE_STATUSES_CONFIG[status] };
-  } catch (_error) {
-    statusDeviceData = { name, alias, ...DEVICE_STATUSES_CONFIG[GNSSEnumMotionStatus.stopped] };
+    r = { name: o, alias: n, ...l[s] };
+  } catch {
+    r = { name: o, alias: n, ...l[a.stopped] };
   }
-  return statusDeviceData;
-};
-const getColors = (theme, ownerState) => {
-  const finalPalette = theme.vars.palette.chips[ownerState?.palletColor ?? "default"]["contained"];
-  const colorBackground = finalPalette.backgroundColorTone;
-  const colorText = finalPalette.color;
-  const colorIcon = finalPalette.colorTone;
-  const colorBackgroundHover = finalPalette.backgroundHover;
-  return { colorText, colorIcon, colorBackground, colorBackgroundHover };
+  return r;
+}, S = (t, s) => {
+  const o = t.vars.palette.chips[s?.palletColor ?? "default"].contained, n = o.backgroundColorTone, r = o.color, e = o.colorTone, i = o.backgroundHover;
+  return { colorText: r, colorIcon: e, colorBackground: n, colorBackgroundHover: i };
 };
 export {
-  getDeviceByData as a,
-  getColors as g
+  S as getColors,
+  m as getDeviceByData
 };

package/components/Device/hooks/constants.d.ts

@@ -14,3 +14,4 @@ export type StatusDeviceData = BaseStatusDeviceData & {
     speed?: number;
 };
 export declare const DEVICE_STATUSES_CONFIG: Record<GNSSEnumMotionStatus, BaseStatusDeviceData>;
+//# sourceMappingURL=constants.d.ts.map

package/components/Device/hooks/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/Device/hooks/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,oBAAoB,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAO,sBAAsB,EAAG,MAAM,CAAC,oBAAoB,EAAE,oBAAoB,CA+DvF,CAAC"}

package/components/Device/hooks/constants.js

@@ -1,77 +1,77 @@
-import { G as GNSSEnumMotionStatus } from "../../../@types/constants.js";
-import { M as MDS_DICTIONARY } from "../dictionary.js";
-import { D as DEVICE_ICONS } from "../icons.js";
-const DEVICE_STATUSES_CONFIG = {
-  [GNSSEnumMotionStatus.moving]: {
-    id: GNSSEnumMotionStatus.moving,
-    statusLabelId: MDS_DICTIONARY.LABEL_MOVING,
-    iconKey: DEVICE_ICONS.MOVING,
+import { GNSSEnumMotionStatus as o } from "../../../@types/constants.js";
+import { MDS_DICTIONARY as e } from "../dictionary.js";
+import { DEVICE_ICONS as t } from "../icons.js";
+const s = {
+  [o.moving]: {
+    id: o.moving,
+    statusLabelId: e.LABEL_MOVING,
+    iconKey: t.MOVING,
     color: "success.main",
     //Ready
     palletColor: "success"
   },
-  [GNSSEnumMotionStatus.off]: {
-    id: GNSSEnumMotionStatus.off,
-    statusLabelId: MDS_DICTIONARY.LABEL_OFF,
-    iconKey: DEVICE_ICONS.OFF,
+  [o.off]: {
+    id: o.off,
+    statusLabelId: e.LABEL_OFF,
+    iconKey: t.OFF,
     color: "info.main",
     //Ready
     palletColor: "info",
     course: 0
   },
-  [GNSSEnumMotionStatus.stopped]: {
-    id: GNSSEnumMotionStatus.stopped,
-    statusLabelId: MDS_DICTIONARY.LABEL_STOPPED,
-    iconKey: DEVICE_ICONS.STOPPED,
+  [o.stopped]: {
+    id: o.stopped,
+    statusLabelId: e.LABEL_STOPPED,
+    iconKey: t.STOPPED,
     color: "text.secondary",
     //Ready
     palletColor: "default",
     course: 0
   },
-  [GNSSEnumMotionStatus.stoppedRalenti]: {
-    id: GNSSEnumMotionStatus.stoppedRalenti,
-    statusLabelId: MDS_DICTIONARY.LABEL_STOPPED_RALENTI,
-    iconKey: DEVICE_ICONS.STOPPED_RALENTI,
+  [o.stoppedRalenti]: {
+    id: o.stoppedRalenti,
+    statusLabelId: e.LABEL_STOPPED_RALENTI,
+    iconKey: t.STOPPED_RALENTI,
     color: "warning.active",
     //Ready
     palletColor: "warning",
     course: 0
   },
-  [GNSSEnumMotionStatus.stoppedExcesiveRalenti]: {
-    id: GNSSEnumMotionStatus.stoppedExcesiveRalenti,
-    statusLabelId: MDS_DICTIONARY.LABEL_STOPPED_E_RALENTI,
-    iconKey: DEVICE_ICONS.STOPPED_E_RALENTI,
+  [o.stoppedExcesiveRalenti]: {
+    id: o.stoppedExcesiveRalenti,
+    statusLabelId: e.LABEL_STOPPED_E_RALENTI,
+    iconKey: t.STOPPED_E_RALENTI,
     color: "error.enabled",
     //Ready
     palletColor: "orange",
     course: 0
   },
-  [GNSSEnumMotionStatus.towing]: {
-    id: GNSSEnumMotionStatus.towing,
-    statusLabelId: MDS_DICTIONARY.LABEL_TOWING,
-    iconKey: DEVICE_ICONS.TOWING,
+  [o.towing]: {
+    id: o.towing,
+    statusLabelId: e.LABEL_TOWING,
+    iconKey: t.TOWING,
     color: "success.active",
     //Ready
     palletColor: "forest"
   },
-  [GNSSEnumMotionStatus.powerSaving]: {
-    id: GNSSEnumMotionStatus.powerSaving,
-    statusLabelId: MDS_DICTIONARY.LABEL_POWER_SAVING,
-    iconKey: DEVICE_ICONS.POWER_SAVING,
+  [o.powerSaving]: {
+    id: o.powerSaving,
+    statusLabelId: e.LABEL_POWER_SAVING,
+    iconKey: t.POWER_SAVING,
     color: "text.secondary",
     //Ready
     palletColor: "default",
     course: 0
   },
-  [GNSSEnumMotionStatus.maxSpeed]: {
-    id: GNSSEnumMotionStatus.maxSpeed,
-    statusLabelId: MDS_DICTIONARY.LABEL_MAX_SPEED,
-    iconKey: DEVICE_ICONS.MAX_SPEED,
+  [o.maxSpeed]: {
+    id: o.maxSpeed,
+    statusLabelId: e.LABEL_MAX_SPEED,
+    iconKey: t.MAX_SPEED,
     color: "error.enabled",
     //Ready
     palletColor: "error"
   }
 };
 export {
-  DEVICE_STATUSES_CONFIG as D
+  s as DEVICE_STATUSES_CONFIG
 };

package/components/Device/hooks/useDevice.d.ts

@@ -10,3 +10,4 @@ export declare const useDevice: (props: useDeviceProps) => {
     color: string;
     palletColor: import('@m4l/styles').ChipColorOptions;
 };
+//# sourceMappingURL=useDevice.d.ts.map

package/components/Device/hooks/useDevice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDevice.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/Device/hooks/useDevice.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK1C;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc;;;;;;;CAe9C,CAAC"}

package/components/Device/hooks/useDevice.js

@@ -1,23 +1,21 @@
-import { useModuleDictionary } from "@m4l/core";
-import { useMemo } from "react";
-import { a as getDeviceByData } from "../helpers.js";
-import { M as MDS_DICTIONARY } from "../dictionary.js";
-const useDevice = (props) => {
-  const { deviceData, variant = "withStatus" } = props;
-  const { getLabel } = useModuleDictionary();
-  return useMemo(() => {
-    const { iconKey, statusLabelId, color, palletColor, name, alias } = getDeviceByData(deviceData);
-    const stausOrIdLabel = variant === "withStatus" ? getLabel(statusLabelId) : `${getLabel(MDS_DICTIONARY.LABEL_ID, deviceData.resourceSerialId)}`;
+import { useModuleDictionary as m } from "@m4l/core";
+import { useMemo as D } from "react";
+import { getDeviceByData as p } from "../helpers.js";
+import { MDS_DICTIONARY as I } from "../dictionary.js";
+const S = (r) => {
+  const { deviceData: t, variant: o = "withStatus" } = r, { getLabel: e } = m();
+  return D(() => {
+    const { iconKey: a, statusLabelId: s, color: i, palletColor: c, name: n, alias: u } = p(t), l = o === "withStatus" ? e(s) : `${e(I.LABEL_ID, t.resourceSerialId)}`;
     return {
-      name,
-      alias,
-      iconKey,
-      stausOrIdLabel,
-      color,
-      palletColor
+      name: n,
+      alias: u,
+      iconKey: a,
+      stausOrIdLabel: l,
+      color: i,
+      palletColor: c
     };
-  }, [deviceData, getLabel, variant]);
+  }, [t, e, o]);
 };
 export {
-  useDevice as u
+  S as useDevice
 };

package/components/Device/hooks/useDeviceStatus.d.ts

@@ -10,3 +10,4 @@ export declare const useDeviceStatus: (props: useDeviceStatusProps) => {
     palletColor: import('@m4l/styles').ChipColorOptions;
     speed: number | undefined;
 };
+//# sourceMappingURL=useDeviceStatus.d.ts.map

package/components/Device/hooks/useDeviceStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceStatus.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/Device/hooks/useDeviceStatus.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAIhD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB;;;;;;;CAkB1D,CAAC"}