@edge-zuq/core 1.4.3 → 2.1.1

package/lib/module/presentation/components/molecules/UIOdometerInput.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { UITextInputMask } from "./UITextInputMask.js";
+import { UIStack, UIText } from "../atoms/index.js";
+import { Mask } from "../../domain/utils/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const UIOdometerInput = ({
+  label = 'Odômetro',
+  lastOdometer,
+  ...props
+}) => {
+  const notePrefix = `Última leitura`;
+  const note = `${notePrefix}: ${lastOdometer ? `${lastOdometer.toLocaleString()}km` : '-'}`;
+  return /*#__PURE__*/_jsxs(UIStack, {
+    children: [/*#__PURE__*/_jsx(UITextInputMask, {
+      label: label,
+      placeholder: "Insira o od\xF4metro...",
+      keyboardType: "number-pad",
+      mask: Mask.THOUSANDS,
+      endIcon: /*#__PURE__*/_jsx(View, {
+        style: styles.end,
+        children: /*#__PURE__*/_jsx(UIText, {
+          size: 11,
+          weight: "500",
+          children: "KM"
+        })
+      }),
+      ...props
+    }), /*#__PURE__*/_jsx(UIText, {
+      size: 12,
+      weight: "500",
+      color: "neutral-mid-60",
+      children: note
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  end: {
+    backgroundColor: '#f3f3f3',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderTopRightRadius: 5,
+    width: 50,
+    height: 40
+  }
+});
+//# sourceMappingURL=UIOdometerInput.js.map

package/lib/module/presentation/components/molecules/UIOdometerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","UITextInputMask","UIStack","UIText","Mask","jsx","_jsx","jsxs","_jsxs","UIOdometerInput","label","lastOdometer","props","notePrefix","note","toLocaleString","children","placeholder","keyboardType","mask","THOUSANDS","endIcon","style","styles","end","size","weight","color","create","backgroundColor","alignItems","justifyContent","borderTopRightRadius","width","height"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UIOdometerInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,OAAO,EAAEC,MAAM,QAAQ,mBAAU;AAC1C,SAASC,IAAI,QAAQ,6BAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM1C,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,KAAK,GAAG,UAAU;EAClBC,YAAY;EACZ,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,UAAU,GAAG,gBAAgB;EACnC,MAAMC,IAAI,GAAG,GAAGD,UAAU,KACxBF,YAAY,GAAG,GAAGA,YAAY,CAACI,cAAc,CAAC,CAAC,IAAI,GAAG,GAAG,EACzD;EAEF,oBACEP,KAAA,CAACN,OAAO;IAAAc,QAAA,gBACNV,IAAA,CAACL,eAAe;MACdS,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAC,yBAAsB;MAClCC,YAAY,EAAC,YAAY;MACzBC,IAAI,EAAEf,IAAI,CAACgB,SAAU;MACrBC,OAAO,eACLf,IAAA,CAACN,IAAI;QAACsB,KAAK,EAAEC,MAAM,CAACC,GAAI;QAAAR,QAAA,eACtBV,IAAA,CAACH,MAAM;UAACsB,IAAI,EAAE,EAAG;UAACC,MAAM,EAAC,KAAK;UAAAV,QAAA,EAAC;QAE/B,CAAQ;MAAC,CACL,CACP;MAAA,GACGJ;IAAK,CACV,CAAC,eACFN,IAAA,CAACH,MAAM;MAACsB,IAAI,EAAE,EAAG;MAACC,MAAM,EAAC,KAAK;MAACC,KAAK,EAAC,gBAAgB;MAAAX,QAAA,EAClDF;IAAI,CACC,CAAC;EAAA,CACF,CAAC;AAEd,CAAC;AAED,MAAMS,MAAM,GAAGxB,UAAU,CAAC6B,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,eAAe,EAAE,SAAS;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,oBAAoB,EAAE,CAAC;IACvBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/presentation/components/molecules/index.js

@@ -20,4 +20,5 @@ export * from "./UIButtonCTA.js";
 export * from "./UIDataSectionList.js";
 export * from "./UISectionList.js";
 export * from "./UIInlineDatePicker.js";
+export * from "./UIOdometerInput.js";
 //# sourceMappingURL=index.js.map

package/lib/module/presentation/components/molecules/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/index.ts"],"mappings":";;AAAA,cAAc,kBAAe;AAC7B,cAAc,eAAY;AAC1B,cAAc,oBAAiB;AAC/B,cAAc,mBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,aAAU;AACxB,cAAc,sBAAmB;AACjC,cAAc,aAAU;AACxB,cAAc,cAAW;AACzB,cAAc,iBAAc;AAC5B,cAAc,sBAAmB;AACjC,cAAc,eAAY;AAC1B,cAAc,sBAAmB;AACjC,cAAc,iBAAc;AAC5B,cAAc,cAAW;AACzB,cAAc,sBAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,wBAAqB;AACnC,cAAc,oBAAiB;AAC/B,cAAc,yBAAsB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/index.ts"],"mappings":";;AAAA,cAAc,kBAAe;AAC7B,cAAc,eAAY;AAC1B,cAAc,oBAAiB;AAC/B,cAAc,mBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,aAAU;AACxB,cAAc,sBAAmB;AACjC,cAAc,aAAU;AACxB,cAAc,cAAW;AACzB,cAAc,iBAAc;AAC5B,cAAc,sBAAmB;AACjC,cAAc,eAAY;AAC1B,cAAc,sBAAmB;AACjC,cAAc,iBAAc;AAC5B,cAAc,cAAW;AACzB,cAAc,sBAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,wBAAqB;AACnC,cAAc,oBAAiB;AAC/B,cAAc,yBAAsB;AACpC,cAAc,sBAAmB","ignoreList":[]}

package/lib/module/presentation/components/organisms/UIFormOdometerInput.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React from 'react';
+import { useFormContext } from 'react-hook-form';
+import { StyleSheet, View } from 'react-native';
+import { UIFormTextInputMask } from "./UIFormTextInputMask.js";
+import { Mask, validate } from "../../domain/utils/index.js";
+import { UIStack, UIText } from "../atoms/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const UIFormOdometerInput = ({
+  name = 'odometer',
+  label = 'Odômetro',
+  lastOdometer,
+  ...props
+}) => {
+  const {
+    watch,
+    setError,
+    clearErrors,
+    formState: {
+      errors
+    }
+  } = useFormContext();
+  const vehicle = watch('vehicle');
+  const odometer = lastOdometer ?? vehicle?.odometer;
+  const notePrefix = `Última leitura`;
+  const note = `${notePrefix}: ${odometer ? `${odometer.toLocaleString()}km` : '-'}`;
+  const onError = React.useCallback(error => {
+    if (error) return setError(name, {
+      message: error
+    });
+    if (!error && errors[name]) return clearErrors(name);
+  }, [name, setError, clearErrors, errors]);
+  if (vehicle?.config === 'ONLY_HOURMETER') return null;
+  return /*#__PURE__*/_jsxs(UIStack, {
+    children: [/*#__PURE__*/_jsx(UIFormTextInputMask, {
+      label: label,
+      name: name,
+      placeholder: "Insira o od\xF4metro...",
+      keyboardType: "number-pad",
+      onChangeText: (_, unmasked) => {
+        const error = validate(Number(unmasked));
+        onError(error);
+      },
+      mask: Mask.THOUSANDS,
+      endIcon: /*#__PURE__*/_jsx(View, {
+        style: styles.end,
+        children: /*#__PURE__*/_jsx(UIText, {
+          size: 11,
+          weight: "500",
+          children: "KM"
+        })
+      }),
+      ...props
+    }), /*#__PURE__*/_jsx(UIText, {
+      size: 12,
+      weight: "500",
+      color: "neutral-mid-60",
+      children: note
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  end: {
+    backgroundColor: '#f3f3f3',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderTopRightRadius: 5,
+    width: 50,
+    height: 40
+  }
+});
+//# sourceMappingURL=UIFormOdometerInput.js.map

package/lib/module/presentation/components/organisms/UIFormOdometerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useFormContext","StyleSheet","View","UIFormTextInputMask","Mask","validate","UIStack","UIText","jsx","_jsx","jsxs","_jsxs","UIFormOdometerInput","name","label","lastOdometer","props","watch","setError","clearErrors","formState","errors","vehicle","odometer","notePrefix","note","toLocaleString","onError","useCallback","error","message","config","children","placeholder","keyboardType","onChangeText","_","unmasked","Number","mask","THOUSANDS","endIcon","style","styles","end","size","weight","color","create","backgroundColor","alignItems","justifyContent","borderTopRightRadius","width","height"],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/UIFormOdometerInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,IAAI,EAAEC,QAAQ,QAAQ,6BAAoB;AACnD,SAASC,OAAO,EAAEC,MAAM,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3C,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,IAAI,GAAG,UAAU;EACjBC,KAAK,GAAG,UAAU;EAClBC,YAAY;EACZ,GAAGC;AACE,CAAC,KAAK;EACX,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,SAAS,EAAE;MAAEC;IAAO;EACtB,CAAC,GAAGrB,cAAc,CAAC,CAAC;EACpB,MAAMsB,OAAO,GAAGL,KAAK,CAAC,SAAS,CAAC;EAChC,MAAMM,QAAQ,GAAGR,YAAY,IAAIO,OAAO,EAAEC,QAAQ;EAClD,MAAMC,UAAU,GAAG,gBAAgB;EACnC,MAAMC,IAAI,GAAG,GAAGD,UAAU,KACxBD,QAAQ,GAAG,GAAGA,QAAQ,CAACG,cAAc,CAAC,CAAC,IAAI,GAAG,GAAG,EACjD;EAEF,MAAMC,OAAO,GAAG5B,KAAK,CAAC6B,WAAW,CAC9BC,KAAoB,IAAK;IACxB,IAAIA,KAAK,EAAE,OAAOX,QAAQ,CAACL,IAAI,EAAE;MAAEiB,OAAO,EAAED;IAAM,CAAC,CAAC;IACpD,IAAI,CAACA,KAAK,IAAIR,MAAM,CAACR,IAAI,CAAC,EAAE,OAAOM,WAAW,CAACN,IAAI,CAAC;EACtD,CAAC,EACD,CAACA,IAAI,EAAEK,QAAQ,EAAEC,WAAW,EAAEE,MAAM,CACtC,CAAC;EAED,IAAIC,OAAO,EAAES,MAAM,KAAK,gBAAgB,EAAE,OAAO,IAAI;EAErD,oBACEpB,KAAA,CAACL,OAAO;IAAA0B,QAAA,gBACNvB,IAAA,CAACN,mBAAmB;MAClBW,KAAK,EAAEA,KAAM;MACbD,IAAI,EAAEA,IAAK;MACXoB,WAAW,EAAC,yBAAsB;MAClCC,YAAY,EAAC,YAAY;MACzBC,YAAY,EAAEA,CAACC,CAAC,EAAEC,QAAQ,KAAK;QAC7B,MAAMR,KAAK,GAAGxB,QAAQ,CAACiC,MAAM,CAACD,QAAQ,CAAC,CAAC;QACxCV,OAAO,CAACE,KAAK,CAAC;MAChB,CAAE;MACFU,IAAI,EAAEnC,IAAI,CAACoC,SAAU;MACrBC,OAAO,eACLhC,IAAA,CAACP,IAAI;QAACwC,KAAK,EAAEC,MAAM,CAACC,GAAI;QAAAZ,QAAA,eACtBvB,IAAA,CAACF,MAAM;UAACsC,IAAI,EAAE,EAAG;UAACC,MAAM,EAAC,KAAK;UAAAd,QAAA,EAAC;QAE/B,CAAQ;MAAC,CACL,CACP;MAAA,GACGhB;IAAK,CACV,CAAC,eACFP,IAAA,CAACF,MAAM;MAACsC,IAAI,EAAE,EAAG;MAACC,MAAM,EAAC,KAAK;MAACC,KAAK,EAAC,gBAAgB;MAAAf,QAAA,EAClDP;IAAI,CACC,CAAC;EAAA,CACF,CAAC;AAEd,CAAC;AAED,MAAMkB,MAAM,GAAG1C,UAAU,CAAC+C,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,eAAe,EAAE,SAAS;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,oBAAoB,EAAE,CAAC;IACvBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/presentation/components/organisms/index.js

@@ -24,4 +24,5 @@ export * from "./UISignature.js";
 export * from "./UIMultipleSelectChip.js";
 export * from "./UIRequestPermissions.js";
 export * from "./UIAppUpdateAlert.js";
+export * from "./UIFormOdometerInput.js";
 //# sourceMappingURL=index.js.map

package/lib/module/presentation/components/organisms/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,sBAAmB;AACjC,cAAc,aAAU;AACxB,cAAc,mBAAgB;AAC9B,cAAc,YAAS;AACvB,cAAc,gBAAa;AAC3B,cAAc,uBAAoB;AAClC,cAAc,qBAAkB;AAChC,cAAc,eAAY;AAC1B,cAAc,0BAAuB;AACrC,cAAc,0BAAuB;AACrC,cAAc,uBAAoB;AAClC,cAAc,6BAA0B;AACxC,cAAc,wBAAqB;AACnC,cAAc,0BAAuB;AACrC,cAAc,0BAAuB;AACrC,cAAc,oBAAiB;AAC/B,cAAc,oBAAiB;AAC/B,cAAc,mBAAgB;AAC9B,cAAc,sBAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,2BAAwB;AACtC,cAAc,2BAAwB;AACtC,cAAc,uBAAoB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,sBAAmB;AACjC,cAAc,aAAU;AACxB,cAAc,mBAAgB;AAC9B,cAAc,YAAS;AACvB,cAAc,gBAAa;AAC3B,cAAc,uBAAoB;AAClC,cAAc,qBAAkB;AAChC,cAAc,eAAY;AAC1B,cAAc,0BAAuB;AACrC,cAAc,0BAAuB;AACrC,cAAc,uBAAoB;AAClC,cAAc,6BAA0B;AACxC,cAAc,wBAAqB;AACnC,cAAc,0BAAuB;AACrC,cAAc,0BAAuB;AACrC,cAAc,oBAAiB;AAC/B,cAAc,oBAAiB;AAC/B,cAAc,mBAAgB;AAC9B,cAAc,sBAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,2BAAwB;AACtC,cAAc,2BAAwB;AACtC,cAAc,uBAAoB;AAClC,cAAc,0BAAuB","ignoreList":[]}

package/lib/module/presentation/domain/utils/index.js

@@ -5,4 +5,6 @@ export * from "./yup.js";
 export * from "./exists.js";
 export * from "./react-query.js";
 export * from "./use-signature-ref.js";
+export * from "./masks.js";
+export * from "./odometer.js";
 //# sourceMappingURL=index.js.map

package/lib/module/presentation/domain/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["presentation/domain/utils/index.ts"],"mappings":";;AAAA,cAAc,uBAAoB;AAClC,cAAc,UAAO;AACrB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,wBAAqB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["presentation/domain/utils/index.ts"],"mappings":";;AAAA,cAAc,uBAAoB;AAClC,cAAc,UAAO;AACrB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,wBAAqB;AACnC,cAAc,YAAS;AACvB,cAAc,eAAY","ignoreList":[]}

package/lib/module/presentation/domain/utils/masks.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { createNumberMask } from 'react-native-mask-input';
+const currency = createNumberMask({
+  delimiter: '.',
+  separator: ',',
+  precision: 2
+});
+const thousands = createNumberMask({
+  delimiter: '.',
+  precision: 0
+});
+export const Mask = {
+  CURRENCY: currency,
+  THOUSANDS: thousands
+};
+//# sourceMappingURL=masks.js.map

package/lib/module/presentation/domain/utils/masks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createNumberMask","currency","delimiter","separator","precision","thousands","Mask","CURRENCY","THOUSANDS"],"sourceRoot":"../../../../../src","sources":["presentation/domain/utils/masks.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,yBAAyB;AAE1D,MAAMC,QAAQ,GAAGD,gBAAgB,CAAC;EAChCE,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGL,gBAAgB,CAAC;EACjCE,SAAS,EAAE,GAAG;EACdE,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,OAAO,MAAME,IAAI,GAAG;EAClBC,QAAQ,EAAEN,QAAQ;EAClBO,SAAS,EAAEH;AACb,CAAC","ignoreList":[]}

package/lib/module/presentation/domain/utils/odometer.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export const MAX_ODOMETER = 2000000;
+export const validate = value => {
+  if (value >= MAX_ODOMETER) {
+    return 'Odômetro acima do valor permitido.';
+  }
+  return null;
+};
+//# sourceMappingURL=odometer.js.map

package/lib/module/presentation/domain/utils/odometer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAX_ODOMETER","validate","value"],"sourceRoot":"../../../../../src","sources":["presentation/domain/utils/odometer.ts"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAG,OAAO;AAEnC,OAAO,MAAMC,QAAQ,GAAIC,KAAa,IAAK;EACzC,IAAIA,KAAK,IAAIF,YAAY,EAAE;IACzB,OAAO,oCAAoC;EAC7C;EACA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/lib/typescript/src/presentation/components/molecules/UIOdometerInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UITextInputMask } from './UITextInputMask';
+type Props = Omit<React.ComponentProps<typeof UITextInputMask>, 'mask'> & {
+    lastOdometer?: number;
+};
+export declare const UIOdometerInput: ({ label, lastOdometer, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UIOdometerInput.d.ts.map

package/lib/typescript/src/presentation/components/molecules/UIOdometerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIOdometerInput.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/components/molecules/UIOdometerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,MAAM,CAAC,GAAG;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mCAI7B,KAAK,4CA2BP,CAAC"}

package/lib/typescript/src/presentation/components/molecules/index.d.ts

@@ -18,4 +18,5 @@ export * from './UIButtonCTA';
 export * from './UIDataSectionList';
 export * from './UISectionList';
 export * from './UIInlineDatePicker';
+export * from './UIOdometerInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/presentation/components/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

package/lib/typescript/src/presentation/components/organisms/UIFormOdometerInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UIFormTextInputMask } from './UIFormTextInputMask';
+type Props = Omit<React.ComponentProps<typeof UIFormTextInputMask>, 'mask' | 'name'> & {
+    lastOdometer?: number;
+    name?: string;
+};
+export declare const UIFormOdometerInput: ({ name, label, lastOdometer, ...props }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=UIFormOdometerInput.d.ts.map

package/lib/typescript/src/presentation/components/organisms/UIFormOdometerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFormOdometerInput.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/components/organisms/UIFormOdometerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,KAAK,KAAK,GAAG,IAAI,CACf,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAChD,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,yCAKjC,KAAK,mDAkDP,CAAC"}

package/lib/typescript/src/presentation/components/organisms/index.d.ts

@@ -22,4 +22,5 @@ export * from './UISignature';
 export * from './UIMultipleSelectChip';
 export * from './UIRequestPermissions';
 export * from './UIAppUpdateAlert';
+export * from './UIFormOdometerInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/presentation/components/organisms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}

package/lib/typescript/src/presentation/domain/utils/index.d.ts

@@ -3,4 +3,6 @@ export * from './yup';
 export * from './exists';
 export * from './react-query';
 export * from './use-signature-ref';
+export * from './masks';
+export * from './odometer';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/presentation/domain/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/domain/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/domain/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/lib/typescript/src/presentation/domain/utils/masks.d.ts

@@ -0,0 +1,5 @@
+export declare const Mask: {
+    CURRENCY: import("react-native-mask-input").Mask;
+    THOUSANDS: import("react-native-mask-input").Mask;
+};
+//# sourceMappingURL=masks.d.ts.map

package/lib/typescript/src/presentation/domain/utils/masks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masks.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/domain/utils/masks.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI;;;CAGhB,CAAC"}

package/lib/typescript/src/presentation/domain/utils/odometer.d.ts

@@ -0,0 +1,3 @@
+export declare const MAX_ODOMETER = 2000000;
+export declare const validate: (value: number) => "Odômetro acima do valor permitido." | null;
+//# sourceMappingURL=odometer.d.ts.map

package/lib/typescript/src/presentation/domain/utils/odometer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"odometer.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/domain/utils/odometer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,UAAU,CAAC;AAEpC,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,gDAKrC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edge-zuq/core",
-  "version": "1.4.3",
+  "version": "2.1.1",
   "description": "ZUQ App core components",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -35,8 +35,8 @@
     "start": "yarn workspace storybook start",
     "android": "yarn workspace storybook android",
     "ios": "yarn workspace storybook ios",
-    "bundle": "yarn prepare && yarn pack --filename zuq-core-1.4.3-local.tgz",
-    "clean": "del-cli lib",
+    "clean": "yarn workspace storybook clean",
+    "bundle": "yarn prepare && yarn pack --filename zuq-core-2.1.1-local.tgz",
     "prepare": "bob build",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
@@ -67,18 +67,19 @@
     "@eslint/compat": "^1.3.2",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.35.0",
-    "@notifee/react-native": "^9.1.8",
-    "@react-native-community/netinfo": "^11.4.1",
-    "@react-native/babel-preset": "0.83.0",
-    "@react-native/eslint-config": "0.83.0",
+    "@notifee/react-native": "9.1.8",
+    "@react-native-community/netinfo": "12.0.1",
+    "@react-native/babel-preset": "0.84.1",
+    "@react-native/eslint-config": "0.84.1",
     "@release-it/conventional-changelog": "^10.0.1",
-    "@shopify/react-native-skia": "2.4.14",
+    "@shopify/react-native-skia": "2.5.5",
     "@tanstack/react-query": "5.90.12",
     "@trivago/prettier-plugin-sort-imports": "4.3.0",
     "@types/date-fns": "^2.6.3",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.15",
-    "@types/react": "^19.2.0",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.3",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
@@ -87,23 +88,23 @@
     "jest": "^29.7.0",
     "lefthook": "^2.0.3",
     "prettier": "^3.0.3",
-    "react": "19.2.0",
-    "react-native": "0.83.2",
-    "react-native-blob-util": "^0.24.7",
+    "react": "19.2.3",
+    "react-native": "0.84.1",
+    "react-native-blob-util": "0.24.7",
     "react-native-builder-bob": "^0.40.18",
-    "react-native-currency-input": "^1.1.1",
-    "react-native-gesture-handler": "2.30.0",
-    "react-native-keyboard-controller": "1.20.7",
-    "react-native-mask-input": "^1.2.3",
-    "react-native-mmkv": "4.1.0",
-    "react-native-nitro-modules": "0.31.10",
-    "react-native-permissions": "5.4.4",
-    "react-native-reanimated": "4.2.1",
-    "react-native-safe-area-context": "5.6.2",
-    "react-native-svg": "15.15.1",
-    "react-native-ui-datepicker": "^3.1.2",
+    "react-native-currency-input": "1.1.1",
+    "react-native-gesture-handler": "2.30.1",
+    "react-native-keyboard-controller": "1.21.3",
+    "react-native-mask-input": "1.2.3",
+    "react-native-mmkv": "4.3.0",
+    "react-native-nitro-modules": "0.35.2",
+    "react-native-permissions": "5.5.1",
+    "react-native-reanimated": "4.3.0",
+    "react-native-safe-area-context": "5.7.0",
+    "react-native-svg": "15.15.4",
+    "react-native-ui-datepicker": "3.1.2",
     "react-native-uuid": "2.0.3",
-    "react-native-worklets": "0.7.1",
+    "react-native-worklets": "0.8.1",
     "release-it": "^19.0.4",
     "turbo": "^2.5.6",
     "typescript": "^5.8.3"
@@ -114,31 +115,31 @@
     "@tanstack/react-query": "5.90.12",
     "axios": "1.13.5",
     "date-fns": "4.1.0",
-    "lodash": "4.17.23",
+    "lodash": "4.18.0",
     "moment": "2.30.1",
-    "react-hook-form": "7.71.2",
+    "react-hook-form": "7.72.0",
     "react-native-error-boundary": "3.1.0",
     "yup": "1.7.1"
   },
   "peerDependencies": {
-    "@notifee/react-native": "^9.1.8",
-    "@react-native-community/netinfo": "^11.4.1",
+    "@notifee/react-native": "9.1.8",
+    "@react-native-community/netinfo": "12.0.1",
     "@shopify/react-native-skia": "*",
     "react": "*",
     "react-native": "*",
     "react-native-blob-util": "*",
-    "react-native-currency-input": "^1.1.1",
-    "react-native-gesture-handler": "2.30.0",
-    "react-native-keyboard-controller": "1.20.7",
-    "react-native-mask-input": "^1.2.3",
-    "react-native-mmkv": "4.1.0",
+    "react-native-currency-input": "1.1.1",
+    "react-native-gesture-handler": "2.30.1",
+    "react-native-keyboard-controller": "1.21.3",
+    "react-native-mask-input": "1.2.3",
+    "react-native-mmkv": "4.3.0",
     "react-native-nitro-modules": "*",
-    "react-native-permissions": "5.4.4",
-    "react-native-reanimated": "4.2.1",
-    "react-native-safe-area-context": "5.6.2",
-    "react-native-svg": "15.15.1",
-    "react-native-ui-datepicker": "^3.1.2",
-    "react-native-uuid": "^2.0.3",
+    "react-native-permissions": "5.5.1",
+    "react-native-reanimated": "4.3.0",
+    "react-native-safe-area-context": "5.7.0",
+    "react-native-svg": "15.15.4",
+    "react-native-ui-datepicker": "3.1.2",
+    "react-native-uuid": "2.0.3",
     "react-native-worklets": "*"
   },
   "workspaces": [

package/src/presentation/components/molecules/UIOdometerInput.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+
+import { StyleSheet, View } from 'react-native';
+
+import { UITextInputMask } from './UITextInputMask';
+import { UIStack, UIText } from '../atoms';
+import { Mask } from '../../domain/utils';
+
+type Props = Omit<React.ComponentProps<typeof UITextInputMask>, 'mask'> & {
+  lastOdometer?: number;
+};
+
+export const UIOdometerInput = ({
+  label = 'Odômetro',
+  lastOdometer,
+  ...props
+}: Props) => {
+  const notePrefix = `Última leitura`;
+  const note = `${notePrefix}: ${
+    lastOdometer ? `${lastOdometer.toLocaleString()}km` : '-'
+  }`;
+
+  return (
+    <UIStack>
+      <UITextInputMask
+        label={label}
+        placeholder="Insira o odômetro..."
+        keyboardType="number-pad"
+        mask={Mask.THOUSANDS}
+        endIcon={
+          <View style={styles.end}>
+            <UIText size={11} weight="500">
+              KM
+            </UIText>
+          </View>
+        }
+        {...props}
+      />
+      <UIText size={12} weight="500" color="neutral-mid-60">
+        {note}
+      </UIText>
+    </UIStack>
+  );
+};
+
+const styles = StyleSheet.create({
+  end: {
+    backgroundColor: '#f3f3f3',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderTopRightRadius: 5,
+    width: 50,
+    height: 40,
+  },
+});

package/src/presentation/components/molecules/index.ts

@@ -18,3 +18,4 @@ export * from './UIButtonCTA';
 export * from './UIDataSectionList';
 export * from './UISectionList';
 export * from './UIInlineDatePicker';
+export * from './UIOdometerInput';

package/src/presentation/components/organisms/UIFormOdometerInput.tsx

@@ -0,0 +1,82 @@
+import React from 'react';
+import { useFormContext } from 'react-hook-form';
+import { StyleSheet, View } from 'react-native';
+import { UIFormTextInputMask } from './UIFormTextInputMask';
+import { Mask, validate } from '../../domain/utils';
+import { UIStack, UIText } from '../atoms';
+
+type Props = Omit<
+  React.ComponentProps<typeof UIFormTextInputMask>,
+  'mask' | 'name'
+> & {
+  lastOdometer?: number;
+  name?: string;
+};
+
+export const UIFormOdometerInput = ({
+  name = 'odometer',
+  label = 'Odômetro',
+  lastOdometer,
+  ...props
+}: Props) => {
+  const {
+    watch,
+    setError,
+    clearErrors,
+    formState: { errors },
+  } = useFormContext();
+  const vehicle = watch('vehicle');
+  const odometer = lastOdometer ?? vehicle?.odometer;
+  const notePrefix = `Última leitura`;
+  const note = `${notePrefix}: ${
+    odometer ? `${odometer.toLocaleString()}km` : '-'
+  }`;
+
+  const onError = React.useCallback(
+    (error: string | null) => {
+      if (error) return setError(name, { message: error });
+      if (!error && errors[name]) return clearErrors(name);
+    },
+    [name, setError, clearErrors, errors]
+  );
+
+  if (vehicle?.config === 'ONLY_HOURMETER') return null;
+
+  return (
+    <UIStack>
+      <UIFormTextInputMask
+        label={label}
+        name={name}
+        placeholder="Insira o odômetro..."
+        keyboardType="number-pad"
+        onChangeText={(_, unmasked) => {
+          const error = validate(Number(unmasked));
+          onError(error);
+        }}
+        mask={Mask.THOUSANDS}
+        endIcon={
+          <View style={styles.end}>
+            <UIText size={11} weight="500">
+              KM
+            </UIText>
+          </View>
+        }
+        {...props}
+      />
+      <UIText size={12} weight="500" color="neutral-mid-60">
+        {note}
+      </UIText>
+    </UIStack>
+  );
+};
+
+const styles = StyleSheet.create({
+  end: {
+    backgroundColor: '#f3f3f3',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderTopRightRadius: 5,
+    width: 50,
+    height: 40,
+  },
+});

package/src/presentation/components/organisms/index.ts

@@ -22,3 +22,4 @@ export * from './UISignature';
 export * from './UIMultipleSelectChip';
 export * from './UIRequestPermissions';
 export * from './UIAppUpdateAlert';
+export * from './UIFormOdometerInput';

package/src/presentation/domain/utils/index.ts

@@ -3,3 +3,5 @@ export * from './yup';
 export * from './exists';
 export * from './react-query';
 export * from './use-signature-ref';
+export * from './masks';
+export * from './odometer';

package/src/presentation/domain/utils/masks.ts

@@ -0,0 +1,17 @@
+import { createNumberMask } from 'react-native-mask-input';
+
+const currency = createNumberMask({
+  delimiter: '.',
+  separator: ',',
+  precision: 2,
+});
+
+const thousands = createNumberMask({
+  delimiter: '.',
+  precision: 0,
+});
+
+export const Mask = {
+  CURRENCY: currency,
+  THOUSANDS: thousands,
+};

package/src/presentation/domain/utils/odometer.ts

@@ -0,0 +1,8 @@
+export const MAX_ODOMETER = 2000000;
+
+export const validate = (value: number) => {
+  if (value >= MAX_ODOMETER) {
+    return 'Odômetro acima do valor permitido.';
+  }
+  return null;
+};