@asdp/ferryui 0.1.22-dev.9513 → 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,11 +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
- senderEntity: "",
12252
- senderEntityOther: ""
12253
- }),
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
+ },
12254
12261
  children: [
12255
12262
  /* @__PURE__ */ jsx(
12256
12263
  Radio,
@@ -12280,7 +12287,13 @@ var CardVehicleOwnerForm = ({
12280
12287
  placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12281
12288
  size: "large",
12282
12289
  type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12283
- 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
+ }
12284
12297
  }
12285
12298
  ),
12286
12299
  owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
@@ -12291,7 +12304,13 @@ var CardVehicleOwnerForm = ({
12291
12304
  name: `owners.${index}.senderEntityOther`,
12292
12305
  placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12293
12306
  size: "large",
12294
- type: "text"
12307
+ type: "text",
12308
+ onChange: (val) => {
12309
+ setValue(`owners.${index}.senderEntityOther`, val);
12310
+ onUpdateOwner(owner.id, {
12311
+ senderEntityOther: val
12312
+ });
12313
+ }
12295
12314
  }
12296
12315
  )
12297
12316
  ] }),
@@ -12310,7 +12329,13 @@ var CardVehicleOwnerForm = ({
12310
12329
  name: `owners.${index}.estimatedWeight`,
12311
12330
  placeholder: mergedLabels.inputNumberPlaceholder,
12312
12331
  size: "large",
12313
- type: "number"
12332
+ type: "number",
12333
+ onChange: (val) => {
12334
+ setValue(`owners.${index}.estimatedWeight`, val);
12335
+ onUpdateOwner(owner.id, {
12336
+ estimatedWeight: val
12337
+ });
12338
+ }
12314
12339
  }
12315
12340
  )
12316
12341
  ] })
@@ -12323,11 +12348,17 @@ var CardVehicleOwnerForm = ({
12323
12348
  {
12324
12349
  control,
12325
12350
  disabled,
12326
- name: `looseCargoOwners.${index}.originCity`,
12351
+ name: `owners.${index}.originCity`,
12327
12352
  placeholder: mergedLabels.selectPlaceholder,
12328
12353
  type: "select",
12329
12354
  options: cityOriginOptions,
12330
- size: "large"
12355
+ size: "large",
12356
+ onChange: (val) => {
12357
+ setValue(`owners.${index}.originCity`, val);
12358
+ onUpdateOwner(owner.id, {
12359
+ originCity: val
12360
+ });
12361
+ }
12331
12362
  }
12332
12363
  )
12333
12364
  ] }),
@@ -12338,11 +12369,17 @@ var CardVehicleOwnerForm = ({
12338
12369
  {
12339
12370
  control,
12340
12371
  disabled,
12341
- name: `looseCargoOwners.${index}.destinationCity`,
12372
+ name: `owners.${index}.destinationCity`,
12342
12373
  placeholder: mergedLabels.selectPlaceholder,
12343
12374
  type: "select",
12344
12375
  options: cityDestinationOptions,
12345
- size: "large"
12376
+ size: "large",
12377
+ onChange: (val) => {
12378
+ setValue(`owners.${index}.destinationCity`, val);
12379
+ onUpdateOwner(owner.id, {
12380
+ destinationCity: val
12381
+ });
12382
+ }
12346
12383
  }
12347
12384
  )
12348
12385
  ] })
