@asdp/ferryui 0.1.22-dev.9545 → 0.1.22-dev.9567

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
@@ -1112,7 +1112,7 @@ interface ModalSearchHarborProps {
1112
1112
  /**
1113
1113
  * Callback when removing from last searched
1114
1114
  */
1115
- onRemoveLastSearched: (harborId: HarborItem) => void;
1115
+ onRemoveLastSearched?: (harborId: HarborItem) => void;
1116
1116
  /**
1117
1117
  * Callback when clearing all last searched
1118
1118
  */
@@ -2938,13 +2938,6 @@ interface CargoItem {
2938
2938
  }
2939
2939
  interface VehicleOwner {
2940
2940
  id: number;
2941
- senderEntityType: MANIFEST_ENTITY_TYPE;
2942
- senderEntity: string;
2943
- senderEntityOther: string;
2944
- estimatedWeight: string;
2945
- originCity: string;
2946
- destinationCity: string;
2947
- cargoItems: CargoItem[];
2948
2941
  cargoOwnerEntityType: MANIFEST_ENTITY_TYPE;
2949
2942
  cargoOwnerEntity: string;
2950
2943
  cargoOwnerEntityOther: string;
@@ -2955,6 +2948,10 @@ interface VehicleOwner {
2955
2948
  cargoReceiverEntity: string;
2956
2949
  cargoReceiverEntityOther: string;
2957
2950
  cargoWeight: string;
2951
+ estimatedWeight: string;
2952
+ originCity: string;
2953
+ destinationCity: string;
2954
+ cargoItems: CargoItem[];
2958
2955
  }
2959
2956
  interface CardVehicleOwnerFormProps {
2960
2957
  /**
@@ -3009,10 +3006,6 @@ interface CardVehicleOwnerFormProps {
3009
3006
  * Callback to update cargo quantity
3010
3007
  */
3011
3008
  onUpdateCargoQuantity: (ownerId: number, cargoId: number, quantity: number) => void;
3012
- /**
3013
- * Options for company sender select inputs
3014
- */
3015
- companySenderOptions?: SelectOption[];
3016
3009
  /**
3017
3010
  * Options for company owner select inputs
3018
3011
  */
@@ -3064,9 +3057,8 @@ interface CardVehicleOwnerFormLabels {
3064
3057
  title: string;
3065
3058
  addOwnerButton: string;
3066
3059
  ownerInfoTitle: string;
3067
- senderNameLabel: string;
3068
- senderTypeCompany: string;
3069
- senderTypeIndividual: string;
3060
+ entityTypeCompany: string;
3061
+ entityTypeIndividual: string;
3070
3062
  selectCompanyPlaceholder: string;
3071
3063
  inputSenderNamePlaceholder: string;
3072
3064
  estimatedWeightLabel: string;
package/dist/index.d.ts CHANGED
@@ -1112,7 +1112,7 @@ interface ModalSearchHarborProps {
1112
1112
  /**
1113
1113
  * Callback when removing from last searched
1114
1114
  */
1115
- onRemoveLastSearched: (harborId: HarborItem) => void;
1115
+ onRemoveLastSearched?: (harborId: HarborItem) => void;
1116
1116
  /**
1117
1117
  * Callback when clearing all last searched
1118
1118
  */
@@ -2938,13 +2938,6 @@ interface CargoItem {
2938
2938
  }
2939
2939
  interface VehicleOwner {
2940
2940
  id: number;
2941
- senderEntityType: MANIFEST_ENTITY_TYPE;
2942
- senderEntity: string;
2943
- senderEntityOther: string;
2944
- estimatedWeight: string;
2945
- originCity: string;
2946
- destinationCity: string;
2947
- cargoItems: CargoItem[];
2948
2941
  cargoOwnerEntityType: MANIFEST_ENTITY_TYPE;
2949
2942
  cargoOwnerEntity: string;
2950
2943
  cargoOwnerEntityOther: string;
@@ -2955,6 +2948,10 @@ interface VehicleOwner {
2955
2948
  cargoReceiverEntity: string;
2956
2949
  cargoReceiverEntityOther: string;
2957
2950
  cargoWeight: string;
2951
+ estimatedWeight: string;
2952
+ originCity: string;
2953
+ destinationCity: string;
2954
+ cargoItems: CargoItem[];
2958
2955
  }
2959
2956
  interface CardVehicleOwnerFormProps {
2960
2957
  /**
@@ -3009,10 +3006,6 @@ interface CardVehicleOwnerFormProps {
3009
3006
  * Callback to update cargo quantity
3010
3007
  */
3011
3008
  onUpdateCargoQuantity: (ownerId: number, cargoId: number, quantity: number) => void;
3012
- /**
3013
- * Options for company sender select inputs
3014
- */
3015
- companySenderOptions?: SelectOption[];
3016
3009
  /**
3017
3010
  * Options for company owner select inputs
3018
3011
  */
@@ -3064,9 +3057,8 @@ interface CardVehicleOwnerFormLabels {
3064
3057
  title: string;
3065
3058
  addOwnerButton: string;
3066
3059
  ownerInfoTitle: string;
3067
- senderNameLabel: string;
3068
- senderTypeCompany: string;
3069
- senderTypeIndividual: string;
3060
+ entityTypeCompany: string;
3061
+ entityTypeIndividual: string;
3070
3062
  selectCompanyPlaceholder: string;
3071
3063
  inputSenderNamePlaceholder: string;
3072
3064
  estimatedWeightLabel: string;
package/dist/index.js CHANGED
@@ -7037,13 +7037,13 @@ var ModalSearchHarbor = ({
7037
7037
  harbor,
7038
7038
  onSelect: handleSelect,
7039
7039
  containerClassName: styles.historyItem,
7040
- trailingIcon: /* @__PURE__ */ jsxRuntime.jsx(
7040
+ trailingIcon: showButtonFavorite && /* @__PURE__ */ jsxRuntime.jsx(
7041
7041
  react.Icon,
7042
7042
  {
7043
- onClick: () => onRemoveLastSearched(harbor),
7044
- icon: "fluent:dismiss-24-regular",
7045
- fontSize: 20,
7046
- className: styles.cursorPointer
7043
+ icon: harbor.isFavorite ? "fluent:star-24-filled" : "fluent:star-24-regular",
7044
+ color: reactComponents.tokens.colorBrandBackground,
7045
+ className: styles.cursorPointer,
7046
+ onClick: () => onToggleFavorite(harbor)
7047
7047
  }
7048
7048
  ),
7049
7049
  showDivider: true
@@ -7059,6 +7059,15 @@ var ModalSearchHarbor = ({
7059
7059
  harbor,
7060
7060
  onSelect: handleSelect,
7061
7061
  containerClassName: styles.historyItem,
7062
+ trailingIcon: showButtonFavorite && /* @__PURE__ */ jsxRuntime.jsx(
7063
+ react.Icon,
7064
+ {
7065
+ icon: harbor.isFavorite ? "fluent:star-24-filled" : "fluent:star-24-regular",
7066
+ color: reactComponents.tokens.colorBrandBackground,
7067
+ className: styles.cursorPointer,
7068
+ onClick: () => onToggleFavorite(harbor)
7069
+ }
7070
+ ),
7062
7071
  showDivider: true
7063
7072
  },
7064
7073
  harbor.portId
@@ -11996,9 +12005,8 @@ var DEFAULT_LABELS26 = {
11996
12005
  title: "Informasi Pemilik & Muatan",
11997
12006
  addOwnerButton: "Tambah Pemilik",
11998
12007
  ownerInfoTitle: "Informasi Pemilik {index}",
11999
- senderNameLabel: "Nama Pengirim",
12000
- senderTypeCompany: "Perusahaan",
12001
- senderTypeIndividual: "Perseorangan",
12008
+ entityTypeCompany: "Perusahaan",
12009
+ entityTypeIndividual: "Perseorangan",
12002
12010
  selectCompanyPlaceholder: "Pilih Nama Perusahaan",
12003
12011
  inputSenderNamePlaceholder: "Masukkan Nama Pengirim",
12004
12012
  estimatedWeightLabel: "Data Estimasi Berat Muatan dan Kendaraan (Ton)",
@@ -12049,9 +12057,8 @@ var DEFAULT_LABELS26 = {
12049
12057
  title: "Owner & Cargo Information",
12050
12058
  addOwnerButton: "Add Owner",
12051
12059
  ownerInfoTitle: "Owner Information {index}",
12052
- senderNameLabel: "Sender Name",
12053
- senderTypeCompany: "Company",
12054
- senderTypeIndividual: "Individual",
12060
+ entityTypeCompany: "Company",
12061
+ entityTypeIndividual: "Individual",
12055
12062
  selectCompanyPlaceholder: "Select Company Name",
12056
12063
  inputSenderNamePlaceholder: "Enter Sender Name",
12057
12064
  estimatedWeightLabel: "Estimated Cargo & Vehicle Weight (Ton)",
@@ -12154,7 +12161,6 @@ var CardVehicleOwnerForm = ({
12154
12161
  onAddCargo,
12155
12162
  onDeleteCargo,
12156
12163
  onUpdateCargoQuantity,
12157
- companySenderOptions = [],
12158
12164
  companyOwnerOptions = [],
12159
12165
  companyLogisticsOptions = [],
12160
12166
  companyReceiverOptions = [],
@@ -12262,7 +12268,6 @@ var CardVehicleOwnerForm = ({
12262
12268
  {
12263
12269
  disabled,
12264
12270
  layout: "horizontal",
12265
- value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12266
12271
  onChange: (_, data) => {
12267
12272
  onUpdateOwner(owner.id, {
12268
12273
  cargoOwnerEntityType: data.value,
@@ -12272,19 +12277,21 @@ var CardVehicleOwnerForm = ({
12272
12277
  setValue(`owners.${index}.cargoOwnerEntity`, "");
12273
12278
  setValue(`owners.${index}.cargoOwnerEntityOther`, "");
12274
12279
  },
12280
+ required: true,
12281
+ value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12275
12282
  children: [
12276
12283
  /* @__PURE__ */ jsxRuntime.jsx(
12277
12284
  reactComponents.Radio,
12278
12285
  {
12279
12286
  value: MANIFEST_ENTITY.COMPANY,
12280
- label: mergedLabels.senderTypeCompany
12287
+ label: MANIFEST_ENTITY.COMPANY
12281
12288
  }
12282
12289
  ),
12283
12290
  /* @__PURE__ */ jsxRuntime.jsx(
12284
12291
  reactComponents.Radio,
12285
12292
  {
12286
12293
  value: MANIFEST_ENTITY.INDIVIDUAL,
12287
- label: mergedLabels.senderTypeIndividual
12294
+ label: MANIFEST_ENTITY.INDIVIDUAL
12288
12295
  }
12289
12296
  )
12290
12297
  ]
@@ -12303,16 +12310,17 @@ var CardVehicleOwnerForm = ({
12303
12310
  disabled,
12304
12311
  control,
12305
12312
  name: `owners.${index}.cargoOwnerEntity`,
12306
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12307
- size: "large",
12308
- type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12309
12313
  options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12310
12314
  onChange: (val) => {
12311
12315
  setValue(`owners.${index}.cargoOwnerEntity`, val);
12312
12316
  onUpdateOwner(owner.id, {
12313
12317
  cargoOwnerEntity: val
12314
12318
  });
12315
- }
12319
+ },
12320
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12321
+ required: true,
12322
+ size: "large",
12323
+ type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text"
12316
12324
  }
12317
12325
  )
12318
12326
  }
@@ -12324,6 +12332,7 @@ var CardVehicleOwnerForm = ({
12324
12332
  disabled,
12325
12333
  name: `owners.${index}.cargoOwnerEntityOther`,
12326
12334
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12335
+ required: true,
12327
12336
  size: "large",
12328
12337
  type: "text",
12329
12338
  onChange: (val) => {
@@ -12363,6 +12372,7 @@ var CardVehicleOwnerForm = ({
12363
12372
  disabled,
12364
12373
  name: `owners.${index}.estimatedWeight`,
12365
12374
  placeholder: mergedLabels.inputNumberPlaceholder,
12375
+ required: true,
12366
12376
  size: "large",
12367
12377
  type: "number",
12368
12378
  onChange: (val) => {
@@ -12392,7 +12402,6 @@ var CardVehicleOwnerForm = ({
12392
12402
  {
12393
12403
  disabled,
12394
12404
  layout: "horizontal",
12395
- value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12396
12405
  onChange: (_, data) => {
12397
12406
  onUpdateOwner(owner.id, {
12398
12407
  cargoReceiverEntityType: data.value,
@@ -12408,19 +12417,21 @@ var CardVehicleOwnerForm = ({
12408
12417
  ""
12409
12418
  );
12410
12419
  },
12420
+ required: true,
12421
+ value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12411
12422
  children: [
12412
12423
  /* @__PURE__ */ jsxRuntime.jsx(
12413
12424
  reactComponents.Radio,
12414
12425
  {
12415
12426
  value: MANIFEST_ENTITY.COMPANY,
12416
- label: mergedLabels.senderTypeCompany
12427
+ label: mergedLabels.entityTypeCompany
12417
12428
  }
12418
12429
  ),
12419
12430
  /* @__PURE__ */ jsxRuntime.jsx(
12420
12431
  reactComponents.Radio,
12421
12432
  {
12422
12433
  value: MANIFEST_ENTITY.INDIVIDUAL,
12423
- label: mergedLabels.senderTypeIndividual
12434
+ label: mergedLabels.entityTypeIndividual
12424
12435
  }
12425
12436
  )
12426
12437
  ]
@@ -12440,6 +12451,7 @@ var CardVehicleOwnerForm = ({
12440
12451
  disabled,
12441
12452
  name: `owners.${index}.cargoReceiverEntity`,
12442
12453
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12454
+ required: true,
12443
12455
  size: "large",
12444
12456
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12445
12457
  options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
@@ -12463,6 +12475,7 @@ var CardVehicleOwnerForm = ({
12463
12475
  disabled,
12464
12476
  name: `owners.${index}.cargoReceiverEntityOther`,
12465
12477
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12478
+ required: true,
12466
12479
  size: "large",
12467
12480
  type: "text",
12468
12481
  onChange: (val) => {
@@ -12509,7 +12522,6 @@ var CardVehicleOwnerForm = ({
12509
12522
  {
12510
12523
  disabled,
12511
12524
  layout: "horizontal",
12512
- value: owner.logisticsEntityType || "Perseorangan",
12513
12525
  onChange: (_, data) => {
12514
12526
  onUpdateOwner(owner.id, {
12515
12527
  logisticsEntityType: data.value,
@@ -12522,19 +12534,21 @@ var CardVehicleOwnerForm = ({
12522
12534
  ""
12523
12535
  );
12524
12536
  },
12537
+ required: true,
12538
+ value: owner.logisticsEntityType || MANIFEST_ENTITY.COMPANY,
12525
12539
  children: [
12526
12540
  /* @__PURE__ */ jsxRuntime.jsx(
12527
12541
  reactComponents.Radio,
12528
12542
  {
12529
12543
  value: MANIFEST_ENTITY.COMPANY,
12530
- label: mergedLabels.senderTypeCompany
12544
+ label: mergedLabels.entityTypeCompany
12531
12545
  }
12532
12546
  ),
12533
12547
  /* @__PURE__ */ jsxRuntime.jsx(
12534
12548
  reactComponents.Radio,
12535
12549
  {
12536
12550
  value: MANIFEST_ENTITY.INDIVIDUAL,
12537
- label: mergedLabels.senderTypeIndividual
12551
+ label: mergedLabels.entityTypeIndividual
12538
12552
  }
12539
12553
  )
12540
12554
  ]
@@ -12554,6 +12568,7 @@ var CardVehicleOwnerForm = ({
12554
12568
  disabled,
12555
12569
  name: `owners.${index}.logisticsEntity`,
12556
12570
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12571
+ required: true,
12557
12572
  size: "large",
12558
12573
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12559
12574
  options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : [],
@@ -12577,6 +12592,7 @@ var CardVehicleOwnerForm = ({
12577
12592
  disabled,
12578
12593
  name: `owners.${index}.logisticsEntityOther`,
12579
12594
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12595
+ required: true,
12580
12596
  size: "large",
12581
12597
  type: "text",
12582
12598
  onChange: (val) => {
@@ -12613,16 +12629,17 @@ var CardVehicleOwnerForm = ({
12613
12629
  control,
12614
12630
  disabled,
12615
12631
  name: `owners.${index}.originCity`,
12616
- placeholder: mergedLabels.selectPlaceholder,
12617
- type: "select",
12618
- options: cityOriginOptions,
12619
- size: "large",
12620
12632
  onChange: (val) => {
12621
12633
  setValue(`owners.${index}.originCity`, val);
12622
12634
  onUpdateOwner(owner.id, {
12623
12635
  originCity: val
12624
12636
  });
12625
- }
12637
+ },
12638
+ options: cityOriginOptions,
12639
+ placeholder: mergedLabels.selectPlaceholder,
12640
+ required: true,
12641
+ size: "large",
12642
+ type: "select"
12626
12643
  }
12627
12644
  )
12628
12645
  ] }),
@@ -12634,16 +12651,17 @@ var CardVehicleOwnerForm = ({
12634
12651
  control,
12635
12652
  disabled,
12636
12653
  name: `owners.${index}.destinationCity`,
12637
- placeholder: mergedLabels.selectPlaceholder,
12638
- type: "select",
12639
12654
  options: cityDestinationOptions,
12640
- size: "large",
12641
12655
  onChange: (val) => {
12642
12656
  setValue(`owners.${index}.destinationCity`, val);
12643
12657
  onUpdateOwner(owner.id, {
12644
12658
  destinationCity: val
12645
12659
  });
12646
- }
12660
+ },
12661
+ placeholder: mergedLabels.selectPlaceholder,
12662
+ required: true,
12663
+ size: "large",
12664
+ type: "select"
12647
12665
  }
12648
12666
  )
12649
12667
  ] })
@@ -12701,10 +12719,6 @@ var CardVehicleOwnerForm = ({
12701
12719
  control,
12702
12720
  disabled,
12703
12721
  name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12704
- placeholder: mergedLabels.selectPlaceholder,
12705
- type: "select",
12706
- options: commodityOptions,
12707
- size: "large",
12708
12722
  onChange: (val) => {
12709
12723
  const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
12710
12724
  setValue(name, val);
@@ -12717,7 +12731,12 @@ var CardVehicleOwnerForm = ({
12717
12731
  onUpdateOwner(owner.id, {
12718
12732
  cargoItems: updatedCargoItems
12719
12733
  });
12720
- }
12734
+ },
12735
+ options: commodityOptions,
12736
+ placeholder: mergedLabels.selectPlaceholder,
12737
+ required: true,
12738
+ type: "select",
12739
+ size: "large"
12721
12740
  }
12722
12741
  ),
12723
12742
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12747,10 +12766,6 @@ var CardVehicleOwnerForm = ({
12747
12766
  control,
12748
12767
  disabled,
12749
12768
  name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12750
- placeholder: mergedLabels.selectPlaceholder,
12751
- type: "select",
12752
- options: loadTypeOptions,
12753
- size: "large",
12754
12769
  onChange: (val) => {
12755
12770
  const name = `owners.${index}.cargo.${cargoIndex}.cargoType`;
12756
12771
  setValue(name, val);
@@ -12763,7 +12778,12 @@ var CardVehicleOwnerForm = ({
12763
12778
  onUpdateOwner(owner.id, {
12764
12779
  cargoItems: updatedCargoItems
12765
12780
  });
12766
- }
12781
+ },
12782
+ options: loadTypeOptions,
12783
+ placeholder: mergedLabels.selectPlaceholder,
12784
+ required: true,
12785
+ size: "large",
12786
+ type: "select"
12767
12787
  }
12768
12788
  ),
12769
12789
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12950,17 +12970,22 @@ var CardVehicleOwnerForm = ({
12950
12970
  })(),
12951
12971
  /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { md: 3, children: [
12952
12972
  /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: mergedLabels.priceLabel }),
12953
- /* @__PURE__ */ jsxRuntime.jsx(
12954
- InputDynamic_default,
12955
- {
12956
- control,
12957
- disabled: true,
12958
- name: `owners.${index}.price`,
12959
- placeholder: mergedLabels.pricePlaceholder,
12960
- size: "large",
12961
- type: "text"
12962
- }
12963
- )
12973
+ /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body2, { style: { marginTop: "0.5rem" }, children: (() => {
12974
+ return new Intl.NumberFormat(
12975
+ language === "id" ? "id-ID" : "en-US",
12976
+ {
12977
+ style: "currency",
12978
+ currency: language === "id" ? "IDR" : "USD",
12979
+ minimumFractionDigits: 0
12980
+ }
12981
+ ).format(
12982
+ Number(
12983
+ getValues(
12984
+ `owners.${index}.cargo.${cargoIndex}.price`
12985
+ ) || 1234567890
12986
+ )
12987
+ );
12988
+ })() })
12964
12989
  ] })
12965
12990
  ] }),
12966
12991
  /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { children: [
@@ -12976,10 +13001,7 @@ var CardVehicleOwnerForm = ({
12976
13001
  control,
12977
13002
  disabled,
12978
13003
  name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12979
- placeholder: mergedLabels.selectPlaceholder,
12980
- type: "select",
12981
13004
  options: industryOptions,
12982
- size: "large",
12983
13005
  onChange: (val) => {
12984
13006
  const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
12985
13007
  setValue(name, val);
@@ -12992,7 +13014,11 @@ var CardVehicleOwnerForm = ({
12992
13014
  onUpdateOwner(owner.id, {
12993
13015
  cargoItems: updatedCargoItems
12994
13016
  });
12995
- }
13017
+ },
13018
+ placeholder: mergedLabels.selectPlaceholder,
13019
+ required: true,
13020
+ size: "large",
13021
+ type: "select"
12996
13022
  }
12997
13023
  ),
12998
13024
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -13018,10 +13044,7 @@ var CardVehicleOwnerForm = ({
13018
13044
  control,
13019
13045
  disabled,
13020
13046
  name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
13021
- placeholder: mergedLabels.selectPlaceholder,
13022
- type: "select",
13023
13047
  options: loadCategoryOptions,
13024
- size: "large",
13025
13048
  onChange: (val) => {
13026
13049
  const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
13027
13050
  setValue(name, val);
@@ -13034,7 +13057,11 @@ var CardVehicleOwnerForm = ({
13034
13057
  onUpdateOwner(owner.id, {
13035
13058
  cargoItems: updatedCargoItems
13036
13059
  });
13037
- }
13060
+ },
13061
+ placeholder: mergedLabels.selectPlaceholder,
13062
+ required: true,
13063
+ size: "large",
13064
+ type: "select"
13038
13065
  }
13039
13066
  ),
13040
13067
  /* @__PURE__ */ jsxRuntime.jsxs(