@pisell/private-materials 6.3.104 → 6.3.106

package/lib/index.d.ts

@@ -44,13 +44,16 @@ 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 ClientCard } from './plus/clientCard';
+export { default as ClientSearch } from './plus/clinetSearch';
+export { default as ComprehensiveSearch } from './pro/comprehensiveSearch';
 export { default as SaasLogin } from './plus/saasLogin';
 export { default as SaasRegister } from './plus/saasRegister';
 export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';
 export { default as PinModal } from './components/pinModal';
 export { default as PinVerifyModal } from './components/pinVerifyModal';
-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 { 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 { Login2, Register2, AuthModal } from './pro/Login2.0';
@@ -60,7 +63,17 @@ export { default as WalletPassDetail } from './plus/walletPassGallery/components
 export { default as SelectHolder } from './plus/selectHolder';
 export { default as HolderList } from './plus/selectHolder/components/HolderList';
 export { default as SettingsRegistry } from './components/systemSettings/registry';
+export { default as SaasRole } from './plus/saasRole';
+export { default as SaasTeamMembers } from './plus/saasTeamMembers';
+export type { SaasTeamMembersProps } from './plus/saasTeamMembers/type';
 export { default as KioskSkuDetail } from './components/kioskSkuDetail';
 export { default as ProNumberSelector } from './pro/pisellNumberSelector';
-export { default as Selector } from './pro/Selector';
 export { default as SKUOptionsSelection } from './plus/skuOptionsSelection';
+export { default as SaasAttendance } from './plus/saasAttendance';
+export { default as Selector } from './pro/Selector';
+export { default as PisellSalesGrid } from './plus/pisellSalesGrid';
+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 pisellSalesManagement } from './plus/pisellSalesManagement';

package/lib/index.js

