@asdp/ferryui 0.1.22-dev.9698 → 0.1.22-dev.9700

package/dist/index.mjs

@@ -238,6 +238,8 @@ var fontWeight = {
 var sharedColors = {
   "Shared_Cranberry_Primary": "#c50f1f",
   "Shared_Red_Primary": "#d13438",
+  "Shared_Orange_Shade_20": "#bc4b09",
+  "Shared_Orange_Tint_60": "#fff9f5",
   "Shared_Green_Primary": "#107c10"};
 var lightModeColors = {
   "Neutral_Foreground_Disabled_Rest": "#bdbdbd",
@@ -11849,6 +11851,25 @@ var useStyles25 = makeStyles({
     height: "32px",
     zIndex: 1,
     filter: "drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1))"
+  },
+  warningBanner: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.75rem",
+    backgroundColor: sharedColors.Shared_Orange_Tint_60,
+    border: `1px solid ${sharedColors.Shared_Orange_Shade_20}`,
+    borderRadius: tokens.borderRadiusLarge,
+    padding: "0.75rem 1rem",
+    marginBottom: "1.5rem"
+  },
+  warningIcon: {
+    color: sharedColors.Shared_Orange_Shade_20,
+    flexShrink: 0,
+    display: "flex"
+  },
+  warningText: {
+    color: sharedColors.Shared_Orange_Shade_20,
+    fontSize: tokens.fontSizeBase300
   }
 });
 var CardPassengerList = ({
@@ -11867,6 +11888,10 @@ var CardPassengerList = ({
       /* @__PURE__ */ jsx(Title3, { className: styles.headerTitle, children: displayTitle }),
       /* @__PURE__ */ jsx("div", { className: styles.headerLine })
     ] }),
+    passengers.filter((p) => p.id).length !== passengers.length && /* @__PURE__ */ jsxs("div", { className: styles.warningBanner, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.warningIcon, children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:warning-20-filled", width: 24, height: 24 }) }),
+      /* @__PURE__ */ jsx("div", { className: styles.warningText, children: "Harap isi data penumpang dibawah ini untuk bisa melanjutkan pembelian tiket." })
+    ] }),
     /* @__PURE__ */ jsx("div", { className: styles.passengerList, children: passengers.map((passenger, index) => {
       const badgeConfig = getBadgeConfig(passenger.serviceName);
       return /* @__PURE__ */ jsxs(
@@ -11884,7 +11909,7 @@ var CardPassengerList = ({
           },
           children: [
             /* @__PURE__ */ jsx("div", { className: styles.passengerInfo, children: /* @__PURE__ */ jsxs(Subtitle2, { className: styles.passengerText, children: [
-              passenger.name || `${mergedLabels.passengerPrefix} ${index + 1}`,
+              passenger.fullName || `${mergedLabels.passengerPrefix} ${index + 1}`,
               " ",
               "(",
               passenger.passengerType,
@@ -11916,7 +11941,7 @@ var CardPassengerList = ({
                   /* @__PURE__ */ jsx(
                     Icon,
                     {
-                      icon: passenger.name && passenger.serviceName ? "fluent:edit-24-regular" : "fluent:chevron-right-24-regular",
+                      icon: passenger.id && passenger.serviceName ? "fluent:edit-24-regular" : "fluent:chevron-right-24-regular",
                       width: 20,
                       height: 20
                     }