@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.
Files changed (7) hide show
  1. package/dist/index.d.mts +16 -15
  2. package/dist/index.d.ts +16 -15
  3. package/dist/index.js +254 -41
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +254 -41
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
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,9 +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
- }),
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
+ },
12261
12270
  children: [
12262
12271
  /* @__PURE__ */ jsxRuntime.jsx(
12263
12272
  reactComponents.Radio,
@@ -12287,7 +12296,30 @@ var CardVehicleOwnerForm = ({
12287
12296
  placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12288
12297
  size: "large",
12289
12298
  type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12290
- 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
+ }
12306
+ }
12307
+ ),
12308
+ owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12309
+ InputDynamic_default,
12310
+ {
12311
+ control,
12312
+ disabled,
12313
+ name: `owners.${index}.senderEntityOther`,
12314
+ placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12315
+ size: "large",
12316
+ type: "text",
12317
+ onChange: (val) => {
12318
+ setValue(`owners.${index}.senderEntityOther`, val);
12319
+ onUpdateOwner(owner.id, {
12320
+ senderEntityOther: val
12321
+ });
12322
+ }
12291
12323
  }
12292
12324
  )
12293
12325
  ] }),
@@ -12306,7 +12338,13 @@ var CardVehicleOwnerForm = ({
12306
12338
  name: `owners.${index}.estimatedWeight`,
12307
12339
  placeholder: mergedLabels.inputNumberPlaceholder,
12308
12340
  size: "large",
12309
- type: "number"
12341
+ type: "number",
12342
+ onChange: (val) => {
12343
+ setValue(`owners.${index}.estimatedWeight`, val);
12344
+ onUpdateOwner(owner.id, {
12345
+ estimatedWeight: val
12346
+ });
12347
+ }
12310
12348
  }
12311
12349
  )
12312
12350
  ] })
@@ -12319,11 +12357,17 @@ var CardVehicleOwnerForm = ({
12319
12357
  {
12320
12358
  control,
12321
12359
  disabled,
12322
- name: `looseCargoOwners.${index}.originCity`,
12360
+ name: `owners.${index}.originCity`,
12323
12361
  placeholder: mergedLabels.selectPlaceholder,
12324
12362
  type: "select",
12325
12363
  options: cityOriginOptions,
12326
- size: "large"
12364
+ size: "large",
12365
+ onChange: (val) => {
12366
+ setValue(`owners.${index}.originCity`, val);
12367
+ onUpdateOwner(owner.id, {
12368
+ originCity: val
12369
+ });
12370
+ }
12327
12371
  }
12328
12372
  )
12329
12373
  ] }),
@@ -12334,11 +12378,17 @@ var CardVehicleOwnerForm = ({
12334
12378
  {
12335
12379
  control,
12336
12380
  disabled,
12337
- name: `looseCargoOwners.${index}.destinationCity`,
12381
+ name: `owners.${index}.destinationCity`,
12338
12382
  placeholder: mergedLabels.selectPlaceholder,
12339
12383
  type: "select",
12340
12384
  options: cityDestinationOptions,
12341
- size: "large"
12385
+ size: "large",
12386
+ onChange: (val) => {
12387
+ setValue(`owners.${index}.destinationCity`, val);
12388
+ onUpdateOwner(owner.id, {
12389
+ destinationCity: val
12390
+ });
12391
+ }
12342
12392
  }
12343
12393
  )
12344
12394
  ] })
@@ -12365,9 +12415,18 @@ var CardVehicleOwnerForm = ({
12365
12415
  disabled,
12366
12416
  layout: "horizontal",
12367
12417
  value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12368
- onChange: (_, data) => onUpdateOwner(owner.id, {
12369
- cargoOwnerEntityType: data.value
12370
- }),
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
+ },
12371
12430
  children: [
12372
12431
  /* @__PURE__ */ jsxRuntime.jsx(
12373
12432
  reactComponents.Radio,
@@ -12393,11 +12452,17 @@ var CardVehicleOwnerForm = ({
12393
12452
  {
12394
12453
  disabled,
12395
12454
  control,
12396
- name: `looseCargoOwners.${index}.cargoOwnerName`,
12455
+ name: `owners.${index}.cargoOwnerEntity`,
12397
12456
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12398
12457
  size: "large",
12399
12458
  type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12400
- 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
+ }
12401
12466
  }
12402
12467
  ),
12403
12468
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12409,6 +12474,26 @@ var CardVehicleOwnerForm = ({
12409
12474
  },
12410
12475
  children: mergedLabels.otherCompanyHelperText
12411
12476
  }
12477
+ ),
12478
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12479
+ InputDynamic_default,
12480
+ {
12481
+ control,
12482
+ disabled,
12483
+ name: `owners.${index}.cargoOwnerEntityOther`,
12484
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12485
+ size: "large",
12486
+ type: "text",
12487
+ onChange: (val) => {
12488
+ setValue(
12489
+ `owners.${index}.cargoOwnerEntityOther`,
12490
+ val
12491
+ );
12492
+ onUpdateOwner(owner.id, {
12493
+ cargoOwnerEntityOther: val
12494
+ });
12495
+ }
12496
+ }
12412
12497
  )
12413
12498
  ] }),
