@pisell/private-materials 6.6.2 → 6.7.2

package/lib/hooks/printer.d.ts

@@ -0,0 +1,4 @@
+declare const usePrinter: () => {
+    nativePrint: (data: any, callback: (res: any) => void) => void;
+};
+export default usePrinter;

package/lib/hooks/printer.js

@@ -0,0 +1,60 @@
+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/hooks/printer.ts
+var printer_exports = {};
+__export(printer_exports, {
+  default: () => printer_default
+});
+module.exports = __toCommonJS(printer_exports);
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var usePrinter = () => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { action } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const nativePrint = (data, callback) => {
+    action({
+      type: "webpos.handlePrint",
+      data,
+      callback: (res) => {
+        if (typeof (res == null ? void 0 : res.status) === "string") {
+          callback == null ? void 0 : callback({
+            ...res || {},
+            result: (res == null ? void 0 : res.status) == "success" ? true : false
+          });
+        } else {
+          callback == null ? void 0 : callback(res);
+        }
+      }
+    });
+  };
+  return {
+    nativePrint
+  };
+};
+var printer_default = usePrinter;

package/lib/hooks/useEngineContext.d.ts

@@ -1,3 +1,4 @@
 declare const useEngineContext: () => any;
 export declare const usePisellOS: () => any;
+export declare const usePlatform: () => any;
 export default useEngineContext;

package/lib/hooks/useEngineContext.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var useEngineContext_exports = {};
 __export(useEngineContext_exports, {
   default: () => useEngineContext_default,
-  usePisellOS: () => usePisellOS
+  usePisellOS: () => usePisellOS,
+  usePlatform: () => usePlatform
 });
 module.exports = __toCommonJS(useEngineContext_exports);
 var import_react = require("react");
@@ -40,8 +41,15 @@ var usePisellOS = () => {
   const { pisellos } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
   return pisellos;
 };
+var usePlatform = () => {
+  var _a;
+  const context = useEngineContext();
+  const { platform } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) || {};
+  return platform;
+};
 var useEngineContext_default = useEngineContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  usePisellOS
+  usePisellOS,
+  usePlatform
 });

package/lib/index.d.ts

@@ -23,7 +23,6 @@ export { default as EftposPay } from './components/eftposPay';
 export { default as ToCPay } from './components/pay/toC';
 export { default as ToBPay } from './components/pay/toB';
 export { default as Eftpos } from './components/eftpos';
-export { default as Wallet } from './components/wallet';
 export { default as WalletList } from './components/walletList';
 export { default as BookingDashboard } from './components/booking/dashboard';
 export { default as PisellSelectCustomerModal } from './components/pisellSelectCustomerModal';
@@ -63,7 +62,11 @@ export { default as SkuCard } from './plus/productSelect/ProductCard/SkuCard';
 export { default as PinModal } from './components/pinModal';
 export { default as PinVerifyModal } from './components/pinVerifyModal';
 export { ResponsiveList as SkuList } from './components/list';
+export { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from './components/authentication/admin';
+export type { SaaSAdminAuthProps, OrgAdminAuthProps, DeviceAuthProps, POSOperatorAuthProps, CustomerOAuthConfigProps } from './components/authentication/admin';
 export { default as ContactInfo } from './plus/contactInfo';
 export { default as ContactInfoModal } from './plus/contactInfoModal';
-export { default as SelectHolder } from './plus/selectHolder';
-export { default as HolderList } from './plus/selectHolder/components/HolderList';
+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 WebPosLogin } from './plus/webPosLogin';

package/lib/index.js

