sapo-components-ui-rn 1.1.78 → 1.1.80

package/dist/index.esm.js

@@ -3093,7 +3093,7 @@ var _setCacheAdd = setCacheAdd$1;
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {number} Returns `true` if `value` is found, else `false`.
+ * @returns {boolean} Returns `true` if `value` is found, else `false`.
  */
 
 function setCacheHas$1(value) {
@@ -4820,34 +4820,33 @@ var SvgIcon = function (_a) {
 
 var TextInputFlat = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.editable, editable = _c === void 0 ? true : _c, label = _a.label, _d = _a.error, error = _d === void 0 ? false : _d, customSelectionColor = _a.selectionColor, cursorColor = _a.cursorColor, underlineColor = _a.underlineColor; _a.underlineStyle; var activeUnderlineColor = _a.activeUnderlineColor, textColor = _a.textColor, dense = _a.dense, style = _a.style, theme = _a.theme, _e = _a.render, render = _e === void 0 ? function (props) { return React$3.createElement(TextInput$1, __assign({}, props)); } : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, parentState = _a.parentState, innerRef = _a.innerRef, onFocus = _a.onFocus; _a.forceFocus; var onBlur = _a.onBlur, onChangeText = _a.onChangeText, onLayoutAnimatedText = _a.onLayoutAnimatedText, onLabelTextLayout = _a.onLabelTextLayout; _a.onLeftAffixLayoutChange; _a.onRightAffixLayoutChange; var onInputLayout = _a.onInputLayout, left = _a.left, right = _a.right, prefix = _a.prefix, suffix = _a.suffix, placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, contentStyle = _a.contentStyle, scaledLabel = _a.scaledLabel, outlineStyle = _a.outlineStyle, outlineColor = _a.outlineColor, value = _a.value, textError = _a.textError, required = _a.required, rest = __rest(_a, ["disabled", "editable", "label", "error", "selectionColor", "cursorColor", "underlineColor", "underlineStyle", "activeUnderlineColor", "textColor", "dense", "style", "theme", "render", "multiline", "parentState", "innerRef", "onFocus", "forceFocus", "onBlur", "onChangeText", "onLayoutAnimatedText", "onLabelTextLayout", "onLeftAffixLayoutChange", "onRightAffixLayoutChange", "onInputLayout", "left", "right", "prefix", "suffix", "placeholderTextColor", "clearButton", "contentStyle", "scaledLabel", "outlineStyle", "outlineColor", "value", "textError", "required"]);
-    var _g = React$3.useState(value || ""), inputValue = _g[0], setInputValue = _g[1];
+    var _g = React$3.useState(value || ''), inputValue = _g[0], setInputValue = _g[1];
     React$3.useEffect(function () {
         if (value === undefined) {
-            setInputValue("");
-            onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
+            setInputValue('');
+            onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText('');
         }
         else {
-            if (inputValue !== value)
-                setInputValue(value || "");
+            setInputValue(value || '');
         }
-    }, [value, inputValue]);
+    }, [value]);
     var handleChangeText = function (text) {
         setInputValue(text);
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
     };
     var handleClear = function () {
-        setInputValue("");
-        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
+        setInputValue('');
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText('');
     };
-    var isAndroid = Platform.OS === "android";
+    var isAndroid = Platform.OS === 'android';
     var roundness = theme.roundness;
     var font = theme.fonts.bodyLarge;
     var hasActiveOutline = parentState.focused || error;
     var _h = getConstants(), LABEL_PADDING_TOP = _h.LABEL_PADDING_TOP, FLAT_INPUT_OFFSET = _h.FLAT_INPUT_OFFSET, MIN_HEIGHT = _h.MIN_HEIGHT;
     var _j = (StyleSheet.flatten(style) || {}), fontSizeStyle = _j.fontSize, lineHeightStyle = _j.lineHeight, fontWeight = _j.fontWeight, height = _j.height, paddingHorizontal = _j.paddingHorizontal; _j.textAlign; __rest(_j, ["fontSize", "lineHeight", "fontWeight", "height", "paddingHorizontal", "textAlign"]);
     var fontSize = fontSizeStyle || MAXIMIZED_LABEL_FONT_SIZE;
