\n
\n );\n}\n\nexport default FourZeroFour;\n","import { API_BASE } from \"../config\";\n\nexport const ERROR_MESSAGE = \"Something went wrong. Please try again later.\";\nexport const TOKEN_EXPIRED_MESSAGE = \"token_expired\";\nconst NOT_PERMITTED_ERROR_CODE = 403;\n\nexport const formatHTTPResponse = (httpResponse) => {\n if (\n httpResponse.ok &&\n httpResponse.status >= 200 &&\n httpResponse.status < 300\n ) {\n return httpResponse.json();\n } else {\n return { isSuccess: false, message: ERROR_MESSAGE };\n }\n};\nexport const handlePermittedResponse = (response) => {\n if (response.error_code === NOT_PERMITTED_ERROR_CODE) {\n return { isSuccess: false, message: TOKEN_EXPIRED_MESSAGE };\n }\n return response;\n};\nconst formatErrorResponse = (error) => {\n return { isSuccess: false, message: error.message || ERROR_MESSAGE };\n};\n\nconst GET = (subPath) => async (payload) => {\n return fetch(APIPath(subPath, payload.params), {\n method: \"GET\",\n headers: header(payload),\n credentials: \"include\",\n })\n .then((response) => formatHTTPResponse(response))\n .then((response) => handlePermittedResponse(response))\n .catch((error) => formatErrorResponse(error));\n};\n\nconst POST = (subpath) => async (payload) => {\n return fetch(APIPath(subpath, payload.params), {\n method: \"POST\",\n headers: header(payload),\n body: JSON.stringify(payload.body),\n credentials: \"include\",\n })\n .then((response) => formatHTTPResponse(response))\n .then((response) => handlePermittedResponse(response))\n .catch((error) => formatErrorResponse(error));\n};\n\nconst PUT = (subpath) => async (payload) => {\n return fetch(APIPath(subpath, payload.params), {\n method: \"PUT\",\n headers: header(payload),\n body: JSON.stringify(payload.body),\n credentials: \"include\",\n })\n .then((response) => formatHTTPResponse(response))\n .then((response) => handlePermittedResponse(response))\n .catch((error) => formatErrorResponse(error));\n};\n\nconst DELETE = (subpath) => async (payload) => {\n return fetch(APIPath(subpath, payload.params), {\n method: \"DELETE\",\n headers: header(payload),\n body: JSON.stringify(payload.body),\n credentials: \"include\",\n })\n .then((response) => formatHTTPResponse(response))\n .then((response) => handlePermittedResponse(response))\n .catch((error) => formatErrorResponse(error));\n};\n\nconst APIPath = (endPoint, params) => {\n let querystring = \"\";\n if (params) {\n querystring =\n querystring +\n Object.keys(params)\n .map((key) => key + \"=\" + encodeURIComponent(params[key]))\n .join(\"&\");\n }\n let path = API_BASE + \"/\" + endPoint;\n\n return querystring === \"\" ? path : path + \"?\" + querystring;\n};\n\nconst FILE_UPLOAD = (subPath) => async (payload) => {\n const formdata = new FormData();\n Object.keys(payload.body).forEach((key) => {\n if (\n Object.prototype.toString.call(payload.body[key]) === \"[object Array]\"\n ) {\n payload.body[key].map((v, index) =>\n Object.keys(v).map((item) =>\n formdata.append(\n `${String(key)}[${index}][${item}]`,\n `${String(v[item])}`\n )\n )\n );\n } else {\n formdata.append(String(key), payload.body[key]);\n }\n });\n\n return fetch(APIPath(subPath, payload.params), {\n method: \"POST\",\n body: formdata,\n credentials: \"include\",\n })\n .then((response) => response.text())\n .then((result) => result)\n .catch((error) => formatErrorResponse(error));\n};\n\nconst header = (payload) => {\n return {\n // \"Content-type\": \"application/json\",\n \"Content-type\": \"application/x-www-form-urlencoded;charset=UTF-8\",\n ...(payload.token && { Authorization: payload.token }),\n ...payload.headers,\n };\n};\n\nexport { GET, POST, PUT, DELETE, FILE_UPLOAD };\n","import { POST } from \"./api.http.service\";\n\nexport const postLoginAPI = (payload) => POST(\"login\")(payload);\nexport const postForgotPasswordAPI = (payload) =>\n POST(\"user/forgotpwd\")(payload);\n","import { useEffect } from \"react\";\n\nconst useClickOutside = (ref, handler) => {\n useEffect(() => {\n let startedInside = false;\n let startedWhenMounted = false;\n\n const listener = (event) => {\n // Do nothing if `mousedown` or `touchstart` started inside ref element\n if (startedInside || !startedWhenMounted) return;\n // Do nothing if clicking ref's element or descendent elements\n if (!ref.current || ref.current.contains(event.target)) return;\n\n handler(event);\n };\n\n const validateEventStart = (event) => {\n startedWhenMounted = ref.current;\n startedInside = ref.current && ref.current.contains(event.target);\n };\n\n document.addEventListener(\"mousedown\", validateEventStart);\n document.addEventListener(\"touchstart\", validateEventStart);\n document.addEventListener(\"click\", listener);\n\n return () => {\n document.removeEventListener(\"mousedown\", validateEventStart);\n document.removeEventListener(\"touchstart\", validateEventStart);\n document.removeEventListener(\"click\", listener);\n };\n }, [ref, handler]);\n};\n\nexport default useClickOutside;\n","import { useState, useEffect } from \"react\";\n\nfunction useDebounce(value, delay = 250) {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const timeoutRef = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => clearTimeout(timeoutRef);\n }, [value]);\n\n return debouncedValue;\n}\n\nexport default useDebounce;\n","import { useEffect, useRef } from 'react'\n\nfunction useDidUpdateEffect(callback, inputs) {\n const didMountRef = useRef(false)\n\n useEffect(() => {\n if (didMountRef.current) {\n callback()\n } else {\n didMountRef.current = true\n }\n }, inputs)\n}\n\nexport default useDidUpdateEffect\n","import { useEffect, useState } from 'react'\n\nfunction useIsMounted() {\n const [isMounted, setIsMounted] = useState(false)\n useEffect(() => {\n setIsMounted(true)\n\n return () => {\n setIsMounted(false)\n }\n }, [])\n return isMounted\n}\n\nexport default useIsMounted\n","export const fetchData = async (api, payload) => {\n const response = await api(payload);\n return response;\n};\n\nexport const manipulateFetchedData = ({ isMounted, result, dispatch }) => {\n if (isMounted) {\n if (result.isSuccess) {\n dispatch({ type: \"FETCH_SUCCESS\", payload: result });\n } else {\n const errorMessage =\n (result.errors ? Object.values(result.errors)[0] : result.message) ||\n \"Something went wrong. Please try later\";\n throw new Error(errorMessage);\n }\n }\n};\n\nexport const handleFetch = async ({ api, payload }) => {\n if (payload.token) {\n const withFirstTokenResponse = await fetchData(api, payload);\n return withFirstTokenResponse;\n }\n return fetchData(api, payload);\n};\n","import { useState, useEffect, useReducer } from \"react\";\nimport { useDispatch } from \"react-redux\";\n\nimport { handleFetch, manipulateFetchedData } from \"../helper/fetchUtility\";\nimport { ERROR_MESSAGE, TOKEN_EXPIRED_MESSAGE } from \"../api/api.http.service\";\nimport { authAction } from \"../redux/actions\";\nimport useIsMounted from \"./useIsMounted\";\n\nconst inititalState = {\n isLoading: null,\n error: null,\n response: null,\n};\nconst dataFetchReducer = (state = inititalState, action) => {\n switch (action.type) {\n case \"FETCH_INIT\":\n return { ...state, isLoading: true, response: null, error: null };\n case \"FETCH_SUCCESS\":\n return {\n ...state,\n isLoading: false,\n response: action.payload,\n error: null,\n };\n case \"FETCH_FAILURE\":\n return { ...state, isLoading: false, ...action.payload };\n default:\n return inititalState;\n }\n};\n\nconst useFetchAPI = () => {\n const [{ api, payload }, setAPI] = useState({});\n const [{ isLoading, error, response }, dispatch] = useReducer(\n dataFetchReducer,\n inititalState\n );\n const storeDispatch = useDispatch();\n const isMounted = useIsMounted();\n\n useEffect(() => {\n if (api && payload) {\n const fetchData = async () => {\n dispatch({ type: \"FETCH_INIT\" });\n let result;\n try {\n result = await handleFetch({ api, payload });\n manipulateFetchedData({ isMounted, result, dispatch });\n } catch (error) {\n if (error.message === TOKEN_EXPIRED_MESSAGE) {\n storeDispatch({ type: authAction.LOGOUT_SUCCESS });\n return;\n }\n isMounted &&\n dispatch({\n type: \"FETCH_FAILURE\",\n payload: {\n response: result,\n error: error.message || ERROR_MESSAGE,\n },\n });\n }\n };\n\n fetchData();\n }\n }, [api, payload]);\n\n return [{ isLoading, error, response }, setAPI];\n};\n\nexport default useFetchAPI;\n","import { useState, useEffect } from \"react\";\n\nfunction useMediaQuery(query) {\n const [matches, setMatches] = useState(false);\n\n useEffect(() => {\n const media = window.matchMedia(query);\n\n if (media.matches !== matches) {\n setMatches(media.matches);\n }\n\n const listener = () => setMatches(media.matches);\n\n media.addListener(listener);\n\n return () => media.removeListener(listener);\n }, [matches, query]);\n\n return matches;\n}\nexport default useMediaQuery;\n","export default __webpack_public_path__ + \"static/media/logo.303fdbcc.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MTAxREEwRTA0NjYxMUU2QkVEN0ZFQUJCNzJCNDkxRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MTAxREEwRjA0NjYxMUU2QkVEN0ZFQUJCNzJCNDkxRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxMDFEQTBDMDQ2NjExRTZCRUQ3RkVBQkI3MkI0OTFEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYxMDFEQTBEMDQ2NjExRTZCRUQ3RkVBQkI3MkI0OTFEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gRX8HwAADDVJREFUeNrsXHlU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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MTAxREExMjA0NjYxMUU2QkVEN0ZFQUJCNzJCNDkxRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MTAxREExMzA0NjYxMUU2QkVEN0ZFQUJCNzJCNDkxRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxMDFEQTEwMDQ2NjExRTZCRUQ3RkVBQkI3MkI0OTFEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYxMDFEQTExMDQ2NjExRTZCRUQ3RkVBQkI3MkI0OTFEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SGkYLgAAGXpJREFUeNrsnQlc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\"","export default __webpack_public_path__ + \"static/media/photo-default.0948e5ee.jpg\";","import { useEffect } from \"react\";\nimport { useState, Children, createElement } from \"react\";\nimport styled, { keyframes, css } from \"styled-components\";\n\nimport { useMediaQuery } from \"../hooks\";\n\nconst StyledDiv = styled.div`\n position: fixed;\n bottom: 0;\n width: 100%;\n height: 50px;\n text-align: center;\n font-size: 30px;\n color: #ccc;\n border-top: 1px solid #bebebe;\n background-color: #fff;\n z-index: 1;\n\n &:before {\n cursor: pointer;\n }\n &::before,\n i {\n vertical-align: middle;\n }\n &::before {\n content: \"\";\n width: 0;\n height: 100%;\n }\n &:hover {\n cursor: pointer;\n }\n`;\n\nconst moveUp = keyframes`\nfrom {\n bottom: -220px;\n}\nto {\n bottom: 50px;\n}\n`;\nconst moveDown = keyframes`\nfrom {\n bottom: 50px;\n}\nto {\n bottom: -220px;\n}\n`;\n\nconst Container = styled.div`\n position: absolute;\n display: flex;\n justify-content: center;\n background: transparent;\n width: 100%;\n bottom: -220px;\n\n ${({ isShow }) =>\n isShow !== undefined &&\n css`\n animation: ${isShow ? moveUp : moveDown} 0.5s ease forwards;\n `}\n`;\nconst Popup = styled.div`\n padding: 10px 5%;\n width: 260px;\n margin-bottom: 0;\n background: #fff;\n border: 1px solid #bebebe;\n box-shadow: 0 -1px 8px #ddd;\n`;\n\nconst List = styled.ul`\n list-style: none;\n padding: 0;\n\n li {\n padding: 10px 0px;\n width: 100;\n color: #616161;\n font-size: 18px;\n display: flex;\n align-items: center;\n i {\n margin-right: 10px;\n }\n\n /* &:last-child {\n i {\n color: #edb520;\n }\n } */\n\n &:hover {\n cursor: pointer;\n &:not(:first-child) {\n background: #ededed;\n }\n &:not(:last-child) {\n i {\n color: #000;\n }\n }\n }\n }\n`;\n\nconst ActionSheet = ({ children }) => {\n const [isShowActionSheet, setIsShowActionSheet] = useState(undefined);\n\n const isMobileWindow = useMediaQuery(\"(max-width: 767px)\");\n\n useEffect(() => {\n setIsShowActionSheet(undefined);\n }, [isMobileWindow]);\n\n return (\n <>\n \n Sorry! We couldn't find what you were looking for\n
\n\n Go back\n
\n - \n
\n
\n \n {collectionName}\n
\n {formatDate(releaseDate, \"eeee d, yyyy\")}\n
{caption}
} */}\r\n {children}\r\n \r\n {/* )} */}\r\n \r\n );\r\n};\r\n\r\nCards.defaultProps = {\r\n border: false,\r\n};\r\n\r\nCards.propTypes = {\r\n title: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.node,\r\n ]),\r\n size: PropTypes.string,\r\n more: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.node,\r\n ]),\r\n bodyStyle: PropTypes.object,\r\n headStyle: PropTypes.object,\r\n isbutton: PropTypes.node,\r\n headless: PropTypes.bool,\r\n border: PropTypes.bool,\r\n caption: PropTypes.string,\r\n bodypadding: PropTypes.string,\r\n moreText: PropTypes.bool,\r\n children: PropTypes.oneOfType([\r\n PropTypes.object,\r\n PropTypes.string,\r\n PropTypes.node,\r\n ]),\r\n};\r\n\r\nexport { Cards };\r\n","import { Cards } from \"./frame/cards-frame\";\n\nexport default Cards;\n","import styled from \"styled-components\";\n\nimport { closeB } from \"../assets/images\";\n\nconst StyledIcon = styled.div`\n height: 36px;\n width: 36px;\n float: right;\n margin: -4px -9px 0 0;\n border: 3px solid transparent;\n border-radius: 50%;\n background: url(${closeB}) center center no-repeat;\n background-size: 18px;\n cursor: pointer;\n transition: transform 0.5s cubic-bezier(0.27, 1.64, 0.32, 0.95) 0s;\n\n &:hover {\n border-color: rgba(0, 0, 0, 0.8);\n transform: rotate(90deg);\n }\n`;\nconst CloseIcon = ({ onClick }) => {\n return\n \n {title}\n
\n \n );\n};\n\nconst ModalForm = ({ children }) => {\n return\n Forgot password?\n
\n \n We've sent instructions on how to change a password on your\n email\n
\n ) : (\n <>\n Enter your email to request a new password
\n\n Return to \n Sign in\n
\n \n
\n );\n};\n\nexport { MobileScreenFilters, OtherFilters };\n","import styled, { keyframes } from \"styled-components\";\n\nconst moveUp = keyframes`\n from {\n padding-top: 60%;\n opacity: 0.8;\n }\n to {\n padding-top: 0%;\n opacity: 1;\n }\n`;\n\nconst moveUpTitle = keyframes`\n from {\n padding-top: 60%;\n }\n to {\n padding-top: 0%;\n }\n`;\n\nconst StyledHeader = styled.div`\n height: 70px;\n background: #fff;\n padding: 0px 20px;\n display: flex;\n align-items: center;\n`;\n\nconst MainContent = styled.div`\n overflow-y: overlay;\n padding: 0px 20px;\n height: 100vh;\n`;\n\nconst Title = styled.h2`\n position: absolute;\n text-align: center;\n color: #fff;\n width: 100%;\n text-shadow: 1px 2px 1px #000;\n padding: 0px 10px;\n transform: translate(-10px, -50%);\n text-transform: uppercase;\n top: 50%;\n margin-top: 0;\n font-size: 26px;\n\n animation: ${moveUpTitle} 0.65s ease forwards;\n\n @media (max-width: 768px) {\n font-size: 20px;\n }\n`;\n\nconst ImageContainer = styled.img.attrs({\n className: \"img-responsive\",\n})`\n min-height: 100px;\n width: 100%;\n\n animation: ${moveUp} 0.65s ease forwards;\n`;\n\nconst Artist = styled.div.attrs({\n className: \"col-12 col-sm-6 col-md-4 col-lg-3\",\n})`\n position: relative;\n padding: 10px;\n transition: transform 0.3s ease-in-out;\n\n &:hover {\n cursor: pointer;\n transform: translate(0, -5px);\n -webkit-transform: translate(0, -5px);\n\n ${ImageContainer} {\n box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),\n 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06),\n 0 22.3px 17.9px rgba(0, 0, 0, 0.072),\n 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);\n }\n }\n`;\n\nconst StatusIcon = styled.span`\n position: absolute;\n display: inline-block;\n top: 20px;\n right: 20px;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: #5cb85c;\n\n ${({ active }) =>\n !active &&\n `\n display: none;\n `}\n`;\n\nexport { StyledHeader, MainContent, Artist, ImageContainer, StatusIcon, Title };\n","import { logo } from \"../../assets/images\";\nimport { Logo } from \"../../commonUI\";\nimport { StyledHeader } from \"./styles\";\nimport { OtherFilters } from \"./Filter\";\n\nconst Header = ({ filters, onChangeFilter }) => {\n return (\n \n setSearchQuery(value)}\n onSelect={handleOnChangeFilter(\"search\")}\n value={filters.search}\n />\n handleOnChangeFilter(\"genre\")(e.target.value)}\n >\n \n {filterData.genres.map((item) => (\n \n ))}\n \n handleOnChangeFilter(\"Country\")(e.target.value)}\n >\n \n {filterData.countries.map((item) => (\n \n ))}\n \n handleOnChangeFilter(\"Status\")(e.target.value)}\n >\n \n {Object.keys(updates).map((key) => (\n \n ))}\n \n
\n \n
\n \n {count || \"...\"} results found (reset )\n
\n );\n};\n\nexport default ArtistCount;\n","import { useEffect } from \"react\";\nimport styled from \"styled-components\";\n\nimport { useMediaQuery } from \"../../../hooks\";\n\nconst OtherList = styled.ul`\n list-style: none;\n width: 30%;\n border-right: 1px solid grey;\n min-height: 430px;\n padding-top: 75px;\n padding-left: 50px;\n`;\nconst OtherItem = styled.li`\n color: ${({ isSelected }) => (isSelected ? \"#1677cb\" : \"#4a4a4a\")};\n font-size: 20px;\n padding-bottom: 15px;\n\n &:hover {\n color: #1677cb;\n cursor: pointer;\n }\n`;\n\nconst items = [\n { key: \"contact\", heading: \"Key Contacts\", icon: \"fa fa-envelope\" },\n { key: \"brief\", heading: \"Project Brief\", icon: \"fa fa-file-text\" },\n { key: \"video\", heading: \"Videos\", icon: \"fa fa-youtube-play\" },\n { key: \"music\", heading: \"Music\", icon: \"fa fa-play-circle\" },\n];\n\nconst SubHeading = ({ selectedArtist, selectedHeading, onClick }) => {\n const isMobileWindow = useMediaQuery(\"(max-width: 767px)\");\n\n const finalItems = items.filter(item => {\n if (item.key === 'contact' && selectedArtist?.contact1_id) {\n return true\n }\n if (item.key === 'brief' && selectedArtist?.brief) {\n return true\n }\n if (item.key === 'video' && selectedArtist?.videos) {\n return true\n }\n if (item.key === 'music' && selectedArtist?.collections) {\n return true\n }\n return false\n })\n\n useEffect(() => {\n selectedArtist && finalItems.length && onClick(finalItems[0].key)\n }, [])\n\n if (isMobileWindow) {\n return finalItems.map(({ key, heading, icon }) => (\n - \n
- \n \n
\n \n {videos.map(\n ({ collectionId, collectionName, thumbnail }, index) => (\n setSelectedIndex(index)}\n >\n 
\n \n )\n )}\n \n
\n \n );\n };\n return (\n <>\n {isMobileWindow ? (\n \n {selectedArtist.Status !== \"Active\" ? (\n {selectedArtist.Artist || \"\"} \n
\n \n {selectedArtist.Genre1 ? (\n {selectedArtist.Genre1} \n ) : null}\n {selectedArtist.Genre2 ? (\n {selectedArtist.Genre2} \n ) : null}\n
\n \n \n Official Site\n \n
\n \n
\n {_renderSubSection()}
\n No artist found
;\n };\n const onChangeFilter = (updatedFilter) => {\n setFilters(updatedFilter);\n setPageNumber(0);\n };\n const onClickReset = () => onChangeFilter({});\n\n return (\n\n
\n );\n};\n\nexport default Projects;\n","import styled from \"styled-components\";\nimport { photoDefault } from \"../../assets/images\";\n\n// default\n// accent_color: \"white\"\n// accent_color_strong: \"white\"\n// background_color: \"white\"\n// background_image: null\n// center_scale: true\n// font_color: \"white\"\n// id: 100\n// image_attachment: \"Fixed\"\n// image_key_s3: null\n// image_position: \"center\"\n// image_repeat: \"No-repeat\"\n// overlay_color: \"black\"\n// overlay_opacity: \"40\"\n// user_id: 303\n\n// accent_color: \"hsl(144, 59%, 46%)\"\n// accent_color_strong: \"hsl(0, 0%, 100%)\"\n\n// background_color: \"hsl(63, 79%, 54%)\"\n// background_image: null\n// center_scale: true\n// font_color: \"hsl(0, 0%, 100%)\"\n// id: 100\n// image_attachment: \"Fixed\"\n// image_key_s3: null\n// image_position: \"center\"\n// image_repeat: \"No-repeat\"\n// overlay_color: \"hsl(0, 0%, 0%)\"\n// overlay_opacity: \"40\"\n// set_as_default: true\n// user_id: 303\n\nconst getStyle = (settings) => {\n if (!settings) {\n return {};\n }\n return {\n // accent_color: white\n // accent_color_strong: \"white\"\n backgroundColor: settings.background_color || \"hsl(0, 0%, 100%)\",\n backgroundImage: settings.background_image\n ? `url(${settings.background_image})`\n : `url(${photoDefault})`,\n backgroundSize: settings.center_scale ? \"cover\" : \"initial\",\n color: settings.font_color || \"white\",\n imageAttachment: settings.image_attachment || \"Fixed\",\n imagePosition: settings.image_position || \"center\",\n backgroundRepeat: settings.image_repeat || \"No-repeat\",\n };\n};\n\nconst getOverlayStyle = (settings) => {\n if (!settings) {\n return {};\n }\n return {\n backgroundColor: settings.overlay_color || \"hsl(0, 0%, 100%)\",\n opacity: parseInt(settings.overlay_opacity || \"40\") / 100,\n };\n};\n\nconst PlaylistContainer = styled.div.attrs((props) => ({\n style: getStyle(props.settings),\n}))`\n width: 100%;\n height: 100%;\n position: relative;\n`;\nconst PlaylistContainerOverlay = styled.div.attrs((props) => ({\n style: getOverlayStyle(props.settings),\n}))`\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n`;\n\nconst PlaylistIconContainer = styled.a`\n padding: 25px;\n text-decoration: none;\n font-size: 20px;\n color: ${({ settings }) => (settings && settings.accent_color) || \"#fff\"};\n\n &:hover {\n color: ${({ settings }) =>\n (settings && settings.accent_color_strong) || \"#fff\"};\n cursor: pointer;\n }\n`;\nconst EditIconContainer = styled(PlaylistIconContainer)`\n position: absolute;\n top: 15px;\n left: 10px;\n`;\nconst StyledAddSong = styled(PlaylistIconContainer)`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 70px;\n height: 70px;\n border-radius: 50%;\n border: 1px solid\n ${({ settings }) => (settings && settings.accent_color) || \"#fff\"};\n text-align: center;\n font-size: 30px;\n padding: 0px;\n\n input {\n position: absolute;\n opacity: 0;\n background-color: \"green\";\n &:hover {\n cursor: pointer;\n }\n }\n\n &:hover {\n border-color: ${({ settings }) =>\n (settings && settings.accent_color_strong) || \"#fff\"};\n }\n`;\nconst PlaylistOptionsContainer = styled.div`\n position: absolute;\n left: 10px;\n bottom: 10px;\n display: flex;\n flex-direction: column;\n`;\n\nexport {\n PlaylistContainer,\n PlaylistContainerOverlay,\n PlaylistIconContainer,\n EditIconContainer,\n StyledAddSong,\n PlaylistOptionsContainer,\n};\n","import { useState, useEffect, useContext, useRef } from \"react\";\nimport pick from \"lodash/pick\";\n\nimport { Modal } from \"../../../commonUI\";\nimport { Input } from \"../../../styled\";\nimport { useUserInfo } from \"../../../hooks/api\";\nimport { putProfileUpdateAPI } from \"../../../api/user.http.service\";\nimport PlaylistContext from \"../PlaylistContext\";\nimport { EditIconContainer } from \"../styles\";\n\nconst fields = [\n { title: \"Company\", name: \"company_name\" },\n { title: \"Key contact\", name: \"name\" },\n { title: \"Email\", name: \"email\" },\n { title: \"Phone\", name: \"phone\" },\n { title: \"Website\", name: \"website\" },\n];\n\nconst updateProfile = (body) => {\n putProfileUpdateAPI({\n body,\n headers: {\n \"Content-type\": \"application/json\",\n },\n });\n};\n\nconst Form = ({ userInfo, onUpdate }) => {\n const [data, setData] = useState(userInfo);\n\n useEffect(() => {\n onUpdate(userInfo);\n setData(userInfo);\n }, [userInfo]);\n\n return (\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n {_renderArtists()}\n
\n \n \n
\n \n
\n );\n }\n\n return (\n \n Sorry! We couldn't find what you were looking for.\n
\n\n {email2 || \"\"}\n \n ),\n action: (\n
\n {email2 || \"\"}\n \n ),\n audits: audits || \"A\",\n action: (\n
\n \n {headerItems.map(({ label, route }) => (\n {label}\n ))}\n \n \n (\n \n
\n );\n};\n\nexport default Backend;\n","import { Switch, Route, BrowserRouter, Redirect } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\n\nimport { ROUTE } from \"../helper/constants\";\nimport PrivateRoute from \"./PrivateRoute\";\nimport AuthRoute from \"./AuthRoute\";\nimport AdminRoute from \"./AdminRoute\";\nimport FourZeroFour from \"../components/FourZeroFour\";\nimport Login from \"../components/Auth/Login\";\nimport ForgotPassword from \"../components/Auth/ForgotPassword\";\nimport Projects from \"../components/Projects\";\nimport Playlist from \"../components/Playlist\";\nimport SharedPlaylist from \"../components/Playlist/SharedPlaylist\";\nimport Backend from \"../components/Backend\";\nimport NonAdminContainer from \"./NonAdminContainer\";\n\nconst SharedPlaylistComponent = (props) => (\n