@pisell/private-materials 3.2.38 → 3.3.0

package/lib/components/appointmentBooking/deposit/index.js

@@ -0,0 +1,109 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appointmentBooking/deposit/index.tsx
+var deposit_exports = {};
+__export(deposit_exports, {
+  default: () => deposit_default
+});
+module.exports = __toCommonJS(deposit_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../utils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_PolicyModal = __toESM(require("./components/PolicyModal"));
+var import_index = require("./index.less");
+var Deposit = (props) => {
+  var _a, _b;
+  const {
+    protocols,
+    total,
+    title,
+    isAgreePolicy = true,
+    isShowTitle = true,
+    onChange
+  } = props;
+  const context = (0, import_useEngineContext.default)();
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const [policyItem, setPolicyItem] = (0, import_react.useState)();
+  const isEn = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    const _locale = ((_b2 = (_a2 = context == null ? void 0 : context.engine) == null ? void 0 : _a2.props) == null ? void 0 : _b2.locale) || "en";
+    return _locale === "en";
+  }, [(_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale]);
+  const _policyText = (0, import_react.useCallback)(
+    (item, index) => {
+      if (!item || !(protocols == null ? void 0 : protocols.length)) return "";
+      return (0, import_utils2.getPunctuationMark)(index, protocols.length, isEn);
+    },
+    [protocols]
+  );
+  const handleAgreed = () => {
+    onChange && onChange(!isAgreePolicy);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-deposit-bottom" }, isShowTitle ? /* @__PURE__ */ import_react.default.createElement("span", { className: "title" }, title) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "tip" }, isEn ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellText.Amount,
+    {
+      value: total,
+      showCurrencySymbol: true,
+      className: "amount"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.appointment.deposit.amount.tip1"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.appointment.deposit.amount.tip1")), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellText.Amount,
+    {
+      value: total,
+      showCurrencySymbol: true,
+      className: "amount"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.appointment.deposit.amount.tip2")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "checkbox-wrap", onClick: () => handleAgreed() }, /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, { checked: isAgreePolicy }), /* @__PURE__ */ import_react.default.createElement("div", { className: "policy-box" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.appointment.deposit.agreed")), /* @__PURE__ */ import_react.default.createElement("div", { className: "policy-wrap" }, protocols == null ? void 0 : protocols.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        key: item == null ? void 0 : item.id,
+        onClick: (e) => {
+          e.stopPropagation();
+          e.preventDefault();
+          setPolicyItem(item);
+          setVisible(true);
+        }
+      },
+      item == null ? void 0 : item.title,
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "symbol" }, _policyText(item, index))
+    );
+  }))))), /* @__PURE__ */ import_react.default.createElement(
+    import_PolicyModal.default,
+    {
+      open: visible,
+      onCancel: () => setVisible(false),
+      item: policyItem
+    }
+  ));
+};
+var deposit_default = Deposit;

package/lib/components/appointmentBooking/deposit/index.less

