Models Listing

{"type":"doc","content":[{"type":"heading","attrs":{"level":3},"content":[{"text":"User Controller Code Samples","type":"text"}]},{"type":"codeBlock","content":[{"text":"/* eslint-disable consistent-return */\nconst _ = require('lodash');\nconst passport = require('passport');\nconst Joi = require('joi');\nconst fs = require('fs');\nconst path = require('path');\nconst Image = require('../../media/components/image');\n\nconst SYSTEM_CONST = require('../../system/constants');\n\n/**\n * Create a new user\n * Using by Administrator\n */\nexports.create = async (req, res, next) => {\n try {\n const schema = Joi.object().keys({\n username: Joi.string().required(),\n phoneNumber: Joi.string().optional(),\n role: Joi.string().valid(['admin', 'user']).default('user').required(),\n type: Joi.string().valid(['user', 'model']).default('user').required(),\n email: Joi.string().email().required(),\n password: Joi.string().min(6).required(),\n availableToken: Joi.number().min(0).allow([null]).optional(),\n address: Joi.string().allow([null, '']).optional(),\n state: Joi.string().allow([null, '']).optional(),\n city: Joi.string().allow([null, '']).optional(),\n country: Joi.string().allow([null, '']).optional(),\n isActive: Joi.boolean().allow([null]).default(true).optional(),\n avatar: Joi.string().allow([null, '']).optional(),\n emailVerified: Joi.boolean().allow([null]).default(true).optional(),\n isCompletedProfile: Joi.boolean().allow([null]).default(true).optional(),\n isBlocked: Joi.boolean().allow([null]).default(true).optional()\n });\n\n const validate = Joi.validate(req.body, schema);\n if (validate.error) {\n return next(PopulateResponse.validationError(validate.error));\n }\n\n if (validate.value.role === 'admin' && !validate.value.password) {\n return next(\n PopulateResponse.validationError({ msg: 'Admin accounnt needs password to login, please enter password!' })\n );\n }\n\n const user = await Service.User.create(validate.value);\n res.locals.user = user;\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\n/**\n * do update for admin update\n */\nexports.update = async (req, res, next) => {\n try {\n const user = req.params.id ? await DB.User.findOne({ _id: req.params.id }) : req.user;\n let publicFields = ['address', 'phoneNumber', 'isActive', 'avatar', 'email', 'isBlocked'];\n if (req.user.role === 'admin') {\n publicFields = publicFields.concat(['isCompletedProfile', 'emailVerified', 'role', 'username', 'availableToken']);\n req.body.password && (publicFields = publicFields.concat(['password']));\n }\n const fields = _.pick(req.body, publicFields);\n _.merge(user, fields);\n if (user.type === 'user') {\n user.isApproved = true;\n }\n await user.save();\n\n res.locals.update = user;\n next();\n } catch (e) {\n next(e);\n }\n};\n\nexports.me = (req, res, next) => {\n res.locals.me = req.user.getPublicProfile();\n next();\n};\n\nexports.findOne = async (req, res, next) => {\n try {\n const user = await DB.User.findOne({\n _id: req.params.id\n });\n res.locals.user = user;\n next();\n } catch (e) {\n next(e);\n }\n};\n\n/**\n * find user from Add Contact Page\n */\nexports.findByUsername = async (req, res, next) => {\n try {\n const schema = Joi.object().keys({\n username: Joi.string().required()\n });\n\n const validate = Joi.validate(req.params, schema);\n if (validate.error) {\n return next(PopulateResponse.validationError(validate.error));\n }\n\n const query = _.merge(validate.value, {\n type: { $ne: req.user.type },\n isCompletedProfile: true,\n isApproved: true,\n isActive: true,\n isBlocked: false\n });\n const user = await DB.User.findOne(query);\n if (!user) {\n return next(PopulateResponse.notFound({ message: 'User is not found' }));\n }\n\n const contact = await DB.Contact.findOne({\n $or: [\n { addedBy: req.user._id, userId: user._id },\n { addedBy: user._id, userId: req.user._id }\n ]\n });\n res.locals.user = { ...user.getPublicProfile(), isFriend: contact ? true : false, contactId: contact?._id || null };\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\n/**\n * update user avatar\n */\nexports.updateAvatar = async (req, res, next) => {\n try {\n const user = req.params.id ? await DB.User.findOne({ _id: req.params.id }) : req.user;\n if (!user) {\n return next(PopulateResponse.notFound());\n }\n\n const avatarSize = await DB.Config.findOne({ key: SYSTEM_CONST.AVATAR_SIZE });\n if (!avatarSize || !avatarSize.value || !avatarSize.value.width || !avatarSize.value.height) {\n return PopulateResponse.serverError({ msg: 'Missing avatar size!' });\n }\n // create thumb for the avatar\n const thumbPath = await Image.resize({\n input: req.file.path,\n width: avatarSize.value.width || 250,\n height: avatarSize.value.height || 250,\n resizeOption: '^'\n });\n\n await DB.User.update({ _id: req.params.id || req.user._id }, { $set: { avatar: thumbPath } });\n\n // unlink old avatar\n if (user.avatar && !Helper.String.isUrl(user.avatar) && fs.existsSync(path.resolve(user.avatar))) {\n fs.unlinkSync(path.resolve(user.avatar));\n }\n // remove tmp file\n // if (fs.existsSync(path.resolve(req.file.path))) {\n // fs.unlinkSync(path.resolve(req.file.path));\n // }\n\n res.locals.updateAvatar = {\n url: DB.User.getAvatarUrl(thumbPath)\n };\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\nexports.search = async (req, res, next) => {\n const page = Math.max(0, req.query.page - 1) || 0; // using a zero-based page index for use with skip()\n const take = parseInt(req.query.take, 10) || 10;\n\n try {\n let query = Helper.App.populateDbQuery(req.query, {\n text: ['phoneNumber', 'email', 'username'],\n boolean: ['isOnline', 'isApproved', 'isCompletedProfile', 'isCompletedDocument', 'isActive', 'isBlocked'],\n equal: ['role', 'type', 'gender', 'city', 'state', 'country']\n });\n\n if (req.user.role !== 'admin') {\n query = {\n ...query,\n isApproved: true,\n isCompletedProfile: true,\n isActive: true,\n isBlocked: false\n };\n }\n\n const sort = Helper.App.populateDBSort(req.query);\n const count = await DB.User.count(query);\n const items = await DB.User.find(query)\n .collation({ locale: 'en' })\n .sort(sort)\n .skip(page * take)\n .limit(take)\n .exec();\n\n res.locals.search = {\n count,\n items: await checkAndConvertFriend(items, req.user)\n };\n next();\n } catch (e) {\n next(e);\n }\n};\n\nexports.searchFriends = async (req, res, next) => {\n const page = Math.max(0, req.query.page - 1) || 0; // using a zero-based page index for use with skip()\n const take = parseInt(req.query.take, 10) || 10;\n try {\n let query = Helper.App.populateDbQuery(req.query, {\n text: ['phoneNumber', 'email', 'username'],\n boolean: ['isOnline', 'isApproved', 'isCompletedProfile', 'isCompletedDocument', 'isActive', 'isBlocked'],\n equal: ['role', 'type', 'gender', 'city', 'state', 'country']\n });\n\n if (req.user.role !== 'admin') {\n query = {\n ...query,\n isApproved: true,\n isCompletedProfile: true,\n isActive: true,\n isBlocked: false\n };\n }\n\n const sort = Helper.App.populateDBSort(req.query);\n const items = await DB.User.find(query)\n .collation({ locale: 'en' })\n .sort(sort)\n .exec();\n\n // add user response and check for friend\n const newItems = await checkAndConvertFriend(items, req.user);\n const data = newItems.filter((i) => i.isFriend);\n res.locals.search = {\n count: data.length,\n items: data.slice(page * take, (page + 1) * take )\n };\n next();\n } catch (e) {\n next(e);\n }\n};\n\nasync function checkAndConvertFriend(models, user) {\n const query = {\n $or: [\n { userId: user._id, addedBy: { $in: models } },\n { userId: { $in: models }, addedBy: user._id }\n ]\n };\n const contacts = await DB.Contact.find(query);\n const array = models.map(model => {\n let data = user?.role === 'admin' ? model : model.getPublicProfile();\n const isFriend = contacts.find(\n contact =>\n contact.userId.toString() === model._id.toString() || contact.addedBy.toString() === model._id.toString()\n );\n\n data.isFriend = isFriend ? true : false;\n return data;\n });\n return array;\n}\n\nexports.remove = async (req, res, next) => {\n try {\n const user = DB.User.findOne({ _id: req.params.userId });\n if (!user) {\n return next(PopulateResponse.notFound());\n }\n\n if (user.role === 'admin') {\n return next(PopulateResponse.forbidden());\n }\n\n // permanently delete\n // contact\n await DB.Contact.deleteMany({\n $or: [{ addedBy: req.params.userId }, { userId: req.params.userId }]\n });\n // conversation\n await DB.Conversation.deleteMany({ memberIds: req.params.userId });\n // conversation meta\n await DB.ConversationUserMeta.deleteMany({ userId: req.params.userId });\n // message\n await DB.Message.deleteMany({\n $or: [{ senderId: req.params.userId }, { recipientId: req.params.userId }]\n });\n // device\n await DB.Device.deleteMany({ userId: req.params.userId });\n // invoice\n await DB.Invoice.deleteMany({ userId: req.params.userId });\n // transaction\n await DB.Transaction.deleteMany({ userId: req.params.userId });\n // payout\n await DB.PayoutRequest.deleteMany({ modelId: req.params.userId });\n // purchase item\n const purchaseItems = await DB.PurchaseItem.find({ userId: req.params.userId }).exec();\n if (user.type === 'model') {\n // sell item - not remove purchase item\n const sellItemIds = purchaseItems.map(i => i.sellItemId);\n await DB.SellItem.deleteMany({\n $and: [{ userId: req.params.userId }, { _id: { $nin: sellItemIds } }]\n });\n\n // earning\n await DB.Earning.deleteMany({ modelId: req.params.userId });\n }\n // media - not remove purchase item\n const mediaIds = purchaseItems.map(i => i.mediaId);\n await DB.Media.deleteMany({\n $and: [{ ownerId: req.params.userId }, { _id: { $nin: mediaIds } }]\n });\n await DB.PurchaseItem.deleteMany({ userId: req.params.userId });\n // share love\n await DB.ShareLove.deleteMany({\n $or: [{ userId: req.params.userId }, { modelId: req.params.userId }]\n });\n // phone verify\n await DB.VerifyCode.deleteMany({ userId: req.params.userId });\n // user social\n // await DB.UserSocial.deleteMany({ userId: req.params.userId });\n await user.remove();\n res.locals.remove = { success: true };\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\nexports.updateProfile = async (req, res, next) => {\n try {\n const schema = Joi.object().keys({\n username: Joi.string().min(3).required(),\n gender: Joi.string().allow(['male', 'female', 'transgender']).required(),\n bio: Joi.string().min(6).required(),\n age: Joi.number().min(0).required(),\n address: Joi.string().allow(['', null]).optional(),\n city: Joi.string().allow(['', null]).optional(),\n state: Joi.string().allow(['', null]).optional(),\n country: Joi.string().allow(['', null]).optional(),\n phoneNumber: Joi.string().allow(['', null]).optional(),\n email: Joi.string().email().required()\n });\n\n const validate = Joi.validate(req.body, schema);\n if (validate.error) {\n return next(PopulateResponse.validationError(validate.error));\n }\n\n const user = await DB.User.findOne({ _id: req.user._id }); //? User update profile\n\n if (!user) {\n return next(PopulateResponse.error({ msg: 'User is not found!' }));\n }\n\n const username = validate.value.username.toLowerCase().trim();\n const email = validate.value.email.trim();\n const count = await DB.User.count({ $or: [{ username }, { email }], _id: { $ne: user._id } });\n\n if (count) {\n return next(PopulateResponse.error({ msg: 'This username or email has been taken!' }));\n }\n\n _.merge(user, validate.value);\n\n await user.save();\n const isCompletedProfile = await Service.User.updateCompletedProfile(user);\n user.isCompletedProfile = isCompletedProfile.success;\n res.locals.update = user.getPublicProfile();\n next();\n } catch (e) {\n return next(e);\n }\n};\n\nexports.updateDocument = async (req, res, next) => {\n try {\n const schema = Joi.object().keys({\n address: Joi.string().required(),\n city: Joi.string().required(),\n state: Joi.string().required(),\n country: Joi.string().required(),\n firstName: Joi.string().required(),\n lastName: Joi.string().required(),\n birthday: Joi.string().required(),\n instagram: Joi.string().allow([null, '']).optional(),\n twitter: Joi.string().allow([null, '']).optional(),\n number: Joi.string().required(),\n type: Joi.string().allow(['passport', 'ID', 'driverCard']).required(),\n zipCode: Joi.string().required(),\n isConfirm: Joi.boolean().required(),\n isExpired: Joi.boolean().allow([null, '']).default(false).optional(),\n expiredDate: Joi.string().allow([null, '']).optional(),\n isApproved: Joi.boolean().optional() //? admin approve the document\n });\n\n const validate = Joi.validate(req.body, schema);\n if (validate.error) {\n return next(PopulateResponse.validationError(validate.error));\n }\n const query = {\n _id: req.user.role === 'admin' ? req.params.id : req.user._id\n };\n const user = await DB.User.findOne(query);\n if (!user) {\n return next(PopulateResponse.notFound());\n }\n\n user.verificationDocument = Object.assign(user.verificationDocument, _.omit(validate.value, ['isApproved']));\n user.isCompletedDocument = true;\n if (req.user.role === 'admin') {\n user.isApproved = validate.value.isApproved || false;\n }\n await user.save();\n res.locals.document = user.verificationDocument;\n next();\n } catch (e) {\n return next(e);\n }\n};\n\nexports.updateTokenPerMessage = async (req, res, next) => {\n try {\n const schema = Joi.object().keys({\n token: Joi.number().min(1).required()\n });\n\n const validate = Joi.validate(req.body, schema);\n if (validate.error) {\n return next(PopulateResponse.validationError(validate.error));\n }\n\n if (req.user.type !== 'model') {\n return next(PopulateResponse.forbidden({ message: 'Only models can update!' }));\n }\n\n req.user.tokenPerMessage = validate.value.token;\n await req.user.save();\n res.locals.tokenPerMessage = req.user;\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\nexports.getOTP = async (req, res, next) => {\n try {\n const code = process.env.PHONE_DEBUG ? '0000' : Helper.String.randomString(4, '1234567890');\n let data = await DB.VerifyCode.findOne({ email: req.user.email });\n if (!data) {\n data = new DB.VerifyCode({ userId: req.user._id, email: req.user.email });\n }\n data.code = code;\n await data.save();\n\n const siteName = await DB.Config.findOne({ key: SYSTEM_CONST.SITE_NAME });\n // send mail with verify code to user\n await Service.Mailer.send('verify-code-email.html', req.user.email, {\n subject: 'Your verify code',\n verifyCode: code.toString(),\n siteName: siteName?.value || 'XChat'\n });\n\n res.locals.getOTP = PopulateResponse.success({ message: 'Send OTP is successfully!' }, 'OTP_SENT');\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\n/**\n * update model certification photo\n */\nexports.updateCertificationPhoto = async (req, res, next) => {\n try {\n const user = req.params.id\n ? await DB.User.findOne({\n _id: req.params.id,\n type: 'model' // only model to update certification\n })\n : req.user;\n if (!user) {\n return next(PopulateResponse.notFound());\n }\n\n const certificationSize = await DB.Config.findOne({ key: SYSTEM_CONST.CERTIFICATION_SIZE });\n if (\n !certificationSize ||\n !certificationSize.value ||\n !certificationSize.value.width ||\n !certificationSize.value.height\n ) {\n return PopulateResponse.serverError({ msg: 'Missing certification size!' });\n }\n\n // create thumb for the certification\n const thumbPath = await Image.resize({\n input: req.file.path,\n width: certificationSize.value.width || 250,\n height: certificationSize.value.height || 250,\n resizeOption: '^'\n });\n const updateString = `verificationDocument.${req.query.position}`;\n const update = {\n [updateString]: thumbPath\n };\n\n await DB.User.update(\n {\n _id: req.params.id || req.user._id\n },\n {\n $set: update\n }\n );\n // unlink old certification\n if (\n user.verificationDocument &&\n user.verificationDocument[req.query.position] &&\n !Helper.String.isUrl(user.verificationDocument[req.query.position]) &&\n fs.existsSync(path.resolve(user.verificationDocument[req.query.position]))\n ) {\n fs.unlinkSync(path.resolve(user.verificationDocument[req.query.position]));\n }\n\n // remove tmp file\n // if (fs.existsSync(path.resolve(req.file.path))) {\n // fs.unlinkSync(path.resolve(req.file.path));\n // }\n\n res.locals.updateCertificationPhoto = {\n url: DB.User.getAvatarUrl(update[updateString]) // convert to string\n };\n return next();\n } catch (e) {\n return next(e);\n }\n};\n\n/**\n * User update password\n */\nexports.updatePassword = async (req, res, next) => {\n const schema = Joi.object().keys({\n email: Joi.string().email().required(),\n password: Joi.string().min(6).required(),\n newPassword: Joi.string().min(6).required()\n });\n\n const validate = Joi.validate(req.body, schema);\n if (validate.error) {\n return next(PopulateResponse.validationError(validate.error));\n }\n\n try {\n passport.authenticate('local', async (err, user, info) => {\n const error = err || info;\n if (error) {\n return next(error);\n }\n if (!user) {\n return next(PopulateResponse.notFound());\n }\n\n user.password = validate.value.newPassword;\n await user.save();\n\n res.locals.updatePassword = {\n success: true\n };\n return next();\n })(req, res, next);\n } catch (e) {\n return next(e);\n }\n};\n\n/**\n * User deactive account yourself\n */\nexports.deactiveAccount = async (req, res, next) => {\n try {\n const user = req.user;\n user.isBlocked = true;\n await user.save();\n\n res.locals.deactive = PopulateResponse.success(\n { message: 'Your account has been deactived, you will be logged out.' },\n 'USER_DEACTIVED'\n );\n next();\n } catch (e) {\n next(e);\n }\n};","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Model Details Code Samples","type":"text"}]},{"type":"codeBlock","content":[{"text":"import * as React from 'react';\nimport Head from 'next/head';\nimport { connect } from 'react-redux';\nimport { withAuth } from 'lib/withAuth';\nimport withReduxSaga from 'lib/withReduxSaga';\nimport { toast } from 'react-toastify';\nimport Router from 'next/router';\n// Actions\nimport { findContact, resetFindContactStore } from 'lib/contact/actions';\nimport { loadUser } from 'lib/user/actions';\n// Child components\nimport ContactHeader from 'components/contact/contact-detail-box/header';\nimport ContactContent from 'components/contact/contact-detail-box/content';\nimport ContactSearchForm from 'components/contact/contact-search-form';\nimport UserListing from 'components/user/user-listing';\nimport UserFilter from 'components/user/filter/user-filter';\nimport LocationSubFilter from 'components/user/filter/location-sub-filter';\n\ninterface IProps {\n authUser: any;\n\n addContactStore: {\n requesting: boolean;\n success: boolean;\n error: any;\n };\n\n resetFindContactStore: Function;\n findContact: Function;\n findContactStore: {\n requesting: boolean;\n success: boolean;\n error: any;\n contact: any;\n isFriend: boolean;\n };\n\n removeContact: Function;\n removeContactStore: {\n requesting: boolean;\n success: boolean;\n error: any;\n };\n\n shareLoveStore: {\n requesting: boolean;\n success: boolean;\n error: any;\n };\n\n createConvStore: {\n requesting: boolean;\n success: boolean;\n error: any;\n data: any;\n };\n\n loadUser: Function;\n loadUserStore: {\n requesting: boolean;\n success: boolean;\n error: any;\n };\n}\n\ninterface IState {\n isShowLocation: boolean;\n gender: string;\n country: string;\n state: string;\n city: string;\n}\n\nclass ModelListing extends React.Component {\n constructor(props: any) {\n super(props);\n this.state = {\n isShowLocation: false,\n gender: '',\n country: '',\n state: '',\n city: ''\n };\n }\n\n componentDidMount() {\n this.props.resetFindContactStore();\n }\n\n componentDidUpdate(prevProps: IProps) {\n const { addContactStore, findContactStore, removeContactStore, shareLoveStore, createConvStore, loadUserStore } =\n this.props;\n\n //? handle find contact store (only hanlde error)\n if (\n prevProps.findContactStore.requesting &&\n !findContactStore.requesting &&\n !findContactStore.success &&\n findContactStore.error\n ) {\n return toast.error(findContactStore.error?.data?.message || 'User is not found');\n }\n //? --- end ---\n\n //? handle add contact store\n if (\n prevProps.addContactStore.requesting &&\n !addContactStore.requesting &&\n addContactStore.success &&\n !addContactStore.error\n ) {\n return toast.success('Added to your favorites');\n }\n if (\n prevProps.addContactStore.requesting &&\n !addContactStore.requesting &&\n !addContactStore.success &&\n addContactStore.error\n ) {\n return toast.error(addContactStore.error?.data?.message || 'Add to favorites failed!');\n }\n //? --- end ---\n\n //? handle remove contact store\n if (\n prevProps.removeContactStore.requesting &&\n !removeContactStore.requesting &&\n removeContactStore.success &&\n !removeContactStore.error\n ) {\n return toast.success('Removed from your favorites');\n }\n if (\n prevProps.removeContactStore.requesting &&\n !removeContactStore.requesting &&\n !removeContactStore.success &&\n removeContactStore.error\n ) {\n return toast.error(removeContactStore.error?.data?.message || 'Remove from favorites failed!');\n }\n //? --- end ---\n\n //? handle share love store\n if (\n prevProps.shareLoveStore.requesting &&\n !shareLoveStore.requesting &&\n shareLoveStore.success &&\n !shareLoveStore.error\n ) {\n return toast.success('Tip sent successfully!');\n }\n if (\n prevProps.shareLoveStore.requesting &&\n !shareLoveStore.requesting &&\n !shareLoveStore.success &&\n shareLoveStore.error\n ) {\n return toast.error(shareLoveStore.error?.data?.message || 'Show love fail!');\n }\n //? --- end ---\n\n //? handle create conversation store\n if (\n prevProps.createConvStore.requesting &&\n !createConvStore.requesting &&\n createConvStore.success &&\n !createConvStore.error &&\n createConvStore.data\n ) {\n Router.push('/message/' + createConvStore.data?._id);\n return;\n }\n if (\n prevProps.createConvStore.requesting &&\n !createConvStore.requesting &&\n !createConvStore.success &&\n createConvStore.error\n ) {\n return toast.error(createConvStore.error?.data?.message || 'Create conversation fail!');\n }\n //? --- end ---\n\n //? handle load user store (only handle error)\n if (\n prevProps.loadUserStore.requesting &&\n !loadUserStore.requesting &&\n !loadUserStore.success &&\n loadUserStore.error\n ) {\n return toast.error(loadUserStore.error?.data?.message || 'Load user fail!');\n }\n //? --- end ---\n }\n\n async loadUser(query: any) {\n const { gender, country, state, city } = this.state;\n this.props.loadUser({ ...query, type: 'model', gender, country, state, city });\n }\n\n checkProfile = (username: string ) => {\n // if (!isFriend) {\n // return toast.error('You must add this model to favorite to view his/her profile');\n // }\n Router.push(\n { pathname: '/contact/detail', query: { username } },\n '/contact/detail/'\n );\n }\n\n render() {\n const { findContactStore, authUser } = this.props;\n const { isShowLocation } = this.state;\n return (\n \n \n Models Listing\n \n

Models listing

\n {authUser.type === 'user' && (\n \n )}\n \n

\n {authUser.type === 'user' && isShowLocation && (\n

\n \n

\n )}\n {findContactStore.contact && (\n

\n \n

\n )}\n

\n \n

\n \n );\n }\n}\n\nconst mapStatetoProps = (state: any) => {\n const { shareLoveStore, addContactStore, findContactStore, removeContactStore } = state.contact;\n\n return {\n shareLoveStore,\n addContactStore,\n findContactStore,\n removeContactStore,\n createConvStore: state.conversation.createConvStore,\n ...state.user,\n authUser: state.auth.authUser\n };\n};\nconst mapDispatch = {\n findContact,\n loadUser,\n resetFindContactStore\n};\n\nexport default withReduxSaga(withAuth(connect(mapStatetoProps, mapDispatch)(ModelListing))) as any;","type":"text"}]}],"version":1}

Browser not supported