@pisell/private-materials 3.4.3 → 3.4.4

package/lib/components/eventBooking/locales.d.ts

@@ -71,6 +71,14 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.event.schedule.item.expand': string;
         'pisell2.event.schedule.item.collapse': string;
+        'pisell2.appointment.deposit': string;
+        'pisell2.appointment.deposit.agreed': string;
+        'pisell2.appointment.deposit.agree.policy': string;
+        'pisell2.appointment.deposit.and': string;
+        'pisell2.appointment.deposit.amount.tip1': string;
+        'pisell2.appointment.deposit.amount.tip2': string;
+        'pisell2.appointment.deposit.close': string;
+        'pisell2.appointment.booking.empty.data': string;
     };
     'zh-CN': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -144,6 +152,14 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.event.schedule.item.expand': string;
         'pisell2.event.schedule.item.collapse': string;
+        'pisell2.appointment.deposit': string;
+        'pisell2.appointment.deposit.agreed': string;
+        'pisell2.appointment.deposit.agree.policy': string;
+        'pisell2.appointment.deposit.and': string;
+        'pisell2.appointment.deposit.amount.tip1': string;
+        'pisell2.appointment.deposit.amount.tip2': string;
+        'pisell2.appointment.deposit.close': string;
+        'pisell2.appointment.booking.empty.data': string;
     };
     'zh-HK': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -217,6 +233,14 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.event.schedule.item.expand': string;
         'pisell2.event.schedule.item.collapse': string;
+        'pisell2.appointment.deposit': string;
+        'pisell2.appointment.deposit.agreed': string;
+        'pisell2.appointment.deposit.agree.policy': string;
+        'pisell2.appointment.deposit.and': string;
+        'pisell2.appointment.deposit.amount.tip1': string;
+        'pisell2.appointment.deposit.amount.tip2': string;
+        'pisell2.appointment.deposit.close': string;
+        'pisell2.appointment.booking.empty.data': string;
     };
 };
 export default _default;

package/lib/components/eventBooking/locales.js

@@ -94,7 +94,15 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "Capacity limit reached",
     "pisell2.event.capacity.limit.reached.tip": "One or more events in your cart are no longer available due to full capacity. Please remove unavailable events from your cart to complete checkout.",
     "pisell2.event.schedule.item.expand": "See more",
-    "pisell2.event.schedule.item.collapse": "See less"
+    "pisell2.event.schedule.item.collapse": "See less",
+    "pisell2.appointment.deposit": "Deposit",
+    "pisell2.appointment.deposit.agreed": "I have read and agree to the ",
+    "pisell2.appointment.deposit.agree.policy": "You need to agree the policy to proceed",
+    "pisell2.appointment.deposit.and": " & ",
+    "pisell2.appointment.deposit.amount.tip1": " needs to be paid as deposit.",
+    "pisell2.appointment.deposit.amount.tip2": " ",
+    "pisell2.appointment.deposit.close": "Close",
+    "pisell2.appointment.booking.empty.data": "No data"
   },
   "zh-CN": {
     "pisell2.event.calendar.limit.unavailable": "不可预约",
@@ -167,7 +175,15 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "活动名额已满",
     "pisell2.event.capacity.limit.reached.tip": "购物车中有一个或多个活动已达预约上限，请将已满额的活动从购物车中移除后再完成结算。",
     "pisell2.event.schedule.item.expand": "查看更多",
-    "pisell2.event.schedule.item.collapse": "收起"
+    "pisell2.event.schedule.item.collapse": "收起",
+    "pisell2.appointment.deposit": "定金",
+    "pisell2.appointment.deposit.agreed": "我已阅读并同意 ",
+    "pisell2.appointment.deposit.agree.policy": "您需要同意协议才能继续",
+    "pisell2.appointment.deposit.and": " 和 ",
+    "pisell2.appointment.deposit.amount.tip1": "请支付 ",
+    "pisell2.appointment.deposit.amount.tip2": " 定金。",
+    "pisell2.appointment.deposit.close": "关闭",
+    "pisell2.appointment.booking.empty.data": "暂无数据"
   },
   "zh-HK": {
     "pisell2.event.calendar.limit.unavailable": "不可預約",
@@ -240,6 +256,14 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "活動名額已滿",
     "pisell2.event.capacity.limit.reached.tip": "購物車中有一個或多個活動已達預約上限，請將已滿額的活動從購物車中移除後再完成結算。",
     "pisell2.event.schedule.item.expand": "查看更多",
-    "pisell2.event.schedule.item.collapse": "收起"
+    "pisell2.event.schedule.item.collapse": "收起",
+    "pisell2.appointment.deposit": "定金",
+    "pisell2.appointment.deposit.agreed": "我已閱讀並同意 ",
+    "pisell2.appointment.deposit.agree.policy": "您需要同意協議才能繼續",
+    "pisell2.appointment.deposit.and": " 和 ",
+    "pisell2.appointment.deposit.amount.tip1": "請支付 ",
+    "pisell2.appointment.deposit.amount.tip2": " 定金。",
+    "pisell2.appointment.deposit.close": "关闭",
+    "pisell2.appointment.booking.empty.data": "暫無數據"
   }
 };

