@pisell/private-materials 6.3.113 → 6.3.114

package/lib/components/authentication/admin/POSOperatorAuth/locales.js

@@ -85,35 +85,5 @@ var locales_default = {
     // Messages
     "auth.save.success": "設置保存成功",
     "auth.save.error": "設置保存失敗"
-  },
-  ja: {
-    "pos.operator.auth.title": "POSオペレーター認証",
-    "pos.operator.auth.description": "POS端末および販売時点管理システムを使用するスタッフの認証方法を設定します。",
-    "pos.operator.auth.methods.title": "認証方法",
-    "pos.operator.auth.methods.description": "POS端末および販売時点管理システムを使用するスタッフの認証方法を設定します。ドラッグして優先順位を変更します。",
-    "auth.method.digit_id_pin.title": "数字ID + PIN",
-    "auth.method.digit_id_pin.description": "従業員IDとPINコードでクイックログイン",
-    "auth.button.cancel": "キャンセル",
-    "auth.button.save": "保存",
-    "auth.button.settings": "設定",
-    "auth.category.general": "一般",
-    "auth.category.passwordFree": "パスワードなし",
-    "auth.save.success": "設定が正常に保存されました",
-    "auth.save.error": "設定の保存に失敗しました"
-  },
-  pt: {
-    "pos.operator.auth.title": "Autenticação de Operador POS",
-    "pos.operator.auth.description": "Configure métodos de autenticação para funcionários que usam terminais POS e sistemas de ponto de venda.",
-    "pos.operator.auth.methods.title": "Métodos de Autenticação",
-    "pos.operator.auth.methods.description": "Configure métodos de autenticação para funcionários que usam terminais POS e sistemas de ponto de venda. Arraste para reordenar por prioridade.",
-    "auth.method.digit_id_pin.title": "ID Digital + PIN",
-    "auth.method.digit_id_pin.description": "Login rápido com ID do funcionário e código PIN",
-    "auth.button.cancel": "Cancelar",
-    "auth.button.save": "Salvar",
-    "auth.button.settings": "Configurações",
-    "auth.category.general": "Geral",
-    "auth.category.passwordFree": "Sem senha",
-    "auth.save.success": "Configurações salvas com sucesso",
-    "auth.save.error": "Falha ao salvar configurações"
   }
 };

package/lib/components/authentication/admin/SaaSAdminAuth/locales.d.ts

@@ -50,39 +50,5 @@ declare const _default: {
         'auth.category.general': string;
         'auth.category.oauth': string;
     };
-    ja: {
-        'saas.admin.auth.title': string;
-        'saas.admin.auth.description': string;
-        'saas.admin.auth.methods.title': string;
-        'saas.admin.auth.methods.description': string;
-        'saas.admin.password.settings.title': string;
-        'saas.admin.password.settings.description': string;
-        'auth.button.cancel': string;
-        'auth.button.save': string;
-        'auth.button.settings': string;
-        'auth.save.success': string;
-        'auth.save.error': string;
-        'auth.oauth.config.message': string;
-        'auth.oauth.config.link': string;
-        'auth.category.general': string;
-        'auth.category.oauth': string;
-    };
-    pt: {
-        'saas.admin.auth.title': string;
-        'saas.admin.auth.description': string;
-        'saas.admin.auth.methods.title': string;
-        'saas.admin.auth.methods.description': string;
-        'saas.admin.password.settings.title': string;
-        'saas.admin.password.settings.description': string;
-        'auth.button.cancel': string;
-        'auth.button.save': string;
-        'auth.button.settings': string;
-        'auth.save.success': string;
-        'auth.save.error': string;
-        'auth.oauth.config.message': string;
-        'auth.oauth.config.link': string;
-        'auth.category.general': string;
-        'auth.category.oauth': string;
-    };
 };
 export default _default;

package/lib/components/authentication/admin/SaaSAdminAuth/locales.js

