@pisell/private-materials 6.3.70 → 6.3.71

package/es/components/kioskSkuDetail/index.less

@@ -0,0 +1,196 @@
+.pisell-kiosk-sku-detail-viewport {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  background: #f2f4f7;
+}
+
+.pisell-kiosk-sku-detail {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1080px;
+  height: 1800px;
+  overflow-y: auto;
+  background: #f2f4f7;
+  background-size: cover;
+  background-position: center;
+  padding: 40px;
+  box-sizing: border-box;
+}
+
+.pisell-kiosk-sku-detail__content {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  padding-bottom: 220px; // avoid overlap with footer
+  .pisell-pro-selector_header-content {
+    .pisell-pro-selector_header-content-title {
+      color: #101828;
+      font-size: 36px !important;
+    }
+    .pisell-lowcode-tag {
+      font-size: 22px !important;
+      margin-left: 20px !important;
+      padding-top: 5px !important;
+      padding-bottom: 5px !important;
+    }
+  }
+  .pisell-pro-selector_tip {
+    font-size: 36px !important;
+    color: #667085;
+  }
+  .pisell-sku-options-selection-variant-card__title {
+    font-size: 36px !important;
+    font-weight: 600 !important;
+    color: #101828;
+  }
+  .pisell-sku-options-selection-variant-card__price {
+    font-size: 30px !important;
+  }
+  .pisell-sku-options-selection-variant-card {
+    padding-top: 30px !important;
+    padding-bottom: 30px !important;
+  }
+}
+
+.pisell-kiosk-sku-detail__hero {
+  width: 100%;
+  border-radius: 40px;
+  overflow: hidden;
+  background: #ffffff;
+}
+
+.pisell-kiosk-sku-detail__hero-img {
+  width: 100%;
+  height: 633px;
+  object-fit: cover;
+  display: block;
+}
+
+.pisell-kiosk-sku-detail__hero-placeholder {
+  width: 100%;
+  height: 633px;
+  background: #f2f4f7;
+}
+
+.pisell-kiosk-sku-detail__header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+  text-align: center;
+}
+
+.pisell-kiosk-sku-detail__title {
+  font-size: 60px;
+  line-height: 72px;
+  font-weight: 600;
+  color: #000;
+}
+
+.pisell-kiosk-sku-detail__desc {
+  font-size: 36px;
+  line-height: 44px;
+  font-weight: 400;
+  color: #475467;
+}
+
+.pisell-kiosk-sku-detail__price-range {
+  font-size: 48px;
+  line-height: 60px;
+  font-weight: 600;
+  color: #f79009;
+}
+
+.pisell-kiosk-sku-detail__error {
+  font-size: 20px;
+  line-height: 30px;
+  color: #b42318;
+}
+
+.pisell-kiosk-sku-detail__options-card {
+  background: #fff;
+  border-radius: 40px;
+  padding: 40px;
+  .pisell-pro-selector_options-container {
+    grid-template-columns: 1fr 1fr !important;
+  }
+}
+
+.pisell-kiosk-sku-detail__options-loading {
+  font-size: 20px;
+  color: #667085;
+  padding: 20px 0;
+}
+
+.pisell-kiosk-sku-detail__footer {
+  // 注意：父容器有 transform(scale)，fixed 会相对该容器定位（适配小分辨率缩放舞台）
+  position: fixed;
+  left: 30px;
+  right: 30px;
+  bottom: 30px;
+  transform: none;
+  width: auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 30px;
+  background: #fff;
+  border: 1px solid #d0d5dd;
+  border-radius: 80px;
+  box-shadow:
+    0px 4px 6px -2px rgba(16, 24, 40, 0.03),
+    0px 12px 16px -4px rgba(16, 24, 40, 0.08);
+  box-sizing: border-box;
+}
+
+.pisell-kiosk-sku-detail__back-btn {
+  border-radius: 80px;
+  border: 1px solid #98a2b3 !important;
+  background: #fff !important;
+  color: #101828 !important;
+  height: 72px;
+  padding: 0 24px;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.pisell-kiosk-sku-detail__footer-center {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  // 靠右，并与右侧主按钮保持 20px 间距
+  margin-left: auto;
+  margin-right: 20px;
+}
+
+.pisell-kiosk-sku-detail__item-total {
+  font-size: 20px;
+  line-height: 30px;
+  font-weight: 600;
+  color: #101828;
+  white-space: nowrap;
+}
+
+.pisell-kiosk-sku-detail__qty {
+  display: flex;
+  align-items: center;
+}
+
+.pisell-kiosk-sku-detail__add-btn {
+  border-radius: 80px !important;
+  height: 72px;
+  padding: 0 36px !important;
+  font-size: 24px !important;
+  font-weight: 600 !important;
+  background: #ffbc0d !important;
+  border-color: #ffbc0d !important;
+  color: #fff !important;
+}
+
+

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    'zh-CN': {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    'zh-TW': {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+};
+export default _default;

package/es/components/kioskSkuDetail/locales.js

@@ -0,0 +1,26 @@
+export default {
+  en: {
+    'pisell2.text.kiosk.sku.detail.btn.back': 'Back',
+    'pisell2.text.kiosk.sku.detail.item.total': 'Item total',
+    'pisell2.text.kiosk.sku.detail.btn.add.to.cart': 'Add to cart',
+    'pisell2.text.kiosk.sku.detail.btn.update': 'Update',
+    'pisell2.text.kiosk.sku.detail.loading.options': 'Loading options…',
+    'pisell2.text.kiosk.sku.detail.toast.select.variant': 'Please select a top-up option'
+  },
+  'zh-CN': {
+    'pisell2.text.kiosk.sku.detail.btn.back': '返回',
+    'pisell2.text.kiosk.sku.detail.item.total': '小计',
+    'pisell2.text.kiosk.sku.detail.btn.add.to.cart': '加入购物车',
+    'pisell2.text.kiosk.sku.detail.btn.update': '更新',
+    'pisell2.text.kiosk.sku.detail.loading.options': '正在加载选项…',
+    'pisell2.text.kiosk.sku.detail.toast.select.variant': '请选择充值选项'
+  },
+  'zh-TW': {
+    'pisell2.text.kiosk.sku.detail.btn.back': '返回',
+    'pisell2.text.kiosk.sku.detail.item.total': '小計',
+    'pisell2.text.kiosk.sku.detail.btn.add.to.cart': '加入購物車',
+    'pisell2.text.kiosk.sku.detail.btn.update': '更新',
+    'pisell2.text.kiosk.sku.detail.loading.options': '正在載入選項…',
+    'pisell2.text.kiosk.sku.detail.toast.select.variant': '請選擇充值選項'
+  }
+};

package/es/components/login/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 export interface LoginProps {
     title: string;

package/es/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js

@@ -380,6 +380,11 @@ export var createThreeDSMethodIframe = /*#__PURE__*/function () {
               if (event.origin.indexOf(postmessageUrl) !== -1 || event.origin.indexOf('securesuite') !== -1) {
                 // 返回 threeDSServerTransID 则 res
                 if (typeof event.data.threeDSServerTransID == 'string') {
+                  setHistoryLog({
+                    msg: '第三步: message 返回 threeDSServerTransID',
+                    time: getCurrentTime(),
+                    threeDSServerTransID: event.data.threeDSServerTransID
+                  });
                   if (timer) {
                     clearTimeout(timer);
                   }

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

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

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

package/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

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

package/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

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

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

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

package/es/components/pisellSelectCustomerModal/RightPanel/Add/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface AddClientProps {
     onChange: (value: any) => void;

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/es/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItemPreview;

package/es/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/es/components/productExtension/fields/SelectResourcesTable/index.d.ts

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

package/es/components/ruleSetting/ruleBorder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

package/es/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/es/components/schedules/calendar/index.d.ts

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

package/es/components/schedules/components/CurrentDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/es/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from "../../type";
 import "./index.less";
 declare type ScheduleDetailListPropsType = {

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

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

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

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ResourcesModule: ({ product }: {
     product: any;
 }) => JSX.Element;

package/es/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/es/components/schedules/products/index.d.ts

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

package/es/components/schedules/products/list/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Item = any;
 interface ProductItemProps {

package/es/components/schedules/products/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface ProductListProps {
     loading: boolean;

package/es/components/schedules/resources/index.d.ts

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

package/es/components/schedules/resources/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type ResourcesListProps = {
     list: any;

package/es/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";

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

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

package/es/components/shoppingCart/components/Cart/Product.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProductProps } from '../../type';
 declare const Product: (props: ProductProps) => JSX.Element;
 export default Product;

package/es/components/shoppingCart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { shoppingCartProps } from './type';
 declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
 export default shoppingCart;

package/es/components/ticketBooking/components/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

package/es/components/walletList/index.js

@@ -172,7 +172,8 @@ var DEFAULT_BALANCE = {
   gift_card_balance: 0,
   point_card_balance: 0,
   voucher_count: 0,
-  discount_card_count: 0
+  discount_card_count: 0,
+  good_pass_count: 0
 };
 var WalletList = Provider(function (props) {
   var _utils$getStore, _context$engine, _store$getState;
@@ -776,7 +777,7 @@ var WalletList = Provider(function (props) {
       return bi.wallet_id == item.wallet_id;
     }) || DEFAULT_BALANCE;
 
-    // 字段映射关系
+    // 字段映射关系 voucher 需要额外处理 good_pass_count(@date: 251229)
     var _balanceKeyMap = {
       rechargeable: 'gift_card_balance',
       point: 'point_card_balance',
@@ -786,6 +787,10 @@ var WalletList = Provider(function (props) {
     var cardItems = showcaseWalletPassNew.map(function (showCaseItem) {
       var balanceKey = _balanceKeyMap[showCaseItem.type];
       var value = balanceKey ? balanceItem[balanceKey] || 0 : 0;
+      // voucher 类型需要额外处理 good_pass_count
+      if (showCaseItem.type === 'voucher') {
+        value += balanceItem.good_pass_count || 0;
+      }
       return _objectSpread(_objectSpread({}, showCaseItem), {}, {
         value: value
       });

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

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

package/es/components/workSpaceList/components/SearchWorkspaceAndBase/index.d.ts

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

package/es/hooks/usePaymentLogger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/es/index.d.ts

@@ -57,8 +57,10 @@ 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 WalletPassDetail } from './plus/walletPassGallery/components/passDetail';
-export { default as SettingsRegistry } from './components/systemSettings/registry';
 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 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';

package/es/index.js

@@ -60,8 +60,10 @@ 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 WalletPassDetail } from "./plus/walletPassGallery/components/passDetail";
-export { default as SettingsRegistry } from "./components/systemSettings/registry";
 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 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";

package/es/plus/saasCreateOrganization/components/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCOProps } from '../types';
 import '../index.less';
 export declare const Header: (props: SCOProps) => JSX.Element;

package/es/plus/saasRegister/components/EntryEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';

package/es/plus/saasRegister/components/EntryInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';

package/es/plus/saasRegister/components/GoLogin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRProps } from '../types';
 import '../index.less';
 declare const GoLogin: (props: SRProps) => JSX.Element;

package/es/plus/saasRegister/components/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRProps } from '../types';
 import '../index.less';
 export declare const Header: (props: SRProps) => JSX.Element;

package/es/plus/saasRegister/components/VerifyError.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRStepStatus } from '../types';
 import '../index.less';
 declare const VerifyError: (props: {

package/es/plus/saasRegister/components/VerifyingLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;

package/es/plus/selectHolder/components/ErrorTip/index.d.ts

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

package/es/plus/skuOptionsSelection/components/NormalCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RenderItemProps } from '../../../../pro/Selector/types';
 declare const NormalCard: (props: RenderItemProps & {
     parentDataSource: any;

package/es/plus/skuOptionsSelection/components/OptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface OptionsModalProps {
     parentDataSource: any;
     dataSource: any;