@asdp/ferryui 0.1.22-dev.9513 → 0.1.22-dev.9532

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,
@@ -12271,29 +12278,52 @@ var CardVehicleOwnerForm = ({
12271
12278
  )
12272
12279
  }
12273
12280
  ),
12274
- /* @__PURE__ */ jsx(
12275
- InputDynamic_default,
12276
- {
12277
- control,
12278
- disabled,
12279
- name: `owners.${index}.senderEntity`,
12280
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12281
- size: "large",
12282
- type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12283
- options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : []
12284
- }
12285
- ),
12286
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12287
- InputDynamic_default,
12288
- {
12289
- control,
12290
- disabled,
12291
- name: `owners.${index}.senderEntityOther`,
12292
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12293
- size: "large",
12294
- type: "text"
12295
- }
12296
- )
12281
+ /* @__PURE__ */ jsxs(Row, { children: [
12282
+ /* @__PURE__ */ jsx(
12283
+ Col,
12284
+ {
12285
+ xl: owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" ? 6 : 12,
12286
+ children: /* @__PURE__ */ jsx(
12287
+ InputDynamic_default,
12288
+ {
12289
+ control,
12290
+ disabled,
12291
+ name: `owners.${index}.senderEntity`,
12292
+ placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12293
+ size: "large",
12294
+ type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12295
+ options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : [],
12296
+ onChange: (val) => {
12297
+ setValue(`owners.${index}.senderEntity`, val);
12298
+ onUpdateOwner(owner.id, {
12299
+ senderEntity: val
12300
+ });
12301
+ }
12302
+ }
12303
+ )
12304
+ }
12305
+ ),
12306
+ owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12307
+ InputDynamic_default,
12308
+ {
12309
+ control,
12310
+ disabled,
12311
+ name: `owners.${index}.senderEntityOther`,
12312
+ placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12313
+ size: "large",
12314
+ type: "text",
12315
+ onChange: (val) => {
12316
+ setValue(
12317
+ `owners.${index}.senderEntityOther`,
12318
+ val
12319
+ );
12320
+ onUpdateOwner(owner.id, {
12321
+ senderEntityOther: val
12322
+ });
12323
+ }
12324
+ }
12325
+ ) })
12326
+ ] })
12297
12327
  ] }),
12298
12328
  /* @__PURE__ */ jsxs(Col, { lg: 6, children: [
12299
12329
  /* @__PURE__ */ jsx("div", { style: { height: "1rem" } }),
@@ -12310,7 +12340,13 @@ var CardVehicleOwnerForm = ({
12310
12340
  name: `owners.${index}.estimatedWeight`,
12311
12341
  placeholder: mergedLabels.inputNumberPlaceholder,
12312
12342
  size: "large",
12313
- type: "number"
12343
+ type: "number",
12344
+ onChange: (val) => {
12345
+ setValue(`owners.${index}.estimatedWeight`, val);
12346
+ onUpdateOwner(owner.id, {
12347
+ estimatedWeight: val
12348
+ });
12349
+ }
12314
12350
  }
12315
12351
  )
12316
12352
  ] })
@@ -12323,11 +12359,17 @@ var CardVehicleOwnerForm = ({
12323
12359
  {
12324
12360
  control,
12325
12361
  disabled,
12326
- name: `looseCargoOwners.${index}.originCity`,
12362
+ name: `owners.${index}.originCity`,
12327
12363
  placeholder: mergedLabels.selectPlaceholder,
12328
12364
  type: "select",
12329
12365
  options: cityOriginOptions,
12330
- size: "large"
12366
+ size: "large",
12367
+ onChange: (val) => {
12368
+ setValue(`owners.${index}.originCity`, val);
12369
+ onUpdateOwner(owner.id, {
12370
+ originCity: val
12371
+ });
12372
+ }
12331
12373
  }
12332
12374
  )
12333
12375
  ] }),
@@ -12338,11 +12380,17 @@ var CardVehicleOwnerForm = ({
12338
12380
  {
12339
12381
  control,
12340
12382
  disabled,
12341
- name: `looseCargoOwners.${index}.destinationCity`,
12383
+ name: `owners.${index}.destinationCity`,
12342
12384
  placeholder: mergedLabels.selectPlaceholder,
12343
12385
  type: "select",
12344
12386
  options: cityDestinationOptions,
12345
- size: "large"
12387
+ size: "large",
12388
+ onChange: (val) => {
12389
+ setValue(`owners.${index}.destinationCity`, val);
12390
+ onUpdateOwner(owner.id, {
12391
+ destinationCity: val
12392
+ });
12393
+ }
12346
12394
  }
12347
12395
  )
12348
12396
  ] })