@@ -94,39 +94,5 @@ var locales_default = {
     // Category badges
     "auth.category.general": "通用",
     "auth.category.oauth": "OAuth"
-  },
-  ja: {
-    "saas.admin.auth.title": "SaaSプラットフォーム管理者認証",
-    "saas.admin.auth.description": "SaaSプラットフォーム管理者ポータルおよびその他の管理チャネルの認証方法を設定します。",
-    "saas.admin.auth.methods.title": "認証方法",
-    "saas.admin.auth.methods.description": "SaaSプラットフォーム管理者が利用できる認証方法を設定します。ドラッグして優先順位を変更します。",
-    "saas.admin.password.settings.title": "パスワード設定",
-    "saas.admin.password.settings.description": "SaaSプラットフォーム管理者アカウント専用のパスワード要件を設定します。これらのルールはすべてのプラットフォーム管理ユーザーに適用されます。",
-    "auth.button.cancel": "キャンセル",
-    "auth.button.save": "保存",
-    "auth.button.settings": "設定",
-    "auth.save.success": "設定が正常に保存されました",
-    "auth.save.error": "設定の保存に失敗しました",
-    "auth.oauth.config.message": "まず認証設定ページでOAuth設定を設定してください",
-    "auth.oauth.config.link": "設定をクリック",
-    "auth.category.general": "一般",
-    "auth.category.oauth": "OAuth"
-  },
-  pt: {
-    "saas.admin.auth.title": "Autenticação de Administrador da Plataforma SaaS",
-    "saas.admin.auth.description": "Configure métodos de autenticação para o portal de administrador da plataforma SaaS e outros canais administrativos.",
-    "saas.admin.auth.methods.title": "Métodos de Autenticação",
-    "saas.admin.auth.methods.description": "Configure métodos de autenticação que estarão disponíveis para administradores da plataforma SaaS. Arraste para reordenar por prioridade.",
-    "saas.admin.password.settings.title": "Configurações de Senha",
-    "saas.admin.password.settings.description": "Configure requisitos de senha especificamente para contas de administrador da plataforma SaaS. Essas regras se aplicam a todos os usuários administrativos da plataforma.",
-    "auth.button.cancel": "Cancelar",
-    "auth.button.save": "Salvar",
-    "auth.button.settings": "Configurações",
-    "auth.save.success": "Configurações salvas com sucesso",
-    "auth.save.error": "Falha ao salvar configurações",
-    "auth.oauth.config.message": "Configure as configurações OAuth na página de Configuração de Autenticação primeiro",
-    "auth.oauth.config.link": "clique para configurar",
-    "auth.category.general": "Geral",
-    "auth.category.oauth": "OAuth"
   }
 };

package/lib/components/booking/components/footer/index.js

@@ -286,9 +286,6 @@ var Footer = (props) => {
     }
     let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
     _setLoading(true);
-    const loadingTimer = setTimeout(() => {
-      _setLoading(false);
-    }, 2e4);
     const { createBooking, editBooking } = getApis();
     const editApi = state.renderType === "eventBooking" ? import_serve2.editEventBooking : editBooking;
     const createApi = state.renderType === "eventBooking" ? import_serve2.createEventBooking : createBooking;
@@ -334,7 +331,6 @@ var Footer = (props) => {
         }
       }
       state == null ? void 0 : state.callback(callbackData, type);
-      clearTimeout(loadingTimer);
       _setLoading(false);
       return callbackData || values;
     } catch (err) {
@@ -342,7 +338,6 @@ var Footer = (props) => {
       if ((err == null ? void 0 : err.code) === 70101) {
         import_antd.message.error(err == null ? void 0 : err.message);
       }
-      clearTimeout(loadingTimer);
       _setLoading(false);
     }
   };

package/lib/components/booking/components/footer/utils.js

