@pisell/private-materials 3.4.16 → 3.4.18

package/es/plus/saasRegister/locales.js

@@ -0,0 +1,116 @@
+export default {
+  en: {
+    'pisell-saas-register-welcome-message': 'Welcome to',
+    'pisell-saas-register-title': 'Create account',
+    'pisell-saas-register-subtitle': 'Welcome back! Please enter your details.',
+    'pisell-saas-register-email-label': 'Email Address',
+    'pisell-saas-register-email-placeholder': 'Enter your email',
+    'pisell-saas-register-email-error': 'Please input your email!',
+    'pisell-saas-register-email-error-valid': 'Please enter a valid email!',
+    'pisell-saas-register-button': 'Continue',
+    'pisell-saas-register-login-text': 'Already have an account?',
+    'pisell-saas-register-login-link-text': 'Log in',
+    'pisell-saas-register-failed-button-text': 'Back to Registration',
+    'pisell-saas-register-failed-email-registered-title': 'This email is already registered. Please log in or use a different email',
+    'pisell-saas-register-verify-email-title': 'Verify your email',
+    'pisell-saas-register-verify-email-subtitle': 'Use the verification link sent to your email address',
+    'pisell-saas-register-resend-text': "Didn't receive a link? ",
+    'pisell-saas-register-resend-button-text': 'Resend',
+    'pisell-saas-register-verifying-email-title': 'Verifying your email...',
+    'pisell-saas-register-failed-link-expired-title': 'Verification link expired',
+    'pisell-saas-register-failed-link-expired-subtitle': 'Your verification link has expired. Please request a new verification email to continue.',
+    'pisell-saas-register-failed-link-invalid-title': 'Invalid verification link',
+    'pisell-saas-register-failed-link-invalid-subtitle': 'The verification link is invalid. Please start the registration process again.',
+    'pisell-saas-register-failed-link-email-registered-title': 'Already registered',
+    'pisell-saas-register-failed-link-email-registered-subtitle': 'This email is already registered. Please log in.',
+    'pisell-saas-register-failed-link-email-registered-button-text': 'Log in',
+    'pisell-saas-register-password-label': 'Password',
+    'pisell-saas-register-password-placeholder': 'Enter your password',
+    'pisell-saas-register-password-required': 'Please input your password!',
+    'pisell-saas-register-divider-text': 'Your Information',
+    'pisell-saas-register-first-name-label': 'First Name',
+    'pisell-saas-register-first-name-placeholder': 'Enter your first name',
+    'pisell-saas-register-last-name-label': 'Last Name',
+    'pisell-saas-register-last-name-placeholder': 'Enter your last name',
+    'pisell-saas-register-entry-info-title': 'Set Password',
+    'pisell-saas-register-entry-info-subtitle': 'Your email has been verified. Please set your password and provide your personal information.',
+    'pisell-saas-register-entry-info-document-title': 'Account Setup',
+    'pisell-saas-register-entry-info-document-description': 'Your email has been verified. Please set your password and provide your personal information.'
+  },
+  'zh-CN': {
+    'pisell-saas-register-welcome-message': '欢迎使用',
+    'pisell-saas-register-title': '创建账号',
+    'pisell-saas-register-subtitle': '欢迎回来！请输入您的详细信息。',
+    'pisell-saas-register-email-label': '邮箱地址',
+    'pisell-saas-register-email-placeholder': '输入您的邮箱',
+    'pisell-saas-register-email-error': '请输入您的邮箱！',
+    'pisell-saas-register-email-error-valid': '请输入有效的邮箱！',
+    'pisell-saas-register-button': '继续',
+    'pisell-saas-register-login-text': '已有账号？',
+    'pisell-saas-register-login-link-text': '立即登录',
+    'pisell-saas-register-failed-button-text': '返回注册页面',
+    'pisell-saas-register-failed-email-registered-title': '该邮箱已注册，请登录或使用其他邮箱',
+    'pisell-saas-register-verify-email-title': '验证您的邮箱',
+    'pisell-saas-register-verify-email-subtitle': '请使用发送到您邮箱的验证链接',
+    'pisell-saas-register-resend-text': '没有收到链接？',
+    'pisell-saas-register-resend-button-text': '重新发送',
+    'pisell-saas-register-verifying-email-title': '正在验证您的邮箱...',
+    'pisell-saas-register-failed-link-expired-title': '验证链接已过期',
+    'pisell-saas-register-failed-link-expired-subtitle': '您的验证链接已过期。请重新申请验证邮件以继续。',
+    'pisell-saas-register-failed-link-invalid-title': '无效的验证链接',
+    'pisell-saas-register-failed-link-invalid-subtitle': '验证链接无效。请重新开始注册流程。',
+    'pisell-saas-register-failed-link-email-registered-title': '已注册',
+    'pisell-saas-register-failed-link-email-registered-subtitle': '该邮箱已注册，请登录',
+    'pisell-saas-register-failed-link-email-registered-button-text': '登录',
+    'pisell-saas-register-password-label': '密码',
+    'pisell-saas-register-password-placeholder': '输入您的密码',
+    'pisell-saas-register-password-required': '请输入您的密码！',
+    'pisell-saas-register-divider-text': '您的信息',
+    'pisell-saas-register-first-name-label': '名',
+    'pisell-saas-register-first-name-placeholder': '输入您的名',
+    'pisell-saas-register-last-name-label': '姓',
+    'pisell-saas-register-last-name-placeholder': '输入您的姓',
+    'pisell-saas-register-entry-info-title': '设置密码',
+    'pisell-saas-register-entry-info-subtitle': '邮箱已验证，请设置密码并填写个人信息。',
+    'pisell-saas-register-entry-info-document-title': '账户设置',
+    'pisell-saas-register-entry-info-document-description': '邮箱已验证，请设置密码并填写个人信息。'
+  },
+  'zh-HK': {
+    'pisell-saas-register-welcome-message': '歡迎使用',
+    'pisell-saas-register-title': '創建帳號',
+    'pisell-saas-register-subtitle': '歡迎回來！請輸入您的詳細信息。',
+    'pisell-saas-register-email-label': '電郵地址',
+    'pisell-saas-register-email-placeholder': '輸入您的電子郵件',
+    'pisell-saas-register-email-error': '請輸入您的電子郵件！',
+    'pisell-saas-register-email-error-valid': '請輸入有效的電子郵件！',
+    'pisell-saas-register-button': '繼續',
+    'pisell-saas-register-login-text': '已有帳號？',
+    'pisell-saas-register-login-link-text': '立即登入',
+    'pisell-saas-register-failed-button-text': '返回註冊頁面',
+    'pisell-saas-register-failed-email-registered-title': '該電郵已註冊，請登入或使用其他電郵',
+    'pisell-saas-register-verify-email-title': '驗證您的電郵',
+    'pisell-saas-register-verify-email-subtitle': '請使用發送到您郵箱的驗證鏈接',
+    'pisell-saas-register-resend-text': '沒有收到鏈接？',
+    'pisell-saas-register-resend-button-text': '重新發送',
+    'pisell-saas-register-verifying-email-title': '正在驗證您的電郵...',
+    'pisell-saas-register-failed-link-expired-title': '驗證鏈接已過期',
+    'pisell-saas-register-failed-link-expired-subtitle': '您的驗證鏈接已過期。請重新申請驗證郵件以繼續。',
+    'pisell-saas-register-failed-link-invalid-title': '無效的驗證鏈接',
+    'pisell-saas-register-failed-link-invalid-subtitle': '驗證鏈接無效。請重新開始註冊流程。',
+    'pisell-saas-register-failed-link-email-registered-title': '已註冊',
+    'pisell-saas-register-failed-link-email-registered-subtitle': '該電郵已註冊，請登入',
+    'pisell-saas-register-failed-link-email-registered-button-text': '登入',
+    'pisell-saas-register-password-label': '密碼',
+    'pisell-saas-register-password-placeholder': '輸入您的密碼',
+    'pisell-saas-register-password-required': '請輸入您的密碼！',
+    'pisell-saas-register-divider-text': '您的信息',
+    'pisell-saas-register-first-name-label': '名',
+    'pisell-saas-register-first-name-placeholder': '輸入您的名',
+    'pisell-saas-register-last-name-label': '姓',
+    'pisell-saas-register-last-name-placeholder': '輸入您的姓',
+    'pisell-saas-register-entry-info-title': '設定密碼',
+    'pisell-saas-register-entry-info-subtitle': '郵箱已驗證，請設定密碼並填寫個人資訊。',
+    'pisell-saas-register-entry-info-document-title': '帳戶設定',
+    'pisell-saas-register-entry-info-document-description': '郵箱已驗證，請設定密碼並填寫個人資訊。'
+  }
+};