12414
12499
  /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { children: [
@@ -12431,9 +12516,18 @@ var CardVehicleOwnerForm = ({
12431
12516
  disabled,
12432
12517
  layout: "horizontal",
12433
12518
  value: owner.logisticsEntityType || "Perseorangan",
12434
- onChange: (_, data) => onUpdateOwner(owner.id, {
12435
- logisticsEntityType: data.value
12436
- }),
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
+ },
12437
12531
  children: [
12438
12532
  /* @__PURE__ */ jsxRuntime.jsx(
12439
12533
  reactComponents.Radio,
@@ -12459,11 +12553,17 @@ var CardVehicleOwnerForm = ({
12459
12553
  {
12460
12554
  control,
12461
12555
  disabled,
12462
- name: `looseCargoOwners.${index}.logisticsCompanyName`,
12556
+ name: `owners.${index}.logisticsEntity`,
12463
12557
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12464
12558
  size: "large",
12465
12559
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12466
- 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
+ }
12467
12567
  }
12468
12568
  ),
12469
12569
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12475,6 +12575,26 @@ var CardVehicleOwnerForm = ({
12475
12575
  },
12476
12576
  children: mergedLabels.otherCompanyHelperText
12477
12577
  }
12578
+ ),
12579
+ owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12580
+ InputDynamic_default,
12581
+ {
12582
+ control,
12583
+ disabled,
12584
+ name: `owners.${index}.logisticsEntityOther`,
12585
+ placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12586
+ size: "large",
12587
+ type: "text",
12588
+ onChange: (val) => {
12589
+ setValue(
12590
+ `owners.${index}.logisticsEntityOther`,
12591
+ val
12592
+ );
12593
+ onUpdateOwner(owner.id, {
12594
+ logisticsEntityOther: val
12595
+ });
12596
+ }
12597
+ }
12478
12598
  )
12479
12599
  ] })
12480
12600
  ] }),
@@ -12487,9 +12607,18 @@ var CardVehicleOwnerForm = ({
12487
12607
  disabled,
12488
12608
  layout: "horizontal",
12489
12609
  value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12490
- onChange: (_, data) => onUpdateOwner(owner.id, {
12491
- cargoReceiverEntityType: data.value
12492
- }),
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
+ },
12493
12622
  children: [
12494
12623
  /* @__PURE__ */ jsxRuntime.jsx(
12495
12624
  reactComponents.Radio,
@@ -12513,11 +12642,17 @@ var CardVehicleOwnerForm = ({
12513
12642
  {
12514
12643
  control,
12515
12644
  disabled,
12516
- name: `looseCargoOwners.${index}.cargoReceiverName`,
12645
+ name: `owners.${index}.cargoReceiverEntity`,
12517
12646
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12518
12647
  size: "large",
12519
12648
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12520
- 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
+ }
12521
12656
  }
12522
12657
  ),
12523
12658
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12529,6 +12664,26 @@ var CardVehicleOwnerForm = ({
12529
12664
  },
12530
12665
  children: mergedLabels.otherCompanyHelperText
12531
12666
  }
12667
+ ),
12668
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsxRuntime.jsx(
12669
+ InputDynamic_default,
12670
+ {
12671
+ control,
12672
+ disabled,
12673
+ name: `owners.${index}.cargoReceiverEntityOther`,
12674
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12675
+ size: "large",
12676
+ type: "text",
12677
+ onChange: (val) => {
12678
+ setValue(
12679
+ `owners.${index}.cargoReceiverEntityOther`,
12680
+ val
12681
+ );
12682
+ onUpdateOwner(owner.id, {
12683
+ cargoReceiverEntityOther: val
12684
+ });
12685
+ }
12686
+ }
12532
12687
  )
12533
12688
  ] }),
