\n
\n \n {state?.activeCompany?.team_id !== item?.team_id && (\n {\n setState({ ...state, activeCompany: item });\n localStorage.setItem('active_company', index);\n cookies.set('active_company', index, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n history.push('/');\n }}\n >\n
\n )}\n \n ))}\n \n \n \n \n );\n};\n\nexport default Profile;\n","import React, { useState, useEffect, useContext } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport { getUser } from '../../utils/helpers';\nimport { AppContext } from '../../Store';\nimport Profile from './Profile';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst Header = ({ isLoggedIn }) => {\n const [state] = useContext(AppContext);\n const [userTeams, setUserTeams] = useState(state?.userTeams);\n\n useEffect(() => {\n if (state?.userTeams !== undefined) {\n setUserTeams(state?.userTeams);\n }\n }, [state]);\n\n if (getUser().access_token) isLoggedIn = true;\n const location = useLocation();\n\n return (\n <>\n \n
\n \n
\n \n {item?.user?.company}\n
\n \n \n
\n \n
\n \n );\n};\n\nexport default Header;\n","/* eslint-disable no-use-before-define */\nimport React, { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useQuery } from '@apollo/react-hooks';\nimport { getUser } from '../../utils/helpers';\nimport { GET_LANDING_PAGES } from '../../graphql';\nimport { useMediaPredicate } from 'react-media-hook';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst Footer = ({ withNoMargin = false }) => {\n const { data = { landingPages: [] } } = useQuery(GET_LANDING_PAGES);\n const { landingPages = [] } = data;\n\n const [hasLandingPages, setHasLandingPages] = useState(false);\n const [filteredLandingPages, setFilteredLandingPages] = useState([]);\n\n /** Checks Current ScreenWidth */\n const smallerThan992 = useMediaPredicate('(max-width: 992px)');\n\n useEffect(() => {\n if (landingPages !== undefined && landingPages.length > 0) {\n const present = landingPages.find((o) => o?.display_in_footer === 1);\n if (present !== undefined) {\n setHasLandingPages(true);\n setFilteredLandingPages(\n landingPages.filter((o) => o?.display_in_footer === 1)\n );\n } else {\n setHasLandingPages(false);\n }\n }\n }, [landingPages]);\n\n const styles = {\n containerStyles: {\n justifyContent: smallerThan992 ? 'space-evenly' : 'flex-start',\n },\n };\n\n const Links = ({ children, links, prefixUrlsToWeb: landingPages }) => {\n const url = (link) => {\n switch (true) {\n case landingPages:\n return `${process.env.REACT_APP_API_URL}/landing/${link.slug}`;\n default:\n return link.slug;\n }\n };\n\n return (\n <>\n {landingPages === true ? (\n \n ) : (\n \n )}\n \n );\n };\n\n return (\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n );\n};\n\nexport default Footer;\n\nconst Column = ({ children, title }) => (\n \n {title && (\n
\n);\n\nconst CompanyDeclaration = () => (\n <>\n \n \n {title}\n \n
\n )}\n \n \n © {new Date().getFullYear()} Liberty Hive.\n
\n All rights reserved.\n
\n
\n );\n};\n\nexport default StartSubscription;\n","import $ from 'jquery';\n\nexport const openAddOpportunityModal = () => {\n $('#confirm_new_opportunity').modal();\n};\n\nexport const openReasonModal = () => {\n $('#close_opportunity_modal').modal();\n};\n\nexport const openApplyOpportunityModal = () => {\n $('#confirm_apply_opportunity').modal();\n};\n\nexport const openHideApplicationModal = (id) => {\n $(`#confirm_hide_application_${id}`).modal();\n};\n\nexport const openProfileIncompleteModal = () => {\n $('#profile_incomplete').modal();\n};\n\nconst hideModal = () => {\n $('#close_opportunity_modal').modal('hide');\n $('#buy_credits_modal').modal('hide');\n $('#update_info_modal').modal('hide');\n $('#delete_account_modal').modal('hide');\n $('#confirm_new_opportunity').modal('hide');\n $('#add_qualification_modal').modal('hide');\n $('#edit_qualification_modal').modal('hide');\n $('#add_experience_modal').modal('hide');\n $('#edit_experience_modal').modal('hide');\n $('#confirm_apply_opportunity').modal('hide');\n $('#remove_modal').modal('hide');\n $('#profile_incomplete').modal('hide');\n $('#delete_member_modal').modal('hide');\n\n for (let i = 0; i < 50; i++) {\n $(`#confirm_hide_application_${i}`).modal('hide');\n }\n};\n\nexport default hideModal;\n","import React, { useState, useContext } from 'react';\nimport {\n CardNumberElement,\n CardExpiryElement,\n CardCvcElement,\n useStripe,\n useElements,\n} from '@stripe/react-stripe-js';\nimport { toast } from 'react-toastify';\nimport countryList from 'country-list';\nimport { useMutation } from '@apollo/react-hooks';\nimport hideModal from '../../styles/js/hideModal';\nimport { getUser } from '../../utils/helpers';\nimport { AppContext } from '../../Store';\nimport {\n UPDATE_PROFILE,\n UPDATE_TEAM_PROFILE,\n UPDATE_PAYMENT_METHOD,\n UPDATE_TEAM_PAYMENT_METHOD,\n} from '../../graphql';\n\nconst UpdatePaymentInfoModal = ({ show, onClose = null }) => {\n const [globalState] = useContext(AppContext);\n const countries = countryList\n .getData()\n .sort((a, b) => a.name.localeCompare(b.name));\n const stripe = useStripe();\n const elements = useElements();\n const [updateProfile] = useMutation(UPDATE_PROFILE);\n const [updatePaymentMethod] = useMutation(UPDATE_PAYMENT_METHOD);\n const [updateTeamProfile] = useMutation(UPDATE_TEAM_PROFILE);\n const [updateTeamPaymentMethod] = useMutation(UPDATE_TEAM_PAYMENT_METHOD);\n const [error, setError] = useState(null);\n const [loading, setLoading] = useState(false);\n const [cardComplete, setCardComplete] = useState(false);\n const [billingDetails, setBillingDetails] = useState({\n email: '',\n phone: '',\n name: '',\n address: {\n line1: '',\n line2: '',\n city: '',\n state: '',\n country: 'GB',\n },\n });\n const createOptions = () => ({\n style: {\n base: {\n fontSize: '18px',\n color: '#424770',\n '::placeholder': {\n color: '#aab7c4',\n },\n height: '42px',\n letterSpacing: '0.18px',\n lineHeight: '42px',\n },\n invalid: {\n color: '#c23d4b',\n },\n },\n classes: {\n base: 'StripeCardBase',\n },\n });\n\n const showError = (message) => {\n toast.error(message, { toastId: 'updatePaymentInfo' });\n };\n\n const handleSubmit = async (event) => {\n // Block native form submission.\n event.preventDefault();\n\n if (!stripe || !elements) {\n // Stripe.js has not loaded yet. Make sure to disable\n // form submission until Stripe.js has loaded.\n return;\n }\n\n if (error) {\n elements.getElement('card').focus();\n showError(error);\n return;\n }\n\n if (cardComplete) {\n setLoading(true);\n }\n\n const cardNumber = elements.getElement(CardNumberElement);\n const cardExpire = elements.getElement(CardExpiryElement);\n const cardCvc = elements.getElement(CardCvcElement);\n\n // Use your card Element with other Stripe.js APIs\n const payload = await stripe.createPaymentMethod({\n type: 'card',\n card: cardNumber,\n billing_details: billingDetails,\n });\n\n if (payload.error) {\n showError(payload.error);\n setLoading(false);\n } else {\n if (getUser()?.type === 'COMPANY') {\n updateProfile({\n variables: {\n input: {\n billing_address_1: billingDetails.address.line1,\n billing_address_2: billingDetails.address.line2,\n billing_city: billingDetails.address.city,\n billing_state: billingDetails.address.state,\n billing_country: billingDetails.address.country,\n billing_zip: billingDetails.address.postal_code,\n },\n },\n });\n updatePaymentMethod({\n variables: {\n input: { payment_method_id: payload.paymentMethod.id },\n },\n })\n .then(() => {\n setLoading(false);\n toast.dismiss();\n if (onClose !== null) {\n onClose();\n }\n hideModal();\n toast.success('Payment info updated!', { autoClose: 4000 });\n setBillingDetails({\n name: '',\n email: '',\n phone: '',\n address: {\n line1: '',\n line2: '',\n city: '',\n state: '',\n country: '',\n },\n });\n cardNumber.clear();\n cardExpire.clear();\n cardCvc.clear();\n })\n .catch((e) => {\n toast.dismiss();\n showError(e.graphQLErrors[0].extensions.reason);\n setLoading(false);\n });\n } else if (getUser()?.type === 'GUEST') {\n updateTeamProfile({\n variables: {\n input: {\n billing_address_1: billingDetails.address.line1,\n billing_address_2: billingDetails.address.line2,\n billing_city: billingDetails.address.city,\n billing_state: billingDetails.address.state,\n billing_country: billingDetails.address.country,\n billing_zip: billingDetails.address.postal_code,\n },\n teamId: Number(globalState?.activeCompany?.team_id),\n },\n });\n updateTeamPaymentMethod({\n variables: {\n input: {\n payment_method_id: payload.paymentMethod.id,\n },\n teamId: Number(globalState?.activeCompany?.team_id),\n },\n })\n .then(() => {\n setLoading(false);\n toast.dismiss();\n toast.success('Your payment info has been updated!', {\n autoClose: 4000,\n });\n setBillingDetails({\n name: '',\n email: '',\n phone: '',\n address: {\n line1: '',\n line2: '',\n city: '',\n state: '',\n country: '',\n },\n });\n cardNumber.clear();\n cardExpire.clear();\n cardCvc.clear();\n })\n .catch((e) => {\n toast.dismiss();\n showError(e.graphQLErrors[0].extensions.reason);\n setLoading(false);\n });\n }\n }\n };\n\n return (\n \n
\n \n \n
\n\n \n
\n \n {firstSubscription\n ? 'Start Your Subscription'\n : 'Update Payment Info'}\n
\n\n
\n \n
\n\n \n
\n \n Your subscription{' '}\n {firstSubscription ? 'explained' : `will renew on ${renewAt}`}\n
\n£195
\n monthly
\n {firstSubscription && (\n <>\n \n Includes 2 Free Job Posts\n
\n \n £195 monthly. Includes Two Liberty Hive Points. As a member\n of Liberty Hive you will receive your own personal dashboard\n where you can connect to our network of experienced\n consultants whilst managing your account details. All job\n posts require one LH Point, no matter the role, category\n experience or experience required.\n
\n \n )}\n \n \n
\n\n \n
\n \n );\n};\nexport default UpdatePaymentInfoModal;\n","import { makeVar } from '@apollo/react-hooks';\nimport { setContext } from '@apollo/client/link/context';\nimport { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { createUploadLink } from 'apollo-upload-client';\nimport { toast } from 'react-toastify';\nimport { getUser, logUserOut } from '../utils/helpers';\nimport { LINK_GROUP } from '../utils/links';\n\nconst userObj = getUser();\nexport const userVar = makeVar(userObj);\nexport const registerVar = makeVar({});\nexport const currentOppVar = makeVar({});\nexport const currentEducationVar = makeVar({});\nexport const currentExperienceVar = makeVar({});\nexport const currentTypeVar = makeVar({});\nexport const currentCaseStudyVar = makeVar({});\n\nconst graphQLServerURL = process.env.REACT_APP_API_URL;\nconst httpLink = createUploadLink({\n uri: `${graphQLServerURL}/graphql`,\n});\n\nconst authLink = setContext((_, { headers }) => ({\n headers: {\n ...headers,\n authorization: `Bearer ${getUser().access_token}`,\n },\n}));\n\nconst cache = new InMemoryCache();\n\nconst client = new ApolloClient({\n link: authLink.concat(httpLink),\n onError: (error) => {\n if (\n error.graphQLErrors &&\n error.graphQLErrors[0].message === 'Unauthenticated.'\n ) {\n client.clearStore();\n logUserOut();\n toast.error(\n 'You have been logged out. Please click here to log in again.',\n {\n onClick: () =>\n window.location.replace(`/${LINK_GROUP.COMPANY}/login`),\n }\n );\n }\n },\n cache,\n});\n\nexport default client;\n","import React, { useEffect, useState, useContext } from 'react';\nimport { useQuery, useMutation } from '@apollo/react-hooks';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport moment from 'moment';\nimport countryList from 'country-list';\nimport Header from '../../components/Company/Header';\nimport Footer from '../../components/Footer';\nimport Error from '../../components/Error';\nimport UpdatePaymentInfoModal from '../../components/Company/UpdatePaymentInfoModal';\nimport jquery from '../../styles/js/app';\nimport AccountSubmenuDesktop from '../../components/Company/AccountSubmenuDesktop';\nimport AccountSubmenuMobile from '../../components/Company/AccountSubmenuMobile';\nimport {\n GET_AUTH_USER,\n GET_CREDIT_HISTORY,\n ADD_CREDIT,\n CHECK_PROMO,\n CALCULATE_PRICE,\n UPDATE_PROFILE,\n} from '../../graphql';\nimport { userVar } from '../../graphql/config';\nimport {\n getUser,\n getLoginUrl,\n logUserOut,\n saveUserLocalstorage,\n} from '../../utils/helpers';\nimport { AppContext } from '../../Store';\n\nconst ManageCredits = () => {\n const countries = countryList.getNames().sort();\n const [state] = useContext(AppContext);\n const [totals, setTotals] = React.useState({\n unitPriceExcludingDiscount: 495,\n discountPercentage: 0,\n discountAmount: 0,\n discountPerUnitAmount: 0,\n unitPriceIncludingDiscount: 495,\n subtotalExcludingDiscount: 495,\n subtotalIncludingDiscount: 495,\n vatAmount: 59,\n vatPercentage: 0.2,\n total: 554,\n });\n const [promoError, setPromoError] = useState('');\n const [promoValue, setPromoValue] = useState(0);\n const [balance, setBalance] = useState(0);\n const [buttonLoading, setButtonLoading] = useState(false);\n const [hasCard, setHasCard] = useState(false);\n const [submittedCard, setSubmittedCard] = useState(false);\n const [promoPercentage, setPromoPercentage] = useState(0);\n const [showPaymentForm, setShowPaymentForm] = useState(false);\n\n const { register, handleSubmit, getValues, setValue, errors, reset } =\n useForm({\n defaultValues: {\n qty: 1,\n promo: '',\n },\n send_to_xero: 0,\n });\n\n const clearForm = () => {\n reset();\n };\n\n const [updateProfile, { loading: loadingUpdateProfile }] =\n useMutation(UPDATE_PROFILE);\n\n const {\n data: userDetail,\n refetch: refetchUser,\n loading: loadingUser,\n } = useQuery(GET_AUTH_USER, {\n fetchPolicy: 'network-only',\n onCompleted: ({ me }) => {\n if (!me) {\n logUserOut();\n window.location.href = getLoginUrl('COMPANY');\n }\n if (me?.type === 'COMPANY') {\n if (me.pm_type && me.pm_last_four) {\n setHasCard(true);\n }\n } else if (me?.type === 'GUEST' && state?.activeCompany !== undefined) {\n const { user } = state?.activeCompany;\n if (user !== undefined && user?.pm_type && user?.pm_last_four) {\n setHasCard(true);\n }\n }\n },\n onError: () => refetchUser(),\n });\n\n const [addCredit] = useMutation(ADD_CREDIT);\n const [checkPromoMutation] = useMutation(CHECK_PROMO);\n const [calculatePrice, { loading: calculatePriceIsLoading }] = useMutation(\n CALCULATE_PRICE,\n {\n onCompleted: ({ calculatePrice: stuff }) => {\n if (promoPercentage) {\n setPromoValue(\n (promoPercentage / 100) * stuff.subtotalIncludingDiscount\n );\n }\n setTotals({ ...stuff });\n },\n }\n );\n\n const {\n loading,\n data,\n refetch: refetchCredit,\n } = useQuery(GET_CREDIT_HISTORY, {\n fetchPolicy: 'network-only',\n variables: {\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n agency: state?.activeCompany?.team_id,\n },\n onCompleted: (data) => {\n if (data.creditHistory.length > 0) {\n setBalance(data.creditHistory[0].balance);\n } else {\n setBalance(0);\n }\n },\n // onError: () => refetchCredit(),\n });\n\n const showError = (message) => {\n toast.error(message, { toastId: 'buyCredits' });\n };\n\n useEffect(() => {\n refetchUser();\n\n if (state?.activeCompany) {\n refetchCredit();\n }\n }, [state, refetchUser, refetchCredit]);\n\n const addCreditRequest = (data) => {\n setButtonLoading(true);\n return addCredit({\n variables: {\n input: {\n ...data,\n qty: parseInt(data.qty),\n },\n },\n })\n .then(({ data }) => {\n setBalance(data.addCredit.balance);\n refetchCredit();\n setValue('qty', 1);\n checkPrice();\n toast.dismiss();\n toast.success('Credits added!', { autoClose: 4000 });\n setButtonLoading(false);\n })\n .catch((e) => {\n toast.dismiss();\n showError(e.graphQLErrors[0].extensions.reason);\n setButtonLoading(false);\n });\n };\n\n const submitInvoiceForm = async (data) => {\n toast.dismiss();\n\n return updateProfile({\n variables: {\n input: {\n ...data,\n },\n },\n })\n .then(({ data: { updateUser } }) => {\n const updatedUserObj = { ...getUser(), ...updateUser };\n userVar(updatedUserObj);\n saveUserLocalstorage(updatedUserObj);\n toast.success('Your data has been submitted!', {\n autoClose: 2000,\n });\n clearForm();\n togglePaymentForm();\n })\n .catch((e) =>\n toast.error('Something went wrong!', { toastId: 'resErr' })\n );\n };\n\n const downloadInvoice = (invoiceId) => {\n const url = `${process.env.REACT_APP_API_URL}/api/user/${\n getUser().id\n }/invoice/${invoiceId}`;\n const newWindow = window.open(url, '_blank', 'noopener,noreferrer');\n if (newWindow) newWindow.opener = null;\n };\n\n const maxPostsCheck = (e) => {\n if (e.target.value > 10) {\n e.target.value = 10;\n }\n };\n\n const checkPrice = async () => {\n const qty = parseInt(getValues('qty'));\n const promo = getValues('promo');\n if (qty !== '') {\n calculatePrice({\n variables: { qty, promo },\n });\n }\n };\n\n const applyPromo = async () => {\n if (!getValues('promo')) {\n setPromoError('');\n return;\n }\n\n const {\n data: { checkPromo },\n } = await checkPromoMutation({\n variables: {\n code: getValues('promo'),\n },\n });\n\n if (checkPromo === null) {\n setPromoError(\"Promo code doesn't exist!\");\n } else {\n await checkPrice();\n\n let promoTotal = 0;\n if (checkPromo.type === 'percentage') {\n promoTotal =\n (checkPromo.value / 100) * totals.subtotalIncludingDiscount;\n }\n setPromoPercentage(checkPromo.value);\n setPromoValue(promoTotal);\n setPromoError('');\n toast.success('Promo applied!', {\n autoClose: 2000,\n });\n }\n };\n\n useEffect(() => {\n jquery();\n if (userDetail?.me?.is_payment_active) {\n checkPrice();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [userDetail]);\n\n const changeButton = async () => {\n setSubmittedCard(true);\n };\n\n const displayPurchaseCredit = () => {\n return (\n <>\n \n
\n \n
\n \n \n ×\n \n
\n Payment Information
\n \n\n
\n \n
\n Your Available Liberty Hive Job Posts
\n\n
\n \n
\n \n {loading ? (\n <>\n \n
\n \n Loading Job Posts balance...\n
\n \n ) : (\n <>\n \n {balance} Job Post\n {balance > 1 ? 's' : ''}\n
\n Available
\n \n )}\n \n
\n Pricing
\n\n We tailor all our packages to suit your resource needs so please\n get in touch for a tailored subscription package which is based\n on a zero-commission model.\n
\n If you prefer to pay as you go, the cost is £495 to post and a\n zero commission fee for successful hires, no matter whether it\n is permanent or freelance. You can buy the job posts online or\n you can apply for an account to be invoiced directly.\n
\n \n {buttonLoading ? 'Loading... ' : 'Purchase on Account'}\n \n ) : (\n \n Apply for Credit Account\n \n )}\n
\n \n \n
\n \n
\n \n How Many Posts Do You Need?\n
\n Per Post
\n \n £ {totals.unitPriceIncludingDiscount.toFixed(2)}\n
\n {getValues('qty') > 1 && (\n <>\n \n Discount\n
\n \n -£\n {totals.discountPerUnitAmount.toFixed(2)}{' '}\n \n (-\n {Math.round(totals.discountPercentage * 100)}\n %)\n \n
\n \n )}\n \n
\n\n {getValues('qty') > 2 && (\n \n
\n )}\n\n {getValues('promo') !== '' &&\n getValues('promo') !== undefined &&\n promoError === '' && (\n \n Discounts Applied\n
\n \n - £ {totals.discountAmount.toFixed(2)}\n
\n \n
\n )}\n\n \n Promo Code: \n \n {getValues('promo').toUpperCase()}\n \n
\n \n - £ {promoValue.toFixed(2)}\n
\n \n
\n\n \n VAT @ {(totals.vatPercentage * 100).toString()}%\n
\n \n £ {totals.vatAmount.toFixed(2)}\n
\n \n
\n\n Total
\n \n £ {totals.total.toFixed(2)}\n
\n \n {hasCard ? (\n <>\n \n {buttonLoading ? 'Loading... ' : 'Payment Online'}\n \n \n ) : (\n <>\n {submittedCard ? (\n \n {buttonLoading ? 'Loading... ' : 'PAY'}\n \n ) : (\n \n Add Payment Info\n
\n )}\n \n )}\n\n {userDetail?.me?.is_payment_active ? (\n Your Balance
\n\n {loading ? (\n 'Loading Job Posts history...'\n ) : (\n <>\n Job Posts In\n \n Job Posts Out\n \n Amount\n Date\n Invoice\n {data &&\n data.creditHistory.map(\n ({ type, qty, total, invoice_id, created_at }) => (\n <>\n \n {type === 'IN'\n ? `${qty} ${total === 0 ? 'Free' : ''} Post${\n qty > 1 ? 's' : ''\n }`\n : '-'}\n \n \n {type === 'OUT'\n ? `${qty} Post${qty > 1 ? 's' : ''}`\n : '-'}\n \n \n {total > 0 && (\n £ {total.toFixed(2)}\n )}\n \n \n {moment(created_at).format('DD/MM/YYYY')}\n \n \n {total > 0 && (\n {\n downloadInvoice(invoice_id);\n }}\n className=\"btn link-company font-weight-bold\"\n >\n Download PDF\n \n )}\n \n \n )\n )}\n \n )}\n
\n \n \n
\n\n \n \n );\n };\n\n const togglePaymentForm = () => {\n setShowPaymentForm(!showPaymentForm);\n };\n\n const payWithAccount = () => {\n const data = getValues();\n data.send_to_xero = 1;\n addCreditRequest(data);\n };\n\n return (\n <>\n \n
\n \n If you wish to purchase posts on account, please complete the form\n below. Once approved by Liberty Hive, you will be authorised to\n purchase posts and invoiced accordingly. All invoices are due 30\n days after the date of the invoice, by requesting an account you\n accept these terms in full and without exception.\n
\n\n
\n \n );\n};\n\nexport default ManageCredits;\n","import React from 'react';\n\nconst Header = () => (\n <>\n \n {loadingUser ? (\n
\n \n Loading...
\n ) : (\n <>\n {showPaymentForm ? displayPaymentForm() : displayPurchaseCredit()}\n \n )}\n \n \n
\n \n
\n \n);\n\nexport default Header;\n","import React from 'react';\n\nconst BlogpostSidebar = ({ title }) => (\n \n \n
\n \n ![\"\"](\"img/cta-placeholder@2x.jpg\")
\n \n {title}\n \n
\n);\n\nexport default BlogpostSidebar;\n","import React, { useEffect } from 'react';\nimport Header from '../../components/Marketing/Header';\nimport Footer from '../../components/Footer';\nimport jquery from '../../styles/js/app';\nimport BlogpostSidebar from '../../components/Marketing/BlogpostSidebar';\n\nconst BlogIndividual = () => {\n useEffect(() => {\n jquery();\n }, []);\n\n const OtherBlogposts = () => {\n const blogPosts = [\n 'Crafting the perfect description for your opportunity to get the right canditates',\n 'How to update your profile picture on Liberty Hive',\n '21 Things to consider when making your new hire',\n ];\n return (\n \n \n {title}\n \n \n
\n );\n };\n\n return (\n Other Blog Posts
\n\n {blogPosts.map((post) => (\n
\n \n
\n );\n};\n\nexport default BlogIndividual;\n","import React, { useEffect } from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport { Link } from 'react-router-dom';\nimport Footer from '../../components/Footer';\nimport jquery from '../../styles/js/app';\nimport { GET_ARTICLES } from '../../graphql';\nimport { clone } from '../../utils/helpers';\nimport Header from '../../components/Company/Header';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst Blog = () => {\n useEffect(() => {\n jquery();\n }, []);\n const {\n data: {\n articles: { data = [], paginatorInfo: { hasMorePages, count } = {} } = {},\n } = {},\n fetchMore,\n loading,\n refetch,\n } = useQuery(GET_ARTICLES, {\n fetchPolicy: 'cache-and-network',\n variables: {\n availability: ['AGENCY', 'FREELANCER_AND_AGENCY'],\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n first: 10,\n },\n onError: () => refetch(),\n });\n\n const getMore = (e) => {\n e.preventDefault();\n fetchMore({\n variables: {\n first: count + 10,\n },\n updateQuery: (prev, newQuery) =>\n newQuery.fetchMoreResult ? newQuery.fetchMoreResult : prev,\n });\n };\n\n const BlogpostLarge = () => (\n \n
\n \n \n
\n \n \n \n {' '}\n Back\n \n
\n \n \n
\n \n Crafting the perfect description for your opportunity to get the\n right canditates\n
\n\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non\n leo vitae ligula dignissim placerat. Vestibulum nibh quam, dictum\n non eleifend vitae, ullamcorper quis nibh. Etiam id enim ac magna\n tincidunt auctor id tincidunt lorem. Quisque ac ex blandit,\n pellentesque est eu, varius ante. Praesent bibendum iaculis eros,\n in porta orci laoreet ac. Nullam elementum interdum cursus. Fusce\n vel tortor sapien. Duis hendrerit erat velit. Sed sodales neque\n nec neque tempor mattis. Morbi hendrerit ligula id molestie\n ullamcorper. Mauris hendrerit leo sem, eu pulvinar enim facilisis\n a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in\n consequat felis. Sed nulla orci, facilisis id arcu a, eleifend\n cursus quam. Cras id placerat leo, commodo egestas quam.\n
\n
\n Nullam facilisis ipsum sit amet volutpat tempor. Nunc sed viverra\n diam. Maecenas hendrerit diam vel arcu aliquet convallis.\n Phasellus condimentum maximus velit. Praesent eget tristique eros.\n Nunc in purus justo. Integer suscipit elit sed pellentesque\n volutpat. Maecenas molestie interdum augue sollicitudin pulvinar.\n Donec in efficitur quam, vel elementum ante. Praesent faucibus ex\n nisl, quis viverra magna maximus id. Nullam nec augue a enim\n efficitur porttitor at eleifend mauris. Fusce quis facilisis erat.\n Nam quis tellus urna. Quisque vel porta massa.\n
\n
\n Ut sagittis tempor iaculis. Pellentesque ut turpis vitae massa\n rhoncus laoreet et vel lectus. Donec eu facilisis est. Phasellus\n ut diam sit amet ipsum dictum pharetra sollicitudin sed nibh.\n Morbi ullamcorper, dui quis placerat mattis, quam odio interdum\n elit, sed tempor tellus ligula eu diam. Vestibulum tincidunt lorem\n quis neque gravida, vitae dignissim ligula lobortis. Cras\n porttitor pretium enim, vitae lacinia metus suscipit at. Nulla\n ornare, velit volutpat posuere blandit, mi urna pulvinar augue,\n sed efficitur arcu metus ac tellus. Donec imperdiet vitae odio et\n maximus. Cras eget felis libero. Suspendisse sollicitudin ac enim\n non convallis. Vestibulum fermentum dapibus leo. Nulla commodo eu\n eros non ultricies.\n
\n
\n Morbi in purus aliquet, sagittis nulla eget, semper lorem.\n Curabitur nec euismod purus. Cras sollicitudin dui nec dui\n tincidunt, at mattis elit sodales. Nullam venenatis tincidunt\n lacus id semper. Duis mollis vitae nibh at fermentum. Integer id\n ligula a metus aliquet pulvinar bibendum id lacus. Vestibulum\n efficitur ultricies neque, vel lacinia purus imperdiet non. Sed\n elementum commodo erat eget ornare. Pellentesque et ultricies\n ipsum. Ut facilisis mattis diam, vel ultrices augue tristique\n quis.\n
\n
\n Vivamus porttitor nisl ut enim scelerisque ultricies. Nunc ut\n dignissim neque. Aenean et commodo velit. Vestibulum dolor dui,\n volutpat nec sagittis at, viverra sit amet ligula. Praesent\n dignissim mauris magna, sit amet mattis leo condimentum sit amet.\n Morbi vulputate diam ut placerat lobortis. Duis semper diam et\n euismod facilisis. Duis tincidunt consectetur lobortis. Quisque\n rutrum justo eu dui lacinia, vel varius ipsum fringilla. Vivamus\n sagittis purus eu purus malesuada accumsan. Quisque pellentesque\n tempus diam, at condimentum ante fermentum a. Vestibulum convallis\n dolor non libero tincidunt, eget rhoncus arcu venenatis. Ut dolor\n elit, scelerisque a semper egestas, rutrum a diam. In quis\n bibendum ante. Curabitur tempus nunc est, vel lobortis nisi\n dignissim nec. Cras non urna ornare, volutpat augue ut, malesuada\n tortor.\n
\n {data.length > 0 && (\n \n
\n );\n\n const BlogPosts = () => {\n if (data.length > 0) {\n const restPosts = clone(data);\n restPosts.shift();\n return restPosts.map(({ title, image, slug, created_at }) => (\n \n
\n \n )}\n \n
\n {data[0].title}
\n \n \n
\n ));\n }\n return null;\n };\n\n return (\n \n
\n );\n};\n\nexport default Blog;\n","import axios from 'axios';\nimport formData from 'form-data';\nimport { getUser } from '../utils/helpers';\n\nconst apiUrl = process.env.REACT_APP_API_URL;\n\nexport const completeProfile = async (userData) => {\n try {\n const form = new formData();\n for (const key in userData) {\n form.append(key, userData[key]);\n }\n const { data } = await axios.post(`${apiUrl}/api/profile`, form, {\n headers: {\n 'Content-Type': `multipart/form-data; boundary=${form._boundary}`,\n Authorization: `Bearer ${getUser().access_token}`,\n },\n });\n return data;\n } catch (error) {\n return error.response;\n }\n};\n\nexport const googleLogin = async (code) => await axios.get(`${apiUrl}/login/google${code}`, {\n headers: {\n 'Content-Type': 'application/json',\n },\n});\n","import React from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport { getUser } from '../../utils/helpers';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst HeaderBlog = ({ isLoggedIn = false }) => {\n if (getUser().access_token) {\n isLoggedIn = true;\n }\n\n const location = useLocation();\n return (\n <>\n \n
\n \n \n
\n \n
\n Blog
\n\n getMore(e)}\n >\n {loading ? 'Loading...' : 'Show More'}\n \n
\n )}\n \n \n
\n \n \n );\n};\n\nexport default HeaderBlog;\n","import React from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport { getUser } from '../../utils/helpers';\n\nconst Header = ({ isLoggedIn }) => {\n if (getUser().access_token) isLoggedIn = true;\n\n const location = useLocation();\n\n return (\n <>\n \n \n
\n \n
\n \n );\n};\n\nexport default Header;\n","import React, { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useLazyQuery } from '@apollo/react-hooks';\nimport Cookies from 'universal-cookie';\nimport { GET_AUTH_USER } from '../graphql';\nimport { saveUserLocalstorage, logUserOut } from '../utils/helpers';\nimport HeaderBlog from '../components/Company/HeaderBlog';\nimport Header from '../components/Freelancer/Header';\nimport Footer from '../components/Footer';\nimport { LINK_GROUP } from '../utils/links';\n\nconst MarketingLogin = ({ history }) => {\n useEffect(() => {}, []);\n\n const message = 'Loading...';\n\n function GetQuery() {\n return new URLSearchParams(useLocation().search);\n }\n\n function ShowHeader(type) {\n switch (type) {\n case LINK_GROUP.FREELANCER:\n return \n
\n \n
\n \n \n
\n \n \n
\n \n \n \n \n
\n \n {ShowHeader(type)}\n
\n );\n};\n\nexport default MarketingLogin;\n","import React, { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { registerVar } from '../graphql/config';\nimport HeaderBlog from '../components/Company/HeaderBlog';\nimport Header from '../components/Freelancer/Header';\nimport Footer from '../components/Footer';\nimport { logUserOut } from '../utils/helpers';\nimport { LINK_GROUP } from '../utils/links';\n\nconst MarketingRegister = ({ history }) => {\n useEffect(() => {}, []);\n\n const message = 'Loading...';\n\n function GetQuery() {\n return new URLSearchParams(useLocation().search);\n }\n\n function ShowHeader(type) {\n switch (type) {\n case LINK_GROUP.FREELANCER:\n return \n
\n \n \n
\n \n
\n \n {message}\n
\n \n {ShowHeader(type)}\n
\n );\n};\n\nexport default MarketingRegister;\n","import React, { useState, useContext, useMemo } from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport { Route, Redirect, useLocation } from 'react-router-dom';\nimport Cookies from 'universal-cookie';\nimport { GET_AUTH_USER } from '../graphql';\nimport { AppContext } from '../Store';\nimport { userVar } from '../graphql/config';\nimport {\n getUser,\n getLoginType,\n logUserOut,\n getLoginUrl,\n saveLoginTypeLocalstorage,\n CompanyBrowserStorage,\n} from '../utils/helpers';\nimport * as Sentry from '@sentry/browser';\nimport { LINK_GROUP } from '../utils/links';\n\nconst AuthWrapper = ({ component: Component, user, ...rest }) => {\n const location = useLocation();\n const isTeamRole = useMemo(() => {\n return user.find((o) => {\n if (o === 'GUEST') {\n return true;\n }\n\n if (LINK_GROUP[o]) {\n return true;\n }\n\n return false;\n });\n }, [user]);\n\n const isLoggedIn = getUser().access_token || false;\n\n const [loginUrl, setLoginUrl] = useState(\n getLoginUrl(isTeamRole, location.pathname)\n );\n const [authenticatedUser, setAuthenticatedUser] = useState(undefined);\n const [state, setState] = useContext(AppContext);\n const { pathname } = location;\n const route = pathname.split('/');\n const cookies = new Cookies();\n\n useQuery(GET_AUTH_USER, {\n fetchPolicy: 'cache-and-network',\n notifyOnNetworkStatusChange: true,\n onError: (e) => {\n console.error('error GET_AUTH_USER', e);\n },\n onCompleted: ({ me }) => {\n let activeCompany;\n const teams = me?.teamUser;\n if (teams?.length > 0) {\n const newlyInvitedCompanyId = cookies.get('lh_team');\n\n if (newlyInvitedCompanyId) {\n activeCompany = teams.find(\n (tu) => tu.team_id === newlyInvitedCompanyId\n );\n cookies.remove('lh_team', {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n CompanyBrowserStorage.delete();\n }\n\n if (!activeCompany && CompanyBrowserStorage.name) {\n activeCompany = CompanyBrowserStorage.getActiveCompany(me.id, teams);\n }\n\n if (!activeCompany) {\n // activeCompany = teams.find((a) => a.user.email === me.email) ?? teams[0];\n activeCompany = teams[0];\n }\n\n CompanyBrowserStorage.set(me.id, activeCompany.team_id);\n }\n\n setAuthenticatedUser(me);\n setLoginUrl(\n teams && teams?.length > 0 && isTeamRole\n ? `/${activeCompany?.type?.toLowerCase()}/login?redirectTo=${\n location.pathname\n }`\n : `/${LINK_GROUP.CANDIDATE}/login?redirectTo=${location.pathname}`\n );\n setState({\n ...state,\n userTeams: teams,\n activeCompany: activeCompany,\n });\n\n if (!me) {\n Sentry.setUser(null);\n userVar({});\n setState({});\n logUserOut();\n window.location.href = loginUrl;\n } else {\n Sentry.setUser({\n id: me.id,\n email: me.email,\n username: me.name,\n });\n\n setLoginUrl(\n `${me?.type?.toLowerCase()}/login?redirectTo=${location.pathname}`\n );\n }\n },\n });\n\n /** Security Check On Role Access */\n if (authenticatedUser && user) {\n if (!user.find((o) => o === getUser()?.type)) {\n if (route[route.length - 1] !== 'login' && isLoggedIn) {\n return (\n \n
\n \n \n
\n \n
\n \n {message}\n
\n \n \n
\n \n \n );\n};\n\nexport default HeaderCommonLogin;\n","import React, { useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useLazyQuery, useMutation } from '@apollo/client';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport { GET_SUBSCRIPTION_HISTORY, LOGIN } from '../graphql';\nimport Error from '../components/Error';\nimport Footer from '../components/Footer';\nimport jquery from '../styles/js/app';\nimport { getUser, saveUserLocalstorage } from '../utils/helpers';\nimport HeaderCommonLogin from '../components/HeaderCommonLogin';\nimport { LINK_GROUP } from '../utils/links';\n\nconst LoginCommon = ({ location }) => {\n useEffect(() => {\n jquery();\n }, []);\n\n const notify = (text) => toast.error(text);\n\n const { register, handleSubmit, errors } = useForm();\n const [loginMutation, { loading }] = useMutation(LOGIN);\n let isEnabled = true;\n\n const [, { data }] = useLazyQuery(GET_SUBSCRIPTION_HISTORY, {\n onCompleted: () => handleRedirection(),\n onError: () => (window.location.href = `/${LINK_GROUP.COMPANY}/dashboard`),\n });\n\n const handleRedirection = () => { \n window.location.href = `/${LINK_GROUP.COMPANY}/dashboard`;\n };\n\n if (!data) {\n if (getUser().access_token && getUser().type === 'AGENCY') {\n window.location.href = `/${LINK_GROUP.AGENCY}/dashboard`;\n } else if (getUser().access_token && getUser().type === `FREELANCER`) {\n window.location.href = `/${LINK_GROUP.FREELANCER}/dashboard`;\n } else if (getUser().access_token && getUser().type === `COMPANY`) {\n window.location.href = `/${LINK_GROUP.COMPANY}/dashboard`;\n }\n }\n\n function LoginUser(data) {\n toast.dismiss();\n isEnabled = false;\n loginMutation({\n variables: { email: data.email, password: data.password },\n })\n .then((res) => {\n const { data } = res;\n if (!data.login) {\n return notify(`Wrong email / password combination!`);\n }\n saveUserLocalstorage(data.login);\n if (data.login.type === 'FREELANCER') {\n return (window.location.href = `/${LINK_GROUP.FREELANCER}/dashboard`);\n }\n // subHistory({\n // variables: {\n // agency: data.login.id,\n // },\n // });\n })\n .catch((e) =>\n toast.error('Something went wrong!', { toastId: 'logErr' })\n );\n }\n\n return (\n \n
\n );\n};\n\nexport default LoginCommon;\n","import { useLocation } from 'react-router-dom';\nimport { getGroupByPathname } from '../../utils/groups';\nimport { useMemo } from 'react';\n\nexport default function useGroups() {\n let { pathname } = useLocation();\n\n const groupname = useMemo(() => {\n if (typeof window !== 'undefined') {\n const first = pathname.split('/')[1];\n return (\n getGroupByPathname(first) ??\n localStorage?.getItem('loginType')?.toLowerCase()\n );\n }\n }, [pathname]);\n\n return { groupname };\n}\n","import { LINK_GROUP } from './links';\n\nexport function getGroupByPathname(pathname) {\n let currentGroupType = LINK_GROUP.AGENCY;\n\n const splitPath = pathname.split('/');\n\n for (let str of splitPath) {\n if (\n Object.keys(LINK_GROUP)\n .map((a) => a.toLowerCase())\n .includes(str)\n ) {\n currentGroupType = str;\n break;\n }\n continue;\n }\n return currentGroupType;\n}\n","import React, { useMemo } from 'react';\n\nexport default function Heading({\n as = 'h2',\n className = '',\n children,\n upsize = false,\n}) {\n const classNames = useMemo(() => {\n const cl = [`text--${as.toLowerCase()}`, className];\n if (upsize) {\n cl.push('up-size');\n }\n return cl.join(' ');\n }, [as, className, upsize]);\n\n const HeadingElType = useMemo(() => {\n return as;\n }, [as]);\n\n return \n
\n \n \n
\n \n
\n \n
\n \n {location.state && location.state.passwordReset\n ? 'Your password has been reset. Please log in.'\n : 'Login'}\n
\n \n{children}
\n )\n}\n","import React from 'react';\n\nexport default function Panel({\n isSmall = false,\n className = '',\n children,\n smallPaddingTop,\n ...rest\n}) {\n return (\n \n {label && (\n \n )}\n
\n ) : (\n {children}
\n {children}
\n );\n}\n","import React from 'react';\nimport { generateClassName } from '../../../utils/helpers';\n\nexport default function FormBlockItem({\n label,\n children,\n className = '',\n style = {},\n isInline = false,\n}) {\n return (\n {label}
}\n {leftIcon}
}\n \n {selectedValues?.map((item) => (\n removeItem(item)}>\n \n ))}\n {/* {!!selectedValues && (\n onReset()}>\n \n )} */}\n
\n )}\n \n );\n};\n\nconst SelectContainer = styled.div`\n display: flex;\n background: white;\n border-radius: 9px;\n align-items: center;\n .searchBox {\n ::placeholder {\n color: #555555;\n }\n }\n`;\n\nexport const Chips = styled.div`\n border: 1px solid white;\n border-radius: 27px;\n width: fit-content;\n padding-right: 10px;\n padding-left: 5px;\n height: 26px;\n font-size: 14px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: pointer;\n .close-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border: 1px solid white;\n border-radius: 50%;\n }\n`;\n\nexport default MultiSelect;\n","import React, { useMemo } from 'react';\nimport Checkbox from 'react-custom-checkbox';\nimport { getRandomGradient } from '../../../utils/helpers';\nimport useGroups from '../../hooks/useGroups';\n\nconst CustomCheckbox = ({\n id,\n label,\n onChange,\n isSelected,\n checked,\n ...rest\n}) => {\n const { groupname } = useGroups();\n\n const gradient = useMemo(() => {\n return getRandomGradient(groupname);\n }, [groupname]);\n return (\n \n
\n {item.label}\n \n
\n Clear\n \n
\n );\n}\n","import React from 'react';\nimport { Button } from '../../snippets';\nimport { GIcon } from '../../icons';\nimport useGroups from '../../hooks/useGroups';\n\nexport default function GoogleSignInAction({\n heading = 'Or Sign In Using',\n className = '',\n children,\n}) {\n const { groupname } = useGroups();\n\n const openInNewTab = (url) => {\n localStorage.setItem('userType', groupname);\n window.location.replace(url);\n };\n\n return (\n \n \n \n
\n \n
\n \n {links.map(({ to, label }) => (\n {\n if (match) {\n return true;\n }\n\n const tos = to.substring(1).split('/');\n const locations = location.pathname.substring(1).split('/');\n\n if (\n (((groupname === LINK_GROUP.COMPANY ||\n groupname === LINK_GROUP.EMPLOYER) &&\n tos[1] === 'account') ||\n ((groupname === LINK_GROUP.FREELANCER ||\n groupname === LINK_GROUP.CANDIDATE) &&\n tos[1] === 'personal-information') ||\n (groupname === LINK_GROUP.AGENCY &&\n tos[1] === 'profile')) &&\n accountPaths.includes(locations[1])\n ) {\n return true;\n }\n\n return false;\n }}\n >\n {label}\n \n ))}\n
\n \n \n \n
\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport {\n BackPanel,\n Heading,\n Button,\n Link,\n FormBlock,\n FormBlockItem,\n FormInput,\n FormCTA,\n} from '../../snippets';\nimport { useForm } from 'react-hook-form';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport useGroups from '../../hooks/useGroups';\nimport { toast } from 'react-toastify';\nimport { userVar } from '../../../graphql/config';\nimport {\n getLoginType,\n saveLoginTypeLocalstorage,\n saveUserLocalstorage,\n} from '../../../utils/helpers';\nimport { useMutation } from '@apollo/client';\nimport { LOGIN } from '../../../graphql';\nimport Cookies from 'universal-cookie';\nimport GoogleSignInAction from '../GoogleSignInAction/GoogleSignInAction';\n\nfunction useQuery() {\n return new URLSearchParams(useLocation().search);\n}\n\nexport default function LoginForm() {\n const history = useHistory();\n const { groupname } = useGroups();\n const { register, handleSubmit, errors, watch, setValue, clearErrors } =\n useForm();\n const [loginMutation, { loading }] = useMutation(LOGIN);\n const [isEnabled, setIsEnabled] = useState(true);\n const redirectTo = useQuery().get('redirectTo');\n\n const loginUser = (data) => {\n toast.dismiss();\n setIsEnabled(false);\n loginMutation({\n variables: {\n input: {\n email: data.email,\n password: data.password,\n },\n },\n })\n .then(({ data: { login } }) => {\n if (!login) {\n setIsEnabled(true);\n return toast.error('Wrong email / password combination!', {\n toastId: 'agLogErr',\n });\n }\n userVar(login);\n saveUserLocalstorage(login);\n const cookies = new Cookies();\n cookies.set('lh_user', login.id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n let userType = login?.type;\n if (login.type === 'GUEST') {\n userType = login?.teamType;\n }\n saveLoginTypeLocalstorage(userType.toUpperCase());\n history.push(redirectTo ?? `/${getLoginType()}/dashboard`);\n })\n .catch((e) => {\n console.error(e);\n setIsEnabled(true);\n toast.error('Something went wrong!', {\n toastId: 'agLogErr',\n autoClose: 3000,\n });\n });\n };\n\n return (\n \n {\n openInNewTab(`${process.env.REACT_APP_API_URL}/redirect/google`);\n }}\n >\n
\n {children}\n {heading}
\n \n \n 
\n \n \n
\n \n );\n};\n\nexport default OpportunitiesCard;\n","import React, { Fragment } from 'react';\nimport { BackPanel, Heading, Link, Button } from '../../snippets';\nimport useGroups from '../../hooks/useGroups';\nimport { generateAssetImageURL } from '../../../utils/links';\nimport OpportunitiesCard from '../OpportunitiesForYou';\nimport { IMG_AGENCY_PLACEHOLDER } from '../../../utils/helpers';\n\nexport default function GridJobs({\n heading = 'Job Opportunities Just For You',\n type = 'recommendation',\n viewMoreUrl = null,\n buttonCopy = 'View More',\n data = [],\n user,\n}) {\n const { groupname } = useGroups();\n\n if (data.length === 0) {\n return null;\n }\n\n return (\n \n
\n \n \n {headline.length > 25\n ? `${headline.substring(0, 25)}...`\n : headline}\n \n
\n )}\n {info}
\n {tags.length > 0 && (\n \n
\n \n {tags.slice(0, smallerThan992 ? 3 : 4).map((chip) => (\n \n {chip.name.length > 25\n ? `${chip.name.substring(0, 25)}...`\n : chip.name}\n
\n ))}\n \n
\n {since}
\n \n {heading} \n {viewMoreUrl && (\n
\n \n \n {buttonCopy}\n \n
\n )}\n \n {data.map((d, i) => {\n return (\n \n {type === 'opportunities' ? (\n \n \n
\n )}\n \n );\n })}\n {viewMoreUrl && (\n \n
\n \n \n {d.headline.length > 25\n ? `${d.headline.substring(0, 25)}...`\n : d.headline}\n \n
\n {d.info}
\n \n {type === 'deals' ? (\n \n {groupname !== 'agency' ? (\n \n Find Out More\n \n )}\n \n ) : (\n
\n \n {d.since}\n {d.status ? (\n
\n )}\n \n {d.status}\n
\n ) : (\n ''\n )}\n\n
\n )}\n \n \n \n {buttonCopy}\n \n
\n \n {heading !== '' && {heading} }\n {viewMoreUrl && (\n
\n \n \n {viewMoreLabel}\n \n
\n )}\n \n {data?.map((d, i) => {\n return (\n \n \n 
\n \n \n \n {d.name && (\n \n {d.name}\n \n )}\n {d.headline && {d.headline} }\n \n
\n );\n })}\n {viewMoreUrl && (\n \n
\n )}\n \n \n );\n}\n\nexport default function GridCards({\n heading = 'Liberty Hive Community',\n viewMoreUrl = null,\n viewMoreLabel = ' View More',\n id = '',\n data,\n lightRadius = false,\n withBottomSpace = false,\n noPanel = false,\n fullWidthMobile = false,\n boldTitle = false,\n}) {\n const accptedProps = {\n heading,\n viewMoreUrl,\n viewMoreLabel,\n data,\n lightRadius,\n withBottomSpace,\n fullWidthMobile,\n boldTitle,\n };\n return noPanel ? (\n \n \n {viewMoreLabel}\n \n
\n \n
\n );\n },\n [balance, loading]\n );\n\n return {\n handleOnSwitchTeam,\n activeCompany,\n userTeams,\n user,\n otherTeams,\n isAdmin,\n ChipJobPosts,\n refetchTeamBalance: refetch,\n };\n}\n","import React, { useMemo } from 'react';\nimport { BackPanel, Heading, Link } from '../../snippets';\nimport useGroups from '../../hooks/useGroups';\nimport { useLocation } from 'react-router-dom';\nimport subnav from '../../placeholders/subnav';\nimport useTeams from '../../hooks/useTeams';\nimport { getRandomGradient } from '../../../utils/helpers';\nimport styled from 'styled-components';\n\nexport default function Subnav({ title = 'Account Settings' }) {\n const { groupname } = useGroups();\n const { isAdmin } = useTeams();\n\n return (\n \n {loading || onWaiting ? (\n 'Loading Job Posts balance...'\n ) : (\n \n {showBalance} Job Post{showBalance > 1 ? 's ' : ' '}Available\n \n )}\n
\n \n \n {title} \n \n \n
\n );\n}\n\nconst CustomLink = ({ label, link }) => {\n const { groupname } = useGroups();\n const { pathname } = useLocation();\n\n const gradient = useMemo(() => {\n return getRandomGradient(groupname);\n }, [groupname]);\n\n return (\n \n
\n \n )}\n \n \n \n {previewImage && isImage && (\n \n \n {previewImage ? (\n <>\n {isImage ? (\n \n
\n {previewImage}
\n \n \n Drag & Drop or browse to Replace\n \n
\n \n )}\n \n ) : (\n <>\n \n {headline !== '' && {headline} }\n \n
\n \n );\n}\n\nexport default function SectionForm({\n actionComponent,\n children,\n headline = '',\n contentFull = false,\n noPanel = false,\n className = '',\n leftWide = false,\n singleGrid = false\n}) {\n const props = {\n headline,\n actionComponent,\n contentFull,\n children,\n className,\n leftWide,\n singleGrid\n };\n if (noPanel) {\n return \n
\n {ActionComponent}
\n \n {children}\n
\n \n
\n \n {!hideImage && (\n
\n )}\n \n {profilePictureHeading && (\n \n
\n )}\n\n {vetted && (\n {profilePictureHeading}
\n )}\n {isEditor || editDefaultImage ? (\n \n
\n ) : (\n \n {\n setImg(file);\n }}\n defaultImage={editDefaultImage}\n noFrame={isEditor}\n maxFileSize={5e6}\n imageRounded={imageRounded}\n />\n
\n \n {profileImage && (\n
\n \n \n LH Vetted\n \n
\n )}\n \n {ActionComponent}\n {editURL && (\n \n {editLabel ?? 'Edit Profile'}\n \n )}\n
\n \n {children}\n
\n \n \n \n {filteredContents?.map(({ title, value, button, type, index }) => (\n \n {type === 'component' ? (\n <>{value()}\n ) : button ? (\n <>{button}\n ) : (\n value !== '-' && (\n <>\n {title && {title} }\n {Array.isArray(value) ? (\n \n )}\n \n )\n )}\n
\n ))}\n \n \n );\n}\n","import * as React from 'react';\n\nconst VettedIcon = ({ gradientColor = [] }) => (\n \n {value.map((v) => {\n return v;\n })}\n
\n ) : (\n \n \n {headline}{' '}\n {pronouns && (\n
\n
\n {subTitle && (\n\n {subTitle}\n \n )}\n\n {desktop && (\n
\n \n
\n \n {profilePictureHeading && (\n \n
\n {profilePictureHeading}
\n )}\n \n {profileImage && (\n
\n {vetted && (\n \n \n LH Vetted\n \n
\n )}\n \n {headline}{' '}\n {pronouns && (\n \n ({pronouns})\n \n )}\n
\n \n {subTitle && (\n
\n \n
\n )}\n {mobile && (\n \n \n
\n )}\n \n \n
\n \n {desktop && (\n \n )}\n
\n \n \n {\n return <>{item};\n }}\n headers={headers}\n tableProportion={proportions}\n >\n\n
\n \n {items.map((d, i) => {\n return (\n
\n \n {d[0]}\n \n
\n );\n })}\n \n {d[1]}\n\n
\n {d[2]}
\n\n {d[3]}\n \n {Array(steps)\n .fill('')\n .map((a, i) => {\n return (\n \n \n {i + 1}\n
\n \n );\n })}\n \n );\n}\n","import React, { useEffect, useState } from 'react';\nimport {\n Button,\n FormBlock,\n FormBlockItem,\n FormCTA,\n FormInput,\n Heading,\n} from '../../snippets';\nimport { useForm } from 'react-hook-form';\nimport GoogleSignInAction from '../GoogleSignInAction/GoogleSignInAction';\nimport useGroups from '../../hooks/useGroups';\nimport { registerVar, userVar } from '../../../graphql/config';\nimport { useLazyQuery } from '@apollo/react-hooks';\nimport { CHECK_USER } from '../../../graphql';\nimport { toast } from 'react-toastify';\nimport { useHistory, Redirect } from 'react-router-dom';\nimport { generateErrorPasswordText } from '../../../utils/helpers';\n\nexport default function RegisterLayer1({\n heading = 'Login information',\n setLoading = (val) => {},\n}) {\n const history = useHistory();\n const { groupname } = useGroups();\n const { register, handleSubmit, errors, clearErrors, watch, setValue } =\n useForm();\n const [credentials, setCredentials] = useState({});\n\n const [check, { data, loading, refetch }] = useLazyQuery(CHECK_USER, {\n onCompleted: () => isUniqueEmail(),\n onError: () => refetch(),\n });\n\n useEffect(() => {\n setLoading(loading);\n }, [loading, setLoading]);\n\n const isUniqueEmail = () => {\n toast.dismiss();\n if (data.checkUser) {\n registerVar(credentials);\n return history.push(`/${groupname}/register/2`);\n }\n toast.error('Email already exists!', {\n toastId: 'emXFrlcr',\n autoClose: 3000,\n });\n };\n\n if (userVar().access_token) {\n return (\n \n \n Now tell us a little about your company...\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n\n \n \n {loading ? 'Loading...' : 'Save'}\n \n \n \n
\n );\n}\n","import React from 'react'\nimport { BackPanel, Heading } from '../../snippets'\n\nexport default function LoadingSection() {\n return (\n \n
\n {contents?.right && contents.right.length > 0 && (\n \n {contents?.left\n ?.filter((c) => c !== null)\n .map(({ title, value, type = 'text', maxWidth }) => (\n \n {title} \n {type === 'component' ? (\n <>{value()}\n ) : (\n \n )}\n
\n ))}\n {children}\n \n {contents?.right\n ?.filter((c) => c !== null)\n .map(({ title, value, type = 'text', maxWidth }) => (\n \n {title} \n {type === 'component' ? (\n <>{value()}\n ) : (\n \n )}\n
\n ))}\n \n )}\n \n );\n}\n","import React, { Fragment } from 'react';\nimport { generateClassName } from '../../../utils/helpers';\nimport { Link } from '../../snippets';\n\nexport function TablerRender({ item }) {\n switch (item.type) {\n case 'nameby':\n return (\n <>\n {item.attributes.map((a, i) => {\n return (\n {a.content}
\n\n {a.by}\n
\n\n {item.attributes.map((a, i) => {\n if (a.to) {\n return (\n \n {a.content}\n \n );\n }\n return (\n a.action()}\n >\n {a.content}\n \n );\n })}\n
\n );\n default:\n return (\n <>\n {item.attributes.map((a, i) => {\n return {a.content};\n })}\n \n );\n }\n}\n\nexport default function TablerSection({\n id = '',\n headers = [],\n tables = [],\n className = '',\n tableProportion = [],\n footerComponent = null,\n renderItem = (item) => {},\n ...rest\n}) {\n return (\n \n \n
\n );\n })\n )}\n {footerComponent && }\n \n \n );\n}\n","import React, { Fragment } from 'react';\nimport { generateClassName } from '../../../utils/helpers';\nimport { Link } from '../../snippets';\n\nexport function TablerRender({ item }) {\n switch (item.type) {\n case 'nameby':\n return (\n <>\n {item.attributes.map((a, i) => {\n return (\n \n {headers.map((h, i) => (\n \n {h}\n
\n ))}\n {tables.map((t, i) =>\n t.map((c, j) => {\n return (\n \n
\n \n {renderItem(c, j)}\n
\n {a.content}
\n{a.by}
\n\n {item.attributes.map((a, i) => {\n if (a.to) {\n return (\n \n {a.content}\n \n );\n }\n return (\n a.action()}\n >\n {a.content}\n \n );\n })}\n
\n );\n default:\n return (\n <>\n {item.attributes.map((a, i) => {\n return {a.content};\n })}\n \n );\n }\n}\n\nexport default function TablerSectionGrid({\n id = '',\n headers = [],\n tables = [],\n className = '',\n tableProportion = [],\n footerComponent = null,\n renderItem = (item) => {},\n ...rest\n}) {\n return (\n \n {headers.map((h, i) => (\n \n {h}\n
\n ))}\n {tables.map((t, i) =>\n t.map((c, j) => (\n {renderItem(c)}
\n \n ))\n )}\n {footerComponent && }\n \n \n );\n}\n","import React from 'react';\nimport { generateClassName } from '../../../utils/helpers';\n\nexport default function TablerSimple({\n id = '',\n headers = [],\n tables = [],\n className = '',\n footerComponent = null,\n renderItem = (item) => {},\n ...rest\n}) {\n return (\n \n
\n {tables.map((t, i) => {\n return (\n \n {headers.map((h, i) => (\n \n {h}\n
\n ))}\n \n
\n \n );\n })}\n \n );\n })}\n {footerComponent && }\n \n );\n}\n","import React from 'react';\nimport { BackPanel, Heading, Button, Link, Text } from '../../snippets';\nimport useGroups from '../../hooks/useGroups';\nimport { IMG_AGENCY_PLACEHOLDER } from '../../../utils/helpers';\n\nexport default function GridCaseStudies({\n heading = 'Case Studies',\n viewMore = null,\n buttonCopy = 'View More',\n data,\n id = '',\n showMobileButton = false,\n titleOnly = false,\n headerButtonCopy = null,\n headerButtonUrl = null,\n showViewMore = false,\n}) {\n const { groupname } = useGroups();\n return (\n \n {renderItem(c, j)}\n
\n \n {heading} \n {headerButtonUrl && groupname === 'agency' && (\n
\n {showMobileButton && (\n \n \n {headerButtonCopy}\n \n
\n )}\n \n \n {headerButtonCopy}\n \n
\n )}\n \n {data.map((d, i) => {\n return (\n \n Edit\n \n )}\n
\n );\n })}\n \n {viewMore && showViewMore && (\n \n
\n {groupname === 'agency' && !titleOnly && (\n \n \n \n 
\n
\n \n \n {!titleOnly && (\n <>\n \n {d.headline.length > 25\n ? `${d.headline.substring(0, 25)}...`\n : d.headline}\n
\n {/* \n \n
*/}\n \n )}\n {titleOnly && (\n \n {d.headline.length > 25\n ? `${d.headline.substring(0, 25)}...`\n : d.headline}\n
\n )}\n \n \n {buttonCopy}\n \n
\n )}\n We are currently approving your account.
\n\n In the mean time, why not{' '}\n update your profile?\n
\nPlease Confirm Before You Apply!
\n\n
\n
\n setDisclouser((_prev) => !_prev)}\n {...rest}\n >\n {register && (\n \n
\n \n {disclouser && (\n {placeholder}
\n )}\n{activeLabel}
\n\n \n
\n )}\n \n );\n}\n","import React, { useMemo } from 'react';\nimport { generateClassName, getRandomGradient } from '../../../utils/helpers';\nimport useGroups from '../../hooks/useGroups';\n\nexport default function Switch({\n children,\n onChange,\n isError,\n name,\n isChecked = false,\n sameActive = false,\n className = '',\n}) {\n const { groupname } = useGroups();\n const gradient = useMemo(() => {\n return getRandomGradient(groupname);\n }, [groupname]);\n\n return (\n \n );\n}\n","import { useQuery } from '@apollo/react-hooks';\nimport React, { useMemo } from 'react';\nimport { GET_CASE_STUDIES_WITH_AGENCY } from '../../../graphql';\nimport GridCards from '../GridCards/GridCards';\nimport LoadingSection from '../LoadingSection/LoadingSection';\nimport { LINK_GROUP } from '../../../utils/links';\nimport { IMG_PLACEHOLDER } from '../../../utils/helpers';\nexport default function AgencyNetworkCaseStudy({ filters = [] }) {\n const {\n data: { caseStudies: { data: caseStudies = [] } = {} } = {},\n loading,\n refetch,\n } = useQuery(GET_CASE_STUDIES_WITH_AGENCY, {\n variables: {\n first: 100,\n page: 1,\n },\n onError: () => refetch(),\n });\n\n const caseStudyFilters =\n useMemo(() => {\n if (filters.length === 0) {\n return caseStudies;\n }\n const _temp = new Set([]);\n for (let f of filters) {\n const find = caseStudies.find((a) => {\n const s = a?.agency?.services?.find((n) => n.name === f);\n if (s) {\n return true;\n }\n return false;\n });\n if (find) {\n _temp.add(find);\n }\n }\n\n return Array.from(_temp);\n }, [filters, caseStudies]) ?? [];\n\n if (loading) {\n return \n {lists.map((item, i) => (\n {\n if (reset && setReset) {\n setReset(false);\n }\n setDisclouser(false);\n onSelected(item.value);\n if (clearErrors) {\n clearErrors();\n }\n setActive(item.value);\n }}\n key={item.value}\n >\n {item.label ?? item.value}\n \n ))}\n
\n \n
\n \n );\n}\n","import React from 'react';\nimport { Link } from '../../snippets';\n\nconst Deal = ({ externalLink, img, url, headline, info }) => {\n return (\n \n {agencyFilters?.map(\n ({ avatar, id, agency_name: name, skills, city, country }) => {\n return (\n
\n \n
\n );\n }\n )}\n \n
\n \n
\n \n
\n \n
\n {name}
\n \n {city}, {country}\n
\n \n {skills?.map((s) => (\n {s.name}\n ))}\n
\n \n \n View Profile\n \n
\n \n \n Find Out More\n \n
\n );\n};\n\nexport default Deal;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Multiselect } from 'multiselect-react-dropdown';\n\nexport default function AppMultiselect({\n leftIcon: LeftIconComponent = null,\n options,\n onSelect,\n displayValue,\n placeholder,\n selectedValues,\n setAppRef,\n closeOnSelect = false,\n hideChip = false,\n}) {\n const [updatedPlaceholder, setUpdatedPlaceholder] = useState(placeholder);\n const multiselectRef = useRef(null);\n\n useEffect(() => {\n if (setAppRef) {\n setAppRef(multiselectRef);\n }\n }, [multiselectRef, setAppRef]);\n\n const onFocus = () => {\n setUpdatedPlaceholder(`Search ${updatedPlaceholder}...`);\n };\n\n const onBlur = () => {\n setUpdatedPlaceholder(placeholder);\n };\n\n return (\n \n \n
\n \n \n
\n \n \n \n \n Find Out More\n \n
\n \n
\n {headline}
\n{info}
\n\n
\n \n \n \n \n \n
\n {!hideClear && (\n \n \n
\n )}\n \n {selected.map((select) => {\n return (\n {\n multiselectRef.current.resetSelectedValues();\n setSelected((_prev) => {\n const set = new Set(_prev);\n\n if (set.has(select)) {\n set.delete(select);\n } else {\n set.add(select);\n }\n\n return Array.from(set);\n });\n }}\n >\n \n
\n \n );\n })}\n \n \n \n );\n}\n","import React, { Fragment, useEffect, useRef, useState } from 'react';\nimport { Button } from '../../snippets';\nimport {\n getUser,\n handleClickOutside,\n IMG_PLACEHOLDER,\n} from '../../../utils/helpers';\nimport ButtonClose from '../ButtonClose/ButtonClose';\nimport useTeams from '../../hooks/useTeams';\n\nexport default function CompanySwitch() {\n const { otherTeams, user, handleOnSwitchTeam } = useTeams();\n\n const [active, setActive] = useState(false);\n const popupRef = useRef(null);\n\n const onClickOutside = (e) => {\n return handleClickOutside(e, popupRef, setActive);\n };\n\n useEffect(() => {\n document.addEventListener('mousedown', onClickOutside);\n return () => {\n document.removeEventListener('mousedown', onClickOutside);\n };\n }, []);\n\n if (otherTeams.length === 0) {\n return null;\n }\n\n return (\n \n
\n {select.name}\n \n setActive((p) => !p)}\n noGradient\n >\n 
\n \n {active && (\n
\n );\n}\n","import React, { useContext, useState } from 'react';\nimport {\n Button,\n FormBlock,\n FormBlockItem,\n FormCTA,\n FormInput,\n Heading,\n Text,\n} from '../../snippets';\nimport SectionProfile from '../SectionProfile/SectionProfile';\nimport { useForm } from 'react-hook-form';\nimport { AppContext } from '../../../Store';\nimport { toast } from 'react-toastify';\nimport { getUser, saveUserLocalstorage } from '../../../utils/helpers';\nimport { userVar } from '../../../graphql/config';\nimport useProfile from '../../hooks/useProfile';\n\nexport default function ApplyCreditCardForm({\n onDone = () => null,\n onCancel = () => null,\n}) {\n const {\n register,\n errors,\n clearErrors,\n handleSubmit,\n reset: clearForm,\n } = useForm();\n const [loading] = useState(false);\n const [state] = useContext(AppContext);\n const { updateProfile, loadingProfile } = useProfile();\n\n const submitInvoiceForm = async (data) => {\n toast.dismiss();\n\n return updateProfile({\n variables: {\n input: {\n ...data,\n },\n },\n })\n .then(({ data: { updateUser } }) => {\n const updatedUserObj = { ...getUser(), ...updateUser };\n userVar(updatedUserObj);\n saveUserLocalstorage(updatedUserObj);\n toast.success('Your data has been submitted!', {\n autoClose: 2000,\n });\n clearForm();\n onDone();\n })\n .catch((e) => {\n console.error(e);\n toast.error('Something went wrong!', { toastId: 'resErr' });\n });\n };\n\n return (\n <>\n \n setActive(false)} light />\n
\n )}\n \n
\n \n
\n \n
\n \n
\n {user?.company}
\n {getUser()?.name}
\n \n
\n Other Teams
\n \n {otherTeams?.map(({ user, ...rest }, i) => {\n return (\n \n {\n handleOnSwitchTeam({ user, ...rest });\n }}\n >\n \n );\n })}\n {otherTeams?.length === 0 && (\n No Other Teams \n )}\n
\n \n
\n \n {user.company}\n
\n \n \n ${address_1 ?? ''}
\n ${address_2 ? `${address_2}
` : ''}\n${city ?? ''}
\n${state ?? ''}
\n${country ?? ''}
\n${zip ?? ''}
`;\n}\nconst CONTENTS_UTIL = {\n generateDetails: generateProfileDetails,\n generateRowDetails: generateRowDetails,\n generateAddress,\n generateRowComponent,\n};\n\nexport default CONTENTS_UTIL;\n","import { useQuery } from '@apollo/react-hooks';\nimport { GET_CREDIT_HISTORY, GET_SUBSCRIPTION_HISTORY } from '../../graphql';\nimport { useContext, useState } from 'react';\nimport { AppContext } from '../../Store';\nimport { getUser } from '../../utils/helpers';\n\nexport default function useCredits() {\n const [state] = useContext(AppContext);\n const [balance, setBalance] = useState(0);\n const [billingList, setBillingList] = useState([]);\n\n const handleDownloadInvoice = (invoiceId) => {\n const url = `${process.env.REACT_APP_API_URL}/api/user/${\n getUser().id\n }/invoice/${invoiceId}`;\n const newWindow = window.open(url, '_blank', 'noopener,noreferrer');\n if (newWindow) newWindow.opener = null;\n };\n\n const {\n loading: balanceLoading,\n data: balanceData,\n refetch: refetchCredit,\n } = useQuery(GET_CREDIT_HISTORY, {\n fetchPolicy: 'network-only',\n variables: {\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n agency: state?.activeCompany?.team_id,\n },\n onCompleted: (data) => {\n if (data.creditHistory.length > 0) {\n setBalance(data.creditHistory[0].balance);\n } else {\n setBalance(0);\n }\n },\n onError: () => refetchCredit(),\n });\n\n const { refetch: refetchCreditINOnly, loading: loadingBillingList } =\n useQuery(GET_CREDIT_HISTORY, {\n fetchPolicy: 'network-only',\n variables: {\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n agency: state?.activeCompany?.team_id,\n type: 'IN',\n },\n onCompleted: (data) => {\n const combined = billingList.concat(\n data.creditHistory.map(({ qty, total, invoice_id, created_at }) => ({\n qty,\n total,\n invoice_id,\n created_at,\n }))\n );\n setBillingList(\n combined.sort((a, b) => {\n if (a.created_at > b.created_at) {\n return -1;\n }\n if (b.created_at > a.created_at) {\n return 1;\n }\n return 0;\n })\n );\n },\n onError: () => refetchCreditINOnly(),\n });\n\n const { refetch: refetchSubscription, loading: loadingSubcription } =\n useQuery(GET_SUBSCRIPTION_HISTORY, {\n fetchPolicy: 'network-only',\n variables: {\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n agency: state?.activeCompany?.team_id,\n },\n onCompleted: (data) => {\n const combined = billingList.concat(\n data.subscriptionHistory.map(({ price, stripe_id, created_at }) => ({\n name: 'Monthly Subscription',\n total: price,\n invoice_id: stripe_id,\n created_at,\n }))\n );\n setBillingList(\n combined.sort((a, b) => {\n if (a.created_at > b.created_at) {\n return -1;\n }\n if (b.created_at > a.created_at) {\n return 1;\n }\n return 0;\n })\n );\n },\n onError: () => refetchSubscription(),\n });\n\n return {\n balance: {\n loading: balanceLoading,\n data: balanceData,\n current: balance,\n setBalance,\n handleDownloadInvoice,\n refetch: refetchCredit,\n },\n billing: {\n list: billingList,\n loading: loadingSubcription || loadingBillingList,\n handleDownloadInvoice,\n },\n };\n}\n","import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n Button,\n FormBlock,\n FormBlockItem,\n FormCTA,\n FormInput,\n Heading,\n} from '../../snippets';\n\nimport { useForm } from 'react-hook-form';\nimport { LoadingSection, SectionForm, TablerSection } from '../';\nimport useBilling from '../../hooks/useBilling';\nimport { AppContext } from '../../../Store';\nimport { GET_DEFAULT_PAYMENT_METHOD } from '../../../graphql';\nimport { useLazyQuery } from '@apollo/react-hooks';\n\nexport default function ManagePaymentForm({\n singleGrid = false,\n handleSave = () => {},\n}) {\n const [state] = useContext(AppContext);\n const { register, errors, clearErrors } = useForm();\n const [filled, setFilled] = useState(false);\n const [cardNumber, setCardNumber] = useState(null);\n const [cardExpiry, setCardExpiry] = useState(null);\n const [getDefaultPaymentMethod, { loading: loadingPaymentMethod }] =\n useLazyQuery(GET_DEFAULT_PAYMENT_METHOD, {\n fetchPolicy: 'network-only',\n variables: {\n teamId: state?.activeCompany?.team_id,\n },\n onCompleted: (data) => {\n const { defaultPaymentMethod } = data;\n\n if (defaultPaymentMethod) {\n setCardNumber(`**** **** **** ${defaultPaymentMethod?.last4}`);\n setCardExpiry(\n `${('0' + defaultPaymentMethod?.exp_month).slice(-2)}/${\n defaultPaymentMethod?.exp_year\n }`\n );\n setFilled(true);\n }\n },\n });\n\n const {\n billings: { address = {} } = {},\n handleUpdateAddress,\n handleOnSaveBilling,\n savingAddress,\n savingBilling,\n stripe,\n setCardComplete,\n setError,\n onChangeBillingAddress,\n CardNumberElement,\n CardExpiryElement,\n CardCvcElement,\n } = useBilling();\n\n useEffect(() => {\n if (state?.activeCompany?.team_id) {\n getDefaultPaymentMethod();\n }\n }, [state, getDefaultPaymentMethod]);\n\n const createOptions = () => ({\n style: {\n base: {\n fontSize: '16px',\n color: '#0e0e0e',\n '::placeholder': {\n color: '#acacac',\n },\n height: '43px',\n letterSpacing: '0.18px',\n lineHeight: '43px',\n fontWeight: 'bold',\n },\n invalid: {\n color: '#c23d4b',\n },\n },\n variables: {\n colorPrimary: '#0570de',\n colorBackground: 'blue',\n },\n classes: {\n base: 'StripeCardBase',\n },\n });\n return (\n <>\n\n
\n );\n};\n\n// const ConfirmationModal = ({\n// calculatePriceIsLoading,\n// totals,\n// watchQTY,\n// getValues,\n// promoValue,\n// setOnSaving,\n// onSaving,\n// onConfirmAddCredi,\n// }) => {\n// return (\n// <>\n// \n
\n Job Posts Added
\n \n {watchQTY ?? 1}\n
\n \n
\n {getValues('qty') > 2 && (\n Subtotal
\n \n £{' '}\n {calculatePriceIsLoading\n ? '...'\n : totals.subtotalExcludingDiscount.toFixed(2)}\n
\n \n
\n )}\n {promoValue !== 0 && getValues('promo') && (\n Discounts Applied
\n \n £{' '}\n {calculatePriceIsLoading ? '...' : totals.discountAmount.toFixed(2)}\n
\n \n
\n )}\n Promo Code
\n \n £ {calculatePriceIsLoading ? '...' : promoValue.toFixed(2)}\n
\n \n
\n \n VAT @{totals.vatPercentage * 100}%\n
\n \n £{' '}\n {calculatePriceIsLoading ? '...' : totals.vatAmount.toFixed(2)}\n
\n \n
\n TOTAL
\n \n £ {totals.total.toFixed(2)}\n
\n You can buy the job posts online or you can apply for an account to be invoiced directly.',\n 50\n ),\n CONTENTS_UTIL.generateRowComponent(\n 'How Many Posts Do You Need?',\n () => {\n return (\n <>\n
\n
*/}\n \n
\n \n Job Posts Added\n
\n \n {watchQTY ?? 1}\n
\n \n
\n {getValues('qty') > 2 && (\n Subtotal
\n \n £{' '}\n {calculatePriceIsLoading\n ? '...'\n : totals.subtotalExcludingDiscount.toFixed(2)}\n
\n \n
\n )}\n {getValues('promo') !== '' && (\n \n Discounts Applied\n
\n \n £{' '}\n {calculatePriceIsLoading\n ? '...'\n : totals.discountAmount.toFixed(2)}\n
\n \n
\n )}\n Promo Code
\n \n £{' '}\n {calculatePriceIsLoading ? '...' : promoValue.toFixed(2)}\n
\n \n
\n \n VAT @{totals.vatPercentage * 100}%\n
\n \n £{' '}\n {calculatePriceIsLoading\n ? '...'\n : totals.vatAmount.toFixed(2)}\n
\n \n
\n TOTAL
\n \n £ {totals.total.toFixed(2)}\n
\n \n {hasCard ? (\n \n {onSaving ? 'Processing...' : 'Payment Online'}\n \n ) : submittedCard ? (\n \n PAY\n \n ) : (\n {\n if (hasCard) {\n onOpeModal(() => (\n {\n updateModalLastState('closed');\n reset();\n onCloseModal();\n }}\n />\n ));\n } else {\n history.push({\n pathname: `/${LINK_GROUP.EMPLOYER}/manage-payment-info`,\n });\n }\n }}\n text=\"md\"\n disabled={loading || onSaving || calculatePriceIsLoading}\n >\n {loading ? 'Loding...' : 'Add Payment Info'}\n \n )}\n onApplyForCreditAccont()}\n text=\"md\"\n disabled={loading || calculatePriceIsLoading}\n >\n {loading ? 'Loding...' : 'Apply For Credit Account'}\n \n
\n \n );\n },\n 439\n ),\n ]);\n }, [\n loading,\n register,\n clearErrors,\n onApplyForCreditAccont,\n watchQTY,\n errors,\n totals,\n calculatePriceIsLoading,\n onSaving,\n applyPromo,\n getValues,\n hasCard,\n onCloseModal,\n onOpeModal,\n promoValue,\n submittedCard,\n updateModalLastState,\n ]);\n\n const [addCredit] = useMutation(ADD_CREDIT);\n\n const addCreditRequest = (data) => {\n if (onSaving) {\n return;\n }\n onOpeModal(() => (\n <>\n \n \n {heading}\n \n \n \n \n \n \n \n \n \n \n \n\n {/* \n {loadingIndustries && Loading...}\n {\n setSelectedIndustry(value);\n },\n }}\n >\n \n \n \n */}\n\n \n \n {loading ? 'Loading...' : 'Save'}\n \n \n \n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { EditorState } from 'draft-js';\nimport { Editor } from 'react-draft-wysiwyg';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\nimport { convertFromHTML } from 'draft-convert';\n\nexport default function Wysiwyg({\n name,\n defaultValue = '',\n onChange,\n maxLength = 1000,\n}) {\n const [content, setContent] = useState(EditorState.createEmpty());\n const [contentLength, setContentLength] = useState(\n content?.getCurrentContent().getPlainText('\\u0001').length\n );\n\n const handleOnChange = (editorState) => {\n setContent(editorState);\n setContentLength(\n editorState?.getCurrentContent().getPlainText('\\u0001').length\n );\n onChange(editorState);\n };\n\n useEffect(() => {\n if (typeof defaultValue === 'string' && defaultValue.length > 0) {\n const value = EditorState.createWithContent(\n convertFromHTML(defaultValue)\n );\n const valueLength = value.length;\n\n if (!content || content?.getCurrentContent()?.hasText() === false) {\n setContent(value);\n setContentLength(valueLength);\n onChange(value);\n }\n } else if (typeof defaultValue === 'object') {\n setContent(defaultValue);\n setContentLength(\n defaultValue?.getCurrentContent()?.getPlainText('\\u0001').length\n );\n }\n }, [defaultValue, content]);\n\n return (\n <>\n \n
\n )}\n \n );\n}\n","import React, { useMemo, useState } from 'react';\nimport { FormFieldAddOns } from '..';\nimport PhoneInput from 'react-phone-input-2';\nimport { Dropdown, Wysiwyg } from '../../components';\nimport classNamesHelper from 'classnames';\nimport DatePicker from 'react-date-picker';\n\nconst typeWithHelpText = {\n select: true,\n};\n\nexport default function FormInput({\n fieldClassName = 'field',\n className = '',\n type = 'text',\n settings = { required: false },\n isRequired = false,\n autoComplete = 'false',\n error = null,\n name = 'formname',\n helpChildren,\n checkboxChildren = null,\n register,\n withEmailValidation = false,\n options = [],\n value = '',\n defaultValue = '',\n defaultChecked = false,\n showErrorText = false,\n setPhoneNo = (val) => {},\n setPhoneError = () => {},\n handleEnterKey = () => {},\n watch,\n setValue,\n clearErrors,\n selectSetting = {\n onSelect: (e) => {},\n reset: false,\n setReset: (e) => {},\n },\n placeholder: originPlaceholder = '',\n datePickerSetting = {\n format: 'dd/MM/y',\n name: 'close_date',\n required: false,\n clearIcon: null,\n dayPlaceholder: 'dd',\n monthPlaceholder: 'mm',\n yearPlaceholder: 'yyyy',\n onChange: (e) => {},\n value: '',\n },\n maxLength,\n ...rest\n}) {\n const showWarnError = useMemo(() => {\n if (showErrorText) {\n return true;\n }\n return typeWithHelpText[type] ?? false;\n }, [type, showErrorText]);\n\n const classNames =\n useMemo(() => {\n let _c = ['field-input', className];\n if (type === 'google') {\n _c = ['g-circle'];\n }\n if (type === 'phone') {\n _c.push('field-input--pull-left');\n }\n if (error) {\n _c.push('error-state');\n }\n return _c.join(' ');\n }, [className, error, type]) || [];\n\n const setup = useMemo(() => {\n let _s = settings;\n\n if (isRequired) {\n _s = { ..._s, required: true };\n }\n\n if (type === 'email' || withEmailValidation) {\n return {\n pattern:\n /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/,\n ..._s,\n };\n }\n if (type === 'password' || withEmailValidation) {\n return {\n pattern: /^(?=.*\\W)(?!.* ).{8,}$/,\n ..._s,\n };\n }\n\n return _s;\n }, [settings, isRequired, type, withEmailValidation]);\n\n const validatePhone = (phone) => {\n if (isRequired) {\n if (phone.length < 5) {\n return setPhoneError(true);\n }\n }\n if (!/^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/.test(phone)) {\n return setPhoneError(true);\n }\n\n return setPhoneError(false);\n };\n\n const placeholder = useMemo(() => {\n if (!error) {\n return originPlaceholder;\n }\n return error;\n }, [error, originPlaceholder]);\n\n function onChangePhone(value) {\n setPhoneNo(value);\n validatePhone(value);\n }\n\n const watchValue = useMemo(() => {\n if (watch) {\n return watch(name);\n }\n\n return '';\n }, [watch, name]);\n\n const [passwordRevealed, setPasswordRevealed] = useState(false);\n\n return (\n <>\n {{contentLength}} / 1000
\n \n {type === 'textarea' && (\n clearErrors([name]) : undefined}\n >\n )}\n\n {type === 'wysiwyg' && (\n {\n if (clearErrors) {\n clearErrors([name]);\n }\n setValue(val);\n }}\n maxLength={maxLength}\n />\n )}\n\n {type === 'select' && (\n <>\n clearErrors([name]) : undefined}\n placeholder={placeholder}\n reset={selectSetting.reset}\n setReset={selectSetting.setReset}\n {...rest}\n />\n \n )}\n\n {type === 'phone' && (\n validatePhone(value)}\n value={defaultValue}\n />\n )}\n\n {type === 'checkbox' && (\n \n )}\n\n {type === 'radio' && (\n \n )}\n\n {type === 'radiobutton' && (\n \n )}\n\n {type === 'password' && (\n \n
\n )}\n\n {type === 'file' && (\n \n )}\n\n {(type === 'text' || type === 'number' || type === 'email') && (\n \n setPasswordRevealed((prev) => !prev)}\n >\n {\n if (setValue) {\n setValue(name, '');\n }\n }}\n >\n \n \n
\n )}\n {children}
\n )\n}\n","import React from 'react';\nimport ErrorText from '../ErrorText/ErrorText';\n\nexport default function FormFieldAddOns({\n error,\n showWarnError = false,\n helpChildren,\n style = {},\n}) {\n return (\n \n
\n );\n}\n","import React from 'react';\nimport FormFieldAddOns from '../FormFieldAddOns/FormFieldAddOns';\nimport { FileUploader, UploadContainer } from '../../components';\nimport { generateClassName } from '../../../utils/helpers';\n\nexport default function FormFieldUpload({\n error,\n onError = () => {},\n setImg = () => {},\n showWarnError = true,\n square = false,\n helpText,\n isFile = false,\n noOutline = false,\n center = false,\n finished = false,\n setFinished = () => {},\n maxFileSize = null,\n imageRounded = false,\n}) {\n return (\n <>\n \n {error && showWarnError && {error} }\n
\n {helpChildren && {helpChildren}
}\n \n \n
\n \n
\n \n
\n {name}
\n{email}
\n\n {pending && (\n \n Send Again\n \n )}\n {onDelete && (\n setShowConfirmModal(true)}\n >\n Delete\n \n )}\n
\n \n
\n \n \n );\n};\n\nexport default TeamMember;\n","import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport useGroups from '../../hooks/useGroups';\nimport Hamburger from 'hamburger-react';\nimport { Link } from '../../snippets';\nimport { useAppTheme } from '../../context/themeAppContext';\nimport { generateAssetImageURL, LINK_GROUP } from '../../../utils/links';\nimport { getUser } from '../../../utils/helpers';\nimport {\n useParams,\n useHistory,\n} from 'react-router-dom/cjs/react-router-dom.min';\nimport { AppContext } from '../../../Store';\nimport CompanySwitch from '../CompanySwitch/CompanySwitch';\nimport { ChevronLeftIcon } from '../../icons';\n\nconst accountNavPath = {\n [LINK_GROUP.AGENCY]: 'profile',\n [LINK_GROUP.FREELANCER]: 'personal-information',\n [LINK_GROUP.CANDIDATE]: 'personal-information',\n [LINK_GROUP.EMPLOYER]: 'account',\n [LINK_GROUP.COMPANY]: 'account',\n};\n\nconst loggedUserNav = (groupname, options = {}) => {\n const { showOpportunity, showCaseStudyEdit, id, hideSwitchCompany } = options;\n const isCompany =\n groupname === LINK_GROUP.COMPANY || groupname === LINK_GROUP.EMPLOYER;\n return (\n <>\n {isCompany && showOpportunity && (\n <>\n \n Delete {pending ? 'Invite' : 'Team Member'}\n
\n\n Are you sure you want to delete this{' '}\n {pending ? 'invitation' : 'team member'}?\n
\n\n setShowConfirmModal(false)}\n >\n Close\n \n \n
\n \n \n {showBackButton && (\n \n history.goBack()}\n className=\"app-btn btn-nav d-flex align-items-center\"\n >\n
\n\n {showNavigation && (\n \n \n })
\n \n
\n\n \n \n \n Back\n
\n \n )}\n\n {goBack && (\n\n Back\n
\n \n )}\n\n {isLoggedIn\n ? loggedUserNav(groupname, {\n showOpportunity: state?.activeCompany?.can_post_jobs,\n showCaseStudyEdit,\n id,\n avatar: state?.activeCompany?.user?.avatar,\n hideSwitchCompany,\n })\n : guessUserNav(groupname)}\n\n {isCompany &&
\n )}\n \n\n {showBackButton && (\n \n
\n \n \n
\n )}\n \n );\n}\n","import { LINK_GROUP } from './links';\n\nconst skin = {\n agency: 'theme-agency',\n consultant: 'theme-consultant',\n company: 'theme-company',\n};\n\nexport function setTheme(type) {\n switch (type) {\n case LINK_GROUP.AGENCY:\n return skin.agency;\n case LINK_GROUP.FREELANCER:\n case LINK_GROUP.CANDIDATE:\n case LINK_GROUP.CONSULTANT:\n return skin.consultant;\n case LINK_GROUP.COMPANY:\n case LINK_GROUP.EMPLOYER:\n return skin.company;\n\n default:\n return skin.agency;\n }\n}\n\nexport default {\n skin,\n setTheme,\n};\n","import React from 'react';\n\nexport default function MainLayout({ children }) { \n return (\n <>\n {children} \n \n );\n}\n","import React from 'react';\nimport { useAppTheme } from '../../context/themeAppContext';\nimport ButtonClose from '../ButtonClose/ButtonClose';\n\nexport default function AppModal({ heading }) {\n const {\n action: { setCloseModal },\n state: {\n modal: { open, render },\n },\n } = useAppTheme();\n\n if (open) {\n return (\n \n \n
\n );\n }\n return null;\n}\n","import React, { useEffect, useMemo } from 'react';\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom';\nimport Header from '../components/Header/Header';\nimport theme from '../../utils/theme';\nimport MainLayout from './main';\nimport { Footer, Sidenav, Subnav } from '../components';\nimport AppModal from '../components/AppModal/AppModal';\nimport { Gradient } from 'whatamesh';\nimport { LINK_GROUP } from '../../utils/links';\n\nexport default function DefaultLayout({\n className,\n children,\n showSubmenu = false,\n showNavigation = true,\n showBackButton = false,\n goBack = false,\n backButtonUrl = null,\n showCaseStudyEdit = false,\n hideSwitchCompany = false,\n isLoading = false,\n}) {\n let { pathname } = useLocation();\n\n useEffect(() => {\n const gradient = new Gradient();\n gradient.initGradient('#gradient-background');\n }, [pathname]);\n\n const cn = useMemo(() => {\n let _cn = ['theme', 'main-wrapper'];\n let type = pathname.split('/')[1];\n\n if (!Object.values(LINK_GROUP).includes(type)) {\n type = localStorage.getItem('userType');\n }\n\n _cn.push(theme.setTheme(type));\n\n return _cn.join(' ');\n }, [pathname, localStorage]);\n\n return (\n \n
\n \n
\n {render()}\n \n \n
\n \n {children} \n \n
\n \n {dealsData.map((d, i) => {\n return
\n \n All Job Opportunities \n
\n\n \n There are no opportunities that currently match your search.\n Please try again!\n
\n ) : (\n \n {oppportunities.map((d, i) => {\n return (\n
\n ))\n )}\n \n \n
\n );\n })}\n \n
\n \n \n {d.headline}\n \n
\n \n {d.info}\n
\n \n
\n \n {d.since}\n {d.status ? (\n
\n \n {d.status}\n
\n ) : (\n ''\n )}\n';\n\nexport default function OpportunityDetailPage({\n match: {\n params: { id },\n },\n}) {\n const {\n action: { setOpenModal },\n } = useAppTheme();\n const { groupname } = useGroups();\n const [hasApplied, setHasApplied] = useState(false);\n const [isProfileComplete, setIsProfileComplete] = useState(false);\n const [isProfileActive, setIsProfileActive] = useState(false);\n const [messages, setMessages] = useState([]);\n const [applicationLink, setApplicationLink] = useState(false);\n const [viewOpportunity, { called, data, loading }] = useMutation(\n VIEW_OPPORTUNITY,\n {\n onError: (e) => {\n toast.error('Something went wrong!', { toastId: 'errOppDet' });\n },\n }\n );\n\n const { data: userData, refetch } = useQuery(GET_AUTH_USER, {\n fetchPolicy: 'network-only',\n onCompleted: () => {\n checkProfileCompleted();\n checkProfileActive();\n },\n onError: () => refetch(),\n });\n\n const { articles, loading: loadingArticles } = useArticles({\n availability: ['AGENCY', 'FREELANCER_AND_AGENCY'],\n first: 4,\n });\n\n const { deals, loading: loadingDeals } = useDeals({ first: 6 });\n\n const dealsData = useMemo(() => {\n let _limit = 6;\n\n if (deals.length < _limit) {\n _limit = deals?.length;\n }\n\n const data = deals?.slice(0, _limit);\n\n return (\n data?.map(({ created_at, image, link, subtitle, title }) => {\n return {\n img: image ?? null,\n headline: title ?? 'NA',\n info: subtitle ?? '-',\n since: humanReadableTime(created_at),\n url: link,\n externalLink: true,\n };\n }) ?? []\n );\n }, [deals]);\n\n if (!called && data === undefined && id) {\n viewOpportunity({\n variables: {\n id,\n },\n });\n }\n\n const checkProfileCompleted = () => {\n if (userData.me) {\n if (groupname === LINK_GROUP.CANDIDATE) {\n setIsProfileComplete(userData?.me?.isProfileComplete?.complete);\n setMessages(userData?.me?.isProfileComplete?.missing);\n } else if (groupname === LINK_GROUP.AGENCY) {\n setIsProfileComplete(true);\n setMessages([]);\n }\n }\n };\n\n const checkProfileActive = () => {\n if (userData.me) {\n if (groupname === LINK_GROUP.CANDIDATE) {\n setIsProfileActive(userData?.me?.status === 'ACTIVE');\n } else if (groupname === LINK_GROUP.AGENCY) {\n setIsProfileActive(true);\n }\n }\n };\n\n const contents = useMemo(() => {\n if (!data?.viewOpportunity) {\n return;\n }\n const {\n viewOpportunity: {\n agency,\n genres,\n is_on_site,\n is_remote,\n location,\n type,\n sub_type,\n level,\n skills,\n services,\n created_at,\n description,\n minimumBudget,\n maximumBudget,\n is_compensation_displayed,\n compensation_unit,\n compensation_currency,\n applicants,\n application_link,\n target,\n },\n } = data;\n setHasApplied(userHasApplied(applicants));\n setApplicationLink(\n typeof application_link !== 'undefined' && application_link\n );\n\n return CONTENTS_UTIL.generateDetails(\n [\n CONTENTS_UTIL.generateRowDetails(\n 'Employer',\n agency?.company\n ? `${agency?.company}`\n : '-'\n ),\n genres?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Category Experience',\n genres?.map(({ name }) => `${name}`).join(br)\n )\n : null,\n CONTENTS_UTIL.generateRowDetails(\n 'Location',\n getOpportunityLocation(is_on_site, is_remote, location) ?? '-'\n ),\n target === 'job'\n ? CONTENTS_UTIL.generateRowDetails(\n 'Job Type',\n [type, sub_type].map((t) => capitalizeFirstLetter(t)).join(br)\n )\n : null,\n target === 'job'\n ? CONTENTS_UTIL.generateRowDetails(\n 'Experience Level',\n capitalizeFirstLetter(level) ?? '-'\n )\n : null,\n target === 'project'\n ? services?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Services',\n services?.map(({ name }) => `${name}`).join(br)\n )\n : null\n : skills?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Skills',\n skills?.map(({ name }) => `${name}`).join(br)\n )\n : null,\n\n CONTENTS_UTIL.generateRowDetails(\n 'Date Published',\n dayjs(created_at, 'YY-MM-DD').fromNow() ?? '-'\n ),\n ],\n [\n CONTENTS_UTIL.generateRowDetails(`About the role`, description ?? '-'),\n is_compensation_displayed &&\n compensation_currency &&\n minimumBudget &&\n CONTENTS_UTIL.generateRowDetails(\n 'Compensation',\n `${compensation_currency} ${minimumBudget.toLocaleString()} ${\n maximumBudget && ' — ' + maximumBudget.toLocaleString()\n } ${compensation_unit === 'DAY' ? 'daily' : 'annually'}`\n ),\n ]\n );\n }, [data, groupname]);\n\n const communityArticles = useMemo(() => {\n return articles.map((a) => {\n return {\n img: a.image,\n headline: a.title,\n url: `/${groupname}/resources/${a.slug}`,\n };\n });\n }, [articles, groupname]);\n\n const ProfileIncomplete = ({ missing }) => {\n return (\n <>\n
Please complete your profile to apply to this job.
\n\n
Adding skills helps improve the accuracy of job matches.
\n\n Required information missing:\n
\n {missing.map((m) => (\n <>\n {m.charAt(0).toUpperCase() + m.slice(1)}\n
\n \n ))}\n \n );\n };\n\n const ProfileInactive = () => {\n return (\n <>\n
Action Not Permitted - Your Profile Is Inactive
\n\n
\n We are currently reviewing your profile, skills and experience to\n ensure they align with the requirements of our client partners. Once\n your profile is accepted, you'll then be ready to explore exciting\n opportunities tailored to your expertise. In the meantime, we\n encourage you to take a moment to complete your profile with as much\n detail as possible to maximize your chances of finding the perfect\n match.\n
\n\n
\n Thank you for your patience, and we look forward to helping you find\n your next great opportunity.\n
\n \n );\n };\n\n return (\n\n \n
,\n {title}
\n \n{company}
\n{dayjs(created_at, 'YY-MM-DD').format('DD/MM/YYYY')}
,\n';\n\nexport default function ProfilePage() {\n const { groupname } = useGroups();\n const { user, isAdmin } = useTeams();\n const [state] = useContext(AppContext);\n\n const [\n getCaseStudies,\n { data: { caseStudies: { data = [] } = {} } = {}, loading, refetch },\n ] = useLazyQuery(GET_CASE_STUDIES, {\n variables: {\n first: 10,\n page: 1,\n where: {\n AND: [\n {\n column: 'AGENCY_ID',\n operator: 'EQ',\n value: Number(state?.activeCompany?.team_id),\n },\n ],\n },\n },\n onError: () => refetch(),\n });\n\n useEffect(() => {\n getCaseStudies();\n }, [state.activeCompany, getCaseStudies]);\n\n const contents = useMemo(() => {\n if (!user) {\n return;\n }\n\n const { agency_name, agency_phone, bio, genres, services, website } =\n user || {};\n\n return CONTENTS_UTIL.generateDetails(\n [\n CONTENTS_UTIL.generateRowDetails('Agency Name', agency_name ?? '-'),\n CONTENTS_UTIL.generateRowDetails('About Us', bio ?? '-'),\n website ? CONTENTS_UTIL.generateRowDetails('Website', website) : null,\n agency_phone?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Contact Information',\n checkAndModifyPhoneNumber(agency_phone[0]?.attributes?.phone)\n )\n : null,\n ],\n [\n services?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Services',\n services.map(({ name }) => name).join(br)\n )\n : null,\n genres?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Category Experience',\n genres?.length > 0 ? genres.map(({ name }) => name).join(br) : '-'\n )\n : null,\n ]\n );\n }, [user]);\n\n const caseStudiesData = useMemo(() => {\n return (\n data?.map(({ id, thumbnail, description, title }) => {\n return {\n img: thumbnail ?? null,\n headline: title ?? 'NA',\n info: description ?? '-',\n externalLink: true,\n id: id,\n };\n }) ?? []\n );\n }, [data]);\n\n return (\n
Current Team Members
\n\n {viewUserTeam?.map((tm, i) => (\n 1\n ? () => {\n deactivateAccount(tm);\n setTeamMembers(teamMembers.splice(i, 1));\n }\n : false\n }\n setShowConfirmModal={setDeleteTeamShowConfirmModal}\n showConfirmModal={showDeleteTeamConfirmModal}\n />\n ))}\n
\n {viewInvitations.length > 0 && (\n <>\n Pending Team Member Invites
\n\n {viewInvitations.map((tm) => (\n resendInvite(tm.id)}\n onDelete={() => deleteInvite(tm.id)}\n setShowConfirmModal={setDeleteInviteShowConfirmModal}\n showConfirmModal={showDeleteInviteConfirmModal}\n />\n ))}\n
\n \n )}\n New Team Member
\n \n\n {caseStudy.title} \n
\n {caseStudy?.agency?.agency_name}
\n\n \n\n {caseStudy.external_url && (\n \n \n \n )}\n
\n \n
\n {caseStudy.content?.map((item) => {\n if (item.layout === 'image') {\n return \n
\n )}\n {previewImages.length > 0 && (\n \n 
\n {\n onRemoveImage(null);\n setImage(null);\n setPreviewImage(null);\n }}\n >\n \n
\n \n {previewImages.map((file, index) =>\n file?.type === 'video' ? (\n
\n ) : (\n \n \n {\n const newImages = images?.filter((item, i) => i !== index);\n const newPreview = previewImages.filter(\n (item, i) => i !== index\n );\n onRemoveImage(newImages);\n setPreviewImages(newPreview);\n setImages(newImages);\n }}\n >\n \n
\n \n {\n const newImages = images?.filter((item, i) => i !== index);\n const newPreview = previewImages.filter(\n (item, i) => i !== index\n );\n onRemoveImage(newImages);\n setPreviewImages(newPreview);\n setImages(newImages);\n }}\n >\n \n
\n \n )\n )}\n \n )}\n {!previewImage && previewImages.length !== length && (\n \n {errorMessage\n ? errorMessage\n : isError\n ? 'You must upload an agency logo'\n : ''}\n
\n \n );\n}\n","import React, { useEffect, useRef, useState } from 'react';\nimport { IconUploadCloud } from './Icons';\n\nexport default function UploadNoPreview({\n onSetImage = (image) => {},\n isError,\n multiple = false,\n accept = 'image/*',\n}) {\n const [image, setImage] = useState(null);\n const [images, setImages] = useState([]);\n const hiddenFileInput = useRef();\n\n useEffect(() => {\n if (multiple) {\n onSetImage(images);\n } else {\n onSetImage(image);\n }\n }, [image, onSetImage, images, multiple]);\n\n const handleDragOver = (event) => {\n event.preventDefault();\n };\n\n const openFileInput = () => {\n hiddenFileInput.current.click();\n };\n\n const handleChangeImage = (event) => {\n if (multiple) {\n onSetImage(event.target.files);\n for (let index = 0; index < event.target.files.length; index++) {\n setImages((prev) => [...prev, event.target.files[index]]);\n event.persist();\n }\n } else {\n setImage(event.target.files[0]);\n onSetImage(event.target.files[0]);\n }\n };\n\n return (\n\n \n \n
\n \n {mergedArray.map((file, index) => (\n \n {\n handleAdd(file);\n }}\n accept={'image/*,video/*'}\n />\n \n )}\n
\n \n {mergedArray.length ?? 0}\n /3\n
\n \n );\n}\n\nconst UploadHover = ({ content, index, handleRemove, handleUpdate }) => {\n const [showUpload, setShowUpload] = useState(false);\n return (\n <>\n {(\n typeof content === 'string'\n ? content?.includes('mp4')\n : content?.type === 'video'\n ) ? (\n content !== null ? (\n handleRemove(index)}>\n \n
\n \n {\n handleUpdate(index, file);\n }}\n multiple\n accept={'image/*,video/*'}\n length={1}\n />\n
\n \n ) : (\n <>\n )\n ) : content !== null ? (\n handleRemove(index)}>\n \n
\n \n {\n handleUpdate(index, file);\n }}\n multiple\n accept={'image/*,video/*'}\n length={1}\n />\n
\n \n ) : (\n <>\n )}\n \n );\n};\n\nconst UploadCont = styled.div`\n padding-top: 28px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport DefaultLayout from '../../layouts/defaultLayout';\nimport {\n BackPanel,\n Heading,\n Button,\n FormContent,\n FormBlock,\n FormBlockItem,\n FormInput,\n FormCTA,\n} from '../../snippets';\nimport { useParams, useHistory } from 'react-router-dom';\nimport { useQuery, useMutation } from '@apollo/client';\nimport {\n GET_CASE_STUDY,\n DELETE_CASE_STUDY,\n UPDATE_CASE_STUDY,\n} from '../../../graphql';\nimport { LINK_GROUP } from '../../../utils/links';\nimport { toast } from 'react-toastify';\nimport { useForm } from 'react-hook-form';\nimport UploadField from '../../../components/UploadFieldV2';\nimport EditUpload from '../../../components/EditUpload';\nimport ReactPlayer from 'react-player';\nimport styled from 'styled-components';\nimport { convertToHTML } from 'draft-convert';\n\nconst EditCaseSudy = () => {\n const { register, handleSubmit, errors, watch, setValue, clearErrors } =\n useForm();\n const [submitted, setSubmitted] = useState(false);\n const [thumbImage, setThumbImage] = useState('');\n const [description, setDescription] = useState('');\n const [originalContent, setOriginalContent] = useState([]);\n const [updatedContent, setUpdatedContent] = useState([]);\n const history = useHistory();\n const { id } = useParams();\n const { loading, data: { caseStudy = {} } = {} } = useQuery(GET_CASE_STUDY, {\n fetchPolicy: 'network-only',\n variables: { id },\n onCompleted: ({ caseStudy: { description = '' } = {} }) => {\n setDescription(description);\n },\n });\n\n const [updateCaseStudy, { loading: updateLoading }] =\n useMutation(UPDATE_CASE_STUDY);\n\n const watchFields = watch(['video_url', 'description']);\n const [deleteCaseStudy, { loading: deleteLoading }] =\n useMutation(DELETE_CASE_STUDY);\n\n const notify = (text) => toast.error(text, { autoClose: 3000 });\n\n const handleDeleteCaseStudy = () => {\n deleteCaseStudy({\n variables: {\n id,\n },\n onCompleted: () => {\n toast.success('Your Case Study was deleted');\n history.push({\n pathname: `/${LINK_GROUP.AGENCY}/case-studies`,\n });\n },\n onError: (err) => {\n notify(err?.message);\n },\n });\n };\n\n useEffect(() => {\n if (!loading && caseStudy) {\n const { thumbnail, content } = caseStudy;\n\n thumbnail && !thumbImage && setThumbImage(thumbnail);\n\n if (content?.length) {\n content.map((item) => {\n setUpdatedContent((prev) => [...prev, null]);\n if (item.layout === 'image') {\n setOriginalContent((prev) => [...prev, item.attributes.image]);\n } else {\n setOriginalContent((prev) => [...prev, item.attributes.url]);\n }\n return item;\n });\n }\n }\n }, [caseStudy, loading]);\n\n const handleEditCaseStudy = (data) => {\n let input;\n\n if (typeof thumbImage === 'string') {\n input = {\n ...data,\n };\n } else {\n input = {\n ...data,\n thumbnail: thumbImage,\n };\n }\n updateCaseStudy({\n variables: {\n id: id,\n input: {\n ...input,\n description: convertToHTML(description?.getCurrentContent()),\n originalContent: originalContent,\n content: updatedContent,\n },\n },\n onCompleted: () => {\n setOriginalContent([]);\n setUpdatedContent([]);\n toast.success('Case Study updated successfully');\n history.push({\n pathname: `/${LINK_GROUP.AGENCY}/case-studies`,\n });\n },\n onError: (err) => {\n notify(err?.message);\n },\n });\n };\n\n return (\n \n
\n \n Thumbnail Image (Recommended size 720x576px)\n
\n \n {\n setThumbImage(file);\n }}\n maxFileSize={5e6}\n defaultImage={caseStudy?.thumbnail}\n />\n
\n \n \n
\n \n
\n Images/Videos
\n \n
\n \n \n {\n setValue('video_url', '');\n }}\n >\n \n \n
\n \n )}\n \n
\n \n Thumbnail Image (Recommended size 720x576px)\n
\n \n {\n setThumbImage(file);\n }}\n maxFileSize={5e6}\n />\n
\n \n
\n Images/Videos
\n \n {\n for (let index = 0; index < file.length; index++) {\n setImages((prev) => [...prev, file[index]]);\n }\n }}\n onRemoveImage={(newImages) => {\n setImages(newImages);\n }}\n multiple={true}\n accept={'image/*,video/*'}\n />\n
\n \n {images.length ?? 0}/3\n
\n \n \n {\n setValue('video_url', '');\n }}\n >\n \n \n
\n \n )}\n 0 ? 'mt-16' : ''} row`}>\n
\n \n
\n {i > 0 && (\n \n handleRemoveLocation(i)}\n >\n -\n \n
\n )}\n \n Add Another Location\n
\n \n )}\n 0 ? 'mt-16' : ''} row`}>\n
\n \n {\n setPhoneNo((prev) => {\n prev[i] = phone;\n return prev;\n });\n }}\n dropdownStyle={{\n background: '#fff',\n color: 'black',\n borderBottomLeftRadius: '12px',\n borderBottomRightRadius: '12px',\n }}\n placeholder=\"44 116 456 5566\"\n />\n
\n {i > 0 && (\n \n handleRemovePhone(i)}\n >\n -\n \n
\n )}\n \n
\n \n Add Another Phone Number\n
\n \n )}\n \n
\n\n \n \n First Name\n
\n \n
\n \n \n Last Name\n
\n \n
\n \n \n\n \n \n Email\n
\n \n
\n \n\n \n \n \n Company Name\n
\n \n
\n \n\n \n \n Position\n
\n \n
\n \n\n \n \n Address Line 1\n
\n \n
\n \n\n \n
\n Address Line 2
\n \n
\n \n \n City\n
\n \n
\n \n\n \n \n County\n
\n \n
\n \n\n \n
\n\n \n \n Postcode / Zip Code\n
\n \n
\n \n \n Country\n
\n \n \n \n {countries.map((country) => (\n \n {country ===\n 'United Kingdom of Great Britain and Northern Ireland'\n ? 'United Kingdom'\n : country}\n \n ))}\n \n
\n \n \n \n\n \n \n Password\n
\n \n
\n \n\n \n \n Confirm Password\n
\n \n {\n if (watch('password') !== val) {\n return 'Your passwords do no match';\n }\n },\n })}\n autoComplete=\"false\"\n />\n
\n \n\n \n All Project Opportunities \n
\n\n \n There are no opportunities that currently match your search.\n Please try again!\n
\n ) : (\n \n {oppportunities.map((d, i) => {\n return (\n
\n ))\n )}\n \n \n
\n );\n })}\n \n
\n \n \n {d.headline}\n \n
\n \n {d.info}\n
\n \n
\n \n {d.since}\n {d.status ? (\n
\n \n {d.status}\n
\n ) : (\n ''\n )}\n';\n\nexport default function ConsultantProfilePage({\n match: {\n params: { id },\n },\n ...props\n}) {\n const parsedQuery = queryString.parse(props.location.search);\n\n const {\n data: { user } = {},\n loading,\n refetch,\n } = useQuery(GET_USER, {\n fetchPolicy: 'cache-and-network',\n variables: {\n id,\n },\n onError: () => refetch(),\n });\n const [userLocation, setUserLocation] = useState('');\n\n useEffect(() => {\n setUserLocation(\n `${user?.city}, ${user?.country} ${\n user?.location\n ? `/ ${\n TYPE_WORK_LOCATION.find(({ value }) => value === user?.location)\n ?.label ?? 'On site / Remote / Hybrid'\n }`\n : ''\n }`\n );\n }, [user]);\n\n const contents = useMemo(() => {\n if (!user) {\n return;\n }\n const {\n name,\n email,\n skills,\n jobTypes,\n location,\n linkedin,\n resumes,\n supportingDocuments,\n bio,\n genres,\n qualifications,\n otherQualifications,\n } = user;\n const softwareSkills = skills.filter(({ software }) => software) ?? [];\n const otherSkills = skills.filter(({ software }) => !software) ?? [];\n let types = [],\n workHour = [];\n\n if (jobTypes.length > 0) {\n const firstJobType = TYPE_JOBTYPES.filter((j) =>\n jobTypes.map(({ key }) => key).includes(j.key)\n );\n const secondJobType = TYPE_SUBJOBTYPES.filter((j) =>\n jobTypes.map(({ key }) => key).includes(j.key)\n );\n\n if (firstJobType.length > 0) {\n if (firstJobType[0]?.name === 'Both') {\n types = ['Permanent', 'Freelance / Consultancy'];\n } else {\n types = [firstJobType[0].name];\n }\n }\n\n if (secondJobType.length > 0) {\n if (secondJobType[0]?.name === 'Both') {\n workHour = ['Full-time', 'Part-time'];\n } else {\n workHour = [secondJobType[0].name];\n }\n }\n }\n\n return {\n desktop: CONTENTS_UTIL.generateDetails(\n [\n {\n title: 'Contant',\n button: (\n
';\n\nexport default function ProfilePage() {\n const { authMe: data } = useAuth();\n\n const contents = useMemo(() => {\n if (!data) {\n return;\n }\n\n const {\n bio,\n name,\n pronouns,\n skills,\n jobTypes,\n location,\n linkedin,\n resumes,\n supportingDocuments,\n salary_currency,\n minimum_salary,\n maximum_salary,\n genres,\n qualifications,\n otherQualifications,\n } = data;\n\n const softwareSkills = skills?.filter(({ software }) => software) || [];\n const otherSkills = skills?.filter(({ software }) => !software) || [];\n let types = [],\n workHour = [];\n\n if (jobTypes.length > 0) {\n const firstJobType = TYPE_JOBTYPES.filter((j) =>\n jobTypes.map(({ key }) => key).includes(j.key)\n );\n const secondJobType = TYPE_SUBJOBTYPES.filter((j) =>\n jobTypes.map(({ key }) => key).includes(j.key)\n );\n\n if (firstJobType.length > 0) {\n if (firstJobType[0]?.name === 'Both') {\n types = ['Permanent', 'Freelance / Consultancy'];\n } else {\n types = [firstJobType[0].name];\n }\n }\n\n if (secondJobType.length > 0) {\n if (secondJobType[0]?.name === 'Both') {\n workHour = ['Full-time', 'Part-time'];\n } else {\n workHour = [secondJobType[0].name];\n }\n }\n }\n return CONTENTS_UTIL.generateDetails(\n [\n CONTENTS_UTIL.generateRowDetails(\n 'Name',\n `${name} ${pronouns ? `(${pronouns})` : ''}`\n ),\n CONTENTS_UTIL.generateRowDetails('About me', bio ?? '-'),\n otherSkills?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Skills',\n otherSkills?.map(({ name }) => name).join(br)\n )\n : null,\n softwareSkills?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Software Skills',\n softwareSkills?.map(({ name }) => name)?.join(br)\n )\n : null,\n CONTENTS_UTIL.generateRowDetails(\n 'Considering',\n types && types?.length > 0 ? types.join(br) : '-'\n ),\n CONTENTS_UTIL.generateRowDetails(\n 'Work Hours',\n workHour?.length > 0 ? workHour.join(br) : '-'\n ),\n location?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Job Location',\n TYPE_WORK_LOCATION.find(({ value }) => value === location)?.label\n )\n : null,\n linkedin\n ? CONTENTS_UTIL.generateRowDetails(\n 'LinkedIn',\n `View LinkedIn`\n )\n : null,\n resumes?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'CV',\n `View CV`\n )\n : null,\n supportingDocuments?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Supporting Documents',\n supportingDocuments\n .map(\n ({ fileUrl, name }) =>\n `${name}`\n )\n .join(br)\n )\n : null,\n salary_currency && minimum_salary && maximum_salary\n ? CONTENTS_UTIL.generateRowDetails(\n 'Salary Bands',\n `${salary_currency} ${minimum_salary.toLocaleString()} —\n ${maximum_salary.toLocaleString()}`\n )\n : null,\n ],\n [\n genres.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Category Experience',\n genres.length > 0 ? genres.map(({ name }) => name).join(br) : '-'\n )\n : null,\n qualifications.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Qualifications',\n qualifications.map(({ name }) => name).join(br)\n )\n : null,\n otherQualifications?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Other Qualification',\n otherQualifications.map(({ name }) => name).join(br)\n )\n : null,\n ]\n );\n }, [data]);\n\n return (\n
\n
\n \n Manage Your Profile Status\n
\n \n
\n \n
\n \n
\n \n \n handlePrivacy({\n state: value,\n field: 'ACTIVE',\n })\n }\n label=\"Active\"\n />\n
\n \n \n handlePrivacy({\n state: value,\n field: 'INACTIVE',\n })\n }\n label=\"Inactive\"\n />\n
\n \n \n
\n {/* END OF ONLY MOBILE */}\n \n
\n \n \n );\n};\n\nconst Button = styled.button`\n padding: 0;\n margin: 0;\n border: 0;\n height: 61px;\n width: 61px;\n position: relative;\n transform: rotate(0deg);\n transition: 500ms ease-in-out;\n cursor: pointer;\n z-index: 1001;\n border-radius: 14px;\n\n span {\n display: block;\n position: absolute;\n background: #ffffff;\n opacity: 1;\n transform: rotate(0deg);\n transition: 200ms ease-in-out;\n z-index: 2;\n background: white;\n height: 4px;\n width: 21px;\n right: 30%;\n border-radius: 0;\n }\n\n & > span:nth-child(1) {\n top: 34%;\n }\n &.open > span:nth-child(1) {\n top: 35%;\n }\n & > span:nth-child(2) {\n top: 46%;\n }\n\n & > span:nth-child(3) {\n top: 60%;\n }\n\n &.open span:nth-child(1),\n &.open span:nth-child(3) {\n left: 30%;\n }\n\n &.open span:nth-child(3) {\n transform: rotate(45deg);\n }\n &.open span:nth-child(1) {\n transform: rotate(-45deg);\n }\n\n &.open span:nth-child(2) {\n width: 0;\n opacity: 0;\n }\n\n & > span:nth-child(3) {\n transform-origin: right center;\n }\n\n & > span:nth-child(1) {\n transform-origin: right center;\n }\n`;\n\nexport default Header;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst basepath = LINK_GROUP.AGENCY;\n\nexport const AgencySubmenuLinks = [\n {\n path: 'account-information',\n label: 'Account Information',\n },\n {\n path: 'edit-account-information',\n label: 'Edit Account Information',\n },\n {\n path: 'profile',\n label: 'View Profile',\n },\n {\n path: 'edit-profile',\n label: 'Edit Profile',\n },\n {\n path: 'manage-team',\n label: 'Manage Team',\n },\n {\n path: 'notification-settings',\n label: 'Notification Settings',\n },\n {\n path: 'profile-privacy',\n label: 'Profile Privacy',\n },\n {\n path: 'change-password',\n label: ' Change Password',\n },\n {\n path: 'logout',\n label: 'Log Out',\n },\n];\n\nconst AccountSubmenuDesktop = () => (\n \n
\n \n \n
\n \n \n \n
\n \n
\n);\n\nexport default AccountSubmenuDesktop;\n","import React, { useCallback, useRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport { LINK_GROUP } from '../../utils/links';\nimport styled from 'styled-components';\n\nconst basepath = LINK_GROUP.AGENCY;\n\nconst MenuContent = styled.div`\n margin-top: 0;\n`\n\nconst Button = styled.button`\n padding-top: var(--submenu-space-top);\n padding-bottom: var(--submenu-space-bottom);\n padding-left: 0;\n padding-right: 0;\n margin: 0;\n border: 0;\n width: 100%;\n background-color: transparent;\n z-index: 2;\n position: relative; \n font-size: 20px;\n font-weight: 900;\n line-height: 27.28px;\n`\n\nconst AccountSubmenuMobile = () => {\n const containerRef = useRef(null) \n const toggleMenu = useCallback(() => { \n const {current} = containerRef\n if(!current){\n return\n } \n if(current.className.includes('d-none')){\n current.classList.remove('d-none')\n } else {\n current.classList.add('d-none')\n }\n \n }, [containerRef])\n return(\n \n
\n \n Account Settings\n
\n - \n {/* */}\n {AgencySubmenuLinks.map(({ path, label }) => {\n const pathname = [basepath, path].join('/');\n return (\n
- \n \n {label}\n \n \n );\n })}\n
\n
\n)};\n\nexport default AccountSubmenuMobile;\n","import React, { useEffect, useState } from 'react';\nimport { useMutation } from '@apollo/client';\nimport { useForm } from 'react-hook-form';\nimport { Link, Redirect, useLocation } from 'react-router-dom';\nimport Cookies from 'universal-cookie';\nimport { toast } from 'react-toastify';\nimport { LOGIN } from '../../graphql';\nimport { userVar } from '../../graphql/config';\nimport {\n getUser,\n saveUserLocalstorage,\n saveLoginTypeLocalstorage,\n} from '../../utils/helpers';\nimport { AgencyHeader } from '../../components/Agency';\nimport Footer from '../../components/Footer';\nimport jquery from '../../styles/js/app';\nimport { LINK_GROUP } from '../../utils/links';\nimport { IconGoogleWhite } from '../../components/Icons';\n\nfunction useQuery() {\n return new URLSearchParams(useLocation().search);\n}\n\nconst Login = ({ history, location }) => {\n useEffect(() => {\n jquery();\n }, []);\n const { register, handleSubmit, errors } = useForm();\n const [loginMutation, { loading }] = useMutation(LOGIN);\n const [isEnabled, setIsEnabled] = useState(true);\n const redirectTo = useQuery().get('redirectTo');\n\n if (\n getUser().access_token &&\n (getUser().type === 'AGENCY' || getUser().type === 'GUEST')\n ) {\n return (\n \n \n \n \n
\n \n
\n - \n
- \n
- \n
- \n \n View Profile\n \n \n
- \n \n Edit Profile\n \n \n
- \n
- \n
- \n
- \n \n Log Out\n \n \n
\n
\n \n \n \n );\n};\n\nexport default Login;\n","import Cookies from 'universal-cookie';\nimport { userVar } from '../../graphql/config';\nimport { logUserOut } from '../../utils/helpers';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst Logout = ({ history }) => {\n logUserOut();\n userVar({});\n const cookies = new Cookies();\n cookies.remove('lh_user', {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n history.push(`/${LINK_GROUP.AGENCY}/login`);\n return null;\n};\n\nexport default Logout;\n","import React, {\n Fragment,\n useEffect,\n useState,\n forwardRef,\n useCallback,\n} from 'react';\nimport PhoneInput from 'react-phone-input-2';\nimport { useQuery } from '@apollo/react-hooks';\nimport { useMutation } from '@apollo/client';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport Cookies from 'universal-cookie';\nimport Error from '../../components/Error';\nimport { REGISTER, GET_SKILLS } from '../../graphql';\nimport jquery from '../../styles/js/app';\nimport Footer from '../../v2/components/Footer/Footer';\nimport { registerVar, userVar } from '../../graphql/config';\nimport {\n inputStyle,\n saveUserLocalstorage,\n saveLoginTypeLocalstorage,\n getUser,\n} from '../../utils/helpers';\nimport 'react-phone-input-2/lib/plain.css';\nimport { LINK_GROUP } from '../../utils/links';\nimport { AgencyHeader } from '../../components/Agency';\nimport { IconPlusSmall } from '../../components/Icons';\nimport Switch from '../../components/Switch';\nimport UploadFieldV2 from '../../components/UploadFieldV2';\n\nconst ACCOUNT_TYPE = 'AGENCY';\nconst MAX_LOCATION = 2;\nconst MAX_PHONE = 4;\n\nconst FieldSelf = forwardRef(\n (\n { className = '', defaultValue, name, type = 'text', isFocus = false },\n ref\n ) => {\n return (\n \n
\n \n \n {loading ? 'Loading...' : 'Login'}\n \n
\n \n
\n \n \n
\n \n {location.state && location.state.passwordReset\n ? 'Your password has been reset. Please log in.'\n : 'Login'}\n
\n\n \n Email Address\n
\n \n
\n \n \n Password\n
\n \n
\n \n \n Forgot Password?\n \n
\n \n Or Sign In Using\n
\n\n {\n openInNewTab(\n `${process.env.REACT_APP_API_URL}/redirect/google`\n );\n }}\n className=\"btn-google-small mb-30\"\n >\n
\n\n {(!location.state || location.state.referrer === '/') && (\n \n \n Need an account?\n \n
\n )}\n \n \n \n {loading ? 'Loading...' : 'Next'}\n \n \n
\n \n \n \n \n \n \n );\n};\n\nexport default CreateAccountSkills;\n","import React from 'react';\nimport styled from 'styled-components';\nimport moment from 'moment';\n\nconst OpportunityCard = ({ title, createdAt, updatedAt, company, logo }) => {\n const seventhDay = moment().subtract(7, 'd').format('YYYY-MM-DD');\n const isSevenDaysOld = moment(createdAt).isSameOrBefore(seventhDay);\n const isUpdateSevenDayOlds = moment(updatedAt).isSameOrBefore(seventhDay);\n\n return (\n \n
\n {/* {errors.shortBio && \n
\n \n
\n {errors.location && (\n \n \n
\n\n \n Tell Us About Your Agency\n
\n\n \n Agency Logo\n
\n \n {\n setLogo(im);\n setIsLogoError(false);\n }}\n isError={isLogoError}\n />\n
\n \n \n
\n \n
\n {/* {errors.agencyName && (\n \n \n Agency Name\n
\n \n
\n \n \n
\n \n
\n \n Locations (City / Remote)\n
\n \n {inputLocation?.map((a, i) => {\n return (\n \n \n );\n })}\n \n
\n 0 ? 'mt-16' : ''} row`}>\n
\n \n
\n {i > 0 && (\n \n handleRemoveLocation(i)}\n >\n -\n \n
\n )}\n \n \n
\n {inputLocation.length < MAX_LOCATION && (\n \n Add Another Location\n
\n \n )}\n \n \n Short Bio\n
\n \n onTextChange(e)}\n defaultValue={registerVar().short_bio || ''}\n >\n \n {shortbioText.length ?? '0'} / 1000\n
\n \n \n
\n \n \n \n );\n })}\n\n {inputPhone.length < MAX_PHONE && (\n \n
\n {phoneError && (\n Add Your Phone Number
\n {inputPhone.map((a, i) => {\n return (\n 0 ? 'mt-16' : ''} row`}>\n
\n \n {\n setPhoneNo((prev) => {\n prev[i] = phone;\n return prev;\n });\n }}\n dropdownStyle={{\n background: '#fff',\n color: 'black',\n borderBottomLeftRadius: '12px',\n borderBottomRightRadius: '12px',\n }}\n placeholder=\"44 116 456 5566\"\n onKeyDown={handleEnterKey}\n isValid={(value) => validatePhone(value)}\n />\n
\n {i > 0 && (\n \n handleRemovePhone(i)}\n >\n -\n \n
\n )}\n \n
\n \n Add Another Phone Number\n
\n \n )}\n \n \n
\n \n \n Select Your Areas Of Expertise\n \n
\n\n \n {loadingSkills && {\n const { checked } = currentTarget;\n\n setCheckedExpertise((prev) => {\n const nSet = new Set(prev);\n const val = skill?.id;\n if (checked) {\n nSet.add(val);\n expertiseError && setExpertiseError(false);\n } else {\n nSet.delete(val);\n }\n return Array.from(nSet);\n });\n }}\n name={skill?.name}\n >\n {skill?.name}\n \n );\n })}\n
\n {expertiseError && (\n Loading...
}\n {skillsData?.skills?.map((skill) => {\n return (\n \n
\n )}\n \n
\n \n
\n {title}
\n{company}
\n\n {!isSevenDaysOld && (\n \n New\n \n )}\n {isSevenDaysOld && !isUpdateSevenDayOlds && (\n \n {'Updated'}\n \n )}\n
\n 7 Days
\n\n {name &&
{name}
}\n{title}
\n \n\n
\n \n
\n\n {title}
\n{description}
\n\n FIND OUT MORE\n
\n\n
\n );\n};\nexport default Dashboard;\n\nconst Heading = styled.h1`\n font-size: 24px;\n font-weight: 700;\n color: #ffffff;\n line-height: 34.68px;\n margin-bottom: 0;\n @media (min-width: 768px) {\n font-size: 30px;\n line-height: 43.35px;\n }\n`;\n\nconst Button = styled.button`\n width: 122px;\n height: 37px;\n border-radius: 12px;\n border: none;\n color: white;\n font-size: 14px;\n font-weight: 700;\n`;\n\nconst Grid = styled.div`\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n margin-top: 20px;\n @media (min-width: 768px) {\n grid-template-columns: 1fr 1fr;\n gap: 74px;\n margin-top: 32px;\n }\n @media (min-width: 1024px) {\n ${(props) =>\n props.col3 &&\n css`\n grid-template-columns: 1fr 1fr 1fr;\n gap: 30px;\n `}\n }\n`;\n\nconst GridFourCol = styled.div`\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n justify-items: center;\n margin-top: 20px;\n @media (min-width: 1024px) {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n gap: 23px;\n margin-top: 32px;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { LINK_GROUP } from '../../../utils/links';\nimport { useHistory } from 'react-router-dom';\nimport { Link } from 'react-router-dom';\n\nconst CaseStudyCard = ({ data, noEdit }) => {\n const history = useHistory();\n return (\n \n
\n \n \n \n \n
\n \n Job Opportunities Just For You \n \n
\n \n \n
\n \n \n \n
\n \n Latest Job Opportunities \n \n
\n \n \n
\n \n Job Opportunities You’ve Applied For \n \n \n
\n \n \n \n
\n \n Liberty Hive Community \n \n
\n \n \n
\n \n \n \n
\n \n Deals For You \n \n
\n \n \n
\n \n
{data?.title}
\n{data?.description}
\n \n {!noEdit && (\n\n
\n {!active && (\n \n \n The Agency Marketplace \n \n {tags.map((tag) => (\n {\n value ? setFilter([...filter, tag]) : removeItem(tag);\n }}\n borderColor={'white'}\n borderRadius={10}\n borderWidth={1}\n style={{\n cursor: 'pointer',\n background: isSelected(tag) ? '#000' : '',\n width: '16px',\n height: '16px',\n }}\n labelStyle={{\n marginLeft: 5,\n userSelect: 'none',\n color: '#FFFFFF',\n fontSize: '14px',\n fontWeight: 600,\n }}\n containerStyle={{\n border: '1px solid #FFFFFF',\n borderRadius: '27px',\n width: 'fit-content',\n paddingBlock: '4px',\n paddingInlineStart: '4px',\n paddingInlineEnd: '14px',\n backgroundImage: isSelected(tag)\n ? 'url(/img/agency-gradients/Agency-mesh-gradient-1.jpg)'\n : '',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n }}\n label={tag.label}\n icon={\n \n }\n size={16}\n />\n ))}\n
\n \n \n Filter By Agency\n \n {\n setActive(checked);\n }}\n checked={active}\n width={30}\n height={16}\n className=\"agency_switch\"\n />\n \n Filter By Case Studies\n \n
\n \n \n \n VIEW PROFILE\n \n \n
\n \n
\n \n {agency.name}
\n{agency.location}
\n\n
\n );\n};\nexport default CaseStudy;\n\nexport const Heading = styled.h1`\n font-size: 24px;\n font-weight: 700;\n color: #ffffff;\n line-height: 34.68px;\n margin-bottom: 0;\n @media (min-width: 768px) {\n font-size: 30px;\n line-height: 43.35px;\n }\n`;\n\nconst Button = styled.button`\n border-radius: 12px;\n padding: 12px 27px;\n border: none;\n font-size: 18px;\n color: white;\n font-weight: 500;\n`;\n\nexport const GridFourCol = styled.div`\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n justify-items: center;\n margin-top: 20px;\n @media (min-width: 1024px) {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n column-gap: 22px;\n row-gap: 60px;\n margin-top: 32px;\n }\n`;\n","import React from 'react';\nimport { Heading } from '../../views/Agency/CaseStudy';\nimport { NavLink } from 'react-router-dom';\nimport { AgencySubmenuLinks } from '../../components/Agency/AccountSubmenuDesktop';\nimport styled from 'styled-components';\n\nconst AccountNavigation = () => {\n return (\n \n
\n \n \n \n {loading && !data?.caseStudies?.data && \n
\n \n Case Studies \n\n {\n history.push(`/${LINK_GROUP.AGENCY}/case-study/add`);\n }}\n >\n Create Case Study\n \n
\n Loading...
}\n {data?.caseStudies?.data.map((caseStudy) => (\n \n \n {AgencySubmenuLinks.map((item) => (\n \n {item.label}\n \n ))}\n \n
\n );\n};\n\nconst LinkContainer = styled.div`\n gap: 12px;\n .nav-item {\n border: 1px solid white;\n border-radius: 27px;\n font-weight: 600;\n font-size: 14px;\n color: #ffffff;\n }\n`;\n\nexport default AccountNavigation;\n","import React, { useEffect, useContext } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useQuery } from '@apollo/react-hooks';\nimport styled from 'styled-components';\nimport { AppContext } from '../../Store';\nimport { GET_TEAM_USERS } from '../../graphql';\nimport jquery from '../../styles/js/app';\nimport { Heading } from './CaseStudy';\nimport MyAccountLayout from './layout/MyAccountLayout';\n\nconst AccountInformation = () => {\n useEffect(() => {\n jquery();\n }, []);\n\n const [agencyState] = useContext(AppContext);\n\n const img =\n agencyState?.activeCompany?.user?.avatar ||\n '/img/profile-picture-placeholder@2x.jpg';\n\n const { data: { viewUserTeam } = {} } = useQuery(GET_TEAM_USERS, {\n fetchPolicy: 'network-only',\n variables: {\n team_id: agencyState?.activeCompany?.team_id,\n },\n });\n\n return (\n \n Account Settings \n
\n \n Account Information \n
\n \n \n 
\n \n \n \n \n \n \n \n \n
\n \n
\n Agency Name
\n{agencyState?.activeCompany?.user?.agency_name}
\n\n
\n About Us
\n{agencyState?.activeCompany?.user?.bio}
\n\n
\n Address
\n{agencyState?.activeCompany?.user?.address_1}
\n {agencyState?.activeCompany?.user?.address_2 && (\n{agencyState?.activeCompany?.user?.address_2}
\n )}\n\n
\n City
\n{agencyState?.activeCompany?.user?.city}
\n\n
\n County
\n{agencyState?.activeCompany?.user?.state}
\n\n
\n Country
\n{agencyState?.activeCompany?.user?.country}
\n\n
\n Postcode / Zip Code
\n{agencyState?.activeCompany?.user?.zip}
\n\n
\n Team Members
\n {viewUserTeam?.map((userTeam) => (\n\n {userTeam?.team?.first_name} {userTeam?.team?.last_name}\n
\n ))}\n\n
\n Phone Number
\n {agencyState?.activeCompany?.user?.agency_phone?.map((ph) => (\n{ph?.attributes?.phone}
\n )) ?? '-'}\n \n\n
\n Email Address
\n{agencyState?.activeCompany?.user?.contact_email}
\n\n View Profile \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n Agency Name
\n{agencyState?.activeCompany?.user?.agency_name}
\n\n
\n About Us
\n{agencyState?.activeCompany?.user?.bio}
\n\n
\n Skills
\n {agencyState?.activeCompany?.user?.skills.map((skill) => (\n\n {skill.name}\n
\n ))}\n\n
\n Software Skills
\n {agencyState?.activeCompany?.user?.skills\n .filter((skill) => skill.software)\n .map((skill) => (\n{skill.name}
\n ))}\n\n \n {agencyState?.activeCompany?.user?.website}\n \n
\n Website
\n\n
\n Contact Information
\n{agencyState?.activeCompany?.user?.contact_email}
\n\n {\n agencyState?.activeCompany?.user?.agency_phone[0].attributes\n .phone\n }\n
\n\n
\n Category Experience
\n {agencyState?.activeCompany?.user?.genres.map((experience) => (\n\n {experience.name}\n
\n ))}\n\n \n Case Studies \n {\n history.push(`/${LINK_GROUP.AGENCY}/case-study/add`);\n }}\n >\n Create Case Study\n \n \n {loading && \n {data?.caseStudies?.data.map((caseStudy) => (\n \n
\n Loading...
}\n \n \n \n {caseStudy.content?.map((item) => {\n if (item.layout === 'image') {\n return (\n 
\n );\n } else {\n return (\n \n
\n \n \n \n \n 
\n \n \n 
\n \n
\n \n {caseStudy.title} \n
\n {state?.activeCompany?.user?.agency_name}
\n\n \n \n VIEW PROJECT\n \n \n
\n {caseStudy.description}
\n\n \n
\n \n );\n};\n\nconst ContentContainer = styled.div`\n gap: 87px;\n @media (min-width: 768px) {\n gap: 100px;\n }\n`;\nconst HeroCont = styled.div`\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n margin-top: 70px;\n img {\n height: 100%;\n width: 100%;\n }\n .copy {\n max-width: 100%;\n p {\n color: #929292;\n font-size: 16px;\n line-height: 21.82px;\n font-weight: 400;\n }\n button {\n width: 100%;\n height: 50px;\n border: none;\n border-radius: 8px;\n color: #ffffff;\n font-weight: 800;\n font-size: 16px;\n margin-top: 50px;\n }\n }\n @media (min-width: 1024px) {\n flex-direction: row;\n img {\n height: 350px;\n width: 48%;\n }\n .copy {\n max-width: 100%;\n width: 400px;\n button {\n width: 148px;\n height: 38px;\n border-radius: 6px;\n font-size: 12px;\n }\n }\n }\n @media (min-width: 1400px) {\n img {\n height: 436px;\n width: 532px;\n }\n }\n`;\n\nconst HeadingCont = styled.div`\n display: flex;\n justify-content: space-between;\n h4 {\n margin: 0;\n color: #929292;\n font-size: 16px;\n line-height: 21.82px;\n font-weight: 700;\n }\n img {\n width: 30px;\n height: 30px;\n }\n @media (min-width: 768px) {\n img {\n width: 47px;\n height: 47px;\n }\n }\n`;\n\nexport default CaseStudyDetails;\n","export const areaExpertise = [\n {\n name: 'Web Development',\n label: 'Web Development',\n },\n {\n name: 'Mobile App Development',\n label: 'Mobile App Development',\n },\n {\n name: 'Video Production',\n label: 'Video Production',\n },\n {\n name: 'Copywriting',\n label: 'Copywriting',\n },\n\n {\n name: 'SEO Services',\n label: 'SEO Services',\n },\n {\n name: 'Paid Social',\n label: 'Paid Social',\n },\n {\n name: 'ppc',\n label: 'PPC',\n },\n {\n name: 'Digital Design',\n label: 'Digital Design',\n },\n {\n name: 'Print Design',\n label: 'Print Design',\n },\n {\n name: '3D & Animations',\n label: '3D & Animations',\n },\n {\n name: 'Brand Identity',\n label: 'Brand Identity',\n },\n];\n\nexport const agencyBudgetFrom = [\n {\n label: '0',\n value: 0,\n },\n];\n\nexport const agencyBudgetTo = [\n {\n label: 'No Cap',\n value: 99999999,\n },\n];\n\nexport const agencyInterest = [\n 'Marketing, Media & Advertising',\n 'Finance',\n 'HR & Operations',\n];\n\nfor (let i = 1; i < 10; i++) {\n agencyBudgetFrom.push({\n value: 1000 * i,\n label: (1000 * i).toString(),\n });\n agencyBudgetTo.push({\n value: 1000 * i,\n label: (1000 * i).toString(),\n });\n}\n","import React from 'react';\nimport Footer from '../../../components/Footer';\n\nimport Header from '../../../components/Agency/Header';\nimport {\n AgencyAccountSubmenuDesktop,\n AgencyAccountSubmenuMobile,\n} from '../../../components/Agency';\n\nconst WithSubmenuLayout = ({ pageTitle, children }) => {\n return (\n \n
\n );\n};\n\nexport default WithSubmenuLayout;\n","import React from 'react';\nimport { AgencyWithSubmenuLayout } from './layout';\n\nconst DummyPage = () => {\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n {pageTitle}
\n\n
\n {children}
\n \n Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum\n similique totam laborum, dolore quidem nulla sequi. Earum corporis\n accusantium corrupti. Modi, officiis odio! Ut, fuga molestiae? Laborum\n vero consequatur nemo.\n
\n\n
\n \n \n \n \n Manage your profile status\n \n \n {\n const { checked } = currentTarget;\n\n handlePrivacy({\n state: checked ? false : true,\n field: 'INACTIVE',\n });\n }}\n />\n Private \n
\n \n \n {\n const { checked } = currentTarget;\n\n handlePrivacy({\n state: checked ? true : false,\n field: 'ACTIVE',\n });\n }}\n />\n Public \n
\n \n
\n \n
\n \n
\n {/* Col FORM */}\n Avatar
\n \n {\n setImg(file);\n }}\n defaultImage={registerVar().avatar}\n />\n
\n \n \n \n
\n {/* END of Col Form */}\n \n
\n \n {loading ? (\n
\n Loading...
\n ) : (\n \n \n \n \n {submitLoading ? 'Loading...' : 'Join Team'}\n \n \n \n
\n )}\n \n {invitationData?.getInvitation?.inviter?.agency_name} invited\n you to join their team, complete the information below to\n activate your account.\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n {\n if (watch('password') !== val) {\n return 'Your passwords do no match';\n }\n },\n }}\n />\n \n \n
\n\n \n View Profile \n
\n \n
\n \n
\n Email Me New Opportunity Alerts
\n \n {\n handleChecked(checked, 'Email_Opportunity_Alerts');\n }}\n checked={emailOpportunityAlertsActive}\n />\n
\n \n
\n Text Me New Alerts
\n \n {\n handleChecked(checked, 'Text_New_Alerts');\n }}\n checked={textNewAlertsActive}\n />\n
\n \n
\n Frequency
\n \n
\n \n
\n \n {\n const { checked } = currentTarget;\n\n if (checked) {\n handleFrequency({\n field: 'daily',\n });\n }\n }}\n />\n \n
\n \n {\n const { checked } = currentTarget;\n\n if (checked) {\n handleFrequency({\n field: 'immediately',\n });\n }\n }}\n />\n \n
\n \n Manage Team \n
\n Done
;\n};\n\nexport default AdminImpersonateAgency;\n\nconst Loading = () => loading...
;\n\nconst Error = () => error...
;\n","import React, { useEffect, useMemo } from 'react';\nimport { useLazyQuery, useQuery } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport { GET_ARTICLE, GET_ARTICLES } from '../../graphql';\nimport DefaultLayout from '../../v2/layouts/defaultLayout';\nimport { BackPanel } from '../../v2/snippets';\nimport useGroups from '../../v2/hooks/useGroups';\nimport moment from 'moment/moment';\nimport { GridCards, LoadingSection } from '../../v2/components';\nimport { LINK_GROUP } from '../../utils/links';\nimport { availabilityByGroupname } from '../../utils/helpers';\n\nconst BlogIndividual = (props) => {\n const { groupname } = useGroups();\n\n const {\n match: {\n params: { slug },\n },\n } = props;\n\n const { loading, error, data, refetch } = useQuery(GET_ARTICLE, {\n variables: { slug },\n onError: () => refetch(),\n });\n\n const [\n fetchArticles,\n { loading: loadingArticles, error: errorArticles, data: dataArticles },\n ] = useLazyQuery(GET_ARTICLES);\n\n useEffect(() => {\n if (data && groupname) {\n fetchArticles({\n variables: {\n availability: [\n availabilityByGroupname[groupname],\n LINK_GROUP.FREELANCER_AND_AGENCY.toUpperCase(),\n ],\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n excludeSlugs: [data.article.slug],\n },\n });\n }\n }, [data, groupname, fetchArticles]);\n\n const otherArticles = useMemo(() => {\n return (dataArticles?.articles.data || []).map((elm) => {\n return {\n img: elm?.image ?? null,\n headline: elm.title ?? 'NA',\n url: `/${groupname}/resources/${elm.slug}`,\n };\n });\n }, [dataArticles, groupname]);\n\n if (error || errorArticles) return toast.error(error || errorArticles);\n\n return (\n Loading...
}\n {data && (\n \n
\n )}\n {data.article?.title}
\n\n
\n \n 
\n
\n \n
\n \n
\n Date Posted
\n\n {moment(data.article?.created_at).format(\n 'MM/DD/y - hh:mm A'\n )}\n
\n\n
\n );\n}\n","import React from 'react';\nimport { IconEnvelope } from '../../components/Icons';\nimport { AgencyHeader } from '../../components/Agency';\nimport Footer from '../../components/Footer';\n\nexport default function VerifyEmail() {\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Your All Signed Up!
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Maecenas tristique condimentum ante, at tincidunt ante aliquam\n eget.\n
\n \n \n {'MANAGE PORTFOLIO'}\n \n
\n \n \n
\n );\n}\n","import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport DefaultLayout from '../../layouts/defaultLayout';\nimport { GridCaseStudies, LoadingSection } from '../../components';\nimport useGroups from '../../hooks/useGroups';\nimport useUser from '../../hooks/useUser';\nimport { useLazyQuery } from '@apollo/react-hooks';\nimport { GET_CASE_STUDIES } from '../../../graphql';\nimport { AppContext } from '../../../Store';\n\nexport default function CaseStudiesPage() {\n const { groupname } = useGroups();\n const [state] = useContext(AppContext);\n const [page, setPage] = useState(1);\n\n const [\n getCaseStudies,\n { data: { caseStudies: { data = [] } = {} } = {}, loading, refetch },\n ] = useLazyQuery(GET_CASE_STUDIES, {\n variables: {\n first: 8,\n page: page,\n where: {\n AND: [\n {\n column: 'AGENCY_ID',\n operator: 'EQ',\n value: Number(state?.activeCompany?.team_id),\n },\n ],\n },\n },\n onError: () => refetch(),\n });\n\n useEffect(() => {\n getCaseStudies();\n }, [state.activeCompany, getCaseStudies]);\n\n const caseStudiesData = useMemo(() => {\n return (\n data?.map(({ id, thumbnail, description, title }) => {\n return {\n img: thumbnail ?? null,\n headline: title ?? 'NA',\n info: description ?? '-',\n externalLink: true,\n id: id,\n };\n }) ?? []\n );\n }, [data]);\n\n useEffect(() => {\n refetch();\n }, [refetch]);\n\n useUser(); // Check user\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Verify Your Email Address
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Maecenas tristique condimentum ante, at tincidunt ante aliquam\n eget.\n
\n \n \n {'RESEND VERIFICATION EMAIL'}\n \n
\n 0 ? 'mt-16' : ''} row`}>\n
\n \n {\n setPhoneNumbers((prev) => {\n prev[i] = phone;\n return prev;\n });\n }}\n dropdownStyle={{\n background: '#fff',\n color: 'black',\n borderBottomLeftRadius: '12px',\n borderBottomRightRadius: '12px',\n }}\n placeholder=\"44 116 456 5566\"\n // isValid={(value) => validatePhone(value)}\n />\n
\n {i > 0 && (\n \n handleRemovePhone(i)}\n >\n -\n \n
\n )}\n \n
\n \n Add Another Phone Number\n
\n \n )}\n ${checkAndModifyPhoneNumber(\n p?.attributes?.phone\n )}
`\n )\n .join('');\n\n const teamOutput = viewUserTeam\n ?.map(\n (tm) =>\n `${\n tm.team?.first_name + ' ' + tm.team?.last_name\n }
`\n )\n .join('');\n\n return CONTENTS_UTIL.generateDetails(\n [\n {\n title: 'Agency Name',\n value: `${agency_name}`,\n },\n {\n title: 'About Us',\n value: bio ?? '-',\n },\n {\n title: 'Address',\n value: `\n ${address_1}
\n\n ${address_2 ?? ''}
\n\n ${city}
\n\n ${state}
\n\n ${country}
\n${zip}
\n `,\n },\n\n {\n title: 'Phone Number',\n value: `${phoneOutput}`,\n },\n {\n title: 'Email Address',\n value: email ?? '-',\n },\n ],\n [\n {\n title: 'Team Members',\n value: `${teamOutput ?? '-'}`,\n },\n ]\n );\n }, [data, viewUserTeam]);\n return (\nDone
;\n};\n\nexport default AdminImpersonateFreelancer;\n\nconst Loading = () => loading...
;\n\nconst Error = () => error...
;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport { useMutation, useQuery } from '@apollo/react-hooks';\nimport Error from '../../components/Error';\nimport jquery from '../../styles/js/app';\nimport Header from '../../components/Freelancer/Header';\nimport Footer from '../../components/Footer';\nimport {\n isValidImage,\n jobLevelsMultiSelectStyle,\n saveUserLocalstorage,\n} from '../../utils/helpers';\nimport { userVar } from '../../graphql/config';\nimport { GET_ALL_JOB_LEVELS, UPDATE_PROFILE } from '../../graphql';\nimport CustomMultiselect from '../../v2/components/CustomMultiselect';\n\nconst CompleteProfile = ({ history }) => {\n useEffect(() => {\n jquery();\n }, []);\n\n const { data: { allJoblevels } = {}, loading: loadingRoles } =\n useQuery(GET_ALL_JOB_LEVELS);\n\n const [img, setImg] = useState({\n url: '/img/profile-pic-placeholder.png',\n error: false,\n });\n const avatarRef = useRef(null);\n const { register, watch, handleSubmit, errors } = useForm();\n const watchFields = watch(['bio', 'hear_us']);\n const [updateProfile, { loading }] = useMutation(UPDATE_PROFILE);\n const hearUs = [\n 'recommendation',\n 'google',\n 'trade press',\n 'social media',\n 'other',\n ];\n const allLocations = [\n {\n key: 'ONSITE',\n name: 'On site',\n },\n {\n key: 'REMOTE',\n name: 'Remote',\n },\n {\n key: 'HYBRID',\n name: 'Hybrid',\n },\n ];\n\n const [selectedJobLevels, setSelectedJobLevels] = useState(null);\n const handleJobChange = (selectedList, _) =>\n setSelectedJobLevels(selectedList.map((s) => s.key));\n\n const onChangeFile = (event) => {\n event.stopPropagation();\n event.preventDefault();\n toast.dismiss('invalidImage');\n\n const file = event.target.files[0];\n isValidImage(file, (valid) => {\n if (!valid) {\n setImg({ url: '/img/profile-pic-placeholder.png', error: true });\n return toast.error('Please select a valid image file.', {\n toastId: 'invalidImage',\n });\n }\n setImg({\n url: valid.url,\n error: false,\n file: valid.file,\n });\n });\n };\n\n const editProfile = (data) => {\n toast.dismiss();\n if (img.error) {\n return toast.error('Please select a valid image file.');\n }\n return updateProfile({\n variables: {\n input: {\n ...data,\n avatar: img.file,\n looking_for: selectedJobLevels,\n },\n },\n })\n .then(({ data: { updateUser } }) => {\n userVar({ ...userVar(), ...updateUser });\n saveUserLocalstorage(userVar());\n toast.success('Profile completed!', { autoClose: 4000 });\n return history.push('/freelancer/manage-cv');\n })\n .catch((e) => console.error(e));\n };\n\n return (\n <>\n \n
\n \n \n \n );\n};\n\nexport default CompleteProfile;\n","import React, { useEffect, useState } from 'react';\nimport { useMutation } from '@apollo/client';\nimport { useForm } from 'react-hook-form';\nimport { Link, Redirect, useLocation } from 'react-router-dom';\nimport Cookies from 'universal-cookie';\nimport { toast } from 'react-toastify';\nimport Error from '../../components/Error';\nimport { LOGIN } from '../../graphql';\nimport { userVar } from '../../graphql/config';\nimport {\n getUser,\n saveUserLocalstorage,\n saveLoginTypeLocalstorage,\n} from '../../utils/helpers';\nimport Header from '../../components/Freelancer/Header';\nimport Footer from '../../components/Footer';\nimport jquery from '../../styles/js/app';\nimport { LINK_GROUP } from '../../utils/links';\n\nfunction useQuery() {\n return new URLSearchParams(useLocation().search);\n}\n\nconst Login = ({ history }) => {\n useEffect(() => {\n jquery();\n }, []);\n const { register, handleSubmit, errors } = useForm();\n const [loginMutation, { loading }] = useMutation(LOGIN);\n const [isEnabled, setIsEnabled] = useState(true);\n const redirectTo = useQuery().get('redirectTo');\n\n if (getUser().access_token && getUser().type === 'FREELANCER') {\n return (\n \n
\n \n
\n \n onChangeFile(e)}\n />\n \n \n \n {allLocations.map((location, index) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n {hearUs.map((h) => (\n \n ))}\n \n {watchFields && (\n <>\n {(watchFields.hear_us === 'recommendation' ||\n watchFields.hear_us === 'other') && (\n \n {loading ? 'Loading...' : 'Submit'}\n \n
\n \n 
\n
\n You're signed up!
\n\n
\n \n 1\n
\n \n 2\n
\n \n 3\n
\n Now tell us a little about you...
\n\n Add your photo\n \n (or you can leave this for later)\n \n
\n \n avatarRef.current.click()}\n >\n
\n \n Add Profile Picture\n
\n\n Profile Bio{' '}\n \n (This is not a CV, just a simple overview)\n \n
\n \n {watchFields && (\n <>\n \n {'bio' in watchFields\n ? watchFields.bio\n ? watchFields.bio.length\n : 0\n : 0}\n {' '}\n / 1000\n \n )}\n
\n {errors.bio && (\n \n What level of roles would you like to see?{' '}\n \n Select the most relevant for you (max 2)\n \n
\n {loadingRoles && Loading roles...}\n {allJoblevels && (\n \n Where would you like to work?\n
\n \n Do you require going on the payroll or are you a limited\n company?\n
\n How did you hear about us?
\n \n
\n )}\n \n )}\n \n \n Please specify (optional)\n \n
\n \n
\n \n
\n );\n};\n\nexport default Login;\n","import React, { useState } from 'react';\nimport 'bootstrap/js/src/modal';\nimport { useForm } from 'react-hook-form';\nimport moment from 'moment';\nimport { useMutation } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport { CREATE_EDUCATION } from '../../graphql';\nimport Error from '../Error';\nimport { userVar } from '../../graphql/config';\nimport hideModal from '../../styles/js/hideModal';\n\nconst Modal = ({ refetch }) => {\n const [from, setFrom] = useState();\n const [to, setTo] = useState();\n const [present, setPresent] = useState(false);\n\n const [createEducation, { loading }] = useMutation(CREATE_EDUCATION);\n const { register, handleSubmit, errors, reset } = useForm();\n const clearForm = () => {\n reset();\n setFrom(null);\n setTo(null);\n setPresent(false);\n };\n\n const addEducation = (data) => {\n toast.dismiss();\n\n const input = {\n ...data,\n user: { connect: userVar().id },\n };\n\n if (from) {\n input.from = moment(from).format('YYYY-MM-DD');\n }\n\n if (!present) {\n input.to = moment(to).format('YYYY-MM-DD');\n }\n\n if (to === null) {\n input.to = null;\n }\n\n return createEducation({\n variables: {\n input,\n },\n })\n .then(() => {\n clearForm();\n refetch();\n hideModal();\n toast.success('Education added successfully!', { autoClose: 4000 });\n })\n .catch(() =>\n toast.error('Could not add education', { toastId: 'addExErr' })\n );\n };\n\n return (\n \n
\n \n \n
\n \n
\n \n \n \n {loading ? 'Loading...' : 'Login'}\n \n
\n Login
\n\n
\n {errors.email && (\n Email
\n \n
\n \n \n
\n \n
\n {errors.password && Password
\n \n
\n \n \n
\n \n \n Forgot Password?\n \n
\n Or
\n\n \n Need an account?\n \n
\n \n \n \n
\n \n );\n};\n\nexport default Modal;\n","import React, { useState, useEffect, useRef } from 'react';\nimport ReactSlider from 'react-slider';\nimport Constants from '../../../constants';\nimport './styles.css';\n\nconst RangeSlider = ({\n onUpdateCallback,\n disabled = false,\n editMode,\n jobBudget,\n jobRate,\n freelance,\n ...props\n}) => {\n const slide = useRef();\n const [startRange, setStartRange] = useState([0, 1000]);\n const [selectedRange, setSelectedRange] = useState([0, 1000]);\n const [increment, setIncrement] = useState(100);\n\n useEffect(() => {\n switch (jobRate) {\n case 'Day Rate':\n setStartRange(undefined);\n setStartRange(Constants.DateRate);\n setSelectedRange(\n editMode\n ? jobBudget[0] !== undefined && jobBudget[0] !== null\n ? jobBudget\n : Constants.DateRate\n : [\n Number(Constants.DateRate[0]) + 100,\n Number(Constants.DateRate[1]) - 100,\n ]\n );\n setIncrement(25);\n break;\n case 'Project Rate':\n setStartRange(undefined);\n setStartRange(Constants.ProjectRate);\n setSelectedRange(\n editMode\n ? jobBudget[0] !== undefined && jobBudget[0] !== null\n ? jobBudget\n : Constants.ProjectRate\n : [\n Number(Constants.ProjectRate[0]) + 1000,\n Number(Constants.ProjectRate[1]) - 10000,\n ]\n );\n setIncrement(100);\n break;\n case 'Year Rate':\n setStartRange(undefined);\n setStartRange(Constants.YearRate);\n setSelectedRange(\n editMode\n ? jobBudget[0] !== undefined && jobBudget[0] !== null\n ? jobBudget\n : Constants.YearRate\n : [\n Number(Constants.YearRate[0]) + 1000,\n Number(Constants.YearRate[1]) - 1000,\n ]\n );\n setIncrement(1000);\n break;\n default:\n break;\n }\n }, [jobRate, editMode, jobBudget]);\n\n const handleChange = (value) => {\n setSelectedRange(value);\n onUpdateCallback(value);\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n ×\n \n
\n \n Add Qualification\n
\n \n\n {startRange !== undefined && (\n `Thumb value ${state.valueNow}`}\n disabled={disabled}\n renderThumb={(props, state) => {\n return (\n <>\n \n {state.valueNow\n .toString()\n .replace(/\\B(\\.\\d*)(?=(\\d{3})+(?!\\d))/g, ',')}\n \n {props.key === 'example-thumb-1' ? ' +' : null}\n \n
\n \n );\n }}\n renderTrack={(props, state) => (\n \n
\n \n \n );\n};\n\nexport default RemoveModal;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst AccountSubmenuMobile = () => (\n \n \n \n Continue\n \n
\n \n \n ×\n \n
\n \n Remove {type}\n
\n\n Are you sure you want to remove this {type}?\n
\n \n
\n);\n\nexport default AccountSubmenuMobile;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst AccountSubmenuDesktop = () => (\n \n
\n \n
\n \n
\n \n Account Settings\n
\n \n \n
\n \n
\n \n
\n - \n
- \n
- \n
- \n \n View Profile\n \n \n
- \n \n Edit Profile\n \n \n
- \n
- \n
- \n
- \n \n Log Out\n \n \n
\n
\n);\n\nexport default AccountSubmenuDesktop;\n","import React, { useState } from 'react';\nimport 'bootstrap/js/src/modal';\nimport DatePicker from 'react-date-picker';\nimport { useForm } from 'react-hook-form';\nimport moment from 'moment';\nimport { useMutation } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport { CREATE_EXPERIENCE } from '../../graphql';\nimport Error from '../Error';\nimport { userVar } from '../../graphql/config';\nimport hideModal from '../../styles/js/hideModal';\n\nconst AddExperienceModal = ({ refetch }) => {\n const [from, setFrom] = useState();\n const [to, setTo] = useState();\n const [present, setPresent] = useState(false);\n\n const [createExperience, { loading }] = useMutation(CREATE_EXPERIENCE);\n const { register, handleSubmit, errors, reset } = useForm();\n const clearForm = () => {\n reset();\n setFrom(null);\n setTo(null);\n setPresent(false);\n };\n\n const addExperience = (data) => {\n toast.dismiss();\n\n const input = {\n ...data,\n user: { connect: userVar().id },\n };\n\n if (from) {\n input.from = moment(from).format('YYYY-MM-DD');\n }\n\n if (!present) {\n input.to = moment(to).format('YYYY-MM-DD');\n }\n\n if (to === null) {\n input.to = null;\n }\n\n return createExperience({\n variables: {\n input,\n },\n })\n .then(() => {\n clearForm();\n refetch();\n hideModal();\n toast.success('Experience added successfully!', { autoClose: 4000 });\n })\n .catch(() =>\n toast.error('Could not add experience', { toastId: 'addExErr' })\n );\n };\n\n return (\n \n
\n \n Account Settings\n
\n - \n
- \n
- \n
- \n \n View Profile\n \n \n
- \n \n Edit profile\n \n \n
- \n
- \n \n Profile Privacy\n \n \n
- \n \n Change Password\n \n \n
- \n \n Log Out\n \n \n
\n \n
\n \n );\n};\n\nexport default AddExperienceModal;\n","import gql from 'graphql-tag';\n\nexport const GET_CV = gql`\n query {\n me {\n id\n referee_1\n referee_2\n bio\n linkedin\n salary_currency\n minimum_salary\n maximum_salary\n salary_unit\n isProfileComplete {\n complete\n missing\n }\n education {\n id\n school_name\n qualification\n description\n from\n to\n }\n experiences {\n id\n title\n company\n description\n from\n to\n years\n }\n skills {\n id\n name\n pivot {\n is_top\n }\n }\n jobTypes {\n key\n name\n }\n genres {\n id\n name\n }\n resumes {\n id\n file\n fileUrl\n active\n created_at\n }\n location\n }\n }\n`;\n","import React, { useState, useEffect } from 'react';\nimport 'bootstrap/js/src/modal';\nimport { useForm } from 'react-hook-form';\nimport moment from 'moment';\nimport { useMutation, useReactiveVar } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport { UPDATE_EDUCATION } from '../../graphql';\nimport Error from '../Error';\nimport { currentEducationVar } from '../../graphql/config';\nimport hideModal from '../../styles/js/hideModal';\n\nconst EditEducationModal = ({ refetch }) => {\n const {\n id,\n qualification,\n description,\n from: existingFrom,\n to: existingTo,\n } = useReactiveVar(currentEducationVar);\n\n const [txtDescription, setTxtDescription] = useState();\n const [present, setPresent] = useState(false);\n\n const [from, setFrom] = useState();\n const [to, setTo] = useState();\n\n useEffect(() => {\n if (existingFrom) {\n setFrom(new Date(existingFrom));\n }\n\n if (existingTo) {\n setTo(new Date(existingTo));\n }\n }, [existingFrom, existingTo]);\n\n description && !txtDescription && setTxtDescription(description);\n\n const [updateEducation, { loading }] = useMutation(UPDATE_EDUCATION);\n const { register, handleSubmit, errors, reset } = useForm();\n\n const clearForm = () => {\n reset();\n setFrom(null);\n setTo(null);\n setPresent(false);\n setTxtDescription(null);\n };\n\n const editEducation = (data) => {\n toast.dismiss();\n\n const input = {\n ...data,\n };\n\n if (from) {\n input.from = moment(from).format('YYYY-MM-DD');\n } else if (from === null) {\n input.from = null;\n }\n\n if (!present) {\n input.to = moment(to).format('YYYY-MM-DD');\n }\n\n if (to === null) {\n input.to = null;\n }\n\n return updateEducation({\n variables: {\n id,\n input,\n },\n })\n .then(() => {\n currentEducationVar({});\n clearForm();\n refetch();\n hideModal();\n toast.success('Education updated successfully!', { autoClose: 4000 });\n })\n .catch((e) => {\n toast.error('Could not edit education', { toastId: 'addExErr' });\n });\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n ×\n \n
\n Add Experience
\n \n\n \n
\n \n );\n};\n\nexport default EditEducationModal;\n","import React, { useState } from 'react';\nimport 'bootstrap/js/src/modal';\nimport DatePicker from 'react-date-picker';\nimport { useForm } from 'react-hook-form';\nimport moment from 'moment';\nimport { useMutation, useReactiveVar } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport { UPDATE_EXPERIENCE } from '../../graphql';\nimport Error from '../Error';\nimport { currentExperienceVar } from '../../graphql/config';\nimport hideModal from '../../styles/js/hideModal';\n\nconst EditExperienceModal = ({ refetch }) => {\n const {\n id,\n title,\n company,\n description,\n from: existingFrom,\n to: existingTo,\n } = useReactiveVar(currentExperienceVar);\n\n const [txtDescription, setTxtDescription] = useState();\n const [present, setPresent] = useState(false);\n\n const [from, setFrom] = useState();\n const [to, setTo] = useState();\n\n existingFrom && !from && setFrom(new Date(existingFrom));\n existingTo && !to && setTo(new Date(existingTo));\n description && !txtDescription && setTxtDescription(description);\n\n const [updateExperience, { loading }] = useMutation(UPDATE_EXPERIENCE);\n const { register, handleSubmit, errors, reset } = useForm();\n\n const clearForm = () => {\n reset();\n setFrom(null);\n setTo(null);\n setTxtDescription(null);\n };\n\n const editExperience = (data) => {\n toast.dismiss();\n\n const input = {\n ...data,\n };\n\n if (from) {\n input.from = moment(from).format('YYYY-MM-DD');\n }\n\n if (!present) {\n input.to = moment(to).format('YYYY-MM-DD');\n }\n\n if (to === null) {\n input.to = null;\n }\n\n return updateExperience({\n variables: {\n id,\n input,\n },\n })\n .then(() => {\n currentExperienceVar({});\n clearForm();\n refetch();\n hideModal();\n toast.success('Experience updated successfully!', { autoClose: 4000 });\n })\n .catch((e) => {\n toast.error('Could not edit experience', { toastId: 'addExErr' });\n });\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n ×\n \n
\n \n Edit Qualification\n
\n \n\n \n
\n \n );\n};\n\nexport default EditExperienceModal;\n","import React, { useEffect, useRef, useState } from 'react';\nimport ReactTooltip from 'react-tooltip';\nimport currencyToSymbolMap from 'currency-symbol-map/map';\nimport moment from 'moment';\nimport { useForm } from 'react-hook-form';\nimport { useQuery, useMutation } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport Header from '../../components/Freelancer/Header';\nimport Footer from '../../components/Footer';\nimport jquery from '../../styles/js/app';\nimport AddEducationModal from '../../components/Freelancer/AddEducationModal';\nimport RangeSlider from '../../components/Company/RangeSlider';\nimport RemoveModal from '../../components/Freelancer/RemoveEducationOrExperienceModal';\nimport AccountSubmenuMobile from '../../components/Freelancer/AccountSubmenuMobile';\nimport AccountSubmenuDesktop from '../../components/Freelancer/AccountSubmenuDesktop';\nimport {\n arrToDropdownSelection,\n isValidDocument,\n getUser,\n saveUserLocalstorage,\n} from '../../utils/helpers';\nimport {\n ATTACH_SKILL,\n ATTACH_GENRE,\n ATTACH_JOB_TYPE,\n GET_SKILLS,\n GET_GENRES,\n UPDATE_PROFILE,\n CREATE_RESUME,\n} from '../../graphql';\nimport AddExperienceModal from '../../components/Freelancer/AddExperienceModal';\nimport { GET_CV } from '../../graphql/queries/cv';\n\nimport Error from '../../components/Error';\nimport EditEducationModal from '../../components/Freelancer/EditEducationModal';\nimport {\n currentEducationVar,\n currentExperienceVar,\n currentTypeVar,\n userVar,\n} from '../../graphql/config';\nimport EditExperienceModal from '../../components/Freelancer/EditExperienceModal';\nimport CustomMultiselect from '../../v2/components/CustomMultiselect';\n\nconst ManageCV = ({ history }) => {\n useEffect(() => {\n jquery();\n }, []);\n\n const cvRef = useRef(null);\n const skillsRef = useRef(null);\n const genresRef = useRef(null);\n const jobtypesRef = useRef(null);\n const subJobtypesRef = useRef(null);\n const experiencesRef = useRef(null);\n ReactTooltip.rebuild();\n const { register, handleSubmit, errors } = useForm({\n shouldFocusError: true,\n });\n const [selected, setSelected] = useState({});\n const [jobType, setJobType] = useState('');\n const [subJobType, setSubJobType] = useState('');\n const [doc, setDoc] = useState({\n url: null,\n error: null,\n });\n const availableCurrencies = ['GBP', 'EUR', 'USD'];\n const currencies = Object.entries(\n Object.keys(currencyToSymbolMap)\n .filter((key) => availableCurrencies.includes(key))\n .reduce((obj, key) => {\n obj[key] = currencyToSymbolMap[key];\n return obj;\n }, {})\n );\n const [jobRate, setJobRate] = useState('');\n const [salary, setSalary] = useState([]);\n const [selectedCurrency, setSelectedCurrency] = useState('GBP');\n const [selectedSkills, setSelectedSkills] = useState([]);\n const [topSkills, setTopSkills] = useState([]);\n const [userEducations, setUserEducations] = useState([]);\n const [userExperiences, setUserExperiences] = useState([]);\n const [userResumes, setUserResumes] = useState([]);\n const [errorMessages, setErrorMessages] = useState({});\n\n const { data: { skills = [] } = {}, refetch: refetchSkill } = useQuery(\n GET_SKILLS,\n {\n variables: { name: '' },\n onError: () => refetchSkill(),\n }\n );\n\n const { data: { genres = [] } = {}, refetch: refetchGenre } = useQuery(\n GET_GENRES,\n {\n variables: { name: '' },\n onError: () => refetchGenre(),\n }\n );\n\n const allJobtypes = [\n {\n key: 'FREELANCE',\n name: 'Freelance',\n description: 'Less than six months',\n },\n {\n key: 'PERMANENT',\n name: 'Permanent',\n description: 'Full Time or Part Time',\n },\n {\n key: 'BOTH',\n name: 'Both',\n },\n ];\n\n const allSubJobtypes = [\n {\n key: 'FULLTIME',\n name: 'Full-time',\n },\n {\n key: 'PARTTIME',\n name: 'Part-time',\n },\n {\n key: 'BOTH_TIME',\n name: 'Both',\n },\n ];\n\n const optionsArrSkills = arrToDropdownSelection(skills);\n const optionsArrGenres = arrToDropdownSelection(genres);\n\n const [updateProfile, { loading }] = useMutation(UPDATE_PROFILE);\n const [updateSkills] = useMutation(ATTACH_SKILL);\n const [updateGenres] = useMutation(ATTACH_GENRE);\n const [updateJobType] = useMutation(ATTACH_JOB_TYPE);\n const [updateResume] = useMutation(CREATE_RESUME);\n\n const {\n data: {\n me: {\n education = [],\n experiences = [],\n skills: existingSkills,\n jobTypes: existingJobTypes,\n genres: existingGenres,\n resumes = [],\n referee_1,\n referee_2,\n bio,\n linkedin,\n salary_currency,\n minimum_salary,\n maximum_salary,\n salary_unit,\n } = {},\n } = {},\n loading: loadingCV,\n refetch,\n } = useQuery(GET_CV, {\n fetchPolicy: 'network-only',\n notifyOnNetworkStatusChange: true,\n onCompleted: () => {\n if (salary_unit) {\n setJobRate(salary_unit === 'YEAR' ? 'Year Rate' : 'Day Rate');\n }\n\n if (existingJobTypes.length) {\n const jobTypeKeys = existingJobTypes.map((t) => t.key);\n const jobTypeKey = [...jobTypeKeys].filter((j) =>\n allJobtypes.map((ajt) => ajt.key).includes(j)\n );\n const subJobTypeKey = [...jobTypeKeys].filter((j) =>\n allSubJobtypes.map((ajt) => ajt.key).includes(j)\n );\n\n if (jobTypeKey.length) {\n setJobType(jobTypeKey[0]);\n }\n\n if (subJobTypeKey.length) {\n setSubJobType(subJobTypeKey[0]);\n }\n }\n\n if (genres.length && skills.length) {\n setSelected({\n genres: arrToDropdownSelection(existingGenres),\n skills: arrToDropdownSelection(existingSkills),\n });\n }\n\n if (salary_currency) {\n setSelectedCurrency(salary_currency ?? 'GBP');\n }\n\n if (existingSkills.length) {\n setSelectedSkills(arrToDropdownSelection(existingSkills));\n setTopSkills(\n arrToDropdownSelection(existingSkills.filter((s) => s.pivot.is_top))\n );\n }\n\n setUserEducations(\n [...education].sort((a, b) => {\n const fromA = moment(a.from).format('YYYY');\n const fromB = moment(b.from).format('YYYY');\n return fromB - fromA;\n })\n );\n setUserExperiences(\n [...experiences].sort((a, b) => {\n const fromA = moment(a.from).format('YYYY');\n const fromB = moment(b.from).format('YYYY');\n return fromB - fromA;\n })\n );\n setUserResumes(\n [...resumes].sort((a, b) => moment(b.created_at) - moment(a.created_at))\n );\n },\n onError: () => refetch(),\n });\n\n const updateProfileRequest = (data) => {\n let errors = {};\n\n if (resumes.length === 0 && !doc.file) {\n errors.resumes = 'Please upload your CV!';\n cvRef.current.scrollIntoView();\n }\n\n if (userExperiences.length === 0) {\n errors.experiences = 'You must input at least 1 experience!';\n experiencesRef.current.scrollIntoView();\n }\n\n if (jobType === '') {\n errors.jobtype = 'You must input a job type consideration!';\n jobtypesRef.current.scrollIntoView();\n }\n\n if (subJobType === '') {\n errors.subjobtype = 'You must input a working hour consideration!';\n subJobtypesRef.current.scrollIntoView();\n }\n\n if (selected.genres.length === 0) {\n errors.genres = 'You must input at least 1 category experience!';\n genresRef.current.scrollIntoView();\n }\n\n if (selected.skills.length === 0) {\n errors.skills = 'You must input at least 1 skill!';\n skillsRef.current.scrollIntoView();\n }\n\n setErrorMessages(errors);\n\n if (Object.keys(errors).length !== 0) {\n return;\n }\n\n toast.dismiss();\n updateSkillsRequest();\n updateGenresRequest();\n updateJobTypeRequest();\n\n if (doc.file) {\n updateResumeRequest();\n }\n\n return updateProfile({\n variables: {\n input: {\n ...data,\n salary_currency: selectedCurrency,\n minimum_salary: salary[0],\n maximum_salary: salary[1],\n salary_unit: jobRate === 'Year Rate' ? 'YEAR' : 'DAY',\n },\n },\n })\n .then(({ data: { updateUser } }) => {\n const updatedUserObj = { ...getUser(), ...updateUser };\n userVar(updatedUserObj);\n saveUserLocalstorage(updatedUserObj);\n toast.success('Profile updated successfully!', { autoClose: 4000 });\n return history.push('/freelancer/profile');\n })\n .catch((e) =>\n toast.error('Could not update profile', { toastId: 'resErr' })\n );\n };\n\n const updateSkillsRequest = () => {\n toast.dismiss();\n\n return updateSkills({\n variables: {\n input: {\n sync: selected.skills.map((s) => s.key),\n isTop: selected.skills.map((s) =>\n topSkills.map((t) => t.key).includes(s.key)\n ),\n },\n },\n });\n };\n\n const updateGenresRequest = () => {\n toast.dismiss();\n return updateGenres({\n variables: {\n input: { sync: selected.genres.map((g) => g.key) },\n },\n });\n };\n\n const updateJobTypeRequest = () => {\n toast.dismiss();\n return updateJobType({\n variables: {\n input: {\n create: [\n Array.isArray(jobType) ? jobType[0] : jobType,\n Array.isArray(subJobType) ? subJobType[0] : subJobType,\n ],\n },\n },\n });\n };\n\n const updateResumeRequest = () => {\n toast.dismiss();\n return updateResume({\n variables: {\n input: {\n file: doc.file,\n },\n },\n }).then(() => {\n toast.dismiss();\n toast.success('CV uploaded! - ' + doc.file.name, { autoClose: 4000 });\n });\n };\n\n const style = {\n chips: {\n background: '#8C79B5',\n },\n searchBox: {\n border: 'none',\n borderBottom: '1px solid #ccc',\n borderRadius: '0px',\n },\n multiselectContainer: {\n color: '#8C79B5',\n },\n };\n\n const onChangeFile = (event) => {\n event.stopPropagation();\n event.preventDefault();\n toast.dismiss('invalidDocs');\n\n const file = event.target.files[0];\n isValidDocument(file, (valid) => {\n if (!valid) {\n return toast.error('Please select a valid document file.', {\n toastId: 'invalidDocs',\n });\n }\n setDoc({\n url: valid.url,\n error: false,\n file: valid.file,\n });\n });\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n \n ×\n \n
\n Edit Experience
\n \n\n
\n \n
\n \n
\n \n
\n Your profile
\n\n
\n\n {loadingCV && 'Loading CV...'}\n \n
\n\n \n Add your qualifications, client/category experience, skills and\n references. We'll use this to build your profile which will be\n shown to employers.\n
\n\n
\n\n {loadingCV && 'Loading Qualifications...'}\n \n \n
\n {errorMessages.subjobtype && (\n \n \n
\n {errorMessages.jobtype && (\n \n
\n\n {loadingCV && 'Loading Skills...'}\n \n About me \n
\n \n
\n {errors.bio && (\n \n
\n {optionsArrSkills.length > 0 && selected.skills && (\n Skills
\n\n
\n )}\n {selectedSkills && selectedSkills.length > 0 && (\n \n {\n const temp = selected;\n temp.skills = selectedList;\n setSelected(temp);\n setSelectedSkills(selectedList);\n }}\n onRemove={(selectedList, removedItem) => {\n const temp = selected;\n temp.skills = selectedList;\n setSelected(temp);\n setSelectedSkills(selectedList);\n }}\n displayValue=\"label\"\n closeOnSelect={false}\n avoidHighlightFirstOption\n placeholder=\"Select Skills\"\n style={style}\n />\n {errorMessages.skills && (\n
\n \n
\n )}\n\n {loadingCV && 'Loading Category experience...'}\n \n {\n setTopSkills(selectedList);\n }}\n onRemove={(selectedList, removedItem) => {\n setTopSkills(selectedList);\n }}\n selectionLimit={3}\n displayValue=\"label\"\n closeOnSelect={false}\n avoidHighlightFirstOption\n placeholder=\"Select Top 3 Skills\"\n style={style}\n />\n
\n \n
\n {optionsArrGenres.length > 0 && selected.genres && (\n Category Experience
\n\n
\n )}\n\n {loadingCV && 'Loading Job Types...'}\n \n {\n const temp = selected;\n temp.genres = selectedList;\n setSelected(temp);\n }}\n onRemove={(selectedList, removedItem) => {\n const temp = selected;\n temp.genres = selectedList;\n setSelected(temp);\n }}\n displayValue=\"label\"\n closeOnSelect={false}\n avoidHighlightFirstOption\n placeholder=\"Select Category Experience\"\n style={style}\n />\n {errorMessages.genres && (\n
\n \n
\n Considering
\n\n {allJobtypes.map((jt, index) => (\n setJobType(jt.key)}\n >\n {jt.name}\n \n ))}\n
\n \n
\n Working Hours
\n\n {allSubJobtypes.map((sjt) => (\n
\n \n {\n setSubJobType(sjt.key);\n }}\n />\n \n
\n ))}\n \n
\n {userExperiences.map(\n ({ id, title, company, description, from, to, years }) => (\n Experience
\n\n
\n )\n )}\n {title}
\n{company}
\n {from && (\n\n {moment(from).format('YYYY')} -{' '}\n {to ? moment(to).format('YYYY') : 'Present'}\n
\n )}\n\n {\n currentExperienceVar({\n id,\n title,\n company,\n description,\n from,\n to,\n });\n }}\n >\n Edit\n \n {\n currentTypeVar({\n type: 'experience',\n id,\n });\n }}\n >\n Remove\n \n
\n {description}
\n\n \n \n \n
\n \n \n Add Experience\n
\n {errorMessages.experiences && (\n \n Qualifications - optional\n
\n {userEducations.map(\n ({ id, qualification, description, from, to }) => (\n \n
\n )\n )}\n {qualification}
\n\n {\n currentEducationVar({\n id,\n qualification,\n description,\n from,\n to,\n });\n }}\n >\n Edit\n \n {\n currentTypeVar({\n type: 'education',\n id,\n });\n }}\n >\n Remove\n \n
\n {description}
\n\n \n \n \n
\n \n \n Add Qualifications\n
\n \n LinkedIn Profile\n
\n\n {loadingCV && 'Loading CV...'}\n \n
\n \n
\n {userResumes.length > 0 && (\n Your CV
\n\n \n \n
\n
\n )}\n | File | \nDate uploaded | \n\n |
|---|---|---|
| \n \n | \n \n \n {moment(created_at).format(\n 'YYYY-MM-DD h:m:s'\n )}\n \n | \n \n | \n
\n cvRef.current.click()}\n >\n Upload your CV\n
\n {errorMessages.resumes && (\n \n {doc.file && {doc.file.name}}\n {doc.error && (\n
\n \n
\n Salary Bands
\n For Liberty Hive purposes only\n\n \n
\n \n
\n \n
\n \n {\n setSelectedCurrency(e.target.value);\n }}\n >\n {currencies.map(([code, symbol]) => (\n \n ))}\n \n
\n \n
\n \n setSalary(args)}\n jobBudget={[minimum_salary, maximum_salary]}\n jobRate={jobRate}\n editMode={true}\n freelance={true}\n />\n
\n \n
\n \n\n {loadingCV && 'Loading Referees...'}\n \n {\n setJobRate('Day Rate');\n }}\n >\n Day Rate\n \n\n {\n setJobRate('Year Rate');\n }}\n >\n Annual Salary\n \n
\n \n
\n Referees
\n For Liberty Hive purposes only\n\n Reference 1\n
\n \n
\n \n Reference 2\n
\n\n \n
\n \n
\n \n \n \n \n \n {loading ? 'Loading...' : 'SAVE'}\n \n
\n \n \n Now tell us a little about yourself...\n \n\n \n \n \n \n\n \n {\n setBio(value);\n }}\n showErrorText\n clearErrors={clearErrors}\n >\n \n\n \n {loadingIndustries && Loading...}\n {\n setSelectedIndustry(value);\n },\n }}\n placeholder=\"Interested In\"\n showErrorText\n clearErrors={clearErrors}\n >\n \n\n \n {loadingRoles && Loading...}\n {allJoblevels && (\n \n\n \n {loadingPositions && Loading positions...}\n {positionsData && (\n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n ({\n id: index,\n key: elm.language,\n name: elm.language,\n }))\n .sort(SortingPrioritize(langSorts))}\n onSelect={(a) => {\n setLangs(a);\n }}\n onRemove={(a) => {\n setLangs(a);\n }}\n displayValue=\"name\"\n closeOnSelect={true}\n avoidHighlightFirstOption\n placeholder=\"Languages\"\n selectionLimit={10}\n selectedValues={langs}\n ref={multiselectLangRef}\n />\n \n\n \n \n ({\n value: i + 1,\n }))}\n placeholder=\"Notice period\"\n showErrorText\n clearErrors={clearErrors}\n >\n \n\n \n \n \n \n\n \n \n ({\n value: v,\n label: v,\n }))}\n placeholder=\"Ethnicity\"\n >\n \n \n\n \n \n Reference 1 — Name, Company and Position\n \n \n \n Reference 2 — Name, Company and Position\n \n \n \n\n \n {\n setValue('hear_us', value);\n },\n }}\n clearErrors={clearErrors}\n >\n \n\n {'hear_us' in watchFields &&\n (watchFields.hear_us === 'recommendation' ||\n watchFields.hear_us === 'other') && (\n \n \n \n )}\n\n \n {\n handleSubmit(editProfile)(e);\n }}\n >\n {loading ? 'Loading...' : 'Save'}\n \n \n \n
\n \n Why are you asking me these questions?\n
\n\n We believe that every candidate should feel included in the\n workplace. Liberty Hive is dedicated to building a platform\n that helps employers hire in a more inclusive way.\n
\n\n To help us do this, we’d like to know more about you.\n Sharing this data with us is optional and is confidential\n and does not get shared with other parties. You can learn\n more about how we use your personal data in our privacy\n policy.\n
\n${name}
`)\n ?.join('')\n )\n : '',\n positions?.length > 0\n ? CONTENTS_UTIL.generateRowDetails(\n 'Position Sought',\n positions\n ?.map(({ name }) => `${name}
`)\n ?.join('')\n )\n : '',\n CONTENTS_UTIL.generateRowDetails(\n 'Additional Questions',\n `\n ${\n jobLocation\n ? `Job Location: ${\n jobLocation === TYPE_WORK_LOCATION_FOR_CONSULTANT[3].value\n ? 'Remote, On-site, or Hybrid'\n : TYPE_WORK_LOCATION_FOR_CONSULTANT.find(\n (j) => jobLocation === j.value\n )?.label\n }
`\n : ''\n }\n ${\n payroll_status && payroll_status !== '0'\n ? `Requires going on ${\n payroll_status === TYPE_PAYROLL_STATUS[2].value\n ? 'either Payroll or Limited Company'\n : TYPE_PAYROLL_STATUS.find(\n (p) => p.value === payroll_status\n )?.label\n }
`\n : ''\n }\n ${\n right_to_work\n ? `${\n parseInt(right_to_work) === 1\n ? \"Doesn't require\"\n : 'Require'\n } a visa to work in the UK
`\n : ''\n }`\n ),\n start_date\n ? CONTENTS_UTIL.generateRowDetails(\n 'Start Date',\n TYPE_START_DATE.find(\n (type) => parseInt(type.value) === parseInt(start_date)\n )?.label\n )\n : '',\n notice_period\n ? CONTENTS_UTIL.generateRowDetails('Notice Period', notice_period)\n : '',\n ]\n );\n }, [data, allJoblevels]);\n\n return (\n\n Why are you asking me these questions?\n
\n\n We believe that every candidate should feel included in the\n workplace. Liberty Hive is dedicated to building a platform that\n helps employers hire in a more inclusive way.\n
\n\n To help us do this, we’d like to know more about you. Sharing this\n data with us is optional and is confidential and does not get\n shared with other parties. You can learn more about how we use\n your personal data in our privacy policy.\n
\n\n Includes qualifications, certifications, portfolio,\n references, testimonials\n
\n {supportingDocs.length > 0 && (\n\n
\n For Liberty Hive purposes only\n
\n\n
\n \n \n \n \n \n );\n};\n\nexport default CompleteProfile;\n","import React, { useState, useEffect, useContext } from 'react';\nimport DatePicker from 'react-date-picker';\nimport moment from 'moment';\nimport 'bootstrap/js/src/modal';\nimport { useMutation, useLazyQuery, useReactiveVar } from '@apollo/react-hooks';\nimport { toast } from 'react-toastify';\nimport { useForm } from 'react-hook-form';\nimport { currentOppVar } from '../../graphql/config';\nimport { DELETE_OPPORTUNITY } from '../../graphql/mutations';\nimport Error from '../Error';\nimport hideModal from '../../styles/js/hideModal';\nimport { GET_AGENCY_APPLICANTS } from '../../graphql';\nimport { getUser } from '../../utils/helpers';\nimport { AppContext } from '../../Store';\n\nexport const ReasonModal = ({ refetch }) => {\n const [state] = useContext(AppContext);\n const showError = () => {\n toast.error('Something went wrong', { toastId: 'OppDashboard' });\n };\n\n const { id, title } = useReactiveVar(currentOppVar);\n const [closeDate, setCloseDate] = useState(new Date());\n\n const { watch, register, handleSubmit, errors, getValues } = useForm();\n const watchFields = watch(['reason']);\n const [deleteOpportunity, { loading }] = useMutation(DELETE_OPPORTUNITY);\n const [getAgencyApplicants, { called, data }] = useLazyQuery(\n GET_AGENCY_APPLICANTS,\n {\n variables: {\n agency:\n getUser()?.type === 'COMPANY'\n ? getUser()?.id\n : state?.activeCompany?.role === 'member'\n ? state?.activeCompany?.user_id\n : state?.activeCompany?.team_id,\n opportunity: id,\n },\n onError: () =>\n toast.error('Could not get applicants', { toastId: 'closeGetAppErr' }),\n }\n );\n\n useEffect(() => {\n if (!called && id) {\n getAgencyApplicants();\n }\n }, [state, id, called, getAgencyApplicants]);\n\n const validateIsFilled = (value) => {\n if (getValues('reason') === 'Filled by applicant') {\n return value !== '' || getValues('freelancer_name') !== '';\n }\n return true;\n };\n\n const validateNotFilled = (value) => {\n if (\n getValues('reason') !== 'Filled by applicant' &&\n (value !== '' || getValues('freelancer_name') !== '')\n ) {\n return false;\n }\n return true;\n };\n\n const deleteOpportunityRequest = (data) =>\n deleteOpportunity({\n variables: {\n id,\n input: {\n reason: data.reason,\n closed_at: moment(closeDate).format('YYYY-MM-DD'),\n ...(data.freelancer && { freelancer: { connect: data.freelancer } }),\n ...(data.freelancer_name && {\n freelancer_name: data.freelancer_name,\n }),\n },\n },\n })\n .then((data) => {\n toast.dismiss();\n hideModal();\n currentOppVar({});\n refetch();\n toast.success('Opportunity closed!', { autoClose: 4000 });\n })\n .catch((e) => showError());\n\n return (\n \n \n \n \n \n {errors.can_use_logo && (\n
\n \n \n {watchFields && (\n <>\n \n {'description' in watchFields\n ? watchFields.description\n ? watchFields.description.length\n : 0\n : 0}\n {' '}\n / 250\n \n )}\n
\n {errors.description && \n onChangeFile(e)}\n />\n \n {watchFields && (\n <>\n \n {'bio' in watchFields\n ? watchFields.bio\n ? watchFields.bio.length\n : 0\n : 0}\n {' '}\n / 1000\n \n )}\n
\n {errors.bio && \n \n
\n You're signed up!
\n\n
\n 1
\n 2
\n \n 3\n
\n Now tell us a little about your company...
\nAdd Your Company Logo
\n \n avatarRef.current.click()}\n >\n
\n \n Add Logo\n
\nAdd Profile Bio
\n What sets you apart
\n \n Are you happy for us to use your logo across our marketing\n channels?\n
\n \n {loading ? 'Loading...' : 'Submit'}\n
\n \n
\n \n );\n};\nexport default ReasonModal;\n","import React from 'react'\nimport { Link } from 'react-router-dom';\n\nconst AccountInactive = ({\n headline,\n linkColor\n}) => (\n \n
\n \n
\n \n \n ×\n \n
\n Closing The Job Opportunity
\n{title}
\n \n\n
\n);\n\nexport default AccountInactive","import React from 'react';\nimport './styles.css';\n\nconst Loader = () => {\n return \n
\n {headline}
\nWe are currently approving your account.
\n\n In the mean time, why not\n {' '}\n
Loading...
;\n};\n\nexport default Loader;\n","import { useQuery } from '@apollo/react-hooks';\nimport React, { useEffect, useState, useContext } from 'react';\nimport { Link } from 'react-router-dom';\nimport moment from 'moment';\nimport Header from '../../components/Company/Header';\nimport { useMutation } from '@apollo/react-hooks';\nimport Footer from '../../components/Footer';\nimport { AppContext } from '../../Store';\nimport {\n GET_TEAM_MEMBER_OPPORTUNITY,\n GET_TEAM_OPPORTUNITY,\n GET_ARTICLES,\n GET_AUTH_USER,\n} from '../../graphql';\nimport jquery from '../../styles/js/app';\nimport { currentOppVar } from '../../graphql/config';\nimport { logUserOut, getLoginUrl } from '../../utils/helpers';\nimport ReasonModal from '../../components/Company/ReasonModal';\nimport AccountInactive from '../../components/AccountInactive';\nimport Loader from '../../components/Loader';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst Dashboard = () => {\n useEffect(() => {\n jquery();\n }, []);\n const [state] = useContext(AppContext);\n const [activeType, setActiveType] = useState(true);\n const [activeApplicants, setActiveApplicants] = useState([]);\n const [activeOpportunities, setActiveOpportunities] = useState([]);\n const [inactiveOpportunities, setInactiveOpportunities] = useState([]);\n const [opportunities, setOpportunities] = useState([]);\n const [initialized, setInitialized] = useState(undefined);\n const [status, setStatus] = React.useState(undefined);\n /** Retrieve Team Member Opportunities */\n const [getTeamUserOpportunites] = useMutation(GET_TEAM_MEMBER_OPPORTUNITY, {\n onCompleted: ({ viewTeamMemberOpportunity }) => {\n const associatedOpportunities = viewTeamMemberOpportunity.flat();\n setActiveOpportunities(\n associatedOpportunities.filter((o) => !o.deleted_at)\n );\n setInactiveOpportunities(\n associatedOpportunities.filter((o) => o.deleted_at)\n );\n setOpportunities(associatedOpportunities.filter((o) => !o.deleted_at));\n },\n onError: () => {},\n });\n\n const [getTeamOpportunites] = useMutation(GET_TEAM_OPPORTUNITY, {\n onCompleted: ({ viewTeamOpportunity }) => {\n const associatedOpportunities = viewTeamOpportunity;\n setActiveOpportunities(\n associatedOpportunities.filter((o) => !o.deleted_at)\n );\n setInactiveOpportunities(\n associatedOpportunities.filter((o) => o.deleted_at)\n );\n setOpportunities(associatedOpportunities.filter((o) => !o.deleted_at));\n },\n onError: () => {},\n });\n\n const { loading, refetch: refetchUser } = useQuery(GET_AUTH_USER, {\n fetchPolicy: 'cache-and-network',\n onCompleted: ({ me }) => {\n if (!me) {\n logUserOut();\n window.location.href = getLoginUrl('COMPANY');\n }\n setStatus(me?.status);\n setInitialized(true);\n },\n onError: () => refetchUser(),\n });\n\n useEffect(() => {\n if (initialized && state?.activeCompany) {\n if (state?.activeCompany?.role === 'member') {\n getTeamUserOpportunites({\n variables: {\n userId: Number(state?.activeCompany?.user_id),\n teamId: Number(state?.activeCompany?.team_id),\n },\n });\n } else if (state?.activeCompany?.role === 'admin') {\n getTeamOpportunites({\n variables: {\n teamId: Number(state?.activeCompany?.team_id),\n },\n });\n }\n }\n }, [initialized, state, getTeamUserOpportunites, getTeamOpportunites]);\n\n const {\n data: { articles: { data: articles = [] } = {} } = {},\n refetch: refetchArticle,\n } = useQuery(GET_ARTICLES, {\n variables: {\n availability: ['AGENCY', 'FREELANCER_AND_AGENCY'],\n type: 'ARTICLE',\n first: 3,\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n },\n onError: () => refetchArticle(),\n });\n\n const {\n data: { articles: { data: ctas = [] } = {} } = {},\n refetch: refetchCTA,\n } = useQuery(GET_ARTICLES, {\n variables: {\n availability: ['AGENCY', 'FREELANCER_AND_AGENCY'],\n type: ['MENTORING', 'TRAINING'],\n first: 2,\n orderBy: [{ column: 'CREATED_AT', order: 'DESC' }],\n },\n onError: () => refetchCTA(),\n });\n\n useEffect(() => {\n if (activeOpportunities !== undefined) {\n let filteredApplicants = [];\n activeOpportunities.forEach(\n (a) => (filteredApplicants = [...filteredApplicants, ...a?.applicants])\n );\n setActiveApplicants(filteredApplicants.flat());\n }\n }, [activeOpportunities]);\n\n const getOtherOpportunities = (e) => {\n e.preventDefault();\n setActiveType(!activeType);\n\n if (activeType) {\n setOpportunities(inactiveOpportunities);\n } else {\n setOpportunities(activeOpportunities);\n }\n };\n\n /** Listen To Team Change */\n useEffect(() => {\n if (state?.activeCompany !== undefined) {\n setActiveApplicants();\n setActiveOpportunities([]);\n setInactiveOpportunities([]);\n setOpportunities([]);\n refetchUser();\n refetchArticle();\n refetchCTA();\n }\n }, [state, refetchUser, refetchArticle, refetchCTA]);\n\n return (\n \n \n
\n )}\n {!loading && (\n <>\n \n Loading...\n
\n )}\n {status === 'INACTIVE' && (\n \n
\n )}\n {status === 'ACTIVE' && (\n \n {\n window.location.reload();\n }}\n />\n
\n \n
\n \n \n
\n \n
\n \n
\n Application Responses
\n \n (\n {activeApplicants && activeApplicants.length\n ? activeApplicants\n .filter((a) => a.opportunity)\n .filter((a) => a.user).length\n : 0}{' '}\n new)\n \n\n {activeApplicants ? (\n \n
\n )}\n \n Name\n Date\n Job No.\n Position\n Email\n Phone\n \n {activeApplicants\n .filter((a) => a.opportunity)\n .filter((a) => a?.opportunity?.deleted_at === null)\n .filter((a) => a.user)\n .map(({ user, created_at, opportunity, id }) => (\n <>\n {user.name}\n \n {moment(created_at).format('DD/MM/YYYY')}\n \n \n {opportunity.job_number}\n \n \n {opportunity.title}\n \n \n {user.email}\n \n \n {user.phone}\n \n \n
\n ) : (\n - \n
- \n
\n
\n {loading && (\n \n {activeType ? (\n
\n Active Job Opportunities
\n ) : (\nClosed Job Opportunities
\n )}\n\n \n {activeType\n ? `(${activeOpportunities.length})`\n : `(${inactiveOpportunities.length})`}\n \n\n
\n \n \n {moment(created_at).format('DD/MM/YYYY')}\n \n \n {job_number}\n \n \n {applicants.filter((a) => a.user).length}\n \n \n {featured && (\n \n Featured\n \n )}\n \n \n \n Job Title\n \n Date Posted\n \n \n Job No.\n \n \n Applications\n \n \n \n {opportunities.map(\n ({\n title,\n creator,\n job_number,\n agency: { company },\n created_by,\n created_at,\n view,\n applicants,\n id,\n featured,\n }) => (\n <>\n \n \n \n {'Added by ' + (creator?.name || company)}\n
\n {title}
\n - \n {activeType && (\n <>\n
- \n
- \n
- \n
\n
\n \n getOtherOpportunities(e)}\n >\n View {activeType ? 'Closed' : 'Active'} Job Opportunities\n \n
\n \n
\n \n
\n Liberty Hive Community
\n\n {articles &&\n articles.map(({ title, slug, image }, index) => (\n \n \n
\n ))}\n \n {title}
\n \n \n
\n \n \n View more\n \n
\n \n {ctas &&\n ctas.map(({ title, slug, image, type }, index) => (\n
\n \n )}\n \n \n );\n};\nexport default Dashboard;\n","import React, { useEffect, useState } from 'react';\nimport { useMutation } from '@apollo/react-hooks';\nimport { useLazyQuery } from '@apollo/react-hooks';\nimport { useLocation } from 'react-router-dom';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport Cookies from 'universal-cookie';\nimport Header from '../../components/Company/Header';\nimport Footer from '../../components/Footer';\nimport {\n CHECK_REGISTERABLE_USER,\n PROCESS_INVITATION,\n CREATE_TEAM_USER,\n} from '../../graphql';\nimport jquery from '../../styles/js/app';\nimport Error from '../../components/Error';\nimport { registerVar } from '../../graphql/config';\n\nconst CreateAccount = ({ history }) => {\n useEffect(() => {\n jquery();\n }, []);\n\n const location = useLocation();\n const { register, handleSubmit, errors } = useForm();\n const [invitationEmail, setInvitationEmail] = useState(undefined);\n const [invitationToken, setInvitationToken] = useState(undefined);\n const [check, { data, refetch }] = useLazyQuery(CHECK_REGISTERABLE_USER, {\n onCompleted: () => isUniqueEmail({ showFeedback: true }),\n onError: () => refetch(),\n });\n\n /** Set Off Route Params */\n useEffect(() => {\n setInvitationEmail(String(location.pathname).split('&')[1]);\n setInvitationToken(String(location.pathname).split('/')[3].split('&')[0]);\n }, [location]);\n \n /** Check User Exist*/\n useEffect(() => {\n if (invitationEmail !== undefined) {\n check({ variables: { email: invitationEmail } });\n }\n }, [invitationEmail, check]);\n\n const [acceptInvite] = useMutation(PROCESS_INVITATION);\n const acceptInvitation = () => {\n toast.dismiss();\n acceptInvite({\n variables: {\n email: invitationEmail,\n token: invitationToken,\n },\n })\n .then((res) => {\n const { data } = res;\n if (data?.processInvitation?.team_id) {\n const cookies = new Cookies();\n cookies.set('lh_team', data?.processInvitation?.team_id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n }\n history.push({\n pathname: '/team/welcome',\n state: {\n mode: 'Invitation_Accepted',\n },\n });\n toast.success('Invitation accepted successfully', { autoClose: 4000 });\n })\n .catch((e) =>\n toast.error('Could not accept invite', { toastId: 'appErr' })\n );\n };\n\n const isUniqueEmail = () => {\n toast.dismiss();\n if (\n data?.checkRegisterableUser !== null &&\n data?.checkRegisterableUser !== undefined &&\n data?.checkRegisterableUser?.type !== 'FREELANCER'\n ) {\n addExistingUser();\n }\n };\n\n /** Create New Team User */\n const [createTeamUser] = useMutation(CREATE_TEAM_USER);\n\n const addExistingUser = () => {\n toast.dismiss();\n createTeamUser({\n variables: {\n input: {\n email: invitationEmail,\n token: invitationToken,\n },\n },\n })\n .then((res) => {\n const { data } = res;\n if (data?.createTeamUser?.team_id) {\n const cookies = new Cookies();\n cookies.set('lh_team', data?.createTeamUser?.team_id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n }\n acceptInvitation();\n })\n .catch(() =>\n toast.error('Could not create team account', { toastId: 'appErr' })\n );\n };\n\n // const openInNewTab = (url) => {\n // localStorage.setItem('userType', 'agency');\n // window.location.replace(url);\n // };\n\n // if (userVar().access_token) {\n // return (\n // \n \n
\n ))}\n \n
\n \n {title}
\n \n
\n \n \n \n );\n};\n\nexport default CreateAccount;\n","import React, { useEffect, useState } from 'react';\nimport PhoneInput from 'react-phone-input-2';\nimport { useMutation } from '@apollo/react-hooks';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport { Link, Redirect } from 'react-router-dom';\nimport Cookies from 'universal-cookie';\nimport countryList from 'country-list';\nimport Error from '../../components/Error';\nimport { PROCESS_INVITATION, CREATE_TEAM_USER, REGISTER } from '../../graphql';\nimport jquery from '../../styles/js/app';\nimport Header from '../../components/Company/Header';\nimport Footer from '../../components/Footer';\nimport { registerVar, userVar } from '../../graphql/config';\nimport {\n inputProps,\n inputStyle,\n saveUserLocalstorage,\n saveLoginTypeLocalstorage,\n} from '../../utils/helpers';\nimport 'react-phone-input-2/lib/plain.css';\nimport { LINK_GROUP } from '../../utils/links';\n\nconst CreateAccountStep2 = ({ history, location: { state } }) => {\n useEffect(() => {\n jquery();\n }, []);\n const { token, email } = state;\n const [phoneError, setPhoneError] = useState(false);\n const [phone, setPhoneNo] = useState(null);\n const countries = countryList.getNames().sort();\n const { register, handleSubmit, errors } = useForm();\n const [registerMutation, { loading }] = useMutation(REGISTER);\n\n /** Accept Team Invite */\n const [acceptInvite, { loading: loadingAcceptInvite }] =\n useMutation(PROCESS_INVITATION);\n const acceptInvitation = () => {\n toast.dismiss();\n acceptInvite({\n variables: {\n email: email,\n token: token,\n },\n })\n .then((res) => {\n const { data } = res;\n if (data?.processInvitation?.team_id) {\n const cookies = new Cookies();\n cookies.set('lh_team', data?.processInvitation?.team_id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n }\n toast.success('Invitation accepted successfully', { autoClose: 4000 });\n window.open('/team/profile/complete', '_self');\n })\n .catch((e) =>\n toast.error('Could not accept invite', { toastId: 'appErr' })\n );\n };\n\n /** Create New Team User */\n const [createTeamUser, { loading: loadingApplication }] =\n useMutation(CREATE_TEAM_USER);\n const addNewTeamMember = () => {\n toast.dismiss();\n createTeamUser({\n variables: {\n input: {\n email: email,\n token: token,\n },\n },\n })\n .then((res) => {\n const { data } = res;\n if (data?.createTeamUser?.team_id) {\n const cookies = new Cookies();\n cookies.set('lh_team', data?.createTeamUser?.team_id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n }\n acceptInvitation();\n })\n .catch(() => {});\n };\n\n function RegisterUser(data) {\n toast.dismiss();\n validatePhone(phone);\n if (!phoneError && phone !== '') {\n registerMutation({\n variables: {\n ...data,\n ...registerVar(),\n type: 'GUEST',\n phone: `+${phone}`,\n },\n })\n .then((res) => {\n const { data } = res;\n if (!data.register) {\n toast.error('Something is wrong!');\n } else {\n registerVar({});\n const cookies = new Cookies();\n cookies.set('lh_user', data.register.id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n userVar(data.register);\n saveUserLocalstorage(data.register);\n saveLoginTypeLocalstorage('AGENCY');\n /** Create UserTeam Association */\n addNewTeamMember();\n }\n })\n .catch((e) => {\n let msg = 'Something went wrong!';\n\n if (\n 'validation' in e?.graphQLErrors[0]?.extensions &&\n 'input.email' in e?.graphQLErrors[0]?.extensions?.validation\n ) {\n msg = 'The email has already been taken!';\n }\n\n toast.error(msg, { toastId: 'frRegErr' });\n });\n }\n }\n\n if (!Object.keys(registerVar()).length) {\n return \n
\n \n
\n \n
\n \n
\n \n Create A Team Account
\n\n
\n \n 1\n
\n 2
\n 3
\n Login information
\n \n
\n \n \n \n );\n};\n\nexport default CreateAccountStep2;\n","import * as React from 'react';\nimport { useHistory, useParams, useLocation } from 'react-router-dom';\nimport { useMutation } from '@apollo/client';\nimport Cookies from 'universal-cookie';\nimport { ADMIN_IMPERSONATE_USER } from '../../graphql';\nimport { saveUserLocalstorage } from '../../utils/helpers';\nimport { userVar } from '../../graphql/config';\nimport { LINK_GROUP } from '../../utils/links';\n\nfunction useQuery() {\n return new URLSearchParams(useLocation().search);\n}\n\nconst AdminImpersonateCompany = () => {\n const token = useQuery().get('token');\n const { id } = useParams();\n const history = useHistory();\n const [loginMutation, { loading, error }] = useMutation(\n ADMIN_IMPERSONATE_USER,\n {\n onCompleted: ({ adminImpersonateUser }) => {\n if (\n [LINK_GROUP.COMPANY, 'guest'].includes(\n adminImpersonateUser?.type?.toLowerCase()\n )\n ) {\n const cookies = new Cookies();\n cookies.set('lh_user', adminImpersonateUser.id, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n userVar(adminImpersonateUser);\n saveUserLocalstorage(adminImpersonateUser);\n history.push(`/${LINK_GROUP.EMPLOYER}/dashboard`);\n }\n },\n onError: () => {\n // history.push('/goback');\n },\n context: {\n headers: {\n 'X-CSRF-TOKEN': token,\n },\n credentials: 'same-origin',\n },\n }\n );\n\n React.useEffect(() => {\n // eslint-disable-next-line consistent-return\n (async () => {\n loginMutation({\n variables: {\n input: {\n id,\n token,\n },\n },\n });\n })();\n\n const cookies = new Cookies();\n cookies.set('XSRF-TOKEN', token, {\n path: '/',\n domain: process.env.REACT_APP_COOKIE_DOMAIN,\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [history, id]);\n\n /*\n * On load get the Id from the url - get the CSRF token query param\n * Set the CSRF in the header\n * hit new login endpoint\n */\n\n if (loading) return \n
\n \n
\n \n \n {loading ? 'Loading...' : 'Next'}\n \n \n
\n \n
\n {errors.tnc && (\n Create A Team Account
\n\n
\n \n \n \n Back\n \n
\n 1
\n \n 2\n
\n 3
\n \n Personal information
\n Done
;\n};\n\nexport default AdminImpersonateCompany;\n\nconst Loading = () => loading...
;\n\nconst Error = () => error...
;\n","import React, { useState, useEffect, useContext } from 'react';\nimport { useMutation } from '@apollo/react-hooks';\nimport Checkbox from 'react-custom-checkbox';\nimport { useLazyQuery } from '@apollo/client';\nimport { getUser } from '../../../utils/helpers';\nimport { AppContext } from '../../../Store';\nimport { toast } from 'react-toastify';\nimport {\n DELETE_TEAM_USER_ASSOCIATION,\n CREATE_TEAM_USER_ASSOCIATION,\n UPDATE_TEAM_USER_SETTING,\n GET_TEAM_ASSOCIATIONS,\n} from '../../../graphql';\nimport './styles.css';\n\nconst Team = ({ members, data }) => {\n const [teamAssociations, setTeamAssociations] = useState([]);\n const [state] = useContext(AppContext);\n const [memberList, setMemberList] = useState([]);\n\n /** Update Team User Setting */\n const [updateTeamUser, { loading }] = useMutation(UPDATE_TEAM_USER_SETTING);\n const updateTeamUserRole = (payload) => {\n toast.dismiss();\n updateTeamUser({\n variables: {\n input: {\n user_id: data.user_id,\n team_id: data.team_id,\n can_post_jobs: payload,\n },\n },\n })\n .then(() => {\n toast.success('User permission updated succesfully!', {\n autoClose: 4000,\n });\n })\n .catch(() =>\n toast.error('Could not update user permission!', { toastId: 'appErr' })\n );\n };\n /** Create New Team User Association*/\n const [createTeamUserAssociation] = useMutation(\n CREATE_TEAM_USER_ASSOCIATION,\n {\n onCompleted: () => {\n getTeamUserAssociation({\n variables: {\n team_id: Number(state?.activeCompany?.team_id),\n },\n });\n toast.success('User association created succesfully!', {\n autoClose: 4000,\n });\n },\n onError: () =>\n toast.error('Error creating User Association', { toastId: 'appErr' }),\n }\n );\n\n /** Delete Team User Association*/\n const [deleteTeamUserAssociation] = useMutation(\n DELETE_TEAM_USER_ASSOCIATION,\n {\n onCompleted: () => {\n getTeamUserAssociation({\n variables: {\n team_id: Number(state?.activeCompany?.team_id),\n },\n });\n toast.success('User association removed succesfully!', {\n autoClose: 4000,\n });\n },\n onError: () =>\n toast.error('Error removing User Association', { toastId: 'appErr' }),\n }\n );\n\n /** Retrieve Team User Association */\n const [getTeamUserAssociation, { data: teamData }] = useLazyQuery(\n GET_TEAM_ASSOCIATIONS,\n {\n variables: {\n team_id: Number(state?.activeCompany?.team_id),\n },\n fetchPolicy: 'network-only',\n }\n );\n useEffect(() => {\n getTeamUserAssociation({ variables: { team_id: Number(getUser()?.id) } });\n }, [getTeamUserAssociation]);\n useEffect(() => {\n setTeamAssociations(teamData?.viewUserTeamAssociation);\n }, [teamData]);\n\n useEffect(() => {\n if (members !== undefined) {\n const memberFilter = members.filter((a) => a.user_id !== data?.user_id);\n setMemberList(memberFilter);\n }\n }, [members, data]);\n\n return (\n \n \n \n User Associations\n
\n \n {\n const filtered = memberList.filter((a) =>\n String(a.first_name + ' ' + a.last_name)\n .toLowerCase()\n .includes(String(e.target.value).toLowerCase())\n );\n if (e.target.value.length > 0) {\n setMemberList(filtered);\n } else {\n const memberFilter = members.filter(\n (a) => a.user_id !== data?.user_id\n );\n setMemberList(memberFilter);\n }\n }}\n />\n
\n \n \n \n \n First \n Last \n \n \n \n {memberList.length > 0 &&\n memberList.map((item, index) => {\n return (\n \n \n \n a.user_id === data.user_id &&\n item.user_id === a.associate_id\n ) || false\n }\n onChange={(value) => {\n if (value) {\n createTeamUserAssociation({\n variables: {\n input: {\n user_id: data.user_id,\n team_id: item.team_id,\n associate_id: item.user_id,\n },\n },\n });\n } else {\n deleteTeamUserAssociation({\n variables: {\n input: {\n user_id: data.user_id,\n team_id: item.team_id,\n associate_id: item.user_id,\n },\n },\n });\n }\n }}\n borderColor=\"#297b9f\"\n style={{ cursor: 'pointer' }}\n labelStyle={{ marginLeft: 5, userSelect: 'none' }}\n label=\"\"\n />\n \n \n \n {item?.first_name} \n {item?.last_name} \n \n );\n })}\n \n \n {memberList.length === 0 && (\n \n There are currently no team members\n \n )}\n
\n \n\n \n \n User Permissions\n
\n \n
\n \n
\n \n
\n \n \n ×\n \n
\n Delete Team User
\n\n This action is not reversible!\n
\n\n
\n \n \n Delete team user\n \n \n Cancel\n \n
\n \n setShowModal(false)}\n onSubmitCallback={() => getTeamUsers()}\n user={activeSelectedRow}\n />\n )}\n
\n \n \n \n \n
\n \n \n \n );\n};\n\nexport default ManageTeams;\n","import React, { useMemo } from 'react';\nimport { toast } from 'react-toastify';\nimport moment from 'moment';\nimport { useQuery } from '@apollo/react-hooks';\nimport { GET_OPPORTUNITY } from '../../../graphql';\nimport { LINK_GROUP } from '../../../utils/links';\nimport DefaultLayout from '../../../v2/layouts/defaultLayout';\nimport { BackPanel, Heading, Link } from '../../../v2/snippets';\nimport { TablerSection } from '../../components';\n\nconst ViewApplicantsPage = ({\n match: {\n params: { id },\n url,\n },\n}) => {\n const { data: { opportunity } = {}, refetch } = useQuery(GET_OPPORTUNITY, {\n fetchPolicy: 'cache-and-network',\n variables: {\n id,\n },\n onCompleted: () => toast.dismiss(),\n onError: () => refetch(),\n });\n\n const dataApplicants = useMemo(() => {\n return opportunity?.applicants\n .filter((a) => a.user)\n .map(({ user, created_at }) => {\n let phone = user.phone;\n\n if (user?.agency_phone) {\n phone = user?.agency_phone?.map((p) => {\n return p?.attributes?.phone;\n })[0];\n }\n\n return [\n <>\n \n
\n\n \n
\n Manage Team
\n\n \n (\n updateTeamUserRole(e, item)}\n >\n \n \n \n ),\n sortable: false,\n center: true,\n },\n {\n name: 'Actions',\n selector: (item, index) => (\n <>\n {item?.role !== 'admin' && (\n {\n if (expandedRows.find((a) => a === item?.id)) {\n setExpandedRows(\n expandedRows.filter((a) => a !== item?.id)\n );\n } else {\n setExpandedRows([...expandedRows, item?.id]);\n }\n }}\n >\n Account Access\n \n )}\n \n ),\n sortable: false,\n width: '160px',\n },\n {\n name: '',\n selector: (item, index) => (\n <>\n {item?.role !== 'admin' && (\n {\n setActiveSelectedRow(item);\n setShowModal(true);\n }}\n onMouseEnter={() => {\n setHover(index);\n }}\n onMouseLeave={() => {\n setHover(undefined);\n }}\n >\n Remove User\n \n )}\n \n ),\n sortable: false,\n width: '160px',\n },\n ]}\n data={memberList}\n expandableRows\n expandableRowsComponent={\n \n
\n \n {user.type === LINK_GROUP.AGENCY.toUpperCase()\n ? user.agency_name\n : user.name}\n
\n ,\n created_at,\n user.email,\n phone,\n `/${LINK_GROUP.EMPLOYER}/${\n user.type === LINK_GROUP.AGENCY.toUpperCase()\n ? 'agency'\n : 'candidate'\n }-profile/${user.id}`,\n ];\n });\n }, [opportunity]);\n\n return (\n \n \n {opportunity ? `${opportunity.title}` : 'Application Responses'}\n \n \n (\n {opportunity &&\n 'applicants' in opportunity &&\n opportunity.applicants.length\n ? opportunity.applicants.filter((a) => a.user).length\n : 0}{' '}\n new)\n \n
\n\n {dataApplicants && (\n \n \n \n
\n ) : (\n <>\n \n \n getOtherOpportunities('active-opportunities')(e)\n }\n className=\"app-link app-link-minimalism\"\n >\n View {activeType[0] ? 'Closed' : 'Active'} Job Opportunities\n \n
\n \n getOtherOpportunities('active-projects')(e)}\n className=\"app-link app-link-minimalism\"\n >\n View {activeType[1] ? 'Closed' : 'Active'} Agency Projects\n \n
\n \n {genres.map(({ name }) => (\n \n {name}\n \n ))}\n
\n \n {agency_phone?.map(({ key, attributes }) => (\n \n {attributes?.phone}\n \n ))}\n
\n \n
\n
\n setCloseModal()}\n to={`/${LINK_GROUP.EMPLOYER}/manage-credits`}\n className=\"mt-4 app-btn--text-normal text--capitalize\"\n >\n Buy More Job Posts\n \n
\n );\n };\n\n const PostOpportunityModal = (data = null) => {\n const { data: opportunityData } = data;\n\n const [addOpportunity, { loading: loadingSubmit }] = useMutation(\n ADD_OPPORTUNITY,\n {\n onCompleted: () => {\n toast.success('Opportunity created successfully');\n setCloseModal();\n history.push(`/${LINK_GROUP.EMPLOYER}/dashboard`);\n },\n onError: (err) => {\n console.error(err);\n toast.dismiss();\n toast.error('Something went wrong!', { toastId: 'resErr' });\n },\n }\n );\n\n const createOpportunity = (data) => {\n toast.dismiss();\n\n if (data?.location === 'HYBRID' || data?.location === 'ALL') {\n data = {\n ...data,\n is_on_site: true,\n is_remote: true,\n };\n } else if (data?.location === 'ONSITE') {\n data = {\n ...data,\n is_on_site: true,\n is_remote: false,\n };\n } else if (data?.location === 'REMOTE') {\n data = {\n ...data,\n is_on_site: false,\n is_remote: true,\n };\n }\n\n const combinedSkills = [...selectedSkills, ...selectedSoftwareSkills];\n const combinedTopSkills = [...topSkills, ...topSoftwareSkills];\n\n data = {\n ...data,\n target: TARGET_OPPORTUNITY[0].value,\n description: convertToHTML(description.getCurrentContent()),\n location: location,\n job_number: postDate.toLocaleDateString('en-GB'),\n is_active: !isUnpublished,\n type: data.considering,\n sub_type: data.workHour,\n is_public: true,\n industries: {\n sync: [selectedIndustry],\n },\n position: {\n connect: data.position,\n },\n skills: {\n sync: combinedSkills.map((skillId) => {\n return {\n id: skillId,\n must_have: combinedTopSkills.includes(skillId),\n };\n }),\n },\n qualifications: {\n sync: selectedIndustryQualifications.map((qualificationId) => {\n return {\n id: qualificationId,\n must_have: mustHaveQualifications.includes(qualificationId),\n };\n }),\n },\n genres: {\n sync: selectedIndustryExperience,\n },\n agency: {\n connect: state?.activeCompany?.team_id,\n },\n minimumBudget: parseFloat(data.minimumBudget),\n maximumBudget: parseFloat(data.maximumBudget),\n is_ir35: parseInt(data.is_ir35),\n duration: parseInt(data.duration),\n created_by: parseInt(\n data.posting_user && data.posting_user !== -1\n ? data.posting_user\n : state?.activeCompany?.user_id\n ),\n updated_by: parseInt(\n data.posting_user && data.posting_user !== -1\n ? data.posting_user\n : state?.activeCompany?.user_id\n ),\n };\n\n delete data.considering;\n delete data.workHour;\n delete data.posting_user;\n\n addOpportunity({\n variables: {\n input: data,\n },\n });\n };\n\n return (\n Insufficient Balance!
\nYour current balance is {balance} job posts
\n\n
\n
\n This New Opportunity Will Cost 1 Job Post \n
\n
\n\n \n {\n if (opportunityData) {\n createOpportunity(opportunityData);\n } else {\n setCloseModal();\n }\n }}\n >\n Continue\n \n \n \n setCloseModal()}\n to={`/${LINK_GROUP.EMPLOYER}/manage-credits`}\n className=\"app-btn text--capitalize\"\n >\n Buy More Job Posts\n \n \n \n
\n );\n };\n\n const watchFields = watch(['considering', 'follow_up']);\n\n return (\n \n
Your current balance is {balance} job posts
\n\n
\n
\n
\n setCloseModal()}\n to={`/${LINK_GROUP.EMPLOYER}/manage-credits`}\n className=\"mt-4 app-btn--text-normal text--capitalize\"\n >\n Buy More Job Posts\n \n
\n );\n };\n\n const PostOpportunityModal = (data = null) => {\n const { data: opportunityData } = data;\n\n const [addOpportunity, { loading: loadingSubmit }] = useMutation(\n ADD_OPPORTUNITY,\n {\n onCompleted: () => {\n toast.success('Opportunity created successfully');\n setCloseModal();\n history.push(`/${LINK_GROUP.EMPLOYER}/dashboard`);\n },\n onError: (err) => {\n console.error(err);\n toast.dismiss();\n toast.error('Something went wrong!', { toastId: 'resErr' });\n },\n }\n );\n\n const createOpportunity = (data) => {\n toast.dismiss();\n\n data = {\n ...data,\n target: TARGET_OPPORTUNITY[1].value,\n description: convertToHTML(description.getCurrentContent()),\n location: location,\n job_number: postDate.toLocaleDateString('en-GB'),\n is_active: !isUnpublished,\n is_on_site: false,\n is_remote: false,\n type: 'PROJECT',\n sub_type: 'PROJECT',\n level: 'PROJECT',\n is_public: true,\n services: {\n sync: selectedServices,\n },\n genres: {\n sync: selectedIndustryExperience,\n },\n agency: {\n connect: state?.activeCompany?.team_id,\n },\n minimumBudget: parseFloat(data.minimumBudget),\n maximumBudget: parseFloat(data.maximumBudget),\n duration: parseInt(data.duration),\n created_by: parseInt(\n data.posting_user && data.posting_user !== -1\n ? data.posting_user\n : state?.activeCompany?.user_id\n ),\n updated_by: parseInt(\n data.posting_user && data.posting_user !== -1\n ? data.posting_user\n : state?.activeCompany?.user_id\n ),\n };\n\n delete data.posting_user;\n\n addOpportunity({\n variables: {\n input: data,\n },\n });\n };\n\n return (\n Insufficient Balance!
\nYour current balance is {balance} job posts
\n\n
\n
\n This New Project Will Cost 1 Job Post \n
\n
\n\n \n {\n if (opportunityData) {\n createOpportunity(opportunityData);\n } else {\n setCloseModal();\n }\n }}\n >\n Continue\n \n \n \n setCloseModal()}\n to={`/${LINK_GROUP.EMPLOYER}/manage-credits`}\n className=\"app-btn text--capitalize\"\n >\n Buy More Job Posts\n \n \n \n
\n );\n };\n\n const watchFields = watch(['follow_up']);\n\n return (\n \n
Your current balance is {balance} job posts
\n\n
\n deleteInvite(item?.id)}\n scheme={'error'}\n >\n Cancel\n \n
\n \n <>\n {\n setOpenModal(() => (\n {\n setOpenModal(() => (\n
\n \n ) : (\n ''\n ),\n ];\n }\n )}\n renderItem={(item) => {\n return <>{item};\n }}\n />\n \n )}\n \n The Agency Marketplace \n \n
\n \n {\n setChecked(false);\n updateUrl(checked ? 'agency' : 'casestudies', 'filter');\n }}\n >\n Filter By Agency\n \n {\n setChecked(e.currentTarget.checked);\n updateUrl(checked ? 'agency' : 'casestudies', 'filter');\n }}\n sameActive\n isChecked={checked}\n />{' '}\n {\n setChecked(true);\n updateUrl(checked ? 'agency' : 'casestudies', 'filter');\n }}\n >\n Filter By Case Studies\n \n
\n