@sincpro/mobile-ui 0.1.2

package/lib/module/views/Wizard/Wizard.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { useEffect } from "react";
+import { TouchableOpacity } from "react-native";
+import { useWizard, WizardProvider } from "./Wizard.context.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const WizardRoot = props => {
+  return /*#__PURE__*/_jsx(WizardProvider, {
+    ...props
+  });
+};
+const WizardStep = ({
+  name,
+  children,
+  canEnter,
+  onEnterFailed,
+  onEnter,
+  onExit
+}) => {
+  const wizard = useWizard();
+  useEffect(() => {
+    if (wizard.currentStep === name) {
+      const checkAndEnter = async () => {
+        if (canEnter) {
+          const allowed = await canEnter();
+          if (!allowed) {
+            onEnterFailed?.();
+            wizard.back();
+            return;
+          }
+        }
+        await onEnter?.();
+      };
+      void checkAndEnter();
+    }
+    return () => {
+      if (wizard.currentStep === name) {
+        void onExit?.();
+      }
+    };
+  }, [wizard.currentStep, name, canEnter, onEnterFailed, onEnter, onExit, wizard]);
+  if (wizard.currentStep !== name) {
+    return null;
+  }
+  if (typeof children === "function") {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children(wizard)
+    });
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+const WizardGuard = ({
+  children,
+  canEnter,
+  onEnterFailed
+}) => {
+  const wizard = useWizard();
+  useEffect(() => {
+    const checkGuard = async () => {
+      if (canEnter) {
+        const allowed = await canEnter();
+        if (!allowed) {
+          onEnterFailed?.();
+          wizard.back();
+        }
+      }
+    };
+    void checkGuard();
+  }, [canEnter, onEnterFailed, wizard]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+const WizardGo = ({
+  step,
+  children,
+  onPress
+}) => {
+  const wizard = useWizard();
+  const handlePress = () => {
+    onPress?.();
+    wizard.goToStep(step);
+  };
+  if (typeof children === "function") {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children(handlePress)
+    });
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: handlePress,
+    children: children
+  });
+};
+const WizardBack = ({
+  children,
+  onPress
+}) => {
+  const wizard = useWizard();
+  const handlePress = () => {
+    onPress?.();
+    wizard.back();
+  };
+  if (!children) {
+    return null;
+  }
+  if (typeof children === "function") {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children(handlePress)
+    });
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: handlePress,
+    children: children
+  });
+};
+export const Wizard = {
+  Root: WizardRoot,
+  Step: WizardStep,
+  Guard: WizardGuard,
+  Go: WizardGo,
+  Back: WizardBack
+};
+//# sourceMappingURL=Wizard.js.map

package/lib/module/views/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","TouchableOpacity","useWizard","WizardProvider","jsx","_jsx","Fragment","_Fragment","WizardRoot","props","WizardStep","name","children","canEnter","onEnterFailed","onEnter","onExit","wizard","currentStep","checkAndEnter","allowed","back","WizardGuard","checkGuard","WizardGo","step","onPress","handlePress","goToStep","WizardBack","Wizard","Root","Step","Guard","Go","Back"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["views/Wizard/Wizard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/Wizard/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { Wizard } from "./Wizard.js";
+export { useWizard } from "./Wizard.context.js";
+//# sourceMappingURL=index.js.map

package/lib/module/views/Wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Wizard","useWizard"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["views/Wizard/index.ts"],"mappings":";;AAQA,SAASA,MAAM,QAAQ,aAAU;AAEjC,SAASC,SAAS,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/views/types/IFormView.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=IFormView.js.map

package/lib/module/views/types/IFormView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["views/types/IFormView.ts"],"mappings":"","ignoreList":[]}

package/lib/module/views/types/IListView.js