package/lib/components/pay/toC/PaymentMethods/GlobePayAliPayH5/index.js

@@ -37,11 +37,14 @@ var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_ThreedsLoading = __toESM(require("../MWCreditCard/TDSPay/ThreedsLoading"));
 var import_serve = require("./serve");
+var import_model = require("../../model");
 var import_payGroup = require("../../payGroup");
 var import_index = require("./index.less");
 var GlobePayAliPayH5 = (props, ref) => {
+  const { state } = (0, import_react.useContext)(import_model.Context);
   const { onChange } = props;
   const [open, setOpen] = (0, import_react.useState)(false);
+  const [showSuccessBackButton, setShowSuccessBackButton] = (0, import_react.useState)(false);
   const init = async ({ payGroup }) => {
     setOpen(true);
     const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
@@ -54,6 +57,7 @@ var GlobePayAliPayH5 = (props, ref) => {
       const url = data.url || (data == null ? void 0 : data.pay_url);
       if (url) {
         (0, import_payGroup.setPayNumber)(payGroup == null ? void 0 : payGroup.order_id, data == null ? void 0 : data.pay_number);
+        setShowSuccessBackButton(true);
         window.location.href = url;
       } else {
         setOpen(false);
@@ -68,6 +72,12 @@ var GlobePayAliPayH5 = (props, ref) => {
       init
     })
   );
+  const handleSuccessBack = () => {
+    var _a;
+    (_a = state.payCallback) == null ? void 0 : _a.call(state, {
+      key: "success"
+    });
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
@@ -81,7 +91,9 @@ var GlobePayAliPayH5 = (props, ref) => {
     /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
       import_ThreedsLoading.default,
       {
-        title: import_utils.locales.getText("tocPay.text.redirectingToAlipay")
+        title: import_utils.locales.getText("tocPay.text.redirectingToAlipay"),
+        onSuccessBack: handleSuccessBack,
+        showSuccessBackButton
       }
     ))
   );

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const ThreedsLoading: ({ title }: any) => JSX.Element;
+declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => JSX.Element;
 export default ThreedsLoading;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.js

@@ -36,7 +36,7 @@ var import_react = __toESM(require("react"));
 var import_useEngineContext = __toESM(require("../../../../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
-var ThreedsLoading = ({ title }) => {
+var ThreedsLoading = ({ title, showSuccessBackButton, onSuccessBack }) => {
   var _a;
   const context = (0, import_useEngineContext.default)();
   const { config } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
@@ -47,6 +47,6 @@ var ThreedsLoading = ({ title }) => {
       src: config.static + "/static/stripe_loading.gif",
       alt: ""
     }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "threeds-loading-title" }, title || import_utils.locales.getText("tocPay.text.waitingForBankVerification")));
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "threeds-loading-title" }, title || import_utils.locales.getText("tocPay.text.waitingForBankVerification")), showSuccessBackButton && /* @__PURE__ */ import_react.default.createElement("div", { onClick: onSuccessBack, className: "threeds-loading-success-back-button" }, import_utils.locales.getText("tocPay.text.successBack")));
 };
 var ThreedsLoading_default = ThreedsLoading;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.less

@@ -21,4 +21,12 @@
     line-height: 20px;
     color: #353535;
   }
+
+  .threeds-loading-success-back-button {
+    margin-top: 20px;
+    color: #4b6b99;
+    font-size: 15px;
+    font-weight: bold;
+    line-height: 20px;
+  }
 }

package/lib/components/pay/toC/PaymentMethods/SuperPayAliPayH5/index.js

