@asdp/ferryui 0.1.22-dev.10384 → 0.1.22-dev.10403
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 +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +88 -48
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +88 -48
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -292,6 +292,8 @@ var foundationColors = {
|
|
|
292
292
|
"Foundation_Danger_error": "#FD3A3A"
|
|
293
293
|
};
|
|
294
294
|
var lightModeColors = {
|
|
295
|
+
"Neutral_Background_2_Hover": "#f0f0f0",
|
|
296
|
+
"Neutral_Background_3_Pressed": "#d6d6d6",
|
|
295
297
|
"Neutral_Foreground_Disabled_Rest": "#bdbdbd",
|
|
296
298
|
"Brand_Stroke_1_Rest": "#00B3BD"};
|
|
297
299
|
var tokensV2_default = {
|
|
@@ -13586,34 +13588,6 @@ var CardVehicleOwnerForm = ({
|
|
|
13586
13588
|
)
|
|
13587
13589
|
] })
|
|
13588
13590
|
] }),
|
|
13589
|
-
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { children: (owner.cargoItems?.length || 0) > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
13590
|
-
reactComponents.Button,
|
|
13591
|
-
{
|
|
13592
|
-
disabled,
|
|
13593
|
-
icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:delete-24-regular" }),
|
|
13594
|
-
onClick: (e) => {
|
|
13595
|
-
e.stopPropagation();
|
|
13596
|
-
onDeleteCargo(owner.id, cargo.id);
|
|
13597
|
-
},
|
|
13598
|
-
onKeyDown: (e) => {
|
|
13599
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
13600
|
-
e.stopPropagation();
|
|
13601
|
-
onDeleteCargo(
|
|
13602
|
-
owner.id,
|
|
13603
|
-
cargo.id
|
|
13604
|
-
);
|
|
13605
|
-
}
|
|
13606
|
-
},
|
|
13607
|
-
size: "medium",
|
|
13608
|
-
shape: "circular",
|
|
13609
|
-
style: {
|
|
13610
|
-
border: `1px solid ${reactComponents.tokens.colorPaletteRedForeground1}`,
|
|
13611
|
-
color: reactComponents.tokens.colorPaletteRedForeground1,
|
|
13612
|
-
width: "100%"
|
|
13613
|
-
},
|
|
13614
|
-
children: mergedLabels.deleteCargoButton
|
|
13615
|
-
}
|
|
13616
|
-
) }) }),
|
|
13617
13591
|
(() => {
|
|
13618
13592
|
const type = watch(
|
|
13619
13593
|
`owners.${index}.cargo.${cargoIndex}.loadType`
|
|
@@ -13846,7 +13820,35 @@ var CardVehicleOwnerForm = ({
|
|
|
13846
13820
|
)
|
|
13847
13821
|
] })
|
|
13848
13822
|
] });
|
|
13849
|
-
})()
|
|
13823
|
+
})(),
|
|
13824
|
+
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { children: (owner.cargoItems?.length || 0) > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
13825
|
+
reactComponents.Button,
|
|
13826
|
+
{
|
|
13827
|
+
disabled,
|
|
13828
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:delete-24-regular" }),
|
|
13829
|
+
onClick: (e) => {
|
|
13830
|
+
e.stopPropagation();
|
|
13831
|
+
onDeleteCargo(owner.id, cargo.id);
|
|
13832
|
+
},
|
|
13833
|
+
onKeyDown: (e) => {
|
|
13834
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
13835
|
+
e.stopPropagation();
|
|
13836
|
+
onDeleteCargo(
|
|
13837
|
+
owner.id,
|
|
13838
|
+
cargo.id
|
|
13839
|
+
);
|
|
13840
|
+
}
|
|
13841
|
+
},
|
|
13842
|
+
size: "medium",
|
|
13843
|
+
shape: "circular",
|
|
13844
|
+
style: {
|
|
13845
|
+
border: `1px solid ${reactComponents.tokens.colorPaletteRedForeground1}`,
|
|
13846
|
+
color: reactComponents.tokens.colorPaletteRedForeground1,
|
|
13847
|
+
width: "100%"
|
|
13848
|
+
},
|
|
13849
|
+
children: mergedLabels.deleteCargoButton
|
|
13850
|
+
}
|
|
13851
|
+
) }) })
|
|
13850
13852
|
] }) })
|
|
13851
13853
|
]
|
|
13852
13854
|
},
|
|
@@ -13995,7 +13997,14 @@ var useStyles28 = reactComponents.makeStyles({
|
|
|
13995
13997
|
display: "flex",
|
|
13996
13998
|
justifyContent: "space-between",
|
|
13997
13999
|
alignItems: "center",
|
|
13998
|
-
gap: "0.5em"
|
|
14000
|
+
gap: "0.5em",
|
|
14001
|
+
backgroundColor: lightModeColors.Neutral_Background_2_Hover,
|
|
14002
|
+
...reactComponents.shorthands.padding(
|
|
14003
|
+
reactComponents.tokens.spacingHorizontalM,
|
|
14004
|
+
reactComponents.tokens.spacingHorizontalMNudge
|
|
14005
|
+
),
|
|
14006
|
+
border: `${reactComponents.tokens.strokeWidthThin} solid ${lightModeColors.Neutral_Background_3_Pressed}`,
|
|
14007
|
+
borderRadius: reactComponents.tokens.borderRadiusXLarge
|
|
13999
14008
|
},
|
|
14000
14009
|
ticketTime: {
|
|
14001
14010
|
display: "flex",
|
|
@@ -14135,7 +14144,7 @@ var CardBookingTicket = ({
|
|
|
14135
14144
|
{
|
|
14136
14145
|
style: {
|
|
14137
14146
|
height: "1px",
|
|
14138
|
-
backgroundColor:
|
|
14147
|
+
backgroundColor: "tokens.colorNeutralStroke2",
|
|
14139
14148
|
margin: "1rem 0"
|
|
14140
14149
|
}
|
|
14141
14150
|
}
|
|
@@ -14167,22 +14176,47 @@ var CardBookingTicket = ({
|
|
|
14167
14176
|
/* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.bookingDetailBottom, children: [
|
|
14168
14177
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.totalPrice, children: [
|
|
14169
14178
|
/* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.totalPriceLabel }),
|
|
14170
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
14171
|
-
|
|
14172
|
-
|
|
14173
|
-
|
|
14174
|
-
|
|
14175
|
-
|
|
14176
|
-
|
|
14177
|
-
|
|
14178
|
-
|
|
14179
|
-
|
|
14180
|
-
|
|
14181
|
-
|
|
14182
|
-
|
|
14183
|
-
|
|
14184
|
-
|
|
14179
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
14180
|
+
"div",
|
|
14181
|
+
{
|
|
14182
|
+
style: {
|
|
14183
|
+
display: "flex",
|
|
14184
|
+
gap: reactComponents.tokens.spacingHorizontalL,
|
|
14185
|
+
alignItems: "center"
|
|
14186
|
+
},
|
|
14187
|
+
children: [
|
|
14188
|
+
/* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Title3, { className: styles.priceText, children: [
|
|
14189
|
+
mergedLabels.currencySymbol,
|
|
14190
|
+
" ",
|
|
14191
|
+
totalPrice
|
|
14192
|
+
] }),
|
|
14193
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14194
|
+
react.Icon,
|
|
14195
|
+
{
|
|
14196
|
+
icon: "fluent:chevron-down-24-filled",
|
|
14197
|
+
onClick: onPriceDetailClick,
|
|
14198
|
+
style: { cursor: "pointer" }
|
|
14199
|
+
}
|
|
14200
|
+
)
|
|
14201
|
+
]
|
|
14202
|
+
}
|
|
14203
|
+
)
|
|
14185
14204
|
] }),
|
|
14205
|
+
reservationStep === "review" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
14206
|
+
reactComponents.Checkbox,
|
|
14207
|
+
{
|
|
14208
|
+
label: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1, { children: [
|
|
14209
|
+
"Saya menyetujui",
|
|
14210
|
+
" ",
|
|
14211
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: brandColors[80] }, children: [
|
|
14212
|
+
" ",
|
|
14213
|
+
"Syarat & Ketentuan"
|
|
14214
|
+
] }),
|
|
14215
|
+
" ",
|
|
14216
|
+
"ferizy"
|
|
14217
|
+
] })
|
|
14218
|
+
}
|
|
14219
|
+
),
|
|
14186
14220
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.gapButton, children: [
|
|
14187
14221
|
!(paymentStep === "pay") && /* @__PURE__ */ jsxRuntime.jsx(
|
|
14188
14222
|
reactComponents.Button,
|
|
@@ -15475,7 +15509,8 @@ var useStyles34 = reactComponents.makeStyles({
|
|
|
15475
15509
|
boxShadow: "none",
|
|
15476
15510
|
border: `${reactComponents.tokens.strokeWidthThin} solid ${reactComponents.tokens.colorNeutralStroke1}`,
|
|
15477
15511
|
borderRadius: reactComponents.tokens.borderRadiusXLarge,
|
|
15478
|
-
padding: `${reactComponents.tokens.spacingHorizontalL} ${reactComponents.tokens.spacingHorizontalXXL}
|
|
15512
|
+
padding: `${reactComponents.tokens.spacingHorizontalL} ${reactComponents.tokens.spacingHorizontalXXL}`,
|
|
15513
|
+
zIndex: 10
|
|
15479
15514
|
},
|
|
15480
15515
|
titleRow: {
|
|
15481
15516
|
display: "flex",
|
|
@@ -15562,9 +15597,14 @@ var CardReviewPassenger = ({
|
|
|
15562
15597
|
] }) }) }, index)) : passengers.map((passenger, index) => {
|
|
15563
15598
|
const badgeConfig = getBadgeConfig(passenger.serviceClass);
|
|
15564
15599
|
const passengerMeta = `${passenger.ageLabel} \xB7 ${mergedLabels.idNumber} ${passenger.identityNumber}`;
|
|
15600
|
+
const passengerTitle = passenger.titleName?.trim() || "Tuan";
|
|
15565
15601
|
return /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Card, { className: styles.passengerCard, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { nogutter: true, className: styles.passengerRow, children: [
|
|
15566
15602
|
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.passengerInfo, children: [
|
|
15567
|
-
/* @__PURE__ */ jsxRuntime.
|
|
15603
|
+
/* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Subtitle2, { className: styles.passengerName, children: [
|
|
15604
|
+
passengerTitle,
|
|
15605
|
+
" ",
|
|
15606
|
+
passenger.name
|
|
15607
|
+
] }),
|
|
15568
15608
|
/* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.passengerMeta, children: passengerMeta })
|
|
15569
15609
|
] }) }),
|
|
15570
15610
|
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: "content", children: /* @__PURE__ */ jsxRuntime.jsxs(
|