@ctlyst.id/internal-ui 5.4.8 → 5.4.10

package/dist/index.mjs

@@ -5945,6 +5945,7 @@ var ErrorCode = /* @__PURE__ */ ((ErrorCode2) => {
   ErrorCode2["FileTooSmall"] = "file-too-small";
   ErrorCode2["TooManyFiles"] = "too-many-files";
   ErrorCode2["FileInvalidDimension"] = "file-invalid-dimension";
+  ErrorCode2["FileInvalid"] = "file-invalid";
   return ErrorCode2;
 })(ErrorCode || {});
 var error_code_default = ErrorCode;
@@ -5961,19 +5962,24 @@ var defaultOnHandleRejections = (fileRejection, config2, handleRejection) => {
         handleRejection(
           (_d = (_b = config2.acceptFormat) == null ? void 0 : _b.message) != null ? _d : formatValidationMessage((_c = config2.acceptFormat) == null ? void 0 : _c.validate),
           file,
-          null
+          null,
+          error_code_default.FileInvalidType
         );
       }
       break;
     }
     case error_code_default.FileTooLarge: {
       if (config2.maxFileSize) {
-        handleRejection(config2.maxFileSize.message, file, null);
+        handleRejection(config2.maxFileSize.message, file, null, error_code_default.FileTooLarge);
       }
       break;
     }
+    case error_code_default.TooManyFiles: {
+      handleRejection(errors3[0].message, file, null, error_code_default.TooManyFiles);
+      break;
+    }
     default:
-      handleRejection(errors3[0].message, file, null);
+      handleRejection(errors3[0].message, file, null, error_code_default.FileInvalid);
       break;
   }
 };
@@ -6002,24 +6008,41 @@ var Uploader = ({
   value,
   isShowCloseButton = true,
   testId,
-  isError,
-  errorText,
+  isError: propIsError,
+  errorText: propErrorText,
   isShowReupload = true,
   size: size2 = "lg",
   validatorExt,
+  buttonChangeText = "Ubah Foto",
+  customErrorRejection,
   ...props
 }) => {
   const [filePreview, setFilePreview] = useState5();
+  const [isError, setIsError] = useState5(propIsError);
+  const [errorText, setErrorText] = useState5(propErrorText);
   const toast2 = useToast();
   const handleRejection = useCallback4(
-    (message, file, image) => {
+    (message, file, image, errorCode) => {
       if (onHandleRejections) {
-        onHandleRejections(file, image);
+        onHandleRejections(file, image, errorCode);
       }
+      if (customErrorRejection == null ? void 0 : customErrorRejection[errorCode]) {
+        const error = customErrorRejection[errorCode];
+        if ((error == null ? void 0 : error.type) === "toast") {
+          return toast2.error(error.message);
+        }
+        if ((error == null ? void 0 : error.type) === "inline") {
+          setIsError(true);
+          setErrorText(error.message);
+          return error.message;
+        }
+      }
+      setIsError(true);
+      setErrorText(message);
       return toast2.error(message);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [onHandleRejections]
+    [onHandleRejections, customErrorRejection]
   );
   const onDropAccepted = useCallback4(
     (files) => {
@@ -6118,6 +6141,10 @@ var Uploader = ({
           setFilePreview(value.name);
           return;
         }
+        if (acceptFileType == null ? void 0 : acceptFileType.some((type) => type === value.type)) {
+          setFilePreview(value.name);
+          return;
+        }
         setFilePreview(URL.createObjectURL(value));
       }
     } else {
@@ -6180,7 +6207,7 @@ var Uploader = ({
               "data-test-id": `CT_component_base-image-uploader_image-preview${testId ? `_${testId}` : ""}`,
               justify: "center",
               align: "center",
-              children: filePreview.includes("blob") ? /* @__PURE__ */ jsx66(
+              children: filePreview.includes("blob") && !acceptFile.some(([type]) => typeof type === "string" && type.includes("image/")) ? /* @__PURE__ */ jsx66(
                 ChakraImage,
                 {
                   h: size2 === "lg" ? "120" : "100",
@@ -6225,7 +6252,7 @@ var Uploader = ({
         size: "sm",
         variant: "outline",
         onClick: open,
-        children: "Ubah Foto"
+        children: buttonChangeText
       }
     ) }),
     renderErrorText(errorText),