\n {dropdownContent ?\n \n {dropdownContent}\n : btn}\n\n
\n )\n}\n\nexport const VerticalTabs = ({className, activeTab = 0, tabs, action, onTabChange, onTabDelete}) => {\n const [openTab, setOpenTab] = useState(activeTab)\n\n const _onTabbChange = useCallback((tabIndex)=>{\n typeof onTabChange === 'function' && onTabChange(tabIndex);\n setOpenTab(tabIndex);\n }, [onTabChange])\n\n useEffect(()=>{\n setOpenTab(activeTab);\n }, [activeTab])\n\n return (\n \n
\n \n )\n}\nVerticalTabs.propTypes = {\n activeTab: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n onTabChange: PropTypes.func,\n onTabDelete: PropTypes.func,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n content: PropTypes.element,\n title: PropTypes.any\n })\n ).isRequired,\n action: PropTypes.shape({\n title: PropTypes.string,\n icon: PropTypes.element,\n dropdownContent: PropTypes.element,\n onClick: PropTypes.func,\n })\n}\n//\n// export const Pills = ({tabs}) => {\n// const [openTab, setOpenTab] = useState(0)\n// return (\n// \n
\n \n {tabs.map((tab, key) => (\n
\n \n {\n _onTabbChange(tab.index)\n }}\n className={`tab tab-pill ${\n openTab === tab.index ? 'tab-active' : ''\n }`}\n type=\"button\">\n {tab.title}\n {typeof onTabDelete === 'function' && tab.canDelete !== false && {\n e.preventDefault();\n e.stopPropagation();\n onTabDelete(tab.index)\n }} className={\"ml-2 hover:bg-grey-50 pl-1\"}>
\n ))}\n\n {action && \n {tabs.map((tab, key) => (\n \n {tab.content}\n
\n ))}\n \n// \n// {tab.content}\n//
\n// ))}\n// \n// )\n// }\n//\n// Pills.propTypes = {\n// tabs: PropTypes.arrayOf(\n// PropTypes.shape({\n// index: PropTypes.number,\n// content: PropTypes.element,\n// title: PropTypes.any\n// })\n// ).isRequired\n// }\n//\n// export const IconTabs = ({tabs}) => {\n// const [openTab, setOpenTab] = useState(0)\n// return (\n// \n// {tabs.map((tab, key) => (\n//
\n// {tabs.map((tab, key) => (\n// \n// {\n// setOpenTab(tab.index)\n// }}\n// className={`tab tab-pill ${\n// openTab === tab.index ? 'tab-active' : ''\n// }`}\n// type=\"button\">\n// {tab.title}\n// \n//
\n// ))}\n// \n// \n// {tab.content}\n//
\n// ))}\n// \n// )\n// }\n//\n// IconTabs.propTypes = {\n// tabs: PropTypes.arrayOf(\n// PropTypes.shape({\n// index: PropTypes.number,\n// content: PropTypes.element,\n// title: PropTypes.any\n// })\n// ).isRequired\n// }\n\nexport const UnderlinedTabs = ({className, activeTab = 0, tabs, action, onTabChange, onTabDelete}) => {\n const [tabsId, setTabsId] = useState(Date.now())\n const [openTab, setOpenTab] = useState(activeTab)\n\n const _onTabbChange = useCallback((tabIndex)=>{\n typeof onTabChange === 'function' && onTabChange(tabIndex);\n setOpenTab(tabIndex);\n }, [onTabChange])\n\n useEffect(()=>{\n setOpenTab(activeTab);\n }, [activeTab])\n\n return (\n \n// {tabs.map((tab, key) => (\n//
\n// {tabs.map((tab, key) => (\n// \n// {\n// setOpenTab(tab.index)\n// }}\n// className={`tab rounded-lg flex flex-row items-center justify-around ${\n// openTab === tab.index ? 'tab-active' : ''\n// }`}\n// type=\"button\">\n// {tab.title}\n// \n//
\n// ))}\n// \n \n {tab.content}\n
\n ))}\n \n )\n}\nUnderlinedTabs.propTypes = {\n activeTab: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n onTabChange: PropTypes.func,\n onTabDelete: PropTypes.func,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n content: PropTypes.element,\n title: PropTypes.any\n })\n ).isRequired,\n action: PropTypes.shape({\n title: PropTypes.string,\n icon: PropTypes.element,\n dropdownContent: PropTypes.element,\n onClick: PropTypes.func,\n })\n}\n\n// export const DefaultTabs = ({tabs}) => {\n// const [openTab, setOpenTab] = useState(0)\n// return (\n// \n {tabs.map((tab, key) => (\n
\n {tabs.map((tab, key) => (\n \n {\n _onTabbChange(tab.index)\n }}\n className={`flex items-center ${\n openTab === tab.index\n ? 'tab tab-underline tab-active'\n : 'tab tab-underline' \n }`}\n data-tabidx={key}\n data-tabsid={tabsId}\n type=\"button\">\n {tab.title}\n {typeof onTabDelete === 'function' && tab.canDelete !== false && {\n e.preventDefault();\n e.stopPropagation();\n onTabDelete(tab.index)\n }} className={\"ml-2 hover:bg-grey-50 pl-1\"}>
\n ))}\n\n {action && \n// \n// {tab.content}\n//
\n// ))}\n// \n// )\n// }\n// DefaultTabs.propTypes = {\n// tabs: PropTypes.arrayOf(\n// PropTypes.shape({\n// index: PropTypes.number,\n// content: PropTypes.element,\n// title: PropTypes.any\n// })\n// ).isRequired\n// }\n","import React from 'react'\nimport Widget from \"./index\";\nimport {useTranslation} from \"react-i18next\";\nimport {FINANCE} from \"../../config/resources\";\n\nexport const WidgetLatestFinances = ({data, limit = 3, className = ''}) => {\n const {t} = useTranslation();\n if(!data || data.length <= 0) return null;\n return (\n \n// {tabs.map((tab, key) => (\n//
\n// {tabs.map((tab, key) => (\n// \n// {\n// setOpenTab(tab.index)\n// }}\n// className={`tab ${openTab === tab.index ? 'tab-active' : ''}`}\n// type=\"button\">\n// {tab.title}\n// \n//
\n// ))}\n// | {t(`datatable.column.date`)} | \n{t(`datatable.column.type`)} | \n{t(`datatable.column.description`)} | \n{t(`datatable.column.amount`)} | \n{t(`datatable.column.status`)} | \n
|---|---|---|---|---|
| \n \n {date.toLocaleDateString()} {date.toLocaleTimeString()}\n \n | \n {t(`list.finance.type_${item.type}`)} | \n\n \n \n {t(`widget.latesttopups.order_id`)}: {item.order_id} \n {item.description} \n {details}\n | \n \n \n {amount}\n {item.balance_new && {t(`widget.latesttopups.balance`)}: {item.balance_new}}\n \n | \n \n {t(`list.finance.status_${item.status}`)}\n {item.status === FINANCE.STATUS.ERROR && item.data?.error_message && \n {t(`list.finance.error.${item.data?.error_message}`)}\n }\n | \n
\n
}\n body={\n {t('widget.referrals.promo_code_description')}
\n{t('widget.referrals.description')}
\n\n \n
\n }\n onCancel={onCancel}\n {...rest}\n />\n )\n}\n\n\n","import React, {useState} from 'react'\nimport Widget from \"./index\";\nimport {useTranslation} from \"react-i18next\";\nimport {useAppSelector} from \"../../redux/store\";\nimport {TextArea, TextInput} from \"../form/field/text-inputs\";\nimport {Action} from \"../datatable\";\nimport {FiCopy, FiEdit, FiPlus, FiPlusSquare, FiUserPlus} from \"react-icons/fi\";\nimport {copyToClipboard} from \"../../helper\";\nimport {ModalTopUp} from \"../modals\";\nimport {ModalPromoCode} from \"../modals/modal.promocode\";\n\nfunction EmptyList({data, total}){\n const {t} = useTranslation();\n return \n {t(`widget.referrals.empty_ref_list`)}\n
\n}\n\nfunction LastReferralsList({data, total}){\n const {t} = useTranslation();\n\n return (\n <>\n Last 5 partners
\n {!data || data.length <= 0 ?\n \n {idx+1}.{referral.name}\n
\n })}\n\n {/*Total: {total}
*/}\n \n )\n}\n\nexport const WidgetReferrals = ({data, total, promoCode, className = ''}) => {\n const {t} = useTranslation();\n const {user} = useAppSelector()\n const [isPromoCodeModalVisible, setPromoCodeModalVisible] = useState(false);\n\n let inviteLink = `${document.location.protocol}//${document.location.hostname}${document.location.port && document.location.port !== 80 ? `:${document.location.port}` : ``}/auth/signup?rid=${user.invite_code}`;\n\n return (\n \n
\n\n \n
\n \n copyToClipboard(inviteLink)}\n title={t(`widget.referrals.copy_link`)}/>\n
\n {t(`widget.referrals.promo_code`)}
\n \n {!promoCode ? setPromoCodeModalVisible(true)}\n title={t(`widget.referrals.create_promo_code`)}\n />\n : <>\n copyToClipboard(promoCode)}/>\n setPromoCodeModalVisible(true)}/>\n }\n
\n\n\n {/**/}\n {promoCode}
\n \n \n
\n \n
\n )\n}\n\nfunction TeamsItem({id, title, used_services, subscription, ...rest}){\n const {t} = useTranslation();\n return (\n \n {t(`widget.teams.create_first_team`)}\n
\n \n {}} />\n
\n )\n}\n\nfunction TeamsList({data, total}){\n const {t} = useTranslation();\n\n return (\n <>\n {/*\n
\n Last 5 partners
*/}\n {!data || data.length <= 0 ?\n Total: {total}
*/}\n \n )\n}\n\nexport const WidgetTeamsInfo = ({data, total, className = ''}) => {\n const {t} = useTranslation();\n const {user} = useAppSelector()\n\n return (\n \n\n
\n 0 ? `` : `hidden`}`}>\n {/*
\n {t('widget.balance.available')} {user.balance - user.balance_in_hold}
*/}\n {t('widget.balance.in_hold')} ${user.balance_in_hold}
\n \n setTopUpModalVisible(true)}\n title={t(`widget.balance.topup`)} />\n setWithdrawModalVisible(true)}\n title={t(`widget.balance.withdraw`)} />\n
\n\n \n {/*widget*/}\n {settings.monetization_active &&
\n\n \n
}\n {/*widget*/}\n \n
\n {/*widget*/}\n \n
\n {/*widget*/}\n \n
\n {/*widget*/}\n \n
\n \n {/*widget*/}\n 1 ? `lg:row-span-5` : ``}`} />\n {/*widget*/}\n {settings.referral_program_active && 1 ? `lg:col-span-3` : `lg:col-span-4`}`} />}\n
\n\n {/**/}\n {/* /!*widget*!/*/}\n {/*
*/}\n\n\n\n */}\n {/*
*/}\n {/* /!*widget*!/*/}\n {/* */}\n {/*
*/}\n {/*{title}
}\n \n {items.map((item, i) => (\n onSelect(item.id)}\n className=\"w-12 flex flex-col items-center justify-center h-20 space-y-1 dropdown-item cursor-pointer\">\n {item.icon}\n {item.title}\n
\n ))}\n \n \n )\n}\n\nconst Dropdown = ({\n placement = 'bottom-start',\n button,\n children,\n width = 'w-full'\n}) => {\n const [hidden, setHidden] = useState(true)\n\n const buttonRef = useRef(null)\n const dropdownRef = useRef(null)\n\n const {styles, attributes} = usePopper(\n buttonRef.current,\n dropdownRef.current,\n {\n placement: placement,\n }\n )\n\n useEffect(() => {\n const handleClickOutside = (event) => {\n if (\n hidden ||\n buttonRef.current.contains(event.target) ||\n dropdownRef.current.contains(event.target)\n ) {\n return false\n }\n setHidden(!hidden)\n }\n document.addEventListener('mousedown', handleClickOutside)\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [hidden, dropdownRef, buttonRef])\n\n const handleDropdownClick = (e) => {\n e.preventDefault();\n setHidden(!hidden)\n }\n\n return (\n \n
\n \n )\n}\n\nexport default Dropdown\n","import i18n from 'i18next';\nimport {initReactI18next} from 'react-i18next';\nimport Backend from 'i18next-xhr-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\nconst fallbackLng = ['en'];\nconst availableLanguages = ['en', 'ru',];\n\ni18n\n .use(Backend) // load translations using http (default public/assets/locals/en/translations)\n .use(LanguageDetector) // detect user language\n .use(initReactI18next) // pass the i18n instance to react-i18next.\n .init({\n fallbackLng, // fallback language is english.\n\n detection: {\n checkWhitelist: true, // options for language detection\n },\n\n debug: false,\n\n whitelist: availableLanguages,\n\n interpolation: {\n escapeValue: false, // no need for react. it escapes by default\n },\n\n react: {\n // useSuspense: false // <---- this will do the magic\n }\n });\n\nexport default i18n;\n","import {shallowEqual, useSelector} from \"react-redux\";\nimport {useHistory} from \"react-router-dom\";\n\nexport default ({}) => {\n const history = useHistory();\n const {isLoggedIn} = useSelector(\n state => ({\n isLoggedIn: state.user.isLoggedIn\n }),\n shallowEqual\n )\n if(isLoggedIn){\n setTimeout(()=>history.push(\"/dashboard\"), 1);\n }\n\n return null;\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next';\nimport RouteOnSignin from './../../components/form/auth/route.on.signin'\nimport SvgLogo from \"../../components/left-sidebar/logo-svg\";\nimport {useAppSelector} from \"../../redux/store\";\n\nconst Layout = ({imgUrl, title, description, children}) => {\n const { t } = useTranslation();\n const {settings} = useAppSelector()\n\n return (\n <>\n \n \n
\n \n {children}\n
\n \n
\n \n )\n}\n\nexport default Layout\n","import React from 'react'\nimport FormGen from '../formgen2'\nimport {useTranslation} from \"react-i18next\";\nimport {useDispatch} from \"react-redux\";\nimport {UserAction} from \"../../../redux/reducers/user\";\n\nconst SignIn = ({onComplete}) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n\n const onSubmit = (formData, setError, setAlerts) => {\n return dispatch(UserAction.signIn(formData));\n }\n let items = [\n {\n label: t('auth.field.email'),\n error: {required: t('form.error.required', {name: t('auth.field.email')})},\n name: 'email',\n type: 'email',\n autoComplete: \"username\",\n placeholder: t('form.field.placeholder', {name: t('auth.field.email')})\n },\n {\n label: t('auth.field.password'),\n error: {\n required: t('form.error.required', {name: t('auth.field.password')}),\n minLength: {\n value: 8,\n message: t('form.error.minlength', {count: 8, name: t('auth.field.password')}),\n },\n maxLength: {\n value: 50,\n message: t('form.error.maxlength', {count: 50, name: t('auth.field.password')}),\n }\n },\n name: 'password',\n type: 'password',\n autoComplete: \"current-password\",\n placeholder: t('form.field.placeholder', {name: t('auth.field.password')})\n },\n ]\n return (\n <>\n \n
\n \n
\n \n
\n\n {children}\n\n \n {title}\n
\n \n {description}\n
\n \n {/*
\n */}\n {/* Privacy policy*/}\n {/* Terms of service*/}\n {/* Contact us*/}\n {/*
*/}\n © {settings.project_name}
\n \n
\n \n )\n}\n\nexport default SignIn\n","import React from 'react'\nimport {useSelector, shallowEqual} from 'react-redux'\nimport {Link, useHistory} from 'react-router-dom'\nimport AuthLayout from './layout'\nimport SignIn from '../../components/form/auth/signin'\n// import SocialMedia from '../../components/login-3/social-media'\nimport {useTranslation} from 'react-i18next';\nimport {useAppSelector} from \"../../redux/store\";\n\nconst Index = () => {\n const {t} = useTranslation();\n const history = useHistory();\n const {settings} = useAppSelector()\n const {isLoggedIn} = useSelector(\n state => ({\n isLoggedIn: state.user.isLoggedIn\n }),\n shallowEqual\n )\n if(isLoggedIn){\n setTimeout(()=>history.push(\"/dashboard\"), 1);\n }\n\n return (\n \n {/*
\n \n {t('auth.newuser')}\n \n \n {t('auth.create_account')}\n \n \n
\n \n \n \n {t('auth.forgotpassword')}\n \n \n
\n \n {true ? : 'Registration disabled'}\n
\n \n )\n}\n\nexport default Signup\n","import React from 'react'\nimport {UserAction} from \"../../../redux/reducers/user\";\nimport {useDispatch} from \"react-redux\";\n\nexport const CompleteAndSignIn = ({title, description, buttonText, signinData}) => {\n const dispatch = useDispatch();\n\n const onContinue = (e) => {\n console.log('onContinue', signinData);\n dispatch(UserAction.signIn(signinData))\n .then((data) => {\n console.log('successResponse', data);\n }, (error) => {\n console.log('Error response', error);\n });\n }\n return (\n <>\n \n {/*
\n \n {t('auth.have_account')}\n \n \n {t('auth.signin_here')}\n \n \n
\n \n \n \n {t('auth.forgotpassword')}\n \n \n
\n \n {buttonText}\n
\n \n )\n}\n\nexport default CompleteAndSignIn\n","import React, {useState} from 'react'\nimport AuthLayout from './layout'\nimport {Signup} from '../../components/form/auth/signup'\nimport {useTranslation} from 'react-i18next';\nimport CompleteAndSignIn from \"../../components/form/auth/complete.signin\";\nimport {useAppSelector} from \"../../redux/store\";\n\nconst Index = () => {\n const {t} = useTranslation();\n const {settings} = useAppSelector()\n const [{isSignupComplete, signupData}, signUpComplete] = useState({isSignupComplete: false, signupData: false})\n\n return (\n \n
\n {title}
\n{description}
\n\n \n
\n \n )\n}\n\nexport default ForgotPassword\n","import React, {useState} from 'react'\nimport {Link} from 'react-router-dom'\nimport AuthLayout from './layout'\nimport ForgotPasswordForm from '../../components/form/auth/forgot.password'\nimport {useTranslation} from 'react-i18next';\n\nconst ForgotPassword = () => {\n const {t} = useTranslation();\n const [isComplete, setComplete] = useState(false)\n\n return (\n \n
\n )}\n\n\n \n
\n {t('auth.forgot_password.completed')}
\n{t('auth.forgot_password.wait_email')}
\n\n {t('auth.newuser')}\n \n \n {t('auth.create_account')}\n \n \n
\n \n \n \n {t('auth.forgot_password.goback_to_login')}\n \n \n
\n \n {t('auth.email_verification.complete_button')}\n
\n \n
\n\n {t('auth.email_verification.error')}
\n\n {t('auth.email_verification.complete_button')}\n
\n \n
\n\n {t('auth.email_verification.completed')}
\n\n \n
\n \n )\n}\n\nexport default ResetPassword\n","import React, {useState} from 'react'\nimport {Link, useParams} from 'react-router-dom'\nimport AuthLayout from './layout'\nimport ResetPasswordForm from '../../components/form/auth/reset.password'\nimport {useTranslation} from 'react-i18next';\nimport {useQuery} from \"../../helper\";\nimport CompleteAndSignIn from \"../../components/form/auth/complete.signin\";\n\nconst ResetPassword = () => {\n const {t} = useTranslation();\n const query = useQuery();\n const {token} = useParams();\n const [{isComplete, formData}, setComplete] = useState({isComplete: false, formData: false})\n\n return (\n \n \n \n {t('auth.forgot_password.goback_to_login')}\n \n \n
\n \n : \n
\n 404
\n\n\n {t(\"page.404.description\", {contactEmail: settings.settings_ui?.mail_address_from || ''})}\n
\n \n goBack()}\n className=\"btn btn-lg btn-rounded btn-block bg-blue-500 hover:bg-blue-600 text-white\">\n {t(\"page.404.button_goback\")}\n \n
\n \n {t(`resource_page.app.field.app_type_${appType}`)}:\n \n 0 && serviceCount >= services?.apps_count[appType] ? `text-red-500` : `` }`}>\n {usedServices?.apps_count && `${serviceCount} / `}{services?.apps_count[appType] == -1 ? t(`resource_page.subscription.field.unlimited`) : services?.apps_count[appType]}\n \n
\n )\n })}\n \n )\n}\n\nexport function TeamSubscription({teamId, id: subscriptionId, is_active: isActive, title, date_end: dateEnd, price, services, usedServices, onSubscriptionUpdate}){\n const {t} = useTranslation();\n const {user, settings} = useAppSelector();\n const [isModalSubscriptionUpdateVisible, setModalSubscriptionUpdateVisible] = useState(false);\n const [isModalSubscriptionRenewVisible, setModalSubscriptionRenewVisible] = useState(false);\n\n const daysToExpire = useMemo(()=>{\n if(!dateEnd) return 0;\n let difference = (new Date(dateEnd)).getTime() - (new Date()).getTime();\n return Math.ceil(difference / (1000 * 3600 * 24));\n }, [dateEnd])\n\n const updateSubscription = useCallback(()=>{\n setModalSubscriptionUpdateVisible(true);\n }, [])\n\n const renewSubscription = useCallback((teamId)=>{\n setModalSubscriptionRenewVisible(true);\n }, [])\n\n const onTeamSubscriptionUpdated = useCallback(()=>{\n setModalSubscriptionUpdateVisible(false)\n onSubscriptionUpdate && onSubscriptionUpdate();\n }, [teamId])\n\n const onTeamSubscriptionRenewed = useCallback(()=>{\n setModalSubscriptionRenewVisible(false)\n onSubscriptionUpdate && onSubscriptionUpdate();\n }, [teamId])\n\n return (\n <>\n {subscriptionId ?\n \n
: \n
\n\n \n
\n {title}
\n {settings.monetization_active && ${price}
}\n \n
\n 10 ? `text-green-500` : ( daysToExpire > 5 ? `text-orange-500` : `text-red-500`)} font-semibold uppercase`}>{isActive ? `ENDING ON` : `Expired`}
\n {dateEnd}
\n \n
\n\n \n {t(`team_subscription.write_to_manager`)}\n\n
}\n\n {subscriptionId &&\n \n {settings.manager?.tg &&\n
\n \n {label &&
\n )\n}\nGroupBox.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n}\n","import React, {useMemo} from 'react'\nimport PropTypes from 'prop-types'\nimport {UnderlinedTabs, VerticalTabs} from \"../../tabs\";\n\nexport const TABS_TYPE = {\n UNDERLINED: 'underlined',\n VERTICAL: 'vertical',\n}\n\nexport const Tabs = ({\n className = '',\n tabtype = TABS_TYPE.UNDERLINED,\n ...rest\n }) => {\n const props = {\n className: className,\n ...rest,\n }\n switch (tabtype){\n case TABS_TYPE.VERTICAL:\n return {label}
}\n \n {children}\n
\n \n {label && {\n if(e.keyCode === 13){\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n className={`form-input ${\n // errorMessage ? 'border-red-500' : ''\n errorMessage ? ' form-input-invalid' : ''\n + validMessage ? ' form-input-valid' : ''\n }`}\n placeholder={placeholder}\n />\n\n {errorMessage && (\n
\n )\n}\nIndex.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n name: PropTypes.string,\n placeholder: PropTypes.string,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nexport const Select = ({\n inputRef = false,\n inline = false,\n label = 'Label',\n name = 'name',\n options = [],\n defaultValue = '',\n hint = '',\n errorMessage = '',\n validMessage = '',\n onChange,\n ...rest\n }) => {\n return (\n {label}
}\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && (typeof hint === 'string' ? : {hint}
)}\n \n \n {options.map((option, i) => (\n //{...(defaultValue === option.value ? {selected: 'selected'}: {})}\n \n ))}\n \n {errorMessage && (\n
\n )\n}\nSelect.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n value: PropTypes.any,\n label: PropTypes.string\n })\n ),\n hint: PropTypes.string,\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n","import React, {useCallback, useEffect, useState} from 'react'\nimport PropTypes from 'prop-types'\nimport {useTranslation} from \"react-i18next\";\nimport {Select} from \"./selects\";\nimport Api from \"../../../service/api\";\nimport * as R from 'ramda'\nimport {TextInput} from \"./text-inputs\";\n\nexport const ExtServiceType = ({\n formRegister = ()=>{},\n formErrors =[],\n formInitialValues =[],\n inputRef = false,\n inline = false,\n ...rest\n }) => {\n let propServiceType = formInitialValues['service'] || '';\n const {t} = useTranslation();\n const [serviceType, setServiceType] = useState(propServiceType)\n const [serviceTypes, setServiceTypes] = useState([])\n const [serviceFields, setServiceFields] = useState([])\n const { ref: serviceRef, ...serviceRest } = formRegister('service', {\n required: t('form.error.required', {name: t(`form.field.extservice_type.servicetype`)}),\n });\n const onSelectChange = useCallback((e) => {\n let value = e.currentTarget.value;\n const idx = R.findIndex(R.propEq('value', value))(serviceTypes)\n if(idx < 0) return;\n setServiceFields(serviceTypes[idx].fields);\n setServiceType(value);\n serviceRest.onChange(e);\n }, [serviceTypes]);\n useEffect(() => {\n Api.getExternalServicesTypes()\n .then((data) => {\n setServiceTypes([\n {value: '', label: '', fields: []},\n ...data.map((item, idx, allItems)=>{\n return {value: item.id, label: item.name, fields: item.fields};\n })\n ]);\n })\n }, []);\n useEffect(() => {\n if(!serviceTypes) return;\n serviceTypes.forEach((item, idx, allItems)=> {\n if (item.value === serviceType) {\n setServiceFields(item.fields);\n }\n })\n }, [serviceType, serviceTypes]);\n useEffect(() => {\n setServiceType(propServiceType);\n rest.setValue('service', propServiceType);\n }, [propServiceType]);\n\n return (\n <>\n \n {serviceFields ? serviceFields.map((field, idx, allFields)=>{\n let fieldName = `service_data.${field}`;\n const { ref: fieldRef, ...fieldRest } = formRegister(fieldName, {\n required: t('form.error.required', {name: t(`resource_page.external_service.field.service_field.${field}`)})\n });\n return (\n {label}
\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && ({hint}
)}\n \n
\n )\n}\nRadiobox.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n defaultValue: PropTypes.any,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n\nexport const RadioboxCards = ({\n className = '',\n inputRef = false,\n inline = false,\n label = '',\n name = '',\n options = [],\n defaultValue = false,\n hint = '',\n errorMessage = '',\n validMessage = '',\n hideDescription = false,\n disabled = false,\n onChange = ()=>{},\n ...rest\n }) => {\n const [value, setValue] = useState(defaultValue)\n useEffect(()=>{\n setValue(defaultValue);\n }, [defaultValue])\n let onSelect = (val)=>{\n onChange(val);\n setValue(val);\n }\n return (\n <>\n \n
\n {errorMessage && (\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && ({hint}
)}\n \n {options.map((option, idx)=>{\n let isActive = value === option.value;\n let isDisabled = disabled || option.disabled;\n return (\n
\n\n {errorMessage && (\n !isDisabled && onSelect(option.value)}\n className={`${isActive ? 'border border-blue-500' : (!isDisabled ? 'hover:bg-blue-50 cursor-pointer' : 'bg-grey-100')} rounded-lg flex-1 flex flex-col items-center justify-start space-y-2 p-8 text-center`}>\n
\n )\n })}\n \n {option.icon}\n
\n {option.title}
\n {!hideDescription && {option.description}
}\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && ({hint}
)}\n\n \n \n
\n \n )\n}\n\nexport default DropZone\n","import React, {useEffect, useState, useCallback} from 'react'\nimport PropTypes from 'prop-types'\nimport DropZone from \"../../dropzone\";\nimport {useTranslation} from \"react-i18next\";\nimport {FiTrash2} from 'react-icons/fi'\nimport {asset} from \"../../../redux/reducers/settings\";\n\nconst FilesPreview = ({files, onRemove}) => {\n if(!files) return null;\n\n let color = 'blue';\n return (\n <>\n {files && files.map((file, idx)=>{\n if(!file) return null;\n let name = file.name || (file.substring ? file.substring(file.lastIndexOf('/')+1) : 'error' );\n let fileUrl = typeof file === 'string' ? asset( file ) : false;\n URL.revokeObjectURL(file.preview);\n return \n
\n {dropMessage}
\n \n {name}\n \n
\n })}\n \n )\n}\n\nexport const FilesSimple = ({\n inline = false,\n label = '',\n defaultValue: files = false,\n maxFiles = false,\n accept,\n maxSizeMb = 5, //5mb\n hint = '',\n dropMessage = false,\n errorMessage = '',\n validMessage = '',\n onRemove = false,\n onDrop = false,\n css = {},\n filesPreview = {label}
\n\n {(!maxFiles || !files || files.length < maxFiles) && {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && (typeof hint === 'string' ? : {hint}
)}\n \n )\n}\nFilesSimple.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n name: PropTypes.string,\n maxFiles: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n\n\nexport const Files = ({\n defaultValue,\n onChange,\n ...rest\n }) => {\n const {t} = useTranslation();\n const [files, setFiles] = useState(defaultValue)\n\n const onChangeImages = useCallback((files) => {\n typeof onChange === 'function' && onChange(files);\n setFiles(files)\n },\n []\n )\n const onRemoveImage = useCallback((fieldName) => {\n typeof onChange === 'function' && onChange(null);\n setFiles(null);\n },\n []\n )\n\n return (\n <>\n \n {label &&
\n )\n}\nImage.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n name: PropTypes.string,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n\nconst VideoPreview = ({video, onRemove, css, className = ''}) => {\n let src = asset(typeof video === 'object' ? video.preview : video);\n return (\n <>\n \n \n \n )\n}\n\nconst ImagePreview = ({image, onRemove, css, className = ''}) => {\n let src = asset(typeof image === 'object' ? image.preview : image);\n return (\n <>\n {label}
}\n\n {image ? (\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && (typeof hint === 'string' ? : {hint}
)}\n \n {files.map((media, idx)=>{\n return (\n
\n )\n}\n\nexport const Images = ({\n defaultValue,\n onChange,\n accept= 'image/*',\n ...rest\n }) => {\n const {t} = useTranslation();\n const [images, setImages] = useState(defaultValue)\n\n const onChangeImages = useCallback((files) => {\n typeof onChange === 'function' && onChange(files);\n setImages(files)\n },\n []\n )\n const onRemoveImage = useCallback((fieldName) => {\n typeof onChange === 'function' && onChange(null);\n setImages(null);\n },\n [images]\n )\n\n return (\n <>\n \n onRemove(idx)} />\n
\n )\n })}\n \n onChangeAvatar(null)}\n className={\"rounded-full\"}\n dropMessage={t(`form.field.comment.avatar_drop_message`)} />,\n },{\n className: `py-2 px-2`,\n flex: 1,\n content: <>\n \n
\n );\n}\n\n\nexport const Comments = ({\n className = '',\n inputRef = false,\n inline = false,\n label = '',\n labelBold = false,\n name = '',\n defaultValue = [],\n lang,\n category,\n onChange,\n ...rest\n }) => {\n const { t } = useTranslation();\n const { addToast } = useToasts()\n const [isLoadingGeneration, setLoadingGeneration] = useState(false)\n const [commentsCount, setCommentsCount] = useState(5)\n const [comments, setComments] = useState(defaultValue || [])\n\n const onGenerateComments = useCallback(()=>{\n setLoadingGeneration(true);\n Api.commentsGenerate(category, lang, commentsCount)\n .then((newComments)=>{\n setLoadingGeneration(false);\n\n if(!newComments || newComments.length == 0){\n addToast(t(`form.field.comment.generate_nodata`), {\n appearance: 'info',\n autoDismiss: true,\n })\n return;\n }\n newComments = newComments.map((comment, idx)=>{\n comment.id = Date.now() + `_${idx}`;\n comment.time = Date.now();\n return comment;\n })\n\n setComments([...comments, ...newComments])\n\n addToast(t(`form.field.comment.generate_success`, {count: newComments.length}), {\n appearance: 'success',\n autoDismiss: true,\n })\n })\n .catch((error)=>{\n setLoadingGeneration(false);\n console.error('new commments', error);\n addToast(t(`form.field.comment.generate_error`), {\n appearance: 'error',\n autoDismiss: true,\n })\n })\n }, [category, lang, comments])\n const onAddComment = useCallback(()=>{\n setComments([...comments, {id: Date.now(), time: Date.now()}])\n }, [comments])\n const onRemoveComment = useCallback((commentId)=>{\n const idx = R.findIndex(R.propEq('id', commentId))(comments)\n if(idx < 0) return;\n comments.splice(idx, 1);\n let newComments = [...comments];\n setComments(newComments)\n typeof onChange === 'function' && onChange(newComments);\n }, [comments])\n const onRefreshComment = useCallback((commentId)=>{\n const idx = R.findIndex(R.propEq('id', commentId))(comments)\n if(idx < 0) return;\n\n setLoadingGeneration(true);\n Api.commentsGenerate(category, lang, 1)\n .then((newComments)=>{\n setLoadingGeneration(false);\n\n if(!newComments || newComments.length == 0){\n addToast(t(`form.field.comment.generate_nodata`), {\n appearance: 'info',\n autoDismiss: true,\n })\n return;\n }\n\n\n newComments[0].id = comments[idx].id;\n newComments[0].time = Date.now();\n comments[idx] = newComments[0];\n\n setComments([...comments])\n\n addToast(t(`form.field.comment.generate_success`, {count: newComments.length}), {\n appearance: 'success',\n autoDismiss: true,\n })\n })\n .catch((error)=>{\n setLoadingGeneration(false);\n console.error('refresh commment', error);\n addToast(t(`form.field.comment.generate_error`), {\n appearance: 'error',\n autoDismiss: true,\n })\n })\n }, [lang, category, comments])\n\n const onCommentChange = useCallback((commentId, fieldName, value)=>{\n let commentIdx = R.findIndex(R.propEq('id', commentId))(comments)\n if(commentIdx < 0) return;\n comments[commentIdx][fieldName] = value;\n let newComments = [...comments];\n setComments(newComments);\n typeof onChange === 'function' && onChange(newComments);\n }, [comments])\n\n // useEffect(()=>{\n //\n // }, [comments])\n\n let color = 'blue';\n return (\n \n
\n {label || t(`form.field.comment.title`)}
\n {comments && comments.map((comment, idx, allComments)=>{\n return \n // {label &&
\n // )\n}\nComments.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string,\n type: PropTypes.string,\n placeholder: PropTypes.string,\n hint: PropTypes.string,\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n","import React, {useCallback, useEffect, useMemo, useState} from 'react'\nimport PropTypes from 'prop-types'\nimport {useTranslation} from \"react-i18next\";\nimport {BiCommentAdd} from \"react-icons/bi\";\nimport * as R from \"ramda\";\nimport {FiEdit, FiRefreshCw, FiTrash2} from \"react-icons/fi\";\nimport {FlexGrid} from \"../../grid\";\n\nexport const ItemWrapper = ({\n id,\n itemComponent,\n onChangeField,\n onRemove,\n disableWrapper,\n ...rest\n }) => {\n const { t } = useTranslation();\n\n const onChangeFieldByEvent = useCallback((e)=>{\n typeof onChangeField === 'function' && onChangeField(id, e.currentTarget.name, e.currentTarget.value)\n }, [id, onChangeField]);\n\n return (\n {label}
}\n // {errorMessage}
\n // )}\n // {validMessage && (\n // {validMessage}
\n // )}\n // {hint && ()}\n // \n
\n );\n}\nDynamicItems.propTypes = {\n inline: PropTypes.bool,\n labelBold: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string,\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n","import React, {useCallback, useEffect, useMemo, useState} from 'react'\nimport {TextInput, TextArea} from \"../../field/text-inputs\";\nimport {useTranslation} from \"react-i18next\";\nimport {FlexGrid} from \"../../../grid\";\nimport {DynamicItems} from \"../../field/dynamic.items\";\nimport getField from \"../../formgen2/get.field\";\nimport {WHITEPAGE} from \"../../../../config/resources\";\n\nexport const PixelItem = ({\n id,\n idx,\n fbpid,\n fbptoken,\n onChangeField,\n onChangeFieldByEvent,\n onRemove,\n fieldProps,\n ...rest\n }) => {\n const { t } = useTranslation();\n\n return (\n {label || rest?.fieldProps?.label || t(`form.field.comment.title`)}
\n\n {errorMessage && (\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n\n {items && items.map((item, idx, allComments)=>{\n // return \n \n
\n );\n}\n\n\nexport const Pixels = ({\n ...rest\n }) => {\n const { t } = useTranslation();\n\n return (\n \n {getField({...props}, props.formErrors, props.formInitialValues,\n field,\n idx+1)}\n
\n })}\n \n {label &&
\n )\n}\nDateTime.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string,\n placeholder: PropTypes.string,\n hint: PropTypes.string,\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string,\n closeOnSelect: PropTypes.bool,\n onChange: PropTypes.func\n}\nDateTime.VIEW_MODE = {\n MONTH: 'months',\n DAYS: 'days',\n TIME: 'time',\n}\n\nexport const DateTimeRange = ({\n className = '',\n inputRef = false,\n inline = false,\n defaultValue,\n label = '',\n name = '',\n placeholder = '',\n hint = '',\n errorMessage = '',\n validMessage = '',\n dateFormat = \"YYYY-MM-DD\",\n closeOnSelect = true,\n onChange,\n ...rest\n }) => {\n const [dateRange, setDateRange] = useState({from: moment(defaultValue?.from).format(dateFormat), to: moment(new Date()).format(dateFormat)});\n\n useEffect(()=>{\n let from = defaultValue?.from ? moment(defaultValue.from).format(dateFormat) : dateRange.from;\n let to = defaultValue?.to ? moment(defaultValue.to).format(dateFormat) : dateRange.to;\n setDateRange({from: from, to: to});\n }, [defaultValue?.from, defaultValue?.to])\n useEffect(()=>{\n onChange && onChange(dateRange)\n }, [dateRange, onChange])\n\n const _onChange = useCallback((field, value)=>{\n // setDateRange({...dateRange, [field]: value.utc().format(dateFormat)});\n setDateRange({...dateRange, [field]: value.format(dateFormat)});\n }, [dateFormat, dateRange])\n return (\n {label}
}\n\n <_Datetime\n key={defaultValue || 'dtkey'}\n defaultValue={defaultValue}\n dateFormat={dateFormat}\n timeFormat={timeFormat}\n input={true}\n closeOnSelect={closeOnSelect}\n inputProps={{\n // ...rest,\n ...(inputRef ? {ref: inputRef} : {}),\n name: name,\n className: `form-input ${\n // errorMessage ? 'border-red-500' : ''\n errorMessage ? ' form-input-invalid' : ''\n + validMessage ? ' form-input-valid' : ''\n }`,\n placeholder: placeholder,\n }}\n viewMode={viewMode}\n onChange={_onChange}\n />\n {errorMessage && (\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && ()}\n \n {label &&
\n )\n}\nDateTimeRange.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string,\n placeholder: PropTypes.string,\n hint: PropTypes.string,\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string,\n closeOnSelect: PropTypes.bool,\n onChange: PropTypes.func\n}\n","import React, {useCallback, useState, useRef, useEffect} from 'react'\nimport * as R from 'ramda';\nimport {useTranslation} from \"react-i18next\";\nimport {GroupBox} from \"../../field/groupbox\";\nimport {FlexGrid} from \"../../../grid\";\nimport {TextInput} from \"../../field/text-inputs\";\nimport {CATEGORY, ReactSelect} from \"../../field/react-selects\";\nimport {FiTrash2} from 'react-icons/fi'\nimport getField from \"../get.field\";\nimport {useFieldArray} from \"react-hook-form\";\n\nconst REPEAT_HITS_OPTIONS = [\n {value: 2, label: \"2 or more\"},\n {value: 3, label: \"3 or more\"},\n {value: 4, label: \"4 or more\"},\n {value: 5, label: \"5 or more\"},\n];\n\nexport const FormOfferUrlBlock = ({\n isFixed = false,\n name,\n offerId,\n\n onRemoveBlock,\n ...rest\n }) => {\n const { t } = useTranslation();\n const { fields: repeatFields, append, prepend, remove, swap, move, insert } = useFieldArray({\n control: rest.control,\n name: `${rest.fieldProps.name}.${name}.repeat`,\n });\n\n let color = 'blue';\n return (\n {label}
}\n\n \n
\n\n {errorMessage && (\n \n <_Datetime\n defaultValue={dateRange?.from}\n dateFormat={dateFormat}\n timeFormat={false}\n input={true}\n closeOnSelect={closeOnSelect}\n inputProps={{\n // ...rest,\n ...(inputRef ? {ref: inputRef} : {}),\n name: `${name}.from`,\n className: `form-input ${\n // errorMessage ? 'border-red-500' : ''\n errorMessage ? ' form-input-invalid' : ''\n + validMessage ? ' form-input-valid' : ''\n }`,\n placeholder: placeholder,\n }}\n viewMode={'days'}\n onChange={(val)=>_onChange('from', val)}\n />\n
\n \n <_Datetime\n defaultValue={dateRange?.to}\n dateFormat={dateFormat}\n timeFormat={false}\n input={true}\n closeOnSelect={closeOnSelect}\n inputProps={{\n // ...rest,\n ...(inputRef ? {ref: inputRef} : {}),\n name: `${name}.to`,\n className: `form-input ${\n // errorMessage ? 'border-red-500' : ''\n errorMessage ? ' form-input-invalid' : ''\n + validMessage ? ' form-input-valid' : ''\n }`,\n placeholder: placeholder,\n }}\n viewMode={'days'}\n onChange={(val)=>_onChange('to', val)}\n />\n
\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && ()}\n \n {name !== 'default' && getField({...rest}, rest.formErrors, rest.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.offer_geo`),\n error: {required: t('form.error.required', {name: t('resource_page.adcampaign.field.offer_geo')})},\n name: `${rest.fieldProps.name}.${name}.geo`,\n type: 'reactselect',\n isClearable: true,\n isMulti: true,\n isSearchable: true,\n loadOptions: 'countries',\n },\n 0)}\n {getField({...rest}, rest.formErrors, rest.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.offer_url`),\n error: {required: t('form.error.required', {name: t('resource_page.adcampaign.field.offer_url')})},\n name: `${rest.fieldProps.name}.${name}.url`,\n type: 'url',\n pattern: \"https://.*\",\n },\n 1)}\n
\n\n {repeatFields.length > 0 && repeatFields.map((item, idx)=>\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.cloak_whitepage_url`),\n name: `cloak_whitepage.url`,\n type: 'url',\n error: {\n validate: validateUrl,\n // required: t('form.error.required', {name: t('resource_page.adcampaign.field.cloak_whitepage_url')})\n },\n ...(wpType === WHITEPAGE.TYPE.URL ? {\n pattern: \"http[s]?://.*\",\n } : {})\n },\n 2)}\n
}\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.cloak_whitepage_type_file`),\n error: {required: t('form.error.required', {name: t('resource_page.adcampaign.field.cloak_whitepage_type_file')})},\n name: `cloak_whitepage.type`,\n type: 'radiobox',\n value: WHITEPAGE.TYPE.FILE,\n },\n 3)}\n {\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.cloak_whitepage_file`),\n error: {\n validate: (value) => {\n if(wpType === WHITEPAGE.TYPE.FILE && !value) return t('form.error.required', {name: t('resource_page.adcampaign.field.cloak_whitepage_file')});\n return true;\n },\n // ...(wpType === 'file' ? {required: t('form.error.required', {name: t('resource_page.adcampaign.field.cloak_whitepage_file')})} : {})\n },\n name: `cloak_whitepage.file`,\n type: 'files',\n maxFiles: 1,\n maxSizeMb: 100,\n accept: 'application/x-zip,application/zip,.zip',\n },\n 5)}\n
}\n\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.cloak_whitepage_type_${WHITEPAGE.TYPE.TEMPLATE}`),\n error: {required: t('form.error.required', {name: t(`resource_page.adcampaign.field.cloak_whitepage_type_${WHITEPAGE.TYPE.TEMPLATE}`)})},\n name: `cloak_whitepage.type`,\n type: 'radiobox',\n value: WHITEPAGE.TYPE.TEMPLATE,\n },\n 7)}\n {\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.cloak_whitepage_template_select`),\n error: {\n validate: (value) => {\n if(wpType === WHITEPAGE.TYPE.TEMPLATE && !value) return t('form.error.required', {name: t(`resource_page.adcampaign.field.cloak_whitepage_template_select`)});\n return true;\n },\n },\n name: `cloak_whitepage.template_id`,\n // hideDescription: id > 0 && true,\n // disabled: id > 0 && true,\n options: [WHITEPAGE.TEMPLATE.GOOGLEPLAY, WHITEPAGE.TEMPLATE.APP_V1].map((id)=>{\n return {description: t(`resource_page.adcampaign.field.cloak_whitepage_template_${id}`), value: id, icon: 
, };\n }),\n type: 'radioboxcards',\n inline: true,\n },\n 8)}\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label:
}\n\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: t(`resource_page.adcampaign.field.cloak_whitepage_type_${WHITEPAGE.TYPE.ERROR_404}`),\n error: {required: t('form.error.required', {name: t(`resource_page.adcampaign.field.cloak_whitepage_type_${WHITEPAGE.TYPE.ERROR_404}`)})},\n name: `cloak_whitepage.type`,\n type: 'radiobox',\n value: WHITEPAGE.TYPE.ERROR_404,\n },\n 10)}\n\n , };\n }),\n type: 'radioboxcards',\n inline: true,\n },\n 8)}\n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n label: \n {getField({...props}, props.formErrors, props.formInitialValues,\n {\n className: 'w-full',\n label: t(`resource_page.adcampaign.field.cloak_whitepage_moderator_title`),\n error: {\n validate: (value) => {\n if(![WHITEPAGE.TYPE.ADCAMPAGN, WHITEPAGE.TYPE.FILE, WHITEPAGE.TYPE.TEMPLATE].includes(wpType) && !value) return t('form.error.required', {name: t('resource_page.adcampaign.field.cloak_whitepage_moderator_title')});\n return true;\n },\n // required: t('form.error.required', {name: t('resource_page.adcampaign.field.cloak_whitepage_moderator_title')})\n },\n name: `cloak_whitepage.moderator_title`,\n type: 'text',\n\n },\n 4)}\n
\n\n \n {title &&
\n}\n\nexport const MultilangBox = ({\n field,\n fieldProps,\n defaultValue,\n register,\n unregister,\n reset,\n error,\n watch,\n setError,\n setValue,\n getValues,\n control,\n formInitialValues,\n formErrors,\n }) => {\n const { t } = useTranslation();\n const {settings} = useAppSelector()\n const [langs, setLangs] = useState(typeof defaultValue === 'object' ? Object.keys(defaultValue) : [settings.default_lang])\n const [activeTab, setActiveTab] = useState(settings.default_lang)\n\n const onTabDelete = useCallback((tabIndex)=>{\n if(tabIndex === activeTab) setActiveTab(langs[0]);\n langs.splice(langs.indexOf(tabIndex), 1)\n setLangs( [...langs] );\n unregister(`${fieldProps.name}.${tabIndex}`);\n }, [langs, activeTab, unregister, fieldProps])\n const onAddLanguage = useCallback((lang)=>{\n lang = lang.toLowerCase();\n if(langs.includes(lang)) return;\n\n setLangs( [...langs, lang] );\n setActiveTab(lang);\n }, [langs])\n\n useEffect(() => {\n const _langs = formInitialValues && formInitialValues[fieldProps.name] ? Object.keys(formInitialValues[fieldProps.name]) : [];\n if(_langs.length === 0) return;\n\n let newLangs = [];\n _langs.forEach((lang)=>{\n if(langs.includes(lang)) return;\n\n newLangs.push(lang);\n })\n if(newLangs.length === 0) return;\n\n setLangs([\n ...langs,\n ...newLangs,\n ])\n\n }, [formInitialValues && formInitialValues[fieldProps.name]]);\n\n // const items = useMemo(()=>{\n // return [\n // 'cz', 'de', 'dk', 'ee', 'en', 'es', 'fi', 'fr', 'hu', 'it', 'jp', 'kr', 'kz', 'lv',\n // 'no', 'pl', 'pt', 'ro', 'ru', 'tr', 'uz', 'vn', 'sk', 'ua', 'by', 'ar', 'sl', 'ph'\n // ].filter(lang => !langs.includes(lang)).sort().map((lang)=>{\n // let flag = lang;\n // switch(lang){\n // case 'en':\n // flag = 'us';\n // break;\n // case 'ar':\n // flag = 'ae';\n // break;\n // case 'sl':\n // flag = 'si';\n // break;\n // }\n // return {\n // id: lang,\n // title: lang.toUpperCase(),\n // icon: {title}
}\n \n <_ReactSelect label={t(`form.field.multilangbox.chooselang.locale`)}\n name='locale'\n isMulti={false}\n isSearchable={true}\n onChange={setLocale}\n loadOptions='localeswithcountries' />\n
\n \n \n {label &&
\n )\n}\nInfoBox.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n}\n","import React, {useCallback, useState, useRef, useEffect, useMemo} from 'react'\nimport {useTranslation} from \"react-i18next\";\nimport {GroupBox} from \"../../field/groupbox\";\nimport {FlexGrid} from \"../../../grid\";\nimport {FiTrash2} from 'react-icons/fi'\nimport getField from \"../get.field\";\nimport {useFieldArray} from \"react-hook-form\";\n\nexport const NewAppDetailsBlock = ({\n item,\n idx,\n color,\n formErrors,\n formInitialValues,\n fieldProps,\n remove,\n ...rest\n }) => {\n const { t } = useTranslation();\n\n let columns = useMemo(()=>{\n return [{\n className: `pr-2 w-4`,\n content: <>{idx + 1}\n },{\n className: `pr-2 w-48`,\n content: getField({...rest}, formErrors, formInitialValues,\n {\n // key: item.id,\n // defaultValue: item.subdomain,\n error: {\n validate: value => !value || (value.match(/^[a-zA-Z]+[a-zA-Z0-9]*$/) && true) || t(`resource_page.app.field.subdomain_error_letter`),\n },\n name: `${fieldProps.name}.${idx}.subdomain`,\n type: 'text',\n placeholder: t('form.field.placeholder', {name: t('form.field.subdomain')}),\n className: 'flex-none',\n },\n 0),\n }, {\n flex: 'auto',\n className: ``,\n content: getField({...rest}, formErrors, formInitialValues,\n {\n error: {\n required: t('form.error.required', {name: t('form.field.domain')}),\n },\n name: `${fieldProps.name}.${idx}.domain_id`,\n type: 'reactselect',\n isClearable: true,\n isMulti: false,\n isSearchable: true,\n loadOptions: 'domains',\n filter: {team_id: fieldProps.teamId},\n sortBy: {\n [`apps_${fieldProps.appType}_count`]: 'asc'\n },\n className: 'flex-grow',\n },\n 1),\n }, {\n className: `flex items-start`,\n content: ,\n }]\n }, [idx, fieldProps, formErrors, formInitialValues, remove]);\n return (\n {label}
}\n \n {text}\n
\n \n
\n )\n })}\n \n \n {item}\n \n
\n \n {items.map((item, i) => {\n return getField(formFieldProps, errors, initialValues, item, i);\n })}\n
\n {isLoading ? Fee: 1% + 1$
\n \n
\n ,\n },\n ])\n }, [user.balance_for_withdraw])\n\n const onSubmit = (formData, setError, setAlerts) => {\n return Api.getCSRFCookie().then(() => Api.paymentWithdraw(formData.currency, formData.amount, formData.wallet));\n }\n\n return (\n <>\n Min: 10
\n Max: ${user.balance_for_withdraw}
\n \n 
\n
\n\n \n USDT (TRC20)
\n \n \n
\n\n \n USDT (TRC20)
\n \n \n
\n )\n}\n\nexport const ModalWithdraw = ({\n isAdmin = false,\n onConfirm,\n ...rest\n }) => {\n const {t} = useTranslation();\n const dispatch = useDispatch()\n const {mutate: mutateDashboard} = useDashboard();\n const [withdraw, setWithdraw] = useState(false);\n\n const reloadUserInfo = useCallback(()=>{\n Api.getUserInfo()\n .then((userInfo) => Promise.all([\n dispatch(UserAction.loadUserInfoCompleted(userInfo))\n ]));\n }, [])\n\n const onWithdrawCreated = useCallback((result)=>{\n setWithdraw(result);\n mutateDashboard();\n reloadUserInfo();\n }, [reloadUserInfo, mutateDashboard])\n\n useEffect(()=>{\n setWithdraw(false);\n }, [rest.isOpen])\n\n return (\n \n {t(`modal.withdraw.complete.description`)}\n
\n\n \n
\n\n \n {t(`modal.withdraw.complete.will_receive`)} {sent}{` `}{currency}\n
\n \n {t(`modal.withdraw.complete.fee`)} {fee}{` `}{currency}\n
\n \n {t(`modal.withdraw.complete.total`)} {total}{` `}{currency}\n
\n \n {isAdmin ?\n
\n }\n {...rest}\n />\n )\n}\n\n\n","import React from 'react'\nimport PropagateLoader from \"react-spinners/PropagateLoader\";\nimport {getColor} from \"../../helper/colors\";\n\n\nexport const Loader = ({show, className = '', size=15, color = getColor('text-light-blue-700')}) => {\n //getColor('text-blue-grey-700')\n return (\n \n
\n )\n}\n\n","import React from 'react'\nimport Loader from 'react-loader-advanced';\nimport PropagateLoader from \"react-spinners/PropagateLoader\";\nimport {getColor} from \"../../helper/colors\";\n\n\nexport const OverlayLoader = ({children, show, color = getColor('text-light-blue-700')}) => {\n //getColor('text-blue-grey-700')\n return (\n \n {label &&
\n )\n}\nTextInput.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n name: PropTypes.string,\n type: PropTypes.string,\n placeholder: PropTypes.string,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n\n\nexport const TextArea = ({\n inputRef = false,\n inline = false,\n label = '',\n labelClassName,\n name = '',\n placeholder = '',\n hint = '',\n errorMessage = '',\n validMessage = '',\n rows = 4,\n ...rest\n }) => (\n {label}
}\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && (typeof hint === 'string' ? : {hint}
)}\n \n {label && \n {rest.value}\n \n {errorMessage && (\n
\n)\nTextArea.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n name: PropTypes.string,\n placeholder: PropTypes.string,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string,\n rows: PropTypes.number\n}\n","import {\n useLocation\n} from \"react-router-dom\";\n\nexport function useQuery() {\n return new URLSearchParams(useLocation().search);\n}\n\nexport function random(min, max) {\n // случайное число от min до (max+1)\n let rand = min + Math.random() * (max + 1 - min);\n return Math.floor(rand);\n}\n\nexport function round(num, digits = 0){\n const formatter = new Intl.NumberFormat('en-US', {\n style: 'decimal',\n maximumFractionDigits: digits,\n minimumFractionDigits: digits,\n })\n return formatter.format(num)\n}\n\nexport function getMinutesToDateFromNow(endDate){\n var startTime = new Date();\n var endTime = new Date(endDate);\n var difference = endTime.getTime() - startTime.getTime(); // This will give difference in milliseconds\n var resultInMinutes = Math.round(difference / 60000);\n return resultInMinutes;\n}\n\nexport function copyToClipboard(text) {\n if(navigator?.clipboard && navigator.clipboard.writeText){\n navigator.clipboard.writeText(text);\n }else if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n return window.clipboardData.setData(\"Text\", text);\n\n }\n else if (document.queryCommandSupported && document.queryCommandSupported(\"copy\")) {\n var textarea = document.createElement(\"textarea\");\n textarea.textContent = text;\n textarea.style.position = \"fixed\"; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand(\"copy\"); // Security exception may be thrown by some browsers.\n }\n catch (ex) {\n console.warn(\"Copy to clipboard failed.\", ex);\n return prompt(\"Copy to clipboard: Ctrl+C, Enter\", text);\n }\n finally {\n document.body.removeChild(textarea);\n }\n }\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nexport const PageWithText = ({\n activeClassNames = 'btn btn-default bg-blue-500 hover:bg-blue-600 text-white',\n inactiveClassNames = 'btn btn-default bg-transparent hover:bg-grey-200 text-grey-900 dark:text-white',\n children,\n active = false,\n onClick\n}) => {\n if (active) {\n return (\n \n )\n }\n return (\n \n )\n}\n\nexport const Page = ({\n activeClassNames = 'btn btn-circle bg-blue-500 hover:bg-blue-600 text-white',\n inactiveClassNames = 'btn btn-circle bg-transparent hover:bg-grey-200 text-grey-900 dark:text-white',\n children,\n active = false,\n onClick\n}) => {\n if (active) {\n return (\n \n )\n }\n return (\n \n )\n}\n\nexport const Pages = ({items, active, onClick}) => (\n <>\n {items.map(i => (\n {label}
}\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && (typeof hint === 'string' ? : {hint}
)}\n \n {previous && {previous} }\n {next} }\n
\n )\n }\n return (\n \n {previous && {previous} }\n {next} }\n
\n )\n}\n\nPagination.propTypes = {\n items: PropTypes.array.isRequired,\n active: PropTypes.number.isRequired,\n previous: PropTypes.any.isRequired,\n next: PropTypes.any.isRequired,\n icons: PropTypes.bool\n}\n","import React, {useState, useMemo, useEffect, useCallback, useRef} from 'react'\nimport {useTable, useSortBy, usePagination, useRowSelect} from 'react-table'\nimport {PageWithText} from './../pagination'\nimport {FiChevronDown, FiChevronUp} from 'react-icons/fi'\nimport {OverlayLoader} from './../loader'\nimport {useHistory, useLocation, useRouteMatch} from \"react-router-dom\";\nimport qs from \"qs\";\nimport {useTranslation} from \"react-i18next\";\nimport {FiEdit, FiTrash2} from 'react-icons/fi'\n\n\nexport const HeaderSmall = ({title, className = ''})=>{\n return (\n {title}\n )\n}\n\nconst IndeterminateCheckbox = React.forwardRef(\n ({indeterminate, ...rest}, ref) => {\n const defaultRef = React.useRef()\n const resolvedRef = ref || defaultRef\n\n useEffect(() => {\n resolvedRef.current.indeterminate = indeterminate\n }, [resolvedRef, indeterminate])\n\n return (\n | \n \n {column.render('Header')}\n {/* Add a sort direction indicator */}\n \n {column.isSorted ? (\n column.isSortedDesc ? (\n \n | \n ))}\n
|---|
| {cell.render('Cell')} | \n })}\n
\n {\n setPageSize(Number(e.target.value))\n }}>\n {pageSizes.map(pageSize => (\n \n ))}\n \n
\n \n {pageIndex !== 0 && (\n gotoPage(0)}>First \n )}\n {canPreviousPage && (\n previousPage()}>Previous \n )}\n {canNextPage && (\n nextPage()} disabled={!canNextPage}>\n Next\n \n )}\n {pageIndex !== pageCount - 1 && (\n gotoPage(pageCount - 1)}\n disabled={!canNextPage}>\n Last\n \n )}\n
\n\n \n Page{' '}\n {pageIndex + 1} of {pageOptions.length}{' '}\n \n\n \n {columns?.map(({content, flex = 'initial', className}, idx, allColumns)=>{\n return (\n
\n )\n}\n\nFlexGrid.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.shape({\n content: PropTypes.oneOfType([PropTypes.array, PropTypes.element]),\n flex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n className: PropTypes.string,\n })),\n}\n\n","import { useHistory } from 'react-router-dom'\nimport React from \"react\";\n\nexport function LinkButton({to, title, icon, target, onClick, ...rest}) {\n const { push } = useHistory()\n return (\n \n )\n}\n\nexport function Button({children, size = Button.SIZE.DEFAULT, icon: Icon, style = Button.STYLE.GHOST_BLUE, className = '', ...rest}){\n return (\n \n {Icon && \n {content}\n
\n )\n })}\n \n
\n \n
\n {icon}
\n \n
\n {title}
\n {description && {description}
}\n\n {body}\n \n
\n }\n {...rest}\n />\n )\n}\n\n\n","\n\nexport const FINANCE = {\n TYPE: {\n TOPUP: \"topup\",\n SUBSCRIPTION_RENEWAL: \"subscription_renewal\",\n REFUND: 'refund',\n REFERRAL_BONUS: 'referral_bonus',\n WITHDRAW: 'withdraw',\n SALARY: 'salary',\n DIVIDENDS: 'dividends',\n },\n STATUS: {\n IN_PROGRESS: 1,\n COMPLETED: 2,\n ERROR: 3,\n }\n}\n\nexport const SUBSCRIPTION = {\n STATUS: {\n DISABLED: 0,\n ACTIVE: 1,\n },\n}\n\nexport const DOMAIN = {\n STATUS: {\n EXPIRED: 4,\n ERROR: 3,\n ACTIVE: 2,\n WAITING_TRANSFER: 1,\n NEW: 0,\n },\n POINT_TYPE: {\n NS: 'ns',\n CNAME: 'cname',\n },\n\n}\n\nexport const AD_CAMPAIGN = {\n CATEGORY: {\n GAMBLING: 'gambling',\n DATING: 'dating',\n OTHER: 'other',\n }\n}\n\nexport const APP = {\n TYPE: {\n PWA_UNIVERSAL_LINK: 'pwa_uni_link',\n CLOAK: 'cloak',\n PWA: 'pwa',\n PWA_ALL: 'pwa_all',\n ANDROID: 'android',\n IOS: 'ios',\n },\n ENGINE: {\n GP_ENGINE_1: 'gp_engine_1',\n GP_ENGINE_2: 'gp_engine_2', //flutter\n GP_ENGINE_3: 'gp_engine_3', //React Native\n\n IOS_ENGINE_1: 'ios_engine_1', //flutter\n IOS_ENGINE_2: 'ios_engine_2', //React Native\n },\n STATUS: {\n STATUS_WAITING: 0,\n STATUS_SUCCESS: 1,\n STATUS_ERROR: 2,\n },\n BUILD: {\n STATUS_NOT_BUILDED: 0,\n STATUS_WAITING: 1,\n STATUS_SUCCESS: 2,\n STATUS_ERROR: 3,\n SETTINGS_TYPES: [\n 'hideurl', 'smartlook', 'lognavurls', 'onesignal',\n 'appmetrica', 'installref', 'facebook', 'appsflyer', 'adjust'\n ]\n },\n IDLE: {\n IDLE_7DAYS: 'idle_7d',\n IDLE_30DAYS: 'idle_30d',\n IDLE_60DAYS: 'idle_60d',\n IDLE_90DAYS: 'idle_90d',\n },\n PUSH_TYPE: {\n EXTERNAL: 'external',\n INTERNAL: 'internal',\n }\n}\n\nexport const VISIT_TYPE = {\n LANDING: 'landing',\n APP: 'app',\n WHITEPAGE: 'whitepage',\n BROWSER_ID: 'browserid',\n}\n\nexport const POSTBACK_EVENT = {\n INSTALL: 'install',\n REG: 'reg',\n FIRST_DEPOSIT: 'first_deposit',\n DEPOSIT: 'deposit',\n SUBSCRIBE: 'subscribe',\n PUSH_SUBSCRIBE: 'push_subscribe',\n LOG: 'log',\n}\n\nexport const POSTBACK_RECEIVED = {\n YES: 'yes',\n NO: 'no',\n}\n\nexport const PUSH_NEWSLETTER = {\n TYPE: {\n ONCE: 'once',\n PERIODICAL: 'periodical',\n BY_ACTION: 'by_action',\n },\n TIME_PERIOD: {\n MINUTE: 'minute',\n HOUR: 'hour',\n DAY: 'day',\n MONTH: 'month',\n },\n STATUS: {\n ACTIVE: 'active',\n INACTIVE: 'inactive',\n },\n}\n\nexport const WARMINGUP = {\n TYPE: {\n PIXEL_ID: 'pixelid',\n FBAPP_ID: 'fbappid',\n },\n STATUS: {\n IDLE: 0,\n IN_PROGRESS: 1,\n COMPLETED: 2,\n ERROR: 3,\n },\n}\n\nexport const WHITEPAGE = {\n TYPE: {\n FILE: 'file',\n URL: 'url',\n ADCAMPAGN: 'adcampaign',\n TEMPLATE: 'template',\n ERROR_404: 'error_404'\n },\n TEMPLATE: {\n GOOGLEPLAY: 'googleplay',\n APP_V1: 'app1',\n },\n}\n\nexport const PRELAND = {\n TYPE: {\n DISABLED: 'disabled',\n FILE: 'file',\n ADCAMPAGN: 'adcampaign',\n },\n}\n\nexport const LOCALE = {\n FROM: {\n BROWSER: 'browser',\n IP: 'ip'\n }\n}\n\nexport const OBFUSCATION_TYPE = {\n OBFUSCATION_TYPE_NO: 'no',\n OBFUSCATION_TYPE_OBFUSCAPK: 'obfuscapk',\n OBFUSCATION_TYPE_DASHO: 'dasho',\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Widget = ({title = null, description = null, right = null, children, titleUppercase, className = ''}) => {\n return (\n \n
\n \n
\n \n {(title || description || right) && (\n
\n )\n}\n\nWidget.propTypes = {\n title: PropTypes.any,\n titleUppercase: PropTypes.bool,\n description: PropTypes.any,\n right: PropTypes.any,\n children: PropTypes.any\n}\nexport default Widget\n","var map = {\n\t\"./pages/\": [\n\t\t277\n\t],\n\t\"./pages/adcampaigns/\": [\n\t\t630,\n\t\t6\n\t],\n\t\"./pages/admin/finance/\": [\n\t\t640,\n\t\t1,\n\t\t9\n\t],\n\t\"./pages/admin/roles/\": [\n\t\t631,\n\t\t16\n\t],\n\t\"./pages/admin/settings/\": [\n\t\t641,\n\t\t23\n\t],\n\t\"./pages/admin/subscriptions/\": [\n\t\t632,\n\t\t17\n\t],\n\t\"./pages/admin/users/\": [\n\t\t633,\n\t\t18\n\t],\n\t\"./pages/apps/\": [\n\t\t628,\n\t\t0,\n\t\t2,\n\t\t19\n\t],\n\t\"./pages/apps/tabs/\": [\n\t\t627,\n\t\t2,\n\t\t22\n\t],\n\t\"./pages/dashboard/\": [\n\t\t189\n\t],\n\t\"./pages/domains/\": [\n\t\t634,\n\t\t7\n\t],\n\t\"./pages/extservices/\": [\n\t\t635,\n\t\t20\n\t],\n\t\"./pages/farm/accounts/\": [\n\t\t636,\n\t\t10\n\t],\n\t\"./pages/finance/\": [\n\t\t642,\n\t\t15\n\t],\n\t\"./pages/list/gpcomments/\": [\n\t\t643,\n\t\t11\n\t],\n\t\"./pages/list/gpusers/\": [\n\t\t644,\n\t\t12\n\t],\n\t\"./pages/push/newsletters/\": [\n\t\t637,\n\t\t1,\n\t\t25,\n\t\t14\n\t],\n\t\"./pages/statistics/\": [\n\t\t629,\n\t\t0,\n\t\t24\n\t],\n\t\"./pages/teams/\": [\n\t\t638,\n\t\t21\n\t],\n\t\"./pages/user/\": [\n\t\t645,\n\t\t8\n\t],\n\t\"./pages/utils/warmingup/\": [\n\t\t639,\n\t\t13\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(1).map(__webpack_require__.e)).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 618;\nmodule.exports = webpackAsyncContext;","import React from 'react'\n\nconst Empty = ({children}) => {\n return <>{children}\n}\n\nexport default Empty\n","import React, {useState} from 'react'\nimport {useLocation} from 'react-router-dom'\nimport {Link} from 'react-router-dom'\nimport {\n FiChevronRight,\n} from 'react-icons/fi'\nimport {useTranslation} from \"react-i18next\";\n\nconst Item = ({url, icon, title, badge, items}) => {\n const {t} = useTranslation();\n const [hidden, setHidden] = useState(true)\n let location = useLocation()\n let {pathname} = {...location}\n let active = pathname === url\n if(pathname === '/' && url === '/dashboard') {\n active = true\n }\n if(pathname === '/' && url !== '/dashboard') {\n active = false\n }\n if (items.length === 0) {\n return (\n \n {icon}\n {t(title)}\n \n )\n }\n return (\n \n
\n )}\n {children}\n \n
\n {right}\n {title}
\n {description}
\n \n \n {/**/}\n \n dispatch({\n type: 'SET_CONFIG_KEY',\n key: 'collapsed',\n value: !collapsed\n })\n }\n className=\"ml-auto mr-4 block lg:hidden\">\n \n \n
\n )\n}\n\nexport default Logo\n","import React from 'react'\nimport {useSelector, shallowEqual} from 'react-redux'\nimport Item from './item'\nimport Logo from './logo'\nimport './styles.css'\nimport {useTranslation} from \"react-i18next\";\n\nconst Sidebar = () => {\n const {t} = useTranslation();\n const {navigationMenu} = useSelector(\n (state) => ({\n navigationMenu: state.navigationMenu\n }),\n shallowEqual\n )\n return (\n \n
\n )\n}\n\nexport default Sidebar\n","import React, {useContext, useState} from 'react'\nimport {Link} from 'react-router-dom'\nimport {FiUser, FiLogIn} from 'react-icons/fi'\nimport {UserAction} from \"../../redux/reducers/user\";\nimport {useDispatch} from \"react-redux\";\nimport {RiMoneyDollarCircleLine} from \"react-icons/ri\";\nimport {ModalTopUp} from \"../modals\";\nimport {useAppSelector} from \"../../redux/store\";\n\nconst AccountLinks = () => {\n const dispatch = useDispatch();\n const {settings} = useAppSelector();\n const [isTopUpModalVisible, setTopUpModalVisible] = useState(false)\n const items = [\n settings.monetization_active && {\n url: '#',\n icon: \n
\n ))}\n \n {t(menu.title)}\n
\n - \n {menu.items.map((l0, a) => (\n
- \n
- \n
- \n {l0.items.map((l1, b) => (\n
- \n
- \n
- \n {l1.items.map((l2, c) => (\n
- \n
- \n
- \n {l2.items.map((l3, d) => (\n
- \n
- \n
- \n {l3.items.map((l4, e) => (\n
- \n
- \n
\n ))}\n
\n ))}\n
\n ))}\n
\n ))}\n
\n ))}\n
\n setTopUpModalVisible(false)}\n // onConfirm={onTeamSubscriptionUpdated}\n />\n
\n )\n}\n\nexport default AccountLinks\n","import React, {useState, useEffect, useRef, useMemo, useCallback} from 'react'\nimport {usePopper} from 'react-popper'\nimport AccountLinks from './account-links'\nimport {useAppSelector} from \"../../redux/store\";\nimport {getAvatar} from \"../../redux/reducers/user\";\n\nconst Dropdown = () => {\n const {user, settings} = useAppSelector()\n const [hidden, setHidden] = useState(true)\n\n const avatar = useMemo(() => {\n return getAvatar(user);\n }, [user]);\n\n const buttonRef = useRef(null)\n const dropdownRef = useRef(null)\n\n const {styles, attributes} = usePopper(\n buttonRef.current,\n dropdownRef.current,\n {\n placement: 'bottom-end',\n modifiers: [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [100, 0]\n // offset: ({ placement, reference, popper }) => {\n // return [popper.width, 0];\n // },\n }\n }\n ]\n }\n )\n\n const handleClickOutside = useCallback((event) => {\n if(buttonRef.current.contains(event.target)) return false;\n\n if(!hidden &&\n ((!buttonRef.current.contains(event.target) && !dropdownRef.current.contains(event.target))\n || dropdownRef.current.contains(event.target))\n ){\n setTimeout(()=>setHidden(true), 300);\n }\n }, [hidden, dropdownRef, buttonRef])\n\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside)\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [handleClickOutside])\n\n const handleDropdownClick = () => {\n setHidden(!hidden)\n }\n\n let popper = useMemo(()=>{\n if(!styles.popper) return styles.popper;\n return {\n ...styles.popper,\n transform: '',\n top: '60px',\n right: 0,\n left: 'auto'\n }\n\n return styles.popper;\n }, [styles.popper])\n\n return (\n - \n {items.filter(item => item).map((item, i) => (\n
- \n
\n \n {/**/}\n \n */}\n {/* 2*/}\n {/* */}\n
\n \n )\n}\n\nexport default Dropdown\n","import React from 'react'\nimport {useSelector, useDispatch, shallowEqual} from 'react-redux'\nimport {FiMenu, FiUserPlus} from 'react-icons/fi'\nimport {FaTelegram} from 'react-icons/fa'\nimport Dropdown5 from './dropdown-5'\nimport './styles.css'\nimport {useTranslation} from \"react-i18next\";\nimport {useAppSelector} from \"../../redux/store\";\nimport {MdHelpOutline, MdOutlineHelp} from \"react-icons/md\";\n\nconst Navbar = () => {\n const {t} = useTranslation();\n const {collapsed} = useSelector(\n state => ({\n collapsed: state.uiConfig.collapsed\n }),\n shallowEqual\n )\n const {settings} = useAppSelector();\n\n const dispatch = useDispatch()\n return (\n \n {user.name}\n {settings.monetization_active && ${user.balance}}\n
\n \n \n \n \n
\n \n
\n \n
\n )\n}\n\nexport default Navbar\n","import React from 'react'\nimport {useSelector, shallowEqual} from 'react-redux'\nimport './styles.css'\n\nconst Backdrop = () => {\n const {uiConfig} = useSelector(\n (state) => ({\n config: state.uiConfig\n }),\n shallowEqual\n )\n let {backdrop} = {...uiConfig}\n\n return \n}\n\nexport default Backdrop\n","import React from 'react'\nimport {useSelector, shallowEqual} from 'react-redux'\nimport {NotificationContainer} from 'react-notifications'\nimport {NavigationLoader} from './../../components/loader'\nimport LeftSidebar from './../../components/left-sidebar'\nimport Navbar from './../../components/navbar'\nimport Backdrop from './../../components/backdrop'\n\nimport './styles.css'\n\nconst Main = ({children}) => {\n const {uiConfig} = useSelector(\n (state) => ({\n uiConfig: state.uiConfig,\n }),\n shallowEqual\n )\n const {layout, collapsed, backgroundTheme, navbarTheme, leftSidebarTheme} = {...uiConfig}\n\n return (\n \n \n dispatch({\n type: 'SET_CONFIG_KEY',\n key: 'collapsed',\n value: !collapsed\n })\n }\n className=\"mx-4\">\n \n \n \n\n {settings.news_tg_channel && \n
\n \n
\n \n )\n}\nexport default Main\n","import React from 'react'\nimport {useLocation} from 'react-router-dom'\nimport Centered from './centered'\nimport Empty from './empty'\nimport Main from './main/index'\n\nconst Layouts = ({children}) => {\n let location = useLocation()\n let {pathname} = {...location}\n // let regExp = /^\\/(auth|error-page)/g;\n if (/^\\/(auth|error-page)/g.test(pathname)) {\n return \n
\n {children}
\n Something went wrong.
;\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n","import React, {useState, Suspense, useEffect} from 'react'\nimport {BrowserRouter as Router} from 'react-router-dom'\nimport {SWRConfig} from 'swr'\nimport { ToastProvider } from 'react-toast-notifications';\nimport Layouts from './layouts'\nimport Routes from './routes'\nimport './css/tailwind.css'\nimport './css/animate.css'\nimport './css/main.css'\nimport './css/_components.css'\nimport {useDispatch} from \"react-redux\";\nimport {UserAction} from \"./redux/reducers/user\";\nimport ErrorBoundary from \"./components/error.boundary\";\nimport {SettingsAction} from \"./redux/reducers/settings\";\nimport {Loader} from \"./components/loader\";\nimport {useCookies} from \"react-cookie\";\nimport qs from \"qs\";\n\n\nconst Wrapper = ({children}) => {\n return (\n\n
;\n }\n\n return (\n \n }\n
\n Team name: {team?.title}
\n\n {!isLoading &&\n \n \n
\n\n \n USDT (TRC20)
\n \n {[200,500,1000,2500].map((amount, idx)=>{\n return updateFieldAmount(amount, e)}>${amount}\n })}\n
,\n },\n ], [formRef]);\n\n const onSubmit = (formData, setError, setAlerts) => {\n return Api.getCSRFCookie().then(() => Api.paymentTopUp(formData.currency, formData.amount));\n }\n\n return (\n <>\n \n \n
\n\n \n USDT (TRC20)
\n \n\n {expireMinutes <= 0 && !isStaticAddress ?
\n )\n}\n\nexport const ModalTopUp = ({\n onConfirm,\n ...rest\n }) => {\n const {t} = useTranslation();\n const [payment, setPayment] = useState(false);\n\n const onPaymentCreated = useCallback((_payment)=>{\n setPayment(_payment);\n }, [])\n\n useEffect(()=>{\n setPayment(false);\n }, [rest.isOpen])\n\n return (\n \n {t(`modal.topup.payment_expired`)}\n
\n :\n \n
}\n \n
\n {!isStaticAddress &&\n \n
\n\n {!isStaticAddress && expireMinutes &&\n \n
\n \n {isStaticAddress ? t(`modal.getwallet.static_wallet_description`) : t(`form.field.amount`)}\n
\n \n {payAmount} {payCurrency}\n
\n \n
\n \n {t(`modal.topup.send_to_address`)}\n
\n \n copyToClipboard(payAddress)} />\n
\n \n copyToClipboard(payAddress)}>\n {payAddress}\n
\n \n {expireMinutes}\n \n {t(`modal.topup.minutes_to_expire`)}\n \n
}\n \n
}\n {order?.data?.payment_status || payStatus}
\n {order?.status === FINANCE.STATUS.IN_PROGRESS && \n\n {payment ?
\n }\n {...rest}\n />\n )\n}\n\n\n","import {useTranslation} from \"react-i18next\";\nimport {FiX} from \"react-icons/fi\";\nimport React, {useCallback, useState} from \"react\";\nimport {ModalConfirm} from \"./modal.confirm\";\nimport {MdCreditScore} from \"react-icons/md\";\nimport Api, {API_ERROR} from \"../../service/api\";\nimport Alert from \"../alert\";\nimport {useToasts} from \"react-toast-notifications\";\nimport {Button} from \"../button\";\nimport {ModalTopUp} from \"./modal.topup\";\nimport {useDispatch} from \"react-redux\";\nimport {SettingsAction} from \"../../redux/reducers/settings\";\nimport {UserAction} from \"../../redux/reducers/user\";\nimport {useAppSelector} from \"../../redux/store\";\n\n\nexport const ModalSubscriptionRenew = ({teamId, subscriptionTitle, subscriptionPrice, onConfirm, ...rest}) => {\n const {t} = useTranslation();\n const {settings} = useAppSelector()\n const { addToast } = useToasts()\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(false);\n const [isTopUpModalVisible, setTopUpModalVisible] = useState(false)\n const dispatch = useDispatch()\n\n const _onConfirm = useCallback(async ()=>{\n setIsLoading(true);\n setError(false);\n try{\n let result = await Api.paymentRenewSubscription(teamId);\n\n dispatch(UserAction.loadUserInfo());\n\n addToast(t(`modal.subscriptionrenew.renewal_success`, {endDate: result?.subscription?.date_end}), {\n appearance: 'success',\n autoDismiss: true,\n })\n onConfirm && onConfirm();\n }catch(e){\n setError(e);\n console.log(`paymentRenewSubscription Error `, e);\n }\n setIsLoading(false);\n }, [onConfirm])\n\n return (\n \n\n {error &&\n
\n }\n buttonTitle={t('modal.subscriptionrenew.button_confirm')}\n buttonClassName=\"btn btn-default btn-rounded bg-blue-500 hover:bg-blue-600 text-white\"\n {...rest}\n onConfirm={_onConfirm}\n />\n )\n}\n","import useSWR, {useSWRConfig} from 'swr'\nimport {useEffect} from \"react\";\nimport Api from \"./api\";\n\nconst fetcher = (url, params) => Api.get(url, params)\n\n// const fetcher = (...args) => fetch(...args).then(res => res.json())\n\nexport function useRevalidate() {\n const { cache, mutate } = useSWRConfig();\n\n return (path) => {\n const pattern = new RegExp(path);\n for (const key of cache.keys()) {\n if(pattern.test(key)) mutate(key);\n }\n }\n}\n\nexport function useDashboard () {\n const { data, error, mutate } = useSWR(`/api/panel/statistics/dashboard`, fetcher)\n\n return {\n dashboard: data,\n isLoading: !error && !data,\n isError: error,\n mutate\n }\n}\n\nexport function usePaymentOrder (orderId, isRefresh = false) {\n const { data, error, mutate } = useSWR(orderId ? `/api/panel/payment/order/${orderId}` : null, fetcher, {\n refreshInterval: isRefresh ? 5 * 1000 : 0,\n })\n\n return {\n order: data,\n isLoading: !error && !data,\n isError: error,\n mutate\n }\n}\n\nexport function useProjectFinance () {\n const { data, error, mutate } = useSWR(`/api/panel/project/finance`, fetcher, {\n refreshInterval: 5 * 60 * 1000,\n })\n\n return {\n data: data,\n isLoading: !error && !data,\n isError: error,\n mutate\n }\n}\n\nexport function usePushSubscriptionStats () {\n const { data, error, mutate } = useSWR(`/api/panel/push/stats`, fetcher, {\n refreshInterval: 5 * 60 * 1000,\n })\n\n return {\n data: data,\n isLoading: !error && !data,\n isError: error,\n mutate\n }\n}\n","import {__DEV__} from \"../config/debug.config\";\nimport {store} from \"../redux/store\";\nimport {UserAction} from \"../redux/reducers/user\";\n\nconst axios = require('axios');\nconst qs = require('qs');\n\n\nexport class ApiError extends Error {\n constructor(code, ...args) {\n super(...args)\n\n this.code = code;\n }\n}\n\nexport const API_ERROR = {\n //Auth errors\n UNAUTHENTICATED: 100,\n\n NOT_ENOUGH_FUNDS: 201,\n\n\n //Server errors\n INTERNAL_SERVER_ERROR: 500,\n}\n\nfunction ApiCache (){\n this.cache = {}\n\n this.getTimeNow = ()=> Date.now()\n\n this.set = (key, data, lifeTime)=>{\n if(!lifeTime) lifeTime = 5 * 60;\n lifeTime = lifeTime * 1000;\n this.cache[key] = {data, time: this.getTimeNow()+lifeTime}\n }\n\n this.get = (key)=>{\n if(!this.cache[key] || this.cache[key].time < this.getTimeNow()) return false;\n return this.cache[key].data;\n }\n\n this.clear = (key)=>{\n delete this.cache[key];\n }\n}\n\nfunction buildFormData(formData, data, parentKey) {\n if (data && typeof data === 'object' && !(data instanceof Date) && !(data instanceof File)) {\n Object.keys(data).forEach(key => {\n if(key.includes('_raw')) return;\n buildFormData(formData, data[key], parentKey ? `${parentKey}[${key}]` : key);\n });\n } else {\n const value = data == null ? '' : data;\n formData.append(parentKey, value);\n }\n}\n\nfunction clearRAWFromParams(params){\n if(!params) return params;\n let newParams = {};\n Object.keys(params).forEach(key => {\n if(key.includes('_raw')) return;\n if(typeof params[key] === 'object' && !params[key].length){\n newParams[key] = clearRAWFromParams(params[key])\n }else{\n newParams[key] = params[key];\n }\n });\n return newParams;\n}\n\n// our \"constructor\"\nconst create = (baseURL = document.location.protocol + '//api-' + document.location.hostname ) => {\n\n let apiCache = new ApiCache();\n\n const api = axios.create({\n baseURL: baseURL,\n responseType: \"json\",\n headers: {\n \"X-Requested-With\": \"XMLHttpRequest\",\n },\n // timeout: 60000,\n });\n\n const makeRequest = (method, path, params = null, withCache = false, cacheLifeTime = false) => {\n let cacheKey = path + (params ? '_' + JSON.stringify(params) : '');\n // console.log('cacheKey', cacheKey);\n if(withCache){\n let data = apiCache.get(cacheKey);\n if(data) return Promise.resolve(data);\n }\n\n let props = {};\n if(method === 'get'){\n props.paramsSerializer = params => {\n return qs.stringify(params)\n }\n props.params = params ? clearRAWFromParams(params) : params;\n }else{\n const formData = new FormData();\n if(params) buildFormData(formData, params);\n props.data = formData;\n props.headers = {\n 'Content-Type': 'multipart/form-data'\n };\n }\n\n return api({\n method: method,\n url: path,\n withCredentials: true,\n\n ...props,\n // paramsSerializer: params => {\n // return qs.stringify(params)\n // }\n // ...method === 'get' ? {params} : {data:params}\n }).then((response) => {\n console.log('api.response', response);\n if (!response) {\n return Promise.reject();\n }\n\n if (response.data && response.data.error) {\n if(API_ERROR.UNAUTHENTICATED === parseInt(response.data.error.code)){\n store.dispatch(UserAction.logoutClientOnly());\n }\n return Promise.reject(response.data.error)\n }\n\n if(withCache) apiCache.set(cacheKey, response.data, cacheLifeTime);\n return Promise.resolve(response.data);\n });\n }\n\n\n // const getEncodedGetParams = function(obj, prefix) {\n // let str = [], p;\n // for(p in obj) {\n // if (obj.hasOwnProperty(p)) {\n // let k = prefix ? prefix + \"[\" + p + \"]\" : p, v = obj[p];\n // str.push((v !== null && typeof v === \"object\") ?\n // getEncodedGetParams(v, k) :\n // encodeURIComponent(k) + \"=\" + encodeURIComponent(v));\n // }\n // }\n // return str.join(\"&\");\n // }\n\n // const makeRequest = (path, params = null) => {\n // //return api.get(path, params).then((response)=>{\n // return api.post(path, getEncodedGetParams(params)).then((response)=>{\n // if (!response.ok){\n // return Promise.reject(new Error( response.problem+' error' ));\n // }\n //\n // if(!response.data || !response.data.status || response.data.status !== 'ok') {\n // console.warn('API error', response);\n // let error = new ApiError(response.data.error.code, response.data.error.message || 'standart error');\n // error.fieldName = response.data.error.field_name;\n // error.fieldValue = response.data.error.field_value;\n // return Promise.reject(error);\n // }\n // // console.warn('response', response.data.data);\n // return Promise.resolve(response.data.data);\n // })\n // }\n\n\n return {\n api: api,\n\n get: (path, params) => {\n return makeRequest('get', path, params);\n },\n\n getCSRFCookie: () => {\n // return Promise.resolve();\n // return makeRequest('get', '/sanctum/csrf-cookie');\n return makeRequest('get', '/api/panel/info/ping');\n },\n\n signUp: (data) => {\n return makeRequest('post', '/api/panel/auth/signup', data);\n },\n\n signIn: (email, password) => {\n return makeRequest('post', '/api/panel/auth/signin', {email, password});\n },\n\n logout: () => {\n return makeRequest('get', '/api/panel/auth/logout', {});\n },\n\n forgotPassword: (email) => {\n return makeRequest('post', '/api/panel/auth/forgot-password', {email});\n },\n\n resetPassword: (email, token, password, password_confirmation) => {\n return makeRequest('post', '/api/panel/auth/reset-password', {\n email,\n token,\n password,\n password_confirmation\n });\n },\n\n getUserInfo: () => {\n return makeRequest('get', '/api/panel/user/info', {});\n },\n\n profileUpdate: (data) => {\n return makeRequest('post', '/api/panel/user/profile/update', data);\n },\n\n promoCodeUpdate: (code) => {\n return makeRequest('post', '/api/panel/user/promocode/update', {code});\n },\n\n cloneApps: (appId, teamId, newApps) => {\n return makeRequest('post', '/api/panel/clone/pwa', {\n app_id: appId,\n team_id: teamId,\n newapps: newApps\n });\n },\n\n getStatisticsDashboard: () => {\n return makeRequest('get', '/api/panel/statistics/dashboard', {}, true);\n },\n getStatisticsAppVisitPlatforms: ({appId}) => {\n return makeRequest('get', '/api/panel/statistics/app/visitplatforms', {\n app_id: appId\n }, true);\n },\n getStatisticsAppQueryParams: ({appId}) => {\n return makeRequest('get', '/api/panel/statistics/app/queryparams', {\n app_id: appId\n }, true);\n },\n getStatisticsTop100: (pageIndex, pageSize, sortBy, filter, withCache = true) => {\n return makeRequest('get', '/api/panel/statistics/top100', {\n page: pageIndex,\n limit: pageSize,\n sort: sortBy,\n filter: filter\n }, withCache);\n },\n getStatisticsTeams: (pageIndex, pageSize, sortBy, filter, withCache = true) => {\n return makeRequest('get', '/api/panel/statistics/teams', {\n page: pageIndex,\n limit: pageSize,\n sort: sortBy,\n filter: filter\n }, withCache);\n },\n getStatisticsAppSummary: (appId, pageIndex, pageSize, sortBy, filter, withCache = false) => {\n return makeRequest('get', '/api/panel/statistics/app/summary', {\n app_id: appId,\n page: pageIndex,\n limit: pageSize,\n sort: sortBy,\n filter: filter\n }, withCache);\n },\n getStatisticsAppPostbacks: (appId, pageIndex, pageSize, sortBy, filter, withCache = false) => {\n return makeRequest('get', '/api/panel/statistics/app/postbacks', {\n app_id: appId,\n page: pageIndex,\n limit: pageSize,\n sort: sortBy,\n filter\n }, withCache);\n },\n getStatisticsAppLog: (appId, pageIndex, pageSize, sortBy, filter, withCache = false) => {\n return makeRequest('get', '/api/panel/statistics/app/log', {\n app_id: appId,\n page: pageIndex,\n limit: pageSize,\n sort: sortBy,\n filter\n }, withCache);\n },\n getStatisticsGeneral: (filter, withCache = false) => {\n return makeRequest('get', '/api/panel/statistics/general', {filter}, withCache);\n },\n\n getResourceList: (resource, pageIndex, pageSize, sortBy, filter, withCache = false) => {\n return makeRequest('get', `/api/panel/res/${resource}/list`, {\n page: pageIndex,\n limit: pageSize,\n sort: sortBy,\n filter\n }, withCache);\n },\n\n getResource: (resource, resId, withCache = false) => {\n return makeRequest('get', `/api/panel/res/${resource}/id/${resId}`, {}, withCache);\n },\n\n resourceUpdate: (resource, formData) => {\n return makeRequest('post', `/api/panel/res/${resource}/update`, formData);\n },\n\n resourceAction: (resource, action, formData) => {\n return makeRequest('post', `/api/panel/res/${resource}/action/${action}`, formData);\n },\n\n resourceDelete: (resource, id, customDeleteOptions = {}) => {\n return makeRequest('post', `/api/panel/res/${resource}/delete`, {id, ...customDeleteOptions});\n },\n\n resourceBulkDelete: (resource, ids, customDeleteOptions = {}) => {\n return makeRequest('post', `/api/panel/res/${resource}/bulkdelete`, {ids, ...customDeleteOptions});\n },\n\n getRoles: () => {\n return makeRequest('get', '/api/panel/info/roles', {});\n },\n\n getPermissions: () => {\n return makeRequest('get', '/api/panel/info/permissions', {});\n },\n\n getExternalServicesTypes: () => {\n return makeRequest('get', '/api/panel/info/extservicetypes', {}, true);\n },\n\n getExternalServicesByCategory: (category) => {\n return makeRequest('get', '/api/panel/info/extservices', {category});\n },\n\n getAdPlatforms: () => {\n return makeRequest('get', '/api/panel/info/adplatforms', {}, true);\n },\n\n getCountries: () => {\n return makeRequest('get', '/api/panel/info/countries', {}, true);\n },\n\n getLocales: () => {\n return makeRequest('get', '/api/panel/info/locales', {}, true);\n },\n\n getLocaleswithcountries: () => {\n return makeRequest('get', '/api/panel/info/localeswithcountries', {}, true);\n },\n\n getUrlMakerTypes: () => {\n return makeRequest('get', '/api/panel/info/urlmakertypes', {}, true);\n },\n\n getProxyTypes: () => {\n return makeRequest('get', '/api/panel/info/proxytypes', {}, true);\n },\n\n getOSPlatforms: () => {\n return makeRequest('get', '/api/panel/info/osplatforms', {}, true);\n },\n\n getLandings: () => {\n return makeRequest('get', '/api/panel/info/landings', {}, true);\n },\n\n getSettings: () => {\n return makeRequest('get', '/api/panel/info/settings', {}, true);\n },\n\n commentsGenerate: (category, lang, count) => {\n return makeRequest('get', '/api/panel/comments/generate', {\n category, lang, count\n }, false);\n },\n\n paymentTopUp: (currency, amount) => {\n return makeRequest('post', '/api/panel/payment/topup', {\n currency, amount\n }, false);\n },\n\n paymentGetWallet: (currency) => {\n return makeRequest('post', '/api/panel/payment/getwallet', {\n currency\n }, false);\n },\n\n paymentRenewSubscription: (teamId) => {\n return makeRequest('post', '/api/panel/payment/renew-subscription', {\n team_id: teamId\n }, false);\n },\n\n paymentWithdraw: (currency, amount, wallet) => {\n return makeRequest('post', '/api/panel/payment/withdraw', {\n currency, amount, wallet\n }, false);\n },\n paymentWithdrawAdmin: (currency, amount, wallet, reason) => {\n return makeRequest('post', '/api/panel/payment/withdraw-admin', {\n currency, amount, wallet, reason\n }, false);\n },\n distributeDividends: () => {\n return makeRequest('get', '/api/panel/project/finance/distributedividends', {\n }, false);\n },\n\n getProjectSettings: () => {\n return makeRequest('get', `/api/panel/project/settings`, {}, false);\n },\n\n updateProjectSettings: (formData) => {\n return makeRequest('post', `/api/panel/project/settings/update`, formData);\n },\n\n clonePushNewsletter: (id) => {\n return makeRequest('post', '/api/panel/clone/pushnewsletter', {\n id,\n });\n },\n\n }\n}\n\nexport default create()\n\n","import React, {useEffect, useState, useCallback} from 'react'\nimport PropTypes from 'prop-types'\nimport {useTranslation} from \"react-i18next\";\nimport { JSHINT } from \"jshint\";\nimport {Controlled as _CodeMirror} from 'react-codemirror2'\nimport 'codemirror/lib/codemirror.css';\nimport 'codemirror/theme/dracula.css';\nimport 'codemirror/mode/xml/xml.js';\nimport 'codemirror/mode/htmlmixed/htmlmixed.js';\nimport 'codemirror/mode/javascript/javascript.js';\n\nimport 'codemirror/addon/hint/show-hint.css'\nimport 'codemirror/addon/hint/javascript-hint'\nimport 'codemirror/addon/hint/html-hint'\n\nimport 'codemirror/addon/lint/lint.css'\nimport 'codemirror/addon/lint/lint'\nimport 'codemirror/addon/lint/javascript-lint'\n// import 'codemirror/addon/lint/html-lint'\n\nimport 'codemirror/addon/edit/closetag'\nimport 'codemirror/addon/edit/closebrackets'\nimport 'codemirror/addon/edit/matchtags'\nimport 'codemirror/addon/edit/matchbrackets'\nimport 'codemirror/addon/display/autorefresh'\n\nwindow.JSHINT = JSHINT;\n\nexport const CODEMIRROR = {\n MODE: {\n HTML: 'htmlmixed',\n JS: 'javascript'\n }\n}\n\nexport const CodeMirror = ({\n inline = false,\n label = '',\n defaultValue = '',\n hint = '',\n errorMessage = '',\n validMessage = '',\n onChange = false,\n mode = CODEMIRROR.MODE.HTML,\n css = {},\n ...rest\n }) => {\n const {t} = useTranslation();\n const [value, setValue] = useState(defaultValue)\n\n useEffect(()=>{\n setValue(defaultValue);\n }, [defaultValue])\n\n const _onChange = useCallback((editor, data, value) => {\n setValue(value);\n onChange && typeof onChange === 'function' && onChange(value);\n },\n [onChange]\n )\n\n return (\n \n \n {error?.message || `Unknown error`}\n\n {error?.code === API_ERROR.NOT_ENOUGH_FUNDS &&\n
}\n\n \n \n setTopUpModalVisible(false)}\n />\n
}\n \n \n
\n {settings.monetization_active && {t(`form.field.subscription`)}
\n {subscriptionTitle}
\n \n
}\n {t(`form.field.price`)}
\n ${subscriptionPrice}
\n \n
\n {t(`form.field.period.title`)}
\n {t('modal.subscriptionrenew.period.1month')}
\n \n
\n )\n}\nCodeMirror.propTypes = {\n inline: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n errorMessage: PropTypes.string,\n validMessage: PropTypes.string\n}\n","import {useState, useEffect, useRef} from 'react'\nimport {createPortal} from 'react-dom'\n\nconst Portal = ({children, selector}) => {\n const ref = useRef()\n const [mounted, setMounted] = useState(false)\n\n useEffect(() => {\n ref.current = document.querySelector(selector)\n setMounted(true)\n }, [selector])\n\n return mounted ? createPortal(children, ref.current) : null\n}\n\nexport default Portal\n","import React, {useState, useEffect, useRef} from 'react'\nimport {useSelector, shallowEqual} from 'react-redux'\nimport Portal from '../portal'\nimport {toRGB} from '../../helper/colors'\n\nfunction updateBodyFixed(isOpen){\n let body = document.querySelector('body');\n if(isOpen) {\n body.style.top = `-${window.scrollY}px`;\n body.classList.add('fixed')\n } else {\n body.classList.remove('fixed');\n window.scrollTo(0, parseInt(body.style.top || '0') * -1);\n body.style.top = ``;\n }\n}\n\nexport const Modal = ({\n className = '',\n isOpen,\n isModal = false,\n children,\n onClose,\n maxWidth = 'max-w-xs sm:max-w-sm lg:max-w-lg'\n }) => {\n const {backgroundTheme} = useSelector(\n (state) => ({\n backgroundTheme: state.uiConfig.backgroundTheme\n }),\n shallowEqual\n )\n\n const modalRef = useRef(null)\n\n useEffect(() => {\n if(isModal) return;\n const handleClickOutside = (event) => {\n if (!modalRef || !modalRef.current) return false\n if (!isOpen || modalRef.current.contains(event.target)) {\n return false\n }\n\n onClose && onClose(!isOpen)\n }\n document.addEventListener('mousedown', handleClickOutside)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen, modalRef])\n\n useEffect(()=>{\n updateBodyFixed(isOpen);\n return ()=>{\n updateBodyFixed(false);\n }\n }, [isOpen])\n\n if(!isOpen) return null;\n\n return (\n {label}
\n\n <_CodeMirror\n {...rest}\n value={value}\n options={{\n esversion: 6,\n gutters: [\"CodeMirror-lint-markers\"],\n mode: mode,\n theme: 'dracula',\n lineNumbers: true,\n lint: {esversion: 6},\n lineWrapping: true,\n spellcheck: true,\n autoRefresh: true,\n autoCloseTags: true,\n autoCloseBrackets: true,\n matchTags: true,\n matchBrackets: true,\n }}\n onBeforeChange={_onChange}\n onChange={(editor, data, value) => {\n }}\n />\n\n {errorMessage && (\n {errorMessage}
\n )}\n {validMessage && (\n {validMessage}
\n )}\n {hint && (typeof hint === 'string' ? : {hint}
)}\n \n {children}\n
\n \n \n \n
\n \n
\n {icon}
\n \n
\n {title}
\n {body}\n \n
\n }\n buttonTitle={t('modal.confirmdelete.button_confirm')}\n buttonClassName=\"btn btn-default btn-rounded bg-red-500 hover:bg-red-600 text-white\"\n {...rest}\n />\n )\n}\n\nexport const ModalConfirmDeleteDomains = ({onConfirm, itemIds, ...props}) => {\n const {t} = useTranslation();\n const [withApps, setWithApps] = useState(false)\n\n const _onConfirm = useCallback((e)=>{\n onConfirm && onConfirm(e, {withapps: withApps})\n }, [withApps, onConfirm])\n return (\n \n
\n \n setWithApps(isChecked)} />\n {withApps && \n {t(`modal.confirmdeletedomains.all_apps_willbe_deleted`, )}\n }\n
\n \n }\n onConfirm={_onConfirm} />\n )\n}\n\n\n","import PropTypes from 'prop-types'\nimport React, {useState} from 'react'\nimport {FiX} from 'react-icons/fi'\n\nconst Alert = ({\n outlined = false,\n raised = false,\n rounded = false,\n borderLeft = false,\n canHide = true,\n icon = null,\n size = 'default',\n color,\n children\n }) => {\n const [hidden, setHidden] = useState(false)\n let css = []\n css.push(color)\n if (outlined) css.push(`border border-current`)\n if (raised) css.push('shadow')\n if (rounded) css.push('rounded-lg')\n if (hidden) css.push('hidden')\n if (borderLeft) css.push('border-l-4 border-current')\n if (size === 'sm') {\n css.push('p-2')\n } else {\n css.push('p-4')\n }\n css = css.join(' ')\n return (\n \n
\n )\n}\n\nAlert.propTypes = {\n color: PropTypes.string,\n outlined: PropTypes.bool,\n raised: PropTypes.bool,\n rounded: PropTypes.bool,\n icon: PropTypes.any,\n children: PropTypes.any\n}\n\nexport default Alert\n\nexport const AlertInstruction = ({\n className,\n children,\n ...rest\n }) => {\n\n return (\n {icon}
\n {children}
\n \n {!canHide ?\n setHidden(!hidden)}>\n
\n