\n
\n )\n}\n\nexport default SlidingTab;\n","export const getLast6Months = (monthList = []) => {\n let sorted = monthList.sort((a, b) => {\n let m1 = a.split(\"-\");\n let m2 = b.split(\"-\");\n\n if (Number(m1[0]) !== Number(m2[0])) return (Number(m2[0]) - Number(m1[0]));\n else return (Number(m2[1]) - Number(m1[1]));\n });\n\n return sorted.splice(0, 6);\n}\n\nexport const getCSVDownload = (orders) => {\n const headers = [\"Date\", \"Order No.\", \"Source\", \"Driver\", \"Distance\", \"Third Party Delivery Fee\", \"Third Party Tips\", \"Third Party Processing Fee\", \"Third Party Billable Amount\", \"Status\", \"Third Party Reference\"];\n let rowString = headers.join(\",\");\n rowString += \"\\n\";\n orders.forEach(order => {\n let row = [];\n let date = new Date(order.placementTime).toLocaleDateString('en', {\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n });\n date = date.replace(\",\", \" \");\n row.push(date, order.orderNo, order.source, order.driver, order.distance, twoDigit(order.deliveryFee), twoDigit(order.tips), twoDigit(order.processingFee), twoDigit(order.totalBill), order.status, order.thirdPartyReference);\n let newRow = row.join(\",\");\n rowString += newRow + \"\\r\\n\";\n });\n return rowString;\n}\n\nconst twoDigit = (val) => {\n if (isNaN(Number(val))) {\n return val;\n }\n return Number(val).toFixed(2);\n}","export const STORE_USAGE_MONTH = \"STORE_USAGE_MONTH\";\n\nexport default (state = null, action) => {\n switch (action.type) {\n case STORE_USAGE_MONTH:\n return action.payload;\n default:\n return state;\n }\n}\n","import React, {useEffect} from \"react\";\nimport {getShortDate} from \"../../Util/TableHelpers/commonHelper\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {getLast6Months} from \"../../Util/TableHelpers/storeUsageHelper\";\nimport {STORE_USAGE_MONTH} from \"../../Reducers/storeUsageMonthReducer\";\n\nconst MonthSelector = () => {\n const billingDataObj = useSelector(state => state.partnerBillingData);\n const dispatch = useDispatch();\n\n useEffect(() => {\n if (billingDataObj !== null)\n dispatch({\n type: STORE_USAGE_MONTH,\n payload: getLast6Months(Object.keys(billingDataObj.billingFormattedObj))[0]\n });\n }, [billingDataObj]);\n\n const getOptions = () => {\n let monthList = getLast6Months(Object.keys(billingDataObj.billingFormattedObj));\n return monthList.map((month, ind) => {\n let dateObj = new Date(month);\n return ;\n })\n }\n\n const handleChange = (ev) => {\n dispatch({\n type: STORE_USAGE_MONTH,\n payload: ev.target.value\n });\n }\n\n if (billingDataObj === null) return <>;\n\n return (\n \n )\n}\n\nexport default MonthSelector;\n\n","import {getThirdPartyUsageCSVDataLink} from \"./thirdPartyUsageCSVDownloadHelper\";\n\nexport const getThirdPartyUsageTable = (weekBasedData, accountData) => {\n //Date, Company name, delivery fees, tips, third party total, paid, unpaid for csv\n // date, total billing, outstanding, details\n let tableRowArr = [];\n for (const week in weekBasedData) {\n let tableCol = [];\n let weekLastDate = getLastWeekDate(week);\n tableCol.push(weekLastDate);\n tableCol.push(weekBasedData[week].total);\n //tableCol.push(weekBasedData[week].totalPaid);\n tableCol.push(weekBasedData[week].outstandingAmount);\n let fileName = \"thirdParty_details_\" + weekLastDate;\n let downloadCSV = getThirdPartyUsageCSVDataLink(fileName, weekLastDate,\n weekBasedData[week].billingInfos, accountData);\n tableCol.push(downloadCSV);\n tableRowArr.push(tableCol);\n }\n return tableRowArr.sort(sortByWeek);\n}\n\nconst sortByWeek = (week1, week2) => {\n try {\n let w1 = new Date(week1[0]);\n let w2 = new Date(week2[0]);\n return w2.getTime() - w1.getTime();\n } catch (e) {\n return;\n }\n}\n\nconst getLastWeekDate = (weekStr) => {\n let lastWeekStr = weekStr.split(' - ')[1];\n let [year, month, date] = lastWeekStr.split('-');\n return date + \"/\" + month + \"/\" + year;\n}\n","import React from \"react\";\nimport {useSelector} from \"react-redux\";\nimport TableWrapper from \"../Table/tableWrapper\";\nimport {getThirdPartyUsageTable} from \"../../Util/TableHelpers/thirdPartyUsageTable\";\n\nconst ThirdPartyTableHeaders = [\"Date\", \"Billing Amount($)\", \"Outstanding Balance($)\", \"Details\"];\n\nconst ThirdPartyTableSection = () => {\n const tableOption = {\n firstChildHighlight: true\n }\n\n const partnerDetails = useSelector(state => state.partnerDetails);\n const partnerAccountsObj = useSelector(state => state.partnerAccounts);\n const thirdPartyBillingDetails = useSelector(state => state.thirdPartyBillingDetails);\n\n if (thirdPartyBillingDetails == null || partnerDetails == null || partnerAccountsObj == null)\n return (\n \n
\n \n {getMenus()}\n
\n \n
\n {sibling}\n \n {children}\n
\n \n
\n )\n\n const tableBodyArr = getThirdPartyUsageTable(thirdPartyBillingDetails.weeklyBillingFormattedObj, partnerAccountsObj.getAccountsObj());\n\n return (\n \n \n
\n )\n}\n\nexport default ThirdPartyTableSection;\n","import React, {useState} from \"react\";\nimport UsageTableSection from \"./usageTableSection\";\nimport ComponentHeader from \"../CommonComponents/componentHeader\";\nimport SlidingTab from \"../CommonComponents/slidingTab\";\nimport MonthSelector from \"../Usage/monthSelector\";\nimport ThirdPartyTableSection from \"./thirdPartyTableSection\";\n\nconst BILLING_COMPONENT = \"BILLING_COMPONENT\";\n\nconst BillingPageWrapper = () => {\n const [selectedInd, setSelectedInd] = useState(0);\n\n const getChildren = () => {\n switch (selectedInd) {\n case 0:\n return \n }/>\n
\n \n )\n}\n\nexport default BillingPageWrapper;\nexport {BILLING_COMPONENT};\n","import {calculateDiscountAmount} from \"./TableHelpers/commonHelper\";\nimport { parseDate } from \"./dateHelpers\";\nimport {calculateAmountAfterDiscount} from \"./filter\";\nimport { getDisplayName } from \"./planHelper\";\n\nexport const getTotalsForTheMonth = monthBasedDataArr => {\n let totalOrders = 0;\n let totalPaidOrders = 0;\n let totalBillingAmount = 0;\n let billedAccountsCount = 0;\n monthBasedDataArr.forEach(billingData => {\n totalOrders += billingData.numberOfOrders;\n totalPaidOrders += billingData.numberOfPaidOrders;\n totalBillingAmount += billingData.billableAmount;\n })\n billedAccountsCount = monthBasedDataArr.reduce((count, item) => {\n return item.billableAmount !== 0 ? count + 1 : count;\n }, 0);\n return {\n totalOrders, totalPaidOrders, totalBillingAmount, billedAccountsCount\n }\n}\n\nexport const getTotalThirdPartyOrdersByWeek = weekBasedDataArr => {\n let total = 0;\n let totalPaid = 0;\n let outstandingAmount = 0;\n let billedAccountsCount = 0;\n\n weekBasedDataArr.forEach((data) => {\n total += data.totalAmount;\n totalPaid += data.paidAmount;\n outstandingAmount += data.unpaidAmount;\n });\n\n total = total.toFixed(2);\n totalPaid = totalPaid.toFixed(2);\n outstandingAmount = outstandingAmount.toFixed(2);\n billedAccountsCount = weekBasedDataArr.length;\n return {\n total, totalPaid, outstandingAmount, billedAccountsCount\n }\n}\n\nexport const getTotalDueAndSavingForCurrentMonth = (billingDetails, discount) => {\n let currentMonth = new Date();\n let targetDate;\n for (let date in billingDetails) {\n targetDate = parseDate(date);\n if (currentMonth.getMonth() === targetDate.getMonth()) {\n let afterDiscountAmount = calculateAmountAfterDiscount(billingDetails[date].totalBillingAmount, discount);\n let discountedAmount = calculateDiscountAmount(billingDetails[date].totalBillingAmount, discount);\n return {afterDiscountAmount, discountedAmount}\n }\n }\n return {afterDiscountAmount: \"0\", discountedAmount: \"0\"}\n}\n\nexport const getTotalSavingForCurrentYear = (billingDetails, discount) => {\n let currentMonth = new Date();\n let targetDate;\n let totalAmount = 0;\n for (let date in billingDetails) {\n targetDate = new Date(date);\n if (currentMonth.getFullYear() === targetDate.getFullYear()) {\n totalAmount += billingDetails[date].totalBillingAmount;\n }\n }\n return calculateDiscountAmount(totalAmount, discount);\n}\n\nexport const formatCurrentPlan = (currentPlan) => {\n return getDisplayName(currentPlan);\n}\n\nexport const onlyFirstLetterCapital = (str) => {\n if (str === null || str === \"\") return \"\";\n if (str === \"Branded Premium\" || str === \"BRANDED_PREMIUM\" || str === \"branded premium\") return \"Branded Premium\";\n if (str === \"Branded Premium Plus\" || str === \"BRANDED_PREMIUM_PLUS\" || str === \"branded premium plus\") return \"Branded Premium\";\n if (str === \"Business Advanced\" || str === \"BUSINESS_ADVANCED\" || str === \"business advanced\") return \"Business Advanced\";\n if (str === \"Branded Premium (without sms)\" || str === \"BRANDED_PREMIUM_WITHOUT_SMS\" || str === \"branded premium (without sms)\") return \"Branded Premium (without sms)\";\n if (str === \"Branded Elite\" || str === \"BRANDED_ELITE\") return \"Branded Elite\";\n if (str === \"Branded Premium Marketing\" || str === \"BRANDED_PREMIUM_MARKETING\") return \"Branded Premium Marketing\";\n return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();\n}\n\nexport const getSubscriptionType = (planText) => {\n switch (planText) {\n case \"Starter\":\n return \"STARTER\";\n case \"Professional\":\n return \"PROFESSIONAL_PLUS\";\n case \"Professional (without sms)\":\n return \"PROFESSIONAL_PLUS_WITHOUT_SMS\";\n case \"Branded Premium\":\n return \"BRANDED_PREMIUM_PLUS\";\n case \"Business Advanced\":\n return \"BUSINESS_ADVANCED\";\n case \"Branded Premium (without sms)\":\n return \"BRANDED_PREMIUM_WITHOUT_SMS\";\n case \"Branded Elite\":\n return \"BRANDED_ELITE_LITE\";\n case \"Trial (professional)\":\n return \"TRIAL_PROFESSIONAL\";\n default:\n return -1;\n }\n}\n\nexport const checkIfWithoutSMSAvailable = (country) => {\n let excludedList = [\"United States\", \"Canada\", \"Australia\", \"United Kingdom\"];\n return !excludedList.includes(country);\n}\n","import {formatCurrentPlan, getTotalsForTheMonth, getTotalThirdPartyOrdersByWeek} from \"../Util/dataHelper\";\n\nexport class CredentialsObj {\n constructor(email, pass) {\n this.email = email;\n this.pass = pass;\n }\n}\n\nexport class SelectedPageComponent {\n constructor(component) {\n this.component = component\n }\n}\n\nexport class PartnerDetailsObj {\n constructor(id, partnerType, address, billingAddress, billingDiscountAmount, companyName, contactPerson, contactPersonTitle, email, phoneNo, partnerCode) {\n this.id = id;\n this.partnerType = partnerType;\n this.address = address;\n this.billingAddress = billingAddress;\n this.billingDiscountAmount = billingDiscountAmount;\n this.companyName = companyName;\n this.contactPerson = contactPerson;\n this.contactPersonTitle = contactPersonTitle;\n this.email = email;\n this.phoneNo = phoneNo;\n this.partnerCode = partnerCode;\n }\n\n getDiscountAmount() {\n return this.billingDiscountAmount;\n }\n\n getAdminNameAndEmail() {\n return [this.contactPerson, this.email];\n }\n\n isPremiumPartner() {\n return this.partnerType === \"PREMIUM\";\n }\n\n isPremiumOrResellerPartner(){\n return this.partnerType === 'PREMIUM' || this.partnerType === 'RESELLER';\n }\n}\n\nexport class PartnerAccountsObject {\n constructor(arr) {\n this.accountsArrRaw = arr;\n this.accountsArrFormatted = [];\n this.accountsObj = {};\n this.totalPaidAccounts = 0;\n this.constructAccountObjects();\n }\n\n constructAccountObjects() {\n this.accountsArrRaw.forEach((account) => {\n account.memberSince = account.memberSince || \"N/A\";\n account.memberSince = account.memberSince.split(\" \")[0];\n account.currentPlan = formatCurrentPlan(account.currentPlan)\n let accountObj = new PartnerAccountObject(account.companyId, account.dispatcherId, account.companyName, account.dispatcherName, account.email, account.phone, account.country, account.currentPlan, account.memberSince, account.paidAccount)\n this.accountsObj[account.companyId] = accountObj;\n this.accountsArrFormatted.push(accountObj);\n if (accountObj.paidAccount) this.totalPaidAccounts++;\n })\n }\n\n getAccountsArray() {\n return this.accountsArrFormatted;\n }\n\n getAccountsObj() {\n return this.accountsObj;\n }\n\n getAccountDetailsByCompanyId(companyId) {\n return this.accountsObj[companyId];\n }\n\n getTotalCountOfActiveAccounts() {\n return this.accountsArrFormatted.length;\n }\n\n getTotalCountOfPaidAccounts() {\n return this.totalPaidAccounts;\n }\n}\n\nexport class PartnerAccountObject {\n constructor(companyId, dispatcherId, companyName, adminName, email, phoneNumber, country, currentPlan, memberSince, paidAccount) {\n this.companyId = companyId;\n this.dispatcherId = dispatcherId;\n this.companyName = companyName;\n this.adminName = adminName;\n this.email = email;\n this.phoneNumber = phoneNumber;\n this.country = country;\n this.currentPlan = currentPlan;\n this.memberSince = memberSince;\n this.paidAccount = paidAccount;\n }\n}\n\nexport class PartnerBillingDetailsObject {\n constructor(billingArr) {\n this.billingArr = billingArr;\n this.billingFormattedObj = {};\n this.constructBillingFormattedObj();\n }\n\n constructBillingFormattedObj() {\n this.billingArr.forEach((billingInfoByDate) => {\n let totalsInfo = getTotalsForTheMonth(billingInfoByDate.billingInfos);\n billingInfoByDate = Object.assign(billingInfoByDate, totalsInfo)\n this.billingFormattedObj[billingInfoByDate.date] = billingInfoByDate;\n })\n }\n\n getBillingInfoByDate(date) {\n return this.billingFormattedObj[date];\n }\n}\n\nclass PartnerSingleInvoiceObj {\n constructor(chargeId, customerId, totalAmountPaid, invoiceUrl, chargeTimeInSec, currency, isSuccessful) {\n this.chargeId = chargeId;\n this.customerId = customerId;\n this.totalAmountPaid = Number(Number(totalAmountPaid) / 100).toFixed(2);\n this.invoiceUrl = invoiceUrl;\n this.chargeTime = Number(chargeTimeInSec) * 1000;\n this.currency = currency;\n this.isSuccessful = isSuccessful;\n }\n}\n\nexport class PartnerInvoicesObject {\n constructor(invoicesArr) {\n this.partnerInvoicesArr = [];\n this.constructPartnerInvoicesArr(invoicesArr);\n }\n\n constructPartnerInvoicesArr(invoicesArr) {\n this.partnerInvoicesArr = invoicesArr.map((invoice) => {\n return new PartnerSingleInvoiceObj(invoice.chargeId, invoice.customerId, invoice.totalAmountPaid, invoice.invoiceUrl, invoice.chargeTime, invoice.currency, invoice.isSuccessful)\n })\n }\n\n getInvoicesArr() {\n return this.partnerInvoicesArr;\n }\n}\n\nexport class PartnerCreditCardDetailsObject {\n constructor(last4Digits, expireMonth, expireYear) {\n this.last4Digits = last4Digits;\n this.expireMonth = expireMonth;\n this.expireYear = expireYear;\n }\n}\n\nexport class PartnerBankInfo {\n constructor(name, routing, acc, firstName, lastName, email) {\n this.name = name;\n this.routing = routing;\n this.acc = acc;\n this.firstName = firstName;\n this.lastName = lastName;\n this.email = email;\n }\n}\n\nexport class PartnerThirdPartyBillingDetailsObject {\n constructor(weeklyBillingArr) {\n this.rawWeeklyBillingArr = weeklyBillingArr;\n this.weeklyBillingFormattedObj = {};\n this.constructWeeklyBillingFormattedObj();\n }\n\n constructWeeklyBillingFormattedObj() {\n this.rawWeeklyBillingArr.forEach((billingInfoByWeek) => {\n let totalsInfo = getTotalThirdPartyOrdersByWeek(billingInfoByWeek.billingInfos);\n billingInfoByWeek = Object.assign(billingInfoByWeek, totalsInfo)\n if (totalsInfo.billedAccountsCount != 0) {\n this.weeklyBillingFormattedObj[billingInfoByWeek.week] = billingInfoByWeek;\n }\n })\n }\n\n getBillingInfoByDate(date) {\n return this.weeklyBillingFormattedObj[date];\n }\n}\n\nexport class AccountMagicLink {\n constructor(magicLink) {\n this.magicLink = magicLink;\n }\n\n getMagicLink() {\n return this.magicLink;\n }\n}\n\nexport class ACHBankInfo {\n constructor(bankName, last4Digits, routingNo, email, customerId) {\n this.bankName = bankName;\n this.last4Digits = last4Digits;\n this.routingNo = routingNo;\n this.email = email;\n this.customerId = customerId;\n }\n}\n\nexport class ClientSecret {\n constructor(secret) {\n this.secret = secret;\n }\n\n getSecret() {\n return this.secret;\n }\n}\n\nexport class PayoutBankInfo {\n constructor(\n stripeAccountId,\n actorId,\n actorType,\n connectStatus,\n stripeEmail,\n accountNumber,\n routingNumber,\n accountHolder,\n ipAddress\n ) {\n this.stripeAccountId = stripeAccountId;\n this.actorId = actorId;\n this.actorType = actorType;\n this.connectStatus = connectStatus;\n this.stripeEmail = stripeEmail;\n this.accountNumber = accountNumber;\n this.routingNumber = routingNumber;\n this.accountHolder = accountHolder;\n this.ipAddress = ipAddress;\n }\n}\n\nexport class PaypalApprovalLink {\n constructor(link) {\n this.link = link;\n }\n\n getLink() {\n return this.link;\n }\n}\n\nexport class PaypalInfo {\n constructor(accId, email, customerId, confirmedAt) {\n this.accountId = accId;\n this.email = email;\n this.customerId = customerId;\n this.confirmedAt = confirmedAt;\n }\n\n getEmail() {\n return this.email;\n }\n}\n\nexport class PaypalIdentity {\n constructor(email, accId, name, confirmedAt, verified) {\n this.email = email;\n this.accountId = accId;\n this.name = name;\n this.confirmedAt = confirmedAt;\n this.verified = verified;\n }\n\n getMaskedEmail() {\n const atInd = this.email.indexOf('@');\n const prefix = this.email.substr(0, atInd);\n return prefix[0] + \"*****\" + prefix[prefix.length-1] + this.email.substr(atInd);\n }\n\n getName() {\n return this.name;\n }\n\n isVerified() {\n return this.verified;\n }\n}\n\nexport class LastMonthBilling {\n constructor(billingId, paid) {\n this.billingId = billingId;\n this.paid = paid;\n }\n\n isPaid() {\n return this.paid;\n }\n}","import {\n AccountMagicLink, ACHBankInfo, ClientSecret,\n CredentialsObj,\n PartnerAccountsObject,\n PartnerBankInfo,\n PartnerBillingDetailsObject,\n PartnerCreditCardDetailsObject,\n PartnerDetailsObj,\n PartnerInvoicesObject,\n PartnerThirdPartyBillingDetailsObject, PayoutBankInfo,\n SelectedPageComponent,\n PaypalApprovalLink,\n PaypalInfo,\n PaypalIdentity,\n LastMonthBilling\n} from \"../Model/businessObjects\";\nimport {DASHBOARD_COMPONENT} from \"../Components/Dashboard/dashboardWrapper\";\n\nexport const constructCredentialsObj = (email, pass) => {\n return new CredentialsObj(email, pass);\n}\n\nexport const constructSelectedComponent = (component = DASHBOARD_COMPONENT) => {\n return new SelectedPageComponent(component);\n}\n\nexport const constructPartnerDetails = (partnerId, partnerType, address, billingAddress, billingDiscountAmount, companyName, contactPerson, contactPersonTitle, email, phoneNo, partnerCode) => {\n return new PartnerDetailsObj(partnerId, partnerType, address, billingAddress, billingDiscountAmount, companyName, contactPerson, contactPersonTitle, email, phoneNo, partnerCode);\n}\n\nexport const constructPartnerAccounts = (accountsArray) => {\n return new PartnerAccountsObject(accountsArray);\n}\n\nexport const constructPartnerBillingDetails = (billingArray) => {\n return new PartnerBillingDetailsObject(billingArray);\n}\n\nexport const constructPartnerInvoice = (invoicesArr) => {\n return new PartnerInvoicesObject(invoicesArr);\n}\n\nexport const constructPartnerCardDetails = (last4Digits, expireMonth, expireYear) => {\n return new PartnerCreditCardDetailsObject(last4Digits, expireMonth, expireYear);\n}\n\nexport const constructPartnerBankInfo = (name, routing, acc, firstName, lastName, email) => {\n return new PartnerBankInfo(name, routing, acc, firstName, lastName, email);\n}\n\nexport const constructThirdPartyBillingDetails = (billingArr) => {\n return new PartnerThirdPartyBillingDetailsObject(billingArr);\n}\n\nexport const constructMagicLink = (link) => {\n return new AccountMagicLink(link);\n}\n\nexport const constructACHBankInfo = (bankName, last4Digits, routingNo, email, customerId) => {\n return new ACHBankInfo(bankName, last4Digits, routingNo, email, customerId);\n}\n\nexport const constructClientSecret = (secret) => {\n return new ClientSecret(secret);\n}\n\nexport const constructPayoutBankInfo = (stripeAccountId, actorId, actorType, connectStatus, stripeEmail, accountNumber, routingNumber, accountHolder, ipAddress) => {\n return new PayoutBankInfo(stripeAccountId, actorId, actorType, connectStatus, stripeEmail, accountNumber, routingNumber, accountHolder, ipAddress);\n}\n\n\nexport const contructPaypalApprovalLink = (link) => {\n return new PaypalApprovalLink(link);\n}\n\nexport const constructPaypalInfo = (accId, email, customerId, confirmedAt) => {\n return new PaypalInfo(accId, email, customerId, confirmedAt);\n}\n\nexport const constructPaypalIdentity = (email, accId, name, confirmedAt, verified) => {\n return new PaypalIdentity(email, accId, name, confirmedAt, verified)\n}\n\nexport const constructLastMonthBilling = (billingId, isPaid) => {\n return new LastMonthBilling(billingId, isPaid);\n}","import {calculateDiscountAmount} from \"./commonHelper\";\nimport downloadIcon from \"../../Resources/Image/sd-download.svg\"\nimport {sanitize} from \"./thirdPartyUsageCSVDownloadHelper\";\n\nconst csvRowHeader = [\"Company Name\", \"Admin Name\", \"Plan\",\"Total Usage Billed($)\", \"Has Paid\",\"Your Earning($)\"];\n\nexport const getEarningCSVDataLink = (fileName, paymentData, accountData, discount) => {\n fileName += \".csv\";\n let blob = new Blob([createCSVRows(paymentData, accountData, discount)], {type: \"text/csv\"});\n let url = window.URL.createObjectURL(blob);\n return (\n \n \n Earnings\n
\n )\n\n const tableBodyArr = getEarningsTable(billingDataObj.billingFormattedObj, partnerDetails.billingDiscountAmount, partnerAccountsObj, partnerDetails.email)\n EarningTableHeaders[4] = \"Your Earning($)\" + ` (${partnerDetails.billingDiscountAmount}%)`;\n\n return (\n \n Earnings\n \n
\n )\n}\n\nexport default EarningsTableSection;\n","import {calculateDiscountAmount, getShortDate, calculatePaidDiscountAmount} from \"./commonHelper\";\nimport {getEarningCSVDataLink} from \"./earningCSVDownloadHelper\";\nimport {sortTableByMonth} from \"../filter\";\n\nexport const getEarningsTable = (monthsBasedData, discount, accountData, email) => {\n monthsBasedData = Object.fromEntries(Object.entries(monthsBasedData));\n let tableRowsArr = [];\n for (const month in monthsBasedData) {\n let tableCol = [];\n let dateObj = new Date(month);\n tableCol.push(getShortDate(dateObj));\n let totalNumberOfAcc = monthsBasedData[month].billingInfos.length;\n console.log(monthsBasedData[month]);\n let totalNumberOfActiveAcc = monthsBasedData[month].billedAccountsCount;\n tableCol.push(totalNumberOfActiveAcc.toString() + \" out of \" + totalNumberOfAcc.toString() + \" (\" + (totalNumberOfActiveAcc * 100 / totalNumberOfAcc).toFixed(2) + \"%)\");\n let total = monthsBasedData[month].totalBillingAmount.toFixed(2);\n tableCol.push(total);\n let totalDiscountAmount = calculatePaidDiscountAmount(monthsBasedData[month].billingInfos, 100);\n tableCol.push(totalDiscountAmount);\n let discountAmount = calculatePaidDiscountAmount(monthsBasedData[month].billingInfos, discount);\n if (email === \"sandy@menu2order.com\") {\n if (dateObj.getTime() <= 1664560800000) discountAmount += \" (paid)\";\n }\n\n if (email === \"info@orderspar.com.au\") {\n if (dateObj.getTime() <= 1682899200000) discountAmount += \" (paid)\";\n }\n\n tableCol.push(discountAmount);\n let detailsBtn = getEarningCSVDataLink(\"details_\" + month, monthsBasedData[month].billingInfos, accountData.getAccountsObj(), discount);\n tableCol.push(detailsBtn);\n tableRowsArr.push(tableCol);\n }\n return tableRowsArr.sort(sortTableByMonth).slice(0, 12);\n}\n","import React from \"react\";\nimport EarningsTableSection from \"./earningsTableSection\";\nimport ComponentHeader from \"../CommonComponents/componentHeader\";\n\nconst EARNING_COMPONENT = \"EARNING_COMPONENT\";\n\n\nconst EarningPageWrapper = () => {\n return (\n <>\n \n
\n \n )\n}\n\nexport default EarningPageWrapper;\nexport {EARNING_COMPONENT};","import React from \"react\";\nimport {BILLING_COMPONENT} from \"../Billing/billingPageWrapper\";\nimport {constructSelectedComponent} from \"../../Factory/factory\";\nimport {LEFT_SIDE_BAR_SELECTED, PARTNER_TYPE_AFFILIATE} from \"../PartnerPortal/leftNavbar\";\nimport {useDispatch} from \"react-redux\";\nimport {EARNING_COMPONENT} from \"../Earning/earningPageWrapper\";\n\nconst DashboardInfoCard = ({number, details, goToDetails, partnerType}) => {\n const dispatch = useDispatch();\n const onClick = () => {\n if (goToDetails) {\n if (partnerType === PARTNER_TYPE_AFFILIATE)\n dispatch({\n type: LEFT_SIDE_BAR_SELECTED,\n payload: constructSelectedComponent(EARNING_COMPONENT)\n })\n else\n dispatch({\n type: LEFT_SIDE_BAR_SELECTED,\n payload: constructSelectedComponent(BILLING_COMPONENT)\n })\n }\n }\n\n return (\n \n
\n )\n}\n\nexport default DashboardInfoCard;\n\n","import React from \"react\";\nimport {useSelector} from \"react-redux\";\nimport DashboardInfoCard from \"./dashboardInfoCard\";\nimport {getTotalDueAndSavingForCurrentMonth, getTotalSavingForCurrentYear} from \"../../Util/dataHelper\";\nimport {PARTNER_TYPE_AFFILIATE} from \"../PartnerPortal/leftNavbar\";\n\nconst DashboardSummeryInfoSection = ({partnerInfo}) => {\n const billingDataObj = useSelector(state => state.partnerBillingData);\n const partnerAccountsObj = useSelector(state => state.partnerAccounts);\n let pairs, earningsPair, discountThisYear = 0;\n if (partnerInfo === null) {\n return <>\n }\n\n if (billingDataObj == null || partnerAccountsObj == null) {\n pairs = [[\"Total Accounts\", 0], [\"Paid Accounts\", 0], [\"Unpaid Accounts\", 0], [\"Current Month Due\", \"$\" + 0], [\"Discount This Month\", \"$\" + 0]];\n earningsPair = [[\"Total Accounts\", 0], [\"Paid Accounts\", 0], [\"Unpaid Accounts\", 0], [\"Earned This Month\", \"$\" + 0]];\n } else {\n const {\n afterDiscountAmount,\n discountedAmount\n } = getTotalDueAndSavingForCurrentMonth(billingDataObj.billingFormattedObj, partnerInfo.billingDiscountAmount);\n discountThisYear = getTotalSavingForCurrentYear(billingDataObj.billingFormattedObj, partnerInfo.billingDiscountAmount)\n pairs = [[\"Total Accounts\", partnerAccountsObj.getTotalCountOfActiveAccounts()], [\"Paid Accounts\", partnerAccountsObj.getTotalCountOfPaidAccounts()], [\"Unpaid Accounts\", partnerAccountsObj.getTotalCountOfActiveAccounts() - partnerAccountsObj.getTotalCountOfPaidAccounts()], [\"Current Month Due\", \"$\" + afterDiscountAmount], [\"Discount This Month\", \"$\" + discountedAmount]];\n earningsPair = [[\"Total Accounts\", partnerAccountsObj.getTotalCountOfActiveAccounts()], [\"Paid Accounts\", partnerAccountsObj.getTotalCountOfPaidAccounts()], [\"Unpaid Accounts\", partnerAccountsObj.getTotalCountOfActiveAccounts() - partnerAccountsObj.getTotalCountOfPaidAccounts()], [\"Earned This Month\", \"$\" + discountedAmount]];\n\n }\n\n let targetPair;\n targetPair = pairs;\n if (partnerInfo.partnerType === PARTNER_TYPE_AFFILIATE) targetPair = earningsPair;\n\n const getInfoCards = () => {\n return targetPair.map((pair, ind) => {\n let goToDetails = false;\n if (ind > 1) goToDetails = true;\n return (\n \n {details}\n {number}\n
\n \n \n
\n )\n })\n }\n\n return (\n \n {getInfoCards()}\n
\n )\n}\n\nexport default DashboardSummeryInfoSection;\n","import React from 'react';\nimport {useSelector} from \"react-redux\";\nimport DashboardSummeryInfoSection from \"./dashboardSummeryInfoSection\";\n\nconst DashboardInfo = () => {\n const partnerInfo = useSelector(state => state.partnerDetails);\n if (partnerInfo === null) return <>;\n let showingName = \"\";\n if (partnerInfo.contactPerson) showingName = partnerInfo.contactPerson.split(\" \")[0];\n return (\n \n {/*\n
\n )\n}\n\nexport default DashboardInfo;","export default __webpack_public_path__ + \"static/media/sd_toggle_on.836e3487.svg\";","export default __webpack_public_path__ + \"static/media/sd_toggle_off.6f5b74b2.svg\";","import React, {useEffect, useState} from \"react\";\nimport toggleOnImg from \"../../Resources/Image/sd_toggle_on.svg\";\nimport toggleOffImg from \"../../Resources/Image/sd_toggle_off.svg\";\n\nconst PlanModalPlanSingle = ({planText, currentPlan = \"\", price, selectedPlan, setSelect, showWithSMSToggle = false}) => {\n const [toggleOn, setToggleOn] = useState(true);\n\n\n const matchCurrentPlan = () => {\n return planText === currentPlan;\n }\n\n const checkIfSelected = () => {\n return selectedPlan?.includes(planText);\n }\n\n const handleClick = (ev) => {\n let planTextWithToggle = planText;\n if (showWithSMSToggle && !toggleOn) {\n planTextWithToggle += \" (without sms)\";\n }\n setSelect(planTextWithToggle);\n }\n\n const handleToggleClick = (ev) => {\n ev.stopPropagation();\n setToggleOn(!toggleOn);\n let planTextWithToggle = planText;\n if (toggleOn) {\n planTextWithToggle += \" (without sms)\";\n }\n setSelect(planTextWithToggle);\n }\n\n return (\n */}\n {/* Welcome, {showingName}*/}\n {/*
*/}\n \n
\n )\n}\n\nexport default PlanModalPlanSingle;\n","import {constructPartnerAccounts} from \"../Factory/factory\";\nimport {findPartnerAccounts} from \"../Util/queries\";\n\nconst PARTNER_ACCOUNTS = \"PARTNER_ACCOUNTS\";\n\nexport const getAccountsDetails = () =>\n async (dispatch) => {\n try {\n let response = await findPartnerAccounts();\n if (response.data) {\n let partnerAccountsObj = constructPartnerAccounts(response.data);\n dispatch({\n type: PARTNER_ACCOUNTS,\n payload: partnerAccountsObj\n })\n } else {\n dispatch({\n type: PARTNER_ACCOUNTS,\n payload: null\n })\n }\n } catch (e) {\n console.error(e);\n dispatch({\n type: PARTNER_ACCOUNTS,\n payload: null\n })\n }\n }\n\nexport {PARTNER_ACCOUNTS}","import React, {useEffect, useState} from \"react\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport PlanModalPlanSingle from \"./planModalPlanSingle\";\nimport {updatePartnerPlan} from \"../../Actions/planUpgradeAction\";\nimport {checkIfWithoutSMSAvailable, getSubscriptionType} from \"../../Util/dataHelper\";\nimport {PARTNER_ACCOUNTS} from \"../../Actions/partnerAccountsAction\";\n\nconst PlanUpgradeModal = ({selectedCompanyId}) => {\n const partnerAccountObj = useSelector(state => state.partnerAccounts);\n const selectedCompanyDetails = partnerAccountObj?.getAccountDetailsByCompanyId(selectedCompanyId);\n const [selectedPlan, setSelectedPlan] = useState(\"\");\n const [showSMSToggle, setShowSMSToggle] = useState(false);\n const [planUpgradeText, setPlanUpgradeText] = useState(\"\");\n const dispatch = useDispatch();\n\n useEffect(() => {\n setSelectedPlan(selectedCompanyDetails?.currentPlan);\n setShowSMSToggle(checkIfWithoutSMSAvailable(selectedCompanyDetails?.country));\n }, [selectedCompanyDetails?.country, selectedCompanyDetails?.currentPlan, selectedCompanyId])\n\n useEffect(() => {\n setPlanUpgradeText(\"\");\n return () => setPlanUpgradeText(\"\");\n }, [selectedCompanyId]);\n\n if (partnerAccountObj === null) return <>\n\n const getCurrentPlan = () => {\n return selectedCompanyDetails?.currentPlan;\n }\n\n const handleUpdateClicked = () => {\n if (selectedPlan === selectedCompanyDetails?.currentPlan) return;\n\n // dispatch({\n // type: PARTNER_ACCOUNTS,\n // payload: null\n // });\n setPlanUpgradeText(\"To update plans, please reach out to your partner contact or contact Shipday support at support@shipday.com.\");\n // dispatch(updatePartnerPlan(selectedCompanyDetails.companyId, selectedCompanyDetails.dispatcherId, getSubscriptionType(selectedPlan)));\n }\n\n \n\n return (\n \n {planText}\n {matchCurrentPlan() &&
\n {showWithSMSToggle && (Current Plan)
}\n \n
}\n {\n !showWithSMSToggle && \n }\n \n 
\n
\n with SMS
\n Starts at
\n \n ${price}/mo\n
\n\n \n
\n )\n}\n\nexport default PlanUpgradeModal;\n\n","import React, {useEffect} from \"react\";\n\nconst LoadingSpinner = ({target = null}) => {\n useEffect(() => {\n if (target && document.getElementsByClassName(target).length !== 0) {\n document.getElementsByClassName(target)[0].style.pointerEvents = 'none';\n document.getElementsByClassName(target)[0].style.opacity = 0.5;\n }\n\n return () => {\n if (target && document.getElementsByClassName(target).length !== 0) {\n document.getElementsByClassName(target)[0].style.pointerEvents = '';\n document.getElementsByClassName(target)[0].style.opacity = 1;\n }\n }\n });\n\n return (\n \n
\n \n
\n \n
\n Upgrade Company Plan
\n \n\n {planUpgradeText &&
\n {planUpgradeText}
}\n \n \n \n \n \n \n
\n \n
\n Cancel\n
\n Upgrade\n
\n {ev.stopPropagation()}}>\n
\n )\n}\n\nexport default LoadingSpinner;\n","export const MAGIC_LINK = \"MAGIC_LINK\";\n\nexport default (state = null, action) => {\n switch (action.type) {\n case MAGIC_LINK:\n return action.payload;\n default:\n return state;\n }\n}\n","import {findMagicLink} from \"../Util/queries\";\nimport {constructMagicLink} from \"../Factory/factory\";\nimport {MAGIC_LINK} from \"../Reducers/magicLinkReducer\";\n\nconst getMagicLink = (adminId, companyId) => async dispatch => {\n try {\n let response = await findMagicLink({adminId, companyId});\n if (response.data) {\n let magicLinkObj = constructMagicLink(response.data.magicLink);\n dispatch({\n type: MAGIC_LINK,\n payload: magicLinkObj\n });\n } else {\n dispatch({\n type: MAGIC_LINK,\n payload: null\n });\n }\n } catch (e) {\n console.error(e);\n dispatch({\n type: MAGIC_LINK,\n payload: null\n });\n }\n}\n\nexport default getMagicLink;\n","import React, {useEffect, useState} from \"react\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport getMagicLink from \"../../Actions/magicLinkAction\";\nimport {MAGIC_LINK} from \"../../Reducers/magicLinkReducer\";\nimport LoadingSpinner from \"../CommonComponents/loadingSpinner\";\n\nlet linkTracker = \"\";\nconst MagicLink = ({selectedAdminId, selectedCompanyId}) => {\n const dispatch = useDispatch();\n const magicLinkObj = useSelector(state => state.magicLink);\n const [showLoading, setShowLoading] = useState(false);\n const [newLink, setNewLink] = useState(\"\");\n\n const handleClick = () => {\n setShowLoading(true);\n dispatch(getMagicLink(selectedAdminId, selectedCompanyId));\n }\n\n useEffect(() => {\n if (magicLinkObj !== null && linkTracker !== magicLinkObj.getMagicLink()) {\n linkTracker = magicLinkObj.getMagicLink();\n window.open(magicLinkObj.getMagicLink(), '_blank'); //'location=yes, height=570, width=520, scrollbars=yes, status=yes'\n }\n\n setShowLoading(false);\n\n return () => {\n dispatch({\n type: MAGIC_LINK,\n payload: null\n })\n }\n }, [magicLinkObj]);\n\n\n return (\n \n Access Dispatch Dashboard\n \n )\n}\n\nexport default MagicLink;\n","import React, {useEffect, useRef, useState} from 'react';\n\nconst Dropdown = ({dropdownArr}) => {\n const [isOpen, setIsOpen] = useState(false);\n const dropdownRef = useRef(null);\n\n\n const toggleMenu = () => {\n setIsOpen(!isOpen);\n };\n\n const handleClickOutside = (event) => {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {\n setIsOpen(false);\n }\n };\n\n useEffect(() => {\n window.addEventListener('click', handleClickOutside);\n return () => {\n window.removeEventListener('click', handleClickOutside);\n };\n }, []);\n\n return (\n \n
\n \n Loading...\n
\n \n \n {isOpen && (\n
\n );\n};\n\nexport default Dropdown;\n","import React from \"react\";\nimport MagicLink from \"./magicLink\";\nimport Dropdown from \"../CommonComponents/dropDown\";\n\nconst DropdownMenuList = ({selectedAdminId, selectedCompanyId, handleUpgradeBtnClick}) => {\n\n const handleClick = () => {\n handleUpgradeBtnClick(selectedCompanyId);\n }\n const getList = () => (\n <>\n - \n {dropdownArr}\n
\n {lastMonthBilling?.isPaid ? \"Paid\" : \"Unpaid\"}\n
;\n }\n },\n {\n id: \"memberSince\",\n name: \"Member Since\",\n dataFunc: ({account}) => getFullDate(account.memberSince) || \"Unknown\"\n },\n {\n id: \"planMenu\",\n name: \"\",\n dataFunc: ({account, handleUpgradeBtnClick}) => \n \n }\n
\n )\n}\n\nexport default AccountsTableSection;\n","import React, {useEffect, useRef} from \"react\";\nimport {CardElement, useElements, useStripe} from \"@stripe/react-stripe-js\";\nimport \"../../Stylesheets/stripeCard.css\";\nimport {AddPartnerCard} from \"../../Actions/partnerCardAddAction\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {UpdatePartnerCard} from \"../../Actions/partnerCardUpdateAction\";\nimport {CARD_UPDATE_STATES, PARTNER_CREDIT_UPDATE_CARD_STATE} from \"../Payments/creditCardInfoSection\";\nimport {GetPartnerCardDetails} from \"../../Actions/partnerCardInfoDetailsAction\";\n\nconst cardStyle = {\n base: {\n iconColor: '#666EE8',\n color: '#31325F',\n fontWeight: 300,\n fontFamily: 'Helvetica Neue',\n '::placeholder': {\n color: '#CFD7E0',\n },\n },\n}\nlet cardElementRef;\n\nexport const StripeCard = ({show, isUpdate}) => {\n const stripe = useStripe();\n const elements = useElements();\n const outcomeRef = useRef(null);\n const errorRef = useRef(null);\n const errorDetailsRef = useRef(null);\n const submitBtnRef = useRef(null);\n const successRef = useRef(null);\n const cardState = useSelector(state => state.partnerCreditCardUpdateState);\n const partnerDetails = useSelector(state => state.partnerDetails);\n const dispatch = useDispatch();\n let submitBtnText = \"Add Card\";\n if (isUpdate) submitBtnText = \"Update Card\";\n\n useEffect(() => {\n outcomeRef.current.style.display = \"none\";\n errorRef.current.style.display = \"none\";\n successRef.current.style.display = \"none\";\n errorDetailsRef.current.innerHTML = \"\";\n errorDetailsRef.current.style.display = \"none\";\n if (!cardElementRef?._destroyed) {\n cardElementRef?.clear();\n }\n }, [show]);\n\n useEffect(() => {\n if (cardState === CARD_UPDATE_STATES.failed) {\n showError(\"Please Check if the information is correct\");\n if (submitBtnRef.current !== null) submitBtnRef.current.disable = false;\n } else if (cardState === CARD_UPDATE_STATES.success) {\n showSuccess();\n setTimeout(() => {\n document.getElementById(\"partnerCreditCardModalCloseBtn\").click();\n dispatch(GetPartnerCardDetails());\n }, 2000);\n\n } else if (cardState === CARD_UPDATE_STATES.pending) {\n if (submitBtnRef.current !== null) submitBtnRef.current.disable = true;\n } else {\n outcomeRef.current.style.display = \"none\";\n successRef.current.style.display = \"none\";\n errorRef.current.style.display = \"none\";\n errorDetailsRef.current.style.display = \"none\";\n if (submitBtnRef.current !== null) submitBtnRef.current.disable = false;\n }\n }, [cardState])\n\n const showError = (errMsg) => {\n outcomeRef.current.style.display = \"block\";\n errorRef.current.style.display = \"block\";\n successRef.current.style.display = \"none\";\n errorDetailsRef.current.innerHTML = errMsg;\n errorDetailsRef.current.style.display = \"block\";\n }\n\n const showSuccess = () => {\n outcomeRef.current.style.display = \"block\";\n successRef.current.style.display = \"block\";\n errorRef.current.style.display = \"none\";\n errorDetailsRef.current.style.display = \"none\";\n }\n\n const handleSubmit = (ev) => {\n ev.preventDefault();\n\n const cardElement = elements.getElement(\"card\");\n dispatch({\n type: PARTNER_CREDIT_UPDATE_CARD_STATE,\n payload: CARD_UPDATE_STATES.pending\n })\n stripe.createToken(cardElement)\n .then((payload) => {\n if (payload.error) {\n showError(payload.error.message);\n dispatch({\n type: PARTNER_CREDIT_UPDATE_CARD_STATE,\n payload: CARD_UPDATE_STATES.failed\n })\n } else {\n if (isUpdate) dispatch(UpdatePartnerCard(partnerDetails.email, payload.token[\"id\"]));\n else dispatch(AddPartnerCard(partnerDetails.email, payload.token[\"id\"]));\n }\n });\n };\n\n return (\n \n\n );\n}\n\nexport default StripeCard;\n","import { planOrder } from \"../planHelper\";\n\nexport function sortArrayByCategory(arr, index) {\n\n arr.sort((a, b) => {\n let categoryA = a[index];\n let categoryB = b[index];\n let indexA = planOrder.indexOf(categoryA);\n let indexB = planOrder.indexOf(categoryB);\n\n if (indexA !== -1 && indexB !== -1) {\n // Both categories are in the predefined order\n return indexA - indexB;\n } else {\n // At least one of the categories is not in the predefined order\n return categoryA.localeCompare(categoryB);\n }\n });\n arr.forEach((row, index) => {\n // Set the first element of each row to the current index (starting from 1)\n row[0] = (index + 1).toString() + '.'; // Convert index to string and add a dot (.)\n });\n\n return arr;\n}\n","import React from \"react\";\n\nconst GeneralModal = ({children, modalId, btnText, title, showFooterBtn, footerBtnText}) => {\n return (\n <>\n \n \n
\n \n )\n}\n\nexport default GeneralModal;\n","import React, { useRef, useState } from \"react\";\nimport GeneralModal from \"../CommonComponents/generalModal\";\nimport { useSelector } from \"react-redux\";\n\nconst ReferralLinkModal = () => {\n const clipBoardText = useRef(null);\n const referralLink = useSelector((state) => state.referralLink);\n const [isCopied, setIsCopied] = useState(false);\n\n if (referralLink == null) return <>;\n\n const copyToClipBoard = () => {\n navigator.clipboard.writeText(referralLink);\n setIsCopied(true);\n setTimeout(() => {\n setIsCopied(false);\n }, 2000);\n };\n\n return (\n \n
\n \n
\n \n
\n {title}
\n \n\n {children}\n
\n {showFooterBtn && \n \n
}\n \n \n
\n \n \n \n Create Account\n \n
\n \n Users that create a new Shipday account with this link will be automatically added to your partner dashboard.\n
\n \n \n {!isCopied && \n
\n {referralLink}
\n