@asdp/ferryui 0.1.22-dev.9508 → 0.1.22-dev.9525

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -10959,7 +10959,6 @@ var ModalPassengerForm = ({
10959
10959
  const { control, handleSubmit, reset, watch, setValue } = useForm({
10960
10960
  defaultValues
10961
10961
  });
10962
- watch();
10963
10962
  const watchIdentityTypeId = watch("identityTypeId");
10964
10963
  const watchPassportCountryId = watch("countryId");
10965
10964
  const watchBirthdate = watch("birthdate");
@@ -12161,6 +12160,10 @@ var CardVehicleOwnerForm = ({
12161
12160
  }) => {
12162
12161
  const styles = useStyles27();
12163
12162
  const mergedLabels = { ...DEFAULT_LABELS26[language], ...labels };
12163
+ const formValues = watch();
12164
+ useEffect(() => {
12165
+ console.log("[CardVehicleOwnerForm] Form values changed:", formValues);
12166
+ }, [formValues]);
12164
12167
  return /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
12165
12168
  /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
12166
12169
  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", flex: 1 }, children: [
@@ -12246,9 +12249,15 @@ var CardVehicleOwnerForm = ({
12246
12249
  disabled,
12247
12250
  layout: "horizontal",
12248
12251
  value: owner.senderEntityType,
12249
- onChange: (_, data) => onUpdateOwner(owner.id, {
12250
- senderEntityType: data.value
12251
- }),
12252
+ onChange: (_, data) => {
12253
+ onUpdateOwner(owner.id, {
12254
+ senderEntityType: data.value,
12255
+ senderEntity: "",
12256
+ senderEntityOther: ""
12257
+ });
12258
+ setValue(`owners.${index}.senderEntity`, "");
12259
+ setValue(`owners.${index}.senderEntityOther`, "");
12260
+ },
12252
12261
  children: [
12253
12262
  /* @__PURE__ */ jsx(
12254
12263
  Radio,
@@ -12278,7 +12287,30 @@ var CardVehicleOwnerForm = ({
12278
12287
  placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12279
12288
  size: "large",
12280
12289
  type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12281
- options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : []
12290
+ options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : [],
12291
+ onChange: (val) => {
12292
+ setValue(`owners.${index}.senderEntity`, val);
12293
+ onUpdateOwner(owner.id, {
12294
+ senderEntity: val
12295
+ });
12296
+ }
12297
+ }
12298
+ ),
12299
+ owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12300
+ InputDynamic_default,
12301
+ {
12302
+ control,
12303
+ disabled,
12304
+ name: `owners.${index}.senderEntityOther`,
12305
+ placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12306
+ size: "large",
12307
+ type: "text",
12308
+ onChange: (val) => {
12309
+ setValue(`owners.${index}.senderEntityOther`, val);
12310
+ onUpdateOwner(owner.id, {
12311
+ senderEntityOther: val
12312
+ });
12313
+ }
12282
12314
  }
12283
12315
  )
12284
12316
  ] }),
@@ -12297,7 +12329,13 @@ var CardVehicleOwnerForm = ({
12297
12329
  name: `owners.${index}.estimatedWeight`,
12298
12330
  placeholder: mergedLabels.inputNumberPlaceholder,
12299
12331
  size: "large",
12300
- type: "number"
12332
+ type: "number",
12333
+ onChange: (val) => {
12334
+ setValue(`owners.${index}.estimatedWeight`, val);
12335
+ onUpdateOwner(owner.id, {
12336
+ estimatedWeight: val
12337
+ });
12338
+ }
12301
12339
  }
12302
12340
  )
12303
12341
  ] })
@@ -12310,11 +12348,17 @@ var CardVehicleOwnerForm = ({
12310
12348
  {
12311
12349
  control,
12312
12350
  disabled,
12313
- name: `looseCargoOwners.${index}.originCity`,
12351
+ name: `owners.${index}.originCity`,
12314
12352
  placeholder: mergedLabels.selectPlaceholder,
12315
12353
  type: "select",
12316
12354
  options: cityOriginOptions,
12317
- size: "large"
12355
+ size: "large",
12356
+ onChange: (val) => {
12357
+ setValue(`owners.${index}.originCity`, val);
12358
+ onUpdateOwner(owner.id, {
12359
+ originCity: val
12360
+ });
12361
+ }
12318
12362
  }
12319
12363
  )
12320
12364
  ] }),
@@ -12325,11 +12369,17 @@ var CardVehicleOwnerForm = ({
12325
12369
  {
12326
12370
  control,
12327
12371
  disabled,
12328
- name: `looseCargoOwners.${index}.destinationCity`,
12372
+ name: `owners.${index}.destinationCity`,
12329
12373
  placeholder: mergedLabels.selectPlaceholder,
12330
12374
  type: "select",
12331
12375
  options: cityDestinationOptions,
12332
- size: "large"
12376
+ size: "large",
12377
+ onChange: (val) => {
12378
+ setValue(`owners.${index}.destinationCity`, val);
12379
+ onUpdateOwner(owner.id, {
12380
+ destinationCity: val
12381
+ });
12382
+ }
12333
12383
  }
12334
12384
  )
12335
12385
  ] })
