@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.d.mts CHANGED
@@ -2921,11 +2921,11 @@ declare const CardVehicleDetail: React$1.FC<CardVehicleDetailProps>;
2921
2921
 
2922
2922
  interface CargoItem {
2923
2923
  id: number;
2924
- commodity?: string;
2925
- cargoType?: string;
2926
- quantity?: number | string;
2927
- industryType?: string;
2928
- cargoCategory?: string;
2924
+ commodity: string;
2925
+ cargoType: string;
2926
+ quantity: number | string;
2927
+ industryType: string;
2928
+ cargoCategory: string;
2929
2929
  unit: string;
2930
2930
  }
2931
2931
  interface VehicleOwner {
@@ -2936,16 +2936,17 @@ interface VehicleOwner {
2936
2936
  estimatedWeight: string;
2937
2937
  originCity: string;
2938
2938
  destinationCity: string;
2939
- cargoItems?: CargoItem[];
2940
- cargoOwnerEntityType?: MANIFEST_ENTITY_TYPE;
2941
- cargoOwnerEntity?: string;
2942
- cargoOwnerEntityOther?: string;
2943
- logisticsEntityType?: MANIFEST_ENTITY_TYPE;
2944
- logisticsEntity?: string;
2945
- logisticsEntityOther?: string;
2946
- cargoReceiverEntityType?: MANIFEST_ENTITY_TYPE;
2947
- cargoReceiverEntity?: string;
2948
- cargoReceiverEntityOther?: string;
2939
+ cargoItems: CargoItem[];
2940
+ cargoOwnerEntityType: MANIFEST_ENTITY_TYPE;
2941
+ cargoOwnerEntity: string;
2942
+ cargoOwnerEntityOther: string;
2943
+ logisticsEntityType: MANIFEST_ENTITY_TYPE;
2944
+ logisticsEntity: string;
2945
+ logisticsEntityOther: string;
2946
+ cargoReceiverEntityType: MANIFEST_ENTITY_TYPE;
2947
+ cargoReceiverEntity: string;
2948
+ cargoReceiverEntityOther: string;
2949
+ cargoWeight: string;
2949
2950
  }
2950
2951
  interface CardVehicleOwnerFormProps {
2951
2952
  /**
package/dist/index.d.ts CHANGED
@@ -2921,11 +2921,11 @@ declare const CardVehicleDetail: React$1.FC<CardVehicleDetailProps>;
2921
2921
 
2922
2922
  interface CargoItem {
2923
2923
  id: number;
2924
- commodity?: string;
2925
- cargoType?: string;
2926
- quantity?: number | string;
2927
- industryType?: string;
2928
- cargoCategory?: string;
2924
+ commodity: string;
2925
+ cargoType: string;
2926
+ quantity: number | string;
2927
+ industryType: string;
2928
+ cargoCategory: string;
2929
2929
  unit: string;
2930
2930
  }
2931
2931
  interface VehicleOwner {
@@ -2936,16 +2936,17 @@ interface VehicleOwner {
2936
2936
  estimatedWeight: string;
2937
2937
  originCity: string;
2938
2938
  destinationCity: string;
2939
- cargoItems?: CargoItem[];
2940
- cargoOwnerEntityType?: MANIFEST_ENTITY_TYPE;
2941
- cargoOwnerEntity?: string;
2942
- cargoOwnerEntityOther?: string;
2943
- logisticsEntityType?: MANIFEST_ENTITY_TYPE;
2944
- logisticsEntity?: string;
2945
- logisticsEntityOther?: string;
2946
- cargoReceiverEntityType?: MANIFEST_ENTITY_TYPE;
2947
- cargoReceiverEntity?: string;
2948
- cargoReceiverEntityOther?: string;
2939
+ cargoItems: CargoItem[];
2940
+ cargoOwnerEntityType: MANIFEST_ENTITY_TYPE;
2941
+ cargoOwnerEntity: string;
2942
+ cargoOwnerEntityOther: string;
2943
+ logisticsEntityType: MANIFEST_ENTITY_TYPE;
2944
+ logisticsEntity: string;
2945
+ logisticsEntityOther: string;
2946
+ cargoReceiverEntityType: MANIFEST_ENTITY_TYPE;
2947
+ cargoReceiverEntity: string;
2948
+ cargoReceiverEntityOther: string;
2949
+ cargoWeight: string;
2949
2950
  }
2950
2951
  interface CardVehicleOwnerFormProps {
2951
2952
  /**
package/dist/index.js CHANGED
@@ -10968,7 +10968,6 @@ var ModalPassengerForm = ({
10968
10968
  const { control, handleSubmit, reset, watch, setValue } = reactHookForm.useForm({
10969
10969
  defaultValues
10970
10970
  });
10971
- watch();
10972
10971
  const watchIdentityTypeId = watch("identityTypeId");
10973
10972
  const watchPassportCountryId = watch("countryId");
10974
10973
  const watchBirthdate = watch("birthdate");
@@ -12170,6 +12169,10 @@ var CardVehicleOwnerForm = ({
12170
12169
  }) => {
12171
12170
  const styles = useStyles27();
12172
12171
  const mergedLabels = { ...DEFAULT_LABELS26[language], ...labels };
12172
+ const formValues = watch();
12173
+ React.useEffect(() => {
12174
+ console.log("[CardVehicleOwnerForm] Form values changed:", formValues);
12175
+ }, [formValues]);
12173
12176
  return /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.card, children: [
12174
12177
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
12175
12178
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", flex: 1 }, children: [
@@ -12255,11 +12258,15 @@ var CardVehicleOwnerForm = ({
12255
12258
  disabled,
12256
12259
  layout: "horizontal",
12257
12260
  value: owner.senderEntityType,
12258
- onChange: (_, data) => onUpdateOwner(owner.id, {
12259
- senderEntityType: data.value,
12260
- senderEntity: "",
12261
- senderEntityOther: ""
12262
- }),
12261
+ onChange: (_, data) => {
12262
+ onUpdateOwner(owner.id, {
12263
+ senderEntityType: data.value,
12264
+ senderEntity: "",
12265
+ senderEntityOther: ""
12266
+ });
12267
+ setValue(`owners.${index}.senderEntity`, "");
12268
+ setValue(`owners.${index}.senderEntityOther`, "");
12269
+ },
12263
12270
  children: [
12264
12271
  /* @__PURE__ */ jsxRuntime.jsx(
12265
12272
  reactComponents.Radio,
@@ -12289,7 +12296,13 @@ var CardVehicleOwnerForm = ({
12289
12296
  placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12290
12297
  size: "large",
12291
12298
  type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12292
- options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : []
12299
+ options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : [],
12300
+ onChange: (val) => {
12301
+ setValue(`owners.${index}.senderEntity`, val);
12302
+ onUpdateOwner(owner.id, {
12303
+ senderEntity: val
12304
+ });
12305
+ }
12293
12306
  }
12294
12307
  ),
12295
12308
  owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -12300,7 +12313,13 @@ var CardVehicleOwnerForm = ({
12300
12313
  name: `owners.${index}.senderEntityOther`,
12301
12314
  placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12302
12315
  size: "large",
12303
- type: "text"
12316
+ type: "text",
12317
+ onChange: (val) => {
12318
+ setValue(`owners.${index}.senderEntityOther`, val);
12319
+ onUpdateOwner(owner.id, {
12320
+ senderEntityOther: val
12321
+ });
12322
+ }
12304
12323
  }
12305
12324
  )
12306
12325
  ] }),