@@ -0,0 +1,40 @@
+"use strict";
+
+const defaultRowKeys = {
+  id: "id",
+  rowTitle: "name",
+  rowSubtitle: "description",
+  readOnly: "readonly"
+};
+export function toRowItem(item, index, mapKeys) {
+  let mapper = {};
+  if (!mapKeys) {
+    mapper = defaultRowKeys;
+  } else {
+    mapper = {
+      ...defaultRowKeys,
+      ...mapKeys
+    };
+  }
+  if (typeof item === "string" || typeof item === "number") {
+    return {
+      id: item,
+      rowTitle: String(item),
+      rowSubtitle: undefined,
+      readonly: false
+    };
+  }
+  const rowItem = Object.create(Object.getPrototypeOf(item));
+  Object.assign(rowItem, item, {
+    id: item[mapper.id] || "N/A",
+    index: index,
+    rowTitle: item[mapper.rowTitle] || "N/A",
+    rowSubtitle: item[mapper.rowSubtitle] || undefined,
+    readonly: item[mapper.readOnly] || false
+  });
+  return rowItem;
+}
+export function toRowItems(items, mapKeys) {
+  return items.map((item, index) => toRowItem(item, index, mapKeys));
+}
+//# sourceMappingURL=IListView.js.map

package/lib/module/views/types/IListView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultRowKeys","id","rowTitle","rowSubtitle","readOnly","toRowItem","item","index","mapKeys","mapper","String","undefined","readonly","rowItem","Object","create","getPrototypeOf","assign","toRowItems","items","map"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["views/types/IListView.ts"],"mappings":";;AAuCA,MAAMA,cAA4B,GAAG;EACnCC,EAAE,EAAE,IAAI;EACRC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,aAAa;EAC1BC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,SAASC,SAASA,CAAIC,IAAO,EAAEC,KAAa,EAAEC,OAAoB,EAAe;EACtF,IAAIC,MAAkB,GAAG,CAAC,CAAC;EAC3B,IAAI,CAACD,OAAO,EAAE;IACZC,MAAM,GAAGT,cAA4B;EACvC,CAAC,MAAM;IACLS,MAAM,GAAG;MAAE,GAAGT,cAAc;MAAE,GAAGQ;IAAQ,CAAe;EAC1D;EAEA,IAAI,OAAOF,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IACxD,OAAO;MACLL,EAAE,EAAEK,IAAI;MACRJ,QAAQ,EAAEQ,MAAM,CAACJ,IAAI,CAAC;MACtBH,WAAW,EAAEQ,SAAS;MACtBC,QAAQ,EAAE;IACZ,CAAC;EACH;EAEA,MAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACD,MAAM,CAACE,cAAc,CAACV,IAAI,CAAC,CAAC;EAC1DQ,MAAM,CAACG,MAAM,CAACJ,OAAO,EAAEP,IAAI,EAAE;IAC3BL,EAAE,EAAEK,IAAI,CAACG,MAAM,CAACR,EAAE,CAAE,IAAI,KAAK;IAC7BM,KAAK,EAAEA,KAAK;IACZL,QAAQ,EAAEI,IAAI,CAACG,MAAM,CAACP,QAAQ,CAAE,IAAI,KAAK;IACzCC,WAAW,EAAEG,IAAI,CAACG,MAAM,CAACN,WAAW,CAAE,IAAIQ,SAAS;IACnDC,QAAQ,EAAEN,IAAI,CAACG,MAAM,CAACL,QAAQ,CAAE,IAAI;EACtC,CAAC,CAAC;EAEF,OAAOS,OAAO;AAChB;AAEA,OAAO,SAASK,UAAUA,CAAIC,KAAU,EAAEX,OAAoB,EAAiB;EAC7E,OAAOW,KAAK,CAACC,GAAG,CAAC,CAACd,IAAI,EAAEC,KAAK,KAAKF,SAAS,CAACC,IAAI,EAAEC,KAAK,EAAEC,OAAO,CAAC,CAAC;AACpE","ignoreList":[]}

package/lib/module/views/types/UIItem.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=UIItem.js.map

package/lib/module/views/types/UIItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["views/types/UIItem.ts"],"mappings":"","ignoreList":[]}

package/lib/module/widgets/CircleButton.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { tv } from "tailwind-variants";
+import { Display } from "../Display/index.js";
+import { theme } from "../theme/index.js";
+import { cn } from "../theme/tw.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const circleButtonVariants = tv({
+  base: "rounded-full items-center justify-center shadow-sm",
+  variants: {
+    size: {
+      sm: "w-12 h-12",
+      // 48px
+      md: "w-15 h-15",
+      // 60px
+      lg: "w-20 h-20" // 80px
+    },
+    variant: {
+      primary: "bg-primary",
+      secondary: "bg-secondary",
+      accent: "bg-accent",
+      success: "bg-success",
+      danger: "bg-danger",
+      warning: "bg-warning"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "accent"
+  }
+});
+const SIZE_MAP = {
+  sm: {
+    container: 48,
+    icon: 24
+  },
+  md: {
+    container: 60,
+    icon: 30
+  },
+  lg: {
+    container: 80,
+    icon: 40
+  }
+};
+export function CircleButton({
+  iconType = "ionicons",
+  size = "md",
+  color = theme.text.inverse,
+  variant = "accent",
+  className,
+  customIcon
+}) {
+  const iconSize = SIZE_MAP[size].icon;
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(circleButtonVariants({
+      size,
+      variant
+    }), className),
+    children: /*#__PURE__*/_jsx(Display.Icon, {
+      color: color,
+      customIcon: customIcon,
+      size: iconSize,
+      type: iconType
+    })
+  });
+}
+//# sourceMappingURL=CircleButton.js.map

