@asdp/ferryui 0.1.22-dev.9569 → 0.1.22-dev.9577

package/dist/index.js

@@ -3638,7 +3638,7 @@ var DEFAULT_LABELS7 = {
     hidePasswordAriaLabel: "Sembunyikan kata sandi",
     datePickerPlaceholder: "Pilih tanggal",
     phoneDefaultPlaceholder: "Nomor telepon",
-    requiredFieldError: "Field ini wajib diisi",
+    requiredFieldError: "wajib diisi",
     invalidEmailError: "Email tidak valid",
     emailOrPhoneRequiredError: "Email atau nomor HP wajib diisi",
     invalidEmailFormatError: "Format email tidak valid",
@@ -3661,7 +3661,7 @@ var DEFAULT_LABELS7 = {
     hidePasswordAriaLabel: "Hide password",
     datePickerPlaceholder: "Select date",
     phoneDefaultPlaceholder: "Phone number",
-    requiredFieldError: "This field is required",
+    requiredFieldError: "is required",
     invalidEmailError: "Invalid email",
     emailOrPhoneRequiredError: "Email or phone number is required",
     invalidEmailFormatError: "Invalid email format",
@@ -5239,8 +5239,9 @@ var InputDynamic = ({
   };
   const getValidationRules = () => {
     const rules = {};
+    const requiredMessage = typeof validationRules?.required === "string" ? validationRules.required : `${label || (language === "id" ? "Field ini" : "This field")} ${mergedLabels.requiredFieldError}`;
     if (required) {
-      rules.required = validationRules?.required || mergedLabels.requiredFieldError;
+      rules.required = requiredMessage;
     }
     if (validationRules?.minLength) {
       rules.minLength = validationRules.minLength;
@@ -5269,7 +5270,7 @@ var InputDynamic = ({
     if (type === "emailOrPhone") {
       rules.validate = (value) => {
         if (required && !value) {
-          return mergedLabels.emailOrPhoneRequiredError;
+          return label ? requiredMessage : mergedLabels.emailOrPhoneRequiredError;
         }
         const stringValue = typeof value === "string" ? value : "";
         if (!stringValue) return true;
@@ -5292,7 +5293,7 @@ var InputDynamic = ({
     if (type === "identity") {
       rules.validate = (value) => {
         if (required && !value) {
-          return mergedLabels.requiredFieldError;
+          return requiredMessage;
         }
         const stringValue = typeof value === "string" ? value : value?.phoneNumber || "";
         if (!stringValue) return true;
@@ -5313,7 +5314,7 @@ var InputDynamic = ({
     if (type === "phone") {
       rules.validate = (value) => {
         if (required && !value) {
-          return mergedLabels.requiredFieldError;
+          return requiredMessage;
         }
         if (value) {
           const stringValue = typeof value === "string" ? value : String(value);
@@ -10978,9 +10979,15 @@ var ModalPassengerForm = ({
   const [capturedImage, setCapturedImage] = React.useState(null);
   const [stream, setStream] = React.useState(null);
   const videoRef = React.useRef(null);
-  const { control, handleSubmit, reset, watch, setValue } = reactHookForm.useForm({
+  const { control, handleSubmit, reset, watch, setValue, trigger } = reactHookForm.useForm({
+    mode: "all",
     defaultValues
   });
+  React.useEffect(() => {
+    if (open) {
+      trigger();
+    }
+  }, [open, trigger]);
   const watchIdentityTypeId = watch("identityTypeId");
   const watchPassportCountryId = watch("countryId");
   const watchBirthdate = watch("birthdate");
@@ -11980,6 +11987,7 @@ var CardVehicleDetail = ({
           disabled,
           name: vehicleNumberName,
           placeholder: mergedLabels.vehicleNumberPlaceholder,
+          required: true,
           type: "text"
         }
       )
@@ -12288,14 +12296,14 @@ var CardVehicleOwnerForm = ({
                                 reactComponents.Radio,
                                 {
                                   value: MANIFEST_ENTITY.COMPANY,
-                                  label: MANIFEST_ENTITY.COMPANY
+                                  label: mergedLabels.entityTypeCompany
                                 }
                               ),
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 reactComponents.Radio,
                                 {
                                   value: MANIFEST_ENTITY.INDIVIDUAL,
-                                  label: MANIFEST_ENTITY.INDIVIDUAL
+                                  label: mergedLabels.entityTypeIndividual
                                 }
                               )
                             ]