@@ -12369,11 +12417,18 @@ var CardVehicleOwnerForm = ({
12369
12417
  disabled,
12370
12418
  layout: "horizontal",
12371
12419
  value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12372
- onChange: (_, data) => onUpdateOwner(owner.id, {
12373
- cargoOwnerEntityType: data.value,
12374
- cargoOwnerEntity: "",
12375
- cargoOwnerEntityOther: ""
12376
- }),
12420
+ onChange: (_, data) => {
12421
+ onUpdateOwner(owner.id, {
12422
+ cargoOwnerEntityType: data.value,
12423
+ cargoOwnerEntity: "",
12424
+ cargoOwnerEntityOther: ""
12425
+ });
12426
+ setValue(`owners.${index}.cargoOwnerEntity`, "");
12427
+ setValue(
12428
+ `owners.${index}.cargoOwnerEntityOther`,
12429
+ ""
12430
+ );
12431
+ },
12377
12432
  children: [
12378
12433
  /* @__PURE__ */ jsx(
12379
12434
  Radio,
@@ -12394,18 +12449,55 @@ var CardVehicleOwnerForm = ({
12394
12449
  )
12395
12450
  }
12396
12451
  ),
12397
- /* @__PURE__ */ jsx(
12398
- InputDynamic_default,
12399
- {
12400
- disabled,
12401
- control,
12402
- name: `looseCargoOwners.${index}.cargoOwnerEntity`,
12403
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12404
- size: "large",
12405
- type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12406
- options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : []
12407
- }
12408
- ),
12452
+ /* @__PURE__ */ jsxs(Row, { children: [
12453
+ /* @__PURE__ */ jsx(
12454
+ Col,
12455
+ {
12456
+ xl: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" ? 6 : 12,
12457
+ children: /* @__PURE__ */ jsx(
12458
+ InputDynamic_default,
12459
+ {
12460
+ disabled,
12461
+ control,
12462
+ name: `owners.${index}.cargoOwnerEntity`,
12463
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12464
+ size: "large",
12465
+ type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12466
+ options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12467
+ onChange: (val) => {
12468
+ setValue(
12469
+ `owners.${index}.cargoOwnerEntity`,
12470
+ val
12471
+ );
12472
+ onUpdateOwner(owner.id, {
12473
+ cargoOwnerEntity: val
12474
+ });
12475
+ }
12476
+ }
12477
+ )
12478
+ }
12479
+ ),
12480
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12481
+ InputDynamic_default,
12482
+ {
12483
+ control,
12484
+ disabled,
12485
+ name: `owners.${index}.cargoOwnerEntityOther`,
12486
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12487
+ size: "large",
12488
+ type: "text",
12489
+ onChange: (val) => {
12490
+ setValue(
12491
+ `owners.${index}.cargoOwnerEntityOther`,
12492
+ val
12493
+ );
12494
+ onUpdateOwner(owner.id, {
12495
+ cargoOwnerEntityOther: val
12496
+ });
12497
+ }
12498
+ }
12499
+ ) })
12500
+ ] }),
12409
12501
  /* @__PURE__ */ jsx(
12410
12502
  Caption1,
12411
12503
  {
@@ -12415,17 +12507,6 @@ var CardVehicleOwnerForm = ({
12415
12507
  },
12416
12508
  children: mergedLabels.otherCompanyHelperText
12417
12509
  }
12418
- ),
12419
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12420
- InputDynamic_default,
12421
- {
12422
- control,
12423
- disabled,
12424
- name: `owners.${index}.cargoOwnerEntityOther`,
12425
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12426
- size: "large",
12427
- type: "text"
12428
- }
12429
12510
  )
12430
12511
  ] }),