@@ -44,11 +44,17 @@ __export(src_exports, {
   BookingPayment: () => import_payments.default,
   BookingResources: () => import_resources.default,
   BookingStartTime: () => import_startTime.default,
+  ClientCard: () => import_clientCard.default,
+  ClientSearch: () => import_clinetSearch.default,
+  ComprehensiveSearch: () => import_comprehensiveSearch.default,
   ContactInfo: () => import_contactInfo.default,
   ContactInfoModal: () => import_contactInfoModal.default,
   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,
@@ -70,10 +76,12 @@ __export(src_exports, {
   Login2: () => import_Login2.Login2,
   OAuthConfig: () => import_admin.OAuthConfig,
   OnlineShopAuth: () => import_admin.OnlineShopAuth,
+  OrderList: () => import_orderList.default,
   OrgAdminAuth: () => import_admin.OrgAdminAuth,
   POSOperatorAuth: () => import_admin.POSOperatorAuth,
   PinModal: () => import_pinModal.default,
   PinVerifyModal: () => import_pinVerifyModal.default,
+  PisellSalesGrid: () => import_pisellSalesGrid.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
   ProNumberSelector: () => import_pisellNumberSelector.default,
   ProductExtension: () => import_productExtension.default,
@@ -82,9 +90,12 @@ __export(src_exports, {
   SKUOptionsSelection: () => import_skuOptionsSelection.default,
   SaaSAdminAuth: () => import_admin.SaaSAdminAuth,
   SaaSManagermentAuth: () => import_admin.SaaSManagermentAuth,
+  SaasAttendance: () => import_saasAttendance.default,
   SaasCreateOrganization: () => import_saasCreateOrganization.default,
   SaasLogin: () => import_saasLogin.default,
   SaasRegister: () => import_saasRegister.default,
+  SaasRole: () => import_saasRole.default,
+  SaasTeamMembers: () => import_saasTeamMembers.default,
   Schedules: () => import_schedules.default,
   SelectHolder: () => import_selectHolder2.default,
   Selector: () => import_Selector.default,
@@ -102,7 +113,8 @@ __export(src_exports, {
   WalletPassDetail: () => import_passDetail.default,
   WalletPassGallery: () => import_walletPassGallery.default,
   WorkspaceList: () => import_workSpaceList.default,
-  WorkspaceListDetail: () => import_workSpaceListDetail.default
+  WorkspaceListDetail: () => import_workSpaceListDetail.default,
+  pisellSalesManagement: () => import_pisellSalesManagement.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_weekday = __toESM(require("dayjs/plugin/weekday"));
@@ -153,6 +165,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_clientCard = __toESM(require("./plus/clientCard"));
+var import_clinetSearch = __toESM(require("./plus/clinetSearch"));
+var import_comprehensiveSearch = __toESM(require("./pro/comprehensiveSearch"));
 var import_saasLogin = __toESM(require("./plus/saasLogin"));
 var import_saasRegister = __toESM(require("./plus/saasRegister"));
 var import_saasCreateOrganization = __toESM(require("./plus/saasCreateOrganization"));
@@ -168,10 +183,19 @@ var import_passDetail = __toESM(require("./plus/walletPassGallery/components/pas
 var import_selectHolder2 = __toESM(require("./plus/selectHolder"));
 var import_HolderList = __toESM(require("./plus/selectHolder/components/HolderList"));
 var import_registry = __toESM(require("./components/systemSettings/registry"));
+var import_saasRole = __toESM(require("./plus/saasRole"));
+var import_saasTeamMembers = __toESM(require("./plus/saasTeamMembers"));
 var import_kioskSkuDetail = __toESM(require("./components/kioskSkuDetail"));
 var import_pisellNumberSelector = __toESM(require("./pro/pisellNumberSelector"));
-var import_Selector = __toESM(require("./pro/Selector"));
 var import_skuOptionsSelection = __toESM(require("./plus/skuOptionsSelection"));
+var import_saasAttendance = __toESM(require("./plus/saasAttendance"));
+var import_Selector = __toESM(require("./pro/Selector"));
+var import_pisellSalesGrid = __toESM(require("./plus/pisellSalesGrid"));
+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_pisellSalesManagement = __toESM(require("./plus/pisellSalesManagement"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -191,11 +215,17 @@ import_dayjs.default.extend(import_localeData.default);
   BookingPayment,
   BookingResources,
   BookingStartTime,
+  ClientCard,
+  ClientSearch,
+  ComprehensiveSearch,
   ContactInfo,
   ContactInfoModal,
   CustomerAuth,
   CustomerOAuthConfig,
   DeviceAuth,
+  EcoCupList,
+  EcoCupProject,
+  EcoCustomerList,
   EditBookingModal,
   Eftpos,
   EftposPay,
@@ -217,10 +247,12 @@ import_dayjs.default.extend(import_localeData.default);
   Login2,
   OAuthConfig,
   OnlineShopAuth,
+  OrderList,
   OrgAdminAuth,
   POSOperatorAuth,
   PinModal,
   PinVerifyModal,
+  PisellSalesGrid,
   PisellSelectCustomerModal,
   ProNumberSelector,
   ProductExtension,
@@ -229,9 +261,12 @@ import_dayjs.default.extend(import_localeData.default);
   SKUOptionsSelection,
   SaaSAdminAuth,
   SaaSManagermentAuth,
+  SaasAttendance,
   SaasCreateOrganization,
   SaasLogin,
   SaasRegister,
+  SaasRole,
+  SaasTeamMembers,
   Schedules,
   SelectHolder,
   Selector,
@@ -249,5 +284,6 @@ import_dayjs.default.extend(import_localeData.default);
   WalletPassDetail,
   WalletPassGallery,
   WorkspaceList,
-  WorkspaceListDetail
+  WorkspaceListDetail,
+  pisellSalesManagement
 });

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ClientData, ClientCardProps, ProcessedClientData, FieldNames } from './types';
+import './index.less';
+export declare const processClientData: (dataSource: ClientData, fieldNames?: FieldNames) => ProcessedClientData | null;
+export declare const PREFIX = "pisell-client-card";
+declare const ClientCard: React.FC<ClientCardProps>;
+export default ClientCard;

package/lib/plus/clientCard/index.js

@@ -0,0 +1,457 @@
+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/clientCard/index.tsx
+var clientCard_exports = {};
+__export(clientCard_exports, {
+  PREFIX: () => PREFIX,
+  default: () => clientCard_default,
+  processClientData: () => processClientData
+});
+module.exports = __toCommonJS(clientCard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_icon = require("@pisell/icon");
+var import_classnames = __toESM(require("classnames"));
+var import_line = __toESM(require("./line"));
+var import_locales = __toESM(require("./locales"));
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_clientName = __toESM(require("../clientName"));
+var import_utils2 = require("./utils");
+var import_index = require("./index.less");
+var processClientData = (dataSource, fieldNames = {}) => {
+  if (!dataSource) return null;
+  const fields = [
+    "id",
+    "name",
+    "display_name",
+    "nickname",
+    "cover",
+    "phone",
+    "email",
+    "birthday",
+    "address",
+    "tags"
+  ];
+  const _data = {};
+  fields.forEach((key) => {
+    _data[key] = (0, import_utils2.getFieldValue)(dataSource, key, fieldNames);
+  });
+  return {
+    ...dataSource,
+    ..._data
+  };
+};
+var PREFIX = "pisell-client-card";
+var renderAvatar = (processedData, avatarConfig = {}, isShowAvatar = true, isShowStatus = false, statusConfig = {}) => {
+  if (!isShowAvatar || !processedData) return null;
+  const { icon, useTextAvatar = false, children } = avatarConfig;
+  const statusIndicator = isShowStatus && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${PREFIX}__status-indicator`,
+      style: {
+        backgroundColor: statusConfig.color || "#17B26A"
+      }
+    }
+  );
+  if (useTextAvatar) {
+    const text = children || (0, import_utils2.getAvatarText)(
+      processedData.name || processedData.display_name || processedData.nickname || ""
+    );
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__avatar-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellAvatar, { className: `${PREFIX}__avatar`, ...avatarConfig }, text), statusIndicator);
+  }
+  if (icon) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__avatar-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellAvatar,
+      {
+        className: `${PREFIX}__avatar`,
+        ...avatarConfig,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: icon })
+      }
+    ), statusIndicator);
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__avatar-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellAvatar,
+    {
+      className: `${PREFIX}__avatar`,
+      ...avatarConfig,
+      src: processedData.cover
+    }
+  ), statusIndicator);
+};
+var renderTags = (processedData, isShowTag = true, tags = [], tagConfig = {}) => {
+  if (!isShowTag) return null;
+  const tagsToShow = tags.length > 0 ? tags : (processedData == null ? void 0 : processedData.tags) || [];
+  if (!tagsToShow.length) return null;
+  const { gap = 4, flexWrap = "nowrap" } = tagConfig;
+  const isNoWrap = flexWrap === "nowrap";
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        `${PREFIX}__tags`,
+        isNoWrap && `${PREFIX}__tags--nowrap`
+      ),
+      style: { gap, flexWrap }
+    },
+    tagsToShow.map((tag, index) => {
+      const content = typeof tag === "string" ? tag : tag.children || tag.label;
+      const tagProps = {
+        key: index,
+        color: typeof tag === "object" ? tag.color : void 0,
+        className: (0, import_classnames.default)(
+          `${PREFIX}__tag`,
+          isNoWrap && `${PREFIX}__tag--nowrap`,
+          !isNoWrap && `${PREFIX}__tag--wrap`
+        )
+      };
+      return import_react.default.createElement(import_antd.Tag, tagProps, content);
+    })
+  );
+};
+var renderContactInfo = (processedData, isShowPhone = true, isShowEmail = true, isShowBirthday = true, isShowAddress = true, gap, cardType) => {
+  if (!processedData) return null;
+  const fields = [];
+  if (cardType === "b2") {
+    if (isShowPhone && processedData.phone) {
+      fields.push({ value: processedData.phone, type: "phone" });
+    } else if (isShowEmail && processedData.email) {
+      fields.push({ value: processedData.email, type: "email" });
+    }
+  } else {
+    if (isShowPhone && processedData.phone) {
+      fields.push({ value: processedData.phone, type: "phone" });
+    }
+    if (isShowEmail && processedData.email) {
+      fields.push({ value: processedData.email, type: "email" });
+    }
+  }
+  if (isShowBirthday && processedData.birthday) {
+    fields.push({ value: processedData.birthday, type: "birthday" });
+  }
+  if (isShowAddress && processedData.address) {
+    fields.push({ value: processedData.address, type: "address" });
+  }
+  if (!fields.length) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__fields`, style: { gap } }, fields.map((field, index) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: index,
+      className: (0, import_classnames.default)(
+        `${PREFIX}__contact`,
+        field.type === "address" && `${PREFIX}__contact--address`
+      )
+    },
+    field.value
+  )));
+};
+var renderExtraFields = (extraFields = [], gap) => {
+  if (!extraFields.length) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__extra-fields`, style: { gap } }, extraFields.map((field, index) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: `${PREFIX}__extra-field` }, field.icon && /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Icon,
+      {
+        type: field.icon,
+        className: `${PREFIX}__extra-field-icon`,
+        style: {
+          fontSize: field.iconSize,
+          color: field.iconColor
+        }
+      }
+    ), field.isShowLabel !== false && field.label && /* @__PURE__ */ import_react.default.createElement("span", { className: `${PREFIX}__extra-field-label` }, field.label, ":"), field.isShowValue !== false && field.value && /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(`${PREFIX}__extra-field-value`) }, field.value));
+  }));
+};
+var ClientCard = ({
+  // 基础配置
+  type = "b2",
+  direction = "horizontal",
+  dataSource,
+  fieldNames = {},
+  // 样式配置
+  style: customStyle = {},
+  horizontalGap,
+  verticalGap,
+  // 显示配置
+  isShowAvatar = true,
+  isShowName = true,
+  isShowPhone = true,
+  isShowEmail = true,
+  isShowBirthday = true,
+  isShowAddress = true,
+  isShowTag = true,
+  isShowStatus = false,
+  isShowEmptyDescription = true,
+  // 头像配置
+  avatar = {},
+  status = {},
+  // 下拉菜单
+  dropdown,
+  // 姓名样式
+  defaultName,
+  nameStyle = {},
+  // 标签配置
+  tags = [],
+  tag = {},
+  // 额外字段
+  extraFields = [],
+  // 插槽
+  slots = {},
+  // 事件回调
+  onViewClient,
+  onAddClient,
+  onChangeClient,
+  onRemoveClient
+}) => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(
+    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 processed = (0, import_react.useMemo)(() => {
+    if (dataSource) {
+      return processClientData(dataSource, fieldNames);
+    }
+    return null;
+  }, [dataSource, fieldNames]);
+  const translatedExtraFields = (0, import_react.useMemo)(() => {
+    const _fields = extraFields.filter((item) => !!item);
+    return _fields;
+  }, [extraFields]);
+  const _dropdownProps = (0, import_react.useMemo)(() => {
+    const _props = {
+      menu: {
+        items: [
+          {
+            key: "change",
+            label: import_utils.locales.getText("pisell2.text.change-client"),
+            onClick: () => {
+              onChangeClient == null ? void 0 : onChangeClient(dataSource);
+            }
+          },
+          {
+            key: "remove",
+            label: import_utils.locales.getText("pisell2.text.remove-client"),
+            onClick: () => {
+              onRemoveClient == null ? void 0 : onRemoveClient(dataSource);
+            }
+          }
+        ]
+      }
+    };
+    if (dropdown && "open" in dropdown) {
+      _props.open = dropdown.open;
+    }
+    return _props;
+  }, [dropdown]);
+  const isWalkIn = (0, import_utils2.isWalkIn)(processed == null ? void 0 : processed.id);
+  if (isWalkIn) {
+    const cardStyle2 = {
+      ...customStyle,
+      gap: horizontalGap
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(PREFIX, `${PREFIX}--empty`),
+        ...{ onClick: () => onAddClient == null ? void 0 : onAddClient() },
+        style: { ...cardStyle2, cursor: "pointer" }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__content` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__info` }, isShowAvatar && /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellAvatar,
+        {
+          icon: avatar.icon ? /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: avatar.icon }) : /* @__PURE__ */ import_react.default.createElement(
+            import_icon.User01,
+            {
+              style: {
+                color: "#475467"
+              }
+            }
+          ),
+          size: avatar.size
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__details`, style: { gap: verticalGap } }, isShowName && /* @__PURE__ */ import_react.default.createElement(
+        import_clientName.default,
+        {
+          dataSource: defaultName || import_utils.locales.getText("pisell2.text.add-client"),
+          style: nameStyle
+        }
+      ), isShowEmptyDescription && /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__empty-description` }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__actions` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${PREFIX}__plugin-icon` }, /* @__PURE__ */ import_react.default.createElement(
+        import_icon.PlusCircle,
+        {
+          style: {
+            fontSize: 28,
+            color: "#475467"
+          }
+        }
+      ))))
+    );
+  }
+  if (type === "b1") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_line.default,
+      {
+        dataSource: processed,
+        isShowAvatar,
+        isShowPhone,
+        isShowEmail,
+        isShowStatus,
+        style: customStyle,
+        horizontalGap,
+        avatar,
+        status,
+        nameStyle,
+        tags,
+        tag,
+        slots,
+        onViewClient
+      }
+    );
+  }
+  const cardStyle = {
+    ...customStyle,
+    gap: horizontalGap
+  };
+  const isVertical = direction === "vertical";
+  const isInlineTag = tag.placement === "inline";
+  const getFieldVisibility = () => {
+    switch (type) {
+      case "b2":
+        return {
+          showBirthday: false,
+          showAddress: false,
+          showExtraFields: false
+        };
+      case "b5":
+        return {
+          showBirthday: isShowBirthday,
+          showAddress: isShowAddress,
+          showExtraFields: false
+        };
+      case "b9":
+        return {
+          showBirthday: isShowBirthday,
+          showAddress: isShowAddress,
+          showExtraFields: true
+        };
+      default:
+        return {
+          showBirthday: isShowBirthday,
+          showAddress: isShowAddress,
+          showExtraFields: true
+        };
+    }
+  };
+  const { showBirthday, showAddress, showExtraFields } = getFieldVisibility();
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(PREFIX, `${PREFIX}--${type}`, {
+        [`${PREFIX}--vertical`]: isVertical,
+        [`${PREFIX}--horizontal`]: !isVertical
+      }),
+      style: { ...cardStyle, cursor: "pointer" },
+      ...{ onClick: () => dataSource && (onViewClient == null ? void 0 : onViewClient(dataSource)) }
+    },
+    slots.top,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__content` }, slots.left && /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__slot-left` }, slots.left), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__info` }, renderAvatar(processed, avatar, isShowAvatar, isShowStatus, status), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__details`, style: { gap: verticalGap } }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          `${PREFIX}__name-tags`,
+          isInlineTag && `${PREFIX}__name-tags--inline`
+        )
+      },
+      isShowName && /* @__PURE__ */ import_react.default.createElement(
+        import_clientName.default,
+        {
+          dataSource: processed,
+          style: nameStyle,
+          className: "pisell-client-card__name "
+        }
+      ),
+      isInlineTag && renderTags(processed, isShowTag, tags, tag)
+    ), !isInlineTag && renderTags(processed, isShowTag, tags, tag), renderContactInfo(
+      processed,
+      isShowPhone,
+      isShowEmail,
+      showBirthday,
+      showAddress,
+      typeof verticalGap === "number" ? verticalGap : void 0,
+      type
+    ), showExtraFields && renderExtraFields(
+      translatedExtraFields,
+      typeof verticalGap === "number" ? verticalGap : void 0
+    ))), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${PREFIX}__actions`,
+        onClick: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Dropdown,
+        {
+          trigger: ["click"],
+          placement: "bottomRight",
+          ..._dropdownProps
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            type: "text",
+            className: `${PREFIX}__menu-button`,
+            size: "large",
+            icon: /* @__PURE__ */ import_react.default.createElement(
+              import_materials.Icon,
+              {
+                type: "pisell2-dots-vertical",
+                className: `${PREFIX}__menu-button-icon`
+              }
+            ),
+            ...(dropdown == null ? void 0 : dropdown.buttonProps) || {},
+            onClick: (e) => {
+              var _a2, _b2;
+              e.stopPropagation();
+              (_b2 = (_a2 = dropdown == null ? void 0 : dropdown.buttonProps) == null ? void 0 : _a2.onClick) == null ? void 0 : _b2.call(_a2, e);
+            }
+          }
+        )
+      )
+    ), slots.right && /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__slot-right` }, slots.right)),
+    slots.bottom
+  );
+};
+var clientCard_default = ClientCard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PREFIX,
+  processClientData
+});