6 |
7 |
8 |
12 |
17 | );
18 |
19 | export default Loader;
20 |
--------------------------------------------------------------------------------
/src/components/common/base/nav.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { MenuProps, MenuItemProps } from 'antd';
3 | import MenuItem from 'antd/lib/menu/MenuItem';
4 | import dynamic from 'next/dynamic';
5 |
6 | const Menu = dynamic(() => import('antd/lib/menu'), { ssr: false });
7 |
8 | export const NavItem = ({ ...props }: MenuItemProps) => ;
9 |
10 | export const NavBar = ({
11 | children,
12 | ...props
13 | }: React.PropsWithChildren
13 | {/* */}
14 | {/* 
*/}
15 |
16 |
34 | {banners && banners.length > 0 && (
35 |
36 | {banners.map((item) => (renderBanner(item, styleImage)
37 | ))}
38 |
39 | )}
40 |
41 | );
42 |
43 | Banner.defaultProps = {
44 | classnames: ''
45 | };
46 | export default Banner;
47 |
--------------------------------------------------------------------------------
/src/components/common/layout/footer.less:
--------------------------------------------------------------------------------
1 | @import '../../../../style/default.less';
2 | .ant-layout-footer {
3 | background: @background-footer !important;
4 | }
5 | .footer-custom {
6 | text-align: center;
7 | }
8 |
9 | .footer-logo{
10 | width: 217px !important;
11 | }
12 |
13 | .single-widget img{
14 | margin-bottom: 0 !important;
15 | }
16 |
17 | .footer-container{
18 | width: 95%;
19 | margin: 0 auto;
20 | }
--------------------------------------------------------------------------------
/src/components/common/layout/form-register-placeholder.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { IUIConfig } from 'src/interfaces';
3 |
4 | interface P {
5 | ui: IUIConfig;
6 | }
7 |
8 | export const FormRegisterPlaceHolder = ({ ui }: P) => (
9 |
17 | );
18 |
--------------------------------------------------------------------------------
/src/components/common/layout/index.ts:
--------------------------------------------------------------------------------
1 | export * from './form-register-placeholder';
2 | export * from './popup-18plus-content';
3 |
--------------------------------------------------------------------------------
/src/components/common/layout/left-header-content.less:
--------------------------------------------------------------------------------
1 | @media (max-width: @mobile-small-query) {
2 | .ant-menu-item.hidden-sm {
3 | display: none !important;
4 | }
5 | }
6 |
7 | @media (min-width: @mobile-small-query) {
8 | .ant-menu-item.visible-sm {
9 | display: none !important;
10 | }
11 | }
12 |
13 | @media (max-width: @mobile-small-query) {
14 | .ant-menu-item.visible-sm {
15 | display: inline-block !important;
16 | }
17 | }
18 |
19 | .cate-sub-menu-overlay {
20 | width: 450px;
21 | ul li {
22 | width: 25%;
23 | .ant-dropdown-menu-title-content {
24 | overflow: hidden;
25 | text-overflow: ellipsis;
26 | text-align: center;
27 | }
28 | &:hover {
29 | color: @white-color;
30 | background-color: @primary-color;
31 | }
32 | }
33 |
34 | @media (max-width: @mobile-query) {
35 | width: 100%;
36 | }
37 | }
--------------------------------------------------------------------------------
/src/components/common/layout/numberformat.tsx:
--------------------------------------------------------------------------------
1 | import { NumberFormatProps } from 'react-number-format';
2 | import dynamic from 'next/dynamic';
3 |
4 | const NumberFormatNoSSR = dynamic(() => import('react-number-format'), {
5 | ssr: false
6 | });
7 | type P = NumberFormatProps
8 | export default function NumberFormat({ decimalScale, ...props }: P) {
9 | return (
10 |
26 | {loading ?
29 | );
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/components/common/layout/popup-18plus-content.less:
--------------------------------------------------------------------------------
1 | .confirmage__header {
2 | font-weight: bold;
3 | font-size: 20px;
4 | margin-bottom: 10px;
5 | }
6 |
7 | .confirmage__description .scroll {
8 | height: 200px;
9 | overflow: auto;
10 | padding: 0 15px 0 10px;
11 | border: 1px solid #ccc;
12 | margin: 0 auto;
13 | text-align: left;
14 | }
--------------------------------------------------------------------------------
/src/components/common/recaptcha.less:
--------------------------------------------------------------------------------
1 | .recaptcha-box {
2 | .recaptcha-error-message {
3 | color: #dd4b39 !important;
4 | font-size: 13px !important;
5 | line-height: 1.5715 !important;
6 | padding: 4px 0 !important;
7 | margin: 0 !important;
8 | }
9 | }
--------------------------------------------------------------------------------
/src/components/common/recaptcha.tsx:
--------------------------------------------------------------------------------
1 | import { forwardRef, useEffect } from 'react';
2 | import './recaptcha.less';
3 | import ReCAPTCHA from 'react-google-recaptcha';
4 | import Router from 'next/router';
5 |
6 | interface IProps {
7 | googleReCaptchaEnabled: boolean;
8 | googleReCaptchaSiteKey: string;
9 | error: string;
10 | }
11 |
12 | const GoogleReCaptcha = forwardRef
33 | {googleReCaptchaEnabled && (
34 |
47 | );
48 | });
49 | export default GoogleReCaptcha;
50 |
--------------------------------------------------------------------------------
/src/components/galleries/purchased-gallery-card.tsx:
--------------------------------------------------------------------------------
1 | import { IPerformerGallery } from 'src/interfaces';
2 | import Link from 'next/link';
3 | import './index.less';
4 | import React from 'react';
5 |
6 | interface IProps {
7 | gallery: IPerformerGallery;
8 | }
9 |
10 | const PurchasedGalleryCard = ({ gallery }: IProps) => {
11 | const { name, coverPhoto, _id } = gallery;
12 | return (
13 | 43 | {error || 'Please verify that you are not a robot.'} 44 |
45 | )} 46 |
14 |
32 | );
33 | };
34 |
35 | export default PurchasedGalleryCard;
36 |
--------------------------------------------------------------------------------
/src/components/homepage/EmergencyArea.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const EmergencyArea = () => {
4 | return (
5 |
15 |
25 |
26 | 
27 |
28 |
29 |
30 | {name}
31 |
6 |
18 | )
19 | }
20 |
21 | export default EmergencyArea;
--------------------------------------------------------------------------------
/src/components/homepage/PageBanner.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Link from 'next/link';
3 |
4 | const PageBanner = ({pageTitle, homePageUrl, homePageText, activePageText, imgClass}) => {
5 | return (
6 |
7 |
13 |
14 |
8 |
11 |
12 |
15 | 
16 |
17 |
16 |
7 |
25 | );
26 | }
27 |
28 | export default PageBanner;
--------------------------------------------------------------------------------
/src/components/homepage/Subscribe.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const Subscribe = () => {
4 | return (
5 |
8 |
24 |
9 |
23 |
10 |
22 |
11 |
21 | {pageTitle}
12 |-
13 |
- 14 | 15 | {homePageText} 16 | 17 | 18 |
- {activePageText} 19 |
6 |
25 | )
26 | }
27 |
28 | export default Subscribe;
--------------------------------------------------------------------------------
/src/components/messages/ConversationList.less:
--------------------------------------------------------------------------------
1 | .conversation-list {
2 | height: 100%;
3 | width: 100%;
4 | overflow: hidden;
5 | padding: 20px 0;
6 | border-right: 1px #ff0066 solid;
7 | }
--------------------------------------------------------------------------------
/src/components/messages/ConversationListItem.less:
--------------------------------------------------------------------------------
1 | .conversation-list-item {
2 | display: flex;
3 | align-items: center;
4 | padding: 10px;
5 | position: relative;
6 | overflow: hidden;
7 |
8 | .conversation-info {
9 | overflow: hidden;
10 | }
11 | }
12 |
13 | .conversation-left-corner {
14 | display: flex;
15 | flex-direction: column;
16 | margin-right: 10px;
17 | align-items: center;
18 | justify-content: center;
19 | }
20 |
21 | .conversation-left-corner span {
22 | font-size: 10px;
23 | }
24 |
25 | .conversation-list-item:hover {
26 | background: #ffe6eb;
27 | cursor: pointer;
28 | }
29 |
30 | .conversation-list-item.active {
31 | background: #ffe6eb;
32 | pointer-events: none;
33 | }
34 |
35 | .conversation-photo {
36 | width: 50px;
37 | height: 50px;
38 | border-radius: 50%;
39 | object-fit: cover;
40 | }
41 |
42 | .conversation-title {
43 | font-size: 14px;
44 | font-weight: bold;
45 | text-transform: capitalize;
46 | margin: 0;
47 | }
48 |
49 | .conversation-snippet {
50 | font-size: 12px;
51 | color: #888;
52 | margin: 0;
53 | height: 20px;
54 | width: 100%;
55 | overflow: hidden;
56 | text-overflow: ellipsis;
57 | white-space: nowrap;
58 | }
59 |
60 | .conversation-time {
61 | font-size: 10px;
62 | color: #888;
63 | margin: 0;
64 | }
65 |
66 | .notification-badge {
67 | position: absolute;
68 | top: 0;
69 | left: 10px;
70 | }
--------------------------------------------------------------------------------
/src/components/messages/ConversationListItem.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Badge } from 'antd';
3 | import moment from 'moment';
4 |
5 | import './ConversationListItem.less';
6 |
7 | interface Iprops{
8 | data: any;
9 | selected: boolean;
10 | setActive: Function;
11 | }
12 |
13 | export default function ConversationListItem(props : Iprops) {
14 | const { setActive, selected, data } = props;
15 | const {
16 | recipientInfo, lastMessage, _id, updatedAt, lastMessageCreatedAt, totalNotSeenMessages = 0
17 | } = data;
18 | const className = selected
19 | ? 'conversation-list-item active'
20 | : 'conversation-list-item';
21 |
22 | return (
23 |
41 | );
42 | }
43 |
--------------------------------------------------------------------------------
/src/components/messages/ConversationSearch.less:
--------------------------------------------------------------------------------
1 | .conversation-search {
2 | padding: 10px;
3 | display: flex;
4 | flex-direction: column;
5 | }
6 |
7 | .conversation-search-input {
8 | background: #f4f4f8;
9 | padding: 8px 10px;
10 | border-radius: 10px;
11 | border: none;
12 | font-size: 14px;
13 | }
14 |
15 | .conversation-search-input::placeholder {
16 | text-align: center;
17 | }
18 |
19 | .conversation-search-input:focus::placeholder {
20 | text-align: left;
21 | }
--------------------------------------------------------------------------------
/src/components/messages/ConversationSearch.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import './ConversationSearch.less';
3 |
4 | export default function ConversationSearch({ onSearch } : any) {
5 | return (
6 |
7 |
24 |
8 |
23 |
9 |
12 |
13 | Subscribe Now
10 |Get our latest news & update regularly
11 |
14 |
21 |
22 |
7 |
13 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/messages/emotions.tsx:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import dynamic from 'next/dynamic';
3 | import '../stream-chat/Compose.less';
4 |
5 | let Picker;
6 | if (typeof window !== 'undefined') {
7 | Picker = dynamic(() => import('emoji-picker-react'), { ssr: false });
8 | }
9 |
10 | interface IProps {
11 | onEmojiClick: Function;
12 | }
13 |
14 | export default class Emotions extends PureComponent
26 | {activeConversation && activeConversation.data && activeConversation.data.streamId ?
28 | );
29 | }
30 | }
31 | const mapStates = (state: any) => ({
32 | activeConversation: state.streamMessage.activeConversation,
33 | loggedIn: state.auth.loggedIn
34 | });
35 | const mapDispatchs = { getStreamConversation };
36 | export default connect(mapStates, mapDispatchs)(StreamMessenger);
37 |
--------------------------------------------------------------------------------
/src/components/stream-chat/chat-box.less:
--------------------------------------------------------------------------------
1 | .conversation-stream {
2 | min-height: 530px;
3 | border: solid 1px @primary-color;
4 | border-radius: 15px;
5 | margin: 0 15px;
6 |
7 | .tablist {
8 | margin: 0;
9 | }
10 | .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav {
11 | margin: 0 !important;
12 | }
13 | .ant-tabs-tab-btn {
14 | transition: all 0.1s;
15 | }
16 | .ant-tabs-nav-list {
17 | width: 100%;
18 | overflow: hidden;
19 | .ant-tabs-tab {
20 | flex: 1;
21 | justify-content: center;
22 | height: 50px;
23 | margin: 0;
24 | &:first-child {
25 | border-top-left-radius: 12px;
26 | }
27 | &:nth-child(2) {
28 | border-top-right-radius: 12px;
29 | }
30 | }
31 | .ant-tabs-tab-active {
32 | background-color: @primary-color;
33 | color: #ffffff;
34 | .ant-tabs-tab-btn {
35 | color: #fff;
36 | }
37 | }
38 | }
39 | }
40 |
41 | @media (max-width: @mobile-query) {
42 | .conversation-stream {
43 | margin: 15px 0;
44 | }
45 | }
--------------------------------------------------------------------------------
/src/components/stream-chat/emotions.tsx:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import dynamic from 'next/dynamic';
3 | import './Compose.less';
4 |
5 | let Picker;
6 | if (typeof window !== 'undefined') {
7 | Picker = dynamic(() => import('emoji-picker-react'), { ssr: false });
8 | }
9 |
10 | interface IProps {
11 | onEmojiClick: Function;
12 | }
13 |
14 | export default class Emotions extends PureComponentNo conversation found.
} 27 |
17 |
35 | );
36 | };
37 |
38 | export default PurchasedVideoCard;
39 |
--------------------------------------------------------------------------------
/src/components/videos/video-single-card.tsx:
--------------------------------------------------------------------------------
1 | import { Tag } from 'antd';
2 | import React from 'react';
3 | import { IVideo } from 'src/interfaces';
4 | import { defaultColor } from 'src/lib';
5 | import Link from 'next/link';
6 | import './index.less';
7 | import NumberFormat from '@components/common/layout/numberformat';
8 |
9 | interface IProps {
10 | video: IVideo;
11 | }
12 |
13 | const generateToken = (token: number, isSale: boolean) => token && (
14 |
18 |
19 | 
22 |
23 |
24 |
31 | {title}
32 |
33 |
34 |
25 |
41 | );
42 | };
43 |
44 | export default VideoSingleCard;
45 |
--------------------------------------------------------------------------------
/src/constants.tsx:
--------------------------------------------------------------------------------
1 | export const SETTING_CHANNEL = 'SETTINGS';
2 |
3 | export const SETTING_KEYS = {
4 | SITE_NAME: 'siteName',
5 | LOGO_URL: 'logoUrl',
6 | PLACEHOLDER_LOGIN_URL: 'placeholderLoginUrl',
7 | PLACEHOLDER_AVATAR_URL: 'placeholderAvatarUrl',
8 | FAVICON: 'favicon',
9 | META_KEYWORDS: 'metaKeywords',
10 | META_DESCRIPTION: 'metaDescription',
11 | HEADER_SCRIPT: 'headerScript',
12 | AFTER_BODY_SCRIPT: 'afterBodyScript',
13 | CURRENCY: 'currency',
14 | GOOGLE_ANALYTICS_CODE: 'gaCode',
15 | MAINTENANCE_MODE: 'maintenanceMode',
16 | TIP_SOUND: 'tipSound',
17 | DEFAULT_OFFLINE_MODEL_IMAGE: 'defaultOfflineModelImage',
18 | DEFAULT_MODEL_PRIVATECALL_WITH_USER_IMAGE: 'defaultPrivateCallImage',
19 | DEFAULT_MODEL_IN_GROUP_CHAT_IMAGE: 'defaultGroupChatImage',
20 | VIEWER_URL: 'viewerURL',
21 | PUBLISHER_URL: 'publisherURL',
22 | SUBSCRIBER_URL: 'subscriberUrl',
23 | OPTION_FOR_BROADCAST: 'optionForBroadcast',
24 | OPTION_FOR_PRIVATE: 'optionForPrivate',
25 | OPTION_FOR_GROUP: 'optionForGroup',
26 | SECURE_OPTION: 'secureOption',
27 | ANT_MEDIA_APPNAME: 'AntMediaAppname'
28 | };
29 |
30 | export const MENU_SECTION = {
31 | MAIN: 'main',
32 | HEADER: 'header',
33 | FOOTER: 'footer'
34 | };
35 |
--------------------------------------------------------------------------------
/src/interfaces/banner.ts:
--------------------------------------------------------------------------------
1 | export interface IBanner {
2 | _id: string;
3 | title: string;
4 | description?: string;
5 | status?: string;
6 | href: string;
7 | position?: string;
8 | photo?: { url: string; thumbnails: string[] };
9 | type: string;
10 | contentHTML: string;
11 | }
12 |
13 | export interface IBannerSearch {
14 | position?: string;
15 | status?: string;
16 | }
17 |
--------------------------------------------------------------------------------
/src/interfaces/earning.ts:
--------------------------------------------------------------------------------
1 | import { IUser } from './user';
2 | import { ITransaction } from './transaction';
3 | import { IPerformer } from './performer';
4 |
5 | export interface IEarning {
6 | _id: string;
7 | createAt: Date;
8 | updateAt: Date;
9 | userId: string;
10 | userInfo: IUser;
11 | transactionTokenId: string;
12 | transactionInfo: ITransaction;
13 | performerId: string;
14 | performerInfo: IPerformer;
15 | sourceType: string;
16 | grossPrice: number;
17 | netPrice: number;
18 | isPaid: boolean;
19 | commission: number;
20 | paidAt: Date;
21 | transactionStatus: string;
22 | conversionRate?: number;
23 | payoutStatus: string;
24 | }
25 |
--------------------------------------------------------------------------------
/src/interfaces/favourite.ts:
--------------------------------------------------------------------------------
1 | import { IPerformer } from 'src/interfaces';
2 |
3 | export interface IFavourite {
4 | _id: string;
5 | favoriteId: string;
6 | ownerId: string;
7 | performer: IPerformer;
8 | status: string;
9 | createdAt: Date;
10 | updatedAt: Date;
11 | }
12 |
--------------------------------------------------------------------------------
/src/interfaces/index.ts:
--------------------------------------------------------------------------------
1 | export * from './redux';
2 | export * from './utils';
3 | export * from './ui-config';
4 | export * from './user';
5 | export * from './auth';
6 | export * from './post';
7 | export * from './performer';
8 | export * from './setting';
9 | export * from './performer-categories';
10 | export * from './peformer-assets';
11 | export * from './photo';
12 | export * from './favourite';
13 | export * from './token-package';
14 | export * from './transaction';
15 | export * from './order';
16 | export * from './refund-request';
17 | export * from './payout-request';
18 | export * from './studio';
19 | export * from './banner';
20 | export * from './stream';
21 |
--------------------------------------------------------------------------------
/src/interfaces/order.ts:
--------------------------------------------------------------------------------
1 | export interface IOrder {
2 | _id: string;
3 | buyerSource: string;
4 | buyerId: string;
5 | buyerInfo?: any;
6 | sellerSource: string;
7 | sellerId: string;
8 | sellerInfo?: any;
9 | name: string;
10 | description: string;
11 | orderNumber: string;
12 | shippingCode: string;
13 | payBy: string;
14 | quantity: number;
15 | totalPrice: number;
16 | deliveryAddress?: string;
17 | deliveryStatus: string;
18 | postalCode?: string;
19 | productType?: string;
20 | productId?: string;
21 | createdAt: Date;
22 | updatedAt: Date;
23 | productsInfo:any;
24 | }
25 |
--------------------------------------------------------------------------------
/src/interfaces/performer-categories.ts:
--------------------------------------------------------------------------------
1 | export interface IPerformerCategogies {
2 | _id: string;
3 | name: string;
4 | slug: string;
5 | ordering: number;
6 | description: string;
7 | createdBy: string;
8 | updatedBy: string;
9 | createdAt: Date;
10 | updatedAt: Date;
11 | }
12 |
--------------------------------------------------------------------------------
/src/interfaces/photo.ts:
--------------------------------------------------------------------------------
1 | import { IPerformer, IPerformerGallery } from 'src/interfaces';
2 |
3 | export interface IPhoto {
4 | _id?: string;
5 | performerId?: string;
6 | galleryId?: string;
7 | fileId?: string;
8 | photo?: IPhotoMetaData;
9 | type?: string;
10 | title?: string;
11 | description?: string;
12 | status?: 'draft'| 'active'| 'inactive';
13 | processing?: boolean;
14 | token?: number;
15 | performer?: IPerformer;
16 | gallery?: IPerformerGallery;
17 | createdBy?: string;
18 | updatedBy?: string;
19 | createdAt?: Date;
20 | updatedAt?: Date;
21 | }
22 |
23 | interface IPhotoMetaData {
24 | thumbnails: string[];
25 | url: string;
26 | width: number;
27 | height: number;
28 | mimeType: string;
29 | }
30 |
--------------------------------------------------------------------------------
/src/interfaces/post.ts:
--------------------------------------------------------------------------------
1 | import { ISearch } from './utils';
2 |
3 | export interface IPost {
4 | title: string;
5 | type: string;
6 | slug: string;
7 | content: string;
8 | shortDescription: string;
9 | categoryIds: string[];
10 | status: string;
11 | image: string;
12 | updatedBy: string;
13 | createdBy: string;
14 | createdAt: Date;
15 | updatedAt: Date;
16 | }
17 |
18 | export interface IPostCreate {
19 | title: string;
20 | type: string;
21 | slug: string;
22 | content: string;
23 | shortDescription: string;
24 | categoryIds: string[];
25 | status: string;
26 | }
27 |
28 | export interface IPostUpdate {
29 | title: string;
30 | slug: string;
31 | content: string;
32 | shortDescription: string;
33 | categoryIds: string[];
34 | status: string;
35 | }
36 |
37 | export interface IPostSearch extends ISearch {
38 | status?: string;
39 | }
40 |
--------------------------------------------------------------------------------
/src/interfaces/redux.ts:
--------------------------------------------------------------------------------
1 | export interface IReduxAction
26 | 
36 |
37 |
38 |
39 | {generateToken(token, isSaleVideo)}
27 |
34 |
35 | {title}
40 | {children}
;
5 |
--------------------------------------------------------------------------------
/src/layouts/maintenance-layout.tsx:
--------------------------------------------------------------------------------
1 | import { FunctionComponent } from 'react';
2 |
3 | const MaintenanceLayout: FunctionComponent
6 |
7 |
8 |