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

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 +10 -1
  2. package/dist/index.d.ts +10 -1
  3. package/dist/index.js +285 -379
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +285 -379
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -12153,6 +12153,7 @@ var CardVehicleOwnerForm = ({
12153
12153
  cityDestinationOptions = [],
12154
12154
  commodityOptions = [],
12155
12155
  loadTypeOptions = [],
12156
+ loadTypes = [],
12156
12157
  industryOptions = [],
12157
12158
  loadCategoryOptions = [],
12158
12159
  language = "id",
@@ -12233,7 +12234,11 @@ var CardVehicleOwnerForm = ({
12233
12234
  ),
12234
12235
  /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
12235
12236
  /* @__PURE__ */ jsxs(Row, { children: [
12236
- /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.senderNameLabel }) }),
12237
+ /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12238
+ mergedLabels.cargoOwnerTitle,
12239
+ " ",
12240
+ /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12241
+ ] }) }),
12237
12242
  /* @__PURE__ */ jsxs(Col, { lg: 6, children: [
12238
12243
  /* @__PURE__ */ jsx(
12239
12244
  "div",
@@ -12248,15 +12253,15 @@ var CardVehicleOwnerForm = ({
12248
12253
  {
12249
12254
  disabled,
12250
12255
  layout: "horizontal",
12251
- value: owner.senderEntityType,
12256
+ value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12252
12257
  onChange: (_, data) => {
12253
12258
  onUpdateOwner(owner.id, {
12254
- senderEntityType: data.value,
12255
- senderEntity: "",
12256
- senderEntityOther: ""
12259
+ cargoOwnerEntityType: data.value,
12260
+ cargoOwnerEntity: "",
12261
+ cargoOwnerEntityOther: ""
12257
12262
  });
12258
- setValue(`owners.${index}.senderEntity`, "");
12259
- setValue(`owners.${index}.senderEntityOther`, "");
12263
+ setValue(`owners.${index}.cargoOwnerEntity`, "");
12264
+ setValue(`owners.${index}.cargoOwnerEntityOther`, "");
12260
12265
  },
12261
12266
  children: [
12262
12267
  /* @__PURE__ */ jsx(
@@ -12282,48 +12287,58 @@ var CardVehicleOwnerForm = ({
12282
12287
  /* @__PURE__ */ jsx(
12283
12288
  Col,
12284
12289
  {
12285
- xl: owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" ? 6 : 12,
12290
+ lg: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" ? 6 : 12,
12286
12291
  children: /* @__PURE__ */ jsx(
12287
12292
  InputDynamic_default,
12288
12293
  {
12289
- control,
12290
12294
  disabled,
12291
- name: `owners.${index}.senderEntity`,
12292
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12295
+ control,
12296
+ name: `owners.${index}.cargoOwnerEntity`,
12297
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12293
12298
  size: "large",
12294
- type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12295
- options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : [],
12299
+ type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12300
+ options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12296
12301
  onChange: (val) => {
12297
- setValue(`owners.${index}.senderEntity`, val);
12302
+ setValue(`owners.${index}.cargoOwnerEntity`, val);
12298
12303
  onUpdateOwner(owner.id, {
12299
- senderEntity: val
12304
+ cargoOwnerEntity: val
12300
12305
  });
12301
12306
  }
12302
12307
  }
12303
12308
  )
12304
12309
  }
12305
12310
  ),
12306
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12311
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12307
12312
  InputDynamic_default,
12308
12313
  {
12309
12314
  control,
12310
12315
  disabled,
12311
- name: `owners.${index}.senderEntityOther`,
12312
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12316
+ name: `owners.${index}.cargoOwnerEntityOther`,
12317
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12313
12318
  size: "large",
12314
12319
  type: "text",
12315
12320
  onChange: (val) => {
12316
12321
  setValue(
12317
- `owners.${index}.senderEntityOther`,
12322
+ `owners.${index}.cargoOwnerEntityOther`,
12318
12323
  val
12319
12324
  );
12320
12325
  onUpdateOwner(owner.id, {
12321
- senderEntityOther: val
12326
+ cargoOwnerEntityOther: val
12322
12327
  });
12323
12328
  }
12324
12329
  }
12325
12330
  ) })
12326
- ] })
12331
+ ] }),
12332
+ /* @__PURE__ */ jsx(
12333
+ Caption1,
12334
+ {
12335
+ style: {
12336
+ color: tokens.colorNeutralForeground3,
12337
+ marginTop: "0.25rem"
12338
+ },
12339
+ children: mergedLabels.otherCompanyHelperText
12340
+ }
12341
+ )
12327
12342
  ] }),
