@pisell/private-materials 6.2.26 → 6.2.27

package/lib/components/booking/materiels/startTime/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 interface StartTimeProps extends SelectProps {
     locale?: string;

package/lib/components/booking/notes/addNote/index.d.ts

@@ -0,0 +1,3 @@
+import "./index.less";
+declare const AddNote: ({ value, onChange, title, placeholder }: any) => JSX.Element;
+export default AddNote;

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

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;

package/lib/components/eftpos/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

package/lib/components/eftpos/group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/lib/components/eftpos/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/lib/components/eftpos/surcharge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

package/lib/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/app.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PosProps, RouteType } from './const';
 declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: (props: {
     status: string;
     pedding?: string;

package/lib/components/eftposPay/device.d.ts

@@ -10,7 +10,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "loading" | "success" | "warn" | "fail" | "question";
+        status: "success" | "warn" | "loading" | "fail" | "question";
     };
 };
 /**
@@ -295,10 +295,10 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
+        mode?: "query" | "pay" | "fullPay" | "refund" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
-        action?: "amount" | "pay" | "deviceList" | undefined;
+        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
+        action?: "amount" | "deviceList" | "pay" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
@@ -308,7 +308,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => JSX.Element;
 export default Status;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DayItem: (props: any) => JSX.Element;
 export default DayItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => JSX.Element;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => JSX.Element;
 export default Status;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

package/lib/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/lib/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/lib/components/schedules/components/CurrentDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/lib/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { ScheduleItem } from '../../../type';
 declare type Item = any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetailByDate: () => JSX.Element;
 export default ProductDetailByDate;

package/lib/components/schedules/products/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Products: () => JSX.Element;
 export default Products;

package/lib/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/lib/components/shoppingCart/components/Cart/Product.js

@@ -33,11 +33,12 @@ __export(Product_exports, {
 });
 module.exports = __toCommonJS(Product_exports);
 var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
+var import_productCard = __toESM(require("../../../../../../materials/src/components/productCard"));
 var import_useClearCart = __toESM(require("../../hooks/useClearCart"));
 var import_useContext = require("../../hooks/useContext");
 var import_useAddService = __toESM(require("../../hooks/useAddService"));
 var import_utils = require("../../../booking/info/service2/utils");
+var import_pisellNumberSelector = __toESM(require("../../../../pro/pisellNumberSelector"));
 var import_ahooks = require("ahooks");
 var Product = (props) => {
   const { id, lists, isAdd = true } = props;
@@ -84,26 +85,48 @@ var Product = (props) => {
     isShowChangeHolder,
     isShowEditProduct
   ]);
-  const getProductCardStyleProps = (type) => {
+  const getProductCardStyleProps = (0, import_ahooks.useMemoizedFn)((type) => {
     const conf = productCardStyleConfig[`${type}_product_card_style`];
     return {
       isShowImage: conf == null ? void 0 : conf.show_product_image,
       isShowDelete: conf == null ? void 0 : conf.show_remove_button
     };
-  };
+  });
   return (0, import_react.useMemo)(() => {
     console.log("render cart");
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists == null ? void 0 : lists.map((item) => {
-      let Comp = import_materials.ProductCard;
+      let Comp = import_productCard.default;
       let isRetail;
       if (state.scenario === "booking2") {
         isRetail = (0, import_utils.isNormalProductByDurationSchedule)(item == null ? void 0 : item._origin);
-        Comp = isRetail ? import_materials.ProductCard.V2 : import_materials.ProductCard;
+        Comp = isRetail ? import_productCard.default.V2 : import_productCard.default;
       }
       return /* @__PURE__ */ import_react.default.createElement(
         Comp,
         {
           type: isRetail ? "a2" : void 0,
+          rightActions: [
+            {
+              key: "update_number",
+              text: /* @__PURE__ */ import_react.default.createElement(
+                import_pisellNumberSelector.default,
+                {
+                  enablePriceAdjust: true,
+                  min: 1,
+                  className: "pisell-sku-card__pisell-number-setter",
+                  value: item == null ? void 0 : item.num,
+                  onChange: (value) => {
+                    if (value < 1) {
+                      handleChange(item, "num", { num: 1 });
+                    } else {
+                      handleChange(item, "num", { num: value });
+                    }
+                  }
+                }
+              ),
+              color: "#667085"
+            }
+          ],
           key: item._id,
           dataSource: item,
           onAction: (e) => onAction == null ? void 0 : onAction(e),

package/lib/components/shoppingCart/components/Cart/index.less

@@ -66,3 +66,17 @@
   //  align-items: start;
   //}
 }
+
+.pisell-sku-card__pisell-number-setter {
+  width: 110px;
+
+  .pisell-number-selector-btn {
+    flex-shrink: 0;
+  }
+
+  .pisell-number-selector-number {
+    min-width: unset !important;
+    padding: 0 !important;
+    flex: 1;
+  }
+}

package/lib/components/shoppingCart/type.d.ts

@@ -0,0 +1,49 @@
+import { CollapseProps } from 'antd';
+export interface productProps {
+    hideAddBtn?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    products?: any[];
+    holders?: any[];
+    isEdit?: boolean;
+    disabledEdit?: boolean;
+    isShowChangeResource?: boolean;
+    isShowDelete?: boolean;
+    isShowChangeHolder?: boolean;
+    isShowHolder?: boolean;
+    isShowAddHolderButton?: boolean;
+}
+export interface shoppingCartProps {
+    isOpenGroup?: boolean;
+    carts?: any[];
+    platform?: 'shop' | 'h5';
+    emptyText?: string;
+    activeKey?: string[] | number[];
+    defaultActiveKey?: string[] | number[];
+    className?: string;
+    onCard?: (e: any) => void;
+    onAction?: (e: any) => void;
+    onChange?: (items: any, type?: string, other?: any) => void;
+    onAddProduct?: (e?: any) => void;
+    onActiveKey?: (e: any) => void;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowDelete?: boolean;
+    collapseParams?: CollapseProps;
+    productParams?: productProps;
+    isHideClearCart?: boolean;
+    isParallelResource?: boolean;
+    scenario?: 'booking2';
+}
+/**
+ * @title: 商品卡片
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-29 09:52
+ */
+export interface ProductProps {
+    id?: any;
+    lists: any[];
+    isAdd?: boolean;
+}

package/lib/components/ticketBooking/components/addServiceVariant/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

package/lib/components/ticketBooking/components/addServiceVariant/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const formatVariantGroupTitle: (title: any, variant_group?: never[]) => string | undefined;
+export declare const createCacheItem: (detail: any, values: any, state: any) => any;
+export declare const isVariant: (item: any) => boolean;
+export declare const isOption: (item: any) => boolean;
+export declare const isBundle: (item: any) => boolean;
+export declare const genValues: (item: any, code: string) => any;
+export declare const setHandleSetService: (fn: ((list: any[], code: string) => void) | null) => void;
+export declare const getHandleSetService: () => ((list: any[], code: string) => void) | null;

package/lib/components/ticketBooking/components/addServiceVariant/utils.js

@@ -123,7 +123,8 @@ var isVariant = (item) => {
   return (item == null ? void 0 : item.variant_group_count) > 0 && (item == null ? void 0 : item.option_group_count) === 0;
 };
 var isOption = (item) => {
-  return (item == null ? void 0 : item.option_group_count) > 0;
+  var _a;
+  return (item == null ? void 0 : item.option_group_count) > 0 || ((_a = item == null ? void 0 : item.option_group) == null ? void 0 : _a.length) > 0;
 };
 var isBundle = (item) => {
   return (item == null ? void 0 : item.bundle_group_count) > 0;

package/lib/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+interface BookingDashboardProps {
+    bookingTimeStartBetween: string[];
+}
+declare const BookingDashboard: React.ForwardRefExoticComponent<BookingDashboardProps & React.RefAttributes<unknown>>;
+export default BookingDashboard;

package/lib/components/ticketBooking/components/bookingDataPanel/bookingList/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+export interface BookingListProps {
+    bookingTimeStartBetween: string[];
+    onBookingClick: (booking: any) => void;
+    bookingId?: number;
+}
+export interface BookingListRef {
+    refresh: () => void;
+}
+declare const BookingList: React.ForwardRefExoticComponent<BookingListProps & React.RefAttributes<BookingListRef>>;
+export default BookingList;

package/lib/components/ticketBooking/components/bookingDataPanel/bookingList/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const formatShowList: (list: any[], options: {
+    search: string;
+    listSelectType: string;
+    sort: string;
+}) => any[];
+export declare const getBookingType: (record: any) => "pisell2" | "pisell1";

package/lib/components/ticketBooking/components/bookingDataPanel/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const getPayStatusMap: () => {
+    authorized: any;
+    paid: any;
+    partially_paid: any;
+    partially_refunded: any;
+    payment_pending: any;
+    refunded: any;
+    unpaid: any;
+    voided: any;
+    payment_processing: any;
+};
+export declare const payStatusColorMap: {
+    authorized: string;
+    paid: string;
+    partially_paid: string;
+    partially_refunded: string;
+    payment_pending: string;
+    refunded: string;
+    unpaid: string;
+    voided: string;
+    payment_processing: string;
+};

package/lib/components/ticketBooking/components/bookingDataPanel/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+interface BookingDataPanelProps {
+    currentDate: string;
+    onBookingClick: (booking: any) => void;
+    bookingId?: number;
+}
+declare const BookingDataPanel: React.ForwardRefExoticComponent<BookingDataPanelProps & React.RefAttributes<unknown>>;
+export default BookingDataPanel;

package/lib/components/ticketBooking/components/bookingDataPanel/pisellFloatingPanel/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface PisellFloatingPanelProps {
+    currentDate: string;
+    onBookingClick: (booking: any) => void;
+    bookingId?: number;
+}
+export interface PisellFloatingPanelRef {
+    open: () => void;
+    close: () => void;
+    refresh: () => void;
+    getIsOpen: () => boolean;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<PisellFloatingPanelProps & React.RefAttributes<PisellFloatingPanelRef>>>;
+export default _default;

package/lib/components/ticketBooking/components/floatButtons/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+interface FloatButtonsProps {
+    items: {
+        icon: React.ReactNode;
+        onClick: () => void;
+        key: string;
+    }[];
+}
+declare const FloatButtons: (props: FloatButtonsProps) => JSX.Element;
+export default FloatButtons;

package/lib/components/ticketBooking/hooks/pisellos/bookingTicket.d.ts

@@ -0,0 +1 @@
+export declare const useBookingTicket: () => any;

package/lib/components/ticketBooking/hooks/pisellos/index.d.ts

@@ -0,0 +1,3 @@
+export * from './bookingTicket';
+export * from './useProducts';
+export * from './useCustomer';

package/lib/components/ticketBooking/hooks/pisellos/useCustomer.d.ts

@@ -0,0 +1,25 @@
+import { ClientData } from '../../../booking/info2/cartClientCard/types';
+export declare const useCustomer: (props: {
+    changeCustomerToGlobalState?: ((value: ClientData) => void) | undefined;
+}) => {
+    customers: never[];
+    selectedCustomer: ClientData | null;
+    loading: boolean;
+    error: null;
+    pagination: {
+        page: number;
+        pageSize: number;
+        total: number;
+    };
+    loadCustomers: (params?: {
+        skip?: number;
+        num?: number;
+        search?: string;
+    }) => Promise<void>;
+    changePage: (page: number, pageSize: number) => Promise<void>;
+    selectCustomer: (customer: ClientData | null) => void;
+    addCustomerToFirst: (customer: ClientData) => void;
+    initLoad: (this: any, keyword?: any) => Promise<void>;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+};

package/lib/components/ticketBooking/hooks/pisellos/useProducts.d.ts

@@ -0,0 +1,12 @@
+interface IGetProductsParams {
+    schedule_date?: string;
+    customer_id?: number;
+    menu_list_ids?: number[];
+    schedule_datetime?: string;
+}
+export declare const useProducts: () => {
+    getProducts: (params?: IGetProductsParams) => Promise<void>;
+    products: any[];
+    loading: boolean;
+};
+export {};

package/lib/components/ticketBooking/hooks/pisellos/useScanGlobalHandle.d.ts

@@ -0,0 +1,2 @@
+declare const useScanGlobalHandle: () => (data: any) => void;
+export default useScanGlobalHandle;

package/lib/components/ticketBooking/index.less

@@ -1,4 +1,4 @@
 .pisell-ticket-booking-wrapper {
   display: flex;
-  height: 100vh;
+  height: 100%;
 }