@pisell/private-materials 6.7.4 → 6.7.6

package/es/plus/clinetSearch/index.js

@@ -55,7 +55,7 @@ var ClientSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "header-item",
       style: {
-        width: 110
+        width: 180
       }
     }, locales.getText('pisell2.text.client-search.name')), /*#__PURE__*/React.createElement("div", {
       className: "header-item",
@@ -65,19 +65,14 @@ var ClientSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, locales.getText('pisell2.text.client-search.register-time')), /*#__PURE__*/React.createElement("div", {
       className: "header-item",
       style: {
-        width: 120
-      }
-    }, locales.getText('pisell2.text.client-search.phone')), /*#__PURE__*/React.createElement("div", {
-      className: "header-item",
-      style: {
-        width: 135
+        width: 125
       }
-    }, locales.getText('pisell2.text.client-search.email')), /*#__PURE__*/React.createElement("div", {
+    }, locales.getText('pisell2.text.client-search.membership')), /*#__PURE__*/React.createElement("div", {
       className: "header-item",
       style: {
-        width: 120
+        width: 180
       }
-    }, locales.getText('pisell2.text.client-search.membership')));
+    }, locales.getText('pisell2.text.client-search.contact-info')));
   };
 
   // 自定义结果展示组件
@@ -119,7 +114,7 @@ var ClientSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, /*#__PURE__*/React.createElement(List, {
       dataSource: searchResults,
       renderItem: function renderItem(item, index) {
-        var _latest_wallet_detail;
+        var _latest_wallet_detail, _item$contacts_info, _item$contacts_info2, _item$contacts_info3;
         var membershipText = (_latest_wallet_detail = item.latest_wallet_detail) === null || _latest_wallet_detail === void 0 || (_latest_wallet_detail = _latest_wallet_detail.wallet) === null || _latest_wallet_detail === void 0 ? void 0 : _latest_wallet_detail.name;
         return /*#__PURE__*/React.createElement(List.Item, {
           key: item.id,
@@ -135,26 +130,11 @@ var ClientSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, /*#__PURE__*/React.createElement("div", {
           className: "item-cell",
           style: {
-            width: 110
+            width: 180
           }
         }, /*#__PURE__*/React.createElement(ClientName, {
           dataSource: item
-        })), /*#__PURE__*/React.createElement("div", {
-          className: "item-cell",
-          style: {
-            width: 110
-          }
-        }, dayjs(item.created_at).format('YYYY-MM-DD') || '-'), /*#__PURE__*/React.createElement("div", {
-          className: "item-cell",
-          style: {
-            width: 120
-          }
-        }, item.phone || '-'), /*#__PURE__*/React.createElement("div", {
-          className: "item-cell",
-          style: {
-            width: 135
-          }
-        }, /*#__PURE__*/React.createElement("div", {
+        }), /*#__PURE__*/React.createElement("div", null, item.phone || '-'), /*#__PURE__*/React.createElement("div", {
           style: {
             overflow: 'hidden',
             textOverflow: 'ellipsis',
@@ -163,7 +143,12 @@ var ClientSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, item.email || '-')), /*#__PURE__*/React.createElement("div", {
           className: "item-cell",
           style: {
-            width: 120
+            width: 110
+          }
+        }, dayjs(item.created_at).format('YYYY-MM-DD') || '-'), /*#__PURE__*/React.createElement("div", {
+          className: "item-cell",
+          style: {
+            width: 125
           }
         }, membershipText && translationOriginal !== null && translationOriginal !== void 0 && translationOriginal(membershipText) ? /*#__PURE__*/React.createElement(Tag, {
           color: "gold",
@@ -177,7 +162,20 @@ var ClientSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
             borderRadius: 16,
             marginRight: 0
           }
-        }, translationOriginal === null || translationOriginal === void 0 ? void 0 : translationOriginal(membershipText)) : '-')));
+        }, translationOriginal === null || translationOriginal === void 0 ? void 0 : translationOriginal(membershipText)) : '-'), /*#__PURE__*/React.createElement("div", {
+          className: "item-cell",
+          style: {
+            width: 180
+          }
+        }, /*#__PURE__*/React.createElement(ClientName, {
+          dataSource: item === null || item === void 0 || (_item$contacts_info = item.contacts_info) === null || _item$contacts_info === void 0 ? void 0 : _item$contacts_info.value
+        }), (item === null || item === void 0 || (_item$contacts_info2 = item.contacts_info) === null || _item$contacts_info2 === void 0 || (_item$contacts_info2 = _item$contacts_info2.value) === null || _item$contacts_info2 === void 0 || (_item$contacts_info2 = _item$contacts_info2.phone) === null || _item$contacts_info2 === void 0 ? void 0 : _item$contacts_info2.phone) || '-', /*#__PURE__*/React.createElement("div", {
+          style: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }
+        }, (item === null || item === void 0 || (_item$contacts_info3 = item.contacts_info) === null || _item$contacts_info3 === void 0 || (_item$contacts_info3 = _item$contacts_info3.value) === null || _item$contacts_info3 === void 0 ? void 0 : _item$contacts_info3.email) || '-'))));
       }
     }))));
   };