package/es/plus/saasRegister/types.d.ts

@@ -0,0 +1,114 @@
+export declare enum SRStepStatus {
+    /** 邮箱已被注册 */
+    FAILED_EMAIL_REGISTERED = "failed_email_registered",
+    /** 链接过期 */
+    FAILED_LINK_EXPIRED = "failed_link_expired",
+    /** 链接无效 */
+    FAILED_LINK_INVALID = "failed_link_invalid",
+    /** 链接中邮箱已被注册 */
+    FAILED_LINK_EMAIL_REGISTERED = "failed_link_email_registered"
+}
+export declare enum SRStepKey {
+    /** 输入邮箱 */
+    ENTRY_EMAIL = "entry_email",
+    /** 邮箱等待验证 */
+    WAIT_VERIFY_EMAIL = "wait_verify_email",
+    /** 邮箱验证中 */
+    VERIFYING_EMAIL = "verifying_email",
+    /** 录入信息 */
+    ENTRY_INFO = "entry_info",
+    /** 验证失败 */
+    VERIFY_FAILED = "verify_failed"
+}
+export declare enum SRVerifyCode {
+    /** 成功 */
+    SUCCESS = 200,
+    /** 链接已过期 */
+    LINK_EXPIRED = 601000,
+    /** 邮箱已被注册 */
+    EMAIL_REGISTERED = 601001,
+    /** 链接无效 */
+    LINK_INVALID = 601002
+}
+export interface SRStep {
+    key: SRStepKey;
+    status?: SRStepStatus;
+    params?: {
+        [key: string]: any;
+    };
+}
+export interface SRProps {
+    /** 是否显示Logo */
+    showLogo?: boolean;
+    /** Logo图片地址 */
+    logo?: string;
+    /** Logo位置 */
+    logoPosition?: 'left' | 'center' | 'right';
+    /** Logo尺寸 */
+    logoSize?: {
+        width?: number;
+        height?: number;
+    };
+    /** 是否显示欢迎语 */
+    showWelcomeMessage?: boolean;
+    /** 欢迎语 */
+    welcomeMessage?: string;
+    /** 欢迎语对齐方式 */
+    welcomeMessageAlign?: 'left' | 'center' | 'right';
+    /** 是否显示标题 */
+    showTitle?: boolean;
+    /** 标题 */
+    title?: string;
+    /** 标题对齐方式 */
+    titleAlign?: 'left' | 'center' | 'right';
+    /** 副标题 */
+    subtitle?: string;
+    /** 是否显示副标题 */
+    showSubtitle?: boolean;
+    /** 副标题对齐方式 */
+    subtitleAlign?: 'left' | 'center' | 'right';
+    /** 邮箱输入框标题 */
+    emailLabel?: string;
+    /** 邮箱输入框占位符 */
+    emailPlaceholder?: string;
+    /** 按钮文本 */
+    buttonText?: string;
+    /** 密码输入框标题 */
+    passwordLabel?: string;
+    /** 密码输入框占位符 */
+    passwordPlaceholder?: string;
+    /** 是否显示分割线 */
+    showDivider?: boolean;
+    /** 分割线文案 */
+    dividerText?: string;
+    /** 是否显示名字 */
+    showFirstName?: boolean;
+    /** 是否显示姓氏 */
+    showLastName?: boolean;
+    /** 是否显示去登录入口 */
+    showLogin?: boolean;
+    /** 去登录入口对齐方式 */
+    loginAlign?: 'left' | 'center' | 'right';
+    /** 是否显示去登录入口文本 */
+    showLoginText?: boolean;
+    /** 去登录入口文本 */
+    loginText?: string;
+    /** 是否显示去登录入口链接文本 */
+    showLoginLinkText?: boolean;
+    /** 去登录入口链接文本 */
+    loginLinkText?: string;
+    /** 邮箱验证回调 */
+    onVerifyEmail?: (email: string) => Promise<boolean>;
+    /** 重新发送验证码回调 */
+    onSendEmail?: (email: string) => Promise<void>;
+    /** 去登录入口点击回调 */
+    onGoLogin?: () => void;
+    /** 验证链接回调 */
+    onVerifyLink?: (emailToken: string) => Promise<{
+        code: number;
+    }>;
+    /** 信息录入回调 */
+    onEntryInfo?: (info: any) => Promise<void>;
+    /** step 变化回调 */
+    onStepChange?: (step: SRStep) => void;
+}