12431
12512
  /* @__PURE__ */ jsxs(Col, { children: [
@@ -12448,11 +12529,18 @@ var CardVehicleOwnerForm = ({
12448
12529
  disabled,
12449
12530
  layout: "horizontal",
12450
12531
  value: owner.logisticsEntityType || "Perseorangan",
12451
- onChange: (_, data) => onUpdateOwner(owner.id, {
12452
- logisticsEntityType: data.value,
12453
- logisticsEntity: "",
12454
- logisticsEntityOther: ""
12455
- }),
12532
+ onChange: (_, data) => {
12533
+ onUpdateOwner(owner.id, {
12534
+ logisticsEntityType: data.value,
12535
+ logisticsEntity: "",
12536
+ logisticsEntityOther: ""
12537
+ });
12538
+ setValue(`owners.${index}.logisticsEntity`, "");
12539
+ setValue(
12540
+ `owners.${index}.logisticsEntityOther`,
12541
+ ""
12542
+ );
12543
+ },
12456
12544
  children: [
12457
12545
  /* @__PURE__ */ jsx(
12458
12546
  Radio,
@@ -12473,18 +12561,55 @@ var CardVehicleOwnerForm = ({
12473
12561
  )
12474
12562
  }
12475
12563
  ),
12476
- /* @__PURE__ */ jsx(
12477
- InputDynamic_default,
12478
- {
12479
- control,
12480
- disabled,
12481
- name: `looseCargoOwners.${index}.logisticsEntity`,
12482
- placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12483
- size: "large",
12484
- type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12485
- options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : []
12486
- }
12487
- ),
12564
+ /* @__PURE__ */ jsxs(Row, { children: [
12565
+ /* @__PURE__ */ jsx(
12566
+ Col,
12567
+ {
12568
+ xl: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === "999999" ? 6 : 12,
12569
+ children: /* @__PURE__ */ jsx(
12570
+ InputDynamic_default,
12571
+ {
12572
+ control,
12573
+ disabled,
12574
+ name: `owners.${index}.logisticsEntity`,
12575
+ placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12576
+ size: "large",
12577
+ type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12578
+ options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : [],
12579
+ onChange: (val) => {
12580
+ setValue(
12581
+ `owners.${index}.logisticsEntity`,
12582
+ val
12583
+ );
12584
+ onUpdateOwner(owner.id, {
12585
+ logisticsEntity: val
12586
+ });
12587
+ }
12588
+ }
12589
+ )
12590
+ }
12591
+ ),
12592
+ owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12593
+ InputDynamic_default,
12594
+ {
12595
+ control,
12596
+ disabled,
12597
+ name: `owners.${index}.logisticsEntityOther`,
12598
+ placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12599
+ size: "large",
12600
+ type: "text",
12601
+ onChange: (val) => {
12602
+ setValue(
12603
+ `owners.${index}.logisticsEntityOther`,
12604
+ val
12605
+ );
12606
+ onUpdateOwner(owner.id, {
12607
+ logisticsEntityOther: val
12608
+ });
12609
+ }
12610
+ }
12611
+ ) })
12612
+ ] }),
12488
12613
  /* @__PURE__ */ jsx(
12489
12614
  Caption1,
12490
12615
  {
@@ -12494,17 +12619,6 @@ var CardVehicleOwnerForm = ({
12494
12619
  },
12495
12620
  children: mergedLabels.otherCompanyHelperText
12496
12621
  }
12497
- ),
12498
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12499
- InputDynamic_default,
12500
- {
12501
- control,
12502
- disabled,
12503
- name: `looseCargoOwners.${index}.logisticsEntityOther`,
12504
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12505
- size: "large",
12506
- type: "text"
12507
- }
12508
12622
  )
12509
12623
  ] })
12510
12624
  ] }),