package/lib/module/widgets/CircleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","tv","Display","theme","cn","jsx","_jsx","circleButtonVariants","base","variants","size","sm","md","lg","variant","primary","secondary","accent","success","danger","warning","defaultVariants","SIZE_MAP","container","icon","CircleButton","iconType","color","text","inverse","className","customIcon","iconSize","children","Icon","type"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["widgets/CircleButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,EAAE,QAAQ,mBAAmB;AAEtC,SAASC,OAAO,QAAQ,qBAAY;AAEpC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWjC,MAAMC,oBAAoB,GAAGN,EAAE,CAAC;EAC9BO,IAAI,EAAE,oDAAoD;EAC1DC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,WAAW;MAAE;MACjBC,EAAE,EAAE,WAAW;MAAE;MACjBC,EAAE,EAAE,WAAW,CAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrBC,SAAS,EAAE,cAAc;MACzBC,MAAM,EAAE,WAAW;MACnBC,OAAO,EAAE,YAAY;MACrBC,MAAM,EAAE,WAAW;MACnBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfX,IAAI,EAAE,IAAI;IACVI,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMQ,QAAQ,GAAG;EACfX,EAAE,EAAE;IAAEY,SAAS,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC;EAC/BZ,EAAE,EAAE;IAAEW,SAAS,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC;EAC/BX,EAAE,EAAE;IAAEU,SAAS,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG;AAChC,CAAC;AAED,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ,GAAG,UAAU;EACrBhB,IAAI,GAAG,IAAI;EACXiB,KAAK,GAAGxB,KAAK,CAACyB,IAAI,CAACC,OAAO;EAC1Bf,OAAO,GAAG,QAAQ;EAClBgB,SAAS;EACTC;AACiB,CAAC,EAAE;EACpB,MAAMC,QAAQ,GAAGV,QAAQ,CAACZ,IAAI,CAAC,CAACc,IAAI;EAEpC,oBACElB,IAAA,CAACN,IAAI;IAAC8B,SAAS,EAAE1B,EAAE,CAACG,oBAAoB,CAAC;MAAEG,IAAI;MAAEI;IAAQ,CAAC,CAAC,EAAEgB,SAAS,CAAE;IAAAG,QAAA,eACtE3B,IAAA,CAACJ,OAAO,CAACgC,IAAI;MAACP,KAAK,EAAEA,KAAM;MAACI,UAAU,EAAEA,UAAW;MAACrB,IAAI,EAAEsB,QAAS;MAACG,IAAI,EAAET;IAAS,CAAE;EAAC,CAClF,CAAC;AAEX","ignoreList":[]}

package/lib/module/widgets/GeoPermissionCard.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { View } from "react-native";
+import { tv } from "tailwind-variants";
+import { Display, Form } from "../index.js";
+import { theme } from "../theme/index.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const statusTextVariants = tv({
+  variants: {
+    granted: {
+      true: "text-green-600",
+      false: "text-red-500"
+    }
+  }
+});
+function GeoPermissionCard({
+  title,
+  loading,
+  handleRequestPermission,
+  hasPermission
+}) {
+  const granted = hasPermission !== undefined ? hasPermission : false;
+  return /*#__PURE__*/_jsx(View, {
+    className: "bg-slate-50 rounded-xl p-5 my-2.5 shadow-sm",
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "flex-row items-start",
+      children: [/*#__PURE__*/_jsx(Display.Icon, {
+        color: granted ? theme.success : theme.danger,
+        name: granted ? "check-circle" : "location-off",
+        size: 35,
+        type: "material"
+      }), /*#__PURE__*/_jsxs(View, {
+        className: "ml-2.5 flex-1",
+        children: [/*#__PURE__*/_jsx(Typography.Text, {
+          className: "text-base mb-1",
+          semibold: true,
+          children: title
+        }), /*#__PURE__*/_jsx(Typography.Text, {
+          className: statusTextVariants({
+            granted
+          }),
+          children: granted ? "Permiso activo." : "Permiso inactivo."
+        }), !granted && /*#__PURE__*/_jsx(Form.Button, {
+          loading: loading,
+          onPress: handleRequestPermission,
+          size: "small",
+          title: "Abrir Configuración"
+        })]
+      })]
+    })
+  });
+}
+export default GeoPermissionCard;
+//# sourceMappingURL=GeoPermissionCard.js.map