package/es/plus/saasRegister/types.js

@@ -0,0 +1,24 @@
+// ********** 为了缩短命名长度，使用SRStepStatus代替SaasRegisterStepStatus **********
+
+export var SRStepStatus = /*#__PURE__*/function (SRStepStatus) {
+  SRStepStatus["FAILED_EMAIL_REGISTERED"] = "failed_email_registered";
+  SRStepStatus["FAILED_LINK_EXPIRED"] = "failed_link_expired";
+  SRStepStatus["FAILED_LINK_INVALID"] = "failed_link_invalid";
+  SRStepStatus["FAILED_LINK_EMAIL_REGISTERED"] = "failed_link_email_registered";
+  return SRStepStatus;
+}({});
+export var SRStepKey = /*#__PURE__*/function (SRStepKey) {
+  SRStepKey["ENTRY_EMAIL"] = "entry_email";
+  SRStepKey["WAIT_VERIFY_EMAIL"] = "wait_verify_email";
+  SRStepKey["VERIFYING_EMAIL"] = "verifying_email";
+  SRStepKey["ENTRY_INFO"] = "entry_info";
+  SRStepKey["VERIFY_FAILED"] = "verify_failed";
+  return SRStepKey;
+}({});
+export var SRVerifyCode = /*#__PURE__*/function (SRVerifyCode) {
+  SRVerifyCode[SRVerifyCode["SUCCESS"] = 200] = "SUCCESS";
+  SRVerifyCode[SRVerifyCode["LINK_EXPIRED"] = 601000] = "LINK_EXPIRED";
+  SRVerifyCode[SRVerifyCode["EMAIL_REGISTERED"] = 601001] = "EMAIL_REGISTERED";
+  SRVerifyCode[SRVerifyCode["LINK_INVALID"] = 601002] = "LINK_INVALID";
+  return SRVerifyCode;
+}({});

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