12534
12689
  /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { children: [
@@ -12543,10 +12698,16 @@ var CardVehicleOwnerForm = ({
12543
12698
  {
12544
12699
  control,
12545
12700
  disabled,
12546
- name: `looseCargoOwners.${index}.cargoWeight`,
12701
+ name: `owners.${index}.cargoWeight`,
12547
12702
  placeholder: mergedLabels.inputNumberPlaceholder,
12548
12703
  type: "number",
12549
- size: "large"
12704
+ size: "large",
12705
+ onChange: (val) => {
12706
+ setValue(`owners.${index}.cargoWeight`, val);
12707
+ onUpdateOwner(owner.id, {
12708
+ cargoWeight: val
12709
+ });
12710
+ }
12550
12711
  }
12551
12712
  )
12552
12713
  ] })
@@ -12602,11 +12763,24 @@ var CardVehicleOwnerForm = ({
12602
12763
  {
12603
12764
  control,
12604
12765
  disabled,
12605
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.commodity`,
12766
+ name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12606
12767
  placeholder: mergedLabels.selectPlaceholder,
12607
12768
  type: "select",
12608
12769
  options: commodityOptions,
12609
- 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
+ }
12610
12784
  }
12611
12785
  ),
12612
12786
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12635,11 +12809,24 @@ var CardVehicleOwnerForm = ({
12635
12809
  {
12636
12810
  control,
12637
12811
  disabled,
12638
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`,
12812
+ name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12639
12813
  placeholder: mergedLabels.selectPlaceholder,
12640
12814
  type: "select",
12641
12815
  options: loadTypeOptions,
12642
- 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
+ }
12643
12830
  }
12644
12831
  ),
12645
12832
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12697,13 +12884,13 @@ var CardVehicleOwnerForm = ({
12697
12884
  size: "small",
12698
12885
  onClick: () => {
12699
12886
  const currentVal = getValues(
12700
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12887
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12701
12888
  ) || 0;
12702
12889
  const currentQty = Number(currentVal);
12703
12890
  if (currentQty > 0) {
12704
12891
  const newVal = currentQty - 1;
12705
12892
  setValue(
12706
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12893
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12707
12894
  newVal
12708
12895
  );
12709
12896
  onUpdateCargoQuantity(
@@ -12722,7 +12909,7 @@ var CardVehicleOwnerForm = ({
12722
12909
  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
12723
12910
  reactHookForm.Controller,
12724
12911
  {
12725
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12912
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12726
12913
  control,
12727
12914
  disabled,
12728
12915
  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -12764,12 +12951,12 @@ var CardVehicleOwnerForm = ({
12764
12951
  size: "small",
12765
12952
  onClick: () => {
12766
12953
  const currentVal = getValues(
12767
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12954
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12768
12955
  ) || 0;
12769
12956
  const currentQty = Number(currentVal);
12770
12957
  const newVal = currentQty + 1;
12771
12958
  setValue(
12772
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12959
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12773
12960
  newVal
12774
12961
  );
12775
12962
  onUpdateCargoQuantity(
@@ -12799,7 +12986,7 @@ var CardVehicleOwnerForm = ({
12799
12986
  },
12800
12987
  children: (() => {
12801
12988
  const type = watch(
12802
- `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`
12989
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12803
12990
  );
12804
12991
  if (type === "karung")
12805
12992
  return mergedLabels.cargoTypeOptions.karung;
@@ -12844,11 +13031,24 @@ var CardVehicleOwnerForm = ({
12844
13031
  {
12845
13032
  control,
12846
13033
  disabled,
12847
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.industryType`,
13034
+ name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12848
13035
  placeholder: mergedLabels.selectPlaceholder,
12849
13036
  type: "select",
12850
13037
  options: industryOptions,
12851
- 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
+ }
12852
13052
  }
12853
13053
  ),
12854
13054
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12873,11 +13073,24 @@ var CardVehicleOwnerForm = ({
12873
13073
  {
12874
13074
  control,
12875
13075
  disabled,
12876
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoCategory`,
13076
+ name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
12877
13077
  placeholder: mergedLabels.selectPlaceholder,
12878
13078
  type: "select",
12879
13079
  options: loadCategoryOptions,
12880
- 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
+ }
12881
13094
  }
12882
13095
  ),
12883
13096
  /* @__PURE__ */ jsxRuntime.jsxs(