@pisell/private-materials 6.9.6 → 6.10.2

package/lib/components/ticketBooking/index.js

@@ -272,7 +272,7 @@ var ticketBooking_default = (props) => {
       });
     }
   }, [osKey]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-wrapper" }, isShowMenuBar && /* @__PURE__ */ import_react.default.createElement(import_menuBar.default, { activeNavKey, onNavChange: setActiveNavKey }), /* @__PURE__ */ import_react.default.createElement(import_IsActiveContext.IsActiveProvider, { isActive }, /* @__PURE__ */ import_react.default.createElement(import_OsKeyContext.OsKeyProvider, { osKey, businessCode: props == null ? void 0 : props.businessCode }, /* @__PURE__ */ import_react.default.createElement(import_miniRedux.Provider, { store: storeRef.current, key: activeNavKey }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-wrapper" }, isShowMenuBar && /* @__PURE__ */ import_react.default.createElement(import_menuBar.default, { activeNavKey, onNavChange: setActiveNavKey }), /* @__PURE__ */ import_react.default.createElement(import_IsActiveContext.IsActiveProvider, { isActive }, /* @__PURE__ */ import_react.default.createElement(import_OsKeyContext.OsKeyProvider, { osKey }, /* @__PURE__ */ import_react.default.createElement(import_miniRedux.Provider, { store: storeRef.current, key: activeNavKey }, /* @__PURE__ */ import_react.default.createElement(
     import_ticketBooking.default,
     {
       onPrerenderComplete,

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

@@ -47,7 +47,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
+    searchType: "product" | "customer" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;

package/lib/components/walletList/index.js

@@ -156,8 +156,7 @@ var DEFAULT_BALANCE = {
   gift_card_balance: 0,
   point_card_balance: 0,
   voucher_count: 0,
-  discount_card_count: 0,
-  good_pass_count: 0
+  discount_card_count: 0
 };
 var WalletList = (0, import_model.Provider)((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -524,9 +523,6 @@ var WalletList = (0, import_model.Provider)((props) => {
     const cardItems = showcaseWalletPassNew.map((showCaseItem) => {
       const balanceKey = _balanceKeyMap[showCaseItem.type];
       let value = balanceKey ? balanceItem[balanceKey] || 0 : 0;
-      if (showCaseItem.type === "voucher") {
-        value += balanceItem.good_pass_count || 0;
-      }
       return {
         ...showCaseItem,
         value

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/index.d.ts

@@ -69,16 +69,13 @@ export { default as ContactInfoModal } from './plus/contactInfoModal';
 export { Login2, Register2, AuthModal } from './pro/Login2.0';
 export { default as WalletEditor } from './plus/walletEditor';
 export { default as WalletPassGallery } from './plus/walletPassGallery';
-export { default as SettingsRegistry } from './components/systemSettings/registry';
-export { default as Selector } from './pro/Selector';
+export { default as WalletPassDetail } from './plus/walletPassGallery/components/passDetail';
 export { default as SelectHolder } from './plus/selectHolder';
 export { default as HolderList } from './plus/selectHolder/components/HolderList';
-export { default as WalletPassDetail } from './plus/walletPassGallery/components/passDetail';
+export { default as SettingsRegistry } from './components/systemSettings/registry';
+export { default as Selector } from './pro/Selector';
 export { default as WebPosLogin } from './plus/webPosLogin';
 export { default as PaymentModal } from './components/checkout/plugin';
 export { default as SKUOptionsSelection } from './plus/skuOptionsSelection';
 export { default as KioskSkuDetail } from './components/kioskSkuDetail';
-export { default as EcoCupProject } from './components/ecocup/cupProject';
-export { default as EcoCupList } from './components/ecocup/cupList';
-export { default as EcoCustomerList } from './components/ecocup/customerList';
-export { default as OrderList } from './plus/orderList';
+export { default as MyTeamLogin } from './plus/myTeamLogin';

package/lib/index.js

@@ -52,9 +52,6 @@ __export(src_exports, {
   CustomerAuth: () => import_admin.CustomerAuth,
   CustomerOAuthConfig: () => import_admin.CustomerOAuthConfig,
   DeviceAuth: () => import_admin.DeviceAuth,
-  EcoCupList: () => import_cupList.default,
-  EcoCupProject: () => import_cupProject.default,
-  EcoCustomerList: () => import_customerList.default,
   EditBookingModal: () => import_editBookingModal.default,
   Eftpos: () => import_eftpos.default,
   EftposPay: () => import_eftposPay.default,
@@ -74,10 +71,10 @@ __export(src_exports, {
   KioskSkuDetail: () => import_kioskSkuDetail.default,
   Login: () => import_login.default,
   Login2: () => import_Login2.Login2,
+  MyTeamLogin: () => import_myTeamLogin.default,
   NoteModal: () => import_noteModal.default,
   OAuthConfig: () => import_admin.OAuthConfig,
   OnlineShopAuth: () => import_admin.OnlineShopAuth,
-  OrderList: () => import_orderList.default,
   OrgAdminAuth: () => import_admin.OrgAdminAuth,
   POSOperatorAuth: () => import_admin.POSOperatorAuth,
   PaymentModal: () => import_plugin.default,
@@ -195,19 +192,16 @@ var import_contactInfoModal = __toESM(require("./plus/contactInfoModal"));
 var import_Login2 = require("./pro/Login2.0");
 var import_walletEditor = __toESM(require("./plus/walletEditor"));
 var import_walletPassGallery = __toESM(require("./plus/walletPassGallery"));
-var import_registry = __toESM(require("./components/systemSettings/registry"));
-var import_Selector = __toESM(require("./pro/Selector"));
+var import_passDetail = __toESM(require("./plus/walletPassGallery/components/passDetail"));
 var import_selectHolder2 = __toESM(require("./plus/selectHolder"));
 var import_HolderList = __toESM(require("./plus/selectHolder/components/HolderList"));
-var import_passDetail = __toESM(require("./plus/walletPassGallery/components/passDetail"));
+var import_registry = __toESM(require("./components/systemSettings/registry"));
+var import_Selector = __toESM(require("./pro/Selector"));
 var import_webPosLogin = __toESM(require("./plus/webPosLogin"));
 var import_plugin = __toESM(require("./components/checkout/plugin"));
 var import_skuOptionsSelection = __toESM(require("./plus/skuOptionsSelection"));
 var import_kioskSkuDetail = __toESM(require("./components/kioskSkuDetail"));
-var import_cupProject = __toESM(require("./components/ecocup/cupProject"));
-var import_cupList = __toESM(require("./components/ecocup/cupList"));
-var import_customerList = __toESM(require("./components/ecocup/customerList"));
-var import_orderList = __toESM(require("./plus/orderList"));
+var import_myTeamLogin = __toESM(require("./plus/myTeamLogin"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -235,9 +229,6 @@ import_dayjs.default.extend(import_localeData.default);
   CustomerAuth,
   CustomerOAuthConfig,
   DeviceAuth,
-  EcoCupList,
-  EcoCupProject,
-  EcoCustomerList,
   EditBookingModal,
   Eftpos,
   EftposPay,
@@ -257,10 +248,10 @@ import_dayjs.default.extend(import_localeData.default);
   KioskSkuDetail,
   Login,
   Login2,
+  MyTeamLogin,
   NoteModal,
   OAuthConfig,
   OnlineShopAuth,
-  OrderList,
   OrgAdminAuth,
   POSOperatorAuth,
   PaymentModal,

package/lib/plus/clinetSearch/Add/BirthdayField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/lib/plus/clinetSearch/Add/GenderField/index.d.ts

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

package/lib/plus/clinetSearch/Add/PhoneField/index.d.ts

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

package/lib/plus/clinetSearch/index.d.ts

@@ -9,7 +9,6 @@ interface ClientSearchProps extends Omit<ComprehensiveSearchProps, 'resultDispla
     resultProps?: TableProps<ClientData>;
     hasMore?: boolean;
     onLoadMore?: () => void;
-    state?: any;
 }
 export declare type ClientSearchRef = {
     resetScrollPosition: () => void;

package/lib/plus/clinetSearch/index.js

@@ -45,16 +45,8 @@ var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_useTranslationOriginal = __toESM(require("../../hooks/useTranslationOriginal"));
 var import_index = require("./index.less");
 var ClientSearch = (0, import_react.forwardRef)(
-  ({
-    onRowClick,
-    resultProps,
-    onAddClient,
-    hasMore,
-    onLoadMore,
-    state,
-    ...props
-  }, ref) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+  ({ onRowClick, resultProps, onAddClient, hasMore, onLoadMore, ...props }, ref) => {
+    var _a, _b, _c;
     const [modalVisible, setModalVisible] = (0, import_react.useState)(false);
     const comprehensiveSearchRef = (0, import_react.useRef)(null);
     const addClientRef = (0, import_react.useRef)(null);
@@ -65,8 +57,6 @@ var ClientSearch = (0, import_react.forwardRef)(
       import_locales.default,
       ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
     );
-    const appointmentSubject = ((_f = (_e = (_d = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _d.config) == null ? void 0 : _e.basic) == null ? void 0 : _f.appointment_subject) || {};
-    const translation = (_h = (_g = context == null ? void 0 : context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.translationShop;
     const handleAdd = () => {
       setModalVisible(true);
     };
@@ -76,7 +66,7 @@ var ClientSearch = (0, import_react.forwardRef)(
       (_a2 = addClientRef.current) == null ? void 0 : _a2.reset();
     };
     const renderListHeader = () => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "client-search-list-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, import_utils.locales.getText("pisell2.text.client-search.register-time")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 125 } }, import_utils.locales.getText("pisell2.text.client-search.membership")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.contact-info")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 200 } }, translation(appointmentSubject == null ? void 0 : appointmentSubject.form_name) || import_utils.locales.getText("pisell2.text.client-search.holder")));
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "client-search-list-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, import_utils.locales.getText("pisell2.text.client-search.register-time")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 125 } }, import_utils.locales.getText("pisell2.text.client-search.membership")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.contact-info")));
     };
     const renderResults = (searchResults) => {
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (searchResults == null ? void 0 : searchResults.length) ? renderListHeader() : null, /* @__PURE__ */ import_react.default.createElement(
@@ -121,7 +111,7 @@ var ClientSearch = (0, import_react.forwardRef)(
             {
               dataSource: searchResults,
               renderItem: (item, index) => {
-                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i, _j;
+                var _a2, _b2, _c2, _d, _e, _f, _g, _h;
                 const membershipText = (_b2 = (_a2 = item.latest_wallet_detail) == null ? void 0 : _a2.wallet) == null ? void 0 : _b2.name;
                 return /* @__PURE__ */ import_react.default.createElement(
                   import_antd.List.Item,
@@ -165,7 +155,7 @@ var ClientSearch = (0, import_react.forwardRef)(
                       },
                       translationOriginal == null ? void 0 : translationOriginal(membershipText)
                     ) : "-"),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: (_c2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _c2.value }), ((_f2 = (_e2 = (_d2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _d2.value) == null ? void 0 : _e2.phone) == null ? void 0 : _f2.phone) || "-", /* @__PURE__ */ import_react.default.createElement(
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: (_c2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _c2.value }), ((_f = (_e = (_d = item == null ? void 0 : item.contacts_info) == null ? void 0 : _d.value) == null ? void 0 : _e.phone) == null ? void 0 : _f.phone) || "-", /* @__PURE__ */ import_react.default.createElement(
                       "div",
                       {
                         style: {
@@ -174,22 +164,8 @@ var ClientSearch = (0, import_react.forwardRef)(
                           whiteSpace: "nowrap"
                         }
                       },
-                      ((_h2 = (_g2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _g2.value) == null ? void 0 : _h2.email) || "-"
-                    )),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 200 } }, ((_i = item == null ? void 0 : item.form_record) == null ? void 0 : _i.length) > 0 ? (_j = item == null ? void 0 : item.form_record) == null ? void 0 : _j.map((itemForm) => {
-                      return /* @__PURE__ */ import_react.default.createElement(
-                        "div",
-                        {
-                          key: itemForm == null ? void 0 : itemForm.id,
-                          style: {
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                          }
-                        },
-                        (itemForm == null ? void 0 : itemForm.main_field) || "-"
-                      );
-                    }) : "-")
+                      ((_h = (_g = item == null ? void 0 : item.contacts_info) == null ? void 0 : _g.value) == null ? void 0 : _h.email) || "-"
+                    ))
                   )
                 );
               }

package/lib/plus/clinetSearch/locales.d.ts

@@ -32,7 +32,6 @@ declare const _default: {
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
         'pisell2.text.client-search.contact-info': string;
-        'pisell2.text.client-search.holder': string;
     };
     'zh-CN': {
         'pisell2.text.leave-empty-for-walk-in': string;
@@ -67,7 +66,6 @@ declare const _default: {
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
         'pisell2.text.client-search.contact-info': string;
-        'pisell2.text.client-search.holder': string;
     };
     'zh-HK': {
         'pisell2.text.leave-empty-for-walk-in': string;
@@ -102,7 +100,6 @@ declare const _default: {
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
         'pisell2.text.client-search.contact-info': string;
-        'pisell2.text.client-search.holder': string;
     };
 };
 export default _default;

package/lib/plus/clinetSearch/locales.js

@@ -55,8 +55,7 @@ var locales_default = {
     "pisell2.text.client-search.phone": "Phone Number",
     "pisell2.text.client-search.email": "Email Address",
     "pisell2.text.client-search.membership": "Membership",
-    "pisell2.text.client-search.contact-info": "Contact info",
-    "pisell2.text.client-search.holder": "Holder"
+    "pisell2.text.client-search.contact-info": "Contact info"
   },
   "zh-CN": {
     "pisell2.text.leave-empty-for-walk-in": "如未注册游客则留空",
@@ -90,8 +89,7 @@ var locales_default = {
     "pisell2.text.client-search.phone": "电话号码",
     "pisell2.text.client-search.email": "邮箱",
     "pisell2.text.client-search.membership": "会员",
-    "pisell2.text.client-search.contact-info": "联系信息",
-    "pisell2.text.client-search.holder": "持有人"
+    "pisell2.text.client-search.contact-info": "联系信息"
   },
   "zh-HK": {
     "pisell2.text.leave-empty-for-walk-in": "如未註冊遊客則留空",
@@ -125,7 +123,6 @@ var locales_default = {
     "pisell2.text.client-search.phone": "電話號碼",
     "pisell2.text.client-search.email": "電郵地址",
     "pisell2.text.client-search.membership": "會員",
-    "pisell2.text.client-search.contact-info": "聯繫信息",
-    "pisell2.text.client-search.holder": "持有人"
+    "pisell2.text.client-search.contact-info": "聯繫信息"
   }
 };

package/lib/plus/clinetSearch/types.d.ts

@@ -1,12 +1,4 @@
 /// <reference types="react" />
-export interface FormRecord {
-    form_id: number;
-    id: number;
-    main_field: string;
-    data?: {
-        [key: string]: any;
-    };
-}
 export interface ClientData {
     id: number;
     display_name: string;
@@ -30,7 +22,6 @@ export interface ClientData {
             email?: string;
         };
     };
-    form_record: FormRecord[];
 }
 export interface ClientSearchProps {
     dataSource?: any;

package/lib/plus/myTeamLogin/MyTeamLoginCpt.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WebPosLoginCptProps } from '../webPosLogin/types';
+import '../webPosLogin/WebPosLoginCpt.less';
+/**
+ * WebPosLoginCpt 主组件
+ * @description WebPOS 登录流程组件，包含登录、店铺选择、设备选择三个步骤
+ */
+declare const WebPosLoginCpt: React.FC<WebPosLoginCptProps>;
+export default WebPosLoginCpt;

package/lib/plus/myTeamLogin/MyTeamLoginCpt.js

@@ -0,0 +1,188 @@
+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/plus/myTeamLogin/MyTeamLoginCpt.tsx
+var MyTeamLoginCpt_exports = {};
+__export(MyTeamLoginCpt_exports, {
+  default: () => MyTeamLoginCpt_default
+});
+module.exports = __toCommonJS(MyTeamLoginCpt_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("../webPosLogin/locales"));
+var import_BrandPanel = __toESM(require("../webPosLogin/components/BrandPanel"));
+var import_LoginPanel = __toESM(require("../webPosLogin/components/LoginPanel"));
+var import_SelectStore = __toESM(require("../webPosLogin/components/SelectStore"));
+var import_UserFooter = __toESM(require("../webPosLogin/components/UserFooter"));
+var import_WebPosLoginCpt = require("../webPosLogin/WebPosLoginCpt.less");
+var DEFAULT_BACKGROUND = "http://static.pisellcdn.com/defaultBg1.jpg";
+var LOGIN_CARD_MIN_WIDTH = 378;
+var LOGIN_CARD_MIN_SCALE = 0.82;
+function getLoginCardScale({ viewportWidth }) {
+  if (!viewportWidth) return 1;
+  if (viewportWidth >= LOGIN_CARD_MIN_WIDTH) return 1;
+  const rawScale = viewportWidth / LOGIN_CARD_MIN_WIDTH;
+  return Math.max(LOGIN_CARD_MIN_SCALE, rawScale);
+}
+var WebPosLoginCpt = (0, import_react.memo)((props) => {
+  const {
+    className = "",
+    style,
+    loginConfig,
+    backgroundImage,
+    brandConfig,
+    step = "login",
+    showBackButton = true,
+    storeList = [],
+    userInfo,
+    selectedStore,
+    lastUsedStoreId,
+    locale = "en",
+    loading = false,
+    onStoreSelect,
+    onDeviceSelect,
+    onChangeAccount,
+    onChangeStore,
+    onBack,
+    onLoginSuccess
+  } = props;
+  console.log(props, onLoginSuccess, "onLoginSuccess");
+  const [cardScale, setCardScale] = (0, import_react.useState)(1);
+  import_utils.locales.init(import_locales.default, locale);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (typeof window === "undefined") return;
+    const viewportWidth = Math.min(
+      window.innerWidth || 0,
+      ((_a = document.documentElement) == null ? void 0 : _a.clientWidth) || 0
+    );
+    setCardScale(getLoginCardScale({ viewportWidth }));
+  }, []);
+  const stepTitle = (0, import_react.useMemo)(() => {
+    const titles = {
+      login: "",
+      store: import_utils.locales.getText("webpos-login-select-store-title"),
+      device: import_utils.locales.getText("webpos-login-select-device-title")
+    };
+    return titles[step];
+  }, [step, locale]);
+  const shouldShowBackButton = (0, import_react.useMemo)(() => {
+    if (step === "login") return false;
+    return showBackButton;
+  }, [step, showBackButton]);
+  const renderRightContent = () => {
+    switch (step) {
+      case "login":
+        return /* @__PURE__ */ import_react.default.createElement(import_LoginPanel.default, { onLoginSuccess, config: loginConfig });
+      case "store":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_SelectStore.default,
+          {
+            storeList,
+            locale,
+            loading,
+            lastUsedStoreId,
+            onSelect: onStoreSelect
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  const renderFooter = () => {
+    if (step === "login") return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_UserFooter.default,
+      {
+        isShowChangeStore: storeList.length > 1,
+        userInfo,
+        selectedStore,
+        step,
+        locale,
+        onChangeAccount,
+        onChangeStore
+      }
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `webpos-login ${className}`.trim(),
+      style: {
+        ...style,
+        backgroundImage: `url(${backgroundImage || DEFAULT_BACKGROUND})`
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login__backdrop" }),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "webpos-login__card",
+        style: {
+          width: cardScale < 1 ? `${LOGIN_CARD_MIN_WIDTH}px` : void 0,
+          maxWidth: cardScale < 1 ? `${LOGIN_CARD_MIN_WIDTH}px` : void 0,
+          minWidth: cardScale < 1 ? `${LOGIN_CARD_MIN_WIDTH}px` : void 0,
+          transform: `scale(${cardScale})`,
+          transformOrigin: "top center"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_BrandPanel.default, { config: brandConfig }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login__right-panel" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login__header" }, shouldShowBackButton && /* @__PURE__ */ import_react.default.createElement(
+        "button",
+        {
+          className: "webpos-login__back-btn",
+          onClick: onBack,
+          type: "button",
+          "aria-label": import_utils.locales.getText("webpos-login-back")
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "svg",
+          {
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            "path",
+            {
+              d: "M15 18L9 12L15 6",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        )
+      ), stepTitle && /* @__PURE__ */ import_react.default.createElement("h1", { className: "webpos-login__title" }, stepTitle)), /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login__content" }, renderRightContent()), /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login__footer" }, renderFooter()))
+    )
+  );
+});
+WebPosLoginCpt.displayName = "WebPosLoginCpt";
+var MyTeamLoginCpt_default = WebPosLoginCpt;

package/lib/plus/myTeamLogin/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoginStep } from '../webPosLogin/types';
+export interface WebPosLoginProps {
+    className?: string;
+    style?: React.CSSProperties;
+    step?: LoginStep;
+    backgroundImage?: string;
+    [key: string]: any;
+}
+declare const MyTeamLogin: (props: WebPosLoginProps) => JSX.Element;
+export default MyTeamLogin;