@@ -199,7 +199,7 @@ var Layout = () => {
     var _a2, _b2;
     if ((0, import_utils.isMobile)()) {
       const header = document.querySelector(".event-progress-bar");
-      const footer = document.querySelector(".pisell-section-footers-wrapper");
+      const footer = document.querySelector(".pisell-section-footers-wrapper") || document.querySelector("#layout-footer");
       const content = document.querySelector(
         ".parallel-content-mobile-wrap"
       );

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

@@ -7,7 +7,7 @@
   flex: 1;
 
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 77px !important;
     }
   }
@@ -50,7 +50,7 @@
   flex: none;
 
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 0 !important;
     }
   }
@@ -97,7 +97,7 @@
 
 .parallel-content-retail-wrap {
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 0px !important;
     }
   }

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

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(Services_exports);
 var import_react = __toESM(require("react"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
-var import_productSelect = __toESM(require("../../../productSelect"));
+var import_productSelect = __toESM(require("../../../../plus/productSelect"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_context = require("../../context");
 var import_hooks = require("../../hooks");
@@ -174,7 +174,7 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
   const _isMobile = (0, import_react.useMemo)(() => {
     if (typeof import_utils.isMobile === "function") return (0, import_utils.isMobile)();
     return import_utils.isMobile;
-  }, import_utils.isMobile);
+  }, [import_utils.isMobile]);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-service-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     import_productSelect.default,
     {

package/lib/components/appointmentBooking/index.js

@@ -60,7 +60,12 @@ var AppointmentBooking = () => {
   }, []);
   (0, import_react.useEffect)(() => {
     const setRealVH = () => {
-      const vh = window.innerHeight * 0.01;
+      let height = window.innerHeight;
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has("fromTabbar")) {
+        height = height - 54;
+      }
+      const vh = height * 0.01;
       document.documentElement.style.setProperty("--vh", `${vh}px`);
     };
     setRealVH();

package/lib/components/booking/info2/service/addTimeModal/index.js

@@ -208,7 +208,6 @@ var AddTimeModal = () => {
     setLoading("list");
     const newList = await _getAddTimeProducts();
     let list = newList.map((d) => {
-      debugger;
       let isUsable = (0, import_utils2.isUsableProduct)(d.add_time, state.service.cacheItem);
       return {
         ...d,

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/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     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<"stripe" | "tyro" | "windcave" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

@@ -297,8 +297,8 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
-        action?: "amount" | "deviceList" | "pay" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
+        action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;

package/lib/components/eventBooking/index.js

@@ -68,7 +68,12 @@ var Content = () => {
   }, []);
   (0, import_react.useEffect)(() => {
     const setRealVH = () => {
-      const vh = window.innerHeight * 0.01;
+      let height = window.innerHeight;
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has("formTabbar")) {
+        height = height - 54;
+      }
+      const vh = height * 0.01;
       document.documentElement.style.setProperty("--vh", `${vh}px`);
     };
     setRealVH();

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

@@ -42,7 +42,7 @@ var import_utils4 = require("../../../booking/info/service2/utils");
 var import_utils5 = require("../../../booking/info/utils");
 var import_serve = require("../../../booking/info/service/serve");
 var import_serviceManager = require("../../../booking/info/service/serviceManager");
-var import_productSelect = __toESM(require("../../../productSelect"));
+var import_productSelect = __toESM(require("../../../../plus/productSelect"));
 var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
@@ -477,8 +477,8 @@ var AddSerivce = (props) => {
             isTitle: 1,
             isSubtitle: 1,
             isPrice: 1,
-            isOriginPrice: 1,
-            isStock: 1
+            isOriginPrice: 0,
+            isStock: 0
           }
         }
       ), /* @__PURE__ */ import_react.default.createElement(import_notAvailable.default, { ref: notAvailableRef }));

package/lib/hooks/useWindowSize.js

@@ -30,7 +30,12 @@ var useWindowSize = (options = {}) => {
   (0, import_react.useEffect)(() => {
     let timeoutId;
     const setRealVH = () => {
-      const vh = window.innerHeight * 0.01;
+      let height = window.innerHeight;
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has("formTabbar")) {
+        height = height - 54;
+      }
+      const vh = height * 0.01;
       document.documentElement.style.setProperty("--vh", `${vh}px`);
     };
     const debouncedHandleResize = () => {

package/lib/index.d.ts

@@ -45,3 +45,6 @@ export { default as TicketBooking } from './components/ticketBooking';
 export { default as SubTotal } from './components/subTotal';
 export { default as EditBookingModal } from './components/booking/editBookingModal';
 export { default as StepController } from './components/stepController';
+export { default as SaasLogin } from './plus/saasLogin';
+export { default as SaasRegister } from './plus/saasRegister';
+export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';

package/lib/index.js

@@ -62,6 +62,9 @@ __export(src_exports, {
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
   ProductExtension: () => import_productExtension.default,
   RuleSetting: () => import_ruleSetting.default,
+  SaasCreateOrganization: () => import_saasCreateOrganization.default,
+  SaasLogin: () => import_saasLogin.default,
+  SaasRegister: () => import_saasRegister.default,
   Schedules: () => import_schedules.default,
   ShoppingCart: () => import_shoppingCart.default,
   StepController: () => import_stepController.default,
@@ -126,6 +129,9 @@ var import_ticketBooking = __toESM(require("./components/ticketBooking"));
 var import_subTotal = __toESM(require("./components/subTotal"));
 var import_editBookingModal = __toESM(require("./components/booking/editBookingModal"));
 var import_stepController = __toESM(require("./components/stepController"));
+var import_saasLogin = __toESM(require("./plus/saasLogin"));
+var import_saasRegister = __toESM(require("./plus/saasRegister"));
+var import_saasCreateOrganization = __toESM(require("./plus/saasCreateOrganization"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -163,6 +169,9 @@ import_dayjs.default.extend(import_localeData.default);
   PisellSelectCustomerModal,
   ProductExtension,
   RuleSetting,
+  SaasCreateOrganization,
+  SaasLogin,
+  SaasRegister,
   Schedules,
   ShoppingCart,
   StepController,

package/lib/plus/productSelect/CategoryTabs/CategorySkeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './CategorySkeleton.less';
+interface CategorySkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    tabCount?: number;
+    animated?: boolean;
+}
+declare const CategorySkeleton: React.FC<CategorySkeletonProps>;
+export default CategorySkeleton;

package/lib/plus/productSelect/CategoryTabs/CategorySkeleton.js

@@ -0,0 +1,62 @@
+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/productSelect/CategoryTabs/CategorySkeleton.tsx
+var CategorySkeleton_exports = {};
+__export(CategorySkeleton_exports, {
+  default: () => CategorySkeleton_default
+});
+module.exports = __toCommonJS(CategorySkeleton_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_CategorySkeleton = require("./CategorySkeleton.less");
+var CategorySkeleton = ({
+  className,
+  style,
+  tabCount = 5,
+  animated = true
+}) => {
+  const containerClass = (0, import_classnames.default)(
+    "category-skeleton",
+    {
+      "category-skeleton--animated": animated
+    },
+    className
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: containerClass, style }, Array.from({ length: tabCount }, (_, index) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: index,
+      className: "category-skeleton__tab",
+      style: {
+        width: `${Math.floor(Math.random() * 40) + 80}px`
+      }
+    }
+  )));
+};
+var CategorySkeleton_default = CategorySkeleton;

package/lib/plus/productSelect/CategoryTabs/CategorySkeleton.less

@@ -0,0 +1,30 @@
+.category-skeleton {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 12px;
+
+  &__tab {
+    height: 32px;
+    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    border-radius: 20px;
+    flex-shrink: 0;
+    height: 40px;
+  }
+
+  &--animated {
+    .category-skeleton__tab {
+      animation: skeleton-loading 1.5s ease-in-out infinite;
+    }
+  }
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}

package/lib/plus/productSelect/CategoryTabs/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import '../components/TabsStructure/TabsStructure.less';
+import CategorySkeleton from './CategorySkeleton';
+declare type TabItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+};
+interface IProps {
+    items: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    loading?: boolean;
+    skeleton?: React.ReactNode;
+}
+declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default CategoryTabs;
+export { CategorySkeleton };