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