@pisell/private-materials 3.0.69 → 3.0.70

package/es/components/booking/addons/index.d.ts

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: (props: any) => any;
+declare const Addons: (props: any) => JSX.Element;
 export default Addons;

package/es/components/booking/addons/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/components/footer/FooterMenus/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import "./index.less";
-declare const FooterMenus: ({ state, source }: any) => React.JSX.Element | null;
+declare const FooterMenus: ({ state, menuChange, items }: any) => React.JSX.Element | null;
 export default FooterMenus;

package/es/components/booking/components/footer/FooterMenus/index.js

@@ -1,29 +1,75 @@
-import React, { useMemo } from "react";
+import React from "react";
 import MenuButton from "../../../components/menuButton";
 import "./index.less";
-import { locales } from "@pisell/utils";
 var FooterMenus = function FooterMenus(_ref) {
   var state = _ref.state,
-    source = _ref.source;
-  var items = useMemo(function () {
-    var list = [];
-    if (source === "info" && state.bookingId && state.renderType !== "eventBooking") {
-      list.push({
-        label: locales.getText("pisell2.text.rebook"),
-        key: "rebook"
-      });
-    }
-    return list;
-  }, [state, source]);
-  var handleRebook = function handleRebook() {
-    var _state$onRebook;
-    (_state$onRebook = state.onRebook) === null || _state$onRebook === void 0 ? void 0 : _state$onRebook.call(state);
-  };
-  var menuChange = function menuChange(e) {
-    if (e.key === "rebook") {
-      handleRebook();
-    }
-  };
+    menuChange = _ref.menuChange,
+    items = _ref.items;
+  // const items = useMemo(() => {
+  // 	return [
+  // 		{
+  // 			label: "Payment link",
+  // 			key: "payment",
+  // 			children: [
+  // 				{
+  // 					label: "Send email",
+  // 					key: "sendEmail",
+  // 				},
+  // 				{
+  // 					label: "Copy to clipboard",
+  // 					key: "copyToClipboard",
+  // 				},
+  // 			],
+  // 		},
+  // 		{
+  // 			label: "Sale",
+  // 			key: "sale",
+  // 		},
+  // 		{
+  // 			label: "Print",
+  // 			key: "print",
+  // 		},
+  // 		{
+  // 			label: "Order detail",
+  // 			key: "orderDetail",
+  // 		},
+  // 		{
+  // 			label: "Refund",
+  // 			key: "refund",
+  // 		},
+  // 		{
+  // 			label: "Rebook",
+  // 			key: "rebook",
+  // 		},
+  // 		{
+  // 			label: "Cancel order",
+  // 			key: "cancelOrder",
+  // 		},
+  // 	];
+  // 	let list = [];
+  // 	if (
+  // 		source === "info" &&
+  // 		state.bookingId &&
+  // 		state.renderType !== "eventBooking"
+  // 	) {
+  // 		list.push({
+  // 			label: locales.getText("pisell2.text.rebook"),
+  // 			key: "rebook",
+  // 		});
+  // 	}
+
+  // 	return list;
+  // }, [state, source]);
+
+  // const handleRebook = () => {
+  // 	state.onRebook?.();
+  // };
+
+  // const menuChange = (e: any) => {
+  // 	if (e.key === "rebook") {
+  // 		handleRebook();
+  // 	}
+  // };
   return items.length ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-footer-buttons-item-rebook"
   }, /*#__PURE__*/React.createElement(MenuButton, {
@@ -31,6 +77,9 @@ var FooterMenus = function FooterMenus(_ref) {
     dropdownProps: {
       placement: "bottomLeft",
       menu: {
+        style: {
+          minWidth: 200
+        },
         items: items,
         onClick: menuChange
       }

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

@@ -20,7 +20,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useMemo, useState } from "react";
 import ChevronDown from "@pisell/icon/es/ChevronDown";
 import classNames from "classnames";
-import { Skeleton, message, Dropdown, Space } from "antd";
+import { Skeleton, message, Dropdown, Space, Modal } from "antd";
 import { formatAmount, locales } from "@pisell/utils";
 import { Button } from "antd";
 import { formatProducts } from "../../addons";
@@ -40,7 +40,7 @@ import { DownOutlined } from "@ant-design/icons";
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _context$appHelper, _store$getState, _store$getState$call, _store$getState$call$, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$addons2, _state$addons4, _state$bookingDetail11;
+  var _context$appHelper, _store$getState, _store$getState$call, _store$getState$call$, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$bookingConfig8, _state$bookingConfig9, _state$addons2, _state$addons4, _state$bookingDetail11;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -66,6 +66,58 @@ var Footer = function Footer(props) {
     interaction = _context$appHelper$ut.interaction,
     store = _context$appHelper$ut.store;
   var isShowPaymentLink = store === null || store === void 0 ? void 0 : (_store$getState = store.getState) === null || _store$getState === void 0 ? void 0 : (_store$getState$call = _store$getState.call(store)) === null || _store$getState$call === void 0 ? void 0 : (_store$getState$call$ = _store$getState$call.global) === null || _store$getState$call$ === void 0 ? void 0 : _store$getState$call$.paymentLinkBtnShow;
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    contextHolder = _Modal$useModal2[1];
+  var setActiveTab = state.setActiveTab;
+  var actionMap = {
+    sale: {
+      label: locales.getText("pisell2.text.addons"),
+      key: "sale"
+    },
+    paymentLink: {
+      label: locales.getText("pisell2.text.payment-link"),
+      key: "payment",
+      children: [{
+        label: locales.getText("pisell2.text.send-mail"),
+        key: "sendMail"
+      }, {
+        label: locales.getText("pisell2.text.copy-to-clipboard"),
+        key: "copy"
+      }]
+    },
+    print: {
+      label: "Print",
+      key: "print"
+    },
+    orderDetail: {
+      label: locales.getText("pisell2.text.deposit-order-detail"),
+      key: "orderDetail"
+    },
+    refund: {
+      label: locales.getText("pisell2.text.refund"),
+      key: "refund"
+    },
+    rebook: {
+      label: locales.getText("pisell2.text.rebook"),
+      key: "rebook"
+    },
+    cancelOrder: {
+      label: "Cancel order",
+      key: "cancelOrder"
+    }
+  };
+  useEffect(function () {
+    if (state.bookingDetail) {
+      state.action({
+        type: "pisell1.registerPlugin",
+        data: {
+          pluginList: ["RefundPlugin"]
+        }
+      });
+    }
+  }, [state.bookingDetail]);
   useEffect(function () {
     store === null || store === void 0 ? void 0 : store.dispatch({
       type: "global/_getPaymentLinkBtnShow"
@@ -77,6 +129,13 @@ var Footer = function Footer(props) {
     var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2;
     return (state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.basic) === null || _state$bookingConfig$2 === void 0 ? void 0 : _state$bookingConfig$2.appointment_subject) || {};
   }, [state === null || state === void 0 ? void 0 : (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 ? void 0 : (_state$bookingConfig3 = _state$bookingConfig2.config) === null || _state$bookingConfig3 === void 0 ? void 0 : (_state$bookingConfig4 = _state$bookingConfig3.basic) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.appointment_subject]);
+  var transaction_habit_selection = useMemo(function () {
+    var _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7;
+    return (state === null || state === void 0 ? void 0 : (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : (_state$bookingConfig6 = _state$bookingConfig5.config) === null || _state$bookingConfig6 === void 0 ? void 0 : (_state$bookingConfig7 = _state$bookingConfig6.information_tab) === null || _state$bookingConfig7 === void 0 ? void 0 : _state$bookingConfig7.transaction_habit_selection) || {
+      type: "service_now_pay_later",
+      button_rows: 1
+    };
+  }, [state === null || state === void 0 ? void 0 : (_state$bookingConfig8 = state.bookingConfig) === null || _state$bookingConfig8 === void 0 ? void 0 : (_state$bookingConfig9 = _state$bookingConfig8.config) === null || _state$bookingConfig9 === void 0 ? void 0 : _state$bookingConfig9.information_tab]);
 
   // addons 是否有编辑
   var addonsEdit = useMemo(function () {
@@ -415,7 +474,8 @@ var Footer = function Footer(props) {
         key: "booking_refund",
         data: {
           order_id: state.bookingId
-        }
+        },
+        origin: "/booking"
       });
     }
     state.action({
@@ -440,11 +500,21 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:57
    */
   var checkoutButton = useMemo(function () {
+    var buttonType = "primary";
+    if (transaction_habit_selection.type === "service_now_pay_later") {
+      buttonType = "default";
+    }
+    if (source === "payment") {
+      buttonType = "primary";
+    }
+    if (!isEdit) {
+      buttonType = "primary";
+    }
     return /*#__PURE__*/React.createElement(Button, {
       className: "pisell-lowcode__booking-footer-buttons-item"
       // payment页面为主按钮  info页面 编辑时默认按钮 否则是主按钮
       ,
-      type: source === "payment" ? "primary" : isEdit ? "default" : "primary",
+      type: buttonType,
       loading: checkoutLoading,
       onClick: function onClick() {
         handleCheckout();
@@ -477,6 +547,7 @@ var Footer = function Footer(props) {
             } : state.bookingDetail.customer;
           case 8:
             if (e.key === "sendMail") {
+              console.log(e);
               state.action({
                 type: "pisell1.sendPayLinkEmail",
                 data: {
@@ -508,6 +579,59 @@ var Footer = function Footer(props) {
       return _ref7.apply(this, arguments);
     };
   }();
+
+  // 重新预约
+  var handleRebook = function handleRebook() {
+    var _state$onRebook;
+    (_state$onRebook = state.onRebook) === null || _state$onRebook === void 0 ? void 0 : _state$onRebook.call(state);
+  };
+  // 销售
+  var handleSale = function handleSale() {
+    if (isTerminal !== null && isTerminal !== void 0 && isTerminal()) {
+      var _interaction$utils3, _interaction$utils3$p;
+      return interaction === null || interaction === void 0 ? void 0 : (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 ? void 0 : (_interaction$utils3$p = _interaction$utils3.postMessageToApp) === null || _interaction$utils3$p === void 0 ? void 0 : _interaction$utils3$p.call(_interaction$utils3, {
+        module: "booking",
+        key: "edit_order",
+        data: {
+          order_id: state.bookingId
+        }
+      });
+    }
+    if (state.channelDisabledEdit) {
+      modal.warning({
+        okText: locales.getText("pisell2.text.ok"),
+        content: locales.getText("pisell2.text.terminal-edit-message")
+      });
+      return;
+    }
+    setActiveTab === null || setActiveTab === void 0 ? void 0 : setActiveTab("addons");
+  };
+  // 打印
+  var handlePrint = function handlePrint() {};
+  // 订单详情
+  var handleOrderDetail = function handleOrderDetail() {
+    if (isTerminal !== null && isTerminal !== void 0 && isTerminal()) {
+      return interaction.utils.postMessageToApp({
+        module: "booking",
+        key: "view_order",
+        data: {
+          order_id: state.bookingId
+        },
+        origin: "/booking"
+      });
+    }
+    state.action({
+      type: "pisell1.goOrderDetail",
+      data: {
+        orderId: state.bookingId
+      },
+      callback: function callback() {
+        state === null || state === void 0 ? void 0 : state.callback();
+      }
+    });
+  };
+  // 取消订单
+  var handleCancel = function handleCancel() {};
   var paymentLinkButton = useMemo(function () {
     var items = [{
       label: locales.getText("pisell2.text.send-mail"),
@@ -535,9 +659,13 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:58
    */
   var saveButton = useMemo(function () {
+    var buttonType = "default";
+    if (transaction_habit_selection.type === "service_now_pay_later") {
+      buttonType = "primary";
+    }
     return /*#__PURE__*/React.createElement(Button, {
       className: "pisell-lowcode__booking-footer-buttons-item",
-      type: "primary",
+      type: buttonType,
       onClick: function onClick() {
         handleSave({
           type: "save"
@@ -565,6 +693,21 @@ var Footer = function Footer(props) {
     }, locales.getText("pisell2.text.status.completed"));
   }, [state.appointment_status]);
 
+  /**
+   * @title: Rebook按钮
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-01-30 16:58
+   */
+  var rebookButton = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      className: "pisell-lowcode__booking-footer-buttons-item",
+      onClick: handleRebook
+    }, locales.getText("pisell2.text.rebook"));
+  }, [state === null || state === void 0 ? void 0 : state.onRebook]);
+
   /**
    * @title: 退款按钮
    * @description:
@@ -585,7 +728,8 @@ var Footer = function Footer(props) {
     save: saveButton,
     complete: completeButton,
     refund: refundButton,
-    paymentLink: paymentLinkButton
+    paymentLink: paymentLinkButton,
+    rebook: rebookButton
   };
 
   /**
@@ -609,10 +753,57 @@ var Footer = function Footer(props) {
       return false;
     }
   }, [state.bookingDetail, total.notPaidAmount]);
+  var moreButton = useMemo(function () {
+    var arr = [];
+    if (!state.bookingId) {
+      return [];
+    }
+    if (source !== "info") {
+      return [];
+    }
+    if (state.renderType === "eventBooking") {
+      return [];
+    }
+    // 支付链接
+    if (state.bookingId && isShowPaymentLink) {
+      arr.push(actionMap.paymentLink);
+    }
+    if (transaction_habit_selection.button_rows == 1) {
+      if (state.appointment_status !== "cancelled") {
+        if (!state.disabledEdit) {
+          arr.push(actionMap.sale);
+        }
+      }
+    }
+
+    // if (transaction_habit_selection.button_rows == 1) {
+    // 	if (isTerminal?.()) {
+    // 		arr.push(actionMap.print);
+    // 	}
+    // }
+
+    if (transaction_habit_selection.button_rows == 1) {
+      arr.push(actionMap.orderDetail);
+    }
+
+    // 退款
+    if (total.paidAmount > 0) {
+      arr.push(actionMap.refund);
+    }
+
+    // 重新预约
+    if (state.appointment_status !== "cancelled") {
+      arr.push(actionMap.rebook);
+    }
+
+    // 取消订单
+    // arr.push(actionMap.cancelOrder);
+    return arr;
+  }, [state, total, isShowPaymentLink, source]);
   var _buttons = useMemo(function () {
     // 如果预约是取消状态,则不展示任何按钮
     if (state.appointment_status === "cancelled") {
-      return [];
+      return [buttonMap.rebook];
     }
 
     // addons 默认为新增按钮, 如果有新增数据 则添加save按钮
@@ -650,9 +841,9 @@ var Footer = function Footer(props) {
     // info
     if (source === "info") {
       var _arr3 = [];
-      if (state.bookingId && isShowPaymentLink) {
-        _arr3.push(buttonMap.paymentLink);
-      }
+      // if (state.bookingId && isShowPaymentLink) {
+      // 	arr.push(buttonMap.paymentLink);
+      // }
       // 有未支付金额 展示checkout
       if (isCheckout) {
         _arr3.push(buttonMap.checkout);
@@ -669,7 +860,7 @@ var Footer = function Footer(props) {
       return _arr3;
     }
     return [];
-  }, [buttons, total, isEdit, checkoutLoading, isDisabled, state.bookingId, source, state.appointment_status, buttonMap, loading, isCheckout]);
+  }, [buttons, total, isEdit, checkoutLoading, isDisabled, source, buttonMap, loading, isCheckout, state]);
 
   /**
    * 是否只有定金支付
@@ -788,6 +979,37 @@ var Footer = function Footer(props) {
     }
     return false;
   }, [state.bookingId, state.bookingDetail, (_state$addons4 = state.addons) === null || _state$addons4 === void 0 ? void 0 : _state$addons4.load, state.renderType]);
+  var menuChange = function menuChange(e) {
+    console.log("e.key", e.key);
+    switch (e.key) {
+      case "sendMail":
+        handleMenuClick(e);
+        break;
+      case "copy":
+        handleMenuClick(e);
+        break;
+      case "rebook":
+        handleRebook();
+        break;
+      case "sale":
+        handleSale();
+        break;
+      case "print":
+        handlePrint();
+        break;
+      case "orderDetail":
+        handleOrderDetail();
+        break;
+      case "refund":
+        handleRefund();
+        break;
+      case "cancelOrder":
+        handleCancel();
+        break;
+      default:
+        break;
+    }
+  };
   return /*#__PURE__*/React.createElement(Skeleton, {
     title: false,
     round: true,
@@ -885,9 +1107,28 @@ var Footer = function Footer(props) {
   }, formatAmount(total.totalRefundAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || "$"))) : null) : null), /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-footer-buttons"
   }, /*#__PURE__*/React.createElement(FooterMenus, {
+    items: moreButton,
     state: state,
     dispatch: dispatch,
-    source: source
-  }), _buttons));
+    source: source,
+    menuChange: menuChange
+  }), _buttons), source === "info" && state.bookingId && !state.disabledEdit && (transaction_habit_selection === null || transaction_habit_selection === void 0 ? void 0 : transaction_habit_selection.button_rows) == 2 ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-footer-buttons",
+    style: {
+      marginTop: 12
+    }
+  }, state.appointment_status !== "cancelled" ? /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleSale();
+    },
+    size: "large",
+    className: "pisell-lowcode__booking-footer-buttons-item"
+  }, actionMap.sale.label) : null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleOrderDetail();
+    },
+    size: "large",
+    className: "pisell-lowcode__booking-footer-buttons-item"
+  }, actionMap.orderDetail.label)) : null, contextHolder);
 };
 export default Footer;

package/es/components/booking/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/es/components/booking/forms/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/es/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/index.d.ts

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => any;
+declare const Booking: (props: any) => JSX.Element;
 export default Booking;

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

@@ -25,7 +25,8 @@
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
-    line-height: 20px; /* 142.857% */
+    line-height: 20px;
+    /* 142.857% */
   }
 
   .booking-header-line-2 {
@@ -34,6 +35,7 @@
     align-items: center;
     justify-content: space-between;
   }
+
   .booking-header-left {
     color: var(--Base-White, #FFF);
     font-size: 18px;
@@ -51,6 +53,10 @@
       font-style: normal;
       font-weight: 400;
       cursor: pointer;
+      border: 1px solid #fff;
+      padding: 4px 12px;
+      border-radius: 24px;
+
 
       .booking-header-right-status-icon {
         font-size: 20px;

package/es/components/booking/info/index.d.ts

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => any;
+declare const Info: (props: any) => JSX.Element;
 export default Info;

package/es/components/booking/info/index.js

@@ -30,7 +30,7 @@ var defaultModules = {
 };
 locales.init(localeTexts, localStorage.getItem("umi_locale") || "en");
 var Info = Provider(function (props) {
-  var _modal$state2, _modal$state2$booking, _modal$state2$booking2, _modal$state2$booking3, _modal$state4, _modal$state4$notes, _context$appHelper3, _context$appHelper3$u, _modal$state5, _React$createElement;
+  var _modal$state2, _modal$state2$booking, _modal$state2$booking2, _modal$state2$booking3, _modal$state4, _modal$state4$notes, _context$appHelper4, _context$appHelper4$u, _modal$state5, _React$createElement;
   // return <Payments {...props} />;
   var style = props.style,
     globalState = props.globalState,
@@ -61,7 +61,7 @@ var Info = Provider(function (props) {
     }
   }, []);
   useEffect(function () {
-    var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2;
+    var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2, _context$appHelper3, _context$appHelper3$u, _context$appHelper3$u2, _context$appHelper3$u3, _context$appHelper3$u4, _context$appHelper3$u5;
     var isFranchisee = context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : (_context$appHelper$ut = _context$appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.businessUtils) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.getAppByModal) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2, "franchisee");
     modal.dispatch({
       type: "setState",
@@ -69,7 +69,8 @@ var Info = Provider(function (props) {
         setGlobalState: props.setGlobalState
       }, globalState), {}, {
         isTerminal: context === null || context === void 0 ? void 0 : (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : (_context$appHelper2$u = _context$appHelper2.utils) === null || _context$appHelper2$u === void 0 ? void 0 : (_context$appHelper2$u2 = _context$appHelper2$u.isTerminal) === null || _context$appHelper2$u2 === void 0 ? void 0 : _context$appHelper2$u2.call(_context$appHelper2$u),
-        isFranchisee: isFranchisee
+        isFranchisee: isFranchisee,
+        timezone: context === null || context === void 0 ? void 0 : (_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 ? void 0 : (_context$appHelper3$u = _context$appHelper3.utils) === null || _context$appHelper3$u === void 0 ? void 0 : (_context$appHelper3$u2 = _context$appHelper3$u.store) === null || _context$appHelper3$u2 === void 0 ? void 0 : (_context$appHelper3$u3 = _context$appHelper3$u2.getState()) === null || _context$appHelper3$u3 === void 0 ? void 0 : (_context$appHelper3$u4 = _context$appHelper3$u3.global) === null || _context$appHelper3$u4 === void 0 ? void 0 : (_context$appHelper3$u5 = _context$appHelper3$u4.globalConfig) === null || _context$appHelper3$u5 === void 0 ? void 0 : _context$appHelper3$u5.timezone
       })
     });
   }, [globalState]);
@@ -115,7 +116,7 @@ var Info = Provider(function (props) {
       source: "info"
     })
   }, _defineProperty(_React$createElement, "style", {
-    height: context !== null && context !== void 0 && (_context$appHelper3 = context.appHelper) !== null && _context$appHelper3 !== void 0 && (_context$appHelper3$u = _context$appHelper3.utils) !== null && _context$appHelper3$u !== void 0 && _context$appHelper3$u.isMobile ? "100%" : "100vh"
+    height: context !== null && context !== void 0 && (_context$appHelper4 = context.appHelper) !== null && _context$appHelper4 !== void 0 && (_context$appHelper4$u = _context$appHelper4.utils) !== null && _context$appHelper4$u !== void 0 && _context$appHelper4$u.isMobile ? "100%" : "100vh"
   }), _defineProperty(_React$createElement, "bodyClassName", "booking-info-warp"), _React$createElement), /*#__PURE__*/React.createElement("div", {
     className: "booking-info"
   }, modules.client ? /*#__PURE__*/React.createElement(Client, null) : null, modules.holder && !((_modal$state5 = modal.state) !== null && _modal$state5 !== void 0 && _modal$state5.disabledEdit) ? /*#__PURE__*/React.createElement(React.Fragment, null, params.type === "form" ? /*#__PURE__*/React.createElement(Pet, null) : null) : null, modules.date ? /*#__PURE__*/React.createElement(DateCom, null) : null, modules.service ? /*#__PURE__*/React.createElement(React.Fragment, null, modal.state.date.value ? /*#__PURE__*/React.createElement(Service, null) : null) : null, notes, slot ? slot : null)) : null);

package/es/components/booking/info/model.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { FormState } from "../model";
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {