\r\n {text}\r\n
\r\n )\r\n }\r\n\r\n {\r\n type === 'subheader'\r\n && (\r\n\r\n {text}\r\n
\r\n )\r\n }\r\n\r\n {\r\n type === 'description' &&{text}\r\n }\r\n\r\n {\r\n type === 'link'\r\n && (\r\n {leftItemText}
}\r\n{centerItemText}
}\r\n{rightItemText}
}\r\n\r\n {\r\n (primaryButtonText || primaryButtonText)\r\n && (\r\n\r\n {iconLeftBadgeText}\r\n
\r\n\r\n {tooltipText}\r\n
\r\n\r\n {title}\r\n
\r\n\r\n {\r\n badgeText\r\n && (\r\n{badgeText}
\r\n\r\n {iconRightText}\r\n
\r\nWebsite Management
\r\n\r\n {\r\n iconLeft && {iconLeft} \r\n }\r\n {title}\r\n
\r\n {subtitle && {subtitle}
}\r\n\r\n {contentDescription}\r\n
\r\n\r\n {children}\r\n
\r\n );\r\n};\r\n\r\nContentBlock.propTypes = {\r\n // MAIN PROPS\r\n cols: PropTypes.number,\r\n className: PropTypes.string,\r\n children: PropTypes.any\r\n};\r\n\r\nContentBlock.defaultProps = {\r\n cols: 12,\r\n className: '',\r\n children: null\r\n};\r\n\r\nexport default ContentBlock;","/* eslint-disable camelcase */\r\nimport moment from 'moment';\r\nimport constants from '../constants/constants';\r\n\r\n/* eslint-disable no-restricted-syntax */\r\nconst getInputClasses = (formik, fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return 'error';\r\n }\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return '';\r\n }\r\n\r\n return '';\r\n};\r\n\r\nconst convertJsonToFormData = (json) => {\r\n const form_data = new FormData();\r\n for (const key in json) {\r\n if (Array.isArray(json[key])) { json[key].forEach((item) => form_data.append(key, item)); } else { form_data.append(key, (json[key] === null) ? '' : json[key]); }\r\n }\r\n\r\n return form_data;\r\n};\r\n\r\nconst setToOptionModel = (name, value) => ({ label: name, value });\r\n\r\nconst reOrderDnd = (list, startIndex, endIndex) => {\r\n const result = Array.from(list);\r\n const [removed] = result.splice(startIndex, 1);\r\n result.splice(endIndex, 0, removed);\r\n return result.map((x, i) => ({ ...x, sortOrder: i }));\r\n};\r\n\r\nconst mapContentSectionName = (type) => {\r\n switch (type) {\r\n case constants.CONTENT_SECTION.ContentSectionTypeDefault:\r\n return 'Content Section (Default)';\r\n case constants.CONTENT_SECTION.ContentSectionTypeReversed:\r\n return 'Content Section (Reversed)';\r\n case constants.CONTENT_SECTION.ContentSectionTypeFullWidth:\r\n return 'Content Section Full Width';\r\n case constants.CONTENT_SECTION.ContentSectionTypeFullWidthPadded:\r\n return 'Content Section Full Width (Padded)';\r\n case constants.CONTENT_SECTION.ContentSectionTypeTextOnly:\r\n return 'Content Section (Text Only)';\r\n case constants.CONTENT_SECTION.ContentSectionTypeCard:\r\n return 'Content Card';\r\n case constants.CONTENT_SECTION.ContentSectionTypeBanner:\r\n return 'Content Banner';\r\n case constants.CONTENT_SECTION.ContentSectionDynamicBanner:\r\n return 'Banner';\r\n case constants.CONTENT_SECTION.ContentSectionCustom:\r\n return 'Custom';\r\n default:\r\n return '';\r\n }\r\n};\r\n\r\nconst copyToClipBoard = (copyText) => {\r\n const aux = document.createElement('input');\r\n aux.setAttribute('value', copyText);\r\n document.body.appendChild(aux);\r\n aux.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(aux);\r\n};\r\n\r\nconst countdownMessage = (expiryDate) => {\r\n if (!expiryDate) {\r\n return '';\r\n }\r\n\r\n const date = moment().format('MM/DD/YYYY hh:mm:ss a');\r\n const diffr = moment.duration(moment(new Date(expiryDate)).diff(new Date(date)));\r\n const hours = parseInt(diffr.asHours(), 10);\r\n const minutes = parseInt(diffr.minutes(), 10);\r\n const seconds = parseInt(diffr.seconds(), 10);\r\n const currentDuration = Math.floor((hours * 60 * 60 + minutes * 60 + seconds) / 3600);\r\n\r\n if (currentDuration > 24) {\r\n return `${Math.ceil(currentDuration / 24)} Days Left`;\r\n }\r\n if (currentDuration === 24) {\r\n return `${Math.floor(currentDuration / 24)} Day Left`;\r\n }\r\n if (currentDuration > 12 && currentDuration !== 24) {\r\n return 'Expires Soon';\r\n }\r\n if ((currentDuration < 12 && currentDuration > 0) || currentDuration === 0) {\r\n return 'Expires Today';\r\n }\r\n if (currentDuration === -1 || currentDuration < -1) {\r\n return '';\r\n }\r\n\r\n return 'Limited-Time Only';\r\n};\r\n\r\nconst dateFilterListRenderer = (v) => {\r\n if (v[0] && v[1]) {\r\n return `Start Date: ${v[0]} to End Date: ${v[1]}`;\r\n }\r\n if (v[0]) {\r\n return `Start Date: ${v[0]}`;\r\n }\r\n if (v[1]) {\r\n return `End Date: ${v[1]}`;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nconst dateFilterLogic = (date, filters) => {\r\n const check = new Date(date);\r\n let from = new Date(filters[0]);\r\n let to = new Date(filters[1]);\r\n\r\n from.setDate(from.getDate() + 1);\r\n to.setDate(to.getDate() + 1);\r\n from = new Date(from).setHours(0, 0, 0, 0);\r\n to = new Date(to).setHours(23, 59, 59, 59);\r\n\r\n if (filters[0] && filters[1] && check >= to && check <= from) {\r\n return true;\r\n }\r\n if (filters[0] && check >= to) {\r\n return true;\r\n }\r\n if (filters[1] && check <= from) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n\r\n// Extracts date (month, day, year) from input string using regex,\r\n// returns object with values or null\r\nconst extractDateFromString = (str) => {\r\n const monthRegex = /(jan(?:uary)?|feb(?:ruary)?|mar(?:ch)?|apr(?:il)?|may|jun(?:e)?|jul(?:y)?|aug(?:ust)?|sep(?:tember)?|oct(?:ober)?|nov(?:ember)?|dec(?:ember)?)/gi;\r\n const dayRegex = /\\d{1,2}/;\r\n const yearRegex = /\\d{4}/;\r\n\r\n const monthMatch = str.match(monthRegex);\r\n const dayMatch = str.match(dayRegex);\r\n const yearMatch = str.match(yearRegex);\r\n\r\n if (monthMatch && dayMatch) {\r\n const month = monthMatch[0].toLowerCase();\r\n const day = dayMatch[0];\r\n const year = yearMatch ? yearMatch[0] : null;\r\n\r\n return { month, day, year };\r\n }\r\n\r\n return null;\r\n};\r\n\r\nconst extractDate = (input) => {\r\n const match = input.match(/^(\\w+),\\s(\\w+)\\s(\\d+),\\s(\\d+),\\s(\\d+):(\\d+)\\s(am|pm)\\s-\\s(\\d+):(\\d+)\\s(am|pm)$/);\r\n\r\n return {\r\n weekDay: match[1],\r\n month: match[2],\r\n day: match[3],\r\n year: match[4]\r\n };\r\n};\r\n\r\nconst extractTimeFromString = (input) => {\r\n const timeRegex = /(\\d{1,2}:\\d{2} [ap]m)/gi;\r\n const times = input.match(timeRegex);\r\n\r\n if (!times) {\r\n return null;\r\n }\r\n\r\n const time = {};\r\n if (times.length === 1) {\r\n time.startValue = times[0].slice(0, 5);\r\n time.startMeridian = times[0].slice(5);\r\n } else {\r\n time.startValue = times[0].slice(0, 5);\r\n time.startMeridian = times[0].slice(5).toUpperCase();\r\n time.endValue = times[1].slice(0, 5);\r\n time.endMeridian = times[1].slice(5).toUpperCase();\r\n }\r\n\r\n return time;\r\n};\r\n\r\nconst extractLocationData = (input) => {\r\n const addressRegex = /^(.+),/;\r\n const addressMatch = input.match(addressRegex);\r\n\r\n const iframeRegex = /src=\"(.+?)\"/;\r\n const iframeMatch = input.match(iframeRegex);\r\n\r\n if (!addressMatch || !iframeMatch) {\r\n return null;\r\n }\r\n\r\n const address = addressMatch[1];\r\n const iframeSrc = iframeMatch[1];\r\n\r\n const [street, city, state, zipcode] = address.split(', ');\r\n\r\n return {\r\n street,\r\n city,\r\n state,\r\n zipcode,\r\n iframeSrc\r\n };\r\n};\r\n\r\nconst extractDescription = (input) => {\r\n const linkRegex = /\\[(.*?)\\]\\((.*?)\\)/g;\r\n const links = input.match(linkRegex);\r\n const output = { description: input.replace(linkRegex, '').trim() };\r\n\r\n if (links) {\r\n for (let i = 0; i < links.length; i += 1) {\r\n const link = links[i];\r\n const label = link.match(/\\[(.*?)\\]/)[1];\r\n const url = link.match(/\\((.*?)\\)/)[1];\r\n\r\n output[`link${i + 1}`] = { label, url };\r\n }\r\n }\r\n\r\n return output;\r\n};\r\n\r\n// FORMAT CREDIT CARD PAYMENT AMOUNT\r\nconst formatAmount = (amount) => {\r\n // REMOVE ALL CHARACTERS EXCEPT DIGITS AND DECIMAL POINT, THEN CONVERT TO NUMBER\r\n const numericValue = amount.replace(/[^\\d.]/g, '');\r\n return parseFloat(numericValue);\r\n};\r\n\r\nexport {\r\n getInputClasses,\r\n convertJsonToFormData,\r\n setToOptionModel,\r\n reOrderDnd,\r\n mapContentSectionName,\r\n copyToClipBoard,\r\n countdownMessage,\r\n dateFilterListRenderer,\r\n dateFilterLogic,\r\n extractDateFromString,\r\n extractDate,\r\n extractTimeFromString,\r\n extractLocationData,\r\n extractDescription,\r\n formatAmount,\r\n};","/* eslint-disable react/self-closing-comp */\r\n/* eslint-disable max-len */\r\n/* eslint-disable react/jsx-one-expression-per-line */\r\n/* eslint-disable camelcase */\r\n/* eslint-disable no-unused-vars */\r\n// DEPENDENCIES\r\nimport React, { useState, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\n// CUSTOM COMPONENTS\r\nimport CustomBlock from '../../../components/CustomBlock';\r\nimport InputBlock from '../../../components/InputBlock';\r\nimport Button from '../../../components/Button';\r\nimport ContentBlock from '../../../components/ContentBlock';\r\n// SERVICES & HELPERS\r\nimport * as helper from '../../../helpers/helper';\r\nimport * as payTraceService from '../../../services/cms/payTraceService';\r\nimport constants from '../../../constants/constants';\r\n// REDUX\r\nimport * as alert from '../../../redux/alertToastRedux';\r\nimport * as authRedux from '../../../redux/authRedux';\r\n\r\nconst protectJSInstanceStyles = {\r\n cc: {\r\n // CC NUMBER\r\n width: '290px',\r\n height: '45px',\r\n padding_right: '0px',\r\n padding_bottom: '20px',\r\n padding_left: '0px',\r\n font_size: '16px',\r\n font_color: '#333',\r\n border_color: '#CCCCCCCC',\r\n border_style: 'solid',\r\n background_color: '#FFFFFF',\r\n // LABEL\r\n label_margin: '0 0 10px 0',\r\n label_color: '#333',\r\n label_font_weight: '600',\r\n // INPUT\r\n input_padding: '0 0 0 10px',\r\n input_border_radius: '7px',\r\n input_border_width: '1px',\r\n input_font_weight: '400',\r\n },\r\n exp: {\r\n // EXPIRATION\r\n width: '100px',\r\n height: '45px',\r\n padding_bottom: '20px',\r\n font_size: '16px',\r\n font_color: '#333',\r\n border_color: '#CCCCCCCC',\r\n border_style: 'solid',\r\n background_color: '#FFFFFF',\r\n // LABEL\r\n label_margin: '0 0 10px 0',\r\n label_color: '#333',\r\n label_font_weight: '600',\r\n // INPUT\r\n input_border_radius: '7px',\r\n input_border_width: '1px',\r\n input_padding: '0 0 0 5px',\r\n },\r\n code: {\r\n // SECURITY CODE\r\n width: '195px',\r\n height: '45px',\r\n padding_bottom: '20px',\r\n font_size: '16px',\r\n font_color: '#333',\r\n border_color: '#CCCCCCCC',\r\n border_style: 'solid',\r\n background_color: '#FFFFFF',\r\n // LABEL\r\n label_margin: '0 0 10px 0',\r\n label_color: '#333',\r\n label_font_weight: '600',\r\n // INPUT\r\n input_padding: '0 10px',\r\n input_border_radius: '7px',\r\n input_border_width: '1px',\r\n },\r\n};\r\n\r\nconst PayTracePaymentForm = (props) => {\r\n const { showAlert, authResponse, setPaymentResponse, handleModalClose } = props;\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [payTraceInstance, setPayTraceInstance] = useState(null);\r\n const [paymentAmount, setPaymentAmount] = useState('');\r\n\r\n // PROTECT.JS INSTANCE (PAYTRACE HOSTED IFRAME PAYMENT FIELDS)\r\n // const createProtectJSInstance = () => {\r\n // const protectURL = 'https://protect.paytrace.com/js/protect.min.js';\r\n // const protectSandboxURL = 'https://protect.sandbox.paytrace.com/js/protect.min.js';\r\n\r\n // const script = document.createElement('script');\r\n // script.src = authResponse.username === 'zane@primtek.net' ? protectSandboxURL : protectURL;\r\n // script.async = true;\r\n // document.body.appendChild(script);\r\n\r\n // script.onload = () => {\r\n // if (window.PTPayment) {\r\n // window.PTPayment.setup({\r\n // authorization: { clientKey: authResponse.clientKey },\r\n // styles: protectJSInstanceStyles,\r\n // }).then((instance) => {\r\n // setPayTraceInstance(instance);\r\n // }).catch(() => {\r\n // // console.error('Error setting up Protect.js:', error);\r\n // });\r\n // }\r\n // };\r\n\r\n // script.onerror = () => {\r\n // // console.error('Error loading Protect.js script:', error);\r\n // };\r\n // };\r\n\r\n // useEffect(() => {\r\n // if (authResponse) {\r\n // createProtectJSInstance();\r\n // }\r\n // }, [authResponse]);\r\n\r\n const handlePaymentSubmit = async (e) => {\r\n setIsLoading(true);\r\n e.preventDefault();\r\n\r\n if (!paymentAmount) {\r\n showAlert({\r\n text: 'Payment Amount is required.',\r\n state: 'error'\r\n });\r\n\r\n setIsLoading(false);\r\n return;\r\n }\r\n\r\n if (!payTraceInstance) {\r\n showAlert({\r\n text: 'Oops! Please make sure all required fields are filled in correctly.',\r\n state: 'error',\r\n });\r\n return;\r\n }\r\n\r\n try {\r\n const tokenizationResponse = await payTraceInstance.process();\r\n\r\n if (tokenizationResponse.success) {\r\n const paymentData = {\r\n amount: paymentAmount,\r\n hpf_token: tokenizationResponse.message.hpf_token,\r\n enc_key: tokenizationResponse.message.enc_key,\r\n integrator_id: constants.REACT_API_INTEGRATOR_ID,\r\n };\r\n\r\n const response = await payTraceService.processPayment(paymentData, authResponse.accessToken);\r\n\r\n const formattedResponse = {\r\n message: response.status_Message,\r\n responseCode: response.response_Code,\r\n approvalCode: response.approval_Code,\r\n approvalMessage: response.approval_Message,\r\n transactionId: response.transaction_Id,\r\n };\r\n\r\n setPaymentResponse(formattedResponse);\r\n } else {\r\n // console.log('error');\r\n }\r\n } catch (error) {\r\n showAlert({\r\n text: 'Oops! Please make sure all required fields are filled in correctly.',\r\n state: 'error',\r\n });\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handlePaymentAmount = (input) => {\r\n const value = helper.formatAmount(input);\r\n setPaymentAmount(value);\r\n };\r\n\r\n const handleGetAllCustomers = async () => {\r\n setIsLoading(true);\r\n\r\n try {\r\n const integratorId = JSON.stringify(constants.REACT_API_INTEGRATOR_ID);\r\n const accessToken = JSON.stringify(authResponse.accessToken);\r\n\r\n console.log(integratorId, accessToken);\r\n\r\n const data = {\r\n integratorId: constants.REACT_API_INTEGRATOR_ID,\r\n accessToken: authResponse.accessToken,\r\n };\r\n console.log(data);\r\n\r\n const response = await payTraceService.getAllCustomers(JSON.stringify(data));\r\n\r\n // setPaymentResponse(formattedResponse);\r\n } catch (error) {\r\n // showAlert({\r\n // text: 'Oops! Please make sure all required fields are filled in correctly.',\r\n // state: 'error',\r\n // });\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n\r\n {/* PAYMENT FORM ACTIONS */}\r\n {authResponse.username}
\r\n{paymentResponse.message}
\r\n\r\n Transaction ID:\r\n {paymentResponse.transactionId}\r\n
\r\n {/*{paymentResponse.responseCode}
\r\n{paymentResponse.approvalCode}
\r\n{paymentResponse.approvalMessage}
*/}\r\nVISA: 4012000098765439999
\r\nMASTER CARD: 5499740000000057998
\r\nDISCOVER: 6011000993026909996
\r\nAMEX: 3714496353923769997
\r\n{buttonText}
}\r\n \r\n );\r\n };\r\n\r\n const onScroll = () => {\r\n const scrollCheck = window.scrollY > 10;\r\n setScroll(scrollCheck);\r\n };\r\n\r\n useEffect(() => {\r\n onScroll();\r\n\r\n document.addEventListener('scroll', onScroll);\r\n return () => {\r\n document.removeEventListener('scroll', onScroll);\r\n };\r\n }, [scroll, setScroll]);\r\n\r\n const popularSelections = [\r\n { id: 1, name: 'Filter 1', url: '' },\r\n { id: 2, name: 'Filter 2', url: '' },\r\n { id: 3, name: 'Filter 3', url: '' },\r\n { id: 4, name: 'Filter 4', url: '' },\r\n { id: 5, name: 'Filter 5', url: '' },\r\n ];\r\n\r\n const iconAppearanceOptions = {\r\n square: 'square',\r\n round: 'round',\r\n circle: 'circle',\r\n };\r\n\r\n const openInNewTab = (link) => {\r\n window.open(link, '_blank');\r\n };\r\n\r\n const handleMenuItemClick = (menuItem) => {\r\n if (menuItem.pageUrl === '') {\r\n menuItemService.getMenuItemsById(menuItem.id).then((res) => {\r\n if (res.customLink && res.customLink.includes('https')) {\r\n openInNewTab(res.customLink);\r\n } else {\r\n history.push(res.customLink);\r\n }\r\n });\r\n }\r\n\r\n if (menuItem.pageUrl && menuItem.pageUrl !== '') {\r\n if (menuItem.openInNewTab) {\r\n openInNewTab(menuItem.pageUrl);\r\n } else {\r\n history.push(menuItem.pageUrl);\r\n }\r\n } else if (menuItem.customLink) {\r\n if (menuItem.openInNewTab) {\r\n openInNewTab(menuItem.customLink);\r\n } else {\r\n history.push(menuItem.customLink);\r\n }\r\n }\r\n\r\n setTimeout(() => {\r\n setIsDrawerOpen(false);\r\n }, 200);\r\n };\r\n\r\n const toggleDrawer = () => {\r\n setIsDrawerOpen(!isDrawerOpen);\r\n };\r\n\r\n const navigateToPage = (page) => {\r\n history.push(page);\r\n\r\n setTimeout(() => {\r\n setIsDrawerOpen(false);\r\n }, 200);\r\n };\r\n\r\n const toggleMobileSubmenu = (menuId) => {\r\n if (expandedMenuId === menuId) {\r\n setExpandedMenuId(null);\r\n } else {\r\n setExpandedMenuId(menuId);\r\n }\r\n };\r\n\r\n const sendEmail = (email) => {\r\n window.open(`mailto:${email}`, '_self');\r\n };\r\n\r\n const callPhoneNumber = (tel) => {\r\n window.open(`tel:${tel}`, '_self');\r\n };\r\n\r\n const socialIconsRef = [\r\n {\r\n platform: 'youtube',\r\n displayIf: cmsInfo.youtubeLink !== null,\r\n title: `YouTube | ${cmsInfo.youtubeLink}`,\r\n buttonColor: '#F52424',\r\n socialIcon:{option.label}
\r\n- \r\n
- \r\n
- \r\n
\r\n \r\n- \r\n {\r\n menuItem.assignedMenuItems.map((submenuItem) => (\r\n
- \r\n
\r\n ) : (\r\n\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n \r\n- \r\n {\r\n menuItem.assignedMenuItems.map((submenuItem) => (\r\n
- \r\n
\r\n ) : (\r\n\r\n - \r\n
- \r\n
- \r\n
{buttonText}
}\r\n \r\n );\r\n };\r\n\r\n const openInNewTab = (link) => {\r\n window.open(link, '_blank');\r\n };\r\n\r\n const navigateToPage = (page) => {\r\n history.push(page);\r\n };\r\n\r\n const navigateToLink = (link) => {\r\n window.open(link, '_blank');\r\n };\r\n\r\n const sendEmail = (email) => {\r\n window.open(`mailto:${email}`, '_self');\r\n };\r\n\r\n const callPhoneNumber = (tel) => {\r\n window.open(`tel:${tel}`, '_self');\r\n };\r\n\r\n const socialItemsFooter = [\r\n {\r\n platform: 'googleMap',\r\n displayIf: cmsInfo.googleMapLink !== null,\r\n title: `Google Maps | ${cmsInfo.googleMapLink}`,\r\n buttonColor: '#FAFAFA',\r\n onClickAction: () => openInNewTab(cmsInfo.googleMapLink),\r\n socialIcon: (\r\n- \r\n {\r\n footerItems.map((item) => (\r\n
- \r\n
{`Copyright © ${new Date().getFullYear()} ${companyName}. All Rights Reserved.`}
\r\n\r\n {alertToast.text}\r\n
\r\n\r\n Copyright ©\r\n {' '}\r\n {new Date().getFullYear()}\r\n {' '}\r\n Jayroe & Company | Professional Financial Services. All rights reserved.\r\n
\r\n{userList[dataIndex].isActive ? 'Yes' : 'No'}
)\r\n },\r\n },\r\n {\r\n name: 'isAdmin',\r\n label: 'Is User Admin?',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n print: false,\r\n download: true,\r\n customBodyRenderLite: (dataIndex) => ({userList[dataIndex].isAdmin ? 'Yes' : 'No'}
)\r\n },\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{menuItems[dataIndex].openInNewTab ? 'Yes' : 'No'}
\r\n )\r\n }\r\n },\r\n {\r\n name: 'isActive',\r\n label: 'Is Active?',\r\n options: {\r\n ...columnOptions,\r\n customBodyRenderLite: (dataIndex) => (\r\n{menuItems[dataIndex].isActive ? 'Yes' : 'No'}
\r\n )\r\n }\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{item.name}
\r\n \r\n\r\n )}\r\n \r\n ))}\r\n {droppableProvided.placeholder}\r\n \r\n )}\r\n{menuItemModel.assignedMenuItems[dataIndex].isActive ? 'Yes' : 'No'}
\r\n )\r\n },\r\n },\r\n ];\r\n\r\n const onDragEnd = (result) => {\r\n if (!result.destination) {\r\n return;\r\n }\r\n\r\n const tempArr = helper.reOrderDnd(\r\n sortList,\r\n result.source.index,\r\n result.destination.index\r\n );\r\n\r\n setSortList(tempArr);\r\n };\r\n\r\n const sortChildMenuItems = () => {\r\n setIsLoading(true);\r\n\r\n menuItemService.sortChildMenuItems(sortList).then((res) => {\r\n getMenuItem(pageOptions, menuItemOptions);\r\n showAlert({ text: res.message, state: 'success' });\r\n setIsSortModalOpen(false);\r\n }).catch((ex) => {\r\n showAlert({ text: ex.message, state: 'error' });\r\n }).finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {isLoading &&{item.name}
\r\n \r\n\r\n )}\r\n \r\n ))}\r\n {droppableProvided.placeholder}\r\n \r\n )}\r\n{pages[dataIndex].isActive ? 'Yes' : 'No'}
\r\n )\r\n }\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{helper.mapContentSectionName(pageModel.contentSections[dataIndex].type)}
)\r\n },\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{item.name}
\r\n \r\n\r\n )}\r\n \r\n ))}\r\n {droppableProvided.placeholder}\r\n \r\n )}\r\nNo Items Available
\r\n{helper.mapContentSectionName(contentSections[dataIndex].type)}
\r\n )\r\n }\r\n },\r\n {\r\n name: 'isActive',\r\n label: 'Is Active?',\r\n options: {\r\n ...columnOptions,\r\n customBodyRenderLite: (dataIndex) => (\r\n{contentSections[dataIndex].isActive ? 'Yes' : 'No'}
\r\n )\r\n }\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{isActive ? 'Yes' : 'No'}
\r\n );\r\n }\r\n },\r\n }\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{item.title}
\r\n \r\n\r\n )}\r\n \r\n ))}\r\n {droppableProvided.placeholder}\r\n \r\n )}\r\nNo Items Available
\r\n{item.label}
\r\n \r\n\r\n )}\r\n \r\n ))}\r\n {droppableProvided.placeholder}\r\n \r\n )}\r\nTransport Logics
*/}\r\n {/*Transport Logics
*/}\r\n {/**/}\r\n\r\n
Location
\r\nPhysical Address
\r\n{cmsInfo.streetAddress1}, {cmsInfo.streetAddress2}
\r\n{cmsInfo.city}, {cmsInfo.state}, {cmsInfo.zipCode}
\r\n {/*Mailing Address
*/}\r\n {/*P.O. Box 448
*/}\r\n\r\n\r\n
Contact
\r\nEmail: {cmsInfo.emailAddress}
\r\nPhone: {cmsInfo.phoneNumber}
\r\n {/*Fax: (225) 685-1044
*/}\r\n\r\n {(cmsInfo.primaryWeekDayHours || cmsInfo.secondaryWeekDayHours || cmsInfo.primaryWeekEndHours || cmsInfo.secondaryWeekEndHours) && (\r\n <>\r\n
Hours of Operation
\r\n {(cmsInfo.primaryWeekDayHours || cmsInfo.secondaryWeekDayHours) && (\r\nWeekdays
\r\n\r\n {cmsInfo.primaryWeekDayHours && (\r\n{cmsInfo.primaryWeekDayHours}
\r\n )}\r\n {cmsInfo.secondaryWeekDayHours && (\r\n{cmsInfo.secondaryWeekDayHours}
\r\n )}\r\nWeekends
\r\n {cmsInfo.primaryWeekEndHours && (\r\n{cmsInfo.primaryWeekEndHours}
\r\n )}\r\n {cmsInfo.secondaryWeekEndHours && (\r\n{cmsInfo.secondaryWeekEndHours}
\r\n )}\r\nQuestions? We Have Answers
}\r\n className=\"mb-20\"\r\n />\r\n{member.name}
\r\n\r\n {member.title && (\r\n {member.title}\r\n )}\r\n\r\n {(member.emailAddress || member.phoneNumber) && (\r\n\r\n
\r\n \r\n
\r\n \r\n Secure Online Payments\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Jayroe & Company provides a secure and straightforward way for you to manage your financial transactions with us. Our payment portal, powered by Pay Trace, ensures your payment process is both safe and efficient.\r\n
\r\n{blogs[dataIndex].isActive ? 'Yes' : 'No'}
\r\n )\r\n }\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{helper.mapContentSectionName(blogModel.contentSections[dataIndex].type)}
)\r\n },\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {isLoading &&{item.name}
\r\n \r\n\r\n )}\r\n \r\n ))}\r\n {droppableProvided.placeholder}\r\n \r\n )}\r\nNo Items Available
\r\n{badgeText}
\r\n{leftBlockText}
\r\n{rightBlockText}
\r\n\r\n {/*
\r\n Ship Smarter, Grow Faster
*/}\r\n {/*Master Your Money
*/}\r\nGrow Your Wealth
\r\n Stress-Free\r\nNavigate your finances with confidence.
Expert tax and wealth strategies tailored to your life.
Smart strategies, brighter futures.
Personal finance and tax expertise at your fingertips.
Jayroe delivers personalized tax and financial strategies to propel your business and personal wealth forward.
\r\n )}\r\n // primaryActionText=\"Start Saving Now\"\r\n primaryActionText={(\r\n <>\r\n {/*Find Your Tax Organizer
\r\n \r\n )}\r\n primaryActionOnClick={() => {\r\n history.push('/tax-organizer-documents');\r\n }}\r\n primaryActionColor=\"secondary--sbg white--clr size-mdlg\"\r\n // secondaryActionText={banner.secondaryButtonText}\r\n // secondaryActionOnClick={() => {\r\n // buttonAction(banner.secondaryButtonActionType, banner.secondaryButtonLink);\r\n // }}\r\n offset={offset}\r\n />\r\nShipment Savings, Delivered!
\r\nA New Era of Financial Management
\r\nAt Jayroe & Company, we're more than just financial advisors; we're architects of your financial well-being.
\r\n\r\n
Leveraging over four decades of expertise, we craft personalized strategies that adapt to your financial aspirations and the ever-evolving economic landscape. Our dedicated team ensures your financial planning is comprehensive, forward-thinking, and aligned with your life's goals.
\r\n{item.title}
\r\n{item.description}
\r\nFinancial Expertise Tailored for You
\r\nstraightforward financial solutions. Jayroe & Company cuts through the complexity, delivering the expert advice you need to thrive.
\r\n\r\nLoading...
;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n