package/es/plus/clinetSearch/locales.d.ts

@@ -31,6 +31,7 @@ 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;
@@ -64,6 +65,7 @@ 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;
@@ -97,6 +99,7 @@ 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/es/plus/clinetSearch/locales.js

@@ -17,7 +17,7 @@ export 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 client',
+    'pisell2.text.create-new-client': 'Create new customer',
     'pisell2.text.result-found': 'Result found',
     'pisell2.text.personnel-list': 'Personnel list',
     'pisell2.text.load-more': 'Load more',
@@ -30,7 +30,8 @@ export 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.membership': 'Membership',
+    'pisell2.text.client-search.contact-info': 'Contact info'
   },
   'zh-CN': {
     'pisell2.text.leave-empty-for-walk-in': '如未注册游客则留空',
@@ -63,7 +64,8 @@ export 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.membership': '会员',
+    'pisell2.text.client-search.contact-info': '联系信息'
   },
   'zh-HK': {
     'pisell2.text.leave-empty-for-walk-in': '如未註冊遊客則留空',
@@ -96,6 +98,7 @@ export 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.membership': '會員',
+    'pisell2.text.client-search.contact-info': '聯繫信息'
   }
 };

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

@@ -10,6 +10,18 @@ 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/es/plus/contactInfoModal/ContactInfoContent.d.ts

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