12328
12343
  /* @__PURE__ */ jsxs(Col, { lg: 6, children: [
12329
12344
  /* @__PURE__ */ jsx("div", { style: { height: "1rem" } }),
@@ -12351,58 +12366,10 @@ var CardVehicleOwnerForm = ({
12351
12366
  )
12352
12367
  ] })
12353
12368
  ] }),
12354
- /* @__PURE__ */ jsxs(Row, { children: [
12355
- /* @__PURE__ */ jsxs(Col, { children: [
12356
- /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.originCityLabel }),
12357
- /* @__PURE__ */ jsx(
12358
- InputDynamic_default,
12359
- {
12360
- control,
12361
- disabled,
12362
- name: `owners.${index}.originCity`,
12363
- placeholder: mergedLabels.selectPlaceholder,
12364
- type: "select",
12365
- options: cityOriginOptions,
12366
- size: "large",
12367
- onChange: (val) => {
12368
- setValue(`owners.${index}.originCity`, val);
12369
- onUpdateOwner(owner.id, {
12370
- originCity: val
12371
- });
12372
- }
12373
- }
12374
- )
12375
- ] }),
12376
- /* @__PURE__ */ jsxs(Col, { children: [
12377
- /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.destinationCityLabel }),
12378
- /* @__PURE__ */ jsx(
12379
- InputDynamic_default,
12380
- {
12381
- control,
12382
- disabled,
12383
- name: `owners.${index}.destinationCity`,
12384
- placeholder: mergedLabels.selectPlaceholder,
12385
- type: "select",
12386
- options: cityDestinationOptions,
12387
- size: "large",
12388
- onChange: (val) => {
12389
- setValue(`owners.${index}.destinationCity`, val);
12390
- onUpdateOwner(owner.id, {
12391
- destinationCity: val
12392
- });
12393
- }
12394
- }
12395
- )
12396
- ] })
12397
- ] }),
12398
- hasLoad && /* @__PURE__ */ jsxs(Fragment, { children: [
12399
- /* @__PURE__ */ jsxs(Row, { children: [
12400
- /* @__PURE__ */ jsxs(Col, { children: [
12401
- /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12402
- mergedLabels.cargoOwnerTitle,
12403
- " ",
12404
- /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12405
- ] }),
12369
+ hasLoad && /* @__PURE__ */ jsxs(Row, { children: [
12370
+ /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, children: [
12371
+ /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoReceiverTitle }) }),
12372
+ /* @__PURE__ */ jsxs(Col, { lg: 12, children: [
12406
12373
  /* @__PURE__ */ jsx(
12407
12374
  "div",
12408
12375
  {
@@ -12416,16 +12383,19 @@ var CardVehicleOwnerForm = ({
12416
12383
  {
12417
12384
  disabled,
12418
12385
  layout: "horizontal",
12419
- value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12386
+ value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12420
12387
  onChange: (_, data) => {
12421
12388
  onUpdateOwner(owner.id, {
12422
- cargoOwnerEntityType: data.value,
12423
- cargoOwnerEntity: "",
12424
- cargoOwnerEntityOther: ""
12389
+ cargoReceiverEntityType: data.value,
12390
+ cargoReceiverEntity: "",
12391
+ cargoReceiverEntityOther: ""
12425
12392
  });
12426
- setValue(`owners.${index}.cargoOwnerEntity`, "");
12427
12393
  setValue(
12428
- `owners.${index}.cargoOwnerEntityOther`,
12394
+ `owners.${index}.cargoReceiverEntity`,
12395
+ ""
12396
+ );
12397
+ setValue(
12398
+ `owners.${index}.cargoReceiverEntityOther`,
12429
12399
  ""
12430
12400
  );
12431
12401
  },
@@ -12453,46 +12423,46 @@ var CardVehicleOwnerForm = ({
12453
12423
  /* @__PURE__ */ jsx(
12454
12424
  Col,
12455
12425
  {
12456
- xl: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" ? 6 : 12,
12426
+ lg: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" ? 6 : 12,
12457
12427
  children: /* @__PURE__ */ jsx(
12458
12428
  InputDynamic_default,
12459
12429
  {
12460
- disabled,
12461
12430
  control,
12462
- name: `owners.${index}.cargoOwnerEntity`,
12463
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12431
+ disabled,
12432
+ name: `owners.${index}.cargoReceiverEntity`,
12433
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12464
12434
  size: "large",
12465
- type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12466
- options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12435
+ type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12436
+ options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
12467
12437
  onChange: (val) => {
12468
12438
  setValue(
12469
- `owners.${index}.cargoOwnerEntity`,
12439
+ `owners.${index}.cargoReceiverEntity`,
12470
12440
  val
12471
12441
  );
12472
12442
  onUpdateOwner(owner.id, {
12473
- cargoOwnerEntity: val
12443
+ cargoReceiverEntity: val
12474
12444
  });
12475
12445
  }
12476
12446
  }
12477
12447
  )
12478
12448
  }
12479
12449
  ),
12480
- owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12450
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsx(
12481
12451
  InputDynamic_default,
12482
12452
  {
12483
12453
  control,
12484
12454
  disabled,
12485
- name: `owners.${index}.cargoOwnerEntityOther`,
12486
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12455
+ name: `owners.${index}.cargoReceiverEntityOther`,
12456
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12487
12457
  size: "large",
12488
12458
  type: "text",
12489
12459
  onChange: (val) => {
12490
12460
  setValue(
12491
- `owners.${index}.cargoOwnerEntityOther`,
12461
+ `owners.${index}.cargoReceiverEntityOther`,
12492
12462
  val
12493
12463
  );
12494
12464
  onUpdateOwner(owner.id, {
12495
- cargoOwnerEntityOther: val
12465
+ cargoReceiverEntityOther: val
12496
12466
  });
12497
12467
  }
12498
12468
  }
@@ -12508,13 +12478,15 @@ var CardVehicleOwnerForm = ({
12508
12478
  children: mergedLabels.otherCompanyHelperText
12509
12479
  }
12510
12480
  )
12511
- ] }),
12512
- /* @__PURE__ */ jsxs(Col, { children: [
12513
- /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12514
- mergedLabels.logisticsCompanyTitle,
12515
- " ",
12516
- /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12517
- ] }),
12481
+ ] })
12482
+ ] }) }),
12483
+ /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, children: [
12484
+ /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12485
+ mergedLabels.logisticsCompanyTitle,
12486
+ " ",
12487
+ /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12488
+ ] }) }),
12489
+ /* @__PURE__ */ jsxs(Col, { lg: 12, children: [
12518
12490
  /* @__PURE__ */ jsx(
12519
12491
  "div",
12520
12492
  {
@@ -12609,138 +12581,65 @@ var CardVehicleOwnerForm = ({
12609
12581
  }
12610
12582
  }
12611
12583
  ) })
12612
- ] }),
12613
- /* @__PURE__ */ jsx(
12614
- Caption1,
12615
- {
12616
- style: {
12617
- color: tokens.colorNeutralForeground3,
12618
- marginTop: "0.25rem"
12619
- },
12620
- children: mergedLabels.otherCompanyHelperText
12621
- }
12622
- )
12623
- ] })
12624
- ] }),
12625
- /* @__PURE__ */ jsxs(Row, { children: [
12626
- /* @__PURE__ */ jsx(Col, { xs: 12, md: 12, lg: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoReceiverTitle }) }),
12627
- /* @__PURE__ */ jsxs(Col, { children: [
12628
- /* @__PURE__ */ jsxs(
12629
- RadioGroup,
12630
- {
12631
- disabled,
12632
- layout: "horizontal",
12633
- value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
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
- },
12646
- children: [
12647
- /* @__PURE__ */ jsx(
12648
- Radio,
12649
- {
12650
- value: MANIFEST_ENTITY.COMPANY,
12651
- label: mergedLabels.senderTypeCompany
12652
- }
12653
- ),
12654
- /* @__PURE__ */ jsx(
12655
- Radio,
12656
- {
12657
- value: MANIFEST_ENTITY.INDIVIDUAL,
12658
- label: mergedLabels.senderTypeIndividual
12659
- }
12660
- )
12661
- ]
12662
- }
12663
- ),
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
- ] }),
12707
- /* @__PURE__ */ jsx(
12708
- Caption1,
12709
- {
12710
- style: {
12711
- color: tokens.colorNeutralForeground3,
12712
- marginTop: "0.25rem"
12713
- },
12714
- children: mergedLabels.otherCompanyHelperText
12715
- }
12716
- )
12584
+ ] })
12717
12585
  ] }),