@@ -12517,11 +12631,18 @@ var CardVehicleOwnerForm = ({
12517
12631
  disabled,
12518
12632
  layout: "horizontal",
12519
12633
  value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12520
- onChange: (_, data) => onUpdateOwner(owner.id, {
12521
- cargoReceiverEntityType: data.value,
12522
- cargoReceiverEntity: "",
12523
- cargoReceiverEntityOther: ""
12524
- }),
12634
+ onChange: (_, data) => {
12635
+ onUpdateOwner(owner.id, {
12636
+ cargoReceiverEntityType: data.value,
12637
+ cargoReceiverEntity: "",
12638
+ cargoReceiverEntityOther: ""
12639
+ });
12640
+ setValue(`owners.${index}.cargoReceiverEntity`, "");
12641
+ setValue(
12642
+ `owners.${index}.cargoReceiverEntityOther`,
12643
+ ""
12644
+ );
12645
+ },
12525
12646
  children: [
12526
12647
  /* @__PURE__ */ jsx(
12527
12648
  Radio,
@@ -12540,18 +12661,49 @@ var CardVehicleOwnerForm = ({
12540
12661
  ]
12541
12662
  }
12542
12663
  ),
12543
- /* @__PURE__ */ jsx(
12544
- InputDynamic_default,
12545
- {
12546
- control,
12547
- disabled,
12548
- name: `looseCargoOwners.${index}.cargoReceiverEntity`,
12549
- placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12550
- size: "large",
12551
- type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12552
- options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : []
12553
- }
12554
- ),
12664
+ /* @__PURE__ */ jsxs(Row, { children: [
12665
+ /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12666
+ InputDynamic_default,
12667
+ {
12668
+ control,
12669
+ disabled,
12670
+ name: `owners.${index}.cargoReceiverEntity`,
12671
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12672
+ size: "large",
12673
+ type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12674
+ options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
12675
+ onChange: (val) => {
12676
+ setValue(
12677
+ `owners.${index}.cargoReceiverEntity`,
12678
+ val
12679
+ );
12680
+ onUpdateOwner(owner.id, {
12681
+ cargoReceiverEntity: val
12682
+ });
12683
+ }
12684
+ }
12685
+ ) }),
12686
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12687
+ InputDynamic_default,
12688
+ {
12689
+ control,
12690
+ disabled,
12691
+ name: `owners.${index}.cargoReceiverEntityOther`,
12692
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12693
+ size: "large",
12694
+ type: "text",
12695
+ onChange: (val) => {
12696
+ setValue(
12697
+ `owners.${index}.cargoReceiverEntityOther`,
12698
+ val
12699
+ );
12700
+ onUpdateOwner(owner.id, {
12701
+ cargoReceiverEntityOther: val
12702
+ });
12703
+ }
12704
+ }
12705
+ ) })
12706
+ ] }),
12555
12707
  /* @__PURE__ */ jsx(
12556
12708
  Caption1,
12557
12709
  {
@@ -12561,17 +12713,6 @@ var CardVehicleOwnerForm = ({
12561
12713
  },
12562
12714
  children: mergedLabels.otherCompanyHelperText
12563
12715
  }
12564
- ),
12565
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(
12566
- InputDynamic_default,
12567
- {
12568
- control,
12569
- disabled,
12570
- name: `looseCargoOwners.${index}.cargoReceiverEntityOther`,
12571
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12572
- size: "large",
12573
- type: "text"
12574
- }
12575
12716
  )
12576
12717
  ] }),