package/lib/module/widgets/GeoPermissionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","tv","Display","Form","theme","Typography","jsx","_jsx","jsxs","_jsxs","statusTextVariants","variants","granted","true","false","GeoPermissionCard","title","loading","handleRequestPermission","hasPermission","undefined","className","children","Icon","color","success","danger","name","size","type","Text","semibold","Button","onPress"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["widgets/GeoPermissionCard.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,EAAE,QAAQ,mBAAmB;AAEtC,SAASC,OAAO,EAAEC,IAAI,QAAQ,aAAU;AACxC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,kBAAkB,GAAGT,EAAE,CAAC;EAC5BU,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,gBAAgB;MACtBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC;AASF,SAASC,iBAAiBA,CAAC;EACzBC,KAAK;EACLC,OAAO;EACPC,uBAAuB;EACvBC;AACsB,CAAC,EAAE;EACzB,MAAMP,OAAO,GAAGO,aAAa,KAAKC,SAAS,GAAGD,aAAa,GAAG,KAAK;EAEnE,oBACEZ,IAAA,CAACP,IAAI;IAACqB,SAAS,EAAC,6CAA6C;IAAAC,QAAA,eAC3Db,KAAA,CAACT,IAAI;MAACqB,SAAS,EAAC,sBAAsB;MAAAC,QAAA,gBACpCf,IAAA,CAACL,OAAO,CAACqB,IAAI;QACXC,KAAK,EAAEZ,OAAO,GAAGR,KAAK,CAACqB,OAAO,GAAGrB,KAAK,CAACsB,MAAO;QAC9CC,IAAI,EAAEf,OAAO,GAAG,cAAc,GAAG,cAAe;QAChDgB,IAAI,EAAE,EAAG;QACTC,IAAI,EAAC;MAAU,CAChB,CAAC,eACFpB,KAAA,CAACT,IAAI;QAACqB,SAAS,EAAC,eAAe;QAAAC,QAAA,gBAC7Bf,IAAA,CAACF,UAAU,CAACyB,IAAI;UAACT,SAAS,EAAC,gBAAgB;UAACU,QAAQ;UAAAT,QAAA,EACjDN;QAAK,CACS,CAAC,eAClBT,IAAA,CAACF,UAAU,CAACyB,IAAI;UAACT,SAAS,EAAEX,kBAAkB,CAAC;YAAEE;UAAQ,CAAC,CAAE;UAAAU,QAAA,EACzDV,OAAO,GAAG,iBAAiB,GAAG;QAAmB,CACnC,CAAC,EACjB,CAACA,OAAO,iBACPL,IAAA,CAACJ,IAAI,CAAC6B,MAAM;UACVf,OAAO,EAAEA,OAAQ;UACjBgB,OAAO,EAAEf,uBAAwB;UACjCU,IAAI,EAAC,OAAO;UACZZ,KAAK,EAAE;QAAsB,CAC9B,CACF;MAAA,CACG,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,iBAAiB","ignoreList":[]}

package/lib/module/widgets/HomeHeader.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+import { Display, Typography } from "../index.js";
+import GradientContainer from "../layouts/GradientContainer.js";
+import { theme } from "../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const HomeHeader = ({
+  title = "Distribución",
+  logo,
+  backButton = false,
+  onBack
+}) => {
+  const handleBackPress = onBack ?? (() => {});
+  return /*#__PURE__*/_jsx(GradientContainer, {
+    className: "pt-10 pb-4 px-4",
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "relative items-center justify-center",
+      children: [backButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+        className: "absolute top-0 left-0 z-10 border border-text-inverse p-1.5 rounded",
+        onPress: handleBackPress,
+        children: /*#__PURE__*/_jsx(Display.Icon, {
+          color: theme.text.inverse,
+          name: "chevron-back",
+          size: 25,
+          type: "ionicons"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        className: "items-center justify-center",
+        children: [logo || /*#__PURE__*/_jsx(Display.Logo, {
+          size: "medium"
+        }), !!title && /*#__PURE__*/_jsx(Typography.Text, {
+          className: "text-text-inverse",
+          variant: "h4",
+          children: title
+        })]
+      })]
+    })
+  });
+};
+//# sourceMappingURL=HomeHeader.js.map