12718
- /* @__PURE__ */ jsxs(Col, { children: [
12719
- /* @__PURE__ */ jsx("div", { style: { height: ".5rem" } }),
12720
- /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12721
- mergedLabels.totalWeightLabel,
12722
- " ",
12723
- /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12724
- ] }),
12725
- /* @__PURE__ */ jsx(
12726
- InputDynamic_default,
12727
- {
12728
- control,
12729
- disabled,
12730
- name: `owners.${index}.cargoWeight`,
12731
- placeholder: mergedLabels.inputNumberPlaceholder,
12732
- type: "number",
12733
- size: "large",
12734
- onChange: (val) => {
12735
- setValue(`owners.${index}.cargoWeight`, val);
12736
- onUpdateOwner(owner.id, {
12737
- cargoWeight: val
12738
- });
12739
- }
12586
+ /* @__PURE__ */ jsx(
12587
+ Caption1,
12588
+ {
12589
+ style: {
12590
+ color: tokens.colorNeutralForeground3,
12591
+ marginTop: "0.25rem"
12592
+ },
12593
+ children: mergedLabels.otherCompanyHelperText
12594
+ }
12595
+ )
12596
+ ] }) })
12597
+ ] }),
12598
+ /* @__PURE__ */ jsxs(Row, { children: [
12599
+ /* @__PURE__ */ jsxs(Col, { children: [
12600
+ /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.originCityLabel }),
12601
+ /* @__PURE__ */ jsx(
12602
+ InputDynamic_default,
12603
+ {
12604
+ control,
12605
+ disabled,
12606
+ name: `owners.${index}.originCity`,
12607
+ placeholder: mergedLabels.selectPlaceholder,
12608
+ type: "select",
12609
+ options: cityOriginOptions,
12610
+ size: "large",
12611
+ onChange: (val) => {
12612
+ setValue(`owners.${index}.originCity`, val);
12613
+ onUpdateOwner(owner.id, {
12614
+ originCity: val
12615
+ });
12740
12616
  }
12741
- )
12742
- ] })
12617
+ }
12618
+ )
12743
12619
  ] }),