@@ -234,7 +234,7 @@ var formatHolders = (state, item, values) => {
 var formatProductPrice = (item) => {
   var _a, _b, _c, _d;
   const other = (_a = item._extend) == null ? void 0 : _a.other;
-  let price = Number((item == null ? void 0 : item.price) ?? ((_b = item == null ? void 0 : item._extend) == null ? void 0 : _b.price));
+  let price = Number((_b = item._extend) == null ? void 0 : _b.price);
   if ((other == null ? void 0 : other.product_variant_id) > 0 && ((_c = item == null ? void 0 : item.variant) == null ? void 0 : _c.length) > 0) {
     const variant = item.variant.find(
       (d) => d.id === (other == null ? void 0 : other.product_variant_id)
@@ -280,7 +280,7 @@ var formatMetaData = (item, isMultiDayPrices) => {
 var getSourceProductPrice = (item) => {
   var _a, _b, _c;
   const other = (_a = item._extend) == null ? void 0 : _a.other;
-  let price = Number((item == null ? void 0 : item.price) ?? ((_b = item._extend) == null ? void 0 : _b.price));
+  let price = Number((_b = item._extend) == null ? void 0 : _b.price);
   if ((other == null ? void 0 : other.product_variant_id) > 0 && ((_c = item == null ? void 0 : item.variant) == null ? void 0 : _c.length) > 0) {
     const variant = item.variant.find(
       (d) => d.id === (other == null ? void 0 : other.product_variant_id)

package/lib/components/booking/editBookingModal/locales.d.ts

@@ -17,17 +17,5 @@ declare const _default: {
         'pisell2.text.booking.time-change': string;
         'pisell2.text.booking.resource-change.detail': string;
     };
-    ja: {
-        'pisell2.text.login': string;
-        'pisell2.text.booking.confirm-changes': string;
-        'pisell2.text.booking.time-change': string;
-        'pisell2.text.booking.resource-change.detail': string;
-    };
-    pt: {
-        'pisell2.text.login': string;
-        'pisell2.text.booking.confirm-changes': string;
-        'pisell2.text.booking.time-change': string;
-        'pisell2.text.booking.resource-change.detail': string;
-    };
 };
 export default _default;

package/lib/components/booking/editBookingModal/locales.js

@@ -40,17 +40,5 @@ var locales_default = {
     "pisell2.text.booking.confirm-changes": "確認預約變更",
     "pisell2.text.booking.time-change": "時間變更",
     "pisell2.text.booking.resource-change.detail": "資源變更詳情"
-  },
-  ja: {
-    "pisell2.text.login": "ログイン",
-    "pisell2.text.booking.confirm-changes": "予約変更を確認",
-    "pisell2.text.booking.time-change": "時間変更",
-    "pisell2.text.booking.resource-change.detail": "リソース変更の詳細"
-  },
-  pt: {
-    "pisell2.text.login": "Login",
-    "pisell2.text.booking.confirm-changes": "Confirmar Alterações na Reserva",
-    "pisell2.text.booking.time-change": "Alteração de Horário",
-    "pisell2.text.booking.resource-change.detail": "Detalhes da Alteração de Recurso"
   }
 };

package/lib/components/booking/editBookingModal/mock.d.ts

@@ -299,8 +299,6 @@ export declare const mockBooking: {
                             en: string;
                             "zh-CN": string;
                             "zh-HK": string;
-                            ja: string;
-                            pt: string;
                             original: string;
                         };
                         min: number;
@@ -342,8 +340,6 @@ export declare const mockBooking: {
                         auto: string;
                         "zh-CN": null;
                         "zh-HK": null;
-                        ja: null;
-                        pt: null;
                         kitchen: null;
                         original: string;
                     };
@@ -717,7 +713,7 @@ export declare const mockProps: {
         extension_id: number;
         data_type: string;
         few_day: boolean;
-        customers: ({
+        customers: {
             customer_id: number;
             nickname: string;
             cover: string;
@@ -793,8 +789,6 @@ export declare const mockProps: {
                     auto: string;
                     "zh-CN": null;
                     "zh-HK": null;
-                    ja: null;
-                    pt: null;
                     kitchen: null;
                     original: string;
                 };
@@ -805,185 +799,7 @@ export declare const mockProps: {
             order_id: number;
             extension_id: number;
             type: string;
-        } | {
-            customer_id: number;
-            nickname: string;
-            cover: string;
-            phone: string;
-            country_calling_code: string;
-            display_name: string;
-            email: string;
-            note: string;
-            order: {
-                id: number;
-                customer_id: number;
-                payment_status: string;
-                is_deposit: number;
-                type: string;
-                note: string;
-                discount_amount: string;
-                expect_amount: string;
-                payment_time: null;
-                total_amount: string;
-                deposit_amount: string;
-                product_amount: string;
-                order_time: string;
-                detail: {
-                    id: number;
-                    order_id: number;
-                    product_title: string;
-                    product_quantity: number;
-                    selling_price: string;
-                    product_id: number;
-                    extension_type: string;
-                    product_sku: {
-                        code: string;
-                        name: string;
-                        unit: string;
-                        weight: number;
-                        barcode: string;
-                        sku_ids: string;
-                        variant: never[];
-                        subtitle: {
-                            en: null;
-                            auto: string;
-                            "zh-CN": null;
-                            "zh-HK": null;
-                            ja: null;
-                            pt: null;
-                            kitchen: null;
-                            original: string;
-                        };
-                        unit_price: number;
-                        variant_id: number;
-                        unit_weight: number;
-                        open_sold_weight: number;
-                        open_box_specification: number;
-                        box_specification_quantity: number;
-                    };
-                    schedule_event_id: number;
-                    product_option_string: string;
-                }[];
-                surcharge: never[];
-                deposit_status: null;
-                total_refund_amount: string;
-                has_pay: string;
-                order_paid_amount: number;
-                paid_amount: number;
-                payment: never[];
-                surcharge_fee: number;
-                tip: never[];
-                tip_fee: number;
-            };
-            order_detail: {
-                product_id: number;
-                payment_price: string;
-                product_title: {
-                    en: null;
-                    auto: string;
-                    "zh-CN": null;
-                    "zh-HK": null;
-                    ja: null;
-                    pt: null;
-                    kitchen: null;
-                    original: string;
-                };
-                refund_quantity: number;
-                product_quantity: number;
-            };
-            event_id: number;
-            order_id: number;
-            extension_id: number;
-            type: string;
-        } | {
-            customer_id: number;
-            nickname: string;
-            cover: string;
-            phone: string;
-            country_calling_code: string;
-            display_name: string;
-            email: string;
-            note: string;
-            order: {
-                id: number;
-                customer_id: number;
-                payment_status: string;
-                is_deposit: number;
-                type: string;
-                note: string;
-                discount_amount: string;
-                expect_amount: string;
-                payment_time: null;
-                total_amount: string;
-                deposit_amount: string;
-                product_amount: string;
-                order_time: string;
-                detail: {
-                    id: number;
-                    order_id: number;
-                    product_title: string;
-                    product_quantity: number;
-                    selling_price: string;
-                    product_id: number;
-                    extension_type: string;
-                    product_sku: {
-                        code: string;
-                        name: string;
-                        unit: string;
-                        weight: number;
-                        barcode: string;
-                        sku_ids: string;
-                        variant: never[];
-                        subtitle: {
-                            en: null;
-                            auto: string;
-                            "zh-CN": null;
-                            "zh-HK": null;
-                            kitchen: null;
-                            original: string;
-                        };
-                        unit_price: number;
-                        variant_id: number;
-                        unit_weight: number;
-                        open_sold_weight: number;
-                        open_box_specification: number;
-                        box_specification_quantity: number;
-                    };
-                    schedule_event_id: number;
-                    product_option_string: string;
-                }[];
-                surcharge: never[];
-                deposit_status: null;
-                total_refund_amount: string;
-                has_pay: string;
-                order_paid_amount: number;
-                paid_amount: number;
-                payment: never[];
-                surcharge_fee: number;
-                tip: never[];
-                tip_fee: number;
-            };
-            order_detail: {
-                product_id: number;
-                payment_price: string;
-                product_title: {
-                    en: null;
-                    auto: string;
-                    "zh-CN": null;
-                    "zh-HK": null;
-                    kitchen: null;
-                    original: string;
-                    ja?: undefined;
-                    pt?: undefined;
-                };
-                refund_quantity: number;
-                product_quantity: number;
-            };
-            event_id: number;
-            order_id: number;
-            extension_id: number;
-            type: string;
-        })[];
+        }[];
         eventEditable: boolean;
     };
     fromResourceId: string;

package/lib/components/booking/editBookingModal/mock.js

@@ -447,8 +447,6 @@ var mockBooking = {
                   "en": "Guests",
                   "zh-CN": "人数",
                   "zh-HK": "人數",
-                  "ja": "ゲスト",
-                  "pt": "Convidados",
                   "original": "Guests"
                 },
                 "min": 1,
@@ -491,8 +489,6 @@ var mockBooking = {
               "auto": "",
               "zh-CN": null,
               "zh-HK": null,
-              "ja": null,
-              "pt": null,
               "kitchen": null,
               "original": ""
             },
@@ -2848,8 +2844,6 @@ var mockProps = {
             "auto": "预约商品-Wang",
             "zh-CN": null,
             "zh-HK": null,
-            "ja": null,
-            "pt": null,
             "kitchen": null,
             "original": "预约商品-Wang"
           },
@@ -2906,8 +2900,6 @@ var mockProps = {
                   "auto": "",
                   "zh-CN": null,
                   "zh-HK": null,
-                  "ja": null,
-                  "pt": null,
                   "kitchen": null,
                   "original": ""
                 },
@@ -2941,8 +2933,6 @@ var mockProps = {
             "auto": "预约商品-Wang",
             "zh-CN": null,
             "zh-HK": null,
-            "ja": null,
-            "pt": null,
             "kitchen": null,
             "original": "预约商品-Wang"
           },
@@ -2999,8 +2989,6 @@ var mockProps = {
                   "auto": "",
                   "zh-CN": null,
                   "zh-HK": null,
-                  "ja": null,
-                  "pt": null,
                   "kitchen": null,
                   "original": ""
                 },
@@ -3034,8 +3022,6 @@ var mockProps = {
             "auto": "预约商品-Wang",
             "zh-CN": null,
             "zh-HK": null,
-            "ja": null,
-            "pt": null,
             "kitchen": null,
             "original": "预约商品-Wang"
           },
@@ -3092,8 +3078,6 @@ var mockProps = {
                   "auto": "",
                   "zh-CN": null,
                   "zh-HK": null,
-                  "ja": null,
-                  "pt": null,
                   "kitchen": null,
                   "original": ""
                 },
@@ -3127,8 +3111,6 @@ var mockProps = {
             "auto": "预约商品-Wang",
             "zh-CN": null,
             "zh-HK": null,
-            "ja": null,
-            "pt": null,
             "kitchen": null,
             "original": "预约商品-Wang"
           },
@@ -3274,8 +3256,6 @@ var mockProps = {
                   "auto": "",
                   "zh-CN": null,
                   "zh-HK": null,
-                  "ja": null,
-                  "pt": null,
                   "kitchen": null,
                   "original": ""
                 },
@@ -3309,8 +3289,6 @@ var mockProps = {
             "auto": "预约商品-Wang",
             "zh-CN": null,
             "zh-HK": null,
-            "ja": null,
-            "pt": null,
             "kitchen": null,
             "original": "预约商品-Wang"
           },

package/lib/components/booking/hooks/useClearCart.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const useClearCart: (state: any, dispatch: any) => React.JSX.Element;
+declare const useClearCart: (state: any, dispatch: any) => false | React.JSX.Element;
 export default useClearCart;

package/lib/components/booking/hooks/useClearCart.js

@@ -38,50 +38,28 @@ var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var useClearCart = (state, dispatch) => {
   var _a, _b;
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const handleOpenModal = (0, import_react.useCallback)(() => {
-    setOpen(true);
-  }, []);
-  const handleConfirm = (0, import_react.useCallback)(() => {
+  const handleClear = () => {
     dispatch({
       type: "setService",
       payload: {
         value: []
       }
     });
-    setOpen(false);
-  }, []);
-  const handleCancel = (0, import_react.useCallback)(() => {
-    setOpen(false);
-  }, []);
+  };
   return (0, import_react.useMemo)(() => {
     var _a2, _b2, _c, _d;
-    const showClearBtn = !!((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) && !state.channelDisabledEdit;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showClearBtn && /* @__PURE__ */ import_react.default.createElement(
+    return !!((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) && !state.channelDisabledEdit && /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
         className: (0, import_classnames.default)("pisell-lowcode__booking-service-clear-btn", {
           ["pisell-lowcode__booking-service-clear-btn-disabled"]: !((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length)
         }),
-        onClick: handleOpenModal
+        onClick: handleClear
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-trash-01" }),
       " ",
       /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.booking.info.text.clear-cart"))
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellModal,
-      {
-        open,
-        platform: "pc",
-        title: import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.title"),
-        onOk: handleConfirm,
-        onCancel: handleCancel,
-        okText: import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.confirm"),
-        cancelText: import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.cancel"),
-        destroyOnClose: true
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "24px 0" } }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.content")))
-    ));
-  }, [(_b = (_a = state.service) == null ? void 0 : _a.value) == null ? void 0 : _b.length, state.channelDisabledEdit, open]);
+    );
+  }, [(_b = (_a = state.service) == null ? void 0 : _a.value) == null ? void 0 : _b.length, state.channelDisabledEdit]);
 };
 var useClearCart_default = useClearCart;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/header/index.js

@@ -59,37 +59,37 @@ var header = ({ state, dispatch }) => {
     {
       label: import_utils.locales.getText("pisell2.text.status.new"),
       key: "new",
-      color: "#91caff"
+      color: "#079455"
     },
     {
       label: import_utils.locales.getText("pisell2.text.status.confirmed"),
       key: "confirmed",
-      color: "#b7eb8f"
+      color: "#7F56D9"
     },
     {
       label: import_utils.locales.getText("pisell2.text.status.arrived"),
       key: "arrived",
-      color: "#d3adf7"
+      color: "#088AB2"
     },
     {
       label: import_utils.locales.getText("pisell2.text.status.started"),
       key: "started",
-      color: "#fffb8f"
+      color: "#155EEF"
     },
     {
       label: /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#D92D20" } }, import_utils.locales.getText("pisell2.text.status.cancelled")),
       key: "cancelled",
-      color: "#bfbfbf"
+      color: "#DC6803"
     },
     {
       label: /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#D92D20" } }, import_utils.locales.getText("pisell2.text.status.no_show")),
       key: "no_show",
-      color: "#ffa39e"
+      color: "#D92D20"
     },
     {
       label: import_utils.locales.getText("pisell2.text.status.completed"),
       key: "completed",
-      color: "#ffd591"
+      color: "#4A5578"
     }
   ];
   const orderSalesChannel = {

package/lib/components/booking/info/header/index.less

@@ -21,7 +21,7 @@
 
   .booking-order-sales-channel {
     width: 100%;
-    color: var(--Gray-900, #101828);
+    color: var(--Base-White, #FFF);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -37,7 +37,7 @@
   }
 
   .booking-header-left {
-    color: var(--Gray-900, #101828);
+    color: var(--Base-White, #FFF);
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
@@ -48,17 +48,17 @@
       display: flex;
       align-items: center;
       gap: 10px;
-      color: var(--Gray-900, #101828) !important;
+      color: var(--Base-White, #FFF) !important;
       font-size: 18px;
       font-style: normal;
       font-weight: 400;
       cursor: pointer;
-      border: 1px solid var(--Gray-900, #101828);
+      border: 1px solid #fff;
       padding: 4px 12px;
       border-radius: 24px;
 
       span {
-        color: var(--Gray-900, #101828) !important;
+        color: var(--Base-White, #FFF) !important;
       }
 
       .booking-header-right-status-icon {