package/lib/module/widgets/HomeHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","Display","Typography","GradientContainer","theme","jsx","_jsx","jsxs","_jsxs","HomeHeader","title","logo","backButton","onBack","handleBackPress","className","children","onPress","Icon","color","text","inverse","name","size","type","Logo","Text","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["widgets/HomeHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,OAAO,EAAEC,UAAU,QAAQ,aAAU;AAC9C,OAAOC,iBAAiB,MAAM,iCAA8B;AAC5D,SAASC,KAAK,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASjC,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,KAAK,GAAG,cAAc;EACtBC,IAAI;EACJC,UAAU,GAAG,KAAK;EAClBC;AACF,CAAC,KAAK;EACJ,MAAMC,eAAe,GAAGD,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC;EAE5C,oBACEP,IAAA,CAACH,iBAAiB;IAACY,SAAS,EAAC,iBAAiB;IAAAC,QAAA,eAC5CR,KAAA,CAACR,IAAI;MAACe,SAAS,EAAC,sCAAsC;MAAAC,QAAA,GACnDJ,UAAU,iBACTN,IAAA,CAACP,gBAAgB;QACfgB,SAAS,EAAC,qEAAqE;QAC/EE,OAAO,EAAEH,eAAgB;QAAAE,QAAA,eAEzBV,IAAA,CAACL,OAAO,CAACiB,IAAI;UACXC,KAAK,EAAEf,KAAK,CAACgB,IAAI,CAACC,OAAQ;UAC1BC,IAAI,EAAC,cAAc;UACnBC,IAAI,EAAE,EAAG;UACTC,IAAI,EAAC;QAAU,CAChB;MAAC,CACc,CACnB,eACDhB,KAAA,CAACR,IAAI;QAACe,SAAS,EAAC,6BAA6B;QAAAC,QAAA,GAC1CL,IAAI,iBAAIL,IAAA,CAACL,OAAO,CAACwB,IAAI;UAACF,IAAI,EAAC;QAAQ,CAAE,CAAC,EACtC,CAAC,CAACb,KAAK,iBACNJ,IAAA,CAACJ,UAAU,CAACwB,IAAI;UAACX,SAAS,EAAC,mBAAmB;UAACY,OAAO,EAAC,IAAI;UAAAX,QAAA,EACxDN;QAAK,CACS,CAClB;MAAA,CACG,CAAC;IAAA,CACH;EAAC,CACU,CAAC;AAExB,CAAC","ignoreList":[]}

package/lib/module/widgets/JSONViewer.js