12620
+ /* @__PURE__ */ jsxs(Col, { children: [
12621
+ /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.destinationCityLabel }),
12622
+ /* @__PURE__ */ jsx(
12623
+ InputDynamic_default,
12624
+ {
12625
+ control,
12626
+ disabled,
12627
+ name: `owners.${index}.destinationCity`,
12628
+ placeholder: mergedLabels.selectPlaceholder,
12629
+ type: "select",
12630
+ options: cityDestinationOptions,
12631
+ size: "large",
12632
+ onChange: (val) => {
12633
+ setValue(`owners.${index}.destinationCity`, val);
12634
+ onUpdateOwner(owner.id, {
12635
+ destinationCity: val
12636
+ });
12637
+ }
12638
+ }
12639
+ )
12640
+ ] })
12641
+ ] }),
12642
+ hasLoad && /* @__PURE__ */ jsxs(Fragment, { children: [
12744
12643
  /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoListTitle }) }) }),
12745
12644
  /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsxs(Col, { xs: 12, children: [
12746
12645
  /* @__PURE__ */ jsx(
@@ -12869,55 +12768,132 @@ var CardVehicleOwnerForm = ({
12869
12768
  }
12870
12769
  )
12871
12770
  ] }),
12872
- /* @__PURE__ */ jsxs(Col, { md: 3, children: [
12873
- /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoQuantityLabel }),
12874
- /* @__PURE__ */ jsxs(
12875
- "div",
12876
- {
12877
- style: {
12878
- display: "flex",
12879
- alignItems: "center",
12880
- border: `1px solid ${tokens.colorNeutralStroke1}`,
12881
- borderRadius: tokens.borderRadiusMedium,
12882
- height: "40px",
12883
- padding: "0 12px",
12884
- backgroundColor: tokens.colorNeutralBackground1
12885
- },
12886
- children: [
12887
- /* @__PURE__ */ jsx("div", { style: { flex: 0.5 } }),
12888
- /* @__PURE__ */ jsxs(
12889
- "div",
12890
- {
12891
- style: {
12892
- display: "flex",
12893
- alignItems: "center",
12894
- gap: "12px"
12895
- },
12896
- children: [
12897
- /* @__PURE__ */ jsx(
12898
- Button,
12899
- {
12900
- appearance: "transparent",
12901
- disabled,
12902
- icon: /* @__PURE__ */ jsx(
12903
- Icon,
12904
- {
12905
- icon: "fluent:subtract-circle-24-regular",
12906
- style: {
12907
- fontSize: "24px",
12908
- color: tokens.colorNeutralForeground4
12771
+ (() => {
12772
+ const type = watch(
12773
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12774
+ );
12775
+ const selectedLoadType = loadTypes.find(
12776
+ (loadType) => loadType.id === type
12777
+ );
12778
+ if (!selectedLoadType) {
12779
+ return /* @__PURE__ */ jsx(Fragment, {});
12780
+ }
12781
+ return /* @__PURE__ */ jsxs(Col, { md: 3, children: [
12782
+ /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoQuantityLabel }),
12783
+ /* @__PURE__ */ jsxs(
12784
+ "div",
12785
+ {
12786
+ style: {
12787
+ display: "flex",
12788
+ alignItems: "center",
12789
+ border: `1px solid ${tokens.colorNeutralStroke1}`,
12790
+ borderRadius: tokens.borderRadiusMedium,
12791
+ height: "40px",
12792
+ padding: "0 12px",
12793
+ backgroundColor: tokens.colorNeutralBackground1
12794
+ },
12795
+ children: [
12796
+ /* @__PURE__ */ jsx("div", { style: { flex: 0.5 } }),
12797
+ /* @__PURE__ */ jsxs(
12798
+ "div",
12799
+ {
12800
+ style: {
12801
+ display: "flex",
12802
+ alignItems: "center",
12803
+ gap: "12px"
12804
+ },
12805
+ children: [
12806
+ /* @__PURE__ */ jsx(
12807
+ Button,
12808
+ {
12809
+ appearance: "transparent",
12810
+ disabled,
12811
+ icon: /* @__PURE__ */ jsx(
12812
+ Icon,
12813
+ {
12814
+ icon: "fluent:subtract-circle-24-regular",
12815
+ style: {
12816
+ fontSize: "24px",
12817
+ color: tokens.colorNeutralForeground4
12818
+ }
12819
+ }
12820
+ ),
12821
+ "aria-label": mergedLabels.decrementQuantityAriaLabel,
12822
+ size: "small",
12823
+ onClick: () => {
12824
+ const currentVal = getValues(
12825
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12826
+ ) || 0;
12827
+ const currentQty = Number(currentVal);
12828
+ if (currentQty > 0) {
12829
+ const newVal = currentQty - 1;
12830
+ setValue(
12831
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12832
+ newVal
12833
+ );
12834
+ onUpdateCargoQuantity(
12835
+ owner.id,
12836
+ cargo.id,
12837
+ newVal
12838
+ );
12909
12839
  }
12840
+ },
12841
+ style: {
12842
+ minWidth: "32px",
12843
+ padding: "0"
12910
12844
  }
12911
- ),
12912
- "aria-label": mergedLabels.decrementQuantityAriaLabel,
12913
- size: "small",
12914
- onClick: () => {
12915
- const currentVal = getValues(
12916
- `owners.${index}.cargo.${cargoIndex}.quantity`
12917
- ) || 0;
12918
- const currentQty = Number(currentVal);
12919
- if (currentQty > 0) {
12920
- const newVal = currentQty - 1;
12845
+ }
12846
+ ),
12847
+ /* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
12848
+ Controller,
12849
+ {
12850
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12851
+ control,
12852
+ disabled,
12853
+ render: ({ field }) => /* @__PURE__ */ jsx(
12854
+ "input",
12855
+ {
12856
+ ...field,
12857
+ min: 1,
12858
+ type: "number",
12859
+ style: {
12860
+ border: "none",
12861
+ width: "100%",
12862
+ textAlign: "center",
12863
+ outline: "none",
12864
+ backgroundColor: "transparent",
12865
+ color: tokens.colorNeutralForeground1,
12866
+ fontSize: tokens.fontSizeBase400,
12867
+ fontFamily: tokens.fontFamilyBase
12868
+ },
12869
+ onWheel: (e) => e.target.blur()
12870
+ }
12871
+ )
12872
+ }
12873
+ ) }),
12874
+ /* @__PURE__ */ jsx(
12875
+ Button,
12876
+ {
12877
+ appearance: "transparent",
12878
+ disabled,
12879
+ icon: /* @__PURE__ */ jsx(
12880
+ Icon,
12881
+ {
12882
+ icon: "fluent:add-circle-24-regular",
12883
+ style: {
12884
+ fontSize: "24px",
12885
+ color: tokens.colorBrandStroke1
12886
+ }
12887
+ }
12888
+ ),
12889
+ "aria-label": mergedLabels.incrementQuantityAriaLabel,
12890
+ size: "small",
12891
+ onClick: () => {
12892
+ const currentVal = getValues(
12893
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12894
+ ) || 0;
12895
+ const currentQty = Number(currentVal);
12896
+ const newVal = currentQty + 1;
12921
12897
  setValue(
12922
12898
  `owners.${index}.cargo.${cargoIndex}.quantity`,
12923
12899
  newVal
@@ -12927,112 +12903,42 @@ var CardVehicleOwnerForm = ({
12927
12903
  cargo.id,
12928
12904
  newVal
12929
12905
  );
12906
+ },
12907
+ style: {
12908
+ minWidth: "32px",
12909
+ padding: "0"
12930
12910
  }
12931
- },
12932
- style: {
12933
- minWidth: "32px",
12934
- padding: "0"
12935
- }
12936
- }
12937
- ),
12938
- /* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
12939
- Controller,
12940
- {
12941
- name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12942
- control,
12943
- disabled,
12944
- render: ({ field }) => /* @__PURE__ */ jsx(
12945
- "input",
12946
- {
12947
- ...field,
12948
- type: "number",
12949
- style: {
12950
- border: "none",
12951
- width: "100%",
12952
- textAlign: "center",
12953
- outline: "none",
12954
- backgroundColor: "transparent",
12955
- color: tokens.colorNeutralForeground1,
12956
- fontSize: tokens.fontSizeBase400,
12957
- fontFamily: tokens.fontFamilyBase
12958
- },
12959
- onWheel: (e) => e.target.blur()
12960
- }
12961
- )
12962
- }
12963
- ) }),
12964
- /* @__PURE__ */ jsx(
12965
- Button,
12966
- {
12967
- appearance: "transparent",
12968
- disabled,
12969
- icon: /* @__PURE__ */ jsx(
12970
- Icon,
12971
- {
12972
- icon: "fluent:add-circle-24-regular",
12973
- style: {
12974
- fontSize: "24px",
12975
- color: tokens.colorBrandStroke1
12976
- }
12977
- }
12978
- ),
12979
- "aria-label": mergedLabels.incrementQuantityAriaLabel,
12980
- size: "small",
12981
- onClick: () => {
12982
- const currentVal = getValues(
12983
- `owners.${index}.cargo.${cargoIndex}.quantity`
12984
- ) || 0;
12985
- const currentQty = Number(currentVal);
12986
- const newVal = currentQty + 1;
12987
- setValue(
12988
- `owners.${index}.cargo.${cargoIndex}.quantity`,
12989
- newVal
12990
- );
12991
- onUpdateCargoQuantity(
12992
- owner.id,
12993
- cargo.id,
12994
- newVal
12995
- );
12996
- },
12997
- style: {
12998
- minWidth: "32px",
12999
- padding: "0"
13000
12911
  }
13001
- }
13002
- )
13003
- ]
13004
- }
13005
- ),
13006
- /* @__PURE__ */ jsx(
13007
- "div",
13008
- {
13009
- style: {
13010
- flex: 1,
13011
- textAlign: "left",
13012
- color: tokens.colorNeutralForeground1,
13013
- fontSize: tokens.fontSizeBase300,
13014
- paddingRight: "8px"
13015
- },
13016
- children: (() => {
13017
- const type = watch(
13018
- `owners.${index}.cargo.${cargoIndex}.cargoType`
13019
- );
13020
- if (type === "karung")
13021
- return mergedLabels.cargoTypeOptions.karung;
13022
- if (type === "kg")
13023
- return mergedLabels.cargoTypeOptions.kg;
13024
- if (type === "ton")
13025
- return mergedLabels.cargoTypeOptions.ton;
13026
- if (type === "unit")
13027
- return mergedLabels.cargoTypeOptions.unit;
13028
- return "";
13029
- })()
13030
- }
13031
- )
13032
- ]
13033
- }
13034
- )
13035
- ] }),
12912
+ )
12913
+ ]
12914
+ }
12915
+ ),
12916
+ /* @__PURE__ */ jsx(
12917
+ "div",
12918
+ {
12919
+ style: {
12920
+ flex: 1,
12921
+ textAlign: "left",
12922
+ color: tokens.colorNeutralForeground1,
12923
+ fontSize: tokens.fontSizeBase300,
12924
+ paddingRight: "8px"
12925
+ },
12926
+ children: (() => {
12927
+ const type2 = watch(
12928
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12929
+ );
12930
+ const selectedLoadType2 = loadTypes.find(
12931
+ (loadType) => loadType.id === type2
12932
+ );
12933
+ return selectedLoadType2?.unit?.name || "87";
12934
+ })()
12935
+ }
12936
+ )
12937
+ ]
12938
+ }
12939
+ )
12940
+ ] });
12941
+ })(),
13036
12942
  /* @__PURE__ */ jsxs(Col, { md: 3, children: [
13037
12943
  /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.priceLabel }),
13038
12944
  /* @__PURE__ */ jsx(