\n\n {(navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR) ? ![\"\"]({require(\"assets/images/w-logo.png\")}/)
:\n themeType === THEME_TYPE_LITE ?\n ![\"\"]({require(\"assets/images/logo-white.png\")}/)
:\n ![\"\"]({require(\"assets/images/logo.png\")}/)
}\n \n
\n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {navStyle, themeType, width, navCollapsed} = settings;\n return {navStyle, themeType, width, navCollapsed}\n};\n\nexport default connect(mapStateToProps, {\n onNavStyleChange,\n toggleCollapsedSideNav\n})(SidebarLogo);\n","import React, {Component} from \"react\";\nimport {connect} from \"react-redux\";\nimport {Avatar, Popover} from \"antd\";\nimport { withRouter } from \"react-router-dom\";\nimport {userSignOut} from \"appRedux/actions/Auth\";\n\n\nclass UserProfile extends Component {\n render() {\n const {authUser} = this.props;\n if(!authUser) {\n return null;\n }\n\n const userMenuOptions = (\n \n\n {\n if (navStyle === NAV_STYLE_DRAWER) {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n } else if (navStyle === NAV_STYLE_FIXED) {\n this.props.onNavStyleChange(NAV_STYLE_MINI_SIDEBAR)\n } else if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n } else {\n this.props.onNavStyleChange(NAV_STYLE_FIXED)\n }\n }}\n />\n
: null}\n \n {navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR && width >= TAB_SIZE ?\n :\n themeType === THEME_TYPE_LITE ?\n :\n }\n \n - \n
- {\n this.props.history.push(`/user/me`)\n }}>My Profile \n
- this.props.userSignOut()}>Logout \n
\n \n \n {authUser.firstName} {authUser.lastName} \n
\n\n )\n\n }\n}\n\nconst mapStateToProps = ({auth,settings}) => {\n const {authUser} = auth;\n const {locale} = settings;\n return {authUser, locale}\n};\n\nexport default connect(mapStateToProps, {userSignOut})(withRouter(UserProfile));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Avatar, Popover } from 'antd';\nimport { userSignOut } from 'appRedux/actions/Auth';\n// import {switchLanguage, toggleCollapsedSideNav} from \"../../appRedux/actions\";\nimport { withRouter } from 'react-router-dom';\nimport { isProd } from '../../util/config';\n\nclass UserInfo extends Component {\n render() {\n const { authUser, userSignOut } = this.props;\n if (!authUser) {\n return null;\n }\n const avatar = this.props.authUser && this.props.authUser.avatar ? this.props.authUser.avatar : 'https://wieldy.g-axon.work/static/media/garry-sobars.aa4d3b15.png';\n const userMenuOptions = (\n - \n
- userSignOut()}>\n \n Logout{' '}\n \n
\n \n \n
\n );\n }\n\n return (\n \n \n \n \n
\n \n {/*
\n \r\n
\r\n )\r\n};\r\nexport default SearchBox;\r\n\r\nSearchBox.defaultProps = {\r\n styleName: \"\",\r\n value: \"\",\r\n};\r\n","import React from \"react\";\r\nimport {Avatar} from \"antd\";\r\n\r\n\r\nconst NotificationItem = ({notification}) => {\r\n const {icon, image, title, time} = notification;\r\n return (\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n {time}\r\n\r\n
\r\n Notifications
\r\n \r\n- \r\n {notifications.map((notification, index) =>
\r\n \r\n {badge > 0 ? {badge} : null}\r\n
\r\n \r\n
\r\n \r\n
\r\n {name}
\r\n {time}\r\n{message}
\r\n Reply\r\n\r\n
\r\n Messages
\r\n \r\n- \r\n {notifications.map((notification, index) =>
- \n {languageData.map(language =>\n
- \n this.props.switchLanguage(language)\n }>\n \n {language.name}\n \n )}\n
\n \n
\n \n \n
\n\n \n
\n \n
\n \n \n
\n - \n
- Login \n
- Signup \n
\n \n }\n trigger=\"click\">\n \n \n \n\n \n } trigger=\"click\">\n \n \n \n \n \n \n \n \n \n \n
\n \n\n \n \n \n
\n } trigger=\"click\">\n \n\n \n \n \n {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n }}\n />\n\n
\n \n \n \n \n \n \n\n \n
\n\n - \n
- \n
\n \n \n \n\n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {locale, navCollapsed} = settings;\n return {locale, navCollapsed}\n};\nexport default connect(mapStateToProps, {toggleCollapsedSideNav, switchLanguage})(HorizontalDefault);\n","import React, {Component} from \"react\";\nimport {Button, Dropdown, Icon, Layout, Menu, message, Popover, Select} from 'antd';\nimport {connect} from \"react-redux\";\nimport CustomScrollbars from \"util/CustomScrollbars\";\n\nimport languageData from \"../languageData\";\nimport SearchBox from \"components/SearchBox\";\nimport UserInfo from \"components/UserInfo\";\nimport AppNotification from \"components/AppNotification\";\nimport MailNotification from \"components/MailNotification\";\nimport {Link} from \"react-router-dom\";\nimport HorizontalNav from \"../HorizontalNav\";\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\nimport IntlMessages from \"../../../util/IntlMessages\";\n\nconst {Header} = Layout;\n\nconst Option = Select.Option;\nconst menu = (\n \n);\n\nfunction handleMenuClick(e) {\n message.info('Click on menu item.');\n}\n\nfunction handleChange(value) {\n // console.log(`selected ${value}`);\n}\n\nclass HorizontalDark extends Component {\n\n state = {\n searchText: '',\n };\n\n languageMenu = () => (\n \n
\n \n
\n - \n
- \n
- \n
- \n
- \n {languageData.map(language =>\n
- \n this.props.switchLanguage(language)\n }>\n \n {language.name}\n \n )}\n
\n \n
\n \n \n
\n\n\n \n
\n \n
\n \n \n
\n - \n
- Login \n
- Signup \n
\n \n }\n trigger=\"click\">\n \n \n \n\n \n } trigger=\"click\">\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n } trigger=\"click\">\n \n\n \n \n\n \n {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n }}\n />\n\n
\n \n \n \n \n \n \n\n \n
\n\n - \n
- \n
\n \n \n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {locale, navCollapsed} = settings;\n return {locale, navCollapsed}\n};\nexport default connect(mapStateToProps, {toggleCollapsedSideNav, switchLanguage})(HorizontalDark);\n","import React, {Component} from \"react\";\nimport {Button, Dropdown, Icon, Layout, Menu, message, Popover} from 'antd';\nimport {connect} from \"react-redux\";\nimport CustomScrollbars from \"util/CustomScrollbars\";\n\nimport languageData from \"../languageData\";\nimport SearchBox from \"components/SearchBox\";\nimport UserInfo from \"components/UserInfo\";\nimport AppNotification from \"components/AppNotification\";\nimport MailNotification from \"components/MailNotification\";\nimport HorizontalNav from \"../HorizontalNav\";\nimport {Link} from \"react-router-dom\";\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\nimport IntlMessages from \"../../../util/IntlMessages\";\n\nconst {Header} = Layout;\n\nconst menu = (\n \n);\n\nfunction handleMenuClick(e) {\n message.info('Click on menu item.');\n}\n\nclass InsideHeader extends Component {\n\n state = {\n searchText: '',\n };\n\n languageMenu = () => (\n \n
\n \n
\n - \n
- \n
- \n
- \n
- \n {languageData.map(language =>\n
- \n this.props.switchLanguage(language)\n }>\n \n {language.name}\n \n )}\n
\n \n
\n \n \n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {locale, navCollapsed} = settings;\n return {locale, navCollapsed}\n};\nexport default connect(mapStateToProps, {toggleCollapsedSideNav, switchLanguage})(InsideHeader);\n","import React, {Component} from \"react\";\nimport {Layout, Popover, Select} from 'antd';\nimport {connect} from \"react-redux\";\nimport CustomScrollbars from \"util/CustomScrollbars\";\n\nimport languageData from \"../languageData\";\nimport SearchBox from \"components/SearchBox\";\nimport UserInfo from \"components/UserInfo\";\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\n\nimport {TAB_SIZE} from \"../../../constants/ThemeSetting\";\nimport HorizontalNav from \"../HorizontalNav\";\nimport {Link} from \"react-router-dom\";\nimport IntlMessages from \"../../../util/IntlMessages\";\n\nconst {Header} = Layout;\n\nconst Option = Select.Option;\n\n\nfunction handleChange(value) {\n // console.log(`selected ${value}`);\n}\n\nclass AboveHeader extends Component {\n\n state = {\n searchText: '',\n };\n\n languageMenu = () => (\n \n
\n\n\n \n
\n \n
\n \n \n
\n - \n
- Login \n
- Signup \n
\n \n }\n trigger=\"click\">\n \n \n \n\n \n } trigger=\"click\">\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n\n
\n } trigger=\"click\">\n\n \n\n \n \n\n \n {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n }}\n />\n
\n \n \n \n \n\n \n
\n - \n
- \n
\n \n \n
- \n {languageData.map(language =>\n
- \n this.props.switchLanguage(language)\n }>\n \n {language.name}\n \n )}\n
\n\n \n
\n \n \n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {locale, navCollapsed, width} = settings;\n return {locale, navCollapsed, width}\n};\nexport default connect(mapStateToProps, {toggleCollapsedSideNav, switchLanguage})(AboveHeader);\n","import React, {Component} from \"react\";\nimport {Button, Dropdown, Icon, Layout, Menu, message, Popover, Select} from 'antd';\nimport {connect} from \"react-redux\";\nimport CustomScrollbars from \"util/CustomScrollbars\";\n\nimport languageData from \"../languageData\";\nimport SearchBox from \"components/SearchBox\";\nimport UserInfo from \"components/UserInfo\";\nimport AppNotification from \"components/AppNotification\";\nimport MailNotification from \"components/MailNotification\";\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\nimport HorizontalNav from \"../HorizontalNav\";\nimport {Link} from \"react-router-dom\";\nimport IntlMessages from \"util/IntlMessages\";\n\nconst {Header} = Layout;\n\nconst Option = Select.Option;\nconst menu = (\n \n);\n\nfunction handleMenuClick(e) {\n message.info('Click on menu item.');\n}\n\nfunction handleChange(value) {\n // console.log(`selected ${value}`);\n}\n\nclass BelowHeader extends Component {\n\n state = {\n searchText: '',\n };\n\n languageMenu = () => (\n \n
\n\n \n
\n \n
\n - \n
- \n
- \n
- \n
\n
\n\n \n
\n \n
\n \n \n
\n - \n
\n */}\n {/* }*/}\n {/* trigger=\"click\">*/}\n {/* */}\n {/* */}\n {/* */}\n\n {/**/}\n {/* } trigger=\"click\">*/}\n {/**/}\n {/**/}\n {/**/}\n {/**/}\n {/* */}\n {/* */}\n \n \n \n \n
\n \n\n \n \n \n
*/}\n {/* } trigger=\"click\">*/}\n {/* */}\n {/* */}\n {/**/}\n\n {/*\n {\n if (width <= TAB_SIZE) {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n }\n }}\n />\n
\n \n \n \n \n \n \n\n \n
\n\n - \n {/*
- */}\n {/*
*/}\n {/* */}\n {/* */}\n {/*
- \n {languageData.map(language =>\n
- \n this.props.switchLanguage(language)\n }>\n \n {language.name}\n \n )}\n
\n \n
\n \n \n
\n\n\n \n
\n \n
\n \n \n
\n - \n
- Login \n
- Signup \n
\n \n }\n trigger=\"click\">\n \n \n \n\n \n } trigger=\"click\">\n \n \n \n \n \n \n \n \n \n \n
\n \n\n \n \n \n
\n } trigger=\"click\">\n \n \n \n\n \n {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n }}\n />\n
\n \n \n \n \n \n \n\n \n
\n\n - \n
- \n
\n \n \n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {locale, navCollapsed} = settings;\n return {locale, navCollapsed}\n};\nexport default connect(mapStateToProps, {toggleCollapsedSideNav, switchLanguage})(BelowHeader);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport { Layout, Popover, message } from 'antd';\nimport { Link } from 'react-router-dom';\n\nimport CustomScrollbars from 'util/CustomScrollbars';\nimport languageData from './languageData';\nimport { switchLanguage, toggleCollapsedSideNav } from '../../appRedux/actions/Setting';\n// import SearchBox from \"components/SearchBox\";\nimport UserInfo from 'components/UserInfo';\n// import AppNotification from \"components/AppNotification\";\n// import MailNotification from \"components/MailNotification\";\nimport Auxiliary from 'util/Auxiliary';\nimport moment from 'moment';\nimport { socket } from '../../containers/App';\nimport { getListOrder } from '../../appRedux/actions/Order';\n\nimport { NAV_STYLE_DRAWER, NAV_STYLE_FIXED, NAV_STYLE_MINI_SIDEBAR, TAB_SIZE } from '../../constants/ThemeSetting';\nimport { connect } from 'react-redux';\nimport { BIZMAN_VERSION, isProd } from '../../util/config';\nimport { getCurrentPackageOfUser } from '../../appRedux/actions/Payment';\nimport { USER_ROLES } from '../../constants/Roles';\nimport { formatExpiredTime } from '../../util/helper';\n// const formatExpiredTime = v => {\n// return v && v.iso ? v.iso : v;\n// };\nconst { Header } = Layout;\n\nclass Topbar extends Component {\n constructor(props) {\n super(props);\n this.state = {\n searchText: '',\n totalNewOrder: 0,\n isTrial: false,\n trialExpiredTime: null\n };\n }\n\n componentDidMount() {\n this.getTotalNeworder();\n this.getCurrentPackage();\n socket.on('newOrder', this.handleNewOrder);\n socket.on('orderConfirmed', this.handleOrderConfirm);\n socket.on('orderRejected', this.handleOrderReject);\n }\n\n handleNewOrder = msg => {\n console.log('%csocket on newOrder [menu Topbar]', 'background:green; color:white; font-size:20px;', msg);\n this.getTotalNeworder();\n };\n // handleTotalUpdate = (msg)=>{\n // console.log('%csocket on totalUpdate [menu Topbar]','background:green; color:white; font-size:20px;', msg);\n // this.getTotalNeworder();\n // }\n handleOrderConfirm = msg => {\n console.log('%csocket on orderConfirmed [menu Topbar]', 'background:green; color:white; font-size:20px;', msg);\n this.getTotalNeworder();\n };\n handleOrderReject = msg => {\n console.log('%csocket on orderRejected [menu Topbar]', 'background:green; color:white; font-size:20px;', msg);\n this.getTotalNeworder();\n };\n\n componentWillUnmount() {\n // Pass event and fn to remove a listener.\n // Pass event to remove all listeners on that event.\n // Pass nothing to remove all listeners on all events.\n socket.off('newOrder', this.handleNewOrder);\n socket.off('orderConfirmed', this.handleOrderConfirm);\n socket.off('orderRejected', this.handleOrderReject);\n }\n\n getTotalNeworder = async () => {\n // const {authUser} = this.props;\n try {\n let params = {\n ownerId: this.props.authUser && this.props.authUser.id,\n page: 0,\n limit: 1000,\n offset: 0,\n resolved: false,\n status: 'new'\n };\n let r = await getListOrder(params);\n // console.log(`[menu Topbar] top bar get list new order`, r);\n if (r && r.data) {\n this.setState({\n totalNewOrder: r.data.total\n });\n }\n } catch (e) {\n message.error(e);\n }\n };\n\n languageMenu = () => (\n \n
\n \n
\n - \n
- \n
- \n
- \n
- \n {languageData.map(language => (\n
- this.props.switchLanguage(language)}>\n \n {language.name}\n \n ))}\n
\n {\n this.props.toggleCollapsedSideNav(!navCollapsed);\n }}\n />\n
\n ) : null}\n \n }){kind=logo}
\n \n\n {isProd ? null : isTrial ? (\n \n \n Your Trial will be expired at {moment(trialExpiredTime).format('DD-MM-YYYY')}.\n \n Click\n \n HERE\n \n to upgrade your plan\n
\n ) : null}\n\n {/*- \n {/*
- */}\n {/*
*/}\n {/* } trigger=\"click\">*/}\n {/* */}\n {/* */}\n {/* */}\n {/*{width >= TAB_SIZE ? null :*/}\n {/* - */}\n {/*
}*/}\n {/* trigger=\"click\">*/}\n {/* */}\n {/* */}\n {/* */}\n\n {/* - */}\n {/*
} trigger=\"click\">*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* - */}\n {/*
*/}\n {/**/}\n {/**/}\n {/*{locale.name}*/}\n {/**/}\n {/**/}\n {/* */}\n {/* */}\n\n {/* {width >= TAB_SIZE ? null :\n - {BIZMAN_VERSION} \n {totalNewOrder > 0 ? (\n
- \n \n\n
Messages
\n \n\n \n- \n
- \n \n \n \n {totalNewOrder > 9 ? '9+' : totalNewOrder}\n \n\n\n\n\n\n \n \n View Detail\n \n \n {/*
\n \n You have {totalNewOrder} new orders\n \n
\n \n {moment().format('HH:mm')}\n \n \n
- \n
\n
\n }\n }\n \n return (\n \n
\n \n \n import('./404'))} />\n import('./dashboard'))} />\n {/* import('./agency'))}/>*/}\n import('./creative'))} />\n {/* import('./location'))}/>*/}\n import('./device'))} />\n import('./slider'))} />\n import('./user'))} />\n import('./callService'))} />\n import('./menu'))} />\n import('./report'))} />\n import('./payment/index'))} />\n \n
\n );\n }\n}\n\nexport default withRouter(AuthoriedApp);\n","import React, {Component} from \"react\";\r\nimport {connect} from \"react-redux\";\r\n\r\nimport {toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\n\r\nclass NoHeaderNotification extends Component {\r\n\r\n render() {\r\n const {navCollapsed} = this.props;\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({settings}) => {\r\n const {navCollapsed} = settings;\r\n return {navCollapsed}\r\n};\r\nexport default connect(mapStateToProps, {toggleCollapsedSideNav})(NoHeaderNotification);\r\n","/* eslint-disable */\nimport React, {Component} from \"react\";\nimport {Layout} from \"antd\";\n\nimport Sidebar from \"../Sidebar/index\";\nimport HorizontalDefault from \"../Topbar/HorizontalDefault/index\";\nimport HorizontalDark from \"../Topbar/HorizontalDark/index\";\nimport InsideHeader from \"../Topbar/InsideHeader/index\";\nimport AboveHeader from \"../Topbar/AboveHeader/index\";\nimport BelowHeader from \"../Topbar/BelowHeader/index\";\n\nimport Topbar from \"../Topbar/index\";\nimport {footerText} from \"util/config\";\nimport AuthoriedApp from \"../../routes/index\";\nimport {connect} from \"react-redux\";\nimport {\n NAV_STYLE_ABOVE_HEADER,\n NAV_STYLE_BELOW_HEADER,\n NAV_STYLE_DARK_HORIZONTAL,\n NAV_STYLE_DEFAULT_HORIZONTAL,\n NAV_STYLE_DRAWER,\n NAV_STYLE_FIXED,\n NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\n NAV_STYLE_MINI_SIDEBAR,\n NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\n TAB_SIZE\n} from \"../../constants/ThemeSetting\";\nimport NoHeaderNotification from \"../Topbar/NoHeaderNotification/index\";\n\nconst {Content, Footer} = Layout;\n\nexport class MainApp extends Component {\n\n getContainerClass = (navStyle) => {\n switch (navStyle) {\n case NAV_STYLE_DARK_HORIZONTAL:\n return \"gx-container-wrap\";\n case NAV_STYLE_DEFAULT_HORIZONTAL:\n return \"gx-container-wrap\";\n case NAV_STYLE_INSIDE_HEADER_HORIZONTAL:\n return \"gx-container-wrap\";\n case NAV_STYLE_BELOW_HEADER:\n return \"gx-container-wrap\";\n case NAV_STYLE_ABOVE_HEADER:\n return \"gx-container-wrap\";\n default :\n return \"\"\n }\n };\n getNavStyles = (navStyle) => {\n switch (navStyle) {\n case NAV_STYLE_DEFAULT_HORIZONTAL :\n return \r\n {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \n
\n );\n }\n}\n\nconst WrappedNormalLoginForm = Form.create()(SignIn);\n\nconst mapStateToProps = ({auth}) => {\n const {token} = auth;\n return {token}\n};\n\nexport default connect(mapStateToProps, {userSignIn})(WrappedNormalLoginForm);\n","import React from 'react';\nimport { Button, Checkbox, Form, Input, message, Icon, Modal } from 'antd';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { userSignUp, socialLogin } from '../appRedux/actions/Auth';\nimport { registerNewUser } from '../appRedux/actions/User';\n\nimport IntlMessages from 'util/IntlMessages';\nimport { USER_ROLES } from '../constants/Roles';\n\nconst FormItem = Form.Item;\n\nclass SignUp extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n submitting: false,\n passwordStrength: '',\n showPlainPassword: false\n };\n }\n\n setStateAsync(state) {\n return new Promise((resolve) => {\n this.setState(state, resolve);\n });\n }\n\n handleSubmit = (e) => {\n e.preventDefault();\n const { submitting } = this.state;\n this.props.form.validateFields(async (err, values) => {\n if (err) {\n return;\n }\n if (submitting) {\n return;\n }\n await this.setStateAsync({\n submitting: true\n });\n try {\n let resultRegister = await registerNewUser({\n ...values,\n username: values.email,\n role: USER_ROLES.user\n });\n console.log(resultRegister);\n // message.info(`Your register request has been sent successfully. Please check your mailbox and verify account.`);\n Modal.info({\n title: 'Successfully',\n content: 'Your register request has been sent successfully. Please check your mailbox and verify account.',\n onOk: async () => {\n await this.setStateAsync({\n submitting: false\n });\n this.props.form.resetFields();\n },\n onCancel: async () => {\n await this.setStateAsync({\n submitting: false\n });\n this.props.form.resetFields();\n }\n });\n // this.props.history.push({\n // pathname: '/verify',\n // search: `?email=${values.email}`\n // });\n } catch (error) {\n message.error(JSON.stringify(error));\n console.log(error);\n }\n await this.setStateAsync({\n submitting: false\n });\n });\n };\n\n componentDidUpdate() {\n if (this.props.token !== null) {\n this.props.history.push('/');\n }\n }\n comparePasswordCheck = (rule, value, callback) => {\n const form = this.props.form;\n if (value && value.length < 6) {\n return callback(`Confirm password must be minimum 6 characters.`);\n }\n if (value && value !== form.getFieldValue('password')) {\n return callback(`Confirm password doesn't match`);\n }\n return callback();\n };\n strongPasswordCheck = (rule, value, callback) => {\n // const form = this.props.form;\n let textErr = [];\n if (value && value.length < 6) {\n return callback(`Password must be minimum 6 characters.`);\n }\n if (value && /[A-Z]{1,}/.test(value) === false) {\n textErr.push('at least one Uppercase letter');\n // return callback('at least one Uppercase letter');\n }\n if (value && /[a-z]{1,}/.test(value) === false) {\n // return callback('Must contain at least one Lowercase letter');\n textErr.push('at least one Lowercase letter');\n }\n if (value && /[0-9]{1,}/.test(value) === false) {\n // return callback('Must contain at least one number');\n textErr.push('at least one number');\n }\n if (textErr.length > 0) {\n return callback(`Password must contain ${textErr.join(', ')}`);\n }\n // if (value && value !== form.getFieldValue('password')) {\n // callback('Two passwords that you enter is inconsistent!');\n // } else {\n // callback();\n // }\n return callback();\n };\n\n render() {\n const { getFieldDecorator } = this.props.form;\n return (\n \n
\n \n
\n \n
\n \n {/*![Neature](\"https://via.placeholder.com/272x395\")
*/}\n
\n \n
\n
\n \n ![\"example\"]({require(\"assets/images/logo-h.png\")}/)
\n
\n \n \n
\n \n {BIZMAN_VERSION}\n
\n \n \n\n {/* hide login fb gg */}\n {/*
\n \n
\n \n );\n }\n}\n\nconst WrappedSignUpForm = Form.create()(SignUp);\n\nconst mapStateToProps = ({ auth }) => {\n const { token } = auth;\n return { token };\n};\n\nexport default connect(mapStateToProps, { userSignUp, socialLogin })(WrappedSignUpForm);\n","/* eslint-disable */\nimport React from 'react';\nimport { Button, message, Spin, Modal } from 'antd';\nimport IntlMessages from 'util/IntlMessages';\nimport { Link, Redirect } from 'react-router-dom';\nimport queryString from 'query-string';\nimport { verifyUser, resendEmail } from '../appRedux/actions/User';\nimport { connect } from 'react-redux';\nimport { addCardApi, getCurrentCard, getListPackagesApi, listPaymentCardsApi, subscribeSubscription } from '../appRedux/actions/Payment';\nimport ListPackages from '../routes/payment/listPackages';\nlet logoPng = require('assets/images/logo_receipt.png');\n\nclass VerifyUser extends React.Component {\n constructor(props) {\n super(props);\n // const query = this.props.location.search;\n const param = this.getQueryParams();\n console.log(`page verify query params= `, param);\n\n this.state = {\n email: param.email,\n verifyCode: param.token, //token of register\n submitting: false,\n error: null,\n // authToken: '' //token login sau khi verify success\n // listCards: [],\n // currentCard: null,\n // packages: [],\n // packageId: param.packageId, //packageId callback tu payment sau khi add card\n // packageName: param.packageName //packageId callback tu payment sau khi add card\n };\n }\n getQueryParams = () => {\n const query = this.props.location.search;\n const param = queryString.parse(query);\n return param;\n };\n setStateAsync(state) {\n return new Promise((resolve) => {\n this.setState(state, resolve);\n });\n }\n\n componentDidMount() {\n if (this.props.token) {\n //co token login, user cố ý vào /verify tren browser\n } else {\n if (this.state.verifyCode) {\n //verifyTOken in query token (for register new account)\n this.handleVerify();\n } else {\n this.setState({\n submitting: false,\n error: 'Verify code is missing, please try again'\n });\n }\n }\n }\n\n // getListPackages = async () => {\n // try {\n // let r = await getListPackagesApi();\n // let pacagkers = r.data && r.data.items ? r.data.items : r.data;\n // if (r.data) {\n // this.setState({\n // packages: pacagkers\n // });\n // console.log(`list pacakges`, pacagkers);\n // }\n // } catch (e) {\n // console.log(e);\n // message.error(e);\n // }\n // };\n\n // getListPaymentMethodUser = async () => {\n // try {\n // let r = await listPaymentCardsApi();\n // let cards = r.data && r.data.items ? r.data.items : r.data;\n // if (r.data) {\n // this.setState({\n // listCards: cards,\n // currentCard: getCurrentCard(cards)\n // });\n // }\n // console.log(`list card of user`, cards);\n // } catch (e) {\n // console.log(e);\n // message.error(e);\n // }\n // };\n\n handleVerify = async () => {\n this.setState({\n submitting: true\n });\n try {\n //khi verify xong, se nhan dc token tu BE\n //dung token nay get list packages\n let r = await verifyUser({\n token: this.state.verifyCode\n });\n // let authToken = r && r.data && r.data.token ? r.data.token : r.token;\n // if (authToken) {\n // await this.setStateAsync({\n // authToken,\n // submitting: false\n // });\n // localStorage.setItem('token', authToken);\n // }\n // await Promise.all([this.getListPaymentMethodUser(), this.getListPackages()]);\n this.setState({\n submitting: false,\n error: null\n });\n message.success('Your account has been verified successfully.');\n Modal.info({\n title: 'Successfully',\n content: 'Your account has been verified successfully. Click to login now!',\n onOk: async () => {\n this.props.history.push('/signin');\n this.setState({\n submitting: false,\n error: null\n });\n },\n onCancel: async () => {\n this.props.history.push('/signin');\n this.setState({\n submitting: false,\n error: null\n });\n }\n });\n } catch (error) {\n console.log(error, JSON.stringify(error));\n this.setState({\n submitting: false,\n error: 'Token is invalid, please try again'\n });\n message.error('Token is invalid, please try again');\n }\n };\n\n onResendEmail = async () => {\n const { submitting } = this.state;\n\n if (submitting) {\n return;\n }\n this.setState({\n submitting: true\n });\n try {\n await resendEmail({\n email: this.state.email\n });\n message.success('Email sent successfully');\n this.setState({\n submitting: false,\n error: null,\n });\n } catch (e) {\n message.error('Failed to resend email, with error code: ' + e.message);\n this.setState({\n submitting: false,\n error: 'There are some errors'\n });\n }\n };\n\n\n render() {\n const {\n email,\n submitting,\n // authToken,\n // packages, listCards,\n verifyCode\n } = this.state;\n const loggedToken = this.props.token;\n\n if (loggedToken) {\n //user da login roi\n return \n
\n \n {\n this.setState({\n showPlainPassword: !this.state.showPlainPassword\n });\n }}\n />\n }\n />\n )}\n \n \n {getFieldDecorator('repassword', {\n rules: [\n { required: true, message: 'Please input your Password Again!' },\n {\n validator: this.comparePasswordCheck\n }\n ]\n })()}\n \n \n {getFieldDecorator('remember', {\n valuePropName: 'checked',\n initialValue: true\n })(\n \n \n )}\n \n \n \n \n \n \n \n \n {/* or Sign up using: */}\n {/*
\n \n
\n\n {/*
*/}
\n \n \n
\n
\n \n
\n \n
\n
\n })
\n
\n \n \n
}>\n {getFieldDecorator('password', {\n rules: [\n { required: true, message: 'Please input your Password!' },\n // { min: 6, message: 'Password must be minimum 6 characters.' },\n {\n validator: this.strongPasswordCheck\n }\n ]\n })(\n \n
\n );\n }\n}\nconst mapStateToProps = ({ auth }) => {\n const { token } = auth;\n return { token };\n};\n\nexport default connect(mapStateToProps)(VerifyUser);\n","import React from 'react';\nimport { Spin } from 'antd';\nimport { connect } from 'react-redux';\n// import { Link } from 'react-router-dom';\n\n// import { userSignIn } from '../appRedux/actions/Auth';\n// import IntlMessages from 'util/IntlMessages';\n// import InfoView from 'components/InfoView';\n// import SocialLogin from '../components/Social/SocialLogin';\n\n/*\n * Payment callback will be call this component and pass param to android device\n */\n\nclass AppCallBackPayment extends React.PureComponent {\n //React.Component\n constructor(props) {\n super(props);\n this.state = {\n status: '',\n orderId: '',\n error: '',\n };\n }\n componentDidMount() {\n // ví dụ em callback về trang này nè https://manage-dev.dikauri.com/welcome?orderId=2511&status=SUCCESS&error=\n let query = new URLSearchParams(this.props.location.search);\n let status = query.get('status');\n let orderId = query.get('orderId');\n let error = query.get('error');\n orderId = orderId || '';\n error = error || '';\n status = status || '';\n console.log({\n URLSearchParams: query,\n status,\n orderId,\n error,\n });\n this.setState(\n {\n status,\n orderId,\n error,\n },\n () => {\n try {\n if (window.Android) {\n if (window.Android.getPaymentStatus && typeof window.Android.getPaymentStatus === 'function') {\n window.Android.getPaymentStatus(orderId, status, error); // orderId:string, status:string, error:string\n } else {\n alert(`window.Android.getPaymentStatus is not define`);\n }\n } else {\n alert(`window.Android is not define`);\n }\n } catch (e) {\n console.log(`error window.Android.getPaymentStatus`, e);\n alert(`erro window.Android.getPaymentStatus ERROR`, JSON.stringify(e));\n }\n }\n );\n }\n\n render() {\n if (!this.state.orderId || !this.state.status) {\n return (\n \n
\n \n 
\n
\n \n
\n Verify your email
\n\n\n
\n\n {/* have query email & have error */}\n {email && this.state.error && verifyCode ? (\n \n {submitting ? (\n
\n\n {this.state.error ? (\n \n
\n ) : null}\n \n {this.state.error}\n
\n ) : null}\n\n \n You will need to verify your email to complete registration.\n \n Go To Home\n \n
\n \n
\n ) : null}\n \n \n
\n \n An email have been sent to {email} with a link to verify your account. If you have not received the email after a few minutes, please check your spam folder.\n
\n \n \n\n
\n );\n }\n return (\n \n {/*
\n );\n }\n}\n\nconst mapStateToProps = ({ auth }) => {\n const { token } = auth;\n return { token };\n};\n\nexport default connect(mapStateToProps, {})(AppCallBackPayment);\n","/* eslint-disable */\nimport React from 'react';\nimport IntlMessages from 'util/IntlMessages';\nimport { Button, Checkbox, Form, Icon, Input, message } from 'antd';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { forgetPasswordUser } from '../../appRedux/actions/User';\nimport * as qs from 'query-string';\n\nconst FormItem = Form.Item;\n\nconst STEP_FORGET_PASS = 'STEP_FORGET_PASS';\nconst STEP_RESET_PASS = 'STEP_RESET_PASS';\nconst STEP_SUCCESS = 'STEP_SUCCESS';\nclass ForgotPassword extends React.Component {\n constructor(props) {\n super(props);\n const query = qs.parse(this.props.location.search);\n console.log(`query`, query);\n this.state = {\n email: query && query.email ? query.email : '',\n otp: query && query.otp ? query.otp : '',\n expiredTime: query && query.expiredTime ? parseInt(query.expiredTime) : null,\n stepView: STEP_FORGET_PASS,\n password: '',\n rePassword: '',\n };\n }\n\n componentDidMount() {\n if (this.state.otp && this.state.email) {\n this.setState({\n stepView: STEP_RESET_PASS,\n });\n }\n }\n\n handleSubmit = e => {\n e.preventDefault();\n this.props.form.validateFields((err, values) => {\n console.log(values);\n if (!err) {\n if (values.password && values.password !== values.rePassword) {\n message.error('Password doesnt match');\n return;\n }\n if (this.state.stepView === STEP_FORGET_PASS) {\n forgetPasswordUser(values)\n .then(r => {\n console.log(r);\n message.success(`Your request forget password has been sent. Please check email to get otp code !`);\n if (r) {\n this.setState({\n otp: '',\n email: values.email,\n stepView: STEP_RESET_PASS,\n });\n }\n })\n .catch(e => {\n message.error(e);\n });\n } else if (this.state.stepView === STEP_RESET_PASS) {\n forgetPasswordUser(values)\n .then(r => {\n message.success(`Your password has been reset. You can login now!`);\n if (r && r.data) {\n this.setState({\n stepView: STEP_SUCCESS,\n otp: '',\n email: '',\n });\n }\n })\n .catch(e => {\n message.error(e);\n });\n }\n }\n });\n };\n\n render() {\n const { getFieldDecorator } = this.props.form;\n let { otp, email, password, rePassword, stepView, expiredTime } = this.state;\n //vi BE chua + them 5phut cho expiredTime => phai + them 5phut vao\n let fiveMinusExpired = 5 * 60 * 1000;\n let newExpiredTime = expiredTime + fiveMinusExpired;\n if (this.state.stepView !== STEP_SUCCESS && typeof expiredTime == 'number' && !isNaN(expiredTime) && (newExpiredTime) < new Date().getTime()) {\n return (\n Error: {this.state.error}
\n Status: {this.state.status}
\n orderId: {this.state.orderId}
*/}\n \n
\n );\n }\n if (this.state.stepView === STEP_SUCCESS) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n })
\n
\n \n \n
\n Forgot Your Password ?
\nRequest forget password has been expired.
\n\n Aready have an account ? Sign In\n
\n \n
\n );\n }\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n Forgot Your Password ?
\nYour password has been reset successfully.
\n \n Please click Sign In to login now. \n
\n \n
\n \n );\n }\n}\n\nconst WrappedForgotPasswordForm = Form.create()(ForgotPassword);\nconst mapStateToProps = ({ auth }) => {\n const { token } = auth;\n return { token };\n};\nexport default connect(mapStateToProps, {})(WrappedForgotPasswordForm);\n","import axios from \"util/Api\";\nimport * as moment from \"moment\";\n\nexport const getReceiptDetail = id => {\n if (!id) {\n throw new Error(`Missing receipt id`);\n }\n return axios.get(\"api/orders/receipt/\" + id).then(r => r.data);\n};\n\nexport const downloadReceiptDetail = id => {\n if (!id) {\n throw new Error(`Missing receipt id`);\n }\n return axios\n .get(`api/orders/receipt/download/${id}`, {\n responseType: \"blob\",\n })\n .then(r => {\n let data = r.data;\n if (!data) {\n console.log(`response download Data empty`);\n throw new Error(`Data empty`);\n }\n const url = window.URL.createObjectURL(new Blob([data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.style.display = \"none\";\n link.setAttribute(\"download\", `receipt-${id}-${moment().format(\"DD-MM-YYYY\")}.pdf`); //or any other extension\n\n if (typeof link.download === \"undefined\") {\n link.setAttribute(\"target\", \"_blank\");\n }\n\n document.body.appendChild(link);\n link.click();\n setTimeout(() => {\n try {\n document.body.removeChild(link);\n } catch (e) {\n console.log(`error e`, e);\n }\n }, 1000);\n }).catch(e=>{\n console.log(e);\n throw e;\n });\n};\n","import React from \"react\";\nimport { Spin } from \"antd\";\nimport { connect } from \"react-redux\";\nimport * as moment from \"moment\";\n// import { Link } from \"react-router-dom\";\nimport { getReceiptDetail, downloadReceiptDetail } from \"../appRedux/actions/Receipt\";\n// import IntlMessages from \"util/IntlMessages\";\nimport numeral from \"numeral\";\nimport { getErrorMessageApi } from \"../util/helper\";\nconst imgReceipt = require(\"./../assets/images/Tabler-with-fusionmenu-good.png\");\nconst logoReceipt = require(\"./../assets/images/logo_receipt.png\");\nclass ReceiptView extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n receiptId: \"\",\n receiptInfo: null,\n error: \"\",\n isLoading: false,\n };\n }\n setStateAsync(state) {\n return new Promise(resolve => {\n this.setState(state, resolve);\n });\n }\n componentDidMount() {}\n async handleGetReceipt() {\n if (this.state.isLoading) {\n return;\n }\n if (!this.state.receiptId) {\n console.log(`Missing receiptId`);\n return;\n }\n await this.setStateAsync({ isLoading: true });\n try {\n let rs = await getReceiptDetail(this.state.receiptId);\n await this.setStateAsync({\n receiptInfo: rs.data,\n error: null,\n });\n } catch (e) {\n console.log(`Error getReceiptDetail`, e);\n let msg = getErrorMessageApi(e);\n await this.setStateAsync({ error: msg });\n }\n await this.setStateAsync({ isLoading: false });\n }\n\n async handlerCancel() {\n await this.setStateAsync({ receiptInfo: null });\n }\n async handlerDownload() {\n console.log(`click download receipt; receiptInfo=`, this.state.receiptInfo);\n if (this.state.receiptInfo && this.state.receiptInfo.id) {\n try {\n await downloadReceiptDetail(this.state.receiptInfo.id);\n } catch (e) {\n console.log(`error download receipt`, e);\n }\n }\n }\n\n render() {\n let { receiptInfo } = this.state;\n if (this.state.receiptInfo && receiptInfo.id && receiptInfo.items && !this.state.error) {\n return (\n \n
\n \n
\n \n \n {getFieldDecorator('password', {\n rules: [\n {\n required: true,\n message: 'Please input your password',\n },\n ],\n initialValue: password,\n })()}\n \n ) : null}\n\n {stepView === STEP_RESET_PASS ? (\n \n {getFieldDecorator('rePassword', {\n rules: [\n {\n required: true,\n message: 'Please input your re-password',\n },\n ],\n initialValue: rePassword,\n })()}\n \n ) : null}\n \n \n \n \n \n
\n \n
}>\n {getFieldDecorator('otp', {\n rules: [\n {\n required: true,\n message: 'Please check your email and input otp code.',\n },\n ],\n initialValue: otp,\n })()}\n \n ) : null}\n\n {stepView === STEP_RESET_PASS ? (\n \n \n
\n \n \n
\n Forgot Your Password ?
\n\n
\n
\n );\n }\n return (\n \n
\n \n
\n \n
\n \n TAX RECEIPT\n
\n \n ORDER TIME:\n {moment(receiptInfo.updatedAt).format(\"DD/MM/YYYY HH:mm\")}\n ORDER NUMBER:\n {receiptInfo.objectId}\n
\n \n AT THE MERCHANT\n {receiptInfo.shop.companyName}\n
\n\n \n PURCHASE DETAILS\n
\n \n \n \n
\n
\n\n | Item detail | \nAmount | \nPayment method | \nPayment Provider | \n
|---|---|---|---|
| {item.menuItem.title} | \n\n {item.quantity} x ${item.subTotal}\n | \nOnline EFPOS | \nProvider | \n
| item name | \n5 x $5.5 | \nOnline EFPOS | \nProvider | \n
\n PURCHASE TOTAL:\n \n {numeral(receiptInfo.total).format(\"$0,0.00\")}\n includes GST of \n {numeral(receiptInfo.GSTAmount).format(\"$0,0.00\")}\n \n
\n\n \n For all enquiries regarding this order, please contact:\n {receiptInfo.shop.companyName}\n {receiptInfo.shop.address}\n
\n \n Dikauri team\n \n \n https://dikauri.com\n \n \n
\n \n \n \n
\n \n
\n \n );\n }\n}\n\nconst mapStateToProps = ({ auth }) => {\n // const { token } = auth;\n return {};\n};\n\nexport default connect(mapStateToProps, {})(ReceiptView);\n","/* eslint-disable */\nimport React from 'react';\nimport { Button, message, Spin, Modal } from 'antd';\nimport IntlMessages from 'util/IntlMessages';\nimport { Link, Redirect } from 'react-router-dom';\nimport queryString from 'query-string';\nimport { verifyUser, resendEmail } from '../appRedux/actions/User';\nimport { connect } from 'react-redux';\nimport { usersCloverLogin } from '../appRedux/actions/User';\nimport { userLoginCloverReduxAction } from '../appRedux/actions';\nclass CloverOauthCallback extends React.PureComponent {\n //React.Component\n constructor(props) {\n super(props);\n this.state = {\n code: '',\n merchantId: '',\n appId: '',\n submitting: false,\n error: ''\n };\n }\n componentDidMount() {\n // ví dụ em callback về trang này nè ?merchant_id={MERCHANT_ID}&client_id={APP_ID}&code={AUTHORIZATION_CODE}\n let query = new URLSearchParams(this.props.location.search);\n let merchantId = query.get('merchant_id');\n let appId = query.get('client_id');\n let code = query.get('code');\n console.log({\n URLSearchParams: query,\n merchantId,\n appId,\n code\n });\n this.setState(\n {\n merchantId,\n appId,\n code\n },\n () => {\n if (merchantId && appId && code) {\n this.handleLoginClover();\n }\n }\n );\n }\n handleLoginClover = async () => {\n const { merchantId, appId, code } = this.state;\n if (this.state.submitting) {\n return;\n }\n this.setState({\n submitting: true\n });\n try {\n let r = await usersCloverLogin({\n merchantId,\n appId,\n authorizationCode: code\n });\n this.setState({\n submitting: false,\n error: ''\n });\n // message.success('Your account has been verified successfully.');\n // Modal.info({\n // title: 'Successfully',\n // content: 'Your account has been verified successfully. Click to login now!',\n // onOk: async () => {\n // this.props.history.push('/signin');\n // this.setState({\n // submitting: false,\n // error: null\n // });\n // },\n // onCancel: async () => {\n // this.props.history.push('/signin');\n // this.setState({\n // submitting: false,\n // error: null\n // });\n // }\n // });\n this.props.userLoginCloverReduxAction(r, (err, userInfo) => {\n if (userInfo) {\n this.props.history.push('/');\n // window.location.href = '/';\n // window.location.reload();\n return;\n }\n });\n } catch (error) {\n console.log(error, JSON.stringify(error));\n this.setState({\n submitting: false,\n error: JSON.stringify(error)\n });\n message.error(JSON.stringify(error));\n }\n // this.setState({\n // submitting: false\n // });\n };\n\n render() {\n const { merchantId, appId, code } = this.state;\n if (!merchantId || !appId || !code) {\n return (\n \n
\n \n
\n \n 
\n
\n \n MINI KIOSK & DISPLAY
\n \n
\n \n \n \n
\n \n 
\n
\n Enter the receipt code then press GET RECEIPT to view your receipt
\n\n {this.state.error ? (\n \n Error! {this.state.error}\n
\n ) : null}\n\n \n \n {\n await this.setStateAsync({ receiptId: e.target.value });\n }}\n value={this.state.receiptId}\n />\n
\n \n
\n );\n }\n return (\n \n
\n );\n }\n}\n\nconst mapStateToProps = ({ auth }) => {\n const { token } = auth;\n return { token };\n};\n\nexport default connect(mapStateToProps, {\n userLoginCloverReduxAction: userLoginCloverReduxAction\n})(CloverOauthCallback);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport URLSearchParams from 'url-search-params';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { LocaleProvider, message } from 'antd';\nimport { IntlProvider } from 'react-intl';\n\nimport socketIOClient from 'socket.io-client';\nimport AppLocale from 'lngProvider';\nimport MainApp from './MainApp';\nimport SignIn from '../SignIn';\nimport SignUp from '../SignUp';\nimport VerifyUser from '../VerifyUser';\nimport AppCallbackPayment from '../AppCallbackPayment';\nimport ForgetPassword from '../../routes/forgetPassword/ForgetPassword';\nimport { setInitUrl } from 'appRedux/actions/Auth';\nimport { getAuthUser } from 'appRedux/actions/User';\nimport { onLayoutTypeChange, onNavStyleChange, setThemeType } from 'appRedux/actions/Setting';\nimport axios from 'util/Api';\nimport LoadingOverlay from 'react-loading-overlay';\nimport jwt_decode from 'jwt-decode';\nimport moment from 'moment';\nimport {\n LAYOUT_TYPE_BOXED,\n LAYOUT_TYPE_FRAMED,\n LAYOUT_TYPE_FULL,\n NAV_STYLE_ABOVE_HEADER,\n NAV_STYLE_BELOW_HEADER,\n NAV_STYLE_DARK_HORIZONTAL,\n NAV_STYLE_DEFAULT_HORIZONTAL,\n NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\n THEME_TYPE_DARK,\n} from '../../constants/ThemeSetting';\nimport { getUser } from '../../appRedux/actions/Auth';\nimport { apiUrl, googleApiKey, socketUrl } from '../../util/config';\nimport ReceiptView from '../ReceiptView';\nimport CloverOauthCallback from '../CloverOauthCallback';\n\nexport const socket = socketIOClient(socketUrl, {\n transports: ['websocket'],\n forceNew: true,\n reconnection: true,\n reconnectionDelay: 5000, // The initial delay before reconnection in milliseconds\n reconnectionDelayMax: 10000, // The maximum delay between two reconnection attempts. Each attempt increases the reconnection delay by 2x.\n reconnectionAttempts: 99999, // The number of reconnection attempts before giving up.\n query:'fromSource=BizmanWeb',\n pingInterval: 10000,\n pingTimeout: 5000,\n});\nsocket.on('pong', function(data) {\n // console.log(`%csocket on [pong] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;', data);\n});\nsocket.on(\"ping\", function(data) {\n // console.log(`%csocket on [ping] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;', data);\n});\nsocket.on('connect_error', () => {\n console.log(`%csocket on [connect_error] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;');\n});\nsocket.on('connect_timeout', () => {\n console.log(`%csocket on [connect_timeout] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;');\n});\nsocket.on('close', () => {\n console.log(`%csocket on [close] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;');\n});\nsocket.on('reconnect', ()=> {\n console.log(`%csocket on [reconnect] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;');\n});\nsocket.on('reconnect_error', ()=> {\n console.log(`%csocket on [reconnect_error] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;');\n});\nsocket.on('reconnecting', ()=> {\n console.log(`%csocket on [reconnecting] ${moment().format(\"YYYY-MM-DD HH:mm:ss\")}`, 'background:green;padding:5px;color:white;font-size:20px;');\n});\n\nconst RestrictedRoute = ({ component: Component, token, ...rest }) => (\n \n
\n \n
\n \n {this.state.error ?
\n \n
: null}\n There are some error. Please try again
\n {this.state.error}\n\n
\n );\n }\n}\n\nconst mapStateToProps = ({ auth }) => {\n const { authUser } = auth;\n return { authUser };\n};\n\nexport default connect(mapStateToProps, {})(withRouter(ListPackages));\n","import axios from \"util/Api\";\n\nexport const getListUser = params => {\n return axios.post(\"api/users/search\", params).then(r => r.data);\n};\n\nexport const getDetail = async params => {\n params.objectId = params.objectId || params.id;\n params.id = params.id || params.objectId;\n return axios.get(\"api/users/detail\", params).then(r => r.data);\n};\n\nexport const getLoggedUserInfo = async params => {\n return getDetail(params || {});\n}\n\nexport const updatePasswordAuthUser = params => {\n return axios.post(\"api/users/change-password\", { ...params, objectId: params.id }).then(r => r.data);\n};\n\nexport const forgetPasswordUser = params => {\n return axios.post(\"/api/users/forget-password\", { ...params }).then(r => r.data);\n};\n\nexport const verify = params => {\n return axios.post(\"api/users/verify\", params).then(r => r.data);\n};\n\nexport const verifyUser = (params)=>{\n return verify(params);\n}\n\nexport const resendEmail = params => {\n return axios.post(\"api/users/resendEmail\", params).then(r => r.data);\n};\n\nexport const updateStatus = params => {\n return axios.post(\"api/users/update-status\", params).then(r => r.data);\n};\n\nexport const updateType = params => {\n return axios.post(\"api/users/update-type\", params).then(r => r.data);\n};\n\nexport const update = params => {\n return axios.post(\"api/users/update\", params).then(r => r.data);\n};\n\nexport const registerNewUser = params => {\n return axios.post(\"api/users/register\", params).then(r => r.data);\n};\n\nexport const usersCloverLogin = params => {\n // {\n // \"merchantId\": \"{merchantId}\",\n // \"appId\": \"{appId}\",\n // \"authorizationCode\": \"{AUTHORIZATION_CODE}\"\n // }\n return axios.post(\"api/users/clover-login\", params).then(r => r.data);\n};\n\nexport const updateUserInfo = update;\n\nexport const getActivity = params => {\n return axios.post(\"api/activity/user\", params).then(r => r.data);\n};\n\nexport const getAuthUser = () => {\n try {\n return JSON.parse(localStorage.getItem(\"user\"));\n } catch (e) {\n return null;\n }\n};\n","\n/* eslint-disable */\nif (!process.env.REACT_APP_ENV) {\n process.env.REACT_APP_ENV = 'development';\n}\nexport const isProd = process.env.REACT_APP_ENV === 'production';\nlet API_URL = isProd ? 'https://api.dikauri.com/' : 'https://tabletopapi.dikauri.com/';\nlet SOCKET_URL = isProd ? 'wss://api.dikauri.com/' : 'wss://tabletopapi.dikauri.com/';\n\nif (window.location.href.indexOf('localhost') >= 0) {\n // API_URL = 'https://tabletopapi.dikauri.com/';\n // SOCKET_URL = 'wss://tabletopapi.dikauri.com/';\n}\nconsole.log(`%c env app started`, 'background:green; font-size:20px; color:white; padding:10px', {\n NODE_ENV: process.env.NODE_ENV,\n REACT_APP_ENV: process.env.REACT_APP_ENV,\n API_URL: API_URL,\n SOCKET_URL: SOCKET_URL,\n});\n\nexport const BIZMAN_VERSION = 'v1.0.75';\nexport const apiUrl = API_URL;\nexport const footerText = `© Copyright 2020 Digital Kauri. All rights reserved. Version ${BIZMAN_VERSION}`;\nexport const googleApiKey = 'AIzaSyBuNPW0PjmCo_r6TncEfLR5frWkItj1XeI';\nexport const maxMenuImage = 5;\nexport const socketUrl = SOCKET_URL;\nexport const CREATIVE_FORM = 'creativeForm';\nexport const SLIDER_FORM = 'sliderForm';\nexport const LIMIT_SIZE_IMAGE = 1; //1mb\nexport const LIMIT_SIZE_VIDEO = 10; //10mb\nexport const PAYMENT_ADD_CARD_REDIRECT_URL = isProd ? \"https://app.dikauri.com/payment\" : \"https://bizman.dikauri.com/payment\";\nexport default {\n footerText: footerText,\n apiUrl: apiUrl,\n socketUrl: socketUrl,\n maxMenuImage: maxMenuImage,\n googleApiKey: googleApiKey,\n BIZMAN_VERSION: BIZMAN_VERSION\n};\n","/* eslint-disable */\nimport { NOTIFY_ERROR_MESSAGE, NOTIFY_SUCCESS_MESSAGE, LOADING_START, FETCH_SUCCESS, INIT_URL, LOADING_STOP, SIGNOUT_USER_SUCCESS, USER_DATA, USER_TOKEN_SET } from '../../constants/ActionTypes';\nimport axios from 'util/Api';\nimport { message } from 'antd';\nimport { getErrorMessageApi } from '../../util/helper';\n\nexport const setInitUrl = (url) => {\n return {\n type: INIT_URL,\n payload: url\n };\n};\n\nexport const userSignUp = (params, onSuccess, onError) => {\n return (dispatch) => {\n dispatch({ type: LOADING_START });\n axios\n .post('api/users/create', params)\n .then(({ data }) => {\n if (data && data.data) {\n dispatch({ type: FETCH_SUCCESS });\n onSuccess();\n } else {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: data.error });\n onError();\n }\n })\n .catch((error) => {\n dispatch({\n type: NOTIFY_ERROR_MESSAGE,\n payload: error && error.response && error.response.data && error.response.data.errors && error.response.data.errors.message ? error.response.data.errors.message : error.message\n });\n onError();\n });\n };\n};\n\nexport const socialLogin = (params, onError) => {\n return (dispatch) => {\n dispatch({ type: LOADING_START });\n axios\n .post('api/users/social-login', params)\n .then(({ data }) => {\n if (data && data.data) {\n dispatch({ type: FETCH_SUCCESS });\n if (data.data && data.data.token) {\n setToken(dispatch, data);\n } else {\n onError();\n }\n } else {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: data.error });\n onError();\n }\n })\n .catch((error) => {\n dispatch({\n type: NOTIFY_ERROR_MESSAGE,\n payload: error && error.response && error.response.data && error.response.data.errors && error.response.data.errors.message ? error.response.data.errors.message : error.message\n });\n onError();\n });\n };\n};\n\nconst setToken = (dispatch, data) => {\n let accessToken = data.data.token;\n accessToken = `Bearer ${accessToken}`;\n data.data = {\n ...data.data,\n objectId: data.data.objectId || data.data.id,\n id: data.data.objectId || data.data.id\n };\n\n if (accessToken) {\n axios.defaults.headers.common['authorization'] = accessToken;\n dispatch({ type: USER_TOKEN_SET, payload: accessToken });\n dispatch({ type: USER_DATA, payload: data.data });\n localStorage.setItem('token', accessToken);\n localStorage.setItem(\n 'user',\n JSON.stringify({\n ...data.data\n })\n );\n }\n};\n\nconst setTokenAndUserForCloverLogin = (dispatch, token, user)=>{\n let accessToken = token;\n accessToken = `Bearer ${accessToken}`;\n let userId = user.objectId || user.id;\n let userInfo = {\n ...user,\n objectId: userId,\n id: userId\n };\n if (accessToken) {\n axios.defaults.headers.common['authorization'] = accessToken;\n dispatch({ type: USER_TOKEN_SET, payload: accessToken });\n dispatch({ type: USER_DATA, payload: userInfo });\n localStorage.setItem('token', accessToken);\n localStorage.setItem(\n 'user',\n JSON.stringify({\n ...userInfo\n })\n );\n }\n}\n\nexport const updateUserInfoReduxState = (data) => {\n return (dispatch) => {\n dispatch({ type: USER_DATA, payload: data });\n localStorage.setItem('user', JSON.stringify(data));\n };\n};\n\nexport const userSignIn = (obj, callback) => {\n return (dispatch) => {\n dispatch({ type: LOADING_START });\n axios\n .post('api/users/login', obj)\n .then(({ data }) => {\n if (data.data && data.data.token) {\n dispatch({ type: NOTIFY_SUCCESS_MESSAGE, payload: `Login successfully` });\n setToken(dispatch, data);\n } else if (data.data) {\n if (data.data.info && !data.data.info.emailVerified) {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: `Your account haven't active yet.` });\n callback(data.data);\n } else if (!data.data.token) {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: `Login fail. Not found token` });\n }\n } else {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: `There are something error. Please try again.` });\n }\n })\n .catch(function (error) {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: getErrorMessageApi(error) });\n });\n };\n};\n\nexport const userLoginCloverReduxAction = (response, callback) => {\n return (dispatch) => {\n let resultLoginClover = response && response.data ? response.data : response;\n if(!resultLoginClover){\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: `There are something error. Please try again.` });\n return;\n }\n let accessToken = resultLoginClover.token;\n dispatch({ type: LOADING_START });\n try {\n if(accessToken){\n dispatch({ type: NOTIFY_SUCCESS_MESSAGE, payload: `Login successfully` });\n setTokenAndUserForCloverLogin(dispatch, accessToken, resultLoginClover);\n if(callback) callback(null, resultLoginClover);\n } else if(!accessToken){\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: `Login fail. Not found token` });\n }\n } catch (error) {\n dispatch({ type: NOTIFY_ERROR_MESSAGE, payload: getErrorMessageApi(error) });\n }\n };\n};\n\n// export const userSignIn = ({email, password}) => {\n// return (dispatch) => {\n// const accessToken = \"UkVEQUNURUQ=\";\n// // dispatch({type: LOADING_START});\n// // dispatch({type: NOTIFY_ERROR_MESSAGE, payload: data.error});\n// dispatch({type: FETCH_SUCCESS});\n// dispatch({type: USER_TOKEN_SET, payload: accessToken});\n// localStorage.setItem('token', accessToken)\n// }\n// };\n\nexport const getUser = () => {\n return (dispatch) => {\n dispatch({ type: FETCH_SUCCESS });\n const authUser = JSON.parse(localStorage.getItem('user'));\n dispatch({ type: USER_DATA, payload: authUser });\n\n // dispatch({type: LOADING_START});\n // axios.post('auth/me',\n // ).then(({data}) => {\n // console.log(\"userSignIn: \", data);\n // if (data.result) {\n // dispatch({type: FETCH_SUCCESS});\n // dispatch({type: USER_DATA, payload: data.user});\n // } else {\n // dispatch({type: NOTIFY_ERROR_MESSAGE, payload: data.error});\n // }\n // }).catch(function (error) {\n // dispatch({type: NOTIFY_ERROR_MESSAGE, payload: error.message});\n // console.log(\"Error****:\", error.message);\n // });\n };\n};\n\nexport const userSignOut = () => {\n return (dispatch) => {\n localStorage.removeItem('token');\n localStorage.removeItem('user');\n dispatch({ type: SIGNOUT_USER_SUCCESS });\n window.location.href = '/signin';\n };\n};\n","const ALL_COUNTRY = [\n { name: \"New Zealand\", dial_code: \"+64\", code: \"NZ\", flag: \"🇳🇿\" },\n { name: \"Vietnam\", dial_code: \"+84\", code: \"VN\", flag: \"🇻🇳\" },\n { name: \"Australia\", dial_code: \"+61\", code: \"AU\", flag: \"🇦🇺\" },\n\n { name: \"Afghanistan\", dial_code: \"+93\", code: \"AF\", flag: \"🇦🇫\" },\n { name: \"Åland Islands\", dial_code: \"+358\", code: \"AX\", flag: \"🇦🇽\" },\n { name: \"Albania\", dial_code: \"+355\", code: \"AL\", flag: \"🇦🇱\" },\n { name: \"Algeria\", dial_code: \"+213\", code: \"DZ\", flag: \"🇩🇿\" },\n {\n name: \"American Samoa\",\n dial_code: \"+1684\",\n code: \"AS\",\n flag: \"🇺🇸\",\n },\n { name: \"Andorra\", dial_code: \"+376\", code: \"AD\", flag: \"🇦🇩\" },\n { name: \"Angola\", dial_code: \"+244\", code: \"AO\", flag: \"🇦🇴\" },\n { name: \"Anguilla\", dial_code: \"+1264\", code: \"AI\", flag: \"🇦🇮\" },\n { name: \"Antarctica\", dial_code: \"+672\", code: \"AQ\", flag: \"🇦🇶\" },\n {\n name: \"Antigua and Barbuda\",\n dial_code: \"+1268\",\n code: \"AG\",\n flag: \"🇦🇬\",\n },\n { name: \"Argentina\", dial_code: \"+54\", code: \"AR\", flag: \"🇦🇷\" },\n { name: \"Armenia\", dial_code: \"+374\", code: \"AM\", flag: \"🇦🇲\" },\n { name: \"Aruba\", dial_code: \"+297\", code: \"AW\", flag: \"🇦🇼\" },\n\n { name: \"Austria\", dial_code: \"+43\", code: \"AT\", flag: \"🇦🇹\" },\n { name: \"Azerbaijan\", dial_code: \"+994\", code: \"AZ\", flag: \"🇦🇿\" },\n { name: \"Bahamas\", dial_code: \"+1242\", code: \"BS\", flag: \"🇧🇸\" },\n { name: \"Bahrain\", dial_code: \"+973\", code: \"BH\", flag: \"🇧🇸\" },\n { name: \"Bangladesh\", dial_code: \"+880\", code: \"BD\", flag: \"🇧🇩\" },\n { name: \"Barbados\", dial_code: \"+1246\", code: \"BB\", flag: \"🇧🇧\" },\n { name: \"Belarus\", dial_code: \"+375\", code: \"BY\", flag: \"🇧🇾\" },\n { name: \"Belgium\", dial_code: \"+32\", code: \"BE\", flag: \"🇧🇪\" },\n { name: \"Belize\", dial_code: \"+501\", code: \"BZ\", flag: \"🇧🇿\" },\n { name: \"Benin\", dial_code: \"+229\", code: \"BJ\", flag: \"🇧🇯\" },\n { name: \"Bermuda\", dial_code: \"+1441\", code: \"BM\", flag: \"🇧🇲\" },\n { name: \"Bhutan\", dial_code: \"+975\", code: \"BT\", flag: \"🇧🇹\" },\n {\n name: \"Bolivia, Plurinational State of bolivia\",\n dial_code: \"+591\",\n code: \"BO\",\n flag: \"🇧🇴\",\n },\n {\n name: \"Bosnia and Herzegovina\",\n dial_code: \"+387\",\n code: \"BA\",\n flag: \"🇧🇦\",\n },\n { name: \"Botswana\", dial_code: \"+267\", code: \"BW\", flag: \"🇧🇼\" },\n { name: \"Bouvet Island\", dial_code: \"+47\", code: \"BV\", flag: \"🏳\" },\n { name: \"Brazil\", dial_code: \"+55\", code: \"BR\", flag: \"🇧🇷\" },\n {\n name: \"British Indian Ocean Territory\",\n dial_code: \"+246\",\n code: \"IO\",\n flag: \"🇮🇴\",\n },\n {\n name: \"Brunei Darussalam\",\n dial_code: \"+673\",\n code: \"BN\",\n flag: \"🇧🇳\",\n },\n { name: \"Bulgaria\", dial_code: \"+359\", code: \"BG\", flag: \"🇧🇬\" },\n { name: \"Burkina Faso\", dial_code: \"+226\", code: \"BF\", flag: \"🇧🇫\" },\n { name: \"Burundi\", dial_code: \"+257\", code: \"BI\", flag: \"🇧🇮\" },\n { name: \"Cambodia\", dial_code: \"+855\", code: \"KH\", flag: \"🇰🇭\" },\n { name: \"Cameroon\", dial_code: \"+237\", code: \"CM\", flag: \"🇨🇲\" },\n { name: \"Canada\", dial_code: \"+1\", code: \"CA\", flag: \"🇨🇦\" },\n { name: \"Cape Verde\", dial_code: \"+238\", code: \"CV\", flag: \"🇨🇻\" },\n {\n name: \"Cayman Islands\",\n dial_code: \"+ 345\",\n code: \"KY\",\n flag: \"🇰🇾\",\n },\n {\n name: \"Central African Republic\",\n dial_code: \"+236\",\n code: \"CF\",\n flag: \"🇨🇫\",\n },\n { name: \"Chad\", dial_code: \"+235\", code: \"TD\", flag: \"🇹🇩\" },\n { name: \"Chile\", dial_code: \"+56\", code: \"CL\", flag: \"🇨🇱\" },\n { name: \"China\", dial_code: \"+86\", code: \"CN\", flag: \"🇨🇳\" },\n {\n name: \"Christmas Island\",\n dial_code: \"+61\",\n code: \"CX\",\n flag: \"🇨🇽\",\n },\n {\n name: \"Cocos (Keeling) Islands\",\n dial_code: \"+61\",\n code: \"CC\",\n flag: \"🇨🇨\",\n },\n { name: \"Colombia\", dial_code: \"+57\", code: \"CO\", flag: \"🇨🇴\" },\n { name: \"Comoros\", dial_code: \"+269\", code: \"KM\", flag: \"🇰🇲\" },\n { name: \"Congo\", dial_code: \"+242\", code: \"CG\", flag: \"🇨🇬\" },\n {\n name: \"Congo, The Democratic Republic of the Congo\",\n dial_code: \"+243\",\n code: \"CD\",\n flag: \"🇨🇩\",\n },\n { name: \"Cook Islands\", dial_code: \"+682\", code: \"CK\", flag: \"🇨🇰\" },\n { name: \"Costa Rica\", dial_code: \"+506\", code: \"CR\", flag: \"🇨🇷\" },\n { name: \"Cote d'Ivoire\", dial_code: \"+225\", code: \"CI\", flag: \"🇨🇮\" },\n { name: \"Croatia\", dial_code: \"+385\", code: \"HR\", flag: \"🇭🇷\" },\n { name: \"Cuba\", dial_code: \"+53\", code: \"CU\", flag: \"🇨🇺\" },\n { name: \"Cyprus\", dial_code: \"+357\", code: \"CY\", flag: \"🇨🇾\" },\n { name: \"Czech Republic\", dial_code: \"+420\", code: \"CZ\", flag: \"🇨🇿\" },\n { name: \"Denmark\", dial_code: \"+45\", code: \"DK\", flag: \"🇩🇰\" },\n { name: \"Djibouti\", dial_code: \"+253\", code: \"DJ\", flag: \"🇩🇯\" },\n { name: \"Dominica\", dial_code: \"+1767\", code: \"DM\", flag: \"🇩🇲\" },\n {\n name: \"Dominican Republic\",\n dial_code: \"+1849\",\n code: \"DO\",\n flag: \"🇨🇩\",\n },\n { name: \"Ecuador\", dial_code: \"+593\", code: \"EC\", flag: \"🇪🇨\" },\n { name: \"Egypt\", dial_code: \"+20\", code: \"EG\", flag: \"🇪🇬\" },\n { name: \"El Salvador\", dial_code: \"+503\", code: \"SV\", flag: \"🇸🇻\" },\n {\n name: \"Equatorial Guinea\",\n dial_code: \"+240\",\n code: \"GQ\",\n flag: \"🇬🇶\",\n },\n { name: \"Eritrea\", dial_code: \"+291\", code: \"ER\", flag: \"🇪🇷\" },\n { name: \"Estonia\", dial_code: \"+372\", code: \"EE\", flag: \"🇪🇪\" },\n { name: \"Ethiopia\", dial_code: \"+251\", code: \"ET\", flag: \"🇪🇹\" },\n {\n name: \"Falkland Islands (Malvinas)\",\n dial_code: \"+500\",\n code: \"FK\",\n flag: \"🇫🇰\",\n },\n { name: \"Faroe Islands\", dial_code: \"+298\", code: \"FO\", flag: \"🇫🇴\" },\n { name: \"Fiji\", dial_code: \"+679\", code: \"FJ\", flag: \"🇫🇯\" },\n { name: \"Finland\", dial_code: \"+358\", code: \"FI\", flag: \"🇫🇮\" },\n { name: \"France\", dial_code: \"+33\", code: \"FR\", flag: \"🇫🇷\" },\n { name: \"French Guiana\", dial_code: \"+594\", code: \"GF\", flag: \"🇬🇫\" },\n {\n name: \"French Polynesia\",\n dial_code: \"+689\",\n code: \"PF\",\n flag: \"🇵🇫\",\n },\n {\n name: \"French Southern Territories\",\n dial_code: \"+262\",\n code: \"TF\",\n flag: \"🇹🇫\",\n },\n { name: \"Gabon\", dial_code: \"+241\", code: \"GA\", flag: \"🇬🇦\" },\n { name: \"Gambia\", dial_code: \"+220\", code: \"GM\", flag: \"🇬🇲\" },\n { name: \"Georgia\", dial_code: \"+995\", code: \"GE\", flag: \"🇬🇪\" },\n { name: \"Germany\", dial_code: \"+49\", code: \"DE\", flag: \"🇩🇪\" },\n { name: \"Ghana\", dial_code: \"+233\", code: \"GH\", flag: \"🇬🇭\" },\n { name: \"Gibraltar\", dial_code: \"+350\", code: \"GI\", flag: \"🇬🇮\" },\n { name: \"Greece\", dial_code: \"+30\", code: \"GR\", flag: \"🇬🇷\" },\n { name: \"Greenland\", dial_code: \"+299\", code: \"GL\", flag: \"🇬🇱\" },\n { name: \"Grenada\", dial_code: \"+1473\", code: \"GD\", flag: \"🇬🇩\" },\n { name: \"Guadeloupe\", dial_code: \"+590\", code: \"GP\", flag: \"🇬🇵\" },\n { name: \"Guam\", dial_code: \"+1671\", code: \"GU\", flag: \"🇬🇺\" },\n { name: \"Guatemala\", dial_code: \"+502\", code: \"GT\", flag: \"🇬🇹\" },\n { name: \"Guernsey\", dial_code: \"+44\", code: \"GG\", flag: \"🇬🇬\" },\n { name: \"Guinea\", dial_code: \"+224\", code: \"GN\", flag: \"🇬🇳\" },\n { name: \"Guinea-Bissau\", dial_code: \"+245\", code: \"GW\", flag: \"🇬🇼\" },\n { name: \"Guyana\", dial_code: \"+592\", code: \"GY\", flag: \"🇬🇾\" },\n { name: \"Haiti\", dial_code: \"+509\", code: \"HT\", flag: \"🇭🇹\" },\n {\n name: \"Heard Island and Mcdonald Islands\",\n dial_code: \"+0\",\n code: \"HM\",\n flag: \"🏳\",\n },\n {\n name: \"Holy See (Vatican City State)\",\n dial_code: \"+379\",\n code: \"VA\",\n flag: \"🇻🇦\",\n },\n { name: \"Honduras\", dial_code: \"+504\", code: \"HN\", flag: \"🇭🇳\" },\n { name: \"Hong Kong\", dial_code: \"+852\", code: \"HK\", flag: \"🇭🇰\" },\n { name: \"Hungary\", dial_code: \"+36\", code: \"HU\", flag: \"🇭🇺\" },\n { name: \"Iceland\", dial_code: \"+354\", code: \"IS\", flag: \"🇮🇸\" },\n { name: \"India\", dial_code: \"+91\", code: \"IN\", flag: \"🇮🇳\" },\n { name: \"Indonesia\", dial_code: \"+62\", code: \"ID\", flag: \"🇮🇩\" },\n {\n name: \"Iran, Islamic Republic of Persian Gulf\",\n dial_code: \"+98\",\n code: \"IR\",\n flag: \"🇮🇷\",\n },\n { name: \"Iraq\", dial_code: \"+964\", code: \"IQ\", flag: \"🇮🇶\" },\n { name: \"Ireland\", dial_code: \"+353\", code: \"IE\", flag: \"🇮🇪\" },\n { name: \"Isle of Man\", dial_code: \"+44\", code: \"IM\", flag: \"🇮🇲\" },\n { name: \"Israel\", dial_code: \"+972\", code: \"IL\", flag: \"🇮🇱\" },\n { name: \"Italy\", dial_code: \"+39\", code: \"IT\", flag: \"🇮🇹\" },\n { name: \"Jamaica\", dial_code: \"+1876\", code: \"JM\", flag: \"🇯🇲\" },\n { name: \"Japan\", dial_code: \"+81\", code: \"JP\", flag: \"🇯🇵\" },\n { name: \"Jersey\", dial_code: \"+44\", code: \"JE\", flag: \"🇯🇪\" },\n { name: \"Jordan\", dial_code: \"+962\", code: \"JO\", flag: \"🇯🇴\" },\n { name: \"Kazakhstan\", dial_code: \"+7\", code: \"KZ\", flag: \"🇰🇿\" },\n { name: \"Kenya\", dial_code: \"+254\", code: \"KE\", flag: \"🇰🇪\" },\n { name: \"Kiribati\", dial_code: \"+686\", code: \"KI\", flag: \"🇰🇮\" },\n {\n name: \"Korea, Democratic People's Republic of Korea\",\n dial_code: \"+850\",\n code: \"KP\",\n flag: \"🇰🇵\",\n },\n {\n name: \"Korea, Republic of South Korea\",\n dial_code: \"+82\",\n code: \"KR\",\n flag: \"🇰🇷\",\n },\n { name: \"Kosovo\", dial_code: \"+383\", code: \"XK\", flag: \"🇽🇰\" },\n { name: \"Kuwait\", dial_code: \"+965\", code: \"KW\", flag: \"🇰🇼\" },\n { name: \"Kyrgyzstan\", dial_code: \"+996\", code: \"KG\", flag: \"🇰🇬\" },\n { name: \"Laos\", dial_code: \"+856\", code: \"LA\", flag: \"🇱🇦\" },\n { name: \"Latvia\", dial_code: \"+371\", code: \"LV\", flag: \"🇱🇻\" },\n { name: \"Lebanon\", dial_code: \"+961\", code: \"LB\", flag: \"🇱🇧\" },\n { name: \"Lesotho\", dial_code: \"+266\", code: \"LS\", flag: \"🇱🇸\" },\n { name: \"Liberia\", dial_code: \"+231\", code: \"LR\", flag: \"🇱🇷\" },\n {\n name: \"Libyan Arab Jamahiriya\",\n dial_code: \"+218\",\n code: \"LY\",\n flag: \"🇱🇾\",\n },\n { name: \"Liechtenstein\", dial_code: \"+423\", code: \"LI\", flag: \"🇱🇮\" },\n { name: \"Lithuania\", dial_code: \"+370\", code: \"LT\", flag: \"🇱🇹\" },\n { name: \"Luxembourg\", dial_code: \"+352\", code: \"LU\", flag: \"🇱🇺\" },\n { name: \"Macao\", dial_code: \"+853\", code: \"MO\", flag: \"🇲🇴\" },\n { name: \"Macedonia\", dial_code: \"+389\", code: \"MK\", flag: \"🇲🇰\" },\n { name: \"Madagascar\", dial_code: \"+261\", code: \"MG\", flag: \"🇲🇬\" },\n { name: \"Malawi\", dial_code: \"+265\", code: \"MW\", flag: \"🇲🇼\" },\n { name: \"Malaysia\", dial_code: \"+60\", code: \"MY\", flag: \"🇲🇾\" },\n { name: \"Maldives\", dial_code: \"+960\", code: \"MV\", flag: \"🇲🇻\" },\n { name: \"Mali\", dial_code: \"+223\", code: \"ML\", flag: \"🇲🇱\" },\n { name: \"Malta\", dial_code: \"+356\", code: \"MT\", flag: \"🇲🇹\" },\n {\n name: \"Marshall Islands\",\n dial_code: \"+692\",\n code: \"MH\",\n flag: \"🇲🇭\",\n },\n { name: \"Martinique\", dial_code: \"+596\", code: \"MQ\", flag: \"🇲🇶\" },\n { name: \"Mauritania\", dial_code: \"+222\", code: \"MR\", flag: \"🇲🇷\" },\n { name: \"Mauritius\", dial_code: \"+230\", code: \"MU\", flag: \"🇲🇺\" },\n { name: \"Mayotte\", dial_code: \"+262\", code: \"YT\", flag: \"🇾🇹\" },\n { name: \"Mexico\", dial_code: \"+52\", code: \"MX\", flag: \"🇲🇽\" },\n {\n name: \"Micronesia, Federated States of Micronesia\",\n dial_code: \"+691\",\n code: \"FM\",\n flag: \"🇫🇲\",\n },\n { name: \"Moldova\", dial_code: \"+373\", code: \"MD\", flag: \"🇲🇩\" },\n { name: \"Monaco\", dial_code: \"+377\", code: \"MC\", flag: \"🇲🇨\" },\n { name: \"Mongolia\", dial_code: \"+976\", code: \"MN\", flag: \"🇲🇳\" },\n { name: \"Montenegro\", dial_code: \"+382\", code: \"ME\", flag: \"🇲🇪\" },\n { name: \"Montserrat\", dial_code: \"+1664\", code: \"MS\", flag: \"🇲🇸\" },\n { name: \"Morocco\", dial_code: \"+212\", code: \"MA\", flag: \"🇲🇦\" },\n { name: \"Mozambique\", dial_code: \"+258\", code: \"MZ\", flag: \"🇲🇿\" },\n { name: \"Myanmar\", dial_code: \"+95\", code: \"MM\", flag: \"🇲🇲\" },\n { name: \"Namibia\", dial_code: \"+264\", code: \"NA\", flag: \"🇳🇦\" },\n { name: \"Nauru\", dial_code: \"+674\", code: \"NR\", flag: \"🇳🇷\" },\n { name: \"Nepal\", dial_code: \"+977\", code: \"NP\", flag: \"🇳🇵\" },\n { name: \"Netherlands\", dial_code: \"+31\", code: \"NL\", flag: \"🇳🇱\" },\n {\n name: \"Netherlands Antilles\",\n dial_code: \"+599\",\n code: \"AN\",\n flag: \"🇳🇱\",\n },\n { name: \"New Caledonia\", dial_code: \"+687\", code: \"NC\", flag: \"🇳🇨\" },\n\n { name: \"Nicaragua\", dial_code: \"+505\", code: \"NI\", flag: \"🇳🇮\" },\n { name: \"Niger\", dial_code: \"+227\", code: \"NE\", flag: \"🇳🇪\" },\n { name: \"Nigeria\", dial_code: \"+234\", code: \"NG\", flag: \"🇳🇬\" },\n { name: \"Niue\", dial_code: \"+683\", code: \"NU\", flag: \"🇳🇺\" },\n { name: \"Norfolk Island\", dial_code: \"+672\", code: \"NF\", flag: \"🇳🇫\" },\n {\n name: \"Northern Mariana Islands\",\n dial_code: \"+1670\",\n code: \"MP\",\n flag: \"🏳\",\n },\n { name: \"Norway\", dial_code: \"+47\", code: \"NO\", flag: \"🇳🇴\" },\n { name: \"Oman\", dial_code: \"+968\", code: \"OM\", flag: \"🇴🇲\" },\n { name: \"Pakistan\", dial_code: \"+92\", code: \"PK\", flag: \"🇵🇰\" },\n { name: \"Palau\", dial_code: \"+680\", code: \"PW\", flag: \"🇵🇼\" },\n {\n name: \"Palestinian Territory, Occupied\",\n dial_code: \"+970\",\n code: \"PS\",\n flag: \"🇵🇸\",\n },\n { name: \"Panama\", dial_code: \"+507\", code: \"PA\", flag: \"🇵🇦\" },\n {\n name: \"Papua New Guinea\",\n dial_code: \"+675\",\n code: \"PG\",\n flag: \"🇵🇬\",\n },\n { name: \"Paraguay\", dial_code: \"+595\", code: \"PY\", flag: \"🇵🇾\" },\n { name: \"Peru\", dial_code: \"+51\", code: \"PE\", flag: \"🇵🇪\" },\n { name: \"Philippines\", dial_code: \"+63\", code: \"PH\", flag: \"🇵🇭\" },\n { name: \"Pitcairn\", dial_code: \"+64\", code: \"PN\", flag: \"🇵🇳\" },\n { name: \"Poland\", dial_code: \"+48\", code: \"PL\", flag: \"🇵🇱\" },\n { name: \"Portugal\", dial_code: \"+351\", code: \"PT\", flag: \"🇵🇹\" },\n { name: \"Puerto Rico\", dial_code: \"+1939\", code: \"PR\", flag: \"🇵🇷\" },\n { name: \"Qatar\", dial_code: \"+974\", code: \"QA\", flag: \"🇶🇦\" },\n { name: \"Romania\", dial_code: \"+40\", code: \"RO\", flag: \"🇷🇴\" },\n { name: \"Russia\", dial_code: \"+7\", code: \"RU\", flag: \"🇷🇺\" },\n { name: \"Rwanda\", dial_code: \"+250\", code: \"RW\", flag: \"🇷🇼\" },\n { name: \"Reunion\", dial_code: \"+262\", code: \"RE\", flag: \"🇫🇷\" },\n {\n name: \"Saint Barthelemy\",\n dial_code: \"+590\",\n code: \"BL\",\n flag: \"🇧🇱\",\n },\n {\n name: \"Saint Helena, Ascension and Tristan Da Cunha\",\n dial_code: \"+290\",\n code: \"SH\",\n flag: \"🇸🇭\",\n },\n {\n name: \"Saint Kitts and Nevis\",\n dial_code: \"+1869\",\n code: \"KN\",\n flag: \"🇰🇳\",\n },\n { name: \"Saint Lucia\", dial_code: \"+1758\", code: \"LC\", flag: \"🇱🇨\" },\n { name: \"Saint Martin\", dial_code: \"+590\", code: \"MF\", flag: \"🏳\" },\n {\n name: \"Saint Pierre and Miquelon\",\n dial_code: \"+508\",\n code: \"PM\",\n flag: \"🇵🇲\",\n },\n {\n name: \"Saint Vincent and the Grenadines\",\n dial_code: \"+1784\",\n code: \"VC\",\n flag: \"🇻🇨\",\n },\n { name: \"Samoa\", dial_code: \"+685\", code: \"WS\", flag: \"🇼🇸\" },\n { name: \"San Marino\", dial_code: \"+378\", code: \"SM\", flag: \"🇸🇲\" },\n {\n name: \"Sao Tome and Principe\",\n dial_code: \"+239\",\n code: \"ST\",\n flag: \"🇸🇹\",\n },\n { name: \"Saudi Arabia\", dial_code: \"+966\", code: \"SA\", flag: \"🇸🇦\" },\n { name: \"Senegal\", dial_code: \"+221\", code: \"SN\", flag: \"🇸🇳\" },\n { name: \"Serbia\", dial_code: \"+381\", code: \"RS\", flag: \"🇷🇸\" },\n { name: \"Seychelles\", dial_code: \"+248\", code: \"SC\", flag: \"🇸🇨\" },\n { name: \"Sierra Leone\", dial_code: \"+232\", code: \"SL\", flag: \"🇸🇱\" },\n { name: \"Singapore\", dial_code: \"+65\", code: \"SG\", flag: \"🇸🇬\" },\n { name: \"Slovakia\", dial_code: \"+421\", code: \"SK\", flag: \"🇸🇰\" },\n { name: \"Slovenia\", dial_code: \"+386\", code: \"SI\", flag: \"🇸🇮\" },\n {\n name: \"Solomon Islands\",\n dial_code: \"+677\",\n code: \"SB\",\n flag: \"🇸🇧\",\n },\n { name: \"Somalia\", dial_code: \"+252\", code: \"SO\", flag: \"🇸🇴\" },\n { name: \"South Africa\", dial_code: \"+27\", code: \"ZA\", flag: \"🇿🇦\" },\n { name: \"South Sudan\", dial_code: \"+211\", code: \"SS\", flag: \"🇸🇸\" },\n {\n name: \"South Georgia and the South Sandwich Islands\",\n dial_code: \"+500\",\n code: \"GS\",\n flag: \"🇬🇸\",\n },\n { name: \"Spain\", dial_code: \"+34\", code: \"ES\", flag: \"🇪🇸\" },\n { name: \"Sri Lanka\", dial_code: \"+94\", code: \"LK\", flag: \"🇱🇰\" },\n { name: \"Sudan\", dial_code: \"+249\", code: \"SD\", flag: \"🇸🇩\" },\n { name: \"Suriname\", dial_code: \"+597\", code: \"SR\", flag: \"🇸🇷\" },\n {\n name: \"Svalbard and Jan Mayen\",\n dial_code: \"+47\",\n code: \"SJ\",\n flag: \"🇩🇰\",\n },\n { name: \"Swaziland\", dial_code: \"+268\", code: \"SZ\", flag: \"🇸🇿\" },\n { name: \"Sweden\", dial_code: \"+46\", code: \"SE\", flag: \"🇸🇪\" },\n { name: \"Switzerland\", dial_code: \"+41\", code: \"CH\", flag: \"🇨🇭\" },\n {\n name: \"Syrian Arab Republic\",\n dial_code: \"+963\",\n code: \"SY\",\n flag: \"🇸🇾\",\n },\n { name: \"Taiwan\", dial_code: \"+886\", code: \"TW\", flag: \"🇹🇼\" },\n { name: \"Tajikistan\", dial_code: \"+992\", code: \"TJ\", flag: \"🇹🇯\" },\n {\n name: \"Tanzania, United Republic of Tanzania\",\n dial_code: \"+255\",\n code: \"TZ\",\n flag: \"🇹🇿\",\n },\n { name: \"Thailand\", dial_code: \"+66\", code: \"TH\", flag: \"🇹🇭\" },\n { name: \"Timor-Leste\", dial_code: \"+670\", code: \"TL\", flag: \"🇹🇱\" },\n { name: \"Togo\", dial_code: \"+228\", code: \"TG\", flag: \"🇹🇬\" },\n { name: \"Tokelau\", dial_code: \"+690\", code: \"TK\", flag: \"🇹🇰\" },\n { name: \"Tonga\", dial_code: \"+676\", code: \"TO\", flag: \"🇹🇴\" },\n {\n name: \"Trinidad and Tobago\",\n dial_code: \"+1868\",\n code: \"TT\",\n flag: \"🇹🇹\",\n },\n { name: \"Tunisia\", dial_code: \"+216\", code: \"TN\", flag: \"🇹🇳\" },\n { name: \"Turkey\", dial_code: \"+90\", code: \"TR\", flag: \"🇹🇷\" },\n { name: \"Turkmenistan\", dial_code: \"+993\", code: \"TM\", flag: \"🇹🇲\" },\n {\n name: \"Turks and Caicos Islands\",\n dial_code: \"+1649\",\n code: \"TC\",\n flag: \"🇹🇨\",\n },\n { name: \"Tuvalu\", dial_code: \"+688\", code: \"TV\", flag: \"🇹🇻\" },\n { name: \"Uganda\", dial_code: \"+256\", code: \"UG\", flag: \"🇺🇬\" },\n { name: \"Ukraine\", dial_code: \"+380\", code: \"UA\", flag: \"🇺🇦\" },\n {\n name: \"United Arab Emirates\",\n dial_code: \"+971\",\n code: \"AE\",\n flag: \"🇦🇪\",\n },\n { name: \"United Kingdom\", dial_code: \"+44\", code: \"GB\", flag: \"🇬🇧\" },\n { name: \"United States\", dial_code: \"+1\", code: \"US\", flag: \"🇺🇸\" },\n { name: \"Uruguay\", dial_code: \"+598\", code: \"UY\", flag: \"🇺🇾\" },\n { name: \"Uzbekistan\", dial_code: \"+998\", code: \"UZ\", flag: \"🇺🇿\" },\n { name: \"Vanuatu\", dial_code: \"+678\", code: \"VU\", flag: \"🇻🇺\" },\n {\n name: \"Venezuela, Bolivarian Republic of Venezuela\",\n dial_code: \"+58\",\n code: \"VE\",\n flag: \"🇻🇪\",\n },\n\n {\n name: \"Virgin Islands, British\",\n dial_code: \"+1284\",\n code: \"VG\",\n flag: \"🇻🇬\",\n },\n {\n name: \"Virgin Islands, U.S.\",\n dial_code: \"+1340\",\n code: \"VI\",\n flag: \"🇻🇮\",\n },\n {\n name: \"Wallis and Futuna\",\n dial_code: \"+681\",\n code: \"WF\",\n flag: \"🇼🇫\",\n },\n { name: \"Yemen\", dial_code: \"+967\", code: \"YE\", flag: \"🇾🇪\" },\n { name: \"Zambia\", dial_code: \"+260\", code: \"ZM\", flag: \"🇿🇲\" },\n { name: \"Zimbabwe\", dial_code: \"+263\", code: \"ZW\", flag: \"🇿🇼\" },\n];\nexport default ALL_COUNTRY;\n","/* eslint-disable */\nimport ALL_COUNTRY from './countries';\nconst helper = {\n getErrorMessageApi: (error) => {\n if (error && error.response && error.response.data && error.response.data.errors) {\n if (error.response.data.errors.message) {\n return error.response.data.errors.message;\n }\n return error.response.data.errors;\n }\n // if (error && error.response && error.response.data && error.response.data.errors && error.response.data.errors.message) return error.response.data.errors.message;\n // if (error && error.response && error.response.data && error.response.data.errors) return error.response.data.errors;\n if (error && error.response && error.response.data) {\n if (error.response.data.message) {\n return error.response.data.message;\n }\n return error.response.data;\n }\n if (error && error.response) {\n if (error.response.message) return error.response.message;\n return error.response;\n }\n if (error && error.message) return error.message;\n // if (error && error.response && error.response.data) return error.response.data;\n // if (error && error.response && error.response.data) return error.response.data;\n return error;\n },\n randomString: (n = 10) => {\n function makeid(length) {\n var result = '';\n var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n var charactersLength = characters.length;\n for (var i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * charactersLength));\n }\n return result;\n }\n return makeid(n);\n },\n isLocalhost: () => {\n let { location } = window;\n return location.hostname === 'localhost' || location.hostname === '127.0.0.1' || location.hostname === '';\n },\n tryPlaySoundAndroidBizman: (fileName, cb = null) => {\n if (!fileName) {\n alert(`fileName is empty, can not play sound`);\n return;\n }\n try {\n if (window && window.handlerPlaySound && window.handlerPlaySound.performClick) {\n if (fileName) {\n window.handlerPlaySound.performClick(fileName);\n if(cb) cb(null, `SUCCESS call android bizman playsound ${fileName}`);\n }\n } else {\n if(cb) cb(`WARN tryPlaySoundAndroidBizman ${fileName}, window.handlerPlaySound.performClick is not define`, null);\n }\n } catch (e) {\n console.error(`ERROR tryPlaySoundAndroidBizman e=`, e);\n let errMessage = (e && e.message) || JSON.stringify(e);\n if(cb) cb(`ERROR tryPlaySoundAndroidBizman ${fileName},, call window.handlerPlaySound.performClick error = ${errMessage}`, null);\n }\n },\n timeoutPromise: (n = 1)=>{\n return new Promise((resolve, rej)=>{\n setTimeout(()=>{\n resolve(null);\n }, n * 1000);\n })\n }\n};\n\nexport const getAllCountries = () => {\n return ALL_COUNTRY;\n};\nexport const getErrorMessageApi = helper.getErrorMessageApi;\nexport const randomString = helper.randomString;\nexport const isLocalhost = helper.isLocalhost;\nexport const tryPlaySoundAndroidBizman = helper.tryPlaySoundAndroidBizman;\nexport const timeoutPromise = helper.timeoutPromise;\nexport const formatExpiredTime = v => {\n return v && v.iso ? v.iso : v;\n};\nexport default helper;\n"],"sourceRoot":""}\n
\n PRICING PLAN
\n\n {(packages || []).map((item, idx) => {\n const isSubscribedThisPacakge = subscribedPackage && subscribedPackage.id == item.id;\n const currencyCodePackage = String(item.currency).toUpperCase();\n const pricePackage = item.price;\n return (\n
\n \n
\n );\n })}\n \n
\n \n {/* */}\n {\n this.submitBuyPackage(item);\n }}\n className=\"btn pricing-plan-purchase-btn\"\n >\n Purchase\n \n )}\n
\n {item.packageName}
\n\n {\n // new Intl.NumberFormat(\n // currencyCodePackage === 'USD' ?\n // 'en-US' : currencyCodePackage, {\n // style: 'currency',\n // currency: currencyCodePackage || 'USD',\n // minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n // maximumFractionDigits: 0 // (causes 2500.99 to be printed as $2,501)\n // }).format(pricePackage)\n }\n {pricePackage} {currencyCodePackage}\n
\n- \n
- \n Max {item.maxSupportedDevices} devices.\n \n
- \n Max {item.maxRestorSupportedDevices} POS device.\n \n
- \n Max {item.maxSupportedPrinters} printers.\n \n
- \n FREE trial {item.numberOfTrialWeeks} weeks.\n \n
- \n {item.supportedMenu ? (\n
- \n Digital menu\n \n ) : null}\n {item.inhousePromotionSlide ? (\n
- \n Inhouse promotion slides\n \n ) : null}\n {true ? (\n
- \n All future updates\n \n ) : null}\n