@@ -12319,7 +12338,13 @@ var CardVehicleOwnerForm = ({
12319
12338
  name: `owners.${index}.estimatedWeight`,
12320
12339
  placeholder: mergedLabels.inputNumberPlaceholder,
12321
12340
  size: "large",
12322
- type: "number"
12341
+ type: "number",
12342
+ onChange: (val) => {
12343
+ setValue(`owners.${index}.estimatedWeight`, val);
12344
+ onUpdateOwner(owner.id, {
12345
+ estimatedWeight: val
12346
+ });
12347
+ }
12323
12348
  }
12324
12349
  )
12325
12350
  ] })
@@ -12332,11 +12357,17 @@ var CardVehicleOwnerForm = ({
12332
12357
  {
12333
12358
  control,
12334
12359
  disabled,
12335
- name: `looseCargoOwners.${index}.originCity`,
12360
+ name: `owners.${index}.originCity`,
12336
12361
  placeholder: mergedLabels.selectPlaceholder,
12337
12362
  type: "select",
12338
12363
  options: cityOriginOptions,
12339
- size: "large"
12364
+ size: "large",
12365
+ onChange: (val) => {
12366
+ setValue(`owners.${index}.originCity`, val);
12367
+ onUpdateOwner(owner.id, {
12368
+ originCity: val
12369
+ });
12370
+ }
12340
12371
  }
12341
12372
  )
12342
12373
  ] }),
