@asdp/ferryui 0.1.22-dev.10353 → 0.1.22-dev.10378
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 +17 -9
- package/dist/index.d.ts +17 -9
- package/dist/index.js +555 -456
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +555 -457
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -443,9 +443,13 @@ var MANIFEST_ENTITY = {
|
|
|
443
443
|
INDIVIDUAL: "individual"
|
|
444
444
|
};
|
|
445
445
|
var HARDCODED_ID = {
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
446
|
+
FAQ__PEMESANAN_TIKET: 1,
|
|
447
|
+
COMPANY__LAINNYA: "999999",
|
|
448
|
+
LOAD_TYPE__LAINNYA: 87
|
|
449
|
+
};
|
|
450
|
+
var HARDCODED_NAME = {
|
|
451
|
+
LOAD_TYPE__LAINNYA: "Lainnya",
|
|
452
|
+
INDUSTRY_TYPE__LAINNYA: "Lainnya"
|
|
449
453
|
};
|
|
450
454
|
var useStyles2 = makeStyles({
|
|
451
455
|
carousel: {},
|
|
@@ -12634,16 +12638,20 @@ var DEFAULT_LABELS26 = {
|
|
|
12634
12638
|
cargoItemTitle: "Muatan {index}",
|
|
12635
12639
|
commodityLabel: "Data Komoditas",
|
|
12636
12640
|
hereLinkText: "disini",
|
|
12637
|
-
|
|
12638
|
-
|
|
12641
|
+
loadTypeLabel: "Data Jenis Muatan",
|
|
12642
|
+
loadTypeOthersLabel: "Jenis Muatan Lainnya",
|
|
12643
|
+
loadTypeHelperText: 'Apabila jenis muatan belum tersedia dapat memilih "Lainnya" dan silakan isi jenis muatannya.',
|
|
12644
|
+
loadTypeOthersPlaceholder: "Masukkan Jenis Muatan",
|
|
12639
12645
|
cargoQuantityLabel: "Jumlah Muatan",
|
|
12640
12646
|
priceLabel: "Harga",
|
|
12641
12647
|
industryTypeLabel: "Data Jenis Industri",
|
|
12642
12648
|
industryTypeHelperText: 'Apabila jenis industri belum tersedia dapat memilih "Lainnya" dan silakan isi jenis industrinya.',
|
|
12649
|
+
industryTypeOthersLabel: "Jenis Industri Lainnya",
|
|
12650
|
+
industryTypeOthersPlaceholder: "Masukkan Jenis Industri",
|
|
12643
12651
|
cargoCategoryLabel: "Kategori Muatan",
|
|
12644
12652
|
deleteCargoButton: "Hapus Muatan",
|
|
12645
12653
|
addCargoButton: "Tambah Muatan",
|
|
12646
|
-
|
|
12654
|
+
loadTypeOptions: {
|
|
12647
12655
|
karung: "Karung",
|
|
12648
12656
|
kg: "Kg",
|
|
12649
12657
|
ton: "Ton",
|
|
@@ -12686,16 +12694,20 @@ var DEFAULT_LABELS26 = {
|
|
|
12686
12694
|
cargoItemTitle: "Cargo {index}",
|
|
12687
12695
|
commodityLabel: "Commodity Data",
|
|
12688
12696
|
hereLinkText: "here",
|
|
12689
|
-
|
|
12690
|
-
|
|
12697
|
+
loadTypeLabel: "Cargo Type Data",
|
|
12698
|
+
loadTypeHelperText: 'If the cargo type is not available, select "Other" and enter the cargo type.',
|
|
12699
|
+
loadTypeOthersPlaceholder: "Enter Cargo Type",
|
|
12700
|
+
loadTypeOthersLabel: "Other Cargo Type",
|
|
12691
12701
|
cargoQuantityLabel: "Cargo Quantity",
|
|
12692
12702
|
priceLabel: "Price",
|
|
12693
12703
|
industryTypeLabel: "Industry Type Data",
|
|
12694
12704
|
industryTypeHelperText: 'If the industry type is not available, select "Other" and enter the industry type.',
|
|
12705
|
+
industryTypeOthersLabel: "Other Industry Type",
|
|
12706
|
+
industryTypeOthersPlaceholder: "Enter Industry Type",
|
|
12695
12707
|
cargoCategoryLabel: "Cargo Category",
|
|
12696
12708
|
deleteCargoButton: "Delete Cargo",
|
|
12697
12709
|
addCargoButton: "Add Cargo",
|
|
12698
|
-
|
|
12710
|
+
loadTypeOptions: {
|
|
12699
12711
|
karung: "Sack",
|
|
12700
12712
|
kg: "Kg",
|
|
12701
12713
|
ton: "Ton",
|
|
@@ -12907,7 +12919,7 @@ var CardVehicleOwnerForm = ({
|
|
|
12907
12919
|
/* @__PURE__ */ jsx(
|
|
12908
12920
|
Col,
|
|
12909
12921
|
{
|
|
12910
|
-
lg: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === HARDCODED_ID.
|
|
12922
|
+
lg: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === HARDCODED_ID.COMPANY__LAINNYA ? 6 : 12,
|
|
12911
12923
|
children: /* @__PURE__ */ jsx(
|
|
12912
12924
|
InputDynamic_default,
|
|
12913
12925
|
{
|
|
@@ -12929,7 +12941,7 @@ var CardVehicleOwnerForm = ({
|
|
|
12929
12941
|
)
|
|
12930
12942
|
}
|
|
12931
12943
|
),
|
|
12932
|
-
owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === HARDCODED_ID.
|
|
12944
|
+
owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === HARDCODED_ID.COMPANY__LAINNYA && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
|
|
12933
12945
|
InputDynamic_default,
|
|
12934
12946
|
{
|
|
12935
12947
|
control,
|
|
@@ -13021,7 +13033,7 @@ var CardVehicleOwnerForm = ({
|
|
|
13021
13033
|
/* @__PURE__ */ jsx(
|
|
13022
13034
|
Col,
|
|
13023
13035
|
{
|
|
13024
|
-
lg: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === HARDCODED_ID.
|
|
13036
|
+
lg: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === HARDCODED_ID.COMPANY__LAINNYA ? 6 : 12,
|
|
13025
13037
|
children: /* @__PURE__ */ jsx(
|
|
13026
13038
|
InputDynamic_default,
|
|
13027
13039
|
{
|
|
@@ -13046,7 +13058,7 @@ var CardVehicleOwnerForm = ({
|
|
|
13046
13058
|
)
|
|
13047
13059
|
}
|
|
13048
13060
|
),
|
|
13049
|
-
owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === HARDCODED_ID.
|
|
13061
|
+
owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === HARDCODED_ID.COMPANY__LAINNYA && /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsx(
|
|
13050
13062
|
InputDynamic_default,
|
|
13051
13063
|
{
|
|
13052
13064
|
control,
|
|
@@ -13138,7 +13150,7 @@ var CardVehicleOwnerForm = ({
|
|
|
13138
13150
|
/* @__PURE__ */ jsx(
|
|
13139
13151
|
Col,
|
|
13140
13152
|
{
|
|
13141
|
-
xl: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === HARDCODED_ID.
|
|
13153
|
+
xl: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === HARDCODED_ID.COMPANY__LAINNYA ? 6 : 12,
|
|
13142
13154
|
children: /* @__PURE__ */ jsx(
|
|
13143
13155
|
InputDynamic_default,
|
|
13144
13156
|
{
|
|
@@ -13163,7 +13175,7 @@ var CardVehicleOwnerForm = ({
|
|
|
13163
13175
|
)
|
|
13164
13176
|
}
|
|
13165
13177
|
),
|
|
13166
|
-
owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === HARDCODED_ID.
|
|
13178
|
+
owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY && owner.logisticsEntity === HARDCODED_ID.COMPANY__LAINNYA && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
|
|
13167
13179
|
InputDynamic_default,
|
|
13168
13180
|
{
|
|
13169
13181
|
control,
|
|
@@ -13281,471 +13293,557 @@ var CardVehicleOwnerForm = ({
|
|
|
13281
13293
|
(cargo) => `cargo-${cargo.id}`
|
|
13282
13294
|
) || [],
|
|
13283
13295
|
multiple: true,
|
|
13284
|
-
children: owner.cargoItems?.map((cargo, cargoIndex) =>
|
|
13285
|
-
|
|
13286
|
-
|
|
13287
|
-
|
|
13288
|
-
|
|
13289
|
-
|
|
13290
|
-
|
|
13291
|
-
|
|
13292
|
-
|
|
13293
|
-
|
|
13294
|
-
|
|
13295
|
-
|
|
13296
|
-
|
|
13297
|
-
|
|
13298
|
-
|
|
13299
|
-
|
|
13300
|
-
|
|
13301
|
-
|
|
13302
|
-
|
|
13303
|
-
|
|
13304
|
-
|
|
13305
|
-
|
|
13306
|
-
|
|
13307
|
-
|
|
13308
|
-
|
|
13309
|
-
|
|
13310
|
-
|
|
13311
|
-
|
|
13312
|
-
|
|
13313
|
-
|
|
13314
|
-
|
|
13315
|
-
|
|
13316
|
-
|
|
13317
|
-
|
|
13318
|
-
|
|
13319
|
-
|
|
13320
|
-
/* @__PURE__ */ jsx(
|
|
13321
|
-
|
|
13296
|
+
children: owner.cargoItems?.map((cargo, cargoIndex) => {
|
|
13297
|
+
const watchCommodity = watch(
|
|
13298
|
+
`owners.${index}.cargo.${cargoIndex}.commodity`
|
|
13299
|
+
);
|
|
13300
|
+
const watchLoadType = watch(
|
|
13301
|
+
`owners.${index}.cargo.${cargoIndex}.loadType`
|
|
13302
|
+
);
|
|
13303
|
+
const watchIndustryType = watch(
|
|
13304
|
+
`owners.${index}.cargo.${cargoIndex}.industryType`
|
|
13305
|
+
);
|
|
13306
|
+
let _loadTypeOptions = [];
|
|
13307
|
+
if (watchCommodity && loadTypeOptionsByCommodityId[watchCommodity]) {
|
|
13308
|
+
_loadTypeOptions = loadTypeOptionsByCommodityId[watchCommodity];
|
|
13309
|
+
} else {
|
|
13310
|
+
_loadTypeOptions = loadTypeOptions.map((lt) => ({
|
|
13311
|
+
value: lt.id.toString(),
|
|
13312
|
+
label: `${lt.name}${lt.unit?.name ? ` (${lt.unit.name})` : ""}`
|
|
13313
|
+
}));
|
|
13314
|
+
}
|
|
13315
|
+
const isLoadTypeOther = _loadTypeOptions.find(
|
|
13316
|
+
(lt) => lt.value.toString() === String(watchLoadType)
|
|
13317
|
+
)?.label.startsWith(HARDCODED_NAME.LOAD_TYPE__LAINNYA);
|
|
13318
|
+
const isIndustryTypeOther = industryOptions?.find(
|
|
13319
|
+
(it) => it.value.toString() === String(watchIndustryType)
|
|
13320
|
+
)?.label === HARDCODED_NAME.INDUSTRY_TYPE__LAINNYA;
|
|
13321
|
+
return /* @__PURE__ */ jsxs(
|
|
13322
|
+
AccordionItem,
|
|
13323
|
+
{
|
|
13324
|
+
value: `cargo-${cargo.id}`,
|
|
13325
|
+
className: styles.accordion,
|
|
13326
|
+
children: [
|
|
13327
|
+
/* @__PURE__ */ jsx(
|
|
13328
|
+
AccordionHeader,
|
|
13329
|
+
{
|
|
13330
|
+
className: styles.accordionHeader,
|
|
13331
|
+
expandIconPosition: "end",
|
|
13332
|
+
children: /* @__PURE__ */ jsx(
|
|
13333
|
+
"div",
|
|
13322
13334
|
{
|
|
13323
|
-
|
|
13324
|
-
|
|
13325
|
-
|
|
13326
|
-
|
|
13327
|
-
|
|
13328
|
-
setValue(name, val);
|
|
13329
|
-
const updatedCargoItems = owner.cargoItems?.map(
|
|
13330
|
-
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13331
|
-
...c,
|
|
13332
|
-
commodity: val
|
|
13333
|
-
} : c
|
|
13334
|
-
);
|
|
13335
|
-
onUpdateOwner(owner.id, {
|
|
13336
|
-
cargoItems: updatedCargoItems
|
|
13337
|
-
});
|
|
13338
|
-
setValue(
|
|
13339
|
-
`owners.${index}.cargo.${cargoIndex}.cargoType`,
|
|
13340
|
-
""
|
|
13341
|
-
);
|
|
13335
|
+
style: {
|
|
13336
|
+
display: "flex",
|
|
13337
|
+
justifyContent: "space-between",
|
|
13338
|
+
alignItems: "center",
|
|
13339
|
+
width: "100%"
|
|
13342
13340
|
},
|
|
13343
|
-
|
|
13344
|
-
|
|
13345
|
-
|
|
13346
|
-
|
|
13347
|
-
size: "large"
|
|
13341
|
+
children: /* @__PURE__ */ jsx(Body1Strong, { children: mergedLabels.cargoItemTitle.replace(
|
|
13342
|
+
"{index}",
|
|
13343
|
+
(cargoIndex + 1).toString()
|
|
13344
|
+
) })
|
|
13348
13345
|
}
|
|
13349
13346
|
)
|
|
13350
|
-
|
|
13351
|
-
|
|
13352
|
-
|
|
13353
|
-
|
|
13354
|
-
|
|
13355
|
-
/* @__PURE__ */
|
|
13347
|
+
}
|
|
13348
|
+
),
|
|
13349
|
+
/* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
|
|
13350
|
+
/* @__PURE__ */ jsxs(Row, { children: [
|
|
13351
|
+
/* @__PURE__ */ jsxs(Col, { md: isLoadTypeOther ? 4 : 6, children: [
|
|
13352
|
+
/* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
|
|
13353
|
+
mergedLabels.commodityLabel,
|
|
13354
|
+
" ",
|
|
13355
|
+
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13356
|
+
] }),
|
|
13357
|
+
/* @__PURE__ */ jsx(
|
|
13358
|
+
InputDynamic_default,
|
|
13359
|
+
{
|
|
13360
|
+
control,
|
|
13361
|
+
disabled,
|
|
13362
|
+
name: `owners.${index}.cargo.${cargoIndex}.commodity`,
|
|
13363
|
+
onChange: (val) => {
|
|
13364
|
+
const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
|
|
13365
|
+
setValue(name, val);
|
|
13366
|
+
const updatedCargoItems = owner.cargoItems?.map(
|
|
13367
|
+
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13368
|
+
...c,
|
|
13369
|
+
commodity: val
|
|
13370
|
+
} : c
|
|
13371
|
+
);
|
|
13372
|
+
onUpdateOwner(owner.id, {
|
|
13373
|
+
cargoItems: updatedCargoItems
|
|
13374
|
+
});
|
|
13375
|
+
setValue(
|
|
13376
|
+
`owners.${index}.cargo.${cargoIndex}.loadType`,
|
|
13377
|
+
""
|
|
13378
|
+
);
|
|
13379
|
+
},
|
|
13380
|
+
options: commodityOptions,
|
|
13381
|
+
placeholder: mergedLabels.selectPlaceholder,
|
|
13382
|
+
required: true,
|
|
13383
|
+
type: "select",
|
|
13384
|
+
size: "large"
|
|
13385
|
+
}
|
|
13386
|
+
)
|
|
13356
13387
|
] }),
|
|
13357
|
-
/* @__PURE__ */
|
|
13358
|
-
|
|
13359
|
-
|
|
13360
|
-
|
|
13361
|
-
|
|
13362
|
-
|
|
13363
|
-
|
|
13364
|
-
|
|
13365
|
-
|
|
13366
|
-
|
|
13367
|
-
|
|
13368
|
-
const updatedCargoItems = owner.cargoItems?.map(
|
|
13369
|
-
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13370
|
-
...c,
|
|
13371
|
-
cargoType: val
|
|
13372
|
-
} : c
|
|
13373
|
-
);
|
|
13374
|
-
onUpdateOwner(owner.id, {
|
|
13375
|
-
cargoItems: updatedCargoItems
|
|
13376
|
-
});
|
|
13377
|
-
},
|
|
13378
|
-
options: (() => {
|
|
13379
|
-
const selectedCommodityId = watch(
|
|
13388
|
+
/* @__PURE__ */ jsxs(Col, { md: isLoadTypeOther ? 4 : 6, children: [
|
|
13389
|
+
/* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
|
|
13390
|
+
mergedLabels.loadTypeLabel,
|
|
13391
|
+
" ",
|
|
13392
|
+
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13393
|
+
] }),
|
|
13394
|
+
/* @__PURE__ */ jsx(
|
|
13395
|
+
InputDynamic_default,
|
|
13396
|
+
{
|
|
13397
|
+
control,
|
|
13398
|
+
disabled: disabled || (getValues(
|
|
13380
13399
|
`owners.${index}.cargo.${cargoIndex}.commodity`
|
|
13381
|
-
)
|
|
13382
|
-
|
|
13383
|
-
|
|
13384
|
-
|
|
13385
|
-
|
|
13386
|
-
|
|
13387
|
-
|
|
13388
|
-
|
|
13389
|
-
|
|
13390
|
-
|
|
13391
|
-
|
|
13392
|
-
|
|
13393
|
-
|
|
13394
|
-
|
|
13395
|
-
|
|
13396
|
-
|
|
13397
|
-
|
|
13398
|
-
|
|
13399
|
-
|
|
13400
|
-
|
|
13401
|
-
|
|
13402
|
-
|
|
13403
|
-
|
|
13404
|
-
|
|
13405
|
-
|
|
13406
|
-
|
|
13407
|
-
|
|
13408
|
-
|
|
13409
|
-
|
|
13410
|
-
|
|
13411
|
-
|
|
13412
|
-
|
|
13413
|
-
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13400
|
+
) || "") === "",
|
|
13401
|
+
name: `owners.${index}.cargo.${cargoIndex}.loadType`,
|
|
13402
|
+
onChange: (val) => {
|
|
13403
|
+
const name = `owners.${index}.cargo.${cargoIndex}.loadType`;
|
|
13404
|
+
setValue(name, val);
|
|
13405
|
+
const updatedCargoItems = owner.cargoItems?.map(
|
|
13406
|
+
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13407
|
+
...c,
|
|
13408
|
+
loadType: val
|
|
13409
|
+
} : c
|
|
13410
|
+
);
|
|
13411
|
+
onUpdateOwner(owner.id, {
|
|
13412
|
+
cargoItems: updatedCargoItems
|
|
13413
|
+
});
|
|
13414
|
+
},
|
|
13415
|
+
options: _loadTypeOptions,
|
|
13416
|
+
placeholder: mergedLabels.selectPlaceholder,
|
|
13417
|
+
required: true,
|
|
13418
|
+
size: "large",
|
|
13419
|
+
type: "select"
|
|
13420
|
+
}
|
|
13421
|
+
),
|
|
13422
|
+
/* @__PURE__ */ jsx(
|
|
13423
|
+
Caption1,
|
|
13424
|
+
{
|
|
13425
|
+
style: {
|
|
13426
|
+
color: tokens.colorNeutralForeground3,
|
|
13427
|
+
marginTop: "0.25rem"
|
|
13428
|
+
},
|
|
13429
|
+
children: mergedLabels.loadTypeHelperText
|
|
13430
|
+
}
|
|
13431
|
+
)
|
|
13414
13432
|
] }),
|
|
13415
|
-
/* @__PURE__ */
|
|
13416
|
-
|
|
13417
|
-
|
|
13418
|
-
|
|
13419
|
-
|
|
13420
|
-
|
|
13421
|
-
|
|
13422
|
-
|
|
13423
|
-
|
|
13424
|
-
|
|
13425
|
-
|
|
13426
|
-
|
|
13427
|
-
|
|
13428
|
-
|
|
13429
|
-
|
|
13430
|
-
|
|
13431
|
-
|
|
13432
|
-
|
|
13433
|
-
|
|
13434
|
-
|
|
13435
|
-
|
|
13436
|
-
|
|
13437
|
-
|
|
13438
|
-
|
|
13439
|
-
|
|
13440
|
-
|
|
13441
|
-
|
|
13442
|
-
|
|
13443
|
-
|
|
13444
|
-
|
|
13445
|
-
|
|
13446
|
-
|
|
13447
|
-
|
|
13448
|
-
|
|
13449
|
-
}
|
|
13450
|
-
)
|
|
13433
|
+
isLoadTypeOther && /* @__PURE__ */ jsxs(Col, { xl: 4, children: [
|
|
13434
|
+
/* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
|
|
13435
|
+
mergedLabels.loadTypeOthersLabel,
|
|
13436
|
+
" ",
|
|
13437
|
+
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13438
|
+
] }),
|
|
13439
|
+
/* @__PURE__ */ jsx(
|
|
13440
|
+
InputDynamic_default,
|
|
13441
|
+
{
|
|
13442
|
+
control,
|
|
13443
|
+
disabled,
|
|
13444
|
+
name: `owners.${index}.cargo.${cargoIndex}.loadTypeOther`,
|
|
13445
|
+
placeholder: mergedLabels.loadTypeOthersPlaceholder,
|
|
13446
|
+
required: true,
|
|
13447
|
+
size: "large",
|
|
13448
|
+
type: "text",
|
|
13449
|
+
onChange: (val) => {
|
|
13450
|
+
setValue(
|
|
13451
|
+
`owners.${index}.cargo.${cargoIndex}.loadTypeOther`,
|
|
13452
|
+
val
|
|
13453
|
+
);
|
|
13454
|
+
const updatedCargoItems = owner.cargoItems?.map(
|
|
13455
|
+
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13456
|
+
...c,
|
|
13457
|
+
loadTypeOther: val
|
|
13458
|
+
} : c
|
|
13459
|
+
);
|
|
13460
|
+
onUpdateOwner(owner.id, {
|
|
13461
|
+
cargoItems: updatedCargoItems
|
|
13462
|
+
});
|
|
13463
|
+
}
|
|
13464
|
+
}
|
|
13465
|
+
)
|
|
13466
|
+
] })
|
|
13451
13467
|
] }),
|
|
13452
|
-
/* @__PURE__ */ jsxs(
|
|
13453
|
-
/* @__PURE__ */ jsxs(
|
|
13454
|
-
|
|
13455
|
-
|
|
13456
|
-
|
|
13457
|
-
|
|
13458
|
-
|
|
13459
|
-
|
|
13460
|
-
|
|
13461
|
-
|
|
13462
|
-
|
|
13463
|
-
|
|
13464
|
-
|
|
13465
|
-
|
|
13466
|
-
|
|
13467
|
-
|
|
13468
|
-
|
|
13469
|
-
|
|
13470
|
-
|
|
13471
|
-
|
|
13472
|
-
|
|
13473
|
-
|
|
13474
|
-
|
|
13475
|
-
|
|
13476
|
-
|
|
13477
|
-
|
|
13478
|
-
|
|
13479
|
-
|
|
13480
|
-
|
|
13481
|
-
|
|
13482
|
-
|
|
13483
|
-
|
|
13484
|
-
|
|
13485
|
-
|
|
13486
|
-
|
|
13487
|
-
Button,
|
|
13488
|
-
{
|
|
13489
|
-
disabled,
|
|
13490
|
-
icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:delete-24-regular" }),
|
|
13491
|
-
onClick: (e) => {
|
|
13492
|
-
e.stopPropagation();
|
|
13493
|
-
onDeleteCargo(owner.id, cargo.id);
|
|
13494
|
-
},
|
|
13495
|
-
onKeyDown: (e) => {
|
|
13496
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
13497
|
-
e.stopPropagation();
|
|
13498
|
-
onDeleteCargo(owner.id, cargo.id);
|
|
13499
|
-
}
|
|
13500
|
-
},
|
|
13501
|
-
size: "medium",
|
|
13502
|
-
shape: "circular",
|
|
13503
|
-
style: {
|
|
13504
|
-
border: `1px solid ${tokens.colorPaletteRedForeground1}`,
|
|
13505
|
-
color: tokens.colorPaletteRedForeground1,
|
|
13506
|
-
width: "100%"
|
|
13507
|
-
},
|
|
13508
|
-
children: mergedLabels.deleteCargoButton
|
|
13509
|
-
}
|
|
13510
|
-
) }) }),
|
|
13511
|
-
(() => {
|
|
13512
|
-
const type = watch(
|
|
13513
|
-
`owners.${index}.cargo.${cargoIndex}.cargoType`
|
|
13514
|
-
);
|
|
13515
|
-
const _selectedLoadType = loadTypes.find(
|
|
13516
|
-
(loadType) => loadType.id.toString() === type
|
|
13517
|
-
);
|
|
13518
|
-
if (!_selectedLoadType) return null;
|
|
13519
|
-
return /* @__PURE__ */ jsxs(Row, { children: [
|
|
13520
|
-
/* @__PURE__ */ jsxs(Col, { md: 12, children: [
|
|
13521
|
-
/* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoQuantityLabel }),
|
|
13522
|
-
/* @__PURE__ */ jsxs(
|
|
13523
|
-
"div",
|
|
13468
|
+
/* @__PURE__ */ jsxs(Row, { children: [
|
|
13469
|
+
/* @__PURE__ */ jsxs(Col, { md: isIndustryTypeOther ? 4 : 6, children: [
|
|
13470
|
+
/* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
|
|
13471
|
+
mergedLabels.industryTypeLabel,
|
|
13472
|
+
" ",
|
|
13473
|
+
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13474
|
+
] }),
|
|
13475
|
+
/* @__PURE__ */ jsx(
|
|
13476
|
+
InputDynamic_default,
|
|
13477
|
+
{
|
|
13478
|
+
control,
|
|
13479
|
+
disabled,
|
|
13480
|
+
name: `owners.${index}.cargo.${cargoIndex}.industryType`,
|
|
13481
|
+
options: industryOptions,
|
|
13482
|
+
onChange: (val) => {
|
|
13483
|
+
const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
|
|
13484
|
+
setValue(name, val);
|
|
13485
|
+
const updatedCargoItems = owner.cargoItems?.map(
|
|
13486
|
+
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13487
|
+
...c,
|
|
13488
|
+
industryType: val
|
|
13489
|
+
} : c
|
|
13490
|
+
);
|
|
13491
|
+
onUpdateOwner(owner.id, {
|
|
13492
|
+
cargoItems: updatedCargoItems
|
|
13493
|
+
});
|
|
13494
|
+
},
|
|
13495
|
+
placeholder: mergedLabels.selectPlaceholder,
|
|
13496
|
+
required: true,
|
|
13497
|
+
size: "large",
|
|
13498
|
+
type: "select"
|
|
13499
|
+
}
|
|
13500
|
+
),
|
|
13501
|
+
/* @__PURE__ */ jsx(
|
|
13502
|
+
Caption1,
|
|
13524
13503
|
{
|
|
13525
13504
|
style: {
|
|
13526
|
-
|
|
13527
|
-
|
|
13528
|
-
border: `1px solid ${tokens.colorNeutralStroke1}`,
|
|
13529
|
-
borderRadius: tokens.borderRadiusMedium,
|
|
13530
|
-
height: "40px",
|
|
13531
|
-
padding: "0 12px",
|
|
13532
|
-
backgroundColor: tokens.colorNeutralBackground1
|
|
13505
|
+
color: tokens.colorNeutralForeground3,
|
|
13506
|
+
marginTop: "0.25rem"
|
|
13533
13507
|
},
|
|
13534
|
-
children:
|
|
13535
|
-
|
|
13536
|
-
|
|
13537
|
-
|
|
13538
|
-
|
|
13539
|
-
|
|
13540
|
-
|
|
13541
|
-
|
|
13542
|
-
|
|
13543
|
-
|
|
13544
|
-
|
|
13545
|
-
|
|
13546
|
-
|
|
13547
|
-
|
|
13548
|
-
|
|
13549
|
-
|
|
13550
|
-
|
|
13551
|
-
|
|
13552
|
-
|
|
13553
|
-
|
|
13554
|
-
|
|
13555
|
-
|
|
13556
|
-
|
|
13557
|
-
|
|
13558
|
-
|
|
13559
|
-
|
|
13560
|
-
|
|
13561
|
-
|
|
13562
|
-
|
|
13563
|
-
|
|
13564
|
-
|
|
13565
|
-
|
|
13566
|
-
|
|
13567
|
-
|
|
13568
|
-
|
|
13569
|
-
|
|
13570
|
-
|
|
13571
|
-
|
|
13572
|
-
|
|
13573
|
-
|
|
13574
|
-
|
|
13575
|
-
|
|
13576
|
-
|
|
13577
|
-
|
|
13578
|
-
|
|
13579
|
-
|
|
13580
|
-
|
|
13581
|
-
|
|
13582
|
-
|
|
13583
|
-
|
|
13584
|
-
|
|
13585
|
-
|
|
13586
|
-
|
|
13587
|
-
|
|
13588
|
-
|
|
13589
|
-
|
|
13590
|
-
|
|
13591
|
-
|
|
13592
|
-
|
|
13593
|
-
|
|
13594
|
-
|
|
13595
|
-
|
|
13596
|
-
|
|
13597
|
-
|
|
13598
|
-
|
|
13599
|
-
|
|
13600
|
-
|
|
13601
|
-
|
|
13602
|
-
|
|
13603
|
-
|
|
13604
|
-
|
|
13605
|
-
|
|
13606
|
-
|
|
13607
|
-
|
|
13608
|
-
|
|
13609
|
-
|
|
13610
|
-
|
|
13611
|
-
|
|
13612
|
-
|
|
13613
|
-
|
|
13614
|
-
|
|
13615
|
-
|
|
13616
|
-
|
|
13617
|
-
|
|
13618
|
-
|
|
13619
|
-
|
|
13620
|
-
|
|
13621
|
-
|
|
13622
|
-
|
|
13623
|
-
|
|
13624
|
-
|
|
13625
|
-
|
|
13626
|
-
|
|
13508
|
+
children: mergedLabels.industryTypeHelperText
|
|
13509
|
+
}
|
|
13510
|
+
)
|
|
13511
|
+
] }),
|
|
13512
|
+
isIndustryTypeOther && /* @__PURE__ */ jsxs(Col, { xl: 4, children: [
|
|
13513
|
+
/* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
|
|
13514
|
+
mergedLabels.industryTypeOthersLabel,
|
|
13515
|
+
" ",
|
|
13516
|
+
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13517
|
+
] }),
|
|
13518
|
+
/* @__PURE__ */ jsx(
|
|
13519
|
+
InputDynamic_default,
|
|
13520
|
+
{
|
|
13521
|
+
control,
|
|
13522
|
+
disabled,
|
|
13523
|
+
name: `owners.${index}.cargo.${cargoIndex}.industryTypeOther`,
|
|
13524
|
+
placeholder: mergedLabels.industryTypeOthersPlaceholder,
|
|
13525
|
+
required: true,
|
|
13526
|
+
size: "large",
|
|
13527
|
+
type: "text",
|
|
13528
|
+
onChange: (val) => {
|
|
13529
|
+
setValue(
|
|
13530
|
+
`owners.${index}.cargo.${cargoIndex}.industryTypeOther`,
|
|
13531
|
+
val
|
|
13532
|
+
);
|
|
13533
|
+
const updatedCargoItems = owner.cargoItems?.map(
|
|
13534
|
+
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13535
|
+
...c,
|
|
13536
|
+
industryTypeOther: val
|
|
13537
|
+
} : c
|
|
13538
|
+
);
|
|
13539
|
+
onUpdateOwner(owner.id, {
|
|
13540
|
+
cargoItems: updatedCargoItems
|
|
13541
|
+
});
|
|
13542
|
+
}
|
|
13543
|
+
}
|
|
13544
|
+
)
|
|
13545
|
+
] }),
|
|
13546
|
+
/* @__PURE__ */ jsxs(Col, { md: isIndustryTypeOther ? 4 : 6, children: [
|
|
13547
|
+
/* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
|
|
13548
|
+
mergedLabels.cargoCategoryLabel,
|
|
13549
|
+
" ",
|
|
13550
|
+
/* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
13551
|
+
] }),
|
|
13552
|
+
/* @__PURE__ */ jsx(
|
|
13553
|
+
InputDynamic_default,
|
|
13554
|
+
{
|
|
13555
|
+
control,
|
|
13556
|
+
disabled,
|
|
13557
|
+
name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
|
|
13558
|
+
options: loadCategoryOptions,
|
|
13559
|
+
onChange: (val) => {
|
|
13560
|
+
const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
|
|
13561
|
+
setValue(name, val);
|
|
13562
|
+
const updatedCargoItems = owner.cargoItems?.map(
|
|
13563
|
+
(c, cIdx) => cIdx === cargoIndex ? {
|
|
13564
|
+
...c,
|
|
13565
|
+
cargoCategory: val
|
|
13566
|
+
} : c
|
|
13567
|
+
);
|
|
13568
|
+
onUpdateOwner(owner.id, {
|
|
13569
|
+
cargoItems: updatedCargoItems
|
|
13570
|
+
});
|
|
13571
|
+
},
|
|
13572
|
+
placeholder: mergedLabels.selectPlaceholder,
|
|
13573
|
+
required: true,
|
|
13574
|
+
size: "large",
|
|
13575
|
+
type: "select"
|
|
13576
|
+
}
|
|
13577
|
+
)
|
|
13578
|
+
] })
|
|
13579
|
+
] }),
|
|
13580
|
+
/* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Col, { children: (owner.cargoItems?.length || 0) > 1 && /* @__PURE__ */ jsx(
|
|
13581
|
+
Button,
|
|
13582
|
+
{
|
|
13583
|
+
disabled,
|
|
13584
|
+
icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:delete-24-regular" }),
|
|
13585
|
+
onClick: (e) => {
|
|
13586
|
+
e.stopPropagation();
|
|
13587
|
+
onDeleteCargo(owner.id, cargo.id);
|
|
13588
|
+
},
|
|
13589
|
+
onKeyDown: (e) => {
|
|
13590
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
13591
|
+
e.stopPropagation();
|
|
13592
|
+
onDeleteCargo(
|
|
13593
|
+
owner.id,
|
|
13594
|
+
cargo.id
|
|
13595
|
+
);
|
|
13596
|
+
}
|
|
13597
|
+
},
|
|
13598
|
+
size: "medium",
|
|
13599
|
+
shape: "circular",
|
|
13600
|
+
style: {
|
|
13601
|
+
border: `1px solid ${tokens.colorPaletteRedForeground1}`,
|
|
13602
|
+
color: tokens.colorPaletteRedForeground1,
|
|
13603
|
+
width: "100%"
|
|
13604
|
+
},
|
|
13605
|
+
children: mergedLabels.deleteCargoButton
|
|
13606
|
+
}
|
|
13607
|
+
) }) }),
|
|
13608
|
+
(() => {
|
|
13609
|
+
const type = watch(
|
|
13610
|
+
`owners.${index}.cargo.${cargoIndex}.loadType`
|
|
13611
|
+
);
|
|
13612
|
+
const _selectedLoadType = loadTypes.find(
|
|
13613
|
+
(loadType) => loadType.id.toString() === type
|
|
13614
|
+
);
|
|
13615
|
+
if (!_selectedLoadType) return null;
|
|
13616
|
+
return /* @__PURE__ */ jsxs(Row, { children: [
|
|
13617
|
+
/* @__PURE__ */ jsxs(Col, { md: 12, children: [
|
|
13618
|
+
/* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoQuantityLabel }),
|
|
13619
|
+
/* @__PURE__ */ jsxs(
|
|
13620
|
+
"div",
|
|
13621
|
+
{
|
|
13622
|
+
style: {
|
|
13623
|
+
display: "flex",
|
|
13624
|
+
alignItems: "center",
|
|
13625
|
+
border: `1px solid ${tokens.colorNeutralStroke1}`,
|
|
13626
|
+
borderRadius: tokens.borderRadiusMedium,
|
|
13627
|
+
height: "40px",
|
|
13628
|
+
padding: "0 12px",
|
|
13629
|
+
backgroundColor: tokens.colorNeutralBackground1
|
|
13630
|
+
},
|
|
13631
|
+
children: [
|
|
13632
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 0.5 } }),
|
|
13633
|
+
/* @__PURE__ */ jsxs(
|
|
13634
|
+
"div",
|
|
13635
|
+
{
|
|
13636
|
+
style: {
|
|
13637
|
+
display: "flex",
|
|
13638
|
+
alignItems: "center",
|
|
13639
|
+
gap: "12px"
|
|
13640
|
+
},
|
|
13641
|
+
children: [
|
|
13642
|
+
/* @__PURE__ */ jsx(
|
|
13643
|
+
Button,
|
|
13644
|
+
{
|
|
13645
|
+
appearance: "transparent",
|
|
13646
|
+
disabled,
|
|
13647
|
+
icon: /* @__PURE__ */ jsx(
|
|
13648
|
+
Icon,
|
|
13649
|
+
{
|
|
13650
|
+
icon: "fluent:subtract-circle-24-regular",
|
|
13651
|
+
style: {
|
|
13652
|
+
fontSize: "24px",
|
|
13653
|
+
color: tokens.colorNeutralForeground4
|
|
13627
13654
|
}
|
|
13628
|
-
}
|
|
13629
|
-
|
|
13630
|
-
|
|
13631
|
-
|
|
13632
|
-
|
|
13655
|
+
}
|
|
13656
|
+
),
|
|
13657
|
+
"aria-label": mergedLabels.decrementQuantityAriaLabel,
|
|
13658
|
+
size: "small",
|
|
13659
|
+
onClick: () => {
|
|
13660
|
+
const currentVal = getValues(
|
|
13661
|
+
`owners.${index}.cargo.${cargoIndex}.quantity`
|
|
13662
|
+
) || 0;
|
|
13663
|
+
const currentQty = Number(currentVal);
|
|
13664
|
+
if (currentQty > 1) {
|
|
13665
|
+
const newVal = currentQty - 1;
|
|
13666
|
+
setValue(
|
|
13667
|
+
`owners.${index}.cargo.${cargoIndex}.quantity`,
|
|
13668
|
+
newVal
|
|
13633
13669
|
);
|
|
13634
|
-
field.onChange(e);
|
|
13635
13670
|
onUpdateCargoQuantity(
|
|
13636
13671
|
owner.id,
|
|
13637
13672
|
cargo.id,
|
|
13638
13673
|
newVal
|
|
13639
13674
|
);
|
|
13640
13675
|
}
|
|
13676
|
+
},
|
|
13677
|
+
style: {
|
|
13678
|
+
minWidth: "32px",
|
|
13679
|
+
padding: "0"
|
|
13641
13680
|
}
|
|
13642
|
-
),
|
|
13643
|
-
rules: {
|
|
13644
|
-
required: true,
|
|
13645
|
-
validate: (val) => Number(val) > 0
|
|
13646
13681
|
}
|
|
13647
|
-
|
|
13648
|
-
|
|
13649
|
-
|
|
13650
|
-
|
|
13651
|
-
|
|
13652
|
-
|
|
13653
|
-
|
|
13654
|
-
|
|
13655
|
-
|
|
13656
|
-
|
|
13657
|
-
|
|
13658
|
-
|
|
13659
|
-
|
|
13660
|
-
|
|
13682
|
+
),
|
|
13683
|
+
/* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
|
|
13684
|
+
Controller,
|
|
13685
|
+
{
|
|
13686
|
+
name: `owners.${index}.cargo.${cargoIndex}.quantity`,
|
|
13687
|
+
control,
|
|
13688
|
+
disabled,
|
|
13689
|
+
render: ({ field }) => /* @__PURE__ */ jsx(
|
|
13690
|
+
"input",
|
|
13691
|
+
{
|
|
13692
|
+
...field,
|
|
13693
|
+
min: 1,
|
|
13694
|
+
step: "1",
|
|
13695
|
+
type: "number",
|
|
13696
|
+
style: {
|
|
13697
|
+
border: "none",
|
|
13698
|
+
width: "100%",
|
|
13699
|
+
textAlign: "center",
|
|
13700
|
+
outline: "none",
|
|
13701
|
+
backgroundColor: "transparent",
|
|
13702
|
+
color: tokens.colorNeutralForeground1,
|
|
13703
|
+
fontSize: tokens.fontSizeBase400,
|
|
13704
|
+
fontFamily: tokens.fontFamilyBase
|
|
13705
|
+
},
|
|
13706
|
+
onKeyDown: (e) => {
|
|
13707
|
+
if ([
|
|
13708
|
+
"e",
|
|
13709
|
+
"E",
|
|
13710
|
+
"+",
|
|
13711
|
+
"-",
|
|
13712
|
+
".",
|
|
13713
|
+
","
|
|
13714
|
+
].includes(e.key)) {
|
|
13715
|
+
e.preventDefault();
|
|
13716
|
+
}
|
|
13717
|
+
},
|
|
13718
|
+
onPaste: (e) => {
|
|
13719
|
+
const paste = e.clipboardData.getData(
|
|
13720
|
+
"text"
|
|
13721
|
+
);
|
|
13722
|
+
if (!/^\d+$/.test(paste)) {
|
|
13723
|
+
e.preventDefault();
|
|
13724
|
+
}
|
|
13725
|
+
},
|
|
13726
|
+
onWheel: (e) => e.target.blur(),
|
|
13727
|
+
onChange: (e) => {
|
|
13728
|
+
const newVal = Number(
|
|
13729
|
+
e.target.value
|
|
13730
|
+
);
|
|
13731
|
+
field.onChange(e);
|
|
13732
|
+
onUpdateCargoQuantity(
|
|
13733
|
+
owner.id,
|
|
13734
|
+
cargo.id,
|
|
13735
|
+
newVal
|
|
13736
|
+
);
|
|
13737
|
+
}
|
|
13661
13738
|
}
|
|
13739
|
+
),
|
|
13740
|
+
rules: {
|
|
13741
|
+
required: true,
|
|
13742
|
+
validate: (val) => Number(val) > 0
|
|
13662
13743
|
}
|
|
13663
|
-
),
|
|
13664
|
-
"aria-label": mergedLabels.incrementQuantityAriaLabel,
|
|
13665
|
-
size: "small",
|
|
13666
|
-
onClick: () => {
|
|
13667
|
-
const currentVal = getValues(
|
|
13668
|
-
`owners.${index}.cargo.${cargoIndex}.quantity`
|
|
13669
|
-
) || 0;
|
|
13670
|
-
const currentQty = Number(currentVal);
|
|
13671
|
-
const newVal = currentQty + 1;
|
|
13672
|
-
setValue(
|
|
13673
|
-
`owners.${index}.cargo.${cargoIndex}.quantity`,
|
|
13674
|
-
newVal
|
|
13675
|
-
);
|
|
13676
|
-
onUpdateCargoQuantity(
|
|
13677
|
-
owner.id,
|
|
13678
|
-
cargo.id,
|
|
13679
|
-
newVal
|
|
13680
|
-
);
|
|
13681
|
-
},
|
|
13682
|
-
style: {
|
|
13683
|
-
minWidth: "32px",
|
|
13684
|
-
padding: "0"
|
|
13685
13744
|
}
|
|
13686
|
-
}
|
|
13687
|
-
|
|
13688
|
-
|
|
13689
|
-
|
|
13690
|
-
|
|
13691
|
-
|
|
13692
|
-
|
|
13693
|
-
|
|
13694
|
-
|
|
13695
|
-
|
|
13696
|
-
|
|
13697
|
-
|
|
13698
|
-
|
|
13699
|
-
|
|
13700
|
-
|
|
13701
|
-
|
|
13702
|
-
|
|
13703
|
-
|
|
13704
|
-
|
|
13705
|
-
|
|
13706
|
-
|
|
13707
|
-
|
|
13708
|
-
|
|
13709
|
-
|
|
13710
|
-
|
|
13711
|
-
|
|
13712
|
-
|
|
13713
|
-
|
|
13714
|
-
|
|
13715
|
-
|
|
13716
|
-
|
|
13717
|
-
|
|
13718
|
-
|
|
13719
|
-
|
|
13720
|
-
|
|
13721
|
-
|
|
13722
|
-
|
|
13723
|
-
|
|
13724
|
-
|
|
13725
|
-
|
|
13726
|
-
|
|
13727
|
-
|
|
13728
|
-
|
|
13729
|
-
|
|
13730
|
-
|
|
13731
|
-
|
|
13732
|
-
|
|
13733
|
-
|
|
13734
|
-
|
|
13735
|
-
|
|
13736
|
-
|
|
13737
|
-
|
|
13738
|
-
|
|
13739
|
-
|
|
13740
|
-
|
|
13741
|
-
|
|
13742
|
-
|
|
13743
|
-
|
|
13744
|
-
|
|
13745
|
-
|
|
13746
|
-
|
|
13747
|
-
|
|
13748
|
-
|
|
13745
|
+
) }),
|
|
13746
|
+
/* @__PURE__ */ jsx(
|
|
13747
|
+
Button,
|
|
13748
|
+
{
|
|
13749
|
+
appearance: "transparent",
|
|
13750
|
+
disabled,
|
|
13751
|
+
icon: /* @__PURE__ */ jsx(
|
|
13752
|
+
Icon,
|
|
13753
|
+
{
|
|
13754
|
+
icon: "fluent:add-circle-24-regular",
|
|
13755
|
+
style: {
|
|
13756
|
+
fontSize: "24px",
|
|
13757
|
+
color: tokens.colorBrandStroke1
|
|
13758
|
+
}
|
|
13759
|
+
}
|
|
13760
|
+
),
|
|
13761
|
+
"aria-label": mergedLabels.incrementQuantityAriaLabel,
|
|
13762
|
+
size: "small",
|
|
13763
|
+
onClick: () => {
|
|
13764
|
+
const currentVal = getValues(
|
|
13765
|
+
`owners.${index}.cargo.${cargoIndex}.quantity`
|
|
13766
|
+
) || 0;
|
|
13767
|
+
const currentQty = Number(currentVal);
|
|
13768
|
+
const newVal = currentQty + 1;
|
|
13769
|
+
setValue(
|
|
13770
|
+
`owners.${index}.cargo.${cargoIndex}.quantity`,
|
|
13771
|
+
newVal
|
|
13772
|
+
);
|
|
13773
|
+
onUpdateCargoQuantity(
|
|
13774
|
+
owner.id,
|
|
13775
|
+
cargo.id,
|
|
13776
|
+
newVal
|
|
13777
|
+
);
|
|
13778
|
+
},
|
|
13779
|
+
style: {
|
|
13780
|
+
minWidth: "32px",
|
|
13781
|
+
padding: "0"
|
|
13782
|
+
}
|
|
13783
|
+
}
|
|
13784
|
+
)
|
|
13785
|
+
]
|
|
13786
|
+
}
|
|
13787
|
+
),
|
|
13788
|
+
/* @__PURE__ */ jsx(
|
|
13789
|
+
"div",
|
|
13790
|
+
{
|
|
13791
|
+
style: {
|
|
13792
|
+
flex: 1,
|
|
13793
|
+
textAlign: "left",
|
|
13794
|
+
color: tokens.colorNeutralForeground1,
|
|
13795
|
+
fontSize: tokens.fontSizeBase300,
|
|
13796
|
+
paddingRight: "8px"
|
|
13797
|
+
},
|
|
13798
|
+
children: (() => {
|
|
13799
|
+
const type2 = watch(
|
|
13800
|
+
`owners.${index}.cargo.${cargoIndex}.loadType`
|
|
13801
|
+
);
|
|
13802
|
+
const selectedLoadType2 = loadTypes.find(
|
|
13803
|
+
(loadType) => loadType.id.toString() === type2
|
|
13804
|
+
);
|
|
13805
|
+
return selectedLoadType2?.unit?.name;
|
|
13806
|
+
})()
|
|
13807
|
+
}
|
|
13808
|
+
)
|
|
13809
|
+
]
|
|
13810
|
+
}
|
|
13811
|
+
)
|
|
13812
|
+
] }),
|
|
13813
|
+
/* @__PURE__ */ jsxs(Col, { md: 12, children: [
|
|
13814
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 0.5 } }),
|
|
13815
|
+
/* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.priceLabel }),
|
|
13816
|
+
/* @__PURE__ */ jsx(
|
|
13817
|
+
Body2,
|
|
13818
|
+
{
|
|
13819
|
+
style: { marginTop: "0.5rem" },
|
|
13820
|
+
children: (() => {
|
|
13821
|
+
return new Intl.NumberFormat(
|
|
13822
|
+
"id-ID",
|
|
13823
|
+
{
|
|
13824
|
+
style: "currency",
|
|
13825
|
+
currency: "IDR",
|
|
13826
|
+
minimumFractionDigits: 0
|
|
13827
|
+
}
|
|
13828
|
+
).format(
|
|
13829
|
+
Number(
|
|
13830
|
+
getValues(
|
|
13831
|
+
`owners.${index}.cargo.${cargoIndex}.quantity`
|
|
13832
|
+
) || 0
|
|
13833
|
+
) * (_selectedLoadType?.price || 0)
|
|
13834
|
+
);
|
|
13835
|
+
})()
|
|
13836
|
+
}
|
|
13837
|
+
)
|
|
13838
|
+
] })
|
|
13839
|
+
] });
|
|
13840
|
+
})()
|
|
13841
|
+
] }) })
|
|
13842
|
+
]
|
|
13843
|
+
},
|
|
13844
|
+
cargo.id
|
|
13845
|
+
);
|
|
13846
|
+
})
|
|
13749
13847
|
}
|
|
13750
13848
|
),
|
|
13751
13849
|
/* @__PURE__ */ jsx(
|
|
@@ -17520,6 +17618,6 @@ var CardProfileMenu = ({
|
|
|
17520
17618
|
) });
|
|
17521
17619
|
};
|
|
17522
17620
|
|
|
17523
|
-
export { API_CONFIG, API_ERROR_MESSAGES, BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, COUNTRIES, CardAddon, CardBanner, CardBookingAddOn, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewDetail, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS8 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS9 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS18 as DateFilterDefaultLabels, EmptyContent, DEFAULT_LABELS11 as EmptyContentDefaultLabels, FileUpload_default as FileUpload, GENDER, HARDCODED_ID, HTTP_STATUS, IDENTITY_TYPE, InputDynamic_default as InputDynamic, LOAD_TYPE, MANIFEST_ENTITY, MODAL_PRESETS, MY_TICKET_STATUS, MY_TICKET_TAB, ModalFilterTicket, DEFAULT_LABELS17 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListMenuService, ModalListPassenger, ModalPassengerForm, ModalPreviewImage, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, PASSENGER_TYPE, SortMenu, Stepper, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
|
|
17621
|
+
export { API_CONFIG, API_ERROR_MESSAGES, BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, COUNTRIES, CardAddon, CardBanner, CardBookingAddOn, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewDetail, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS8 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS9 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS18 as DateFilterDefaultLabels, EmptyContent, DEFAULT_LABELS11 as EmptyContentDefaultLabels, FileUpload_default as FileUpload, GENDER, HARDCODED_ID, HARDCODED_NAME, HTTP_STATUS, IDENTITY_TYPE, InputDynamic_default as InputDynamic, LOAD_TYPE, MANIFEST_ENTITY, MODAL_PRESETS, MY_TICKET_STATUS, MY_TICKET_TAB, ModalFilterTicket, DEFAULT_LABELS17 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListMenuService, ModalListPassenger, ModalPassengerForm, ModalPreviewImage, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, PASSENGER_TYPE, SortMenu, Stepper, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
|
|
17524
17622
|
//# sourceMappingURL=index.mjs.map
|
|
17525
17623
|
//# sourceMappingURL=index.mjs.map
|