@@ -0,0 +1,57 @@
+.appointment-deposit-bottom {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+
+  .title {
+    color: var(--Text-Text_1, #1b1b1b);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+  }
+
+  .tip {
+    color: var(--Base-Black, #000);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+
+    .amount {
+      font-weight: 600;
+      margin-right: 2px;
+    }
+  }
+
+  .checkbox-wrap {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    width: 100%;
+
+    .policy-box {
+      padding-left: 6px;
+      cursor: pointer;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      color: var(--Base-Black, #000);
+      flex: 1;
+    }
+
+    .policy-wrap {
+      color: var(--theme-color, #7f56d9);
+      display: inline;
+      word-break: break-word;
+
+      .symbol {
+        color: var(--Base-Black, #000);
+      }
+    }
+  }
+}

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

@@ -1,5 +1,6 @@
 export declare const useAppointmentBooking: () => any;
 export declare const useShopDiscount: () => any;
+export declare const contextUtils: () => any;
 /**
  * @title: 监听步骤发生变化
  * @description:
@@ -9,6 +10,9 @@ export declare const useShopDiscount: () => any;
  */
 export declare const useAppointmentBookingStep: () => {
     getStepIndex: (type: string, skipNumber?: number) => any;
+    stepList: any;
+    removeStep: (key: string) => any;
+    addStep: (props: any, stepKey?: string) => any;
 };
 /**
  * @title: 获取商品数据
@@ -17,7 +21,10 @@ export declare const useAppointmentBookingStep: () => {
  * @Author: WangHan
  * @Date: 2025-04-15 11:12
  */
-export declare const useAppointmentBookingProduct: () => void;
+export declare const useAppointmentBookingProduct: () => {
+    checkProductType: (productId: number) => Promise<any>;
+    getProducts: () => Promise<any>;
+};
 /**
  * @title: 更新购物车数据
  * @description:
@@ -48,6 +55,10 @@ export declare const useAppointmentBookingLogin: () => {
  */
 export declare const useAppointmentBookingAccount: () => {
     accountLists: any;
+    getHolders: () => Promise<any>;
+    form_id: any;
+    addAccount: (val: any, type?: string) => Promise<any>;
+    checkAccount: (type: any) => any;
 };
 /**
  * @title: 获取资源数据
@@ -74,3 +85,20 @@ export declare const useAppointmentBookingResource: () => {
 export declare const useIsSkipResourceStep: () => {
     checkSkipResourceStep: () => Promise<boolean>;
 };
+/**
+ * @title: 获取预约配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-04-24 18:15
+ */
+export declare const useAppointmentBookingSetting: () => {
+    isDateSelectedFirst: boolean;
+    isFormSubject: boolean;
+    customPageId: any;
+    getLoadAllSchedule: () => void;
+    bookingSubject: any;
+    setOtherData: (key: string, val: any) => any;
+    getOtherData: (key: string) => any;
+    formName: any;
+};

package/lib/components/appointmentBooking/hooks.js

@@ -29,12 +29,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/appointmentBooking/hooks.ts
 var hooks_exports = {};
 __export(hooks_exports, {
+  contextUtils: () => contextUtils,
   useAppointmentBooking: () => useAppointmentBooking,
   useAppointmentBookingAccount: () => useAppointmentBookingAccount,
   useAppointmentBookingCart: () => useAppointmentBookingCart,
   useAppointmentBookingLogin: () => useAppointmentBookingLogin,
   useAppointmentBookingProduct: () => useAppointmentBookingProduct,
   useAppointmentBookingResource: () => useAppointmentBookingResource,
+  useAppointmentBookingSetting: () => useAppointmentBookingSetting,
   useAppointmentBookingStep: () => useAppointmentBookingStep,
   useIsSkipResourceStep: () => useIsSkipResourceStep,
   useShopDiscount: () => useShopDiscount
@@ -53,15 +55,26 @@ var useShopDiscount = () => {
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
   return pisellOS.getModule("shopDiscount");
 };
+var contextUtils = () => {
+  var _a;
+  const context = (0, import_useEngineContext2.default)();
+  const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  return utils;
+};
 var useAppointmentBookingStep = () => {
   var _a, _b, _c;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  const { appointmentBooking, setCurrentStep, setIsLastStep } = (0, import_context.useAppointmentBookingContext)();
+  const { appointmentBooking, setCurrentStep, setStepParams, stepParams } = (0, import_context.useAppointmentBookingContext)();
   const stepList = ((_c = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.step) == null ? void 0 : _b.store) == null ? void 0 : _c.stepList) || [];
   const getCurrentAndLastStep = () => {
-    const _currentStep = appointmentBooking.getCurrentStep();
-    setCurrentStep(_currentStep);
-    setIsLastStep((_currentStep == null ? void 0 : _currentStep.index) === stepList.length - 1);
+    const currentStep = appointmentBooking == null ? void 0 : appointmentBooking.getCurrentStep();
+    console.log("appointmentBooking_step:changed", currentStep);
+    setCurrentStep(currentStep);
+    setStepParams({
+      ...stepParams,
+      isLastStep: (currentStep == null ? void 0 : currentStep.index) === stepList.length - 1,
+      isTwoLastStep: (currentStep == null ? void 0 : currentStep.index) === stepList.length - 2
+    });
   };
   (0, import_react.useEffect)(() => {
     getCurrentAndLastStep();
@@ -69,13 +82,14 @@ var useAppointmentBookingStep = () => {
       "appointmentBooking_step:changed",
       async (res) => {
         if (res.path === "currentStep") {
+          console.log("appointmentBooking_step:changed", res);
           getCurrentAndLastStep();
         }
       }
     );
   }, []);
   const getStepIndex = (type, skipNumber = 0) => {
-    const currentStep = appointmentBooking.getCurrentStep();
+    const currentStep = appointmentBooking == null ? void 0 : appointmentBooking.getCurrentStep();
     const index = (currentStep == null ? void 0 : currentStep.index) || 1;
     if (type === "next") {
       const nextIndex = index + skipNumber;
@@ -83,28 +97,72 @@ var useAppointmentBookingStep = () => {
     }
     if (type === "prev") {
       const prevIndex = index - skipNumber;
-      return prevIndex < 1 ? 1 : prevIndex;
+      return prevIndex < 0 ? 0 : prevIndex;
     }
   };
-  return { getStepIndex };
+  const removeStep = (key) => {
+    return appointmentBooking.removeStep(key);
+  };
+  const addStep = (props, stepKey) => {
+    const { index, key, description } = props;
+    return appointmentBooking.addStep({
+      index,
+      key,
+      description
+    }, stepKey);
+  };
+  return { getStepIndex, stepList, removeStep, addStep };
 };
 var useAppointmentBookingProduct = () => {
-  const { appointmentBooking, setProducts } = (0, import_context.useAppointmentBookingContext)();
-  const { productModuleParams } = appointmentBooking.otherParams;
-  (0, import_react.useEffect)(() => {
-    appointmentBooking.loadProducts(productModuleParams).then((res) => {
-      setProducts(res || []);
-    });
-  }, []);
+  const { appointmentBooking, carts } = (0, import_context.useAppointmentBookingContext)();
+  const { productModuleParams } = (appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || {};
+  const { bookingProcess, bookingSubject } = productModuleParams || {};
+  const getProducts = async () => {
+    var _a;
+    await appointmentBooking.loadAllSchedule();
+    if (bookingProcess === "date_first") {
+      const dates = await appointmentBooking.getDateRange();
+      if (!dates || !dates.length) return;
+      const { productModuleParams: productModuleParams3 } = (appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || {};
+      const productList2 = await appointmentBooking.loadProductByScheduleDate({
+        date: (_a = dates[0]) == null ? void 0 : _a.date,
+        ...productModuleParams3
+      });
+      return productList2;
+    }
+    const { productModuleParams: productModuleParams2 } = (appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || {};
+    const productList = await appointmentBooking.loadProducts(
+      productModuleParams2
+    );
+    return productList;
+  };
+  const checkProductType = async (productId) => {
+    const result = await appointmentBooking.getProductTypeById(productId);
+    return result;
+  };
+  return { checkProductType, getProducts };
 };
 var useAppointmentBookingCart = () => {
+  var _a;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  const { appointmentBooking, setCarts, setSummary } = (0, import_context.useAppointmentBookingContext)();
+  const utils = contextUtils();
+  const { appointmentBooking, setCarts, setSummary, setIsAgreeDepositPolicy } = (0, import_context.useAppointmentBookingContext)();
+  const { bookingSubject } = ((_a = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a.productModuleParams) || {};
   const getCartAndSummary = async () => {
     const carts = await appointmentBooking.getCart();
-    setCarts(carts || []);
+    console.log(carts, appointmentBooking, utils, "3khhsdjf");
+    const newCarts = carts == null ? void 0 : carts.map((item) => {
+      return {
+        ...item,
+        addHolderButtonText: utils == null ? void 0 : utils.translation(bookingSubject == null ? void 0 : bookingSubject.form_name)
+      };
+    });
+    setCarts(newCarts || []);
     const summary = await appointmentBooking.getSummary();
     setSummary(summary || {});
+    if (!carts.length) {
+      setIsAgreeDepositPolicy(false);
+    }
     console.log(carts, summary, "appointmentBooking_cart:changed");
   };
   (0, import_react.useEffect)(() => {
@@ -119,9 +177,9 @@ var useAppointmentBookingCart = () => {
 };
 var useAppointmentBookingLogin = () => {
   var _a, _b;
-  const context = (0, import_useEngineContext2.default)();
-  const utils = context.appHelper.utils || {};
+  const utils = contextUtils();
   const isLogin = !!((_b = (_a = utils == null ? void 0 : utils.token) == null ? void 0 : _a.get) == null ? void 0 : _b.call(_a));
+  console.log(isLogin, "isLogin");
   const openLoginModal = (params) => {
     const { callback } = params || {};
     utils.action({
@@ -135,12 +193,16 @@ var useAppointmentBookingLogin = () => {
   return { isLogin, openLoginModal };
 };
 var useAppointmentBookingAccount = () => {
+  var _a;
+  const utils = contextUtils();
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
   const appointmentBooking = useAppointmentBooking();
   const [accountLists, setAccountLists] = (0, import_react.useState)([]);
+  const { bookingSubject } = ((_a = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a.productModuleParams) || {};
+  const form_id = bookingSubject == null ? void 0 : bookingSubject.form_id;
+  const customer = (0, import_utils.getCustomer)();
   const getAccountLists = async () => {
     const data = await appointmentBooking.getAccounts();
-    console.log("appointmentBooking_accountList:changed", data);
     setAccountLists(data || []);
   };
   (0, import_react.useEffect)(() => {
@@ -155,7 +217,35 @@ var useAppointmentBookingAccount = () => {
       }
     );
   }, []);
-  return { accountLists };
+  const getHolders = async () => {
+    var _a2, _b, _c;
+    const shop_id = (_c = (_b = (_a2 = utils.getStore().getState()) == null ? void 0 : _a2.global) == null ? void 0 : _b.shop) == null ? void 0 : _c.id;
+    if (!shop_id || !form_id || !(customer == null ? void 0 : customer.id)) return [];
+    const params = {
+      url: "/form/data/v1",
+      query: {
+        customer_id: customer == null ? void 0 : customer.id,
+        form_id,
+        shop_id
+      }
+    };
+    const data = await appointmentBooking.fetchHolderAccountsAsync(params);
+    const newData = data == null ? void 0 : data.map((item) => {
+      return {
+        id: item == null ? void 0 : item.form_record_id,
+        label: item == null ? void 0 : item.main_field
+      };
+    });
+    return newData || [];
+  };
+  const addAccount = async (val, type) => {
+    const result = await appointmentBooking.addAccount(val, { type, customerId: customer == null ? void 0 : customer.id });
+    return result;
+  };
+  const checkAccount = (type) => {
+    return appointmentBooking.checkBeforeSubmitOrder(type);
+  };
+  return { accountLists, getHolders, form_id, addAccount, checkAccount };
 };
 var useAppointmentBookingResource = () => {
   const { appointmentBooking, setResources, setTimes, setResourceOtherParams, resourceOtherParams } = (0, import_context.useAppointmentBookingContext)();
@@ -172,6 +262,7 @@ var useAppointmentBookingResource = () => {
     const _resources = ((_a = resources == null ? void 0 : resources[0]) == null ? void 0 : _a.resources) || [];
     const resourceCodes = _resources.map((item) => item.code);
     setResources(resources || []);
+    console.log(resourceCodes, resources, "getResourceList");
     return { resources, resourceCodes };
   };
   const getResourceTimeSlot = async (index) => {
@@ -195,12 +286,14 @@ var useAppointmentBookingResource = () => {
   return { getResourceTimeSlot, getResourceList, autoSelectAllProductResources };
 };
 var useIsSkipResourceStep = () => {
-  const { accountLists } = useAppointmentBookingAccount();
+  const { appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { getResourceList, autoSelectAllProductResources } = useAppointmentBookingResource();
+  const { isFormSubject } = useAppointmentBookingSetting();
   const checkSkipResourceStep = async () => {
     var _a, _b, _c, _d, _e;
     try {
-      if ((accountLists == null ? void 0 : accountLists.length) === 1) {
+      const accountLists = await appointmentBooking.getAccounts();
+      if ((accountLists == null ? void 0 : accountLists.length) === 1 || isFormSubject) {
         const res = await autoSelectAllProductResources();
         const { resources } = getResourceList();
         if (!((_a = res == null ? void 0 : res.errorList) == null ? void 0 : _a.length) && ((_e = (_d = (_c = (_b = resources == null ? void 0 : resources[0]) == null ? void 0 : _b.resources) == null ? void 0 : _c[0]) == null ? void 0 : _d.renderList) == null ? void 0 : _e.length) === 1) {
@@ -217,14 +310,47 @@ var useIsSkipResourceStep = () => {
   };
   return { checkSkipResourceStep };
 };
+var useAppointmentBookingSetting = () => {
+  var _a;
+  const utils = contextUtils();
+  const { appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const { bookingProcess, bookingSubject, customPageId } = ((_a = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a.productModuleParams) || {};
+  const getLoadAllSchedule = () => {
+    const res = appointmentBooking.loadAllSchedule();
+    console.log(res, "loadAllSchedule");
+  };
+  const setOtherData = (key, val) => {
+    return appointmentBooking.setOtherData(key, val);
+  };
+  const getOtherData = (key) => {
+    return appointmentBooking.getOtherData(key);
+  };
+  const formName = (0, import_react.useMemo)(() => {
+    return utils == null ? void 0 : utils.translation(bookingSubject == null ? void 0 : bookingSubject.form_name);
+  }, [bookingSubject]);
+  return {
+    // 是否先选择日期
+    isDateSelectedFirst: bookingProcess === "date_first",
+    // 主体是否是表单
+    isFormSubject: (bookingSubject == null ? void 0 : bookingSubject.type) === "form",
+    customPageId,
+    getLoadAllSchedule,
+    bookingSubject,
+    setOtherData,
+    getOtherData,
+    formName
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  contextUtils,
   useAppointmentBooking,
   useAppointmentBookingAccount,
   useAppointmentBookingCart,
   useAppointmentBookingLogin,
   useAppointmentBookingProduct,
   useAppointmentBookingResource,
+  useAppointmentBookingSetting,
   useAppointmentBookingStep,
   useIsSkipResourceStep,
   useShopDiscount

package/lib/components/appointmentBooking/index.d.ts

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

package/lib/components/appointmentBooking/index.js

@@ -42,16 +42,18 @@ var import_hooks = require("./hooks");
 var import_utils2 = require("./utils");
 var import_index = require("./index.less");
 var AppointmentBooking = () => {
-  var _a;
+  var _a, _b;
   const context = (0, import_useEngineContext.default)();
-  const utils = context.appHelper.utils || {};
-  import_utils.locales.init(import_locales.default, ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || "en");
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const currentUser = (0, import_utils2.formatCurrentUser)();
   (0, import_react.useEffect)(() => {
+    var _a2;
+    const { bookingSubject } = ((_a2 = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a2.productModuleParams) || {};
+    if ((bookingSubject == null ? void 0 : bookingSubject.type) === "form") return;
     appointmentBooking.getAccounts().then((data) => {
       if (!data.length) {
-        appointmentBooking.addAccount([currentUser]);
+        appointmentBooking.addAccounts([currentUser]);
       }
     });
   }, []);

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

@@ -12,7 +12,7 @@ declare const _default: {
         'pisell2.event.close.tip': string;
         'pisell2.event.close.continue': string;
         'pisell2.event.close.exit': string;
-        'pisell2.event.step': (step: number) => string;
+        'pisell2.appointment.step': (step: number) => string;
         'pisell2.event.select.category': (val: string) => string;
         'pisell2.event.select.campus': (val: string) => string;
         'pisell2.event.select.event': string;
@@ -70,6 +70,7 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.appointment.booking.empty.service': string;
+        'pisell2.appointment.booking.empty.data': string;
         'pisell2.appointment.booking.empty.time': string;
         'pisell2.appointment.service.title': (val: number) => string;
         'pisell2.appointment.add.guest': string;
@@ -87,6 +88,21 @@ declare const _default: {
         'pisell2.appointment.sunday': string;
         'pisell2.appointment.any.professional': string;
         'pisell2.appointment.for.maximum.availability': 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.tips': string;
+        'pisell2.appointment.tips.content': string;
+        'pisell2.appointment.fill-form': string;
+        'pisell2.appointment.select.holder': (val: string) => string;
+        'pisell2.appointment.select.time': string;
+        'pisell2.appointment.unselect.time': string;
+        'pisell2.appointment.unselect.date': string;
+        'pisell2.appointment.add-guests': string;
         'pisell2.text.apply': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -110,7 +126,7 @@ declare const _default: {
         'pisell2.event.close.tip': string;
         'pisell2.event.close.continue': string;
         'pisell2.event.close.exit': string;
-        'pisell2.event.step': (step: number) => string;
+        'pisell2.appointment.step': (step: number) => string;
         'pisell2.event.select.category': (val: string) => string;
         'pisell2.event.select.event': string;
         'pisell2.event.select.campus': (val: string) => string;
@@ -168,6 +184,7 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.appointment.booking.empty.service': string;
+        'pisell2.appointment.booking.empty.data': string;
         'pisell2.appointment.booking.empty.time': string;
         'pisell2.appointment.service.title': (val: number) => string;
         'pisell2.appointment.add.guest': string;
@@ -185,6 +202,21 @@ declare const _default: {
         'pisell2.appointment.sunday': string;
         'pisell2.appointment.any.professional': string;
         'pisell2.appointment.for.maximum.availability': 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.tips': string;
+        'pisell2.appointment.tips.content': string;
+        'pisell2.appointment.fill-form': string;
+        'pisell2.appointment.select.holder': (val: string) => string;
+        'pisell2.appointment.select.time': string;
+        'pisell2.appointment.unselect.time': string;
+        'pisell2.appointment.unselect.date': string;
+        'pisell2.appointment.add-guests': string;
         'pisell2.text.apply': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -208,7 +240,7 @@ declare const _default: {
         'pisell2.event.close.tip': string;
         'pisell2.event.close.continue': string;
         'pisell2.event.close.exit': string;
-        'pisell2.event.step': (step: number) => string;
+        'pisell2.appointment.step': (step: number) => string;
         'pisell2.event.select.category': (val: string) => string;
         'pisell2.event.select.event': string;
         'pisell2.event.select.campus': (val: string) => string;
@@ -266,6 +298,7 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.appointment.booking.empty.service': string;
+        'pisell2.appointment.booking.empty.data': string;
         'pisell2.appointment.booking.empty.time': string;
         'pisell2.appointment.service.title': (val: number) => string;
         'pisell2.appointment.add.guest': string;
@@ -283,6 +316,21 @@ declare const _default: {
         'pisell2.appointment.sunday': string;
         'pisell2.appointment.any.professional': string;
         'pisell2.appointment.for.maximum.availability': 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.tips': string;
+        'pisell2.appointment.tips.content': string;
+        'pisell2.appointment.fill-form': string;
+        'pisell2.appointment.select.holder': (val: string) => string;
+        'pisell2.appointment.select.time': string;
+        'pisell2.appointment.unselect.time': string;
+        'pisell2.appointment.unselect.date': string;
+        'pisell2.appointment.add-guests': string;
         'pisell2.text.apply': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;