@@ -12369,11 +12406,18 @@ var CardVehicleOwnerForm = ({
12369
12406
  disabled,
12370
12407
  layout: "horizontal",
12371
12408
  value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12372
- onChange: (_, data) => onUpdateOwner(owner.id, {
12373
- cargoOwnerEntityType: data.value,
12374
- cargoOwnerEntity: "",
12375
- cargoOwnerEntityOther: ""
12376
- }),
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
+ },
12377
12421
  children: [
12378
12422
  /* @__PURE__ */ jsx(
12379
12423
  Radio,
@@ -12399,11 +12443,17 @@ var CardVehicleOwnerForm = ({
12399
12443
  {
12400
12444
  disabled,
12401
12445
  control,
12402
- name: `looseCargoOwners.${index}.cargoOwnerEntity`,
12446
+ name: `owners.${index}.cargoOwnerEntity`,
12403
12447
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12404
12448
  size: "large",
12405
12449
  type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12406
- 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
+ }
12407
12457
  }
12408
12458
  ),
12409
12459
  /* @__PURE__ */ jsx(
@@ -12416,15 +12466,24 @@ var CardVehicleOwnerForm = ({
12416
12466
  children: mergedLabels.otherCompanyHelperText
12417
12467
  }
12418
12468
  ),
12419
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12469
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(
12420
12470
  InputDynamic_default,
12421
12471
  {
12422
12472
  control,
12423
12473
  disabled,
12424
12474
  name: `owners.${index}.cargoOwnerEntityOther`,
12425
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12475
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12426
12476
  size: "large",
12427
- type: "text"
12477
+ type: "text",
12478
+ onChange: (val) => {
12479
+ setValue(
12480
+ `owners.${index}.cargoOwnerEntityOther`,
12481
+ val
12482
+ );
12483
+ onUpdateOwner(owner.id, {
12484
+ cargoOwnerEntityOther: val
12485
+ });
12486
+ }
12428
12487
  }
12429
12488
  )
12430
12489
  ] }),
@@ -12448,11 +12507,18 @@ var CardVehicleOwnerForm = ({
12448
12507
  disabled,
12449
12508
  layout: "horizontal",
12450
12509
  value: owner.logisticsEntityType || "Perseorangan",
12451
- onChange: (_, data) => onUpdateOwner(owner.id, {
12452
- logisticsEntityType: data.value,
12453
- logisticsEntity: "",
12454
- logisticsEntityOther: ""
12455
- }),
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
+ },
12456
12522
  children: [
12457
12523
  /* @__PURE__ */ jsx(
12458
12524
  Radio,
@@ -12478,11 +12544,17 @@ var CardVehicleOwnerForm = ({
12478
12544
  {
12479
12545
  control,
12480
12546
  disabled,
12481
- name: `looseCargoOwners.${index}.logisticsEntity`,
12547
+ name: `owners.${index}.logisticsEntity`,
12482
12548
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12483
12549
  size: "large",
12484
12550
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12485
- 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
+ }
12486
12558
  }
12487
12559
  ),
12488
12560
  /* @__PURE__ */ jsx(
@@ -12495,15 +12567,24 @@ var CardVehicleOwnerForm = ({
12495
12567
  children: mergedLabels.otherCompanyHelperText
12496
12568
  }
12497
12569
  ),
12498
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12570
+ owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === "999999" && /* @__PURE__ */ jsx(
12499
12571
  InputDynamic_default,
12500
12572
  {
12501
12573
  control,
12502
12574
  disabled,
12503
- name: `looseCargoOwners.${index}.logisticsEntityOther`,
12504
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12575
+ name: `owners.${index}.logisticsEntityOther`,
12576
+ placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12505
12577
  size: "large",
12506
- type: "text"
12578
+ type: "text",
12579
+ onChange: (val) => {
12580
+ setValue(
12581
+ `owners.${index}.logisticsEntityOther`,
12582
+ val
12583
+ );
12584
+ onUpdateOwner(owner.id, {
12585
+ logisticsEntityOther: val
12586
+ });
12587
+ }
12507
12588
  }
12508
12589
  )
12509
12590
  ] })
@@ -12517,11 +12598,18 @@ var CardVehicleOwnerForm = ({
12517
12598
  disabled,
12518
12599
  layout: "horizontal",
12519
12600
  value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12520
- onChange: (_, data) => onUpdateOwner(owner.id, {
12521
- cargoReceiverEntityType: data.value,
12522
- cargoReceiverEntity: "",
12523
- cargoReceiverEntityOther: ""
12524
- }),
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
+ },
12525
12613
  children: [
12526
12614
  /* @__PURE__ */ jsx(
12527
12615
  Radio,
@@ -12545,11 +12633,17 @@ var CardVehicleOwnerForm = ({
12545
12633
  {
12546
12634
  control,
12547
12635
  disabled,
12548
- name: `looseCargoOwners.${index}.cargoReceiverEntity`,
12636
+ name: `owners.${index}.cargoReceiverEntity`,
12549
12637
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12550
12638
  size: "large",
12551
12639
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12552
- 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
+ }
12553
12647
  }
12554
12648
  ),
12555
12649
  /* @__PURE__ */ jsx(
@@ -12562,15 +12656,24 @@ var CardVehicleOwnerForm = ({
12562
12656
  children: mergedLabels.otherCompanyHelperText
12563
12657
  }
12564
12658
  ),
12565
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12659
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsx(
12566
12660
  InputDynamic_default,
12567
12661
  {
12568
12662
  control,
12569
12663
  disabled,
12570
- name: `looseCargoOwners.${index}.cargoReceiverEntityOther`,
12571
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12664
+ name: `owners.${index}.cargoReceiverEntityOther`,
12665
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12572
12666
  size: "large",
12573
- type: "text"
12667
+ type: "text",
12668
+ onChange: (val) => {
12669
+ setValue(
12670
+ `owners.${index}.cargoReceiverEntityOther`,
12671
+ val
12672
+ );
12673
+ onUpdateOwner(owner.id, {
12674
+ cargoReceiverEntityOther: val
12675
+ });
12676
+ }
12574
12677
  }
12575
12678
  )
12576
12679
  ] }),
@@ -12586,10 +12689,16 @@ var CardVehicleOwnerForm = ({
12586
12689
  {
12587
12690
  control,
12588
12691
  disabled,
12589
- name: `looseCargoOwners.${index}.cargoWeight`,
12692
+ name: `owners.${index}.cargoWeight`,
12590
12693
  placeholder: mergedLabels.inputNumberPlaceholder,
12591
12694
  type: "number",
12592
- size: "large"
12695
+ size: "large",
12696
+ onChange: (val) => {
12697
+ setValue(`owners.${index}.cargoWeight`, val);
12698
+ onUpdateOwner(owner.id, {
12699
+ cargoWeight: val
12700
+ });
12701
+ }
12593
12702
  }
12594
12703
  )
12595
12704
  ] })
@@ -12645,11 +12754,24 @@ var CardVehicleOwnerForm = ({
12645
12754
  {
12646
12755
  control,
12647
12756
  disabled,
12648
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.commodity`,
12757
+ name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12649
12758
  placeholder: mergedLabels.selectPlaceholder,
12650
12759
  type: "select",
12651
12760
  options: commodityOptions,
12652
- 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
+ }
12653
12775
  }
12654
12776
  ),
12655
12777
  /* @__PURE__ */ jsxs(
@@ -12678,11 +12800,24 @@ var CardVehicleOwnerForm = ({
12678
12800
  {
12679
12801
  control,
12680
12802
  disabled,
12681
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`,
12803
+ name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12682
12804
  placeholder: mergedLabels.selectPlaceholder,
12683
12805
  type: "select",
12684
12806
  options: loadTypeOptions,
12685
- 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
+ }
12686
12821
  }
12687
12822
  ),
12688
12823
  /* @__PURE__ */ jsx(
@@ -12740,13 +12875,13 @@ var CardVehicleOwnerForm = ({
12740
12875
  size: "small",
12741
12876
  onClick: () => {
12742
12877
  const currentVal = getValues(
12743
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12878
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12744
12879
  ) || 0;
12745
12880
  const currentQty = Number(currentVal);
12746
12881
  if (currentQty > 0) {
12747
12882
  const newVal = currentQty - 1;
12748
12883
  setValue(
12749
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12884
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12750
12885
  newVal
12751
12886
  );
12752
12887
  onUpdateCargoQuantity(
@@ -12765,7 +12900,7 @@ var CardVehicleOwnerForm = ({
12765
12900
  /* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
12766
12901
  Controller,
12767
12902
  {
12768
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12903
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12769
12904
  control,
12770
12905
  disabled,
12771
12906
  render: ({ field }) => /* @__PURE__ */ jsx(
@@ -12807,12 +12942,12 @@ var CardVehicleOwnerForm = ({
12807
12942
  size: "small",
12808
12943
  onClick: () => {
12809
12944
  const currentVal = getValues(
12810
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12945
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12811
12946
  ) || 0;
12812
12947
  const currentQty = Number(currentVal);
12813
12948
  const newVal = currentQty + 1;
12814
12949
  setValue(
12815
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12950
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12816
12951
  newVal
12817
12952
  );
12818
12953
  onUpdateCargoQuantity(
@@ -12842,7 +12977,7 @@ var CardVehicleOwnerForm = ({
12842
12977
  },
12843
12978
  children: (() => {
12844
12979
  const type = watch(
12845
- `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`
12980
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12846
12981
  );
12847
12982
  if (type === "karung")
12848
12983
  return mergedLabels.cargoTypeOptions.karung;
@@ -12887,11 +13022,24 @@ var CardVehicleOwnerForm = ({
12887
13022
  {
12888
13023
  control,
12889
13024
  disabled,
12890
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.industryType`,
13025
+ name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12891
13026
  placeholder: mergedLabels.selectPlaceholder,
12892
13027
  type: "select",
12893
13028
  options: industryOptions,
12894
- 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
+ }
12895
13043
  }
12896
13044
  ),
12897
13045
  /* @__PURE__ */ jsx(
@@ -12916,11 +13064,24 @@ var CardVehicleOwnerForm = ({
12916
13064
  {
12917
13065
  control,
12918
13066
  disabled,
12919
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoCategory`,
13067
+ name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
12920
13068
  placeholder: mergedLabels.selectPlaceholder,
12921
13069
  type: "select",
12922
13070
  options: loadCategoryOptions,
12923
- 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
+ }
12924
13085
  }
12925
13086
  ),
12926
13087
  /* @__PURE__ */ jsxs(