-    var lineHeight = lineHeightStyle || (Platform.OS === "web" ? fontSize * 1.2 : undefined);
-    var isPaddingHorizontalPassed = paddingHorizontal !== undefined && typeof paddingHorizontal === "number";
+    var lineHeight = lineHeightStyle || (Platform.OS === 'web' ? fontSize * 1.2 : undefined);
+    var isPaddingHorizontalPassed = paddingHorizontal !== undefined && typeof paddingHorizontal === 'number';
     var adornmentConfig = getAdornmentConfig({
         left: left,
         right: right,
@@ -4889,9 +4888,9 @@ var TextInputFlat = function (_a) {
         : MIN_HEIGHT - LABEL_PADDING_TOP;
     var inputHeight = calculateInputHeight(labelHeight, height, minInputHeight);
     var topPosition = calculateLabelTopPosition(labelHeight, inputHeight, multiline && height ? 0 : !height ? minInputHeight / 2 : 0);
-    if (height && typeof height !== "number") {
+    if (height && typeof height !== 'number') {
         // eslint-disable-next-line
-        console.warn("Currently we support only numbers in height prop");
+        console.warn('Currently we support only numbers in height prop');
     }
     var paddingSettings = {
         height: height ? +height : null,
@@ -4922,7 +4921,7 @@ var TextInputFlat = function (_a) {
     // what causes broken styles due to: https://github.com/facebook/react-native/issues/48249
     var placeholderTextColorBasedOnState = parentState.displayPlaceholder
         ? placeholderTextColor !== null && placeholderTextColor !== void 0 ? placeholderTextColor : placeholderColor
-        : "transparent";
+        : 'transparent';
     var minHeight = height ||
         (dense ? (label ? MIN_DENSE_HEIGHT_WL : MIN_DENSE_HEIGHT) : MIN_HEIGHT);
     var labelProps = {
@@ -4984,15 +4983,15 @@ var TextInputFlat = function (_a) {
         var _a;
         if (parentState.focused) {
             return (React$3.createElement(View$1, { style: {
-                    paddingBottom: Platform.OS === "ios" ? 9 : 14,
+                    paddingBottom: Platform.OS === 'ios' ? 9 : 14,
                 } },
                 React$3.createElement(Text$1, { color: theme.colors.textSecondary }, " ",
                     suffix)));
         }
         else if (parentState.value !== undefined &&
-            ((_a = parentState.value) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
+            ((_a = parentState.value) === null || _a === void 0 ? void 0 : _a.toString()) !== '') {
             return (React$3.createElement(View$1, { style: {
-                    paddingBottom: Platform.OS === "ios" ? 9 : 14,
+                    paddingBottom: Platform.OS === 'ios' ? 9 : 14,
                 } },
                 React$3.createElement(Text$1, { color: theme.colors.textSecondary }, " ",
                     suffix)));
@@ -5003,15 +5002,15 @@ var TextInputFlat = function (_a) {
         var _a;
         if (parentState.focused) {
             return (React$3.createElement(View$1, { style: {
-                    paddingBottom: Platform.OS === "ios" ? 9 : 14,
+                    paddingBottom: Platform.OS === 'ios' ? 9 : 14,
                 } },
                 React$3.createElement(Text$1, { color: theme.colors.textSecondary },
                     prefix, " ")));
         }
         else if (parentState.value !== undefined &&
-            ((_a = parentState.value) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
+            ((_a = parentState.value) === null || _a === void 0 ? void 0 : _a.toString()) !== '') {
             return (React$3.createElement(View$1, { style: {
-                    paddingBottom: Platform.OS === "ios" ? 9 : 14,
+                    paddingBottom: Platform.OS === 'ios' ? 9 : 14,
                 } },
                 React$3.createElement(Text$1, { color: theme.colors.textSecondary },
                     prefix, " ")));
@@ -5029,22 +5028,22 @@ var TextInputFlat = function (_a) {
     };
     return (React$3.createElement(View$1, null,
         React$3.createElement(View$1, { style: {
-                flexDirection: "row",
-                alignItems: "center",
+                flexDirection: 'row',
+                alignItems: 'center',
                 borderRadius: BORDER_RADIUS_6,
                 borderWidth: 1,
                 borderColor: getBorderColor(),
                 height: 48,
-                overflow: "hidden",
+                overflow: 'hidden',
                 backgroundColor: disabled
                     ? theme.colors.surfacePrimaryDisabled
                     : theme.colors.surfacePrimaryDefault,
             } },
             React$3.createElement(View$1, { style: {
-                    flexDirection: "row",
-                    height: "100%",
-                    alignItems: "center",
-                    justifyContent: "center",
+                    flexDirection: 'row',
+                    height: '100%',
+                    alignItems: 'center',
+                    justifyContent: 'center',
                 } },
                 left && React$3.createElement(View$1, { style: { paddingLeft: SPACE_12 } }, left),
                 left ? React$3.createElement(Spacer, { width: SPACE_8 }) : React$3.createElement(Spacer, { width: SPACE_12 })),
@@ -5057,18 +5056,18 @@ var TextInputFlat = function (_a) {
                     },
                 ] },
                 label ? (React$3.createElement(InputLabel$1, __assign({ inputValue: inputValue, labeled: parentState.labeled, error: parentState.error, focused: parentState.focused, scaledLabel: scaledLabel, wiggle: Boolean(parentState.value && labelProps.labelError), labelLayoutMeasured: parentState.labelLayout.measured, labelLayoutWidth: parentState.labelLayout.width, labelLayoutHeight: parentState.labelLayout.height, required: required }, labelProps))) : null,
-                React$3.createElement(View$1, { style: { flexDirection: "row", alignItems: "flex-end" } },
+                React$3.createElement(View$1, { style: { flexDirection: 'row', alignItems: 'flex-end' } },
                     !multiline &&
                         prefix &&
-                        (prefix === null || prefix === void 0 ? void 0 : prefix.toString()) !== "" &&
+                        (prefix === null || prefix === void 0 ? void 0 : prefix.toString()) !== '' &&
                         renderPrefix(), render === null || render === void 0 ? void 0 :
-                    render(__assign(__assign({}, rest), { ref: innerRef, onChangeText: handleChangeText, value: inputValue, placeholder: rest.placeholder, editable: !disabled && editable, selectionColor: selectionColor, cursorColor: typeof cursorColor === "undefined" ? activeColor : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: "transparent", multiline: multiline, style: [
+                    render(__assign(__assign({}, rest), { ref: innerRef, onChangeText: handleChangeText, value: inputValue, placeholder: rest.placeholder, editable: !disabled && editable, selectionColor: selectionColor, cursorColor: typeof cursorColor === 'undefined' ? activeColor : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: 'transparent', multiline: multiline, style: [
                             styles$e.input,
                             __assign(__assign({ paddingLeft: paddingLeft, paddingRight: paddingRight, paddingTop: parentState.focused || parentState.value
-                                    ? Platform.OS === "android"
+                                    ? Platform.OS === 'android'
                                         ? SPACE_16
                                         : SPACE_12
-                                    : 0 }, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", marginTop: Platform.OS === "android" ? SPACE_8 : SPACE_6 }),
+                                    : 0 }, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? 'top' : 'center', marginTop: Platform.OS === 'android' ? SPACE_8 : SPACE_6 }),
                             contentStyle,
                         ] })),
                     renderSuffix())),
@@ -5078,21 +5077,21 @@ var TextInputFlat = function (_a) {
                     marginRight: SPACE_8,
                 } })),
             React$3.createElement(View$1, { style: {
-                    flexDirection: "row",
-                    height: "100%",
-                    alignItems: "center",
-                    justifyContent: "center",
+                    flexDirection: 'row',
+                    height: '100%',
+                    alignItems: 'center',
+                    justifyContent: 'center',
                 } },
                 right && !clearButton && React$3.createElement(Spacer, { width: SPACE_8 }),
                 right && (React$3.createElement(View$1, { style: {
                         paddingRight: SPACE_12,
                     } }, right)))),
-        error && (textError === null || textError === void 0 ? void 0 : textError.toString()) !== "" && (React$3.createElement(View$1, { style: styles$e.vError },
+        error && (textError === null || textError === void 0 ? void 0 : textError.toString()) !== '' && (React$3.createElement(View$1, { style: styles$e.vError },
             React$3.createElement(Text$1, { size: 12, numberOfLines: 1, color: theme.colors.textErrorDefault }, textError)))));
 };
 var styles$e = StyleSheet.create({
     placeholder: {
-        position: "absolute",
+        position: 'absolute',
         left: 0,
     },
     labelContainer: {
@@ -5154,10 +5153,9 @@ var TextInputDefault = function (_a) {
             onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
         }
         else {
-            if (inputValue !== value)
-                setInputValue(value || "");
+            setInputValue(value || "");
         }
-    }, [value, inputValue]);
+    }, [value]);
     var handleChangeText = function (text) {
         setInputValue(text);
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
@@ -5376,59 +5374,59 @@ var ScaleButton$1 = React__default.memo(ScaleButton);
 
 function formatNumberInput$1(value, formatDecimal) {
     if (!value)
-        return "";
-    if (value === "")
-        return "";
+        return '';
+    if (value === '')
+        return '';
     // Xử lý số âm
-    var isNegative = value.startsWith("-");
-    var _a = value.replace(/[^0-9.]/g, "").split("."), intPart = _a[0], decimalPart = _a[1];
+    var isNegative = value.startsWith('-');
+    var _a = value.replace(/[^0-9.]/g, '').split('.'), intPart = _a[0], decimalPart = _a[1];
     // Format phần nguyên
-    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     // Giới hạn phần thập phân 3 số
     if (decimalPart)
         decimalPart = decimalPart.slice(0, formatDecimal);
     var result = intPart;
     if (decimalPart !== undefined)
-        result += "." + decimalPart;
+        result += '.' + decimalPart;
     if (isNegative)
-        result = "-" + result;
+        result = '-' + result;
     return result;
 }
 function formatShowInput(value, formatDecimal) {
     if (!value)
-        return "";
-    if (value === "")
-        return "";
+        return '';
+    if (value === '')
+        return '';
     // Xử lý số âm
-    var isNegative = value.startsWith("-");
-    var _a = value.replace(/[^0-9.]/g, "").split("."), intPart = _a[0], decimalPart = _a[1];
+    var isNegative = value.startsWith('-');
+    var _a = value.replace(/[^0-9.]/g, '').split('.'), intPart = _a[0], decimalPart = _a[1];
     // Format phần nguyên
-    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, "");
+    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, '');
     // Giới hạn phần thập phân 3 số
     if (decimalPart)
         decimalPart = decimalPart.slice(0, formatDecimal);
     var result = intPart;
     if (decimalPart !== undefined)
-        result += "." + decimalPart;
+        result += '.' + decimalPart;
     if (isNegative)
-        result = "-" + result;
+        result = '-' + result;
     return result;
 }
 var TextInputNumber = function (_a) {
-    var style = _a.style, _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.textError, textError = _d === void 0 ? "" : _d, left = _a.left, right = _a.right, onChangeText = _a.onChangeText, _e = _a.disabled, disabled = _e === void 0 ? false : _e; _a.theme; var _f = _a.prefix, prefix = _f === void 0 ? "" : _f, _g = _a.suffix, suffix = _g === void 0 ? "" : _g, _h = _a.clearButton, clearButton = _h === void 0 ? false : _h, _j = _a.maxValue, maxValue = _j === void 0 ? 999999999999 : _j, _k = _a.minValue, minValue = _k === void 0 ? 0 : _k, _l = _a.type, type = _l === void 0 ? "integer" : _l, _m = _a.formatDecimal, formatDecimal = _m === void 0 ? 3 : _m, _o = _a.required, required = _o === void 0 ? false : _o, labelStyle = _a.labelStyle, contentStyle = _a.contentStyle, textErrorStyle = _a.textErrorStyle, height = _a.height, props = __rest(_a, ["style", "value", "label", "textError", "left", "right", "onChangeText", "disabled", "theme", "prefix", "suffix", "clearButton", "maxValue", "minValue", "type", "formatDecimal", "required", "labelStyle", "contentStyle", "textErrorStyle", "height"]);
+    var style = _a.style, _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.textError, textError = _d === void 0 ? '' : _d, left = _a.left, right = _a.right, onChangeText = _a.onChangeText, _e = _a.disabled, disabled = _e === void 0 ? false : _e; _a.theme; var _f = _a.prefix, prefix = _f === void 0 ? '' : _f, _g = _a.suffix, suffix = _g === void 0 ? '' : _g, _h = _a.clearButton, clearButton = _h === void 0 ? false : _h, _j = _a.maxValue, maxValue = _j === void 0 ? 999999999999 : _j, _k = _a.minValue, minValue = _k === void 0 ? 0 : _k, _l = _a.type, type = _l === void 0 ? 'integer' : _l, _m = _a.formatDecimal, formatDecimal = _m === void 0 ? 3 : _m, _o = _a.required, required = _o === void 0 ? false : _o, labelStyle = _a.labelStyle, contentStyle = _a.contentStyle, textErrorStyle = _a.textErrorStyle, height = _a.height, _p = _a.modalStyle, modalStyle = _p === void 0 ? {} : _p, props = __rest(_a, ["style", "value", "label", "textError", "left", "right", "onChangeText", "disabled", "theme", "prefix", "suffix", "clearButton", "maxValue", "minValue", "type", "formatDecimal", "required", "labelStyle", "contentStyle", "textErrorStyle", "height", "modalStyle"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
-    var _p = useState(false), isShowModalKeyboard = _p[0], setIsShowModalKeyboard = _p[1];
-    var _q = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _q[0], setInputValue = _q[1];
-    var _r = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), numberValue = _r[0], setNumberValue = _r[1];
-    var _s = useState(true), canSave = _s[0], setCanSave = _s[1];
-    var _t = useState(false), isFirstInput = _t[0], setIsFirstInput = _t[1];
+    var _q = useState(false), isShowModalKeyboard = _q[0], setIsShowModalKeyboard = _q[1];
+    var _r = useState((value === null || value === void 0 ? void 0 : value.toString()) || ''), inputValue = _r[0], setInputValue = _r[1];
+    var _s = useState((value === null || value === void 0 ? void 0 : value.toString()) || ''), numberValue = _s[0], setNumberValue = _s[1];
+    var _t = useState(true), canSave = _t[0], setCanSave = _t[1];
+    var _u = useState(false), isFirstInput = _u[0], setIsFirstInput = _u[1];
     var disabledTextStyle = {
         color: colors.textSecondary,
     };
     useEffect(function () {
-        setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
-        setNumberValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
+        setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
+        setNumberValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
     }, [value]);
     useEffect(function () {
         var currentValue = Number(inputValue);
@@ -5477,17 +5475,17 @@ var TextInputNumber = function (_a) {
         return colors.textSecondary;
     }, [colors, textError, disabled, numberValue]);
     var handleKeyPress = function (key) {
-        if (key === "del") {
+        if (key === 'del') {
             setInputValue(function (prev) { return prev.slice(0, -1); });
         }
-        else if (key === "000") {
-            if (type === "integer") {
+        else if (key === '000') {
+            if (type === 'integer') {
                 // Xử lý trường hợp nhập "000" để tạo số lớn hơn
                 // Ví dụ: "1" + "000" = "1000", "10" + "000" = "10000"
                 // Nếu vượt quá maxValue, sẽ tự động cắt bớt số 0
                 // Logic này đảm bảo người dùng có thể tiếp tục nhập số đã được khởi tạo
                 // Ví dụ: value=999, người dùng có thể nhập "000" để tạo "999000"
-                var newInputValue = inputValue + "000";
+                var newInputValue = inputValue + '000';
                 var newValue = Number(newInputValue);
                 var maxValueNumber = Number(maxValue);
                 // Kiểm tra nếu giá trị vượt quá maxValue, cắt bớt số 0
@@ -5496,18 +5494,18 @@ var TextInputNumber = function (_a) {
                     newValue > maxValueNumber) {
                     // Tìm số 0 tối đa có thể thêm vào mà không vượt quá maxValue
                     var tempValue = inputValue;
-                    var tempNewValue = Number(tempValue + "000");
+                    var tempNewValue = Number(tempValue + '000');
                     // Giảm dần số 0 cho đến khi không vượt quá maxValue
-                    while (tempNewValue > maxValueNumber && tempValue.endsWith("0")) {
+                    while (tempNewValue > maxValueNumber && tempValue.endsWith('0')) {
                         tempValue = tempValue.slice(0, -1);
-                        tempNewValue = Number(tempValue + "000");
+                        tempNewValue = Number(tempValue + '000');
                     }
                     // Nếu vẫn vượt quá, chỉ thêm số 0 có thể
                     if (tempNewValue > maxValueNumber) {
                         // Tìm số 0 tối đa có thể thêm
                         var maxZeros = 0;
                         for (var i = 1; i <= 3; i++) {
-                            var testValue = Number(inputValue + "0".repeat(i));
+                            var testValue = Number(inputValue + '0'.repeat(i));
                             if (testValue <= maxValueNumber) {
                                 maxZeros = i;
                             }
@@ -5516,7 +5514,7 @@ var TextInputNumber = function (_a) {
                             }
                         }
                         if (maxZeros > 0) {
-                            newInputValue = inputValue + "0".repeat(maxZeros);
+                            newInputValue = inputValue + '0'.repeat(maxZeros);
                             newValue = Number(newInputValue);
                         }
                         else {
@@ -5525,7 +5523,7 @@ var TextInputNumber = function (_a) {
                         }
                     }
                     else {
-                        newInputValue = tempValue + "000";
+                        newInputValue = tempValue + '000';
                         newValue = Number(newInputValue);
                     }
                 }
@@ -5539,15 +5537,15 @@ var TextInputNumber = function (_a) {
             }
             // Nếu type là float, không cho phép nhập "000" ở đầu
         }
-        else if (key === ".") {
-            if (!inputValue.includes(".")) {
+        else if (key === '.') {
+            if (!inputValue.includes('.')) {
                 // Nếu inputValue là "0" hoặc rỗng, giữ lại số 0 và thêm dấu "."
-                if (inputValue === "0" || inputValue === "") {
-                    setInputValue("0.");
+                if (inputValue === '0' || inputValue === '') {
+                    setInputValue('0.');
                 }
-                else if (inputValue === "-") {
+                else if (inputValue === '-') {
                     // Nếu chỉ có dấu trừ, thêm "0."
-                    setInputValue("-0.");
+                    setInputValue('-0.');
                 }
                 else {
                     // Nếu đã có giá trị, thêm dấu "." vào cuối
@@ -5559,7 +5557,7 @@ var TextInputNumber = function (_a) {
         else {
             if (isFirstInput) {
                 // Nếu type là float và key là "0", không cho phép nhập số 0 đầu tiên
-                if (type === "float" && (key === "0" || key === "000")) {
+                if (type === 'float' && (key === '0' || key === '000')) {
                     return;
                 }
                 // Kiểm tra xem có thể nhập được không khi là lần đầu
@@ -5579,7 +5577,7 @@ var TextInputNumber = function (_a) {
                     }
                     if (canInput) {
                         // Nếu inputValue rỗng hoặc chỉ có dấu trừ, thay thế hoàn toàn
-                        if (inputValue === "" || inputValue === "-") {
+                        if (inputValue === '' || inputValue === '-') {
                             setInputValue(key);
                         }
                         else {
@@ -5595,7 +5593,7 @@ var TextInputNumber = function (_a) {
                 }
                 else {
                     // Nếu inputValue rỗng hoặc chỉ có dấu trừ, thay thế hoàn toàn
-                    if (inputValue === "" || inputValue === "-") {
+                    if (inputValue === '' || inputValue === '-') {
                         setInputValue(key);
                     }
                     else {
@@ -5607,12 +5605,12 @@ var TextInputNumber = function (_a) {
             }
             else {
                 // Kiểm tra nếu input bắt đầu bằng 0 và không có dấu chấm
-                if (inputValue === "0") {
-                    if (key === ".") {
-                        setInputValue("0.");
+                if (inputValue === '0') {
+                    if (key === '.') {
+                        setInputValue('0.');
                         return;
                     }
-                    else if (key >= "1" && key <= "9") {
+                    else if (key >= '1' && key <= '9') {
                         setInputValue(key);
                         return;
                     }
@@ -5680,9 +5678,9 @@ var TextInputNumber = function (_a) {
                     }
                 }
                 if (canInput) {
-                    if (inputValue.includes(".")) {
+                    if (inputValue.includes('.')) {
                         // Xử lý số thập phân
-                        var _a = inputValue.split("."); _a[0]; var _b = _a[1], decimalPart = _b === void 0 ? "" : _b;
+                        var _a = inputValue.split('.'); _a[0]; var _b = _a[1], decimalPart = _b === void 0 ? '' : _b;
                         if (newInputValue.length <= 12 && decimalPart.length === 0) {
                             setInputValue(function (prev) { return prev + key; });
                         }
@@ -5705,16 +5703,16 @@ var TextInputNumber = function (_a) {
         }
     };
     var handleClear = function () {
-        setInputValue("");
+        setInputValue('');
     };
     var handleClearInput = function () {
-        setInputValue("");
-        setNumberValue("");
-        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
+        setInputValue('');
+        setNumberValue('');
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText('');
     };
     var handleSave = function () {
         var finalValue = inputValue;
-        if (inputValue.endsWith(".")) {
+        if (inputValue.endsWith('.')) {
             finalValue = inputValue.slice(0, -1);
         }
         if (formatDecimal) {
@@ -5728,13 +5726,13 @@ var TextInputNumber = function (_a) {
         setIsShowModalKeyboard(false);
     };
     var checkValueEmpty = function () {
-        if (value === undefined || value === null || value.toString() === "") {
+        if (value === undefined || value === null || value.toString() === '') {
             return true;
         }
         return false;
     };
     var checkLabelEmpty = function () {
-        if (label === undefined || label === null || label.toString() === "") {
+        if (label === undefined || label === null || label.toString() === '') {
             return true;
         }
         return false;
@@ -5745,7 +5743,7 @@ var TextInputNumber = function (_a) {
         // Chỉ set isFirstInput = true khi inputValue rỗng hoặc chỉ có dấu trừ
         // Điều này cho phép người dùng tiếp tục nhập từ giá trị hiện tại
         // Ví dụ: value=999, người dùng có thể nhập "000" để tạo "999000"
-        if (inputValue === "" || inputValue === "-") {
+        if (inputValue === '' || inputValue === '-') {
             setIsFirstInput(true);
         }
         else {
@@ -5756,7 +5754,7 @@ var TextInputNumber = function (_a) {
     var onCloseModalKeyboard = function () {
         setIsShowModalKeyboard(false);
         setTimeout(function () {
-            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
+            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
         }, 300);
     };
     return (React__default.createElement(View, null,
@@ -5778,7 +5776,7 @@ var TextInputNumber = function (_a) {
                         },
                     ],
                     checkValueEmpty() && {
-                        alignItems: "center",
+                        alignItems: 'center',
                     },
                     textError.length > 0 && [
                         {
@@ -5796,7 +5794,7 @@ var TextInputNumber = function (_a) {
                     style,
                 ] },
                 React__default.createElement(Spacer, { width: SPACE_12 }),
-                left && (React__default.createElement(View, { center: true, paddingRight: SPACE_8, height: "100%" }, left)),
+                left && (React__default.createElement(View, { center: true, paddingRight: SPACE_8, height: '100%' }, left)),
                 React__default.createElement(View, { full: true, paddingRight: SPACE_4 },
                     !checkValueEmpty() && !checkLabelEmpty() && (React__default.createElement(View, null,
                         React__default.createElement(Text$1, { numberOfLines: 1, size: 14, color: colors.textSecondary, style: [
@@ -5810,10 +5808,10 @@ var TextInputNumber = function (_a) {
                             ] },
                             label,
                             required && (React__default.createElement(Text$1, { style: [labelStyle], color: colors.textErrorDefault },
-                                " ",
+                                ' ',
                                 "*"))))),
                     React__default.createElement(View, { row: true, alignCenter: true },
-                        !checkValueEmpty() && prefix.toString() !== "" && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, , disabled && disabledTextStyle] },
+                        !checkValueEmpty() && prefix.toString() !== '' && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, , disabled && disabledTextStyle] },
                             prefix, " ")),
                         React__default.createElement(View, { full: true },
                             React__default.createElement(Text$1, { numberOfLines: 1, color: getColorValue, style: [contentStyle, disabled && disabledTextStyle] },
@@ -5821,58 +5819,58 @@ var TextInputNumber = function (_a) {
                                     ? label
                                     : formatNumberInput$1(numberValue, formatDecimal),
                                 checkValueEmpty() && required && (React__default.createElement(Text$1, { style: [contentStyle], color: colors.textErrorDefault },
-                                    " ",
+                                    ' ',
                                     "*")))),
-                        !checkValueEmpty() && suffix.toString() !== "" && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, disabled && disabledTextStyle] }, " ",
+                        !checkValueEmpty() && suffix.toString() !== '' && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, disabled && disabledTextStyle] }, " ",
                             suffix)))),
                 clearButton && !checkValueEmpty() && (React__default.createElement(TouchableOpacity, { style: {
-                        alignContent: "center",
-                        paddingTop: Platform.OS === "ios" ? 4 : 8,
+                        alignContent: 'center',
+                        paddingTop: Platform.OS === 'ios' ? 4 : 8,
                     }, activeOpacity: 0.8, onPress: handleClearInput },
                     React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24 }))),
                 right && numberValue && (React__default.createElement(Spacer, { width: 1, height: 24, backgroundColor: theme.colors.borderPrimaryDefault, style: {
                         marginLeft: SPACE_4,
                     } })),
-                right && (React__default.createElement(View, { center: true, paddingLeft: SPACE_8, height: "100%" }, right)),
+                right && (React__default.createElement(View, { center: true, paddingLeft: SPACE_8, height: '100%' }, right)),
                 React__default.createElement(Spacer, { width: SPACE_12 }))),
         !disabled && textError.length > 0 && (React__default.createElement(View, { paddingHorizontal: SPACE_12, paddingVertical: SPACE_4 },
             React__default.createElement(Text$1, { size: 14, numberOfLines: 1, color: theme.colors.textErrorDefault, style: [textErrorStyle] }, textError))),
         React__default.createElement(Modal, { visible: isShowModalKeyboard, transparent: true, animationType: "fade", onRequestClose: onCloseModalKeyboard },
             React__default.createElement(TouchableOpacity, { style: styles$c.modalOverlay, activeOpacity: 1, onPress: onCloseModalKeyboard },
-                React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles$c.modalContent },
+                React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: [styles$c.modalContent, modalStyle] },
                     React__default.createElement(Text$1, { style: [styles$c.modalTitle, styles$c.text18] }, label),
-                    React__default.createElement(View, { width: "100%" },
+                    React__default.createElement(View, { width: '100%' },
                         React__default.createElement(View, { paddingHorizontal: SPACE_40 },
-                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "0")),
+                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || '0')),
                         React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles$c.clearButton },
                             React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24, color: colors.textSecondary }))),
                     React__default.createElement(View, { style: styles$c.keyboardGrid }, [
-                        ["1", "2", "3"],
-                        ["4", "5", "6"],
-                        ["7", "8", "9"],
-                        [type === "integer" ? "000" : ".", "0", "del"],
+                        ['1', '2', '3'],
+                        ['4', '5', '6'],
+                        ['7', '8', '9'],
+                        [type === 'integer' ? '000' : '.', '0', 'del'],
                     ].map(function (row, rowIndex) { return (React__default.createElement(View, { key: rowIndex, style: styles$c.keyboardRow }, row.map(function (key) { return (React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, key: key, style: [
                             styles$c.keyButton,
-                            key === "000" && type === "float" && styles$c.disabledKey,
-                            key === "." &&
-                                inputValue.includes(".") &&
+                            key === '000' && type === 'float' && styles$c.disabledKey,
+                            key === '.' &&
+                                inputValue.includes('.') &&
                                 styles$c.disabledKey,
-                        ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
-                            (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24, color: colors.textSecondary })) : (React__default.createElement(Text$1, { style: [
+                        ], onPress: function () { return handleKeyPress(key); }, disabled: (key === '000' && type === 'float') ||
+                            (key === '.' && inputValue.includes('.')) }, key === 'del' ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24, color: colors.textSecondary })) : (React__default.createElement(Text$1, { style: [
                             styles$c.keyText,
                             styles$c.text22,
-                            key === "000" &&
-                                type === "float" &&
+                            key === '000' &&
+                                type === 'float' &&
                                 styles$c.disabledKeyText,
-                            key === "." &&
-                                inputValue.includes(".") &&
+                            key === '.' &&
+                                inputValue.includes('.') &&
                                 styles$c.disabledKeyText,
                         ] }, key)))); }))); })),
                     React__default.createElement(View, { style: styles$c.actionRow },
                         React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles$c.actionButton, onPress: onCloseModalKeyboard },
                             React__default.createElement(Text$1, { style: [styles$c.actionText, styles$c.text16] }, "\u0110\u00F3ng")),
                         React__default.createElement(Spacer, { style: {
-                                height: "100%",
+                                height: '100%',
                             }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
                         React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: [styles$c.actionButton, !canSave && { opacity: 0.5 }], onPress: handleSave, disabled: !canSave },
                             React__default.createElement(Text$1, { style: [
@@ -5884,9 +5882,9 @@ var TextInputNumber = function (_a) {
 };
 var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, container: {
         height: 48,
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center",
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
         // paddingVertical: Platform.OS === "android" ? 3 : SPACE_6
     }, border: {
         borderWidth: BORDER_WIDTH_1,
@@ -5894,53 +5892,54 @@ var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         height: BUTTON_HEIGHT_SMALL,
     }, modalOverlay: {
         flex: 1,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
-        justifyContent: "center",
-        alignItems: "center",
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        justifyContent: 'center',
+        alignItems: 'center',
     }, modalContent: {
         borderRadius: 20,
-        width: "90%",
+        width: '90%',
         paddingBottom: 20,
-        alignItems: "center",
+        alignItems: 'center',
+        overflow: 'hidden',
     }, modalTitle: {
-        textAlign: "center",
+        textAlign: 'center',
         marginTop: 16,
         marginBottom: 8,
     }, valueText: {
-        textAlign: "center",
+        textAlign: 'center',
     }, clearButton: {
         padding: 8,
-        position: "absolute",
+        position: 'absolute',
         right: SPACE_12,
     }, keyboardGrid: {
         marginVertical: 8,
-        width: "90%",
+        width: '90%',
     }, keyboardRow: {
-        flexDirection: "row",
-        justifyContent: "space-between",
+        flexDirection: 'row',
+        justifyContent: 'space-between',
         marginBottom: 8,
     }, keyButton: {
         flex: 1,
         marginHorizontal: 6,
-        backgroundColor: "#F5F5F5",
+        backgroundColor: '#F5F5F5',
         borderRadius: 8,
-        alignItems: "center",
-        justifyContent: "center",
+        alignItems: 'center',
+        justifyContent: 'center',
         height: 48,
     }, keyText: {
-        fontWeight: "500",
+        fontWeight: '500',
     }, actionRow: {
-        flexDirection: "row",
-        justifyContent: "space-between",
+        flexDirection: 'row',
+        justifyContent: 'space-between',
         marginTop: 12,
-        width: "90%",
+        width: '90%',
         paddingHorizontal: 16,
     }, actionButton: {
         flex: 1,
-        alignItems: "center",
+        alignItems: 'center',
         paddingVertical: 12,
     }, actionText: {
-        fontWeight: "600",
+        fontWeight: '600',
     }, disabledKey: {
         opacity: 0.5,
     }, disabledKeyText: {
@@ -5977,7 +5976,7 @@ var DefaultRenderer = function (props) { return React__default.createElement(Tex
  * @extends TextInput props https://reactnative.dev/docs/textinput#props
  */
 var TextInput = forwardRef(function (_a, ref) {
-    var _b = _a.mode, mode = _b === void 0 ? "flat" : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.error, errorProp = _e === void 0 ? false : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, _g = _a.editable, editable = _g === void 0 ? true : _g, contentStyle = _a.contentStyle, _h = _a.render, render = _h === void 0 ? DefaultRenderer : _h; _a.theme; var placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, textError = _a.textError, prefix = _a.prefix, suffix = _a.suffix, maxValue = _a.maxValue, minValue = _a.minValue, type = _a.type, _j = _a.required, required = _j === void 0 ? false : _j, rest = __rest(_a, ["mode", "dense", "disabled", "error", "multiline", "editable", "contentStyle", "render", "theme", "placeholderTextColor", "clearButton", "textError", "prefix", "suffix", "maxValue", "minValue", "type", "required"]);
+    var _b = _a.mode, mode = _b === void 0 ? 'default' : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.error, errorProp = _e === void 0 ? false : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, _g = _a.editable, editable = _g === void 0 ? true : _g, contentStyle = _a.contentStyle, _h = _a.render, render = _h === void 0 ? DefaultRenderer : _h; _a.theme; var placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, textError = _a.textError, prefix = _a.prefix, suffix = _a.suffix, maxValue = _a.maxValue, minValue = _a.minValue, type = _a.type, _j = _a.required, required = _j === void 0 ? false : _j, modalStyle = _a.modalStyle, rest = __rest(_a, ["mode", "dense", "disabled", "error", "multiline", "editable", "contentStyle", "render", "theme", "placeholderTextColor", "clearButton", "textError", "prefix", "suffix", "maxValue", "minValue", "type", "required", "modalStyle"]);
     var theme = useInternalTheme();
     var isControlled = rest.value !== undefined;
     var validInputValue = isControlled ? rest.value : rest.defaultValue;
@@ -6162,7 +6161,7 @@ var TextInput = forwardRef(function (_a, ref) {
     var forceFocus = React__default.useCallback(function () { var _a; return (_a = root.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
     var _t = rest.maxFontSizeMultiplier, maxFontSizeMultiplier = _t === void 0 ? 1.5 : _t;
     var scaledLabel = !!(value || focused);
-    if (mode === "default") {
+    if (mode === 'default') {
         return (React__default.createElement(TextInputDefault, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, required: required, multiline: multiline, editable: editable, prefix: prefix, suffix: suffix, render: render }, rest, { theme: theme, value: value, placeholderTextColor: placeholderTextColor, clearButton: clearButton, parentState: {
                 labeled: labeled,
                 error: error,
@@ -6178,8 +6177,8 @@ var TextInput = forwardRef(function (_a, ref) {
                 root.current = ref;
             }, onFocus: handleFocus, forceFocus: forceFocus, onBlur: handleBlur, allowFontScaling: false, onChangeText: handleChangeText, onLayoutAnimatedText: handleLayoutAnimatedText, onInputLayout: handleInputContainerLayout, onLabelTextLayout: handleLabelTextLayout, onLeftAffixLayoutChange: onLeftAffixLayoutChange, onRightAffixLayoutChange: onRightAffixLayoutChange, maxFontSizeMultiplier: maxFontSizeMultiplier, contentStyle: contentStyle, scaledLabel: scaledLabel })));
     }
-    if (mode === "number") {
-        return (React__default.createElement(TextInputNumber$1, { textError: textError, disabled: disabled, prefix: prefix, suffix: suffix, value: value, right: rest.right, left: rest.left, required: required, label: rest.label, clearButton: clearButton, onChangeText: handleChangeText, maxValue: maxValue, minValue: minValue, formatDecimal: rest.formatDecimal, type: type }));
+    if (mode === 'number') {
+        return (React__default.createElement(TextInputNumber$1, { textError: textError, disabled: disabled, prefix: prefix, suffix: suffix, value: value, right: rest.right, left: rest.left, required: required, label: rest.label, clearButton: clearButton, onChangeText: handleChangeText, maxValue: maxValue, minValue: minValue, formatDecimal: rest.formatDecimal, type: type, modalStyle: modalStyle }));
     }
     return (React__default.createElement(TextInputFlat, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, editable: editable, prefix: prefix, suffix: suffix, clearButton: clearButton, required: required, render: render }, rest, { theme: theme, value: value, parentState: {
             labeled: labeled,
@@ -6202,7 +6201,7 @@ var TextInput = forwardRef(function (_a, ref) {
 TextInput.Affix = TextInputAffix;
 
 var Button = function (_a) {
-    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, margin = _a.margin, textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.textBold, textBold = _b === void 0 ? true : _b, _c = _a.mode, mode = _c === void 0 ? "contained" : _c; _a.transparent; var _e = _a.full, full = _e === void 0 ? false : _e; _a.theme; var _f = _a.buttonSize, buttonSize = _f === void 0 ? "normal" : _f, _g = _a.textSize, textSize = _g === void 0 ? buttonSize === "small" ? 14 : 16 : _g, _h = _a.critical, critical = _h === void 0 ? false : _h, width = _a.width, _j = _a.type, type = _j === void 0 ? "default" : _j, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "textBold", "mode", "transparent", "full", "theme", "buttonSize", "textSize", "critical", "width", "type"]);
+    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, margin = _a.margin, textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.textBold, textBold = _b === void 0 ? true : _b, _c = _a.mode, mode = _c === void 0 ? 'contained' : _c; _a.transparent; var _e = _a.full, full = _e === void 0 ? false : _e; _a.theme; var _f = _a.buttonSize, buttonSize = _f === void 0 ? 'normal' : _f, _g = _a.textSize, textSize = _g === void 0 ? buttonSize === 'small' ? 14 : 16 : _g, _h = _a.critical, critical = _h === void 0 ? false : _h, width = _a.width, _j = _a.type, type = _j === void 0 ? 'default' : _j, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "textBold", "mode", "transparent", "full", "theme", "buttonSize", "textSize", "critical", "width", "type"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
@@ -6210,7 +6209,7 @@ var Button = function (_a) {
     };
     var renderButtonStyle = function () {
         switch (mode) {
-            case "outlined":
+            case 'outlined':
                 return [
                     styles$b.border,
                     { borderColor: colors.borderBrandDefault },
@@ -6220,7 +6219,7 @@ var Button = function (_a) {
                         borderWidth: CONSTANTS.BORDER_WIDTH_1,
                     },
                 ];
-            case "contained":
+            case 'contained':
                 return [
                     {
                         backgroundColor: critical
@@ -6228,24 +6227,24 @@ var Button = function (_a) {
                             : colors.surfaceBrandDefault,
                     },
                 ];
-            case "transparent":
+            case 'transparent':
                 return [
                     { borderColor: colors.borderBrandDefault },
-                    { backgroundColor: "transparent" },
+                    { backgroundColor: 'transparent' },
                 ];
         }
     };
     var renderButtonSize = function () {
         switch (buttonSize) {
-            case "small":
+            case 'small':
                 return {
                     height: 36,
                 };
-            case "normal":
+            case 'normal':
                 return {
                     height: 48,
                 };
-            case "large":
+            case 'large':
                 return {
                     height: 56,
                 };
@@ -6257,26 +6256,26 @@ var Button = function (_a) {
     };
     var renderTextColor = function () {
         switch (mode) {
-            case "outlined":
+            case 'outlined':
                 if (critical) {
                     return colors.textCriticalDefault;
                 }
                 return colors.textBrandDefault;
-            case "contained":
+            case 'contained':
                 return colors.textOnFillDefault;
-            case "transparent":
+            case 'transparent':
                 if (critical) {
                     return colors.textCriticalDefault;
                 }
                 return colors.textBrandDefault;
         }
     };
-    if (type === "text") {
+    if (type === 'text') {
         return (React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onPress }, props, { disabled: disabled || isLoading }),
             React__default.createElement(View, { width: width, margin: margin, style: [
                     {
                         height: CONSTANTS.BUTTON_HEIGHT,
-                        alignItems: "center",
+                        alignItems: 'center',
                         minWidth: CONSTANTS.DEVICE_WIDTH / 4.5,
                     },
                     {
@@ -6285,7 +6284,7 @@ var Button = function (_a) {
                     },
                     styles$b.small,
                     disabled && !isLoading && [styles$b.disabled],
-                    isLoading && { justifyContent: "center" },
+                    isLoading && { justifyContent: 'center' },
                     style,
                 ], disabled: isLoading }, isLoading ? (React__default.createElement(ActivityIndicator, { color: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.color) || colors.textBrandDefault })) : (React__default.createElement(View, { row: true },
                 !isLoading && left,
@@ -6320,12 +6319,12 @@ var Button = function (_a) {
                             backgroundColor: colors.surfacePrimaryDisabled,
                         },
                     ],
-                    isLoading && { justifyContent: "center" },
+                    isLoading && { justifyContent: 'center' },
                     style,
                 ], disabled: isLoading }, isLoading ? (React__default.createElement(ActivityIndicator, { color: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.color) || renderTextColor() })) : (React__default.createElement(View, { row: true, alignCenter: true },
                 React__default.createElement(Spacer, { width: left ? CONSTANTS.SPACE_12 : CONSTANTS.SPACE_16 }),
                 !isLoading && left,
-                left && (React__default.createElement(Spacer, { width: buttonSize === "small"
+                left && (React__default.createElement(Spacer, { width: buttonSize === 'small'
                         ? CONSTANTS.SPACE_4
                         : CONSTANTS.SPACE_8 })),
                 React__default.createElement(View, { center: true },
@@ -6334,7 +6333,7 @@ var Button = function (_a) {
                             !textBold && styles$b.textMedium,
                             textStyle,
                         ] }, textProps), title)),
-                right && (React__default.createElement(Spacer, { width: buttonSize === "small"
+                right && (React__default.createElement(Spacer, { width: buttonSize === 'small'
                         ? CONSTANTS.SPACE_4
                         : CONSTANTS.SPACE_8 })),
                 !isLoading && right,
@@ -6342,12 +6341,12 @@ var Button = function (_a) {
 };
 var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, button: {
         height: CONSTANTS.BUTTON_HEIGHT,
-        alignItems: "center",
-        justifyContent: "center",
+        alignItems: 'center',
+        justifyContent: 'center',
         minWidth: CONSTANTS.DEVICE_WIDTH / 4.5,
     }, border: {
         borderWidth: CONSTANTS.BORDER_WIDTH_1,
-        backgroundColor: "transparent",
+        backgroundColor: 'transparent',
     }, small: {
         height: CONSTANTS.BUTTON_HEIGHT_SMALL,
     } }));
@@ -6502,29 +6501,29 @@ var ViewVisibleAnimated = React__default.memo(React__default.forwardRef(function
 
 /* eslint-disable react-hooks/exhaustive-deps */
 var POSITION = {
-    TOP: "top",
-    BOTTOM: "bottom",
+    TOP: 'top',
+    BOTTOM: 'bottom',
 };
 var SPACER = {
-    NORMAL: "normal",
-    MEDIUM: "medium",
-    LARGE: "large",
+    NORMAL: 'normal',
+    MEDIUM: 'medium',
+    LARGE: 'large',
 };
 var Toast = memoWithRef(function (_props, ref) {
-    var _a = useState("Thông báo"), message = _a[0], setMessage = _a[1];
+    var _a = useState('Thông báo'), message = _a[0], setMessage = _a[1];
     var viewVisibleAnimatedRef = useRef(null);
     var _b = useSafeAreaInsets(), bottom = _b.bottom, top = _b.top;
     var _c = useState({
         position: POSITION.TOP,
-        type: "success",
-        title: "Thông báo",
-        spacer: "normal",
+        type: 'success',
+        title: 'Thông báo',
+        spacer: 'normal',
     }), options = _c[0], setOptions = _c[1];
     var theme = useInternalTheme();
     var colors = theme.colors;
     var TIME_OUT = useRef(null);
     var show = function (_a) {
-        var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 1000 : _b, _c = _a.position, position = _c === void 0 ? POSITION.TOP : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, onPress = _a.onPress, _e = _a.title, title = _e === void 0 ? "Thông báo" : _e, _f = _a.spacer, spacer = _f === void 0 ? "normal" : _f;
+        var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 1000 : _b, _c = _a.position, position = _c === void 0 ? POSITION.TOP : _c, _d = _a.type, type = _d === void 0 ? 'success' : _d, onPress = _a.onPress, _e = _a.title, title = _e === void 0 ? 'Thông báo' : _e, _f = _a.spacer, spacer = _f === void 0 ? 'normal' : _f;
         if (!TIME_OUT.current) {
             handleShow({
                 message: message,
@@ -6555,8 +6554,8 @@ var Toast = memoWithRef(function (_props, ref) {
     }); }, []);
     var handleShow = function (_a) {
         var _b, _c;
-        var message = _a.message, _d = _a.position, position = _d === void 0 ? POSITION.TOP : _d, _e = _a.type, type = _e === void 0 ? "success" : _e, onPress = _a.onPress, _f = _a.title, title = _f === void 0 ? "Thông báo" : _f, _g = _a.duration, duration = _g === void 0 ? 1000 : _g, _h = _a.spacer, spacer = _h === void 0 ? "normal" : _h;
-        setMessage(message || "");
+        var message = _a.message, _d = _a.position, position = _d === void 0 ? POSITION.TOP : _d, _e = _a.type, type = _e === void 0 ? 'success' : _e, onPress = _a.onPress, _f = _a.title, title = _f === void 0 ? 'Thông báo' : _f, _g = _a.duration, duration = _g === void 0 ? 1000 : _g, _h = _a.spacer, spacer = _h === void 0 ? 'normal' : _h;
+        setMessage(message || '');
         setOptions({ position: position, type: type, onPress: onPress, title: title, spacer: spacer });
         (_c = (_b = viewVisibleAnimatedRef.current) === null || _b === void 0 ? void 0 : _b.show) === null || _c === void 0 ? void 0 : _c.call(_b, function () {
             TIME_OUT.current = setTimeout(function () {
@@ -6568,7 +6567,7 @@ var Toast = memoWithRef(function (_props, ref) {
         var _a, _b;
         (_b = (_a = viewVisibleAnimatedRef.current) === null || _a === void 0 ? void 0 : _a.hide) === null || _b === void 0 ? void 0 : _b.call(_a, function () {
             if (!skipSetMessage) {
-                setMessage("Thông báo");
+                setMessage('Thông báo');
             }
             callback === null || callback === void 0 ? void 0 : callback();
         }, 300);
@@ -6580,13 +6579,13 @@ var Toast = memoWithRef(function (_props, ref) {
     };
     var getBackgroundColor = function () {
         switch (options.type) {
-            case "success":
+            case 'success':
                 return colors.surfaceSuccessDefault;
-            case "error":
+            case 'error':
                 return colors.surfaceErrorDefault;
-            case "info":
+            case 'info':
                 return colors.surfacePrimaryInverseDefault;
-            case "warning":
+            case 'warning':
                 return colors.surfaceWarningDefault;
             default:
                 return colors.surfaceSuccessDefault;
@@ -6594,21 +6593,21 @@ var Toast = memoWithRef(function (_props, ref) {
     };
     var getSourceIcon = function () {
         switch (options.type) {
-            case "success":
-                return "IconSuccess";
-            case "error":
-                return "IconError";
-            case "info":
-                return "IconInfo";
-            case "warning":
-                return "IconWarning";
+            case 'success':
+                return 'IconSuccess';
+            case 'error':
+                return 'IconError';
+            case 'info':
+                return 'IconInfo';
+            case 'warning':
+                return 'IconWarning';
             default:
-                return "IconSuccess";
+                return 'IconSuccess';
         }
     };
     var handleToastBottomHeight = function () {
         var spacer = options.spacer;
-        if (typeof spacer === "number") {
+        if (typeof spacer === 'number') {
             return Math.max(0, spacer);
         }
         switch (spacer) {
@@ -6636,7 +6635,7 @@ var Toast = memoWithRef(function (_props, ref) {
         React__default.createElement(View, { row: !options.title, center: !options.title, full: true, activeOpacity: 0.8, onPress: onPressToast, style: [
                 styles$9.wrapContent,
                 {
-                    shadowColor: "black",
+                    shadowColor: 'black',
                     shadowOffset: {
                         width: 1,
                         height: 2,
@@ -6646,7 +6645,7 @@ var Toast = memoWithRef(function (_props, ref) {
                     backgroundColor: getBackgroundColor(),
                 },
             ] },
-            React__default.createElement(View, { row: true, style: { alignItems: "flex-start" } },
+            React__default.createElement(View, { row: true, style: { alignItems: 'flex-start' } },
                 React__default.createElement(View, null,
                     React__default.createElement(SvgIcon, { name: getSourceIcon(), width: 20, height: 20 })),
                 React__default.createElement(View, { full: true, paddingLeft: CONSTANTS.SPACE_8 },
@@ -6662,10 +6661,10 @@ var styles$9 = StyleSheet.create({
         marginHorizontal: CONSTANTS.SPACE_16,
     },
     container: {
-        position: "absolute",
+        position: 'absolute',
         left: 0,
         right: 0,
-        alignItems: "center",
+        alignItems: 'center',
         width: CONSTANTS.DEVICE_WIDTH,
     },
     img: {
@@ -6676,7 +6675,7 @@ var styles$9 = StyleSheet.create({
 
 var getSource = function (source) {
     var newSource = source;
-    if (typeof source === "string") {
+    if (typeof source === 'string') {
         newSource = { uri: source };
     }
     return newSource;
@@ -6684,13 +6683,13 @@ var getSource = function (source) {
 var Image = function (props) {
     var children = props.children, source = props.source, 
     // useFastImage,
-    disableDefaultImage = props.disableDefaultImage, style = props.style, _a = props.resizeMode, resizeMode = _a === void 0 ? "contain" : _a;
+    disableDefaultImage = props.disableDefaultImage, style = props.style, _a = props.resizeMode, resizeMode = _a === void 0 ? 'contain' : _a;
     var _b = useState(false), hasError = _b[0], setHasError = _b[1];
     var image = getSource(disableDefaultImage
         ? source
         : hasError
-            ? require("./assets/images/image_default.png")
-            : source || require("./assets/images/image_default.png"));
+            ? require('./assets/images/image_default.png')
+            : source || require('./assets/images/image_default.png'));
     var ImageComponent = children ? ImageBackground : Image$2;
     // const getUriImage = (uri: string) => {
     //   return uri !== null &&
@@ -6777,26 +6776,26 @@ var BADGE_CONFIGS = {
 var ProgressCircle = function (_a) {
     var progress = _a.progress, color = _a.color;
     var size = 8;
-    if (progress === "empty") {
+    if (progress === 'empty') {
         return (React__default.createElement(View, { style: {
                 width: size,
                 height: size,
                 borderRadius: size / 2,
                 borderWidth: CONSTANTS.BORDER_WIDTH_1,
                 borderColor: color,
-                backgroundColor: "transparent",
+                backgroundColor: 'transparent',
             } }));
     }
-    if (progress === "half") {
+    if (progress === 'half') {
         return (React__default.createElement(View, { style: {
                 width: size,
                 height: size,
                 borderRadius: size / 2,
                 borderWidth: CONSTANTS.BORDER_WIDTH_1,
                 borderColor: color,
-                backgroundColor: "transparent",
-                overflow: "hidden",
-                justifyContent: "flex-end",
+                backgroundColor: 'transparent',
+                overflow: 'hidden',
+                justifyContent: 'flex-end',
             } },
             React__default.createElement(View, { style: {
                     width: size,
@@ -6812,11 +6811,11 @@ var ProgressCircle = function (_a) {
         } }));
 };
 var Badge = React__default.memo(function (_a) {
-    var _b = _a.value, value = _b === void 0 ? "1" : _b, style = _a.style, textColor = _a.textColor, textStyle = _a.textStyle, _c = _a.type, type = _c === void 0 ? "default" : _c, _d = _a.badgeSize, badgeSize = _d === void 0 ? "large" : _d, _e = _a.mode, mode = _e === void 0 ? "default" : _e, textSize = _a.textSize, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, _f = _a.progressType, progressType = _f === void 0 ? "none" : _f, leftIcon = _a.leftIcon;
+    var _b = _a.value, value = _b === void 0 ? '1' : _b, style = _a.style, textColor = _a.textColor, textStyle = _a.textStyle, _c = _a.type, type = _c === void 0 ? 'default' : _c, _d = _a.badgeSize, badgeSize = _d === void 0 ? 'large' : _d, _e = _a.mode, mode = _e === void 0 ? 'default' : _e, textSize = _a.textSize, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, _f = _a.progressType, progressType = _f === void 0 ? 'none' : _f, leftIcon = _a.leftIcon;
     var theme = useInternalTheme();
     var colors = theme.colors;
     var sizeStyles = useMemo(function () {
-        if (badgeSize === "small")
+        if (badgeSize === 'small')
             return null;
         return BADGE_CONFIGS.sizes[badgeSize];
     }, [badgeSize]);
@@ -6927,22 +6926,22 @@ var Badge = React__default.memo(function (_a) {
     }, [colors, type, mode]);
     var finalTextSize = useMemo(function () {
         var _a;
-        if (badgeSize === "small")
+        if (badgeSize === 'small')
             return 0;
         return textSize || ((_a = BADGE_CONFIGS.sizes[badgeSize]) === null || _a === void 0 ? void 0 : _a.textSize) || 12;
     }, [textSize, badgeSize]);
-    if (badgeSize === "small") {
+    if (badgeSize === 'small') {
         return (React__default.createElement(View, { row: true, style: style },
             React__default.createElement(ProgressCircle, { progress: progressType, color: typeStyles.backgroundColor })));
     }
     return (React__default.createElement(View, { row: true },
         React__default.createElement(View, { row: true, center: true, borderRadius: 999, borderWidth: CONSTANTS.BORDER_WIDTH_1, style: [sizeStyles, typeStyles, style] },
             leftIcon && React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_4 }, leftIcon),
-            progressType !== "none" && (React__default.createElement(ProgressCircle, { progress: progressType, color: getColorProgress.color })),
-            React__default.createElement(View, { paddingLeft: progressType !== "none" ? CONSTANTS.SPACE_4 : 0 },
+            progressType !== 'none' && (React__default.createElement(ProgressCircle, { progress: progressType, color: getColorProgress.color })),
+            React__default.createElement(View, { paddingLeft: progressType !== 'none' ? CONSTANTS.SPACE_4 : 0 },
                 React__default.createElement(Text$1, { size: finalTextSize, color: textColor || textColorStyle, style: [styles$8.textMedium, textStyle] }, value)))));
 });
-Badge.displayName = "Badge";
+Badge.displayName = 'Badge';
 var styles$8 = StyleSheet.create(__assign({}, containerStyles));
 
 var CountingDot = function (_a) {
@@ -7123,7 +7122,7 @@ var styles$3 = StyleSheet.create({
 });
 
 var SelectionField = function (_a) {
-    var style = _a.style, _b = _a.content, content = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.error, error = _d === void 0 ? "" : _d, borderColor = _a.borderColor; _a.left; var right = _a.right, textStyle = _a.textStyle, labelStyle = _a.labelStyle, textProps = _a.textProps, onPress = _a.onPress, _e = _a.disabled, disabled = _e === void 0 ? false : _e, textColor = _a.textColor, labelColor = _a.labelColor; _a.theme; var _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.height, height = _g === void 0 ? 48 : _g, props = __rest(_a, ["style", "content", "label", "error", "borderColor", "left", "right", "textStyle", "labelStyle", "textProps", "onPress", "disabled", "textColor", "labelColor", "theme", "required", "height"]);
+    var style = _a.style, _b = _a.content, content = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.error, error = _d === void 0 ? '' : _d, borderColor = _a.borderColor; _a.left; var right = _a.right, textStyle = _a.textStyle, labelStyle = _a.labelStyle, textProps = _a.textProps, onPress = _a.onPress, _e = _a.disabled, disabled = _e === void 0 ? false : _e, textColor = _a.textColor, labelColor = _a.labelColor; _a.theme; var _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.height, height = _g === void 0 ? 48 : _g, props = __rest(_a, ["style", "content", "label", "error", "borderColor", "left", "right", "textStyle", "labelStyle", "textProps", "onPress", "disabled", "textColor", "labelColor", "theme", "required", "height"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
@@ -7134,7 +7133,7 @@ var SelectionField = function (_a) {
             return colors.textPlaceholder;
         if (error.length > 0)
             return colors.textErrorDefault;
-        if (content.toString() === "") {
+        if (content.toString() === '') {
             return textColor || colors.textSecondary;
         }
         return textColor || colors.textDefault;
@@ -7168,7 +7167,7 @@ var SelectionField = function (_a) {
                 ] },
                 React__default.createElement(Spacer, { width: SPACE_12 }),
                 React__default.createElement(View, { full: true },
-                    content.toString() !== "" && label.toString() !== "" && (React__default.createElement(Text$1, { color: labelColor || colors.textSecondary, style: [
+                    content.toString() !== '' && label.toString() !== '' && (React__default.createElement(Text$1, { color: labelColor || colors.textSecondary, style: [
                             styles$2.text12,
                             labelStyle,
                             disabled && {
@@ -7180,21 +7179,21 @@ var SelectionField = function (_a) {
                         ] },
                         label,
                         required && (React__default.createElement(Text$1, { style: [labelStyle], color: colors.textErrorDefault },
-                            " ",
+                            ' ',
                             "*")))),
                     React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), style: [disabled && disabledTextStyle, textStyle] }, textProps),
-                        content.toString() === "" ? label : content,
-                        required && content.toString() === "" && (React__default.createElement(Text$1, { color: colors.textErrorDefault }, " *")))),
-                right || React__default.createElement(SvgIcon, { name: "IconArrowDown", height: 24, width: 24 }),
+                        content.toString() === '' ? label : content,
+                        required && content.toString() === '' && (React__default.createElement(Text$1, { color: colors.textErrorDefault }, " *")))),
+                right || React__default.createElement(SvgIcon, { name: 'IconArrowDown', height: 24, width: 24 }),
                 React__default.createElement(Spacer, { width: SPACE_12 }))),
         error.length > 0 && (React__default.createElement(View, { paddingHorizontal: SPACE_12, paddingVertical: SPACE_4 },
             React__default.createElement(Text$1, { style: styles$2.text12, color: colors.textErrorDefault }, error)))));
 };
 var styles$2 = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, container: {
         height: 48,
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
         paddingVertical: SPACE_6,
     }, border: {
         borderWidth: BORDER_WIDTH_1,
@@ -7263,40 +7262,40 @@ var styles$1 = StyleSheet.create(__assign({}, containerStyles));
 
 var formatNumberInput = function (value, formatDecimal) {
     if (!value)
-        return "";
-    if (value === "")
-        return "";
+        return '';
+    if (value === '')
+        return '';
     // Xử lý số âm
-    var isNegative = value.startsWith("-");
-    var _a = value.replace(/[^0-9.]/g, "").split("."), intPart = _a[0], decimalPart = _a[1];
+    var isNegative = value.startsWith('-');
+    var _a = value.replace(/[^0-9.]/g, '').split('.'), intPart = _a[0], decimalPart = _a[1];
     // Format phần nguyên
-    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     // Giới hạn phần thập phân 3 số
     if (decimalPart)
         decimalPart = decimalPart.slice(0, formatDecimal);
     var result = intPart;
     if (decimalPart !== undefined)
-        result += "." + decimalPart;
+        result += '.' + decimalPart;
     if (isNegative)
-        result = "-" + result;
+        result = '-' + result;
     return result;
 };
 var NumberKeyboard = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, onChangeText = _a.onChangeText, _d = _a.maxValue, maxValue = _d === void 0 ? 999999999999 : _d, _e = _a.minValue, minValue = _e === void 0 ? 0 : _e, _f = _a.type, type = _f === void 0 ? "integer" : _f, _g = _a.formatDecimal, formatDecimal = _g === void 0 ? 3 : _g, visible = _a.visible, onClose = _a.onClose;
+    var _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, onChangeText = _a.onChangeText, _d = _a.maxValue, maxValue = _d === void 0 ? 999999999999 : _d, _e = _a.minValue, minValue = _e === void 0 ? 0 : _e, _f = _a.type, type = _f === void 0 ? 'integer' : _f, _g = _a.formatDecimal, formatDecimal = _g === void 0 ? 3 : _g, visible = _a.visible, onClose = _a.onClose;
     var theme = useInternalTheme();
     var colors = theme.colors;
-    var _h = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _h[0], setInputValue = _h[1];
+    var _h = useState((value === null || value === void 0 ? void 0 : value.toString()) || ''), inputValue = _h[0], setInputValue = _h[1];
     var _j = useState(true), isFirstInput = _j[0], setIsFirstInput = _j[1];
     var _k = useState(true), canSave = _k[0], setCanSave = _k[1];
     useEffect(function () {
         if (visible) {
-            var newValue = (value === null || value === void 0 ? void 0 : value.toString()) || "";
+            var newValue = (value === null || value === void 0 ? void 0 : value.toString()) || '';
             setInputValue(newValue);
             // Logic mới: Không reset về trạng thái nhập mới khi đã có giá trị
             // Chỉ set isFirstInput = true khi newValue rỗng hoặc chỉ có dấu trừ
             // Điều này cho phép người dùng tiếp tục nhập từ giá trị hiện tại
             // Ví dụ: value=999, người dùng có thể nhập "000" để tạo "999000"
-            if (newValue === "" || newValue === "-") {
+            if (newValue === '' || newValue === '-') {
                 setIsFirstInput(true);
             }
             else {
@@ -7339,17 +7338,17 @@ var NumberKeyboard = function (_a) {
         setCanSave(isValid);
     }, [inputValue, minValue, maxValue]);
     var handleKeyPress = function (key) {
-        if (key === "del") {
+        if (key === 'del') {
             setInputValue(function (prev) { return prev.slice(0, -1); });
         }
-        else if (key === "000") {
-            if (type === "integer") {
+        else if (key === '000') {
+            if (type === 'integer') {
                 // Xử lý trường hợp nhập "000" để tạo số lớn hơn
                 // Ví dụ: "1" + "000" = "1000", "10" + "000" = "10000"
                 // Nếu vượt quá maxValue, sẽ tự động cắt bớt số 0
                 // Logic này đảm bảo người dùng có thể tiếp tục nhập số đã được khởi tạo
                 // Ví dụ: value=999, người dùng có thể nhập "000" để tạo "999000"
-                var newInputValue = inputValue + "000";
+                var newInputValue = inputValue + '000';
                 var newValue = Number(newInputValue);
                 var maxValueNumber = Number(maxValue);
                 // Kiểm tra nếu giá trị vượt quá maxValue, cắt bớt số 0
@@ -7358,18 +7357,18 @@ var NumberKeyboard = function (_a) {
                     newValue > maxValueNumber) {
                     // Tìm số 0 tối đa có thể thêm vào mà không vượt quá maxValue
                     var tempValue = inputValue;
-                    var tempNewValue = Number(tempValue + "000");
+                    var tempNewValue = Number(tempValue + '000');
                     // Giảm dần số 0 cho đến khi không vượt quá maxValue
-                    while (tempNewValue > maxValueNumber && tempValue.endsWith("0")) {
+                    while (tempNewValue > maxValueNumber && tempValue.endsWith('0')) {
                         tempValue = tempValue.slice(0, -1);
-                        tempNewValue = Number(tempValue + "000");
+                        tempNewValue = Number(tempValue + '000');
                     }
                     // Nếu vẫn vượt quá, chỉ thêm số 0 có thể
                     if (tempNewValue > maxValueNumber) {
                         // Tìm số 0 tối đa có thể thêm
                         var maxZeros = 0;
                         for (var i = 1; i <= 3; i++) {
-                            var testValue = Number(inputValue + "0".repeat(i));
+                            var testValue = Number(inputValue + '0'.repeat(i));
                             if (testValue <= maxValueNumber) {
                                 maxZeros = i;
                             }
@@ -7378,7 +7377,7 @@ var NumberKeyboard = function (_a) {
                             }
                         }
                         if (maxZeros > 0) {
-                            newInputValue = inputValue + "0".repeat(maxZeros);
+                            newInputValue = inputValue + '0'.repeat(maxZeros);
                             newValue = Number(newInputValue);
                         }
                         else {
@@ -7387,7 +7386,7 @@ var NumberKeyboard = function (_a) {
                         }
                     }
                     else {
-                        newInputValue = tempValue + "000";
+                        newInputValue = tempValue + '000';
                         newValue = Number(newInputValue);
                     }
                 }
@@ -7401,15 +7400,15 @@ var NumberKeyboard = function (_a) {
             }
             // Nếu type là float, không cho phép nhập "000" ở đầu
         }
-        else if (key === ".") {
-            if (!inputValue.includes(".")) {
+        else if (key === '.') {
+            if (!inputValue.includes('.')) {
                 // Nếu inputValue là "0" hoặc rỗng, giữ lại số 0 và thêm dấu "."
-                if (inputValue === "0" || inputValue === "") {
-                    setInputValue("0.");
+                if (inputValue === '0' || inputValue === '') {
+                    setInputValue('0.');
                 }
-                else if (inputValue === "-") {
+                else if (inputValue === '-') {
                     // Nếu chỉ có dấu trừ, thêm "0."
-                    setInputValue("-0.");
+                    setInputValue('-0.');
                 }
                 else {
                     // Nếu đã có giá trị, thêm dấu "." vào cuối
@@ -7421,7 +7420,7 @@ var NumberKeyboard = function (_a) {
         else {
             if (isFirstInput) {
                 // Nếu type là float và key là "0", không cho phép nhập số 0 đầu tiên
-                if (type === "float" && key === "000") {
+                if (type === 'float' && key === '000') {
                     return;
                 }
                 // Cho phép nhập số 0 đầu tiên cho type float, nhưng không cho phép nhập "000"
@@ -7442,7 +7441,7 @@ var NumberKeyboard = function (_a) {
                     }
                     if (canInput) {
                         // Nếu inputValue rỗng hoặc chỉ có dấu trừ, thay thế hoàn toàn
-                        if (inputValue === "" || inputValue === "-") {
+                        if (inputValue === '' || inputValue === '-') {
                             setInputValue(key);
                         }
                         else {
@@ -7458,7 +7457,7 @@ var NumberKeyboard = function (_a) {
                 }
                 else {
                     // Nếu inputValue rỗng hoặc chỉ có dấu trừ, thay thế hoàn toàn
-                    if (inputValue === "" || inputValue === "-") {
+                    if (inputValue === '' || inputValue === '-') {
                         setInputValue(key);
                     }
                     else {
@@ -7470,12 +7469,12 @@ var NumberKeyboard = function (_a) {
             }
             else {
                 // Kiểm tra nếu input bắt đầu bằng 0 và không có dấu chấm
-                if (inputValue === "0") {
-                    if (key === ".") {
-                        setInputValue("0.");
+                if (inputValue === '0') {
+                    if (key === '.') {
+                        setInputValue('0.');
                         return;
                     }
-                    else if (key >= "1" && key <= "9") {
+                    else if (key >= '1' && key <= '9') {
                         setInputValue(key);
                         return;
                     }
@@ -7543,9 +7542,9 @@ var NumberKeyboard = function (_a) {
                     }
                 }
                 if (canInput) {
-                    if (inputValue.includes(".")) {
+                    if (inputValue.includes('.')) {
                         // Xử lý số thập phân
-                        var _a = inputValue.split("."); _a[0]; var _b = _a[1], decimalPart = _b === void 0 ? "" : _b;
+                        var _a = inputValue.split('.'); _a[0]; var _b = _a[1], decimalPart = _b === void 0 ? '' : _b;
                         if (newInputValue.length <= 12 && decimalPart.length === 0) {
                             setInputValue(function (prev) { return prev + key; });
                         }
@@ -7568,12 +7567,12 @@ var NumberKeyboard = function (_a) {
         }
     };
     var handleClear = useCallback(function () {
-        setInputValue("");
+        setInputValue('');
         setIsFirstInput(true);
     }, []);
     var handleSave = useCallback(function () {
         var finalValue = inputValue;
-        if (inputValue.endsWith(".")) {
+        if (inputValue.endsWith('.')) {
             finalValue = inputValue.slice(0, -1);
         }
         // Luôn truyền giá trị gốc (không format) để giữ nguyên dạng số
@@ -7583,44 +7582,44 @@ var NumberKeyboard = function (_a) {
     var handleClose = useCallback(function () {
         onClose();
         setTimeout(function () {
-            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
+            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
         }, 300);
     }, [onClose, value]);
     return (React__default.createElement(Modal, { visible: visible, transparent: true, animationType: "fade", onRequestClose: handleClose },
         React__default.createElement(TouchableOpacity, { style: styles.modalOverlay, activeOpacity: 1, onPress: handleClose },
             React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles.modalContent },
                 React__default.createElement(Text$1, { style: [styles.text18, styles.modalTitle] }, label),
-                React__default.createElement(View, { width: "100%" },
+                React__default.createElement(View, { width: '100%' },
                     React__default.createElement(View, { paddingHorizontal: SPACE_40 },
-                        React__default.createElement(Text$1, { numberOfLines: 1, style: [styles.text30, styles.valueText] }, formatNumberInput(inputValue, formatDecimal) || "0")),
+                        React__default.createElement(Text$1, { numberOfLines: 1, style: [styles.text30, styles.valueText] }, formatNumberInput(inputValue, formatDecimal) || '0')),
                     React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles.clearButton },
                         React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24, color: colors.textSecondary }))),
                 React__default.createElement(View, { style: styles.keyboardGrid }, [
-                    ["1", "2", "3"],
-                    ["4", "5", "6"],
-                    ["7", "8", "9"],
-                    [type === "integer" ? "000" : ".", "0", "del"],
+                    ['1', '2', '3'],
+                    ['4', '5', '6'],
+                    ['7', '8', '9'],
+                    [type === 'integer' ? '000' : '.', '0', 'del'],
                 ].map(function (row, rowIndex) { return (React__default.createElement(View, { key: rowIndex, style: styles.keyboardRow }, row.map(function (key) { return (React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, key: key, style: [
                         styles.keyButton,
-                        key === "000" && type === "float" && styles.disabledKey,
-                        key === "." &&
-                            inputValue.includes(".") &&
+                        key === '000' && type === 'float' && styles.disabledKey,
+                        key === '.' &&
+                            inputValue.includes('.') &&
                             styles.disabledKey,
-                    ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
-                        (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24 })) : (React__default.createElement(Text$1, { style: [
+                    ], onPress: function () { return handleKeyPress(key); }, disabled: (key === '000' && type === 'float') ||
+                        (key === '.' && inputValue.includes('.')) }, key === 'del' ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24 })) : (React__default.createElement(Text$1, { style: [
                         styles.keyText,
                         styles.text22,
-                        key === "000" &&
-                            type === "float" &&
+                        key === '000' &&
+                            type === 'float' &&
                             styles.disabledKeyText,
-                        key === "." &&
-                            inputValue.includes(".") &&
+                        key === '.' &&
+                            inputValue.includes('.') &&
                             styles.disabledKeyText,
                     ] }, key)))); }))); })),
                 React__default.createElement(View, { style: styles.actionRow },
                     React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles.actionButton, onPress: handleClose },
                         React__default.createElement(Text$1, { style: [styles.actionText, styles.text16] }, "\u0110\u00F3ng")),
-                    React__default.createElement(Spacer, { style: { height: "100%" }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
+                    React__default.createElement(Spacer, { style: { height: '100%' }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
                     React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: [styles.actionButton, !canSave && { opacity: 0.5 }], onPress: handleSave, disabled: !canSave },
                         React__default.createElement(Text$1, { style: [
                                 styles.actionText,
@@ -7631,53 +7630,53 @@ var NumberKeyboard = function (_a) {
 };
 var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOverlay: {
         flex: 1,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
-        justifyContent: "center",
-        alignItems: "center",
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        justifyContent: 'center',
+        alignItems: 'center',
     }, modalContent: {
         borderRadius: 20,
-        width: "90%",
+        width: '90%',
         paddingBottom: 20,
-        alignItems: "center",
+        alignItems: 'center',
     }, modalTitle: {
-        textAlign: "center",
+        textAlign: 'center',
         marginTop: 16,
         marginBottom: 8,
     }, valueText: {
-        textAlign: "center",
+        textAlign: 'center',
     }, clearButton: {
         padding: 8,
-        position: "absolute",
+        position: 'absolute',
         right: SPACE_12,
     }, keyboardGrid: {
         marginVertical: 8,
-        width: "90%",
+        width: '90%',
     }, keyboardRow: {
-        flexDirection: "row",
-        justifyContent: "space-between",
+        flexDirection: 'row',
+        justifyContent: 'space-between',
         marginBottom: 8,
     }, keyButton: {
         flex: 1,
         marginHorizontal: 6,
-        backgroundColor: "#F5F5F5",
+        backgroundColor: '#F5F5F5',
         borderRadius: 8,
-        alignItems: "center",
-        justifyContent: "center",
+        alignItems: 'center',
+        justifyContent: 'center',
         height: 48,
     }, keyText: {
-        fontWeight: "500",
+        fontWeight: '500',
     }, actionRow: {
-        flexDirection: "row",
-        justifyContent: "space-between",
+        flexDirection: 'row',
+        justifyContent: 'space-between',
         marginTop: 12,
-        width: "90%",
+        width: '90%',
         paddingHorizontal: 16,
     }, actionButton: {
         flex: 1,
-        alignItems: "center",
+        alignItems: 'center',
         paddingVertical: 12,
     }, actionText: {
-        fontWeight: "600",
+        fontWeight: '600',
     }, disabledKey: {
         opacity: 0.5,
     }, disabledKeyText: {