@@ -37,14 +37,17 @@ var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_ThreedsLoading = __toESM(require("../MWCreditCard/TDSPay/ThreedsLoading"));
 var import_serve = require("./serve");
+var import_model = require("../../model");
 var import_payGroup = require("../../payGroup");
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_utils2 = require("../../utils");
 var SuperPayAliPayH5 = (props, ref) => {
   var _a;
+  const { state } = (0, import_react.useContext)(import_model.Context);
   const { onChange } = props;
   const [open, setOpen] = (0, import_react.useState)(false);
+  const [showSuccessBackButton, setShowSuccessBackButton] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const init = async ({ payGroup }) => {
@@ -62,6 +65,7 @@ var SuperPayAliPayH5 = (props, ref) => {
       const data = await (0, import_serve.getAliPayUrl)(payGroup.order_id, values);
       if (data == null ? void 0 : data.pay_url) {
         (0, import_payGroup.setPayNumber)(payGroup == null ? void 0 : payGroup.order_id, data == null ? void 0 : data.pay_number);
+        setShowSuccessBackButton(true);
         window.location.href = data == null ? void 0 : data.pay_url;
       } else {
         setOpen(false);
@@ -76,6 +80,12 @@ var SuperPayAliPayH5 = (props, ref) => {
       init
     })
   );
+  const handleSuccessBack = () => {
+    var _a2;
+    (_a2 = state.payCallback) == null ? void 0 : _a2.call(state, {
+      key: "success"
+    });
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
@@ -89,7 +99,9 @@ var SuperPayAliPayH5 = (props, ref) => {
     /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
       import_ThreedsLoading.default,
       {
-        title: import_utils.locales.getText("tocPay.text.redirectingToAlipay")
+        title: import_utils.locales.getText("tocPay.text.redirectingToAlipay"),
+        onSuccessBack: handleSuccessBack,
+        showSuccessBackButton
       }
     ))
   );

package/lib/components/pay/toC/PaymentMethods/WalletPass/serve.d.ts

@@ -0,0 +1,113 @@
+export declare type MachineCodeListParams = {
+    order_id: number | string;
+    available: number;
+    prepare_payments: {
+        voucher_id: number;
+        amount: number;
+        tag: string;
+    }[];
+    filter_prepare_wallet_pass: 1 | 0;
+    sale_channel: string;
+    other_exact_codes?: string[];
+};
+export declare type WalletPassDataType = {
+    id: number;
+    shop_id: number;
+    customer_id: number;
+    code: string;
+    encoded: string;
+    status: string;
+    cover: string;
+    tag: string;
+    relation_type: string;
+    product_id: number;
+    limit_status: string;
+    sales_status: number;
+    par_value: string;
+    used_par_value: string;
+    start_date: string;
+    expire_date: string;
+    end_time: string;
+    start_time: string;
+    created_at: string;
+    product_name: string;
+    expire_time: string;
+    available_max_par_value: string;
+    available_max_amount: string;
+    recommended_usage_amount: string;
+    custom_expire_status: number;
+    wallet_pass_usage_unit: WalletPassUsageUnit;
+    custom_order_deduct_exhausted: number;
+    available_product_status: number;
+    available_product_ids: any[];
+    available_product_type: string;
+    available_num: number;
+    available_product_title: string;
+    unified_available_status: number;
+    unified_messages: UnifiedMessages;
+    external_card: any[];
+    product: Product;
+    shop: Shop;
+    wallet_pass_usage?: any;
+    balance_par_value: string;
+};
+declare type Shop = {
+    id: number;
+    name: string;
+    default_url: string;
+};
+declare type Product = {
+    id: number;
+    title: string;
+    cover: string;
+    is_charge_tax: number;
+};
+declare type UnifiedMessages = {
+    title: string;
+    desc: string;
+    alert: string;
+};
+declare type WalletPassUsageUnit = {
+    price: number;
+    points: number;
+};
+/**
+ * 查询支付识别码列表
+ */
+export declare const getMachineCodeList: (params: MachineCodeListParams) => Promise<WalletPassDataType[]>;
+/**
+ * 获取推荐的支付识别码
+ */
+export declare const getRecommendMachineCodeList: (order_id: number) => Promise<WalletPassDataType[]>;
+/**
+ * 搜索支付识别码
+ */
+export declare const searchMachineCodeList: (params: {
+    order_id: number | string;
+    code: string;
+    sale_channel: string;
+    prepare_payments: {
+        voucher_id: number;
+        amount: number;
+        tag: string;
+    }[];
+    filter_prepare_wallet_pass: 1 | 0;
+}) => Promise<WalletPassDataType[]>;
+/**
+ * walletpass支付
+ */
+export declare const walletPassPay: (params: {
+    order_id: number | string;
+    payment_group_id: number;
+    payments: {
+        amount: string;
+        wallet_pass_use_value: string;
+        voucher_id: number;
+        tag: string;
+        wallet_pass_usage_unit: {
+            price: number;
+            points: number;
+        };
+    }[];
+}) => Promise<WalletPassDataType[]>;
+export {};

package/lib/components/pay/toC/locales.d.ts

@@ -35,6 +35,7 @@ declare const _default: {
         'tocPay.text.done': string;
         'tocPay.text.manageCard': string;
         'tocPay.text.waitingForBankVerification': string;
+        'tocPay.text.successBack': string;
         'tocPay.text.redirectingToAlipay': string;
         'tocPay.text.redirectingToPaypal': string;
         'tocPay.text.redirectingToWeChatPay': string;
@@ -130,6 +131,7 @@ declare const _default: {
         'tocPay.text.done': string;
         'tocPay.text.manageCard': string;
         'tocPay.text.waitingForBankVerification': string;
+        'tocPay.text.successBack': string;
         'tocPay.text.redirectingToAlipay': string;
         'tocPay.text.redirectingToPaypal': string;
         'tocPay.text.redirectingToWeChatPay': string;
@@ -224,6 +226,7 @@ declare const _default: {
         'tocPay.text.done': string;
         'tocPay.text.manageCard': string;
         'tocPay.text.waitingForBankVerification': string;
+        'tocPay.text.successBack': string;
         'tocPay.text.redirectingToAlipay': string;
         'tocPay.text.redirectingToPaypal': string;
         'tocPay.text.redirectingToWeChatPay': string;

package/lib/components/pay/toC/locales.js

@@ -59,6 +59,7 @@ var locales_default = {
     "tocPay.text.done": "Done",
     "tocPay.text.manageCard": "Manage card",
     "tocPay.text.waitingForBankVerification": "Waiting for bank verification, please wait for 5-10 seconds. You may be redirected to the card issuing bank’s verification page to authorize this payment.",
+    "tocPay.text.successBack": "Payment completed, return to order",
     "tocPay.text.redirectingToAlipay": "Redirecting to Alipay, please wait...",
     "tocPay.text.redirectingToPaypal": "Redirecting to Paypal, please wait...",
     "tocPay.text.redirectingToWeChatPay": "Redirecting to WeChat Pay, please wait...",
@@ -154,6 +155,7 @@ var locales_default = {
     "tocPay.text.done": "完成",
     "tocPay.text.manageCard": "管理卡片",
     "tocPay.text.waitingForBankVerification": "正在等待银行校验，请静候5-10秒左右。您可能被转入开卡行的持卡人校验页面来授权本次支付。",
+    "tocPay.text.successBack": "已支付完成返回查看订单",
     "tocPay.text.redirectingToAlipay": "正在转入支付宝支付，请稍候...",
     "tocPay.text.redirectingToPaypal": "正在转入Paypal支付，请稍候...",
     "tocPay.text.redirectingToWeChatPay": "正在转入微信支付，请稍候...",
@@ -248,6 +250,7 @@ var locales_default = {
     "tocPay.text.done": "完成",
     "tocPay.text.manageCard": "管理卡片",
     "tocPay.text.waitingForBankVerification": "正在等待銀行校驗，請靜候5-10秒左右。您可能被轉入開卡行的持卡人校驗頁面來授權本次支付。",
+    "tocPay.text.successBack": "已支付完成返回查看訂單",
     "tocPay.text.redirectingToAlipay": "正在轉入支付寶支付，請稍候...",
     "tocPay.text.redirectingToPaypal": "正在轉入Paypal支付，請稍候...",
     "tocPay.text.redirectingToWeChatPay": "正在轉入微信支付，請稍候...",

package/lib/components/pay/toC/utils.d.ts

@@ -0,0 +1,57 @@
+import { PayGroup } from "./model";
+import { WalletPassDataType } from "./PaymentMethods/WalletPass/serve";
+/**
+ * 计算walletPass列表数据的总金额
+ * @param list
+ */
+export declare const calcWalletPassListAmount: (list: any[]) => any;
+/**
+ * 将walletPass列表数据转换为prepare_payments需要的数据格式
+ * @param list
+ */
+export declare const formatWalletPassList2PreparePayments: (list?: any[]) => {
+    voucher_id: any;
+    amount: number;
+    tag: any;
+}[];
+/**
+ *  walletPass支付params
+ * @param payGroup
+ */
+export declare const formatWalletPassParams: (payGroup: PayGroup) => {
+    order_id: string;
+    payment_group_id: number;
+    payments: {
+        amount: string;
+        wallet_pass_use_value: any;
+        voucher_id: any;
+        tag: any;
+        wallet_pass_usage_unit: any;
+    }[];
+};
+/**
+ * @title: 获取是否walletPass和三方支付的组合支付
+ * @description: 三方支付 (stripe  支付宝 微信  苹果 谷歌)
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-08-30 10:06:17
+ */
+export declare const getIsWalletPassAndTripartitePayment: (payGroup: PayGroup) => boolean | 0 | undefined;
+export declare const isFranchiseeShop: (path?: any, history?: any) => any;
+/**
+ * @title: 获取当前连锁加盟店铺shopid
+ * @description:
+ * @param {any} param1
+ * @return {*}
+ * @Author: chensheng.gu
+ * @Date: 2024-08-07 10:04
+ */
+export declare const getFranchiseeShopId: (path?: any, history?: any) => number;
+export declare const formatFranchiseeRoute: (url: string, history?: any) => string;
+export declare const getAvailableMaxAmount: (data: WalletPassDataType) => string;
+export declare const clientPayment: (params: {
+    order_id: number;
+    type: "aliPay" | "wxPay";
+    values: any;
+    interaction?: any;
+}) => void;

package/lib/components/schedules/utils.d.ts

@@ -17,6 +17,6 @@ declare let modal: Omit<ModalStaticFunctions, "warn">;
 export declare const setModal: (m: Omit<ModalStaticFunctions, "warn">) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
 }>;
 export { modal };

package/lib/components/schedules/utils.js

@@ -27,8 +27,8 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var Request = class {
-  request = {};
   constructor() {
+    this.request = {};
   }
   setRequest(val) {
     this.request = val;

package/lib/components/shoppingCart/components/Cart/Product.d.ts

@@ -0,0 +1,3 @@
+import { ProductProps } from '../../type';
+declare const Product: (props: ProductProps) => JSX.Element;
+export default Product;

package/lib/components/ticketBooking/components/menuBar/index.js

@@ -35,8 +35,21 @@ module.exports = __toCommonJS(menuBar_exports);
 var import_react = __toESM(require("react"));
 var import_useNetworkStatus = require("../../hooks/useNetworkStatus");
 var import_index = require("./index.less");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
 var index = () => {
   const status = (0, import_useNetworkStatus.useNetworkStatus)();
+  const items = [
+    {
+      key: "1",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
+      children: [
+        { key: "reload", label: import_utils.locales.getText("pisell2.ticket-booking.reload") }
+      ]
+    }
+  ];
   const getStatusText = (status2) => {
     switch (status2) {
       case import_useNetworkStatus.NetworkStatus.GOOD:
@@ -47,7 +60,12 @@ var index = () => {
         return "Offline";
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+  const handleClick = ({ key }) => {
+    if (key === "reload") {
+      window.location.reload();
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -82,6 +100,28 @@ var index = () => {
         "stroke-linejoin": "round"
       }
     )
-  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "network-status", style: { background: import_useNetworkStatus.NetworkStatusColor[status] } }, getStatusText(status))));
+  )))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.ConfigProvider,
+    {
+      theme: {
+        components: {
+          Menu: {
+            collapsedIconSize: 32,
+            itemHeight: 48,
+            groupTitleFontSize: 16,
+            fontSize: 16
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Menu, { className: "pisell-ticket-booking-menu", mode: "inline", theme: "dark", inlineCollapsed: true, items, onClick: handleClick })
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "network-status",
+      style: { background: import_useNetworkStatus.NetworkStatusColor[status] }
+    },
+    getStatusText(status)
+  )));
 };
 var menuBar_default = index;

package/lib/components/ticketBooking/components/menuBar/index.less

@@ -3,6 +3,14 @@
   padding-left: 6px;
   width: 86px;
   position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-bottom: 44px;
+
+  .pisell-ticket-booking-menu {
+    background-color: transparent;
+  }
 
   .logo-wrapper {
     margin-top: 24px;