@@ -31,6 +31,7 @@ var src_exports = {};
 __export(src_exports, {
   AppointmentBooking: () => import_appointmentBooking.default,
   AppointmentDeposit: () => import_deposit2.default,
+  AuthModal: () => import_Login2.AuthModal,
   Booking: () => import_booking.default,
   BookingAddons: () => import_addons.default,
   BookingContacts: () => import_contacts.default,
@@ -48,6 +49,9 @@ __export(src_exports, {
   ComprehensiveSearch: () => import_comprehensiveSearch.default,
   ContactInfo: () => import_contactInfo.default,
   ContactInfoModal: () => import_contactInfoModal.default,
+  CustomerAuth: () => import_admin.CustomerAuth,
+  CustomerOAuthConfig: () => import_admin.CustomerOAuthConfig,
+  DeviceAuth: () => import_admin.DeviceAuth,
   EditBookingModal: () => import_editBookingModal.default,
   Eftpos: () => import_eftpos.default,
   EftposPay: () => import_eftposPay.default,
@@ -63,9 +67,13 @@ __export(src_exports, {
   EventScheduleCalendar: () => import_scheduleCalendar.default,
   EventSelectHolder: () => import_selectHolder.default,
   EventTimeResourceSelector: () => import_timeResourceSelector.default,
-  HolderList: () => import_HolderList.default,
   Login: () => import_login.default,
+  Login2: () => import_Login2.Login2,
   NoteModal: () => import_noteModal.default,
+  OAuthConfig: () => import_admin.OAuthConfig,
+  OnlineShopAuth: () => import_admin.OnlineShopAuth,
+  OrgAdminAuth: () => import_admin.OrgAdminAuth,
+  POSOperatorAuth: () => import_admin.POSOperatorAuth,
   PinModal: () => import_pinModal.default,
   PinVerifyModal: () => import_pinVerifyModal.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
@@ -76,12 +84,14 @@ __export(src_exports, {
   ProPriceRadio: () => import_pisellPriceRadio.default,
   ProSkuDetailModal: () => import_skuDetailModal.default,
   ProductExtension: () => import_productExtension.default,
+  Register2: () => import_Login2.Register2,
   RuleSetting: () => import_ruleSetting.default,
+  SaaSAdminAuth: () => import_admin.SaaSAdminAuth,
+  SaaSManagermentAuth: () => import_admin.SaaSManagermentAuth,
   SaasCreateOrganization: () => import_saasCreateOrganization.default,
   SaasLogin: () => import_saasLogin.default,
   SaasRegister: () => import_saasRegister.default,
   Schedules: () => import_schedules.default,
-  SelectHolder: () => import_selectHolder2.default,
   ShoppingCart: () => import_shoppingCart.default,
   SkuCard: () => import_SkuCard.default,
   SkuList: () => import_list.ResponsiveList,
@@ -93,8 +103,10 @@ __export(src_exports, {
   ToCPay: () => import_toC.default,
   VerticalAddService: () => import_addServiceVariant.default,
   VerticalClient: () => import_clientVariant.VerticalClient,
-  Wallet: () => import_wallet.default,
+  WalletEditor: () => import_walletEditor.default,
   WalletList: () => import_walletList.default,
+  WalletPassGallery: () => import_walletPassGallery.default,
+  WebPosLogin: () => import_webPosLogin.default,
   WorkspaceList: () => import_workSpaceList.default,
   WorkspaceListDetail: () => import_workSpaceListDetail.default
 });
@@ -126,7 +138,6 @@ var import_eftposPay = __toESM(require("./components/eftposPay"));
 var import_toC = __toESM(require("./components/pay/toC"));
 var import_toB = __toESM(require("./components/pay/toB"));
 var import_eftpos = __toESM(require("./components/eftpos"));
-var import_wallet = __toESM(require("./components/wallet"));
 var import_walletList = __toESM(require("./components/walletList"));
 var import_dashboard = __toESM(require("./components/booking/dashboard"));
 var import_pisellSelectCustomerModal = __toESM(require("./components/pisellSelectCustomerModal"));
@@ -166,16 +177,20 @@ var import_SkuCard = __toESM(require("./plus/productSelect/ProductCard/SkuCard")
 var import_pinModal = __toESM(require("./components/pinModal"));
 var import_pinVerifyModal = __toESM(require("./components/pinVerifyModal"));
 var import_list = require("./components/list");
+var import_admin = require("./components/authentication/admin");
 var import_contactInfo = __toESM(require("./plus/contactInfo"));
 var import_contactInfoModal = __toESM(require("./plus/contactInfoModal"));
-var import_selectHolder2 = __toESM(require("./plus/selectHolder"));
-var import_HolderList = __toESM(require("./plus/selectHolder/components/HolderList"));
+var import_Login2 = require("./pro/Login2.0");
+var import_walletEditor = __toESM(require("./plus/walletEditor"));
+var import_walletPassGallery = __toESM(require("./plus/walletPassGallery"));
+var import_webPosLogin = __toESM(require("./plus/webPosLogin"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppointmentBooking,
   AppointmentDeposit,
+  AuthModal,
   Booking,
   BookingAddons,
   BookingContacts,
@@ -193,6 +208,9 @@ import_dayjs.default.extend(import_localeData.default);
   ComprehensiveSearch,
   ContactInfo,
   ContactInfoModal,
+  CustomerAuth,
+  CustomerOAuthConfig,
+  DeviceAuth,
   EditBookingModal,
   Eftpos,
   EftposPay,
@@ -208,9 +226,13 @@ import_dayjs.default.extend(import_localeData.default);
   EventScheduleCalendar,
   EventSelectHolder,
   EventTimeResourceSelector,
-  HolderList,
   Login,
+  Login2,
   NoteModal,
+  OAuthConfig,
+  OnlineShopAuth,
+  OrgAdminAuth,
+  POSOperatorAuth,
   PinModal,
   PinVerifyModal,
   PisellSelectCustomerModal,
@@ -221,12 +243,14 @@ import_dayjs.default.extend(import_localeData.default);
   ProPriceRadio,
   ProSkuDetailModal,
   ProductExtension,
+  Register2,
   RuleSetting,
+  SaaSAdminAuth,
+  SaaSManagermentAuth,
   SaasCreateOrganization,
   SaasLogin,
   SaasRegister,
   Schedules,
-  SelectHolder,
   ShoppingCart,
   SkuCard,
   SkuList,
@@ -238,8 +262,10 @@ import_dayjs.default.extend(import_localeData.default);
   ToCPay,
   VerticalAddService,
   VerticalClient,
-  Wallet,
+  WalletEditor,
   WalletList,
+  WalletPassGallery,
+  WebPosLogin,
   WorkspaceList,
   WorkspaceListDetail
 });

package/lib/plus/clientCard/locales.js

@@ -24,9 +24,9 @@ __export(locales_exports, {
 module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   en: {
-    "pisell2.text.add-client": "Add Customer",
-    "pisell2.text.change-client": "Change Customer",
-    "pisell2.text.remove-client": " Remove Customer"
+    "pisell2.text.add-client": "Add client",
+    "pisell2.text.change-client": "Change Client",
+    "pisell2.text.remove-client": " Remove Client"
   },
   "zh-CN": {
     "pisell2.text.add-client": "添加客户",

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

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.js

@@ -66,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")));
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "client-search-list-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, 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: 120 } }, import_utils.locales.getText("pisell2.text.client-search.phone")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 135 } }, import_utils.locales.getText("pisell2.text.client-search.email")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 120 } }, import_utils.locales.getText("pisell2.text.client-search.membership")));
     };
     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(
@@ -111,7 +111,7 @@ var ClientSearch = (0, import_react.forwardRef)(
             {
               dataSource: searchResults,
               renderItem: (item, index) => {
-                var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+                var _a2, _b2;
                 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,
@@ -126,7 +126,10 @@ var ClientSearch = (0, import_react.forwardRef)(
                       onClick: () => onRowClick == null ? void 0 : onRowClick(item, index || 0),
                       style: { cursor: "pointer" }
                     },
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: item }), /* @__PURE__ */ import_react.default.createElement("div", null, item.phone || "-"), /* @__PURE__ */ import_react.default.createElement(
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: item })),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, (0, import_dayjs.default)(item.created_at).format("YYYY-MM-DD") || "-"),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 120 } }, item.phone || "-"),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 135 } }, /* @__PURE__ */ import_react.default.createElement(
                       "div",
                       {
                         style: {
@@ -137,8 +140,7 @@ var ClientSearch = (0, import_react.forwardRef)(
                       },
                       item.email || "-"
                     )),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, (0, import_dayjs.default)(item.created_at).format("YYYY-MM-DD") || "-"),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 125 } }, membershipText && (translationOriginal == null ? void 0 : translationOriginal(membershipText)) ? /* @__PURE__ */ import_react.default.createElement(
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 120 } }, membershipText && (translationOriginal == null ? void 0 : translationOriginal(membershipText)) ? /* @__PURE__ */ import_react.default.createElement(
                       import_antd.Tag,
                       {
                         color: "gold",
@@ -154,18 +156,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 }), ((_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: {
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                          whiteSpace: "nowrap"
-                        }
-                      },
-                      ((_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

@@ -31,7 +31,6 @@ declare const _default: {
         'pisell2.text.client-search.phone': string;
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
-        'pisell2.text.client-search.contact-info': string;
     };
     'zh-CN': {
         'pisell2.text.leave-empty-for-walk-in': string;
@@ -65,7 +64,6 @@ declare const _default: {
         'pisell2.text.client-search.phone': string;
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
-        'pisell2.text.client-search.contact-info': string;
     };
     'zh-HK': {
         'pisell2.text.leave-empty-for-walk-in': string;
@@ -99,7 +97,6 @@ declare const _default: {
         'pisell2.text.client-search.phone': string;
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
-        'pisell2.text.client-search.contact-info': string;
     };
 };
 export default _default;

package/lib/plus/clinetSearch/locales.js

@@ -41,7 +41,7 @@ var locales_default = {
     "pisell2.text.save": "Save",
     "pisell2.text.save-and-select": "Save and select",
     "pisell2.text.no-results-found": "No results found.",
-    "pisell2.text.create-new-client": "Create new customer",
+    "pisell2.text.create-new-client": "Create new client",
     "pisell2.text.result-found": "Result found",
     "pisell2.text.personnel-list": "Personnel list",
     "pisell2.text.load-more": "Load more",
@@ -54,8 +54,7 @@ var locales_default = {
     "pisell2.text.client-search.register-time": "Registration Time",
     "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.membership": "Membership"
   },
   "zh-CN": {
     "pisell2.text.leave-empty-for-walk-in": "如未注册游客则留空",
@@ -88,8 +87,7 @@ var locales_default = {
     "pisell2.text.client-search.register-time": "注册时间",
     "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.membership": "会员"
   },
   "zh-HK": {
     "pisell2.text.leave-empty-for-walk-in": "如未註冊遊客則留空",
@@ -122,7 +120,6 @@ var locales_default = {
     "pisell2.text.client-search.register-time": "註冊時間",
     "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.membership": "會員"
   }
 };

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

@@ -10,18 +10,6 @@ export interface ClientData {
     nickname: string;
     shop_id: number;
     updated_at: string;
-    contacts_info: {
-        value: {
-            first_name?: string;
-            last_name?: string;
-            phone?: {
-                phone?: string;
-                country_calling_code?: string;
-                country_code?: string;
-            };
-            email?: string;
-        };
-    };
 }
 export interface ClientSearchProps {
     dataSource?: any;

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

@@ -7,11 +7,13 @@ declare type TabItem = {
     icon?: React.ReactNode;
 };
 interface IProps {
+    className?: string;
     items: TabItem[];
     activeKey: string;
     onChange: (key: string) => void;
     loading?: boolean;
     skeleton?: React.ReactNode;
+    style?: React.CSSProperties;
 }
 declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export default CategoryTabs;

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

@@ -40,7 +40,15 @@ var import_TabsStructure2 = require("../components/TabsStructure/TabsStructure.l
 var import_CategorySkeleton = __toESM(require("./CategorySkeleton"));
 var import__ = require("../index");
 var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
-  const { items, activeKey, onChange, loading = false, skeleton } = props;
+  const {
+    className,
+    items,
+    activeKey,
+    onChange,
+    loading = false,
+    skeleton,
+    style
+  } = props;
   const railRef = (0, import_react.useRef)(null);
   const [isAtStart, setIsAtStart] = (0, import_react.useState)(true);
   const [isAtEnd, setIsAtEnd] = (0, import_react.useState)(false);
@@ -100,83 +108,90 @@ var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
   if (loading && skeleton) {
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, skeleton);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_IntersectionObserver.default, null, items.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__tabs-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
-    import_TabsStructure.TabsStructure,
+  return /* @__PURE__ */ import_react.default.createElement(import_IntersectionObserver.default, null, items.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      variant: "pill",
-      backgroundVariant: "onPage",
-      selectedTab: activeKey
+      className: `${import__.PREFIX}__tabs-wrapper ${className || ""}`,
+      style
     },
-    needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
-      import_TabsStructure.TabsStructure.ChevronButton,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_TabsStructure.TabsStructure,
       {
-        direction: "prev",
-        disabled: isAtStart,
-        onClick: scrollLeft,
-        style: { marginRight: "8px" }
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.Rail, { ref: railRef }, /* @__PURE__ */ import_react.default.createElement(
-      import_IntersectionObserver.IntersectionTrigger,
-      {
-        onShow: () => {
-          console.log("is start");
-          setIsAtStart(true);
-        },
-        onHide: () => {
-          console.log("is start false");
-          setIsAtStart(false);
-        },
-        style: {
-          width: 1,
-          height: 1,
-          flexShrink: 0,
-          background: "rgba(0,0,0,0)",
-          transform: "translateX(1px)"
-        },
-        className: "visibility-detector start-detector"
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.SelectionIndicator, { ...selectionIndicatorProps }), /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.ListContainer, { ...listContainerProps }, items.map((item) => /* @__PURE__ */ import_react.default.createElement(
-      import_TabsStructure.TabsStructure.Item,
-      {
-        key: item.key,
-        tabId: item.key,
-        "aria-selected": activeKey === item.key,
-        onClick: () => onChange(item.key),
-        className: "tab-item"
+        variant: "pill",
+        backgroundVariant: "onPage",
+        selectedTab: activeKey
       },
-      item.label
-    ))), /* @__PURE__ */ import_react.default.createElement(
-      import_IntersectionObserver.IntersectionTrigger,
-      {
-        className: "visibility-detector end-detector",
-        onShow: () => {
-          console.log("is end");
-          setIsAtEnd(true);
-        },
-        onHide: () => {
-          console.log("is end false");
-          setIsAtEnd(false);
+      needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
+        import_TabsStructure.TabsStructure.ChevronButton,
+        {
+          direction: "prev",
+          disabled: isAtStart,
+          onClick: scrollLeft,
+          style: { marginRight: "8px" }
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.Rail, { ref: railRef }, /* @__PURE__ */ import_react.default.createElement(
+        import_IntersectionObserver.IntersectionTrigger,
+        {
+          onShow: () => {
+            console.log("is start");
+            setIsAtStart(true);
+          },
+          onHide: () => {
+            console.log("is start false");
+            setIsAtStart(false);
+          },
+          style: {
+            width: 1,
+            height: 1,
+            flexShrink: 0,
+            background: "rgba(0,0,0,0)",
+            transform: "translateX(1px)"
+          },
+          className: "visibility-detector start-detector"
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.SelectionIndicator, { ...selectionIndicatorProps }), /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.ListContainer, { ...listContainerProps }, items.map((item) => /* @__PURE__ */ import_react.default.createElement(
+        import_TabsStructure.TabsStructure.Item,
+        {
+          key: item.key,
+          tabId: item.key,
+          "aria-selected": activeKey === item.key,
+          onClick: () => onChange(item.key),
+          className: "tab-item"
         },
-        style: {
-          width: 1,
-          height: 1,
-          flexShrink: 0,
-          background: "rgba(0,0,0,0)",
-          transform: "translateX(-1px)"
+        item.label
+      ))), /* @__PURE__ */ import_react.default.createElement(
+        import_IntersectionObserver.IntersectionTrigger,
+        {
+          className: "visibility-detector end-detector",
+          onShow: () => {
+            console.log("is end");
+            setIsAtEnd(true);
+          },
+          onHide: () => {
+            console.log("is end false");
+            setIsAtEnd(false);
+          },
+          style: {
+            width: 1,
+            height: 1,
+            flexShrink: 0,
+            background: "rgba(0,0,0,0)",
+            transform: "translateX(-1px)"
+          }
         }
-      }
-    )),
-    needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
-      import_TabsStructure.TabsStructure.ChevronButton,
-      {
-        direction: "next",
-        disabled: isAtEnd,
-        onClick: scrollRight,
-        style: { marginLeft: "8px" }
-      }
+      )),
+      needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
+        import_TabsStructure.TabsStructure.ChevronButton,
+        {
+          direction: "next",
+          disabled: isAtEnd,
+          onClick: scrollRight,
+          style: { marginLeft: "8px" }
+        }
+      )
     )
-  )));
+  ));
 });
 var CategoryTabs_default = CategoryTabs;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA5/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA9/index.d.ts

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