@@ -12356,9 +12406,18 @@ var CardVehicleOwnerForm = ({
12356
12406
  disabled,
12357
12407
  layout: "horizontal",
12358
12408
  value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12359
- onChange: (_, data) => onUpdateOwner(owner.id, {
12360
- cargoOwnerEntityType: data.value
12361
- }),
12409
+ onChange: (_, data) => {
12410
+ onUpdateOwner(owner.id, {
12411
+ cargoOwnerEntityType: data.value,
12412
+ cargoOwnerEntity: "",
12413
+ cargoOwnerEntityOther: ""
12414
+ });
12415
+ setValue(`owners.${index}.cargoOwnerEntity`, "");
12416
+ setValue(
12417
+ `owners.${index}.cargoOwnerEntityOther`,
12418
+ ""
12419
+ );
12420
+ },
12362
12421
  children: [
12363
12422
  /* @__PURE__ */ jsx(
12364
12423
  Radio,
@@ -12384,11 +12443,17 @@ var CardVehicleOwnerForm = ({
12384
12443
  {
12385
12444
  disabled,
12386
12445
  control,
12387
- name: `looseCargoOwners.${index}.cargoOwnerName`,
12446
+ name: `owners.${index}.cargoOwnerEntity`,
12388
12447
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12389
12448
  size: "large",
12390
12449
  type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12391
- options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : []
12450
+ options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12451
+ onChange: (val) => {
12452
+ setValue(`owners.${index}.cargoOwnerEntity`, val);
12453
+ onUpdateOwner(owner.id, {
12454
+ cargoOwnerEntity: val
12455
+ });
12456
+ }
12392
12457
  }
12393
12458
  ),
12394
12459
  /* @__PURE__ */ jsx(
@@ -12400,6 +12465,26 @@ var CardVehicleOwnerForm = ({
12400
12465
  },
12401
12466
  children: mergedLabels.otherCompanyHelperText
12402
12467
  }
12468
+ ),
12469
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(
12470
+ InputDynamic_default,
12471
+ {
12472
+ control,
12473
+ disabled,
12474
+ name: `owners.${index}.cargoOwnerEntityOther`,
12475
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12476
+ size: "large",
12477
+ type: "text",
12478
+ onChange: (val) => {
12479
+ setValue(
12480
+ `owners.${index}.cargoOwnerEntityOther`,
12481
+ val
12482
+ );
12483
+ onUpdateOwner(owner.id, {
12484
+ cargoOwnerEntityOther: val
12485
+ });
12486
+ }
12487
+ }
12403
12488
  )
12404
12489
  ] }),
12405
12490
  /* @__PURE__ */ jsxs(Col, { children: [
@@ -12422,9 +12507,18 @@ var CardVehicleOwnerForm = ({
12422
12507
  disabled,
12423
12508
  layout: "horizontal",
12424
12509
  value: owner.logisticsEntityType || "Perseorangan",
12425
- onChange: (_, data) => onUpdateOwner(owner.id, {
12426
- logisticsEntityType: data.value
12427
- }),
12510
+ onChange: (_, data) => {
12511
+ onUpdateOwner(owner.id, {
12512
+ logisticsEntityType: data.value,
12513
+ logisticsEntity: "",
12514
+ logisticsEntityOther: ""
12515
+ });
12516
+ setValue(`owners.${index}.logisticsEntity`, "");
12517
+ setValue(
12518
+ `owners.${index}.logisticsEntityOther`,
12519
+ ""
12520
+ );
12521
+ },
12428
12522
  children: [
12429
12523
  /* @__PURE__ */ jsx(
12430
12524
  Radio,
@@ -12450,11 +12544,17 @@ var CardVehicleOwnerForm = ({
12450
12544
  {
12451
12545
  control,
12452
12546
  disabled,
12453
- name: `looseCargoOwners.${index}.logisticsCompanyName`,
12547
+ name: `owners.${index}.logisticsEntity`,
12454
12548
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12455
12549
  size: "large",
12456
12550
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12457
- options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : []
12551
+ options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : [],
12552
+ onChange: (val) => {
12553
+ setValue(`owners.${index}.logisticsEntity`, val);
12554
+ onUpdateOwner(owner.id, {
12555
+ logisticsEntity: val
12556
+ });
12557
+ }
12458
12558
  }
12459
12559
  ),
12460
12560
  /* @__PURE__ */ jsx(
@@ -12466,6 +12566,26 @@ var CardVehicleOwnerForm = ({
12466
12566
  },
12467
12567
  children: mergedLabels.otherCompanyHelperText
12468
12568
  }
12569
+ ),
12570
+ owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === "999999" && /* @__PURE__ */ jsx(
12571
+ InputDynamic_default,
12572
+ {
12573
+ control,
12574
+ disabled,
12575
+ name: `owners.${index}.logisticsEntityOther`,
12576
+ placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12577
+ size: "large",
12578
+ type: "text",
12579
+ onChange: (val) => {
12580
+ setValue(
12581
+ `owners.${index}.logisticsEntityOther`,
12582
+ val
12583
+ );
12584
+ onUpdateOwner(owner.id, {
12585
+ logisticsEntityOther: val
12586
+ });
12587
+ }
12588
+ }
12469
12589
  )
12470
12590
  ] })
12471
12591
  ] }),
@@ -12478,9 +12598,18 @@ var CardVehicleOwnerForm = ({
12478
12598
  disabled,
12479
12599
  layout: "horizontal",
12480
12600
  value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12481
- onChange: (_, data) => onUpdateOwner(owner.id, {
12482
- cargoReceiverEntityType: data.value
12483
- }),
12601
+ onChange: (_, data) => {
12602
+ onUpdateOwner(owner.id, {
12603
+ cargoReceiverEntityType: data.value,
12604
+ cargoReceiverEntity: "",
12605
+ cargoReceiverEntityOther: ""
12606
+ });
12607
+ setValue(`owners.${index}.cargoReceiverEntity`, "");
12608
+ setValue(
12609
+ `owners.${index}.cargoReceiverEntityOther`,
12610
+ ""
12611
+ );
12612
+ },
12484
12613
  children: [
12485
12614
  /* @__PURE__ */ jsx(
12486
12615
  Radio,
@@ -12504,11 +12633,17 @@ var CardVehicleOwnerForm = ({
12504
12633
  {
12505
12634
  control,
12506
12635
  disabled,
12507
- name: `looseCargoOwners.${index}.cargoReceiverName`,
12636
+ name: `owners.${index}.cargoReceiverEntity`,
12508
12637
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12509
12638
  size: "large",
12510
12639
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12511
- options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : []
12640
+ options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
12641
+ onChange: (val) => {
12642
+ setValue(`owners.${index}.cargoReceiverEntity`, val);
12643
+ onUpdateOwner(owner.id, {
12644
+ cargoReceiverEntity: val
12645
+ });
12646
+ }
12512
12647
  }
12513
12648
  ),
12514
12649
  /* @__PURE__ */ jsx(
@@ -12520,6 +12655,26 @@ var CardVehicleOwnerForm = ({
12520
12655
  },
12521
12656
  children: mergedLabels.otherCompanyHelperText
12522
12657
  }
12658
+ ),
12659
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsx(
12660
+ InputDynamic_default,
12661
+ {
12662
+ control,
12663
+ disabled,
12664
+ name: `owners.${index}.cargoReceiverEntityOther`,
12665
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12666
+ size: "large",
12667
+ type: "text",
12668
+ onChange: (val) => {
12669
+ setValue(
12670
+ `owners.${index}.cargoReceiverEntityOther`,
12671
+ val
12672
+ );
12673
+ onUpdateOwner(owner.id, {
12674
+ cargoReceiverEntityOther: val
12675
+ });
12676
+ }
12677
+ }
12523
12678
  )
12524
12679
  ] }),
12525
12680
  /* @__PURE__ */ jsxs(Col, { children: [
@@ -12534,10 +12689,16 @@ var CardVehicleOwnerForm = ({
12534
12689
  {
12535
12690
  control,
12536
12691
  disabled,
12537
- name: `looseCargoOwners.${index}.cargoWeight`,
12692
+ name: `owners.${index}.cargoWeight`,
12538
12693
  placeholder: mergedLabels.inputNumberPlaceholder,
12539
12694
  type: "number",
12540
- size: "large"
12695
+ size: "large",
12696
+ onChange: (val) => {
12697
+ setValue(`owners.${index}.cargoWeight`, val);
12698
+ onUpdateOwner(owner.id, {
12699
+ cargoWeight: val
12700
+ });
12701
+ }
12541
12702
  }
12542
12703
  )
12543
12704
  ] })
@@ -12593,11 +12754,24 @@ var CardVehicleOwnerForm = ({
12593
12754
  {
12594
12755
  control,
12595
12756
  disabled,
12596
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.commodity`,
12757
+ name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12597
12758
  placeholder: mergedLabels.selectPlaceholder,
12598
12759
  type: "select",
12599
12760
  options: commodityOptions,
12600
- size: "large"
12761
+ size: "large",
12762
+ onChange: (val) => {
12763
+ const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
12764
+ setValue(name, val);
12765
+ const updatedCargoItems = owner.cargoItems?.map(
12766
+ (c, cIdx) => cIdx === cargoIndex ? {
12767
+ ...c,
12768
+ commodity: val
12769
+ } : c
12770
+ );
12771
+ onUpdateOwner(owner.id, {
12772
+ cargoItems: updatedCargoItems
12773
+ });
12774
+ }
12601
12775
  }
12602
12776
  ),
12603
12777
  /* @__PURE__ */ jsxs(
@@ -12626,11 +12800,24 @@ var CardVehicleOwnerForm = ({
12626
12800
  {
12627
12801
  control,
12628
12802
  disabled,
12629
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`,
12803
+ name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12630
12804
  placeholder: mergedLabels.selectPlaceholder,
12631
12805
  type: "select",
12632
12806
  options: loadTypeOptions,
12633
- size: "large"
12807
+ size: "large",
12808
+ onChange: (val) => {
12809
+ const name = `owners.${index}.cargo.${cargoIndex}.cargoType`;
12810
+ setValue(name, val);
12811
+ const updatedCargoItems = owner.cargoItems?.map(
12812
+ (c, cIdx) => cIdx === cargoIndex ? {
12813
+ ...c,
12814
+ cargoType: val
12815
+ } : c
12816
+ );
12817
+ onUpdateOwner(owner.id, {
12818
+ cargoItems: updatedCargoItems
12819
+ });
12820
+ }
12634
12821
  }
12635
12822
  ),
12636
12823
  /* @__PURE__ */ jsx(
@@ -12688,13 +12875,13 @@ var CardVehicleOwnerForm = ({
12688
12875
  size: "small",
12689
12876
  onClick: () => {
12690
12877
  const currentVal = getValues(
12691
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12878
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12692
12879
  ) || 0;
12693
12880
  const currentQty = Number(currentVal);
12694
12881
  if (currentQty > 0) {
12695
12882
  const newVal = currentQty - 1;
12696
12883
  setValue(
12697
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12884
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12698
12885
  newVal
12699
12886
  );
12700
12887
  onUpdateCargoQuantity(
@@ -12713,7 +12900,7 @@ var CardVehicleOwnerForm = ({
12713
12900
  /* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
12714
12901
  Controller,
12715
12902
  {
12716
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12903
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12717
12904
  control,
12718
12905
  disabled,
12719
12906
  render: ({ field }) => /* @__PURE__ */ jsx(
@@ -12755,12 +12942,12 @@ var CardVehicleOwnerForm = ({
12755
12942
  size: "small",
12756
12943
  onClick: () => {
12757
12944
  const currentVal = getValues(
12758
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12945
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12759
12946
  ) || 0;
12760
12947
  const currentQty = Number(currentVal);
12761
12948
  const newVal = currentQty + 1;
12762
12949
  setValue(
12763
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12950
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12764
12951
  newVal
12765
12952
  );
12766
12953
  onUpdateCargoQuantity(
@@ -12790,7 +12977,7 @@ var CardVehicleOwnerForm = ({
12790
12977
  },
12791
12978
  children: (() => {
12792
12979
  const type = watch(
12793
- `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`
12980
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12794
12981
  );
12795
12982
  if (type === "karung")
12796
12983
  return mergedLabels.cargoTypeOptions.karung;
@@ -12835,11 +13022,24 @@ var CardVehicleOwnerForm = ({
12835
13022
  {
12836
13023
  control,
12837
13024
  disabled,
12838
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.industryType`,
13025
+ name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12839
13026
  placeholder: mergedLabels.selectPlaceholder,
12840
13027
  type: "select",
12841
13028
  options: industryOptions,
12842
- size: "large"
13029
+ size: "large",
13030
+ onChange: (val) => {
13031
+ const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
13032
+ setValue(name, val);
13033
+ const updatedCargoItems = owner.cargoItems?.map(
13034
+ (c, cIdx) => cIdx === cargoIndex ? {
13035
+ ...c,
13036
+ industryType: val
13037
+ } : c
13038
+ );
13039
+ onUpdateOwner(owner.id, {
13040
+ cargoItems: updatedCargoItems
13041
+ });
13042
+ }
12843
13043
  }
12844
13044
  ),
12845
13045
  /* @__PURE__ */ jsx(
@@ -12864,11 +13064,24 @@ var CardVehicleOwnerForm = ({
12864
13064
  {
12865
13065
  control,
12866
13066
  disabled,
12867
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoCategory`,
13067
+ name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
12868
13068
  placeholder: mergedLabels.selectPlaceholder,
12869
13069
  type: "select",
12870
13070
  options: loadCategoryOptions,
12871
- size: "large"
13071
+ size: "large",
13072
+ onChange: (val) => {
13073
+ const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
13074
+ setValue(name, val);
13075
+ const updatedCargoItems = owner.cargoItems?.map(
13076
+ (c, cIdx) => cIdx === cargoIndex ? {
13077
+ ...c,
13078
+ cargoCategory: val
13079
+ } : c
13080
+ );
13081
+ onUpdateOwner(owner.id, {
13082
+ cargoItems: updatedCargoItems
13083
+ });
13084
+ }
12872
13085
  }
12873
13086
  ),
12874
13087
  /* @__PURE__ */ jsxs(