package/es/plus/noteModal/AddTempModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const AddTempModal: ({ open, onCancel, onConfirm, }: {
     open: boolean;

package/es/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/es/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/es/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/es/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;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardCustom/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Action/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Capacity/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Capacity: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default Capacity;

package/es/plus/productSelect/ProductCard/SkuCard/components/CardCom/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/CardMask/index.d.ts

@@ -3,5 +3,5 @@ import { SkuStatusOverlayConfig } from '../../type';
 import './index.less';
 declare const CardMask: ({ props }: {
     props: SkuStatusOverlayConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default CardMask;

package/es/plus/productSelect/ProductCard/SkuCard/components/CardMoreText/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/CardWrapper/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Countdown/index.d.ts

@@ -3,5 +3,5 @@ import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const Countdown: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default Countdown;

package/es/plus/productSelect/ProductCard/SkuCard/components/Cover/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Duration/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Duration: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default Duration;

package/es/plus/productSelect/ProductCard/SkuCard/components/Favorite/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/MemberPrice/index.d.ts

@@ -3,5 +3,5 @@ import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const MemberPrice: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default MemberPrice;

package/es/plus/productSelect/ProductCard/SkuCard/components/Price/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Promotions/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Resource/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Resource: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default Resource;

package/es/plus/productSelect/ProductCard/SkuCard/components/Stock/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Stock: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default Stock;

package/es/plus/productSelect/ProductCard/SkuCard/components/SubTitle/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Tags/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/Time/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Time: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | JSX.Element | React.ReactFragment | null;
+}) => string | number | true | React.ReactFragment | JSX.Element | null;
 export default Time;

package/es/plus/productSelect/ProductCard/SkuCard/components/Title/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/TooltipTags/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/components/WarningLists/index.d.ts

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

package/es/plus/productSelect/ProductCard/SkuCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const SkuCard: {
     (props: any): JSX.Element | null;
     A1: (props: any) => JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

package/es/plus/walletEditor/components/relationProduct/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const RelationProduct: ({ value, onChange, }: {
     value?: string[] | undefined;

package/es/plus/walletPassGallery/components/footerButton/index.js

@@ -212,10 +212,7 @@ var FooterButtons = function FooterButtons(_ref) {
         className: "pisell-wallet-pass-gallery_footer-buttons-item pisell-wallet-pass-gallery_footer-buttons-item-primary"
       }, locales.getText('wallet-pass-gallery.recharge')));
     }
-
-    // 根据按钮数量设置不同的类名
-    var buttonCount = buttons.length;
-    var className = "pisell-wallet-pass-gallery_footer-buttons pisell-wallet-pass-gallery_footer-buttons-count-".concat(buttonCount);
+    var className = "pisell-wallet-pass-gallery_footer-buttons";
     return buttons.length > 0 ? /*#__PURE__*/React.createElement("div", {
       className: className
     }, buttons) : null;
@@ -223,6 +220,7 @@ var FooterButtons = function FooterButtons(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-pass-gallery_footer"
   }, renderButtons()), /*#__PURE__*/React.createElement(PisellModal, {
+    destroyOnClose: true,
     platform: platform,
     mobileModalHeight: "auto",
     headerDivider: false,

package/es/plus/walletPassGallery/components/footerButton/index.less

@@ -1,83 +1,38 @@
 .pisell-wallet-pass-gallery_footer {
   position: relative;
-  left: 0;
-  right: 0;
-  bottom: 0;
   background-color: #fff;
   padding: 24px;
   z-index: 100;
   border-top: 1px solid #d0d5de;
-  margin-left: -20px;
-  margin-right: -20px;
+  margin-left: -24px;
+  margin-right: -24px;
   &-buttons {
     display: flex;
     gap: 12px;
     width: 100%;
 
-
-.pisell-wallet-pass-gallery_footer-buttons-item-secondary{
-    overflow: hidden;
-    display: flex;
-    >span{
-      display: block;
-      // width: 100%;
-      flex:1;
+    .pisell-wallet-pass-gallery_footer-buttons-item-secondary {
+      overflow: hidden;
+      display: inline-block;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       text-wrap: nowrap;
-    }
-}
-
-
-    // 按钮数量样式
-    // 单个按钮占满宽度
-    &-count-1 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: 100%;
-      }
-    }
-    
-    // 两个按钮各占一半
-    &-count-2 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(50% - 6px);
+      > span {
+        display: inline;
       }
     }
-    
-    // 三个按钮各占三分之一
-    &-count-3 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(33.33% - 8px);
-      }
-    }
-    
-    // 四个按钮各占四分之一
-    &-count-4 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(25% - 9px);
-      }
-    }
-    
-    // Ant Design按钮覆盖样式
-    :global(.ant-btn) {
-      height: 48px;
-      border-radius: 6px;
-      font-size: 16px;
-      font-weight: 500;
-      width: 100%;
+
+    .pisell-wallet-pass-gallery_footer-buttons-item {
+      flex-grow: 1;
     }
-    
+
     &-item {
       // 修饰符：主按钮
       &-primary {
-        background-color: var(--theme-color, #7F56D9);
+        background-color: var(--theme-color, #7f56d9);
       }
-      
+
       // 修饰符：次按钮
       &-secondary {
         background-color: #fff;
@@ -90,4 +45,4 @@
 
 .pisell-wallet-pass-gallery_footer:empty {
   display: none;
-}
+}

package/es/plus/walletPassGallery/components/passDetail/index.d.ts

@@ -1,8 +1,10 @@
+/// <reference types="react" />
 import './index.less';
 interface PassDetailProps {
     dataSource?: any | null;
     platform?: 'pc' | 'h5';
     buttonGroupList?: any[][];
+    showTimeLine?: boolean;
 }
 declare const PassDetail: (props: PassDetailProps) => JSX.Element | null;
 export default PassDetail;