12577
12718
  /* @__PURE__ */ jsxs(Col, { children: [
@@ -12586,10 +12727,16 @@ var CardVehicleOwnerForm = ({
12586
12727
  {
12587
12728
  control,
12588
12729
  disabled,
12589
- name: `looseCargoOwners.${index}.cargoWeight`,
12730
+ name: `owners.${index}.cargoWeight`,
12590
12731
  placeholder: mergedLabels.inputNumberPlaceholder,
12591
12732
  type: "number",
12592
- size: "large"
12733
+ size: "large",
12734
+ onChange: (val) => {
12735
+ setValue(`owners.${index}.cargoWeight`, val);
12736
+ onUpdateOwner(owner.id, {
12737
+ cargoWeight: val
12738
+ });
12739
+ }
12593
12740
  }
12594
12741
  )
12595
12742
  ] })
@@ -12645,11 +12792,24 @@ var CardVehicleOwnerForm = ({
12645
12792
  {
12646
12793
  control,
12647
12794
  disabled,
12648
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.commodity`,
12795
+ name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12649
12796
  placeholder: mergedLabels.selectPlaceholder,
12650
12797
  type: "select",
12651
12798
  options: commodityOptions,
12652
- size: "large"
12799
+ size: "large",
12800
+ onChange: (val) => {
12801
+ const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
12802
+ setValue(name, val);
12803
+ const updatedCargoItems = owner.cargoItems?.map(
12804
+ (c, cIdx) => cIdx === cargoIndex ? {
12805
+ ...c,
12806
+ commodity: val
12807
+ } : c
12808
+ );
12809
+ onUpdateOwner(owner.id, {
12810
+ cargoItems: updatedCargoItems
12811
+ });
12812
+ }
12653
12813
  }
12654
12814
  ),
12655
12815
  /* @__PURE__ */ jsxs(
@@ -12678,11 +12838,24 @@ var CardVehicleOwnerForm = ({
12678
12838
  {
12679
12839
  control,
12680
12840
  disabled,
12681
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`,
12841
+ name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12682
12842
  placeholder: mergedLabels.selectPlaceholder,
12683
12843
  type: "select",
12684
12844
  options: loadTypeOptions,
12685
- size: "large"
12845
+ size: "large",
12846
+ onChange: (val) => {
12847
+ const name = `owners.${index}.cargo.${cargoIndex}.cargoType`;
12848
+ setValue(name, val);
12849
+ const updatedCargoItems = owner.cargoItems?.map(
12850
+ (c, cIdx) => cIdx === cargoIndex ? {
12851
+ ...c,
12852
+ cargoType: val
12853
+ } : c
12854
+ );
12855
+ onUpdateOwner(owner.id, {
12856
+ cargoItems: updatedCargoItems
12857
+ });
12858
+ }
12686
12859
  }
12687
12860
  ),
12688
12861
  /* @__PURE__ */ jsx(
@@ -12740,13 +12913,13 @@ var CardVehicleOwnerForm = ({
12740
12913
  size: "small",
12741
12914
  onClick: () => {
12742
12915
  const currentVal = getValues(
12743
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12916
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12744
12917
  ) || 0;
12745
12918
  const currentQty = Number(currentVal);
12746
12919
  if (currentQty > 0) {
12747
12920
  const newVal = currentQty - 1;
12748
12921
  setValue(
12749
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12922
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12750
12923
  newVal
12751
12924
  );
12752
12925
  onUpdateCargoQuantity(
@@ -12765,7 +12938,7 @@ var CardVehicleOwnerForm = ({
12765
12938
  /* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
12766
12939
  Controller,
12767
12940
  {
12768
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12941
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12769
12942
  control,
12770
12943
  disabled,
12771
12944
  render: ({ field }) => /* @__PURE__ */ jsx(
@@ -12807,12 +12980,12 @@ var CardVehicleOwnerForm = ({
12807
12980
  size: "small",
12808
12981
  onClick: () => {
12809
12982
  const currentVal = getValues(
12810
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`
12983
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12811
12984
  ) || 0;
12812
12985
  const currentQty = Number(currentVal);
12813
12986
  const newVal = currentQty + 1;
12814
12987
  setValue(
12815
- `looseCargoOwners.${index}.cargo.${cargoIndex}.quantity`,
12988
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12816
12989
  newVal
12817
12990
  );
12818
12991
  onUpdateCargoQuantity(
@@ -12842,7 +13015,7 @@ var CardVehicleOwnerForm = ({
12842
13015
  },
12843
13016
  children: (() => {
12844
13017
  const type = watch(
12845
- `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoType`
13018
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12846
13019
  );
12847
13020
  if (type === "karung")
12848
13021
  return mergedLabels.cargoTypeOptions.karung;
@@ -12887,11 +13060,24 @@ var CardVehicleOwnerForm = ({
12887
13060
  {
12888
13061
  control,
12889
13062
  disabled,
12890
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.industryType`,
13063
+ name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12891
13064
  placeholder: mergedLabels.selectPlaceholder,
12892
13065
  type: "select",
12893
13066
  options: industryOptions,
12894
- size: "large"
13067
+ size: "large",
13068
+ onChange: (val) => {
13069
+ const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
13070
+ setValue(name, val);
13071
+ const updatedCargoItems = owner.cargoItems?.map(
13072
+ (c, cIdx) => cIdx === cargoIndex ? {
13073
+ ...c,
13074
+ industryType: val
13075
+ } : c
13076
+ );
13077
+ onUpdateOwner(owner.id, {
13078
+ cargoItems: updatedCargoItems
13079
+ });
13080
+ }
12895
13081
  }
12896
13082
  ),
12897
13083
  /* @__PURE__ */ jsx(
@@ -12916,11 +13102,24 @@ var CardVehicleOwnerForm = ({
12916
13102
  {
12917
13103
  control,
12918
13104
  disabled,
12919
- name: `looseCargoOwners.${index}.cargo.${cargoIndex}.cargoCategory`,
13105
+ name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
12920
13106
  placeholder: mergedLabels.selectPlaceholder,
12921
13107
  type: "select",
12922
13108
  options: loadCategoryOptions,
12923
- size: "large"
13109
+ size: "large",
13110
+ onChange: (val) => {
13111
+ const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
13112
+ setValue(name, val);
13113
+ const updatedCargoItems = owner.cargoItems?.map(
13114
+ (c, cIdx) => cIdx === cargoIndex ? {
13115
+ ...c,
13116
+ cargoCategory: val
13117
+ } : c
13118
+ );
13119
+ onUpdateOwner(owner.id, {
13120
+ cargoItems: updatedCargoItems
13121
+ });
13122
+ }
12924
13123
  }
12925
13124
  ),
12926
13125
  /* @__PURE__ */ jsxs(