@pisell/private-materials 6.3.30 → 6.3.32

package/es/components/booking/info/model.d.ts

@@ -1,5 +1,14 @@
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/booking/info/model.js

@@ -21,6 +21,11 @@ var _miniRedux = miniRedux({
         });
         // return { ...state, client: { ...state.client, ...payload } };
       },
+      setContactsInfo: function setContactsInfo(state, payload) {
+        state.setGlobalState({
+          contacts_info: _objectSpread(_objectSpread({}, state.contacts_info), payload)
+        });
+      },
       setService: function setService(state, payload) {
         var obj = {};
         // 拦截,  如果服务列表里 有两个相近时间的服务, 删除最后一个

package/es/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/es/components/booking/info2/index.js

@@ -34,6 +34,7 @@ import classNames from 'classnames';
 import useCreateBookingPageHeader from "../hooks/useCreateBookingPageHeader";
 import { getLocale } from "../../../utils/locales";
 import { useDebounceEffect } from 'ahooks';
+import ContactInfoMode from "./service/contactInfoMode";
 var defaultModules = {
   client: 1,
   date: 1,
@@ -43,7 +44,7 @@ var defaultModules = {
 };
 locales.init(localeTexts, getLocale());
 var Info = Provider(function (props) {
-  var _modal$state2, _modal$state4, _modal$state6, _context$appHelper4, _modal$state7;
+  var _modal$state2, _modal$state4, _modal$state6, _context$appHelper4, _modal$state7, _modal$state8;
   // return <Payments {...props} />;
   var style = props.style,
     globalState = props.globalState,
@@ -278,7 +279,7 @@ var Info = Provider(function (props) {
     height: context !== null && context !== void 0 && (_context$appHelper4 = context.appHelper) !== null && _context$appHelper4 !== void 0 && (_context$appHelper4 = _context$appHelper4.utils) !== null && _context$appHelper4 !== void 0 && _context$appHelper4.isMobile ? '100%' : '100vh'
   }), "bodyClassName", classNames('booking-info-warp', _defineProperty(_defineProperty({}, 'create-booking-page-info-wrap', isBookingCreatePage), 'create-booking-page-info-wrap-create', isBookingCreatePageCreateMode))), /*#__PURE__*/React.createElement("div", {
     className: "booking-info"
-  }, createHeader, modules.client ? /*#__PURE__*/React.createElement(Client, null) : null, modules.holder && !((_modal$state7 = modal.state) !== null && _modal$state7 !== void 0 && _modal$state7.disabledEdit) ? /*#__PURE__*/React.createElement(React.Fragment, null, params.type === 'form' ? /*#__PURE__*/React.createElement(Pet, null) : null) : null, modules.date ? /*#__PURE__*/React.createElement(DateCom, null) : null, /*#__PURE__*/React.createElement(Skeleton, {
+  }, createHeader, modules.client ? /*#__PURE__*/React.createElement(Client, null) : null, (modal === null || modal === void 0 || (_modal$state7 = modal.state) === null || _modal$state7 === void 0 || (_modal$state7 = _modal$state7.bookingConfig) === null || _modal$state7 === void 0 || (_modal$state7 = _modal$state7.config) === null || _modal$state7 === void 0 || (_modal$state7 = _modal$state7.cart_settings_tab) === null || _modal$state7 === void 0 || (_modal$state7 = _modal$state7.display_contact_info) === null || _modal$state7 === void 0 ? void 0 : _modal$state7.show_contact_info) === true ? /*#__PURE__*/React.createElement(ContactInfoMode, null) : null, modules.holder && !((_modal$state8 = modal.state) !== null && _modal$state8 !== void 0 && _modal$state8.disabledEdit) ? /*#__PURE__*/React.createElement(React.Fragment, null, params.type === 'form' ? /*#__PURE__*/React.createElement(Pet, null) : null) : null, modules.date ? /*#__PURE__*/React.createElement(DateCom, null) : null, /*#__PURE__*/React.createElement(Skeleton, {
     loading: globalState.loading,
     round: true,
     active: true,

package/es/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/es/components/booking/info2/service/contactInfoMode/index.d.ts

@@ -0,0 +1,2 @@
+declare const ContactInfoMode: () => JSX.Element;
+export default ContactInfoMode;

package/es/components/booking/info2/service/contactInfoMode/index.js

@@ -0,0 +1,94 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useContext, useEffect } from 'react';
+import { locales } from '@pisell/utils';
+import ContactInfo from "../../../../../plus/contactInfo";
+import { Context } from "../../../info/model";
+var ContactInfoMode = function ContactInfoMode() {
+  var _state$client$value6, _state$contacts_info3, _state$contacts_info4;
+  var _useContext = useContext(Context),
+    state = _useContext.state,
+    dispatch = _useContext.dispatch;
+  console.log('state>>>>>>>>>', state);
+  useEffect(function () {
+    var _state$contacts_info, _state$client$value, _state$client$value2, _state$contacts_info2;
+    // 如果客户id发生变化，则获取客户信息中的ContactInfo，如果不存在，则使用客户信息填充ContactInfo
+    console.log('state>>>>>>>>>111', state === null || state === void 0 || (_state$contacts_info = state.contacts_info) === null || _state$contacts_info === void 0 ? void 0 : _state$contacts_info.client_id);
+    console.log('state>>>>>>>>>222', (_state$client$value = state.client.value) === null || _state$client$value === void 0 ? void 0 : _state$client$value.id);
+    if (((_state$client$value2 = state.client.value) === null || _state$client$value2 === void 0 ? void 0 : _state$client$value2.id) != (state === null || state === void 0 || (_state$contacts_info2 = state.contacts_info) === null || _state$contacts_info2 === void 0 ? void 0 : _state$contacts_info2.client_id)) {
+      var _state$client$value3;
+      var contactInfo = (_state$client$value3 = state.client.value) === null || _state$client$value3 === void 0 || (_state$client$value3 = _state$client$value3.contacts_info) === null || _state$client$value3 === void 0 ? void 0 : _state$client$value3.value;
+      if (!contactInfo) {
+        var _state$client, _state$client$value4;
+        var _ref = ((_state$client = state.client) === null || _state$client === void 0 ? void 0 : _state$client.value) || {},
+          first_name = _ref.first_name,
+          last_name = _ref.last_name,
+          phone = _ref.phone,
+          country_calling_code = _ref.country_calling_code,
+          country_code = _ref.country_code,
+          email = _ref.email;
+        dispatch({
+          type: 'setContactsInfo',
+          payload: {
+            value: {
+              first_name: first_name || '',
+              last_name: last_name || '',
+              phone: {
+                phone: phone || '',
+                country_calling_code: country_calling_code || '',
+                country_code: country_code || ''
+              },
+              email: email || ''
+            },
+            client_id: (_state$client$value4 = state.client.value) === null || _state$client$value4 === void 0 ? void 0 : _state$client$value4.id
+          }
+        });
+      } else {
+        var _state$client$value5;
+        dispatch({
+          type: 'setContactsInfo',
+          payload: {
+            value: _objectSpread({}, contactInfo || {}),
+            client_id: (_state$client$value5 = state.client.value) === null || _state$client$value5 === void 0 ? void 0 : _state$client$value5.id
+          }
+        });
+      }
+    }
+  }, [(_state$client$value6 = state.client.value) === null || _state$client$value6 === void 0 ? void 0 : _state$client$value6.id, state === null || state === void 0 || (_state$contacts_info3 = state.contacts_info) === null || _state$contacts_info3 === void 0 ? void 0 : _state$contacts_info3.client_id]);
+  var handleSave = function handleSave(value) {
+    dispatch({
+      type: 'setContactsInfo',
+      payload: {
+        value: value,
+        edit: true
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '24px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-contact-info-title",
+    style: {
+      fontSize: '16px',
+      fontWeight: 500,
+      marginBottom: '8px'
+    }
+  }, locales.getText('pisell2.booking.text.contact-info.title')), /*#__PURE__*/React.createElement(ContactInfo, {
+    dataSource: ((_state$contacts_info4 = state.contacts_info) === null || _state$contacts_info4 === void 0 ? void 0 : _state$contacts_info4.value) || null,
+    isShowDelete: false,
+    isShowAvatar: false,
+    isShowPhone: true,
+    isShowEmail: true,
+    style: {
+      padding: '14px 0 14px 14px'
+    },
+    onSave: handleSave
+  }));
+};
+export default ContactInfoMode;

package/es/components/booking/locales.d.ts

@@ -276,6 +276,7 @@ declare const _default: {
         'pisell2.text.quotation.product.change.title': string;
         'pisell2.text.quotation.product.change.describe': string;
         'pisell2.text.form.link.to.another.record.more': string;
+        'pisell2.booking.text.contact-info.title': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -554,6 +555,7 @@ declare const _default: {
         'pisell2.text.quotation.product.change.title': string;
         'pisell2.text.quotation.product.change.describe': string;
         'pisell2.text.form.link.to.another.record.more': string;
+        'pisell2.booking.text.contact-info.title': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -832,6 +834,7 @@ declare const _default: {
         'pisell2.text.quotation.product.change.title': string;
         'pisell2.text.quotation.product.change.describe': string;
         'pisell2.text.form.link.to.another.record.more': string;
+        'pisell2.booking.text.contact-info.title': string;
     };
 };
 export default _default;

package/es/components/booking/locales.js

@@ -320,7 +320,9 @@ export default {
     },
     'pisell2.text.quotation.product.change.title': "Notification",
     'pisell2.text.quotation.product.change.describe': "Product updates available: Please refresh the following items to load the latest data.",
-    'pisell2.text.form.link.to.another.record.more': 'View More'
+    'pisell2.text.form.link.to.another.record.more': 'View More',
+    // 联系信息
+    'pisell2.booking.text.contact-info.title': 'Contact info'
   },
   'zh-CN': {
     'pisell2.text.refunded-amount': '已退金额',
@@ -647,7 +649,9 @@ export default {
     },
     'pisell2.text.quotation.product.change.title': "提示",
     'pisell2.text.quotation.product.change.describe': "以下商品信息已更新，请重新编辑相关商品以同步最新数据。",
-    'pisell2.text.form.link.to.another.record.more': '查看更多'
+    'pisell2.text.form.link.to.another.record.more': '查看更多',
+    // 联系信息
+    'pisell2.booking.text.contact-info.title': '联系信息'
   },
   'zh-HK': {
     'pisell2.text.refunded-amount': '已退金額',
@@ -974,6 +978,8 @@ export default {
     },
     'pisell2.text.quotation.product.change.title': "提示",
     'pisell2.text.quotation.product.change.describe': "以下商品信息已更新，请重新编辑相关商品以同步最新数据。",
-    'pisell2.text.form.link.to.another.record.more': '查看更多'
+    'pisell2.text.form.link.to.another.record.more': '查看更多',
+    // 联系信息
+    'pisell2.booking.text.contact-info.title': '聯繫信息'
   }
 };

package/es/components/booking/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -26,6 +27,10 @@ export interface FormState {
         };
         edit: boolean;
     };
+    contacts_info: {
+        edit: boolean;
+        value: any;
+    };
     date: {
         value: any;
         end_date: any;
@@ -105,4 +110,11 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/booking/model.js

@@ -27,6 +27,9 @@ var apis = {
   },
   getFormData: function getFormData() {
     return [];
+  },
+  getContactsInfo: function getContactsInfo() {
+    return null;
   }
 };
 export var walkInData = {

package/es/components/booking/notes/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/booking/payments/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/device.d.ts

@@ -10,7 +10,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

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

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

package/es/components/pay/toC/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -29,4 +30,11 @@ export interface PayGroup {
     _order: any;
     front_order_uuid?: string;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/ticketBooking/components/ticketBooking/index.less

@@ -8,7 +8,8 @@
       .booking-info-create-new,
       .pisell-lowcode__booking-field-title,
       .pisell-lowcode__shopping-cart-empty,
-      .pisell-lowcode__booking-service-clear-btn {
+      .pisell-lowcode__booking-service-clear-btn,
+      .pisell-lowcode__booking-contact-info-title {
         color: #ffffff;
       }
     }

package/es/components/wallet/Detail/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    addWalletCard: any;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    walletDetailState: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/DiscountCard/model.d.ts

@@ -1 +1,14 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+    setup?: 'menu' | 'list' | 'detail' | string;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/PointCard/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/RechargeableCard/model.d.ts

@@ -1 +1,29 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    selectedGiftOptionId: string | null;
+    cardList: Array<{
+        id: string;
+        name: string;
+        price: number;
+    }>;
+    selectedItem: {
+        id?: string;
+        gift_price?: number;
+        price?: number;
+        name?: string;
+        variant_id?: string;
+    };
+    productId?: string;
+    detailId?: string;
+    total: string | number;
+    rechargeModalOpen: boolean;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/Voucher/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: 0;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -26,4 +27,11 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    global_wallet: WalletListProps;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/index.d.ts

@@ -50,3 +50,6 @@ 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 { default as ContactInfo } from './plus/contactInfo';
+export { default as ContactInfoModal } from './plus/contactInfoModal';
+export { Login2, Register2, AuthModal } from './pro/Login2.0';

package/es/index.js

@@ -53,4 +53,7 @@ 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 { default as PinVerifyModal } from "./components/pinVerifyModal";
+export { default as ContactInfo } from "./plus/contactInfo";
+export { default as ContactInfoModal } from "./plus/contactInfoModal";
+export { Login2, Register2, AuthModal } from "./pro/Login2.0";

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

@@ -0,0 +1,4 @@
+import './index.less';
+import { IClientNameProps } from './type';
+declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;
+export default ClientName;

package/es/plus/clientName/index.js

@@ -0,0 +1,18 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import "./index.less";
+import { getClientName } from "./utils";
+var ClientName = function ClientName(_ref) {
+  var className = _ref.className,
+    dataSource = _ref.dataSource,
+    style = _ref.style;
+  var name = useMemo(function () {
+    return getClientName(dataSource);
+  }, [dataSource]);
+  if (!dataSource) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-client-name', className),
+    style: style || {}
+  }, name);
+};
+export default ClientName;

package/es/plus/clientName/index.less

@@ -0,0 +1,10 @@
+.pisell-client-name {
+  color: var(--Base-Black, #000);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/es/plus/clientName/type.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare type ClientData = {
+    display_name?: string;
+    nickname?: string;
+    first_name?: string;
+    last_name?: string;
+    [key: string]: any;
+};
+export interface IClientNameProps {
+    dataSource?: string | ClientData | null;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/es/plus/clientName/type.js

@@ -0,0 +1 @@
+export {};

package/es/plus/clientName/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClientData } from './type';
+export declare const getClientName: (dataSource: string | ClientData | null) => string | null;

package/es/plus/clientName/utils.js

@@ -0,0 +1,18 @@
+export var getClientName = function getClientName(dataSource) {
+  if (!dataSource || typeof dataSource === 'string') {
+    return dataSource;
+  }
+  var first_name = dataSource.first_name,
+    last_name = dataSource.last_name,
+    display_name = dataSource.display_name,
+    nickname = dataSource.nickname;
+  var finalName = '';
+  if (display_name) {
+    finalName = display_name;
+  } else if (nickname) {
+    finalName = nickname;
+  } else if (first_name || last_name) {
+    finalName = "".concat(first_name, " ").concat(last_name).trim();
+  }
+  return finalName;
+};

package/es/plus/contactInfo/components/Avatar/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AvatarConfig } from '../../types';
+import '../../index.less';
+interface AvatarProps {
+    config?: AvatarConfig;
+    name: string;
+    cover?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/es/plus/contactInfo/components/Avatar/index.js

@@ -0,0 +1,30 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { PisellAvatar } from '@pisell/materials';
+import { getAvatarText } from "../../utils";
+import { PREFIX } from "../../index";
+import "../../index.less";
+var Avatar = function Avatar(props) {
+  var config = props.config,
+    name = props.name,
+    cover = props.cover;
+  var _ref = config || {},
+    useTextAvatar = _ref.useTextAvatar,
+    children = _ref.children;
+  if (useTextAvatar) {
+    var text = children || getAvatarText(name);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(PREFIX, "__avatar-wrapper")
+    }, /*#__PURE__*/React.createElement(PisellAvatar, _extends({
+      className: "".concat(PREFIX, "__avatar")
+    }, config || {}), text));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__avatar-wrapper")
+  }, /*#__PURE__*/React.createElement(PisellAvatar, _extends({
+    className: "".concat(PREFIX, "__avatar")
+  }, config || {}, {
+    src: cover || ''
+  })));
+};
+export default Avatar;