@@ -12347,11 +12378,17 @@ var CardVehicleOwnerForm = ({
12347
12378
  {
12348
12379
  control,
12349
12380
  disabled,
12350
- name: `looseCargoOwners.${index}.destinationCity`,
12381
+ name: `owners.${index}.destinationCity`,
12351
12382
  placeholder: mergedLabels.selectPlaceholder,
12352
12383
  type: "select",
12353
12384
  options: cityDestinationOptions,
12354
- size: "large"
12385
+ size: "large",
12386
+ onChange: (val) => {
12387
+ setValue(`owners.${index}.destinationCity`, val);
12388
+ onUpdateOwner(owner.id, {
12389
+ destinationCity: val
12390
+ });
12391
+ }
12355
12392
  }
12356
12393
  )
12357
12394
  ] })
@@ -12378,11 +12415,18 @@ var CardVehicleOwnerForm = ({
12378
12415
  disabled,
12379
12416
  layout: "horizontal",
12380
12417
  value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12381
- onChange: (_, data) => onUpdateOwner(owner.id, {
12382
- cargoOwnerEntityType: data.value,
12383
- cargoOwnerEntity: "",
12384
- cargoOwnerEntityOther: ""
12385
- }),
12418
+ onChange: (_, data) => {
12419
+ onUpdateOwner(owner.id, {
12420
+ cargoOwnerEntityType: data.value,
12421
+ cargoOwnerEntity: "",
12422
+ cargoOwnerEntityOther: ""
12423
+ });
12424
+ setValue(`owners.${index}.cargoOwnerEntity`, "");
12425
+ setValue(
12426
+ `owners.${index}.cargoOwnerEntityOther`,
12427
+ ""
12428
+ );
12429
+ },
12386
12430
  children: [
12387
12431
  /* @__PURE__ */ jsxRuntime.jsx(
12388
12432
  reactComponents.Radio,
@@ -12408,11 +12452,17 @@ var CardVehicleOwnerForm = ({
12408
12452
  {
12409
12453
  disabled,
12410
12454
  control,
12411
- name: `looseCargoOwners.${index}.cargoOwnerEntity`,
12455
+ name: `owners.${index}.cargoOwnerEntity`,
12412
12456
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12413
12457
  size: "large",
12414
12458
  type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12415
- options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : []
12459
+ options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12460
+ onChange: (val) => {
12461
+ setValue(`owners.${index}.cargoOwnerEntity`, val);
12462
+ onUpdateOwner(owner.id, {
12463
+ cargoOwnerEntity: val
12464
+ });
12465
+ }
12416
12466
  }
12417
12467
  ),
12418
12468
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12425,15 +12475,24 @@ var CardVehicleOwnerForm = ({
12425
12475
  children: mergedLabels.otherCompanyHelperText
12426
12476
  }
12427
12477
  ),
12428
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12478
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12429
12479
  InputDynamic_default,
12430
12480
  {
12431
12481
  control,
12432
12482
  disabled,
12433
12483
  name: `owners.${index}.cargoOwnerEntityOther`,
12434
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12484
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12435
12485
  size: "large",
12436
- type: "text"
12486
+ type: "text",
12487
+ onChange: (val) => {
12488
+ setValue(
12489
+ `owners.${index}.cargoOwnerEntityOther`,
12490
+ val
12491
+ );
12492
+ onUpdateOwner(owner.id, {
12493
+ cargoOwnerEntityOther: val
12494
+ });
12495
+ }
12437
12496
  }
12438
12497
  )
12439
12498
  ] }),
@@ -12457,11 +12516,18 @@ var CardVehicleOwnerForm = ({
12457
12516
  disabled,
12458
12517
  layout: "horizontal",
12459
12518
  value: owner.logisticsEntityType || "Perseorangan",
12460
- onChange: (_, data) => onUpdateOwner(owner.id, {
12461
- logisticsEntityType: data.value,
12462
- logisticsEntity: "",
12463
- logisticsEntityOther: ""
12464
- }),
12519
+ onChange: (_, data) => {
12520
+ onUpdateOwner(owner.id, {
12521
+ logisticsEntityType: data.value,
12522
+ logisticsEntity: "",
12523
+ logisticsEntityOther: ""
12524
+ });
12525
+ setValue(`owners.${index}.logisticsEntity`, "");
12526
+ setValue(
12527
+ `owners.${index}.logisticsEntityOther`,
12528
+ ""
12529
+ );
12530
+ },
12465
12531
  children: [
12466
12532
  /* @__PURE__ */ jsxRuntime.jsx(
12467
12533
  reactComponents.Radio,
@@ -12487,11 +12553,17 @@ var CardVehicleOwnerForm = ({
12487
12553
  {
12488
12554
  control,
12489
12555
  disabled,
12490
- name: `looseCargoOwners.${index}.logisticsEntity`,
12556
+ name: `owners.${index}.logisticsEntity`,
12491
12557
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12492
12558
  size: "large",
12493
12559
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12494
- options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : []
12560
+ options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : [],
12561
+ onChange: (val) => {
12562
+ setValue(`owners.${index}.logisticsEntity`, val);
12563
+ onUpdateOwner(owner.id, {
12564
+ logisticsEntity: val
12565
+ });
12566
+ }
12495
12567
  }
12496
12568
  ),
12497
12569
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12504,15 +12576,24 @@ var CardVehicleOwnerForm = ({
12504
12576
  children: mergedLabels.otherCompanyHelperText
12505
12577
  }
12506
12578
  ),
12507
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12579
+ owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12508
12580
  InputDynamic_default,
12509
12581
  {
12510
12582
  control,
12511
12583
  disabled,
12512
- name: `looseCargoOwners.${index}.logisticsEntityOther`,
12513
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12584
+ name: `owners.${index}.logisticsEntityOther`,
12585
+ placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12514
12586
  size: "large",
12515
- type: "text"
12587
+ type: "text",
12588
+ onChange: (val) => {
12589
+ setValue(
12590
+ `owners.${index}.logisticsEntityOther`,
12591
+ val
12592
+ );
12593
+ onUpdateOwner(owner.id, {
12594
+ logisticsEntityOther: val
12595
+ });
12596
+ }
12516
12597
  }
12517
12598
  )
12518
12599
  ] })
@@ -12526,11 +12607,18 @@ var CardVehicleOwnerForm = ({
12526
12607
  disabled,
12527
12608
  layout: "horizontal",
12528
12609
  value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12529
- onChange: (_, data) => onUpdateOwner(owner.id, {
12530
- cargoReceiverEntityType: data.value,
12531
- cargoReceiverEntity: "",
12532
- cargoReceiverEntityOther: ""
12533
- }),
12610
+ onChange: (_, data) => {
12611
+ onUpdateOwner(owner.id, {
12612
+ cargoReceiverEntityType: data.value,
12613
+ cargoReceiverEntity: "",
12614
+ cargoReceiverEntityOther: ""
12615
+ });
12616
+ setValue(`owners.${index}.cargoReceiverEntity`, "");
12617
+ setValue(
12618
+ `owners.${index}.cargoReceiverEntityOther`,
12619
+ ""
12620
+ );
12621
+ },
12534
12622
  children: [
12535
12623
  /* @__PURE__ */ jsxRuntime.jsx(
12536
12624
  reactComponents.Radio,
@@ -12554,11 +12642,17 @@ var CardVehicleOwnerForm = ({
12554
12642
  {
12555
12643
  control,
12556
12644
  disabled,
12557
- name: `looseCargoOwners.${index}.cargoReceiverEntity`,
12645
+ name: `owners.${index}.cargoReceiverEntity`,
12558
12646
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12559
12647
  size: "large",
12560
12648
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12561
- options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : []
12649
+ options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
12650
+ onChange: (val) => {
12651
+ setValue(`owners.${index}.cargoReceiverEntity`, val);
12652
+ onUpdateOwner(owner.id, {
12653
+ cargoReceiverEntity: val
12654
+ });
12655
+ }
12562
12656
  }
12563
12657
  ),
12564
12658
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12571,15 +12665,24 @@ var CardVehicleOwnerForm = ({
12571
12665
  children: mergedLabels.otherCompanyHelperText
12572
12666
  }
12573
12667
  ),
12574
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12668
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12575
12669
  InputDynamic_default,
12576
12670
  {
12577
12671
  control,
12578
12672
  disabled,
12579
- name: `looseCargoOwners.${index}.cargoReceiverEntityOther`,
12580
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12673
+ name: `owners.${index}.cargoReceiverEntityOther`,
12674
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12581
12675
  size: "large",
12582
- type: "text"
12676
+ type: "text",
12677
+ onChange: (val) => {
12678
+ setValue(
12679
+ `owners.${index}.cargoReceiverEntityOther`,
12680
+ val
12681
+ );
12682
+ onUpdateOwner(owner.id, {
12683
+ cargoReceiverEntityOther: val
12684
+ });
12685
+ }
12583
12686
  }
12584
12687
  )
12585
12688
  ] }),
@@ -12595,10 +12698,16 @@ var CardVehicleOwnerForm = ({
12595
12698
  {
12596
12699
  control,
12597
12700
  disabled,
12598
- name: `looseCargoOwners.${index}.cargoWeight`,
12701
+ name: `owners.${index}.cargoWeight`,
12599
12702
  placeholder: mergedLabels.inputNumberPlaceholder,
12600
12703
  type: "number",
12601
- size: "large"
12704
+ size: "large",
12705
+ onChange: (val) => {
12706
+ setValue(`owners.${index}.cargoWeight`, val);
12707
+ onUpdateOwner(owner.id, {
12708
+ cargoWeight: val
12709
+ });
12710
+ }
12602
12711
  }
12603
12712
  )
12604
12713
  ] })
@@ -12654,11 +12763,24 @@ var CardVehicleOwnerForm = ({
12654
12763
  {
12655
12764
  control,
12656
12765
  disabled,
12657
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.commodity`,
12766
+ name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12658
12767
  placeholder: mergedLabels.selectPlaceholder,
12659
12768
  type: "select",
12660
12769
  options: commodityOptions,
12661
- size: "large"
12770
+ size: "large",
12771
+ onChange: (val) => {
12772
+ const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
12773
+ setValue(name, val);
12774
+ const updatedCargoItems = owner.cargoItems?.map(
12775
+ (c, cIdx) => cIdx === cargoIndex ? {
12776
+ ...c,
12777
+ commodity: val
12778
+ } : c
12779
+ );
12780
+ onUpdateOwner(owner.id, {
12781
+ cargoItems: updatedCargoItems
12782
+ });
12783
+ }
12662
12784
  }
12663
12785
  ),
12664
12786
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12687,11 +12809,24 @@ var CardVehicleOwnerForm = ({
12687
12809
  {
12688
12810
  control,
12689
12811
  disabled,
12690
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`,
12812
+ name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12691
12813
  placeholder: mergedLabels.selectPlaceholder,
12692
12814
  type: "select",
12693
12815
  options: loadTypeOptions,
12694
- size: "large"
12816
+ size: "large",
12817
+ onChange: (val) => {
12818
+ const name = `owners.${index}.cargo.${cargoIndex}.cargoType`;
12819
+ setValue(name, val);
12820
+ const updatedCargoItems = owner.cargoItems?.map(
12821
+ (c, cIdx) => cIdx === cargoIndex ? {
12822
+ ...c,
12823
+ cargoType: val
12824
+ } : c
12825
+ );
12826
+ onUpdateOwner(owner.id, {
12827
+ cargoItems: updatedCargoItems
12828
+ });
12829
+ }
12695
12830
  }
12696
12831
  ),
12697
12832
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12749,13 +12884,13 @@ var CardVehicleOwnerForm = ({
12749
12884
  size: "small",
12750
12885
  onClick: () => {
12751
12886
  const currentVal = getValues(
12752
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12887
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12753
12888
  ) || 0;
12754
12889
  const currentQty = Number(currentVal);
12755
12890
  if (currentQty > 0) {
12756
12891
  const newVal = currentQty - 1;
12757
12892
  setValue(
12758
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12893
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12759
12894
  newVal
12760
12895
  );
12761
12896
  onUpdateCargoQuantity(
@@ -12774,7 +12909,7 @@ var CardVehicleOwnerForm = ({
12774
12909
  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
12775
12910
  reactHookForm.Controller,
12776
12911
  {
12777
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12912
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12778
12913
  control,
12779
12914
  disabled,
12780
12915
  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -12816,12 +12951,12 @@ var CardVehicleOwnerForm = ({
12816
12951
  size: "small",
12817
12952
  onClick: () => {
12818
12953
  const currentVal = getValues(
12819
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12954
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12820
12955
  ) || 0;
12821
12956
  const currentQty = Number(currentVal);
12822
12957
  const newVal = currentQty + 1;
12823
12958
  setValue(
12824
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12959
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12825
12960
  newVal
12826
12961
  );
12827
12962
  onUpdateCargoQuantity(
@@ -12851,7 +12986,7 @@ var CardVehicleOwnerForm = ({
12851
12986
  },
12852
12987
  children: (() => {
12853
12988
  const type = watch(
12854
- `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`
12989
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12855
12990
  );
12856
12991
  if (type === "karung")
12857
12992
  return mergedLabels.cargoTypeOptions.karung;
@@ -12896,11 +13031,24 @@ var CardVehicleOwnerForm = ({
12896
13031
  {
12897
13032
  control,
12898
13033
  disabled,
12899
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.industryType`,
13034
+ name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12900
13035
  placeholder: mergedLabels.selectPlaceholder,
12901
13036
  type: "select",
12902
13037
  options: industryOptions,
12903
- size: "large"
13038
+ size: "large",
13039
+ onChange: (val) => {
13040
+ const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
13041
+ setValue(name, val);
13042
+ const updatedCargoItems = owner.cargoItems?.map(
13043
+ (c, cIdx) => cIdx === cargoIndex ? {
13044
+ ...c,
13045
+ industryType: val
13046
+ } : c
13047
+ );
13048
+ onUpdateOwner(owner.id, {
13049
+ cargoItems: updatedCargoItems
13050
+ });
13051
+ }
12904
13052
  }
12905
13053
  ),
12906
13054
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12925,11 +13073,24 @@ var CardVehicleOwnerForm = ({
12925
13073
  {
12926
13074
  control,
12927
13075
  disabled,
12928
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoCategory`,
13076
+ name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
12929
13077
  placeholder: mergedLabels.selectPlaceholder,
12930
13078
  type: "select",
12931
13079
  options: loadCategoryOptions,
12932
- size: "large"
13080
+ size: "large",
13081
+ onChange: (val) => {
13082
+ const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
13083
+ setValue(name, val);
13084
+ const updatedCargoItems = owner.cargoItems?.map(
13085
+ (c, cIdx) => cIdx === cargoIndex ? {
13086
+ ...c,
13087
+ cargoCategory: val
13088
+ } : c
13089
+ );
13090
+ onUpdateOwner(owner.id, {
13091
+ cargoItems: updatedCargoItems
13092
+ });
13093
+ }
12933
13094
  }
12934
13095
  ),
12935
13096
  /* @__PURE__ */ jsxRuntime.jsxs(