@@ -0,0 +1,196 @@
+"use strict";
+
+import React, { useMemo, useState } from "react";
+import { Platform, Text, View } from "react-native";
+import { ThemedActivityIndicator } from "../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const parseDeepJson = value => {
+  if (typeof value === "string") {
+    try {
+      const parsed = JSON.parse(value);
+      return parseDeepJson(parsed);
+    } catch {
+      return value;
+    }
+  }
+  if (Array.isArray(value)) {
+    return value.map(parseDeepJson);
+  }
+  if (value && typeof value === "object") {
+    const result = {};
+    for (const key in value) {
+      result[key] = parseDeepJson(value[key]);
+    }
+    return result;
+  }
+  return value;
+};
+const JSON_COLORS = {
+  key: "#0066CC",
+  string: "#008000",
+  number: "#FF8C00",
+  boolean: "#9966CC",
+  null: "#999999",
+  punctuation: "#666666"
+};
+const MAX_JSON_SIZE = 500_000; // 500KB límite
+const MAX_LINES = 500; // Máximo 500 líneas con colores
+
+function parseJsonToColoredLines(jsonString) {
+  // Protección 1: Verificar tamaño
+  if (jsonString.length > MAX_JSON_SIZE) {
+    return [{
+      text: `⚠️ JSON muy grande (${(jsonString.length / 1024).toFixed(1)}KB)\n\n`,
+      color: "#FF6600"
+    }, {
+      text: "Mostrando como texto plano por performance...\n\n",
+      color: "#666666"
+    }, {
+      text: jsonString,
+      color: "#333333"
+    }];
+  }
+  const lines = jsonString.split("\n");
+
+  // Protección 2: Verificar cantidad de líneas
+  if (lines.length > MAX_LINES) {
+    return [{
+      text: `⚠️ JSON muy largo (${lines.length} líneas)\n\n`,
+      color: "#FF6600"
+    }, {
+      text: "Mostrando como texto plano por performance...\n\n",
+      color: "#666666"
+    }, {
+      text: jsonString,
+      color: "#333333"
+    }];
+  }
+  const coloredLines = [];
+  lines.forEach(line => {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed === "{" || trimmed === "}" || trimmed === "[" || trimmed === "]" || trimmed === "," || trimmed.endsWith(",")) {
+      const keyMatch = line.match(/^(\s*)"([^"]+)":\s*(.+)$/);
+      if (keyMatch) {
+        const indent = keyMatch[1];
+        const key = keyMatch[2];
+        const valueStr = keyMatch[3];
+        coloredLines.push({
+          text: indent,
+          color: JSON_COLORS.punctuation
+        }, {
+          text: `"${key}"`,
+          color: JSON_COLORS.key
+        }, {
+          text: ": ",
+          color: JSON_COLORS.punctuation
+        });
+        if (valueStr.startsWith('"')) {
+          coloredLines.push({
+            text: valueStr + "\n",
+            color: JSON_COLORS.string
+          });
+        } else if (!isNaN(Number(valueStr.replace(",", "")))) {
+          coloredLines.push({
+            text: valueStr + "\n",
+            color: JSON_COLORS.number
+          });
+        } else if (valueStr.startsWith("true") || valueStr.startsWith("false")) {
+          coloredLines.push({
+            text: valueStr + "\n",
+            color: JSON_COLORS.boolean
+          });
+        } else if (valueStr.startsWith("null")) {
+          coloredLines.push({
+            text: valueStr + "\n",
+            color: JSON_COLORS.null
+          });
+        } else {
+          coloredLines.push({
+            text: valueStr + "\n",
+            color: JSON_COLORS.punctuation
+          });
+        }
+        return;
+      }
+    }
+    coloredLines.push({
+      text: line + "\n",
+      color: JSON_COLORS.punctuation
+    });
+  });
+  return coloredLines;
+}
+const JsonPreview = ({
+  selectedJson
+}) => {
+  const [isProcessing, setIsProcessing] = useState(false);
+
+  // Protección 3: Formatear con try-catch robusto
+  const formattedJson = useMemo(() => {
+    if (!selectedJson || selectedJson.trim() === "") {
+      return "{}";
+    }
+    try {
+      const parsed = JSON.parse(selectedJson);
+      const cleaned = parseDeepJson(parsed);
+      return JSON.stringify(cleaned, null, 2);
+    } catch (error) {
+      console.warn("[JSONViewer] Error parsing JSON:", error);
+      return selectedJson; // Mostrar original si falla
+    }
+  }, [selectedJson]);
+
+  // Protección 4: Colorear con control de procesamiento
+  const coloredLines = useMemo(() => {
+    setIsProcessing(true);
+    try {
+      return parseJsonToColoredLines(formattedJson);
+    } catch (error) {
+      console.warn("[JSONViewer] Error coloring JSON:", error);
+      // Fallback a texto plano si falla el coloreado
+      return [{
+        text: formattedJson,
+        color: "#333333"
+      }];
+    } finally {
+      // Pequeño delay para que el loading sea visible si es necesario
+      setTimeout(() => setIsProcessing(false), 50);
+    }
+  }, [formattedJson]);
+
+  // Protección 5: Mostrar loading mientras procesa JSONs grandes
+  if (isProcessing && formattedJson.length > 50_000) {
+    return /*#__PURE__*/_jsxs(View, {
+      className: "p-4 items-center justify-center min-h-[200px]",
+      children: [/*#__PURE__*/_jsx(ThemedActivityIndicator, {
+        size: "large"
+      }), /*#__PURE__*/_jsx(Text, {
+        className: "mt-2 text-text-secondary text-sm",
+        children: "Procesando JSON..."
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: "p-4",
+    children: /*#__PURE__*/_jsx(Text, {
+      selectable: true,
+      style: {
+        fontFamily: Platform.select({
+          ios: "Courier",
+          android: "monospace",
+          default: "Courier"
+        }),
+        fontSize: 13,
+        lineHeight: 18
+      },
+      children: coloredLines.map((line, index) => /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: line.color
+        },
+        children: line.text
+      }, index))
+    })
+  });
+};
+export default JsonPreview;
+//# sourceMappingURL=JSONViewer.js.map

package/lib/module/widgets/JSONViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","Platform","Text","View","ThemedActivityIndicator","jsx","_jsx","jsxs","_jsxs","parseDeepJson","value","parsed","JSON","parse","Array","isArray","map","result","key","JSON_COLORS","string","number","boolean","null","punctuation","MAX_JSON_SIZE","MAX_LINES","parseJsonToColoredLines","jsonString","length","text","toFixed","color","lines","split","coloredLines","forEach","line","trimmed","trim","endsWith","keyMatch","match","indent","valueStr","push","startsWith","isNaN","Number","replace","JsonPreview","selectedJson","isProcessing","setIsProcessing","formattedJson","cleaned","stringify","error","console","warn","setTimeout","className","children","size","selectable","style","fontFamily","select","ios","android","default","fontSize","lineHeight","index"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["widgets/JSONViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/widgets/MenuCard.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import { theme } from "../theme/useTheme.js";
+import { Typography } from "../Typography/index.js";
+import { CircleButton } from "./CircleButton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MenuCard({
+  title,
+  iconType = "ionicons",
+  onPress,
+  customIcon
+}) {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.7,
+    className: "bg-bg-card rounded-2xl p-4 m-2 w-[45%] shadow-sm",
+    onPress: onPress,
+    style: theme.shadow["sm"],
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "items-center justify-center",
+      children: [/*#__PURE__*/_jsx(CircleButton, {
+        customIcon: customIcon,
+        iconType: iconType
+      }), /*#__PURE__*/_jsx(Typography.Text, {
+        className: "text-text-primary mt-3 text-center",
+        variant: "label",
+        children: title
+      })]
+    })
+  });
+}
+//# sourceMappingURL=MenuCard.js.map

package/lib/module/widgets/MenuCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","theme","Typography","CircleButton","jsx","_jsx","jsxs","_jsxs","MenuCard","title","iconType","onPress","customIcon","activeOpacity","className","style","shadow","children","Text","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["widgets/MenuCard.tsx"],"mappings":";;AACA,SAASA,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAGrD,SAASC,KAAK,QAAQ,sBAAmB;AACzC,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS9C,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK;EACLC,QAAQ,GAAG,UAAU;EACrBC,OAAO;EACPC;AACa,CAAC,EAAE;EAChB,oBACEP,IAAA,CAACN,gBAAgB;IACfc,aAAa,EAAE,GAAI;IACnBC,SAAS,EAAC,kDAAkD;IAC5DH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAEd,KAAK,CAACe,MAAM,CAAC,IAAI,CAAE;IAAAC,QAAA,eAE1BV,KAAA,CAACP,IAAI;MAACc,SAAS,EAAC,6BAA6B;MAAAG,QAAA,gBAC3CZ,IAAA,CAACF,YAAY;QAACS,UAAU,EAAEA,UAAW;QAACF,QAAQ,EAAEA;MAAS,CAAE,CAAC,eAC5DL,IAAA,CAACH,UAAU,CAACgB,IAAI;QAACJ,SAAS,EAAC,oCAAoC;QAACK,OAAO,EAAC,OAAO;QAAAF,QAAA,EAC5ER;MAAK,CACS,CAAC;IAAA,CACd;EAAC,CACS,CAAC;AAEvB","ignoreList":[]}

package/lib/module/widgets/MenuGrid.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { MenuCard } from "./MenuCard.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuGrid = ({
+  items
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    className: "flex-row flex-wrap justify-start p-2 bg-bg-page",
+    children: items.map(item => /*#__PURE__*/_jsx(MenuCard, {
+      customIcon: item.customIcon,
+      iconType: item.iconType,
+      onPress: item.onPress,
+      title: item.title
+    }, item.id))
+  });
+};
+//# sourceMappingURL=MenuGrid.js.map