\r\n {\r\n !isEmpty(label) ? (\r\n \r\n ): null\r\n }\r\n {children}\r\n
\r\n )\r\n}\r\n\r\nInput.propTypes = {\r\n type: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n name: PropTypes.string,\r\n autoComplete: PropTypes.bool,\r\n placeholder: PropTypes.string,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number ]),\r\n error: PropTypes.string,\r\n require: PropTypes.bool,\r\n onclick: PropTypes.func\r\n}\r\n\r\nInput.defaultProps = {\r\n type: \"text\",\r\n autoComplete: false,\r\n addonRight: false,\r\n addonLeft: false,\r\n rows: 5,\r\n require: false,\r\n}\r\n\r\nexport default withStyle(styles)(Input);\r\n","/**\r\n * @author Odewale Ifeoluwa\r\n * @package withStyle module\r\n * @description This module provide class object to component with withStyle HOD.\r\n */\r\n\r\nimport React, { createContext, useContext, useReducer } from 'react';\r\n\r\nexport const StateContext = createContext();\r\n\r\nexport const StateProvider = ({reducer, initialState, children}) => (\r\n \r\n {\r\n type === \"textarea\" ? (\r\n !isEmpty( props.refer) ? props.refer(el) : null}\r\n disabled={disabled}\r\n aria-label={ariaLabel || label || name}\r\n id={id}\r\n\r\n />\r\n ) : (\r\n\r\n !isEmpty( props.refer) ? props.refer(el) : null}\r\n disabled={disabled}\r\n onBlur={onBlur}\r\n onChange={onChange}\r\n onClick={onClick}\r\n aria-label={ariaLabel || name}\r\n id={id}\r\n />\r\n )\r\n }\r\n {\r\n addonRight ? (\r\n
\r\n {!isEmpty(error, true) ? \r\n ( {error})\r\n : null\r\n }\r\n \r\n \r\n {rightLabel}\r\n
\r\n ): null\r\n }\r\n {\r\n type === \"password\" ? (\r\n onChangePassword(!changePassword)}>\r\n {changePassword ? \"HIDE\" : \"SHOW\"}\r\n
\r\n ): null\r\n }\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withStyle(styles)(Spinner);","import addDays from \"date-fns/addDays\";\r\nimport differenceInDays from \"date-fns/differenceInDays\";\r\nimport addMonths from \"date-fns/addMonths\";\r\nimport addWeeks from \"date-fns/addWeeks\";\r\nimport isMonday from \"date-fns/isMonday\";\r\nimport isTuesday from \"date-fns/isTuesday\";\r\nimport isWednesday from \"date-fns/isWednesday\";\r\nimport isThursday from \"date-fns/isThursday\";\r\nimport isFriday from \"date-fns/isFriday\";\r\nimport isSaturday from \"date-fns/isSaturday\";\r\nimport isSunday from \"date-fns/isSunday\";\r\nimport getYear from \"date-fns/getYear\";\r\nimport getMonth from \"date-fns/getMonth\";\r\nimport toDate from \"date-fns/toDate\";\r\nimport lastDayOfMonth from \"date-fns/lastDayOfMonth\";\r\nimport format from \"date-fns/format\";\r\nimport getDaysInMonth from \"date-fns/getDaysInMonth\";\r\nimport addYears from \"date-fns/addYears\";\r\n\r\nimport { isEmpty } from \"./util\";\r\n\r\nfunction getApprovedCategories(category){\r\n return (\r\n category.HideOnWeb === false\r\n && category.Merchants.length > 0\r\n && removeMerChantsWithNoProducts(category.Merchants)\r\n && category.Name !== \"UPIR Test\"\r\n )\r\n}\r\n\r\nfunction removeMerChantsWithNoProducts(merchants){\r\n return merchants.filter(checkMerchantProduct).length > 0\r\n}\r\n\r\n\r\n\r\nfunction getApprovedMerchants(merchant){\r\n return (\r\n merchant.HideOnWeb === false\r\n && checkMerchantProduct(merchant)\r\n // && merchant.Name !== \"UPIR Test\"\r\n )\r\n}\r\n\r\nfunction checkMerchantProduct(merchant){\r\n return (\r\n merchant.Products.length > 0\r\n || merchant.Url.indexOf(\"http\") === 0\r\n )\r\n}\r\n\r\n\r\n\r\nfunction getApprovedProducts(product){\r\n return (\r\n product.HideOnWeb === false\r\n // && product.Products.length > 0\r\n // && product.Name !== \"UPIR Test\"\r\n )\r\n}\r\n\r\nexport function getDataByProp(data, name, prop = \"Name\"){\r\n return Array.isArray(data) ? data.find(datum => datum[prop] === name) : null;\r\n\r\n}\r\n\r\nexport function prepareSelectItems(data = [], label = \"Name\", key=\"Id\"){\r\n return data.map(datum => ({\r\n label: datum[label],\r\n value: datum,\r\n key: datum[key]\r\n }))\r\n}\r\n\r\nexport function getApprovedData(data, name=\"category\"){\r\n let fnType;\r\n switch(name){\r\n case \"merchant\":\r\n fnType = getApprovedMerchants;\r\n break;\r\n case \"product\":\r\n fnType = getApprovedProducts;\r\n break;\r\n default:\r\n fnType = getApprovedCategories\r\n }\r\n return data.filter(fnType)\r\n}\r\n\r\nexport const ordinate = (num) => {\r\n let ord;\r\n if(num >= 4 && num <= 19){\r\n ord = \"th\";\r\n }else{\r\n const mod = num % 10;\r\n switch(mod){\r\n case 1:\r\n ord = \"st\";\r\n break;\r\n case 2:\r\n ord = \"nd\";\r\n break;\r\n case 3:\r\n ord = \"rd\";\r\n break;\r\n default:\r\n ord = \"th\"\r\n }\r\n }\r\n\r\n return `${num}${ord}`;\r\n} \r\n\r\nexport const joiner = (arr) => {\r\n const newArr = [...arr];\r\n const numOfEl = newArr.length;\r\n if(numOfEl === 1){\r\n const [el] = newArr;\r\n return el;\r\n }\r\n\r\n const lastEl = newArr.pop();\r\n\r\n return `${newArr.join(\", \")} and ${lastEl}`;\r\n\r\n}\r\n\r\nexport const prepareStandardPriceForSelect = (prices) => {\r\n return prices.split(\",\").map(price => {\r\n const [value, label] = `${price}`.split(\"|\");\r\n return ({\r\n label, value\r\n })\r\n })\r\n}\r\n\r\n\r\nexport const prepareStandardCategoryForSelect = (objects) => {\r\n let cats = []\r\n if (objects === undefined)\r\n return cats;\r\n objects.map(obj => {\r\n\r\n cats.push({\r\n lable: obj.Name, value: obj.Name\r\n })\r\n })\r\n return cats;\r\n}\r\n\r\n\r\n\r\nexport const prepareDataForSearchList = (data) => {\r\n const searchList = [];\r\n const numOfCategories = data.length;\r\n // const regex = new RegExp(\"://\");\r\n for(let i = 0; i < numOfCategories; i++){\r\n const category = data[i];\r\n const merchants = category.Merchants\r\n const numOfMerchants = merchants.length;\r\n for(let j = 0; j < numOfMerchants; j++){\r\n const merchant = merchants[j];\r\n const products = merchant.Products;\r\n const numOfProducts = products.length;\r\n for(let k = 0; k < numOfProducts; k++){\r\n const product = products[k];\r\n searchList.push({\r\n category: category.Name,\r\n currentMerchant: merchant,\r\n product,\r\n Name: `${merchant.Name} - ${product.Name}`\r\n })\r\n }\r\n }\r\n }\r\n\r\n return searchList;\r\n}\r\n\r\n\r\n\r\nexport const getCategoryByMerchant = (data) => {\r\n const merchantCat = {};\r\n const numOfCategories = data.length;\r\n // const regex = new RegExp(\"://\");\r\n for(let i = 0; i < numOfCategories; i++){\r\n const category = data[i];\r\n const merchants = category.Merchants\r\n const numOfMerchants = merchants.length;\r\n\r\n for(let j = 0; j < numOfMerchants; j++){\r\n const merchant = merchants[j];\r\n merchantCat[merchant.Name] = {\r\n icon: category.Name, category: category.Name, \r\n categoryIndex: i, merchantIndex: j\r\n };\r\n }\r\n }\r\n\r\n return merchantCat;\r\n}\r\n\r\nconst weekDays = (days, date) => {\r\n const wkDays = [\r\n {\r\n day: \"SU\",\r\n dayFun: isSunday,\r\n }, \r\n {\r\n day: \"MO\",\r\n dayFun: isMonday,\r\n }, \r\n {\r\n day: \"TU\",\r\n dayFun: isTuesday,\r\n }, \r\n {\r\n day: \"WE\",\r\n dayFun: isWednesday,\r\n }, \r\n {\r\n day: \"TH\",\r\n dayFun: isThursday,\r\n }, \r\n {\r\n day: \"FR\",\r\n dayFun: isFriday,\r\n }, \r\n {\r\n day: \"SA\",\r\n dayFun: isSaturday,\r\n }\r\n ];\r\n let dt = null;\r\n for(let i = 0; i < 7; i++){\r\n const week = wkDays[i];\r\n if(days.indexOf(week.day) > -1 && week.dayFun(date)){\r\n dt = date;\r\n }\r\n }\r\n return dt;\r\n}\r\n\r\nexport const getWeekDays = (startDate, endDate, arrayOfDays, time) => {\r\n const payload = [];\r\n\r\n for(let i = 0; i <= 6; i++){\r\n const nextDate = addDays(startDate, i);\r\n \r\n if( endDate instanceof Date && differenceInDays(endDate, nextDate) < 1) break;\r\n\r\n const currentDate = weekDays(arrayOfDays, nextDate);\r\n\r\n if(isEmpty(currentDate) ) continue;\r\n\r\n payload.push(`${format(nextDate, \"yyyy-MM-dd\")}T${format(time, \"hh:mm:ss\")}.000Z`);\r\n }\r\n\r\n return payload;\r\n\r\n}\r\n\r\nexport const getMonthDays = (initStartDate, startDate, endDate, arrayOfDays, time) => {\r\n const payload = [];\r\n const numOfDays = arrayOfDays.length;\r\n const getMonthIndex = getMonth(startDate);\r\n const getYearIndex = getYear(startDate);\r\n const getMonthDays = getDaysInMonth(startDate);\r\n \r\n\r\n\r\n for(let i = 0; i < numOfDays; i++){\r\n const day = parseInt(arrayOfDays[i], 10);\r\n\r\n // if last day was selected day is -1\r\n const currentDate = day === -1 ? (\r\n lastDayOfMonth(new Date(getYearIndex, getMonthIndex, 1))\r\n ) : (\r\n toDate(new Date(getYearIndex, getMonthIndex, day))\r\n );\r\n\r\n // If the last day of a month is selected and the days of a particular month\r\n // is selected then ignore the last day\r\n // for examplr april is 30 days, if day 30 is selected and last day is also selected\r\n // ignore selected last day for april\r\n if(arrayOfDays.indexOf(getMonthDays) > -1 && day === -1) continue;\r\n\r\n // Ensure all dates are more that the start date\r\n if(differenceInDays(currentDate, initStartDate) < 1) continue;\r\n\r\n // Ensure the day of month picked exist in a month\r\n if(day > getMonthDays) continue;\r\n\r\n // If endDate is instance of Date then endType is date\r\n if( endDate instanceof Date && differenceInDays(endDate, currentDate) < 1) break;\r\n\r\n payload.push(`${format(currentDate, \"yyyy-MM-dd\")}T${format(time, \"hh:mm:ss\")}.000Z`);\r\n }\r\n\r\n return payload;\r\n\r\n \r\n\r\n}\r\n\r\nconst getUpperLimit = (counter, arr) => {\r\n // If date has been selected\r\n return !Array.isArray(arr) || arr.length < 1 ? counter : Math.ceil(counter / arr.length) + 1;\r\n}\r\n\r\nexport const paDateFormatter = (props) => {\r\n const {\r\n startDate, endDate, endType, counter,\r\n reoccuranceDateType, interval, attr,\r\n\r\n } = props\r\n\r\n let innerEndDate = endType === \"date\" ? endDate : getUpperLimit(counter, attr);\r\n\r\n const time = startDate;\r\n\r\n let addFunc;\r\n // let diffFunc;\r\n\r\n const lowerDateType = reoccuranceDateType.toLowerCase();\r\n\r\n switch(lowerDateType){\r\n case \"daily\":\r\n addFunc = addDays;\r\n break;\r\n case \"weekly\":\r\n addFunc = addWeeks;\r\n break;\r\n case \"monthly\":\r\n addFunc = addMonths;\r\n break;\r\n default:\r\n addFunc = addYears;\r\n\r\n }\r\n\r\n let payload = [];\r\n\r\n let i = 0;\r\n\r\n while(true){\r\n const currentStartDate = addFunc(startDate, i * interval);\r\n\r\n // If endType is date then when the day difference of endDate and currentDate is less than 1 the \r\n // break \r\n if(endType === \"date\" && differenceInDays(endDate, currentStartDate) < 1) break;\r\n\r\n // If dateType is weekly and specific days of the week are selected\r\n if(lowerDateType === \"weekly\" && Array.isArray(attr) && attr.length > 0){\r\n payload = payload.concat(getWeekDays(\r\n currentStartDate, \r\n innerEndDate,\r\n attr,\r\n time\r\n ));\r\n\r\n }\r\n // If dateType is monthly and specific days of the month are selected\r\n else if(lowerDateType === \"monthly\" && Array.isArray(attr) && attr.length > 0){\r\n payload = payload.concat(\r\n getMonthDays(\r\n startDate,\r\n currentStartDate, \r\n innerEndDate,\r\n attr,\r\n time\r\n ))\r\n }else{\r\n payload = payload.concat([`${format(currentStartDate, \"yyyy-MM-dd\")}T${format(time, \"hh:mm:ss\")}.000Z`])\r\n }\r\n\r\n // If endType is count then break when number of items in payload exceed counter\r\n if(endType === \"count\" && payload.length >= counter) break;\r\n i++;\r\n\r\n }\r\n\r\n return endType === \"date\" ? payload : payload.splice(0, counter);\r\n\r\n}\r\n","\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Facebook = (props) => {\r\n const {color, fontSize} = props;\r\n\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\nFacebook.defaultProps = {\r\n color: '#03A4E4',\r\n fontSize: 15\r\n}\r\n\r\nFacebook.propTypes = {\r\n color: PropTypes.string,\r\n fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n}\r\n\r\nexport default Facebook\r\n ","import React, { useState } from 'react';\r\nimport withStyle from './jss';\r\nimport { classNames, isEmpty } from \"../helper/util\";\r\n\r\nconst styles = theme => ({\r\n dropdownWrapper: {\r\n position: \"relative\",\r\n \"& .custom-dropdown\": {\r\n // minHeight: `${100 * theme.zoom}px`,\r\n minWidth: `${250 * theme.zoom}px`,\r\n backgroundColor: \"#ffffff\",\r\n boxShadow: \"0px 0px 3px rgba(0, 0, 0, 0.3)\",\r\n position: \"absolute\",\r\n top: `${60 * theme.zoom}px`,\r\n right: `10px`,\r\n borderRadius: `${5 * theme.zoom}px`,\r\n transition: \"all 0.5s\",\r\n opacity: 0,\r\n zIndex: -1,\r\n \"& .option-item\":{\r\n padding: \"10px 15px\",\r\n cursor: \"pointer\",\r\n \"& p\": {\r\n margin: 0,\r\n color: \"#000000\",\r\n fontSize: `${15 * theme.zoom}px`\r\n }\r\n },\r\n // \"& .option-item:not(:last-child)\":{\r\n // borderBottom: \"1px solid rgba(0, 0, 0, 0.3)\",\r\n // },\r\n \"&::before\":{\r\n content: \"''\",\r\n position: \"absolute\",\r\n top: `-${20 * theme.zoom}px`,\r\n border: \"10px solid transparent\",\r\n borderBottomColor: \"#ffffff\", \r\n right: \"10px\",\r\n },\r\n \"&.active\": {\r\n opacity: 1,\r\n top: `${70 * theme.zoom}px`,\r\n zIndex: 5,\r\n },\r\n },\r\n },\r\n anchor: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n cursor: \"pointer\",\r\n\r\n \"& > div.inner\":{\r\n position: \"relative\",\r\n marginRight: \"20px\",\r\n \"&::after\":{\r\n content: \"''\",\r\n position: \"absolute\",\r\n right: \"-17px\",\r\n border: \"6px solid transparent\",\r\n borderTopColor: \"#ffffff\",\r\n top: \"calc(25% - 3px)\",\r\n \r\n },\r\n \"&.outline\":{\r\n \"&::after\":{\r\n borderLeft: \"1px solid #ffffff\",\r\n borderBottom: \"1px solid #ffffff\",\r\n transform: \"rotate(-45deg)\",\r\n \r\n }\r\n }\r\n }\r\n },\r\n})\r\n\r\nconst onOuterlickHander = (getClickedItem, datum) => {\r\n if(!isEmpty(getClickedItem)){\r\n getClickedItem(datum)\r\n }\r\n}\r\n\r\n\r\nconst NewDropDown = props => {\r\n const { \r\n classes, children, addtionalCenterAnchor, \r\n addtionalLeftAnchor, addtionalRightAnchor,\r\n onClick, data, wrapperClassName, innerClassName,\r\n outerLeftAnchor\r\n } = props;\r\n\r\n const [active, onActive] = useState(false);\r\n\r\n return (\r\n \r\n {outerLeftAnchor}\r\n
\r\n )\r\n}\r\n\r\n\r\nexport default withStyle(styles)(NewDropDown);","\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Twitter = (props) => {\r\n const {color, fontSize} = props;\r\n\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\nTwitter.defaultProps = {\r\n color: '#03A4E4',\r\n fontSize: 15\r\n}\r\n\r\nTwitter.propTypes = {\r\n color: PropTypes.string,\r\n fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n}\r\n\r\nexport default Twitter\r\n ","\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Youtube = (props) => {\r\n const {color, fontSize} = props;\r\n\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\nYoutube.defaultProps = {\r\n color: '#03A4E4',\r\n fontSize: 15\r\n}\r\n\r\nYoutube.propTypes = {\r\n color: PropTypes.string,\r\n fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n}\r\n\r\nexport default Youtube\r\n ","\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Instagram = (props) => {\r\n const {color, fontSize} = props;\r\n\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\nInstagram.defaultProps = {\r\n color: '#03A4E4',\r\n fontSize: 15\r\n}\r\n\r\nInstagram.propTypes = {\r\n color: PropTypes.string,\r\n fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n}\r\n\r\nexport default Instagram\r\n ","\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Whatsapp = (props) => {\r\n const {color, fontSize} = props;\r\n\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\nWhatsapp.defaultProps = {\r\n color: '#03A4E4',\r\n fontSize: 15\r\n}\r\n\r\nWhatsapp.propTypes = {\r\n color: PropTypes.string,\r\n fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n}\r\n\r\nexport default Whatsapp\r\n ","\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Linkedin = (props) => {\r\n const {color, fontSize} = props;\r\n\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\nLinkedin.defaultProps = {\r\n color: '#03A4E4',\r\n fontSize: 15\r\n}\r\n\r\nLinkedin.propTypes = {\r\n color: PropTypes.string,\r\n fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n}\r\n\r\nexport default Linkedin\r\n ","export const theme = {\r\n color:{\r\n primary: '#0193dd',\r\n secondary: '#e67818',\r\n tertiary: '#494f5f',\r\n grey: '#dcdcdc',\r\n lightSecondary: \"#e678185e\",\r\n lightPrimary: \"#00aee9\",\r\n textColor: \"#ffffff\",\r\n },\r\n zoom: 0.85,\r\n alertSuccess: {\r\n color: '#6fcf97',\r\n bgColor: '#eefff5',\r\n },\r\n alertError: {\r\n color: '#ed6161',\r\n bgColor: '#fff0f0',\r\n },\r\n alertInfo: {\r\n color: '#2196f3',\r\n bgColor: '#dbefff',\r\n },\r\n ff: {\r\n arial: \"Arial, Helvetica, sans-serif\",\r\n },\r\n flexible: () => ({\r\n display: 'flex',\r\n }),\r\n breakpoints: {\r\n esDown: '@media only screen and (max-width: 360px)',\r\n esUp: '@media only screen and (min-width: 360px)',\r\n esXs: '@media only screen and (min-width: 361px) and (max-width:479px)',\r\n xsDown: '@media only screen and (max-width: 480px)',\r\n xsUp: '@media only screen and (min-width: 480px)',\r\n xsSm: '@media only screen and (min-width: 481px) and (max-width: 599px)',\r\n smDown: '@media only screen and (max-width: 600px)',\r\n smUp: '@media only screen and (min-width: 600px)',\r\n smMd: '@media only screen and (min-width: 601px) and (max-width: 767px)',\r\n mdDown: '@media only screen and (max-width: 768px)',\r\n mdUp: '@media only screen and (min-width: 768px)',\r\n mdLg: '@media only screen and (min-width: 769px) and (max-width: 991px)',\r\n lgDown: '@media only screen and (max-width: 992px)',\r\n lgUp: '@media only screen and (min-width: 992px)',\r\n lgXl: '@media only screen and (min-width: 993px) and (max-width: 1199px)',\r\n mdXl: '@media only screen and (min-width: 769px) and (max-width: 1199px)',\r\n xlDown: '@media only screen and (max-width: 1200px)',\r\n xlUp: '@media only screen and (min-width: 1200px)',\r\n xxlDown: '@media only screen and (max-width: 1400px)',\r\n xxlUp: '@media only screen and (min-width: 1400px)',\r\n },\r\n};\r\n","export const categories = {\r\n categories: null,\r\n merchants: null,\r\n}\r\n\r\nexport const merchants = {\r\n merchants: null,\r\n}\r\n","export const activateSidebar = {\r\n activateSidebar: false,\r\n lastUpdate: +(new Date())\r\n}","export const transaction = {\r\n validation: null,\r\n getUrl: null,\r\n getReport: null,\r\n getCards: null,\r\n saveCard: null\r\n}","export const auth = {\r\n login: null,\r\n register: null,\r\n logout: null,\r\n auth: null,\r\n updatePassword: null,\r\n getProfile: null,\r\n passwordReset: null,\r\n passwordChange: null,\r\n activateUser: null,\r\n\r\n}","export const pa = {\r\n addPA: null,\r\n getPAs: null,\r\n resumePA: null,\r\n}","export const authdata = {\r\n transactions: null,\r\n favourites: null\r\n}","export const passwordChange = {\r\n sendOTP: null,\r\n password: null,\r\n}","export const ewallet = {\r\n account: null\r\n} ","export const contactUs = {\r\n contactUs: null\r\n}","export * from './theme';\r\nexport * from './catogory';\r\nexport * from './sidebar';\r\nexport * from './transaction';\r\nexport * from \"./auth\";\r\nexport * from \"./pa\";\r\nexport * from \"./authdata\";\r\nexport * from \"./passwordChange\";\r\nexport * from \"./ewallet\";\r\nexport * from \"./contact-us\";\r\n","import React, { Component } from 'react';\r\nimport {Link} from \"react-router-dom\";\r\nimport Logo from \"../../../assets/img/png/logo.png\";\r\n\r\nimport Twitter from \"../../../common/icons/Twitter\";\r\nimport Facebook from \"../../../common/icons/Facebook\";\r\nimport Youtube from \"../../../common/icons/Youtube\";\r\nimport Instagram from \"../../../common/icons/Instagram\";\r\nimport Whatsapp from \"../../../common/icons/Whatsapp\";\r\nimport Linkedin from \"../../../common/icons/Linkedin\";\r\n\r\nimport { styles } from \"./style\";\r\n\r\nimport withStyle from '../../../common/jss';\r\nimport Button from '../../../common/Button';\r\n\r\nimport {classNames} from \"../../../helper/util\";\r\n\r\nclass Footer extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { }\r\n }\r\n\r\n render() { \r\n const { classes, showNavbar, isHome } = this.props;\r\n return ( \r\n onActive(!active)}\r\n >\r\n {addtionalLeftAnchor}\r\n
\r\n \r\n {children}\r\n {addtionalCenterAnchor}\r\n
\r\n {addtionalRightAnchor}\r\n \r\n {\r\n !isEmpty(data) ? data.map(datum => (\r\n
\r\n {\r\n onActive(!isEmpty(datum.labelHTML));\r\n onOuterlickHander(onClick, datum)\r\n }}\r\n key={datum.key}\r\n >\r\n {\r\n !isEmpty(datum.labelHTML) ? datum.labelHTML : (
\r\n )) : null\r\n }\r\n {datum.label}
)\r\n }\r\n\r\n
\r\n )\r\n }\r\n}\r\n \r\nexport default withStyle(styles)(Footer);","export const styles = theme => ({\r\n footer:{\r\n backgroundColor: \"#ffffff\",\r\n \"&.home\":{\r\n borderTop: \"2px solid #e7792c\",\r\n },\r\n \"& .footer-wrapper\":{\r\n [theme.breakpoints.xlDown]:{\r\n\r\n maxWidth: 960,\r\n margin: \"auto\",\r\n },\r\n [theme.breakpoints.xlUp]:{\r\n marginLeft: \"10%\",\r\n marginRight: \"10%\",\r\n },\r\n paddingTop: 30,\r\n [theme.breakpoints.mdLg]:{\r\n marginLeft: 20,\r\n marginRight: 20,\r\n },\r\n \"& .top-footer-wrapper\":{\r\n display: \"flex\",\r\n [theme.breakpoints.mdDown]:{\r\n // flexDirection: \"row\",\r\n alignItems: \"flex-start\",\r\n padding: 20,\r\n flexWrap: \"wrap\"\r\n },\r\n \"& > .box\":{\r\n flex: 1,\r\n [theme.breakpoints.mdDown]:{\r\n flex: \"0 0 50%\",\r\n textAlign: \"left\",\r\n marginBottom: 40,\r\n },\r\n\r\n \"& .social-media\":{\r\n backgroundColor: \"transparent\",\r\n padding: 0,\r\n width: \"unset\",\r\n boxShadow: \"unset\",\r\n \"&:not(:last-child)\":{\r\n marginRight: 10,\r\n }\r\n }, \r\n \"&:first-child\":{\r\n \"& img\":{\r\n height: 40,\r\n width: \"auto\",\r\n display: \"inline-block\",\r\n marginBottom: 10,\r\n },\r\n \"& p\":{\r\n margin: 0,\r\n fontSize: \"1em\",\r\n paddingRight: 20,\r\n textAlign: \"justify\",\r\n color: \"#01122B\",\r\n [theme.breakpoints.mdDown]:{\r\n // textAlign: \"center\",\r\n },\r\n },\r\n \"& .social-media-icons\":{\r\n display: \"flex\",\r\n marginTop: 10,\r\n [theme.breakpoints.mdDown]:{\r\n justifyContent: \"flex-start\",\r\n },\r\n \"& img\":{\r\n display: \"inline-block\",\r\n marginRight: 7.5,\r\n height: 19,\r\n width: 19,\r\n }\r\n }\r\n },\r\n \"& .menu-list\":{\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n \"& .menu-item-header\":{\r\n color: \"#01122B\",\r\n fontStyle: \"normal\",\r\n fontWeight: \"bold\",\r\n fontSize: \"1.2em\",\r\n lineHeight: \"100%\",\r\n userSelect: \"none\",\r\n margin: 0,\r\n marginBottom: 20,\r\n },\r\n \"& .menu-item\":{\r\n fontSize: \"1em\",\r\n lineHeight: \"156%\",\r\n textDecoration: \"none\",\r\n color: \"#3D474B\",\r\n marginBottom: 16,\r\n }\r\n }\r\n }\r\n },\r\n \"& .bottom-footer\":{\r\n borderTop: \"1px solid #D3D3D3\",\r\n maxWidth: 960,\r\n margin: \"auto\",\r\n paddingTop: 15,\r\n paddingBottom: 15,\r\n \"& p\":{\r\n fontSize: \"0.8em\",\r\n margin: 0,\r\n [theme.breakpoints.mdDown]:{\r\n textAlign: \"center\",\r\n }\r\n }\r\n }\r\n }\r\n }\r\n})","import React, { lazy, Component } from 'react';\r\nimport {withRouter} from 'react-router-dom';\r\nimport withStyle from \"../../common/jss\";\r\nimport {classNames} from \"../../helper/util\";\r\nimport { styles } from \"./style\";\r\nimport Footer from './Footer/Footer';\r\n\r\n\r\n\r\nconst Navbar = lazy(() => import(\"./Navbar/Navbar\"))\r\nclass Layout extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { }\r\n }\r\n render() { \r\n const { children, classes, location, showNavbar, match: {path}} = this.props;\r\n\r\n return ( \r\n <>\r\n {\r\n showNavbar ? (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n {\r\n !showNavbar ? (\r\n\r\n Experience a world of more options with Payarena your one-stop platform to Buy and Sell.
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) : null\r\n }\r\n \r\n
\r\n Sitemap
\r\n Home\r\n Payarena Mall\r\n Contact\r\n FAQs\r\n\r\n
\r\n Copyright © {(new Date()).getFullYear()} PayArena. All rights reserved.
\r\n\r\n {children}\r\n
\r\n