\n \n \n {apiStats.map((d, i) => {\n return (\n
{\n if (!d.href) return;\n history.push(d.href);\n }}\n key={i}\n className={`bg-blue-50 rounded-lg text-gray-700 flex-1 w-full ${d.href && 'cursor-pointer'}`}\n >\n \n\n \n {d?.value?.toLocaleString()}\n {(response.loading || !stats || !clients) && }\n
\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n {label && (\n
\n )}\n
\n \n \n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n \n {label && (\n
\n )}\n
\n {\n if (e.target.value === 'Select option' || e.target.value === 'Select status') return;\n onValueChange(e);\n }}\n value={value}\n // defaultValue={placeholder ? placeholder : `Select option`}\n >\n {/* */}\n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n \n {label && (\n
\n )}\n
\n {\n if (e.target.value === 'Select option' || e.target.value === 'Select status') return;\n onValueChange(e);\n }}\n value={value}\n // defaultValue={placeholder ? placeholder : `Select option`}\n >\n {/* */}\n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n
\n
\n {label && (\n
\n )}\n
\n \n \n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n
\n
\n {label && (\n
\n )}\n
\n {\n if (e.target.value === 'Select option' || e.target.value === 'Select status') return;\n onValueChange(e);\n }}\n value={value}\n // defaultValue={placeholder ? placeholder : `Select option`}\n >\n {/* */}\n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n \n {label && (\n
\n )}\n
\n {\n if (e.target.value === 'Select option' || e.target.value === 'Select status') return;\n onValueChange(e);\n }}\n value={value}\n // defaultValue={placeholder ? placeholder : `Select option`}\n >\n {/* */}\n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n
\n
\n
\n {\n if (e.target.value === 'Select option' || e.target.value === 'Select status') return;\n onValueChange(e);\n }}\n value={value}\n >\n {options.map((option, idx) => {\n return (\n \n );\n })}\n \n \n
\n
\n
Username
\n
Email
\n
Company Rep
\n
Membership Type
\n
Verified
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
\n
Address
\n
Country
\n
Label Type
\n
With Taggant
\n
Quantity
\n
Date Created
\n
Date Updated
\n
Status
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Product ID
\n
Quantity
\n
Date Created
\n
Date Updated
\n
Status
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Product Name
\n
User Experience
\n
Store Address
\n
Product Image
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Product Name
\n
Batch Number
\n
Production Date
\n
Expiry Date
\n
Featured
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Product Image
\n
Product Name
\n
Producer Name
\n
Batch Number
\n
Category
\n
Description
\n
Age Range
\n
Production Date
\n
Expiry Date
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Membership Type
\n
First Name
\n
Last Name
\n
Username
\n
Email
\n
Country
\n
Phone Number
\n
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Title
\n
Description
\n
Slug
\n
Created
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Username
\n
Membership Type
\n
Company Rep
\n
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
Product Image
\n
Product Name
\n
Producer Name
\n
Product Description
\n
Product Category
\n
Age Range
\n
Expiry Date
\n
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
\n \n \n
Phone Number
\n
Pin
\n
Reward Type
\n
Status
\n
Date Won
\n
Time
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n
\n
Date Reported
\n
Product Name
\n
Product Experience
\n
Product Store
\n
Status
\n
Product Image
\n
Action
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
\n {/*
*/}\n
Date Submitted
\n
Product Name
\n
Product Store
\n
Product Image
\n
Status
\n
Action
\n
\n
\n
\n {dataList && dataList?.length > 0 ? (\n dataList.map((item, idx) => {\n return ;\n })\n ) : (\n No items to display
\n )}\n \n {data && data?.length > 0 && (\n
\n )}\n
\n
\n
{item?.username}
\n
{item?.email}
\n
{item?.company_rep}
\n
{item?.membership_type}
\n
\n
\n \n {item?.verified ? 'Verified' : 'Not verified'}\n
\n
\n
\n
\n
\n
\n {item?.status === 'processing' && (\n {\n setShowAssignLabel(!showAssignLabel);\n }}\n text={'Assign Label'}\n className=''\n size={2}\n />\n )}\n
\n
{item?.address}
\n
{item?.country}
\n
{item?.labelType}
\n
{item?.withTaggant}
\n
{item?.quantity}
\n
{new Date(item?.created_at).toDateString()}
\n
{new Date(item?.updated_at).toDateString()}
\n
\n
\n \n {item?.status}\n
\n
\n
\n {\n handlePinStatusChange(e);\n }}\n options={['pending', 'processing', 'completed']}\n variant={2}\n />\n
\n
\n
\n 1 ? 's' : ''}`} size={3} />\n \n
\n \n {labelData.map((d, idx) => {\n return (\n \n \n
{idx + 1}
\n {idx !== 0 && (\n
{\n setLabelData(dx => dx.filter((d, index) => index !== idx));\n }}\n size={20}\n />\n )}\n \n
handleInputChange(e, idx)}\n name='startIndex'\n variant={2}\n type='number'\n label='Start Index'\n placeholder='Start Index'\n />\n -
\n handleInputChange(e, idx)}\n name='endIndex'\n variant={2}\n type='number'\n label='End Index'\n placeholder='End Index'\n />\n \n \n
\n x.boxNumber) || !labelData.every(x => x.startIndex) || !labelData.every(x => x.endIndex)\n ? `pointer-events-none opacity-50`\n : ''\n } w-full relative top-8`}\n text={`Assign Label${labelData.length > 1 ? 's' : ''}`}\n onClick={() => handleSubmit(item)}\n />\n \n )}\n \n );\n};\n\nconst ItemPinRequest = ({ data }) => {\n const [item, setItem] = useState();\n const [pinStatus, setPinStatus] = useState('');\n const dispatch = useDispatch();\n\n useEffect(() => {\n if (item) {\n setPinStatus(item.status);\n }\n // eslint-disable-next-line\n }, [item]);\n\n useEffect(() => {\n if (data) {\n setItem(data);\n }\n // eslint-disable-next-line\n }, [data]);\n\n const handlePinStatusChange = e => {\n e?.preventDefault();\n e?.stopPropagation();\n dispatch(StateActions.updatePinRequestStatus(item.user_id, item.id, e.target.value));\n };\n\n return (\n <>\n \n
\n
{item?.productId}
\n
{item?.quantity}
\n
{new Date(item?.created_at).toDateString()}
\n
{new Date(item?.updated_at).toDateString()}
\n
\n
\n \n {item?.status}\n
\n
\n
\n {\n handlePinStatusChange(e);\n }}\n options={['requested', 'processing', 'declined', 'completed']}\n variant={2}\n />\n
\n
\n
\n
\n
{item?.product_name}
\n
{item?.product_user_exprnce}
\n
{item?.product_store_address}
\n
setViewImage(!viewImage)}\n className={`w-40 flex-shrink-0 overflow-auto flex-1 capitalize text-brand_blue cursor-pointer underline`}\n >\n {viewImage ? 'Hide Product Image' : 'View Product Image'}\n \n
\n
\n
\n
\n
{item?.product_name}
\n
{item?.batch_num}
\n
{new Date(item?.production_date).toDateString()}
\n
{new Date(item?.expiry_date).toDateString()}
\n
{item?.featured + ''}
\n
history.push(`/products/edit-batch/${item?.id}`)}\n className={`w-20 flex-shrink-0 overflow-auto capitalize text-brand_blue cursor-pointer underline`}\n >\n Edit\n \n
\n
\n
\n
\n
\n
{item?.product_name}
\n
{item?.producer_name}
\n
{item?.batch_num}
\n
{item?.product_category}
\n
{item?.product_description}
\n
{item?.age_range}
\n
{new Date(item?.production_date).toDateString()}
\n
{new Date(item?.expiry_date).toDateString()}
\n
history.push(`/products/edit-product/${item?.id}`)}\n className={`w-20 flex-shrink-0 overflow-auto capitalize text-brand_blue cursor-pointer underline`}\n >\n Edit\n \n
\n
\n
{item?.membership_type.replaceAll('-', ' ')}
\n
{item?.first_name}
\n
{item?.last_name}
\n
{item?.username}
\n
{item?.email}
\n
{item?.country}
\n
{item?.call_code + item?.phone_number}
\n
history.push(`/agents/edit-agent/${item?.id}`)}\n className={`w-20 flex-shrink-0 overflow-auto capitalize text-brand_blue cursor-pointer underline`}\n >\n Edit\n \n
{\n dispatch(StateActions.removeAgent(item?.id));\n }}\n className={`w-20 flex-shrink-0 overflow-auto capitalize text-red-500 cursor-pointer underline`}\n >\n Delete\n \n
\n
{item?.title}
\n
{item?.content}
\n
{item?.slug}
\n
{new Date(item?.created_at)?.toDateString()}
\n
history.push(`/survey/edit-survey/step-one/${item?.id}`)}\n className={`w-20 flex-shrink-0 overflow-auto capitalize text-brand_blue cursor-pointer underline`}\n >\n Edit\n \n
\n
\n
{item?.username}
\n
{item?.membership_type}
\n
{item?.company_rep}
\n
history.push(`/brands/brand-products/${item?.id}`)}\n className={`w-40 flex-shrink-0 overflow-auto capitalize text-brand_blue cursor-pointer underline flex-1`}\n >\n View Products\n \n
openDialog(true, item)} className={`w-42 flex-shrink-0 overflow-auto capitalize text-blue-500 cursor-pointer underline flex-1`}>\n Message Authenticators\n
\n
\n
\n
\n
\n
\n
{item?.product_name}
\n
{item?.producer_name}
\n
{item?.product_description}
\n
{item?.product_category}
\n
{item?.age_range}
\n
{new Date(item?.expiry_date).toDateString()}
\n
openDialog(true, item)} className={`w-42 flex-shrink-0 overflow-auto capitalize text-blue-500 cursor-pointer underline`}>\n Message Authenticators\n
\n
\n
\n
\n
\n selectAsset(item?.id)} className={`w-6 cursor-pointer`}>\n {item?.selected ? : }\n
\n \n
{item?.phone_number}
\n
{item?.pin}
\n
{item?.reward_type}
\n
{item?.status === 1 ? 'Collected' : 'Uncollected'}
\n
{new Date(item?.created_at).toDateString()}
\n
{new Date(item?.created_at).toLocaleTimeString()}
\n
\n
\n
\n
\n
\n
{new Date(item?.created_at).toDateString()}
\n
{item?.product_name}
\n
{item?.product_user_exprnce}
\n
{item?.product_store_address}
\n
\n {item?.report_status}\n
\n
\n
\n
\n
\n Approve | Reject\n
\n
\n
\n
\n {/*
\n
*/}\n
{new Date(item?.created_at).toDateString()}
\n
{item?.product_name}
\n
{item?.product_store_name}
\n
\n
\n
\n\n
\n {\n const newStatus = event.target.value;\n handleReportChange(newStatus, item.slug);\n }}\n options={['PENDING', 'ONGOING', 'RESOLVED']}\n variant={7}\n \n \n />\n
\n \n
history.push(`/rms/rms-report/${item?.id}`)} \n className={`w-40 flex-shrink-0 overflow-auto capitalize text-blue-900 cursor-pointer underline text-center`}>\n View Details\n
\n
\n
\n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n
\n {children.map((elem, index) => {\n return (\n handleChange(index)}\n >\n {elem.props.title}\n \n );\n })}\n
\n
{children[selected]}
\n
{children}
;\n};\n","import React, { useState, useEffect } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { Pagination } from 'rsuite';\nimport { useDispatch } from 'react-redux';\n\nimport Heading from '../../../../components/fragments/heading';\nimport { Tabs } from '../../../../components/fragments/tabs/tabs';\nimport InputBox from '../../../../components/fragments/input-box/input-box';\nimport Button from '../../../../components/fragments/button/button';\n\nimport { StateActions } from '../../../../states/actions';\n\nconst GetPinSnSq = () => {\n return (\n \n \n\n \n \n \n \n \n \n \n \n \n
\n \n );\n};\n\nconst CheckBySN = () => {\n const dispatch = useDispatch();\n const perPage = 5;\n const [activePage, setActivePage] = useState(1);\n const [pin, setPin] = useState('');\n const [result, setResult] = useState([]);\n const [allData, setAllData] = useState([]);\n\n useEffect(() => {\n if (result) {\n const indexOfLast = activePage * perPage;\n const indexOfFirst = indexOfLast - perPage;\n const activeData = result.slice(indexOfFirst, indexOfLast);\n setAllData(activeData);\n } // eslint-disable-next-line\n }, [result, activePage]);\n\n const handleSubmit = () => {\n setResult([]);\n dispatch(StateActions.fetchPinBySn(pin)).then(res => {\n if (res.data) {\n setResult([{ product_name: res?.data?.SubProduct?.product_name, serial_number: res?.data?.id, pin: res?.data?.pin_value }]);\n }\n });\n };\n\n return (\n \n setPin(e.target.value)} variant={2} placeholder='Pin Value' />\n \n {allData.length > 0 && (\n \n {allData.map((item, i) => {\n return (\n \n
\n Product Name\n {item.product_name}\n
\n
\n Serial Number\n {item.serial_number}\n
\n
\n Pin\n {item.pin}\n
\n
\n
\n Product Name\n {item.product_name}\n
\n
\n Serial Number\n {item.serial_number}\n
\n
\n Pin\n {item.pin}\n
\n
\n {user?.membership_type !== 'admin' ? (\n \n \n \n ) : (\n \n \n \n \n \n \n \n \n )}\n
\n \n );\n};\n\nconst CheckValidity = () => {\n const dispatch = useDispatch();\n const [pin, setPin] = useState('');\n\n const handleSubmit = () => {\n dispatch(StateActions.checkPinValidity({ pin_value: pin }));\n };\n\n return (\n \n setPin(e.target.value)} variant={2} placeholder='Pin Value' />\n \n \n );\n};\n\nconst UpdateStatus = () => {\n const dispatch = useDispatch();\n const [pin, setPin] = useState('');\n const [status, setStatus] = useState('');\n\n const handleSubmit = () => {\n dispatch(StateActions.updatePinStatus({ pin_value: pin, status }));\n };\n\n return (\n \n setPin(e.target.value)} variant={2} placeholder='Pin Value' />\n setStatus(e.target.value)} />\n \n \n );\n};\n\nexport default GetPinStVa;\n","import React, { useState, useEffect } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { Route, Switch, Redirect, useLocation, useHistory } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { FiLoader } from 'react-icons/fi';\n\nimport ReassignPins from './reassign-pins';\nimport GetPnSnSq from './get-pin-sn-sq';\nimport GetPinStVa from './get-pin-st-va';\n\nconst routes = [\n { name: 'Reassign Pins', path: '/pins/reassign-pins', component: ReassignPins, current: false },\n { name: 'Pin Check', path: '/pins/pin-check', component: GetPnSnSq, current: false },\n { name: 'Check Validity', path: '/pins/check-validity', component: GetPinStVa, current: false },\n];\n\nconst Pins = () => {\n const response = useSelector(state => state.response);\n const location = useLocation();\n const history = useHistory();\n const [items, setItems] = useState(routes);\n const user = useSelector(state => state.user);\n\n useEffect(() => {\n if (routes.length > 0 && location.pathname.split('/').length <= 2) {\n history.push(routes[0].path);\n }\n if (user?.membership_type === 'agent') {\n setItems(items =>\n items\n .filter(d => d.name !== 'Reassign Pins')\n .map(item => {\n item.current = item.name\n .replace(' ', '-')\n .replace('&', '')\n .replace(' ', '')\n .toLocaleLowerCase()\n .includes(location.pathname.split('/')[location.pathname.split('/').length - 1].toLocaleLowerCase());\n return item;\n }),\n );\n if (location.pathname.includes('reassign')) {\n history.push(routes[1].path);\n }\n } else {\n setItems(\n items.map(item => {\n item.current = item.name\n .replace(' ', '-')\n .replace('&', '')\n .replace(' ', '')\n .toLocaleLowerCase()\n .includes(location.pathname.split('/')[location.pathname.split('/').length - 1].toLocaleLowerCase());\n return item;\n }),\n );\n }\n // eslint-disable-next-line\n }, [location, user]);\n\n return (\n <>\n {response.loading && (\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n \n {retargetingGroups &&\n retargetingGroups.map((d, idx) => {\n return (\n
history.push(`/retargeting/groups/detail/${d.id}`)}\n key={idx}\n className='shadow p-4 cursor-pointer w-full h-full rounded-md overflow-hidden hover:shadow-lg hover:bg-gray-50 space-y-4'\n >\n \n \n
Created
\n
{formatDate(parseISO(d?.created_at), `MMM dd, yyyy hh:mm a`)}
\n
\n
\n
\n {contacts && contacts.length > 0 ? (\n <>\n {contacts.map((d, idx) => {\n return (\n
\n
\n
\n
Contact
\n
{d?.phone_number}
\n
\n
\n );\n })}\n \n ) : (\n
No contacts
\n )}\n
\n
\n \n setMessage(e.target.value)}\n name='message'\n placeholder='Message'\n id='message'\n cols='30'\n rows='10'\n >\n \n
\n \n );\n};\n\nexport default Groups;\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgDownload(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.35874 6.07413V2.73329C9.35874 2.37806 9.64208 2.08203 10.0004 2.08203C10.3212 2.08203 10.5931 2.33077 10.6361 2.64585L10.6421 2.73329V6.07413L14.6253 6.07439C16.6087 6.07439 18.2381 7.69852 18.3296 9.72404L18.3337 9.90377V14.1032C18.3337 16.1429 16.7609 17.8172 14.807 17.9112L14.6337 17.9154H5.36699C3.38366 17.9154 1.76207 16.2994 1.67102 14.2664L1.66699 14.086L1.66699 9.89517C1.66699 7.85545 3.23192 6.17304 5.18532 6.07857L5.35866 6.07439H9.35866V11.4097L8.02533 10.0329C7.77533 9.77469 7.36699 9.77469 7.11699 10.0329C6.99199 10.1619 6.93366 10.334 6.93366 10.5061C6.93366 10.6369 6.97099 10.7733 7.04993 10.8886L7.11699 10.9708L9.54199 13.4836C9.65866 13.6127 9.82533 13.6815 10.0003 13.6815C10.1392 13.6815 10.2781 13.6337 10.3881 13.5431L10.4503 13.4836L12.8753 10.9708C13.1253 10.7127 13.1253 10.291 12.8753 10.0329C12.6481 9.79816 12.2899 9.77683 12.0389 9.96885L11.967 10.0329L10.642 11.4097V6.07439L9.35874 6.07413Z\",\n fill: \"#153853\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDownload);\nexport default __webpack_public_path__ + \"static/media/download.896a907d.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useRef, useState } from 'react';\nimport { FileDrop } from 'react-file-drop';\n\nconst DragDropZone = ({ className, children, file, onChange }) => {\n const fileInputRef = useRef(null);\n const dropZone = useRef(null);\n const [inDropZone, setInDropZone] = useState(false);\n\n const handleChange = e => {\n if (!(e instanceof FileList)) {\n if (!validate(e.target.files[0])) return;\n onChange(e.target.files[0]);\n } else {\n if (!validate(e[0])) return;\n onChange(e[0]);\n }\n };\n\n const validate = file => {\n if (!(file?.type === 'text/csv')) {\n return false;\n }\n return true;\n };\n\n const onTargetClick = () => {\n fileInputRef.current.click();\n };\n\n return (\n \n \n \n );\n};\n\nexport default DragDropZone;\n","import React from 'react';\n\nconst Text = ({ className, value, onClick }) => {\n return (\n \n {value}\n
\n );\n};\n\nexport default Text;\n","var _path, _circle, _g, _path2, _path3, _path4, _circle2, _circle3, _circle4, _circle5, _circle6, _circle7, _circle8, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgRewardClaimed(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 115,\n height: 100,\n viewBox: \"0 0 115 100\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96.207 20.8725C99.4982 21.1925 106.382 20.132 107.589 13.33C108.796 6.5281 112.023 4.64477 113.486 4.55334\",\n stroke: \"#F3603F\",\n strokeWidth: 3,\n strokeLinecap: \"round\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 66.9795,\n cy: 48.6176,\n r: 32.9063,\n fill: \"#21824B\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n filter: \"url(#filter0_d_84_172)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 66.9792,\n cy: 48.6177,\n r: 27.7722,\n stroke: \"white\",\n strokeOpacity: 0.7,\n strokeWidth: 2\n }))), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M81.6029 41.4186C81.6029 42.3146 81.2513 43.1798 80.612 43.7977L65.7491 58.1955C65.0779 58.8135 64.1829 59.1842 63.2559 59.1842C62.329 59.1842 61.434 58.8135 60.7948 58.1955L53.3473 50.9966C52.708 50.3787 52.3564 49.5136 52.3564 48.6176C52.3564 47.7216 52.74 46.8874 53.3793 46.2385C54.0505 45.6206 54.9135 45.2807 55.8404 45.2498C56.7674 45.2498 57.6304 45.5897 58.3016 46.2076L63.2559 50.9966L75.6577 39.0087C76.3289 38.3908 77.192 38.0509 78.1189 38.0509C79.0458 38.0818 79.9088 38.4217 80.5801 39.0705C81.2193 39.6884 81.6029 40.5226 81.6029 41.4186Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M91.6182 81.5239C94.6901 82.4113 100.629 85.7835 99.81 92.1729\",\n stroke: \"#FEDC33\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.51367 72.5072C6.22776 74.2826 16.3906 75.556 19.3293 66.4462M19.3293 66.4462C19.7579 63.9361 19.3294 58.971 14.1867 59.1914C13.2071 61.6097 12.8642 66.4462 19.3293 66.4462ZM19.3293 66.4462C21.4721 66.8442 26.4556 66.4646 29.2473 61.7628\",\n stroke: \"#3FCAFB\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 76.3231,\n cy: 96.8458,\n r: 3.15414,\n fill: \"#637BFE\"\n })), _circle3 || (_circle3 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 106.14,\n cy: 46.8984,\n r: 2.65414,\n stroke: \"#C05EFD\"\n })), _circle4 || (_circle4 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 56.0712,\n cy: 3.45405,\n r: 3.45405,\n fill: \"#21824B\"\n })), _circle5 || (_circle5 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 65.8778,\n cy: 9.28396,\n r: 1.82412,\n fill: \"#F3603F\"\n })), _circle6 || (_circle6 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 25.6743,\n cy: 36.0728,\n r: 2.69674,\n stroke: \"#FEDC33\"\n })), _circle7 || (_circle7 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 33.017,\n cy: 86.4794,\n r: 3.01507,\n stroke: \"#21824B\"\n })), _circle8 || (_circle8 = /*#__PURE__*/React.createElement(\"circle\", {\n r: 1.67928,\n transform: \"matrix(-1 0 0 1 66.5151 93.2288)\",\n fill: \"#21824B\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"filter\", {\n id: \"filter0_d_84_172\",\n x: 34.207,\n y: 18.8455,\n width: 65.5439,\n height: 65.5444,\n filterUnits: \"userSpaceOnUse\",\n colorInterpolationFilters: \"sRGB\"\n }, /*#__PURE__*/React.createElement(\"feFlood\", {\n floodOpacity: 0,\n result: \"BackgroundImageFix\"\n }), /*#__PURE__*/React.createElement(\"feColorMatrix\", {\n in: \"SourceAlpha\",\n type: \"matrix\",\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\n result: \"hardAlpha\"\n }), /*#__PURE__*/React.createElement(\"feOffset\", {\n dy: 3\n }), /*#__PURE__*/React.createElement(\"feGaussianBlur\", {\n stdDeviation: 2\n }), /*#__PURE__*/React.createElement(\"feColorMatrix\", {\n type: \"matrix\",\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\"\n }), /*#__PURE__*/React.createElement(\"feBlend\", {\n mode: \"normal\",\n in2: \"BackgroundImageFix\",\n result: \"effect1_dropShadow_84_172\"\n }), /*#__PURE__*/React.createElement(\"feBlend\", {\n mode: \"normal\",\n in: \"SourceGraphic\",\n in2: \"effect1_dropShadow_84_172\",\n result: \"shape\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgRewardClaimed);\nexport default __webpack_public_path__ + \"static/media/reward-claimed.800db463.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/csv-template.8714bc4e.csv\";","import React, { useEffect, useState } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { useDispatch } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport Heading from '../../../../components/fragments/heading';\nimport InputBox from '../../../../components/fragments/input-box';\nimport Button from '../../../../components/fragments/button';\nimport DragDropZone from '../../../../components/fragments/drag-drop-zone';\nimport Text from '../../../../components/fragments/text';\n\nimport { ReactComponent as DownloadIcon } from '../../../../assets/download.svg';\nimport CsvTemplate from '../../../../assets/csv-template.csv';\n\nimport { StateActions, ResponseActions } from '../../../../states/actions';\n\nconst CreateGroup = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n const [data, setData] = useState({ name: '' });\n const [file, setFile] = useState('');\n const [uploadList, setUploadList] = useState();\n\n useEffect(() => {\n if (file) {\n const reader = new FileReader();\n\n reader.onload = function (e) {\n const text = e.target.result;\n processCSV(text);\n };\n\n reader.readAsText(file);\n } // eslint-disable-next-line\n }, [file]);\n\n const processCSV = (str, delim = ',') => {\n let hds = str.slice(0, str.indexOf('\\n')).split(delim);\n\n hds = hds.map(d => {\n let r = d.replaceAll(/(\\r\\n|\\n|\\r)/gm, '');\n return r;\n });\n\n const headers = hds.map(h => h.split(' ').join('_').toLowerCase());\n\n let rows = str.slice(str.indexOf('\\n') + 1).split('\\n');\n\n rows = rows\n .map(d => {\n let r = d.replaceAll(/(\\r\\n|\\n|\\r)/gm, '');\n return r;\n })\n .filter(d => {\n return d.replaceAll(',', '');\n })\n .filter(d => {\n return d.split(',').every(e => e);\n });\n\n const newArray = rows\n .filter(n => n)\n .map(row => {\n const values = row.split(delim);\n const eachObject = headers.reduce((obj, header, i) => {\n if (header === 'name') {\n obj[header] = values[i];\n return obj;\n }\n\n if (header === 'phone_number') {\n obj[header] = values[i];\n return obj;\n }\n\n obj[header] = values[i].replaceAll(/(\\r\\n|\\n|\\r)/gm, '');\n return obj;\n }, {});\n return eachObject;\n });\n if (newArray && newArray.length > 0 && newArray.every(d => d?.name && d?.phone_number)) {\n setUploadList(newArray);\n } else {\n setUploadList(null);\n dispatch(ResponseActions.notify({ title: 'Incomplete', message: 'Name and/or phone number missing', type: 'default' }));\n }\n };\n\n const handleInputChange = e => {\n const { name, value } = e.target;\n setData({ ...data, [name]: value });\n };\n\n const handleSubmit = () => {\n dispatch(StateActions.createGroup(data)).then(res => {\n if (res) {\n let fullData = uploadList.map(d => {\n d.group_id = res?.data?.id + '';\n return d;\n });\n dispatch(StateActions.bulkUploadContacts(fullData)).then(res => {\n if (res) {\n history.push('/retargeting/groups');\n }\n });\n }\n });\n };\n\n return (\n \n \n \n \n\n \n
Upload Contacts CSV
\n
\n \n \n \n \n
\n
\n
\n Download CSV Template\n \n \n
\n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n \n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n \n \n \n \n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n \n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n
Options
\n
\n {options.length > 0 &&\n options.map((option, idx) => {\n return \n
\n
\n \n {idx > 1 && onDelete(idx)} className={`text-gray-300 hover:text-gray-600 cursor-pointer`} size={24} />}\n
\n );\n};\n\nexport default OptionList;\n","import React, { useState, useEffect } from 'react';\nimport { MdDelete } from 'react-icons/md';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\n\nimport InputBox from '../input-box';\nimport OptionList from '../option-list';\n\nconst QuestionList = ({ survey, setSurvey }) => {\n const addQuestion = () => {\n let qs = [...survey.question, { content: '', choices: [{ text: '' }, { text: '' }] }];\n setSurvey({ survey: survey.survey, question: qs });\n };\n\n const deleteQuestion = index => {\n let qs = survey.question.filter((q, idx) => {\n return idx !== index;\n });\n setSurvey({ survey: survey.survey, question: qs });\n };\n\n const onQuestionChange = (index, item) => {\n let qs = survey.question.map((q, idx) => {\n if (idx === index) {\n return item;\n }\n return q;\n });\n setSurvey({ survey: survey.survey, question: qs });\n };\n\n return (\n \n
\n {survey.question.length > 0 &&\n survey.question.map((question, idx) => {\n return \n
\n
\n \n +\n \n Add Question\n
\n
\n
\n
\n \n {idx > 0 && onDelete(idx)} className={`text-gray-300 hover:text-gray-600 cursor-pointer absolute top-0 right-0`} size={20} />}\n
\n
\n
\n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n \n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n {\n d.product_name = report.product.product_name;\n d.batch_num = report.batch.batch_num;\n return d;\n })}\n >\n Download Scan Report\n \n {quest.length > 0 && (\n {\n d.product_name = report.product.product_name;\n d.batch_num = report.batch.batch_num;\n return d;\n })}\n >\n Download Survey Report\n \n )}\n {\n d.product_name = report.product.product_name;\n d.batch_num = report.batch.batch_num;\n return d;\n })}\n >\n Download Reward Report\n \n
\n )}\n \n );\n};\n\nexport default Report;\n","import React from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\n\nimport { useSelector } from 'react-redux';\n\nimport Heading from '../../../../components/fragments/heading';\nimport AgentTable from '../../../../components/fragments/data-table';\n\nconst AllAgents = () => {\n const { agents } = useSelector(state => state.state);\n return (\n \n \n\n \n \n );\n};\n\nexport default AllAgents;\n","import React, { useState } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { useDispatch } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport Heading from '../../../../components/fragments/heading';\nimport InputBox from '../../../../components/fragments/input-box';\nimport SelectBox from '../../../../components/fragments/select-box/select-box';\nimport Button from '../../../../components/fragments/button';\n\nimport { StateActions } from '../../../../states/actions';\n\nconst formData = {\n full_name: '',\n first_name: 'first_name',\n last_name: 'first_name',\n username: '',\n email: '',\n location: '',\n membership_type: '',\n phone_number: new Date().getTime().toString().slice(0, 11),\n password: '',\n};\n\nconst AddAgent = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n const [data, setData] = useState(formData);\n\n const handleInputChange = e => {\n const { name, value } = e.target;\n if (name === 'full_name') {\n let v = value.replaceAll(' ', '-').toLowerCase();\n setData({ ...data, [name]: value, email: `${v}@yopmail.com`, username: v, first_name: v, last_name: v });\n } else {\n setData({ ...data, [name]: value });\n }\n };\n\n const handleSubmit = () => {\n dispatch(StateActions.addAgent(data)).then(_ => {\n setData(formData);\n history.push('/agents/all-agents');\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 \n\n \n \n \n );\n};\n\nexport default AddAgent;\n","import React, { useState, useEffect } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\n\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useHistory, useParams } from 'react-router-dom';\n\nimport Heading from '../../../../components/fragments/heading';\nimport InputBox from '../../../../components/fragments/input-box';\nimport SelectBox from '../../../../components/fragments/select-box/select-box';\nimport Button from '../../../../components/fragments/button';\n\nimport { StateActions } from '../../../../states/actions';\n\nconst formData = {\n full_name: '',\n first_name: '',\n last_name: '',\n username: '',\n membership_type: '',\n email: '',\n phone_number: '',\n location: '',\n};\n\nconst EditAgent = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n const { id } = useParams();\n const { agents } = useSelector(state => state.state);\n const [data, setData] = useState(formData);\n\n useEffect(() => {\n if (id && agents.length > 0) {\n let agent = agents.find(d => d.id === Number(id));\n setData(agent);\n }\n // eslint-disable-next-line\n }, [id, agents]);\n\n const handleInputChange = e => {\n const { name, value } = e.target;\n setData({ ...data, [name]: value });\n };\n\n const handleSubmit = () => {\n dispatch(StateActions.updateAgent(data.id, data)).then(_ => {\n setData(formData);\n history.push('/agents/all-agents');\n });\n };\n\n return (\n \n \n\n \n {data.full_name && (\n \n )}\n\n \n\n \n\n \n\n \n\n \n\n {data.location && (\n \n )}\n\n \n\n \n \n \n );\n};\n\nexport default EditAgent;\n","import React, { useState, useEffect } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { Route, Switch, Redirect, useLocation, useHistory } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { FiLoader } from 'react-icons/fi';\n\nimport AllAgents from './all-agents';\nimport AddAgent from './add-agent';\nimport EditAgent from './edit-agent';\n\nconst routes = [\n { name: 'All Agents', path: '/agents/all-agents', component: AllAgents, current: false },\n { name: 'Add Agent', path: '/agents/add-agent', component: AddAgent, current: false },\n];\n\nconst Agents = () => {\n const response = useSelector(state => state.response);\n const location = useLocation();\n const history = useHistory();\n const [items, setItems] = useState(routes);\n // const user = useSelector(state => state.user);\n\n useEffect(() => {\n if (routes.length > 0 && location.pathname.split('/').length <= 2) {\n history.push(routes[0].path);\n }\n setItems(\n items.map(item => {\n item.current = item.name\n .replace(' ', '-')\n .replace('&', '')\n .replace(' ', '')\n .toLocaleLowerCase()\n .includes(location.pathname.split('/')[location.pathname.split('/').length - 1].toLocaleLowerCase());\n return item;\n }),\n );\n // }\n // eslint-disable-next-line\n }, [location]);\n\n return (\n <>\n {response.loading && (\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n \n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n \n
\n \n \n
Total Rewards
\n
{numFormatter(rewardWinnersLogs?.totalRewards)}
\n
\n
Total Validations
\n
{numFormatter(rewardWinnersLogs?.validated)}
\n
\n
\n
\n
setOpen(true)} className='flex space-x-2 items-center p-2 px-4 rounded-md border cursor-pointer'>\n Filter\n {filter.reward_type && {filter.reward_type}}\n {filter.status && {filter.status}}\n \n
\n
\n
Showing\n
\n setNum(e.target.value)}\n onBlur={onPerPageChange}\n min={0}\n />\n
\n
Of\n
{totalCount}\n
\n
\n
\n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n Welcome, kindly enter the phone number you want to validate
\n \n setPhrase(e.target.value)}\n type='text'\n maxLength={12}\n />\n \n
\n \n \n\n \n {result && result.length > 0 && (\n \n \n Below is the result
\n \n \n
Are the details correct?
\n
\n
Ooops! data could not be fetched
\n 
\n \n \n\n \n \n );\n};\n\nexport default ValidateReward;\n","import React, { useState, useEffect } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { useSelector, useDispatch } from 'react-redux';\nimport Heading from '../../../../components/fragments/heading';\n\nimport { Tabs } from '../../../../components/fragments/tabs';\nimport InputBox from '../../../../components/fragments/input-box/input-box';\nimport Button from '../../../../components/fragments/button/button';\n\nimport { StateActions } from '../../../../states/actions';\n\nconst SetPoints = () => {\n return (\n \n \n\n \n
\n \n \n \n \n \n \n \n
\n
Points Per Naira:
\n
{points?.value}
\n
\n
Points Per USD:
\n
{points?.value}
\n
\n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n
{d?.name.replaceAll('_', ' ')}:
\n
{d.name === 'api_key' ? d?.value.slice(0, 20) + '**********' + d?.value.slice(d?.value.length - 6, d?.value.length) : d?.value}
\n
\n
\n
\n \n \n
\n
\n
Overview of all report that you are currently managing.
\n
\n Total {total} report\n
\n\n \n \n \n );\n};\n\nexport default ChekkitRms;\n","export default __webpack_public_path__ + \"static/media/Frame 313.9b0059c9.svg\";","export default __webpack_public_path__ + \"static/media/Frame 314 (1).09800c50.svg\";","export default __webpack_public_path__ + \"static/media/Frame 314.d3fd5cdd.svg\";","import React, { useEffect, useState } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport Heading from '../../../../components/fragments/heading';\nimport { BiSlider } from 'react-icons/bi'; \n\nimport { Route, Switch } from 'react-router-dom';\n\nimport BrandTable from '../../../../components/fragments/data-table';\nimport Total from '../../../../assets/Frame 313.svg';\nimport Open from '../../../../assets/Frame 314 (1).svg';\nimport Closed from '../../../../assets/Frame 314.svg';\nimport { StateActions } from '../../../../states/actions';\n\nconst NafdacRms = () => {\n const perPage = 6;\n const [totalCount, setTotalCount] = useState(0);\n const [activePage, setActivePage] = useState(1); \n const dispatch = useDispatch();\n const { nafdacStats } = useSelector(state => state.state);\n const { all_nafdac_reports } = useSelector(state => state.state);\n const [searchInput, setSearchInput] = useState(\"\");\n const [selectedRowIds, setSelectedRowIds] = useState([]); \n\n const handleSelectedRowIdsChange = (newSelectedRowIds) => {\n setSelectedRowIds(newSelectedRowIds); \n };\n\n console.log('totalCount', totalCount)\n console.log('selectedRowIds', selectedRowIds)\n console.log('setActivePage', setActivePage)\n console.log('handleSelectedRowIdsChange', handleSelectedRowIdsChange)\n \n\n\n\n const handleChange = (e) => {\n e.preventDefault();\n setSearchInput(e.target.value);\n };\n \n if (searchInput.length > 0) {\n all_nafdac_reports.filter((report) => {\n return report.product_name.match(searchInput);\n });\n }\n \n const filteredReports =\n searchInput === \"\"\n ? all_nafdac_reports\n : all_nafdac_reports.filter((item) =>\n item.product_name.toLowerCase().includes(searchInput.toLowerCase().replace(/\\s+/g, ''))\n );\n\n const total = filteredReports.length \n\n useEffect(() => {\n dispatch(StateActions.fetchAllNafdacReports(perPage, activePage)).then(res => {\n setTotalCount(res?.data?.metadata?.totalItems);\n });\n }, [activePage, dispatch]);\n\n\n useEffect(() => {\n dispatch(StateActions.fetchNafdacStats())\n }, [activePage, dispatch]);\n\n\n\n return ( \n <> \n \n \n \n \n \n
\n \n
Overview of all report that you are currently managing.
\n
\n
\n
\n
\n
\n
\n
Total Report
\n
{nafdacStats?.totalReport}
\n
\n
\n
\n
\n
\n
\n
\n
Open Report
\n
{nafdacStats?.openReport}
\n
\n
\n
\n
\n
\n
\n
\n
Closed Report
\n
{nafdacStats?.closeReport}
\n
\n
\n
\n Total {total} report\n
\n \n \n \n \n \n );\n\n \n};\n\n\n\n\nexport default NafdacRms;\n","export default __webpack_public_path__ + \"static/media/comments.e1f1cf4b.svg\";","import React, { useEffect, useState } from 'react';\nimport FadeIn from 'react-fade-in/lib/FadeIn';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Route, Switch, useParams } from 'react-router-dom';\n\nimport Heading from '../../../../components/fragments/heading';\n\nimport commentImage from '../../../../assets/comments.svg';\n\nimport NoImage from '../../../../assets/no-image.jpeg';\nimport Button from '../../../../components/fragments/button';\n\n\n\nimport { StateActions } from '../../../../states/actions';\nimport SelectBox from '../../../../components/fragments/select-box/select-box';\n\nconst RmsReport = () => {\n const { id } = useParams();\n const dispatch = useDispatch();\n const { nafdac_report_id } = useSelector(state => state.state);\n const [isEditing, setIsEditing] = useState(false);\n const [fieldValue, setFieldValue] = useState(''); \n const [showDiv1, setShowDiv1] = useState(true);\n const [showDiv2, setShowDiv2] = useState(false);\n const comment = nafdac_report_id[0]?.comments[0]?.comment;\n const commentsId = nafdac_report_id[0]?.comments[0]?.id;\n console.log('commentsid', commentsId)\n\n const [editedComment, setEditedComment] = useState(comment);\n\n const handleReloadClick = () => {\n window.location.reload();\n };\n\n\n console.log('comments', comment)\n\n const handleButtonClick = () => {\n setShowDiv1(!showDiv1);\n setShowDiv2(!showDiv2);\n };\n\n const handleCancelClick = () => {\n setShowDiv1(true); \n setShowDiv2(false); \n };\n \n\n\n useEffect(() => {\n if (id) {\n dispatch(StateActions.fetchNafdacReport(id))\n }\n }, [id, dispatch]);\n\n const commentId = nafdac_report_id[0]?.id;\n\n\n const handleEditClick = () => {\n setIsEditing(!isEditing);\n setEditedComment(comment);\n };\n\n const handleInputChange = (e) => {\n setFieldValue(e.target.value);\n };\n\n const updatedCommentData = {\n commentId: commentsId, \n newComment: editedComment,\n };\n\n const commentData = {\n nafdacReportId: commentId, \n comment: fieldValue,\n };\n\n\n const createComment = () => {\n dispatch(StateActions.createComment(commentData))\n };\n\n const updateComment = () => {\n dispatch(StateActions.updateComment(updatedCommentData))\n };\n\n const handleReportChange = (newStatus, slug) => {\n const updateData = {\n slug: String(nafdac_report_id[0]?.slug),\n status: newStatus\n };\n // const JSONupdateData = JSON.stringify(updateData);\n\n dispatch(StateActions.updateNafdacReportsStatus(updateData))\n\n };\n\n\n\n return ( \n <>\n \n \n \n \n
\n
{new Date(nafdac_report_id[0]?.created_at).toDateString()}
\n
\n
\n
\n
\n {\n const newStatus = event.target.value;\n handleReportChange(newStatus, nafdac_report_id[0]?.slug);\n }}\n options={['PENDING', 'ONGOING', 'RESOLVED']}\n variant={5}\n />\n
\n
\n \n
\n
\n
\n
Product Image
\n
\n\n
\n
\n
\n
Product Name
\n
{nafdac_report_id[0]?.product_name}
\n
\n
\n
Product Store
\n
{nafdac_report_id[0]?.product_store_address}
\n
\n
\n
Product Experience
\n
{nafdac_report_id[0]?.product_user_exprnce}
\n
\n
\n
\n\n
\n
Other Comments
\n
{nafdac_report_id[0]?.comments[0]?.comment}
\n
\n \n \n
\n
\n
\n {!comment ? (\n
\n {showDiv1 && (\n
\n
\n \n
\n
\n
Add comments here
\n
Click on the button at the bottom to add a comment
\n
\n
\n
\n )}\n {showDiv2 && (\n
\n
\n
\n \n
\n
\n \n \n
\n
\n
\n \n
\n
\n )}\n
\n ) : (\n
\n
\n
\n
\n {!isEditing ? (\n
\n EDIT\n
\n ) : (\n
\n \n \n
\n )}\n
\n
\n \n
\n {isEditing ? (\n
setEditedComment(e.target.value)}\n className='w-full p-2 border rounded'\n style={{ borderColor: '#153853' }}\n />\n ) : (\n \n {comment}\n
\n )}\n \n
\n )}\n
\n
\n \n
\n )}\n \n
\n {items.map((route, i) => {\n return (\n \n \n \n );\n })}\n \n \n \n \n \n {items.length > 1 && (\n
\n \n {items.map((item, idx) => {\n return (\n
history.push(typeof item.path === 'string' ? item.path : item.path[0])}\n key={idx}\n style={{ marginLeft: '-1px' }}\n className={`${item.current ? `border-l-2 border-gray-800` : ``} text-gray-600 px-4 text-sm cursor-pointer`}\n >\n {item.name}\n \n
\n \n \n\n
\n
\n
\n
\n
\n
\n \n
\n
\n {navItems.map(item => (\n \n \n {item.name}\n \n ))}\n \n
\n
\n \n \n Logout\n \n \n
\n
\n
\n
\n
\n
\n setSidebarOpen(true)}\n >\n Open sidebar\n \n \n \n
\n
\n d?.href), '/settings']}>\n \n
\n {location.pathname.split('/').length > 3 && (\n
history.goBack()} className='cursor-pointer text-lg text-brand_blue'>\n ←\n
\n )}\n
\n
\n\n
\n
history.push('/settings')}\n type='button'\n className='ml-3 relative max-w-xs bg-white rounded-full flex items-center text-sm focus:outline-none lg:p-2 lg:rounded-md lg:hover:bg-gray-50 cursor-pointer border'\n >\n \n
\n
\n
\n \n {/* Content */}\n
\n {/* /End of Content */}\n \n
\n
\n \n \n
\n 404 : This Page is Lost in Space
\n \n You thought this mission to the moon would be a quick six month thing. Your neighbor offered to look after your dog. Your high school math teacher was\n impressed. He once said you wouldn’t amount to anything.You sure showed him. But now here you are, fifty feet from your spaceship with no way to get\n back. Your dog will be so sad. Your math teacher will be so smug. Pretty devastating.\n
\n \n
\n \n
\n )}\n {!userLoading && (\n \n \n \n \n {/* \n \n */}\n {\n if (user?.membership_type === 'agent') {\n return d.name === 'Pins';\n } else if (user?.membership_type === 'field-agent') {\n return d.name === 'Validate Reward';\n } else {\n return d.name;\n }\n })\n .map(d => d.href),\n '/settings',\n ]}\n >\n \n \n {\n return (\n \n ;\n
\n );\n }}\n />\n \n )}\n \n );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { HashRouter as Router } from 'react-router-dom';\nimport './index.css';\nimport 'react-notifications-component/dist/theme.css';\nimport 'rsuite/dist/rsuite.min.css';\nimport App from './app';\n\nimport { Provider } from 'react-redux';\nimport store from './states/store';\n\nReactDOM.render(\n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tab\":\"tabs_tab__1k06n\",\"inline\":\"tabs_inline__3JTKj\",\"item\":\"tabs_item__ystUx\",\"item_light\":\"tabs_item_light__1jqgw\",\"selected\":\"tabs_selected__1bHt1\",\"selected_light\":\"tabs_selected_light__1_nTI\"};"],"sourceRoot":""}