User: ${userRecord.userName}
Score: ${score}
`,\n }\n // Send email call to api\n const apiName = 'wishwellapi';\n var path = '/wishwellapi/sendEmail';\n var myInit = { // OPTIONAL\n body: {\n options: options\n },\n headers: {}, // OPTIONAL\n };\n await API.post(apiName, path, myInit)\n \n this.setState({ submitted: true });\n cookies.set('lastNpsSurvey', new Date().toISOString(), { path: '/' });\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n \n }\n }\n\n render() {\n const { score, submitted } = this.state;\n\n if (!this.state.showSurvey) {\n return null;\n }\n\n if (submitted) {\n return null;\n }\n\n return (\n\n \n
\n
\n );\n }\n}\n\nexport default withCookies(NPS);","import React, { useState } from 'react'\n\n// Backend\nimport { API, Auth, graphqlOperation } from 'aws-amplify'\nimport { listReports } from '../graphql/queries'\n\nimport wishWellLogo from '../Components/Images/WishWell.png'\n\nexport class Links extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n latestReport: {}\n }\n\n this.loadPage = this.loadPage.bind(this)\n }\n\n componentDidMount() {\n this.loadPage()\n }\n\n async loadPage () {\n try {\n var nextToken = null\n var count = 0\n var filteredList = null\n var REPORTS = []\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(listReports, {\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.listReports.nextToken\n REPORTS = REPORTS.concat(filteredList.data.listReports.items)\n }\n REPORTS.sort(function(a, b) {\n var textA = a.createdAt;\n var textB = b.createdAt;\n return (textA > textB) ? -1 : (textA < textB) ? 1 : 0;\n });\n\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username || 'none'\n\n const oneYearAgo = new Date();\n oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\n const oneYearAgoIsoString = oneYearAgo.toISOString().slice(0, 10);\n\n const ninetyDaysAgo = new Date();\n ninetyDaysAgo.setDate(ninetyDaysAgo.getDate() - 90);\n const ninetyDaysAgoIsoString = ninetyDaysAgo.toISOString().slice(0, 10);\n\n const reportOneYearAgo = REPORTS.find((report) => report.createdAt && report.createdAt.slice(0, 10) === oneYearAgoIsoString);\n const reportThreeMonthsAgo = REPORTS.find((report) => report.createdAt.slice(0, 10) === ninetyDaysAgoIsoString);\n\n var ttmRevenue = null\n var ARRProjectedLTM = null\n if (reportOneYearAgo) {\n if (reportOneYearAgo.feesGenerated) {\n ttmRevenue = (REPORTS[0].feesGenerated - reportOneYearAgo.feesGenerated)\n console.log(\"TTM Rev: feesGenerated\")\n }\n else {\n ttmRevenue = (REPORTS[0].donations - reportOneYearAgo.donations) * .05\n console.log(\"TTM Rev: donationsProxy\")\n }\n } else {\n ttmRevenue = \"Not enough data\"\n }\n if (reportThreeMonthsAgo) {\n if (reportThreeMonthsAgo.feesGenerated) {\n ARRProjectedLTM = (REPORTS[0].feesGenerated - reportThreeMonthsAgo.feesGenerated) * 4\n console.log(\"Projected ARR: feesGenerated\")\n }\n else {\n ARRProjectedLTM = (REPORTS[0].donations - reportThreeMonthsAgo.donations) * 4 * .05\n console.log(\"Projected ARR: donationsProxy\")\n }\n } else {\n ARRProjectedLTM = \"Not enough data\"\n }\n\n\n this.setState({\n latestReport: REPORTS[0],\n ttmRevenue: ttmRevenue,\n ARRProjectedLTM: ARRProjectedLTM,\n user: username\n });\n } catch (error) {\n console.error(error);\n }\n }\n render() {\n return (\n | How likely are you to recommend this app to a friend or colleague? | \n {Array.from({ length: 11 }, (_, i) => (\n | \n
\n \n
\n )\n }\n}\n\nexport default Links","/* eslint-disable */\n// this is an auto generated file. This will be overwritten\n\nexport const getMember = /* GraphQL */ `\n query GetMember($id: ID!) {\n getMember(id: $id) {\n id\n pnumber\n mnumber\n ptype\n pactive\n eforms\n pforms\n ecards\n pcards\n eReminders\n birthdayBooster\n fname\n lname\n email\n phone\n address1\n address2\n DOB\n lifeCycle\n anumber\n apayment\n notes\n searchField\n organizationId\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listMembers = /* GraphQL */ `\n query ListMembers(\n $filter: ModelMemberFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listMembers(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n pnumber\n mnumber\n ptype\n pactive\n eforms\n pforms\n ecards\n pcards\n eReminders\n birthdayBooster\n fname\n lname\n email\n phone\n address1\n address2\n DOB\n lifeCycle\n anumber\n apayment\n notes\n searchField\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const getOrder = /* GraphQL */ `\n query GetOrder($id: ID!) {\n getOrder(id: $id) {\n id\n donorPNumber\n donorName\n receiverPNumber\n year\n paymentType\n checkNumber\n amount\n checkDate\n organizationId\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listOrders = /* GraphQL */ `\n query ListOrders(\n $filter: ModelOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listOrders(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n donorPNumber\n donorName\n receiverPNumber\n year\n paymentType\n checkNumber\n amount\n checkDate\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const getSetting = /* GraphQL */ `\n query GetSetting($id: ID!) {\n getSetting(id: $id) {\n id\n chapterName\n orgEmail\n minWishPrice\n events\n customFields\n makeAWishURL\n defaultWishers\n envelopeReturnName\n envelopeReturnAddressLine1\n envelopeReturnAddressLine2\n logo\n brandColor\n taxNumber\n orgType\n giveLocal\n paymentType\n paymentId\n country\n currency\n bankInfo\n stripeAccountId\n stripeOnboardingComplete\n referrer\n referralCredits\n fullAuto\n birthdayBooster\n fullAutoEnabledDate\n charityPartner\n organizationId\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listSettings = /* GraphQL */ `\n query ListSettings(\n $filter: ModelSettingFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listSettings(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n chapterName\n orgEmail\n minWishPrice\n events\n customFields\n makeAWishURL\n defaultWishers\n envelopeReturnName\n envelopeReturnAddressLine1\n envelopeReturnAddressLine2\n logo\n brandColor\n taxNumber\n orgType\n giveLocal\n paymentType\n paymentId\n country\n currency\n bankInfo\n stripeAccountId\n stripeOnboardingComplete\n referrer\n referralCredits\n fullAuto\n birthdayBooster\n fullAutoEnabledDate\n charityPartner\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const getUser = /* GraphQL */ `\n query GetUser($id: ID!) {\n getUser(id: $id) {\n id\n userName\n NPS\n lifeCycle\n permissions\n organizationId\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listUsers = /* GraphQL */ `\n query ListUsers(\n $filter: ModelUserFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listUsers(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n userName\n NPS\n lifeCycle\n permissions\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const getOrganization = /* GraphQL */ `\n query GetOrganization($id: ID!) {\n getOrganization(id: $id) {\n id\n name\n active\n parentOrgId\n independent\n source\n referrer\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listOrganizations = /* GraphQL */ `\n query ListOrganizations(\n $filter: ModelOrganizationFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listOrganizations(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n name\n active\n parentOrgId\n independent\n source\n referrer\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const getTransaction = /* GraphQL */ `\n query GetTransaction($id: ID!) {\n getTransaction(id: $id) {\n id\n transactionDate\n quarter\n year\n wishType\n donorPNumber\n donorFName\n donorLName\n donorEmail\n donorAddress\n donorPhone\n receiverPNumbers\n localCurrency\n localAmount\n amount\n transactionNumber\n paymentType\n organizationId\n organizationName\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listTransactions = /* GraphQL */ `\n query ListTransactions(\n $filter: ModelTransactionFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listTransactions(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n transactionDate\n quarter\n year\n wishType\n donorPNumber\n donorFName\n donorLName\n donorEmail\n donorAddress\n donorPhone\n receiverPNumbers\n localCurrency\n localAmount\n amount\n transactionNumber\n paymentType\n organizationId\n organizationName\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const getReport = /* GraphQL */ `\n query GetReport($id: ID!) {\n getReport(id: $id) {\n id\n organizations\n enabledOrganizations\n activeOrganizations\n orgChurn\n users\n verifiedUsers\n members\n activeMembers\n memberChurn\n wishes\n donations\n ccDonations\n numDonations\n feesGenerated\n customerSources {\n source\n count\n __typename\n }\n donorSources {\n source\n count\n __typename\n }\n createdAt\n updatedAt\n __typename\n }\n }\n`;\nexport const listReports = /* GraphQL */ `\n query ListReports(\n $filter: ModelReportFilterInput\n $limit: Int\n $nextToken: String\n ) {\n listReports(filter: $filter, limit: $limit, nextToken: $nextToken) {\n items {\n id\n organizations\n enabledOrganizations\n activeOrganizations\n orgChurn\n users\n verifiedUsers\n members\n activeMembers\n memberChurn\n wishes\n donations\n ccDonations\n numDonations\n feesGenerated\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const membersByOrganizationId = /* GraphQL */ `\n query MembersByOrganizationId(\n $organizationId: ID!\n $sortDirection: ModelSortDirection\n $filter: ModelMemberFilterInput\n $limit: Int\n $nextToken: String\n ) {\n membersByOrganizationId(\n organizationId: $organizationId\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n pnumber\n mnumber\n ptype\n pactive\n eforms\n pforms\n ecards\n pcards\n eReminders\n birthdayBooster\n fname\n lname\n email\n phone\n address1\n address2\n DOB\n lifeCycle\n anumber\n apayment\n notes\n searchField\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const ordersByDonorPNumber = /* GraphQL */ `\n query OrdersByDonorPNumber(\n $donorPNumber: Int!\n $sortDirection: ModelSortDirection\n $filter: ModelOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n ordersByDonorPNumber(\n donorPNumber: $donorPNumber\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n donorPNumber\n donorName\n receiverPNumber\n year\n paymentType\n checkNumber\n amount\n checkDate\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const ordersByOrganizationId = /* GraphQL */ `\n query OrdersByOrganizationId(\n $organizationId: ID!\n $sortDirection: ModelSortDirection\n $filter: ModelOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n ordersByOrganizationId(\n organizationId: $organizationId\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n donorPNumber\n donorName\n receiverPNumber\n year\n paymentType\n checkNumber\n amount\n checkDate\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const settingsByMakeAWishURL = /* GraphQL */ `\n query SettingsByMakeAWishURL(\n $makeAWishURL: String!\n $sortDirection: ModelSortDirection\n $filter: ModelSettingFilterInput\n $limit: Int\n $nextToken: String\n ) {\n settingsByMakeAWishURL(\n makeAWishURL: $makeAWishURL\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n chapterName\n orgEmail\n minWishPrice\n events\n customFields\n makeAWishURL\n defaultWishers\n envelopeReturnName\n envelopeReturnAddressLine1\n envelopeReturnAddressLine2\n logo\n brandColor\n taxNumber\n orgType\n giveLocal\n paymentType\n paymentId\n country\n currency\n bankInfo\n stripeAccountId\n stripeOnboardingComplete\n referrer\n referralCredits\n fullAuto\n birthdayBooster\n fullAutoEnabledDate\n charityPartner\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const settingsByOrganizationId = /* GraphQL */ `\n query SettingsByOrganizationId(\n $organizationId: ID!\n $sortDirection: ModelSortDirection\n $filter: ModelSettingFilterInput\n $limit: Int\n $nextToken: String\n ) {\n settingsByOrganizationId(\n organizationId: $organizationId\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n chapterName\n orgEmail\n minWishPrice\n events\n customFields\n makeAWishURL\n defaultWishers\n envelopeReturnName\n envelopeReturnAddressLine1\n envelopeReturnAddressLine2\n logo\n brandColor\n taxNumber\n orgType\n giveLocal\n paymentType\n paymentId\n country\n currency\n bankInfo\n stripeAccountId\n stripeOnboardingComplete\n referrer\n referralCredits\n fullAuto\n birthdayBooster\n fullAutoEnabledDate\n charityPartner\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const userByUserName = /* GraphQL */ `\n query UserByUserName(\n $userName: String!\n $sortDirection: ModelSortDirection\n $filter: ModelUserFilterInput\n $limit: Int\n $nextToken: String\n ) {\n userByUserName(\n userName: $userName\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n userName\n NPS\n lifeCycle\n permissions\n organizationId\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const organizationById = /* GraphQL */ `\n query OrganizationById(\n $id: ID!\n $sortDirection: ModelSortDirection\n $filter: ModelOrganizationFilterInput\n $limit: Int\n $nextToken: String\n ) {\n organizationById(\n id: $id\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n name\n active\n parentOrgId\n independent\n source\n referrer\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\nexport const transactionsByOrganizationId = /* GraphQL */ `\n query TransactionsByOrganizationId(\n $organizationId: ID!\n $sortDirection: ModelSortDirection\n $filter: ModelTransactionFilterInput\n $limit: Int\n $nextToken: String\n ) {\n transactionsByOrganizationId(\n organizationId: $organizationId\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n transactionDate\n quarter\n year\n wishType\n donorPNumber\n donorFName\n donorLName\n donorEmail\n donorAddress\n donorPhone\n receiverPNumbers\n localCurrency\n localAmount\n amount\n transactionNumber\n paymentType\n organizationId\n organizationName\n createdAt\n updatedAt\n __typename\n }\n nextToken\n __typename\n }\n }\n`;\n","/* src/App.js */\nimport React, { Component } from 'react'\nimport awsconfig from '../aws-exports'\nimport { API, graphqlOperation, Auth, Storage } from 'aws-amplify'\nimport { membersByOrganizationId, ordersByOrganizationId, userByUserName, settingsByOrganizationId, listSettings, getOrganization } from '../graphql/queries'\nimport { updateMember } from '../graphql/mutations'\n//import generatelabels from '../../amplify/backend/function/generatelabels/src/event.json'\n// import { generateDepositFormData } from '../Functions/DepositForm'\n// import docx and fs libraries to generate docx files\n// import * as fs from \"fs\";\nimport { AlignmentType, BorderStyle, Document, TextRun, HeightRule, Media, Packer, Paragraph, PageOrientation, Table, TableCell, TableRow, WidthType, VerticalAlign, VerticalPositionAlign } from \"docx\";\nimport FileSaver from \"file-saver\"\nimport JSZip from \"jszip\"\n\n// UI\nimport { Select, Button, Menu, Popover, Position, FollowerIcon, Pane, Dialog, IconButton, Checkbox, Autocomplete, AlignJustifyIcon, TextInput, PersonIcon, CogIcon, CreditCardIcon, AddIcon, HorizontalBarChartIcon, FormIcon, InboxIcon, LogOutIcon, CloudDownloadIcon, Spinner, toaster, Tooltip, HelpIcon } from 'evergreen-ui'\nimport '../Styles/navbar.css'\nimport wishWellLogo from './Images/WishWell.png'\nimport '../Styles/progressbar.css'\nimport logo from '../wishwellbyonegift.svg'\n\n// Cookies, Notification, and NPS\nimport Notification from '../Functions/Notifications'\nimport NPS from '../Functions/NPS';\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\n// Tutorials\n// import introJs from 'intro.js';\n// import 'intro.js/introjs.css';\n// import { IntroJs } from 'react-introjs';\n\n// Extensions\nimport MemberDetails from './MemberDetails'\nimport OrderForm from './OrderForm'\nimport Reports from './Reports'\nimport Settings from './Settings'\nimport { orderMailerImageBase64, birthdayImageBase64, anniversaryImageBase64, birthdayBackgroundBase64, anniversaryBackgroundBase64, birthdayCardBackgroundBase64, anniversaryCardBackgroundBase64 } from './Images/docx-images-base64'\n\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\n\n// Docx to pdf converter api\nimport axios from 'axios';\n\n// Get backend environment\nconst envStart = awsconfig.aws_cloud_logic_custom[0].endpoint.lastIndexOf('/');\nconst env = awsconfig.aws_cloud_logic_custom[0].endpoint.slice(envStart+1);\n\nclass Main extends Component {\n constructor() {\n super()\n this.state = {\n Activity: \"Tools\",\n member: {\n id: null,\n pnumber: null,\n mnumber: null,\n ptype: \"\",\n pactive: null,\n eforms: null,\n pforms: null,\n ecards: null,\n pcards: null,\n birthdayBooster: null,\n eReminders: null,\n fname: \"\",\n lname: \"\",\n email: \"\",\n phone: null,\n address: \"\",\n addressRemote: \"\",\n DOB: \"\",\n anumber: null,\n apayment: \"\",\n notes: \"\",\n searchField: \"\"\n },\n organization: {\n id: '',\n name: '',\n parentOrgId: '',\n active: true,\n independent: false,\n },\n allMembers: [],\n memberSelected: \"\",\n year: new Date().getFullYear(),\n emailOrderForms: false,\n generateModalShown: false,\n generateLoading: false,\n generateOrderFormsModalShown: false, \n generateOrderFormsLoading: false,\n memberDetailsLoading: false,\n cAndEType: 'OneFile',\n emailCards: false,\n state: \"\",\n loading: true,\n userPermissions: [],\n setupComplete: true,\n }\n this.changeState = this.changeState.bind(this)\n this.DisplayMember = this.DisplayMember.bind(this)\n this.getSettings = this.getSettings.bind(this)\n this.GenerateLabels = this.GenerateLabels.bind(this)\n this.GenerateOrderForms = this.GenerateOrderForms.bind(this)\n this.GenerateCandE = this.GenerateCandE.bind(this)\n this.GenerateManyCandE = this.GenerateManyCandE.bind(this)\n this.GenerateIndividualCandE = this.GenerateIndividualCandE.bind(this)\n this.loadPage = this.loadPage.bind(this)\n this.componentDidMount = this.componentDidMount.bind(this)\n this.handleChange = this.handleChange.bind(this)\n this.emailOrderForms = this.emailOrderForms.bind(this)\n }\n\n // Signout function\n async signOut() {\n try {\n await Auth.signOut();\n return false;\n } catch (error) {\n Bugsnag.notify(error);\n console.log('error signing out: ', error);\n }\n }\n\n componentDidMount() {\n this.loadPage()\n }\n\n loadPage = async () => {\n this.setState({\n memberDetailsLoading: true\n })\n // Retrieve members\n var userPermissions = []\n try {\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n if (!user_info || !user_info.username) {\n // insert 5 second pause\n await new Promise(resolve => setTimeout(resolve, 5000));\n this.loadPage()\n return\n }\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n if (user && user.data && user.data.userByUserName && user.data.userByUserName.items && user.data.userByUserName.items[0]) {\n const orgId = user.data.userByUserName.items[0].organizationId\n var settings = await this.getSettings(user)\n if (!settings) {\n this.loadPage()\n }\n else {\n\n // Check for existing setting record\n const organization_return = await API.graphql(graphqlOperation(getOrganization, { id: orgId }))\n this.setState({\n organization: organization_return.data.getOrganization\n })\n\n const permissions = user.data.userByUserName.items[0].permissions\n const parsedPermissions = permissions.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n userPermissions = parsedPermissions.map((permission) => permission.label)\n\n // Tracking\n mixpanel.identify(username)\n Bugsnag.setUser(username)\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n // organizationId: 'f8028f23-cae9-4424-b976-b7c0353808c3',\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n if (!settings.logo || settings.logo[0] === \"\") {\n var logo = [\n \"WishWell by OneGift\",\n wishWellLogo\n ]\n settings.logo = logo\n }\n else {\n const logo = await Storage.get(settings.logo[0])\n settings.logo[1] = logo\n }\n\n if (settings.bankInfo[0] === \"\") {\n this.setState({ setupComplete: false })\n }\n\n if (settings !== \"\") {\n this.setState({\n settings: settings,\n loading: false\n })\n }\n\n // SCRIPT: to update members\n // for (var i = 0; i < MEMBERS.length; i++) {\n // // if (MEMBERS[i].ptype === 5 || MEMBERS[i].ptype === 4) {\n // var updatedMember = {}\n // updatedMember.id = MEMBERS[i].id\n // updatedMember.ecards = true\n // updatedMember.pcards = true\n // updatedMember.pforms = true\n // updatedMember.eforms = true\n // // updatedMember.birthdayBooster = false\n // // updatedMember.eReminders = true\n // await API.graphql(graphqlOperation(updateMember, {input: updatedMember}))\n // .catch((err) => console.log(err))\n // console.log('1 member updated')\n // // }\n // }\n // console.log('all members updated')\n\n // SCRIPT: to update settings\n // for (var i = 0; i < settings.length; i++) {\n // // if (MEMBERS[i].ptype === 5 || MEMBERS[i].ptype === 4) {\n // var updatedSetting = {}\n // updatedSetting.id = settings[i].id\n // updatedSetting.birthdayBooster = false\n // await API.graphql(graphqlOperation(updateSetting, {input: updatedSetting}))\n // .catch((err) => console.log(err))\n // console.log('1 setting updated')\n // // }\n // }\n // console.log('all settings updated')\n\n // SCRIPT: to update transactions\n // var nextToken = null;\n // var count = 0\n // var filteredList\n // var TRANSACTIONS = []\n // filter = {\n // and: [{ organizationName: { eq: 'Aberdeen' } },]\n // };\n // while (nextToken || count === 0) {\n // count = 1\n // filteredList = await API.graphql(\n // graphqlOperation(listTransactions, {\n // filter: filter,\n // limit: 900,\n // nextToken:nextToken\n // }))\n // nextToken = filteredList.data.listTransactions.nextToken\n // TRANSACTIONS = TRANSACTIONS.concat(filteredList.data.listTransactions.items)\n // }\n\n // for (var i = 0; i < TRANSACTIONS.length; i++) {\n // var updatedTransaction = {}\n // updatedTransaction.id = TRANSACTIONS[i].id\n // updatedTransaction.organizationId = '5dee0e62-3d90-4dd6-8dfe-e4e0d08d86eb'\n // await API.graphql(graphqlOperation(updateTransaction, {input: updatedTransaction}))\n // .catch((err) => console.log(err))\n // console.log('1 transaction updated')\n // }\n // console.log('all transactions updated')\n\n // Start Tutorial if new user\n // introJs().setOptions({\n // steps: [\n // {\n // element: '.settings-button',\n // intro: 'Click this button to open the settings page.',\n // },\n // {\n // element: '#organization-tab',\n // intro: 'Click this tab to go to the Organization settings.',\n // },\n // {\n // element: '#organization-name',\n // intro: 'Fill in the name of your organization here.',\n // },\n // {\n // element: '#customization-tab',\n // intro: 'Click this tab to go to the Customization settings.',\n // },\n // {\n // element: '#customization-color',\n // intro: 'Choose a color for your organization here.',\n // },\n // {\n // element: '#members-tab',\n // intro: 'Click this tab to go to the Members settings.',\n // },\n // {\n // element: '#import-members',\n // intro: 'Click this button to import members from a CSV file.',\n // },\n // {\n // element: '#users-tab',\n // intro: 'Click this tab to go to the Users settings.',\n // },\n // {\n // element: '#add-user',\n // intro: 'Click this button to add a new user.',\n // },\n // {\n // element: '#organization-tab',\n // intro: 'Click this tab to go back to the Organization settings.',\n // },\n // {\n // element: '#enable-wishwell',\n // intro: 'Check this box to enable WishWell for your organization.',\n // },\n // ],\n // }).start();\n }\n }\n else {\n this.loadPage()\n return\n }\n\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n this.setState({\n allMembers: MEMBERS,\n userPermissions: userPermissions,\n memberDetailsLoading: false\n });\n }\n\n getSettings = async(userRecord) => {\n // Check for existing setting record\n var user = {}\n if (!userRecord) {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n }\n else {\n user = userRecord\n }\n \n if (user) {\n const orgId = user.data.userByUserName.items[0].organizationId\n const settings_record = await API.graphql(graphqlOperation(settingsByOrganizationId, { organizationId: orgId }))\n if (settings_record && settings_record.data.settingsByOrganizationId.items[0]) {\n return settings_record.data.settingsByOrganizationId.items[0]\n }\n else {\n this.loadPage()\n }\n }\n else {\n this.loadPage()\n }\n \n }\n\n DisplayMember(member) {\n this.setState({member: {\n id: member.id,\n pnumber: member.pnumber,\n mnumber: member.mnumber,\n ptype: member.ptype,\n pactive: member.pactive,\n pforms: member.pforms,\n eforms: member.eforms,\n pcards: member.pcards,\n ecards: member.ecards,\n birthdayBooster: member.birthdayBooster,\n eReminders: member.eReminders,\n fname: member.fname,\n lname: member.lname,\n email: member.email,\n phone: member.phone,\n address: member.address,\n addressRemote: member.addressRemote,\n DOB: member.DOB,\n anumber: member.anumber,\n apayment: member.apayment,\n notes: member.notes,\n }})\n }\n\n handleChange(event) {\n const target = event.target\n if (target.id === 'emailEForms') {\n var emailEForms = target.checked ? true : false\n this.setState({\n emailOrderForms: emailEForms\n })\n }\n if (target.id === 'emailCards') {\n var emailCards = target.checked ? true : false\n this.setState({\n emailCards: emailCards\n })\n }\n if (target.id === 'cAndEType') {\n this.setState({\n cAndEType: target.value\n })\n }\n // else {\n // const field = target.name\n // const value = target.value\n // updatedMember[field] = value\n // this.setState({\n // member: updatedMember\n // })\n // }\n }\n\n emailOrderForms = async () => {\n\n // Tracking\n mixpanel.track('Order forms emailed');\n\n const quarter = document.getElementById(\"order-quarter\").value\n\n // Get orgId\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n\n var nextToken = null;\n var count = 0\n var filteredList\n var SETTINGS = []\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(listSettings, {\n filter: {\n organizationId: { eq: orgId }\n },\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.listSettings.nextToken\n SETTINGS = SETTINGS.concat(filteredList.data.listSettings.items)\n }\n\n var months = ''\n switch (quarter) {\n case 'Q2':\n months = 'April, May, and June';\n break;\n case 'Q3':\n months = 'July, August, and September';\n break;\n case 'Q4':\n months = 'October, November, and December';\n break;\n case 'Q1':\n months = 'January, February, and March';\n break;\n default:\n break;\n // quarter = 'Q1';\n // months = 'January, February, and March';\n }\n\n const subject = SETTINGS.length > 0 ? ' Here\\'s your ' + SETTINGS[0].chapterName + ' WishWell Order Form' : 'Here\\'s your WishWell Order Form!'\n\n for (var i=0; i < this.state.allMembers.length; i++) {\n // for (var i=0; i < 1; i++) {\n if (this.state.allMembers[i].eforms) {\n const options = {\n from: `${this.state.settings.chapterName} \n
\n OneGift SOPs
\n- \n
- Corporate (Asana: wishwell.ai/brain) \n
- Mission: increase donations (Goals and org chart) \n
- Values \n
- Mission-driven: we're on a mission to empower generosity and connection with technology, and we exude a passion and commitment to driving donations towards the truly important causes that our customers support. \n
- Generous: to empower generosity, we must be generous ourselves. Generous with our time and resources to our team, our customers, our communities, and beyond. \n
- Joyful: life is short. We must spend every moment we can being healthy, happy, and joyful. We are grateful to be working on the OneGift mission, supporting generous leaders throughout the global giving community. \n
- Charitable Giving and Customer Incentives: 10% of all profits will be split between all customers (or charity partners) on a regular basis \n
- Incentives \n
- Profit Sharing: 10% of all profits will be split between all employees on a regular basis (no caps, no clawbacks) \n
- Referrals / Commissions: $.50 for every newly active donor \n
- Metrics: (Details - Mixpanel: wishwell.ai/metrics) \n
- Total Organizations: {this.state.latestReport.organizations ? this.state.latestReport.organizations.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : null} \n
- Active Organizations: {this.state.latestReport.activeOrganizations ? this.state.latestReport.activeOrganizations.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : null} \n
- Org Churn: {this.state.latestReport.orgChurn ? this.state.latestReport.orgChurn.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : 0} \n
- Total Users: {this.state.latestReport.users ? this.state.latestReport.users.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : null} \n
- Total Donors: {this.state.latestReport.members ? this.state.latestReport.members.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : null} \n
- Active Donors: { this.state.latestReport.activeMembers ? this.state.latestReport.activeMembers.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : null} \n
- Donor Churn: {this.state.latestReport.memberChurn ? this.state.latestReport.memberChurn.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : 0} \n
- Total Wishes: {this.state.latestReport.wishes ? (this.state.latestReport.wishes + 868786).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : null} \n {this.state.user === 'ryan@onegift.ai' &&
- Total Donations: ${this.state.latestReport.donations ? (this.state.latestReport.donations + 868786).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null} \n
- TTM Fees: ${this.state.ttmRevenue ? this.state.ttmRevenue.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null} \n
- Projected Annual Fees (from last 90 days): ${this.state.ARRProjectedLTM ? this.state.ARRProjectedLTM.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null}
- Customer Sources: {this.state.latestReport.customerSources} */}\n
- Product (Jira/Confluence: wishwell.ai/dev) \n
- Product roadmap and feature requests wishwell.ai/features \n
- Bugs (Bugsnag) wishwell.ai/bugs \n
- Growth (Marketing and sales tracker) \n
- Departments \n
- Attract (marketing) - create and promote content to attract people and organizations to OneGift and our products \n
- Engage (sales) - reach out and engage potential customers and partners to educate and expand our global reach \n
- Delight (customer success/service) - delight existing customers by ensuring a delightful experience along with meaningful donations growth \n
- Frameworks \n
- Attract (marketing) - Product Marketing Framework \n
- Engage (sales) - Founding Sales by Kazanjy \n {/*
- Delight (customer success/service) - */}\n
- Tools \n
- HootSuite (Social Media): wishwell.ai/social \n
- Apollo (Lead Generator): wishwell.ai/prospects \n
- Hubspot (CRM): wishwell.ai/growth \n
- Pipeline \n
- Leads (Attract): inbound opportunities not yet qualified \n
- Prospects/MQL's (Engage): prospects identified as ideal potential customers or qualified inbound leads \n
- SQL's (Engage): responsive prospects/MQL's that have not committed to a meeting yet \n
- Opportunities (Delight): qualified and interested buyers that need to be actively engaged in a deal pipeline \n
- Demo scheduled \n
- Decision maker bought in \n
- Registered \n
- Activated - contact becomes a customer when they have enabled WishWell and are actively generating donations from the product \n
- Customer Advocate Referral Links: wishwell.ai/advocates/ADVOCATENAME \n
- Partner Referral Links: wishwell.ai/partners/PARTNERNAME \n
- Resources (onegiftfoundation.org/resources) \n
- Why Wishwell (Organizations) wishwell.ai/whywishwell \n
- Why Wishwell (Donors) wishwell.ai/why \n
- Deck onegiftfoundation.org/deck \n
- 1-pager onegiftfoundation.org/1pager \n
- How it works wishwell.ai/howitworks \n
- Whitepaper wishwell.ai/whitepaper \n
- Customer Case Study (PAP Corp) wishwell.ai/papcase \n
- Watch Demo wishwell.ai/demo \n
- Schedule Demo wishwell.ai/scheduledemo \n
- WishWell Signup wishwell.ai/signup \n
- Kickoff Meeting wishwell.ai/kickoff \n
- How to Get Started wishwell.ai/getstarted \n
- Admin Setup Tutorial wishwell.ai/setuptutorial \n
- Donor Make Wishes Tutorial wishwell.ai/wishestutorial \n
- YouTube Page wishwell.ai/videos \n
- Record Screen (for customers) wishwell.ai/recordscreen \n
- Remote Support (admin login) wishwell.ai/remote \n
- Remote Support (for customers) wishwell.ai/remotesupport \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
${this.state.allMembers[i].fname},
It's time to place your ${this.state.settings.chapterName} wishes for ${quarter} events occuring in ${months}. Please head over to wishwell.ai/ ${this.state.settings.makeAWishURL} to place your orders via secure credit card or ACH payment today!
If you're new to WishWell, you can get more information on how the process works at: wishwell.ai/wishestutorial
Wishes are due by the end of the month. Please contact your organization administrator at ${this.state.settings.orgEmail} if you don't want to get these reminders anymore. ${this.state.allMembers[i].pforms ? 'Or, if you prefer to go fully digital, you can email them to say that you would like to opt out of physical order forms going forward (if you haven\\'t already).' : ''}
Happy Giving!
Your ${this.state.settings.chapterName} Team!
Learn more about WishWell and OneGift
`,\n subject: subject,\n };\n try {\n // Send email call to api\n const apiName = 'wishwellapi';\n var path = '/wishwellapi/sendEmail';\n var myInit = { // OPTIONAL\n body: {\n options: options\n },\n headers: {}, // OPTIONAL\n };\n await API.post(apiName, path, myInit)\n\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Members couldn\\'t be emailed. Please try again or contact support', {duration: 5,})\n }\n }\n }\n }\n\n GenerateLabels = async (labelType) => {\n \n try {\n // Create document\n const doc = new Document();\n\n // Placeholder for members data to get labelmaker working\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = {\n and: [{ ptype: { ne: 5 } },\n { pactive: { eq: \"true\"} },\n { pforms: { eq: \"true\"} },\n { DOB: { ne: \"1900-01-01\" } },\n { DOB: { ne: \"\" } }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n \n // Sort membersForLabels by lastname\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n // Get number of active members and concat fname to lname to name\n const memberCount = MEMBERS.length;\n var memberNameAndNumberForLabels = []\n for (var k = 0; k < memberCount; k++) {\n memberNameAndNumberForLabels[k] = MEMBERS[k].fname + \" \" + MEMBERS[k].lname + \" \" + MEMBERS[k].pnumber\n }\n\n if (labelType === \"stickers\") {\n // remove table borders\n const borders = {\n top: {\n style: BorderStyle.NONE,\n size: 1,\n },\n bottom: {\n style: BorderStyle.NONE,\n size: 1,\n },\n left: {\n style: BorderStyle.NONE,\n size: 1,\n },\n right: {\n style: BorderStyle.NONE,\n size: 1,\n },\n };\n\n // set table height and cell width\n const tableHeight = 385;\n const cellWidth = 3000;\n\n //var i = 0;\n for (var j = 0; j < (Math.floor((memberCount-1) / 30) + 1); j++) {\n var i = j*30\n const table = new Table({\n alignment: AlignmentType.CENTER,\n rows: [\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 1 > memberCount ? \"\" : memberNameAndNumberForLabels[i],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 2 > memberCount ? \"\" : memberNameAndNumberForLabels[i+1],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 3) > memberCount ? \"\" : memberNameAndNumberForLabels[i+2],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 1 > memberCount ? \"\" : MEMBERS[i].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 2 > memberCount ? \"\" : MEMBERS[i+1].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 3 > memberCount ? \"\" : MEMBERS[i+2].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 1 > memberCount ? \"\" : MEMBERS[i].address1.substring(MEMBERS[i].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 2 > memberCount ? \"\" : MEMBERS[i+1].address1.substring(MEMBERS[i+1].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 3 > memberCount ? \"\" : MEMBERS[i+2].address1.substring(MEMBERS[i+2].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 4 > memberCount ? \"\" : memberNameAndNumberForLabels[i+3],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 5 > memberCount ? \"\" : memberNameAndNumberForLabels[i+4],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 6) > memberCount ? \"\" : memberNameAndNumberForLabels[i+5],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 4 > memberCount ? \"\" : MEMBERS[i+3].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 5 > memberCount ? \"\" : MEMBERS[i+4].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 6 > memberCount ? \"\" : MEMBERS[i+5].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 4 > memberCount ? \"\" : MEMBERS[i+3].address1.substring(MEMBERS[i+3].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 5 > memberCount ? \"\" : MEMBERS[i+4].address1.substring(MEMBERS[i+4].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 6 > memberCount ? \"\" : MEMBERS[i+5].address1.substring(MEMBERS[i+5].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 7 > memberCount ? \"\" : memberNameAndNumberForLabels[i+6],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 8 > memberCount ? \"\" : memberNameAndNumberForLabels[i+7],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 9) > memberCount ? \"\" : memberNameAndNumberForLabels[i+8],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 7 > memberCount ? \"\" : MEMBERS[i+6].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 8 > memberCount ? \"\" : MEMBERS[i+7].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 9 > memberCount ? \"\" : MEMBERS[i+8].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 7 > memberCount ? \"\" : MEMBERS[i+6].address1.substring(MEMBERS[i+6].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 8 > memberCount ? \"\" : MEMBERS[i+7].address1.substring(MEMBERS[i+7].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 9 > memberCount ? \"\" : MEMBERS[i+8].address1.substring(MEMBERS[i+8].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 10 > memberCount ? \"\" : memberNameAndNumberForLabels[i+9],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 11 > memberCount ? \"\" : memberNameAndNumberForLabels[i+10],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 12) > memberCount ? \"\" : memberNameAndNumberForLabels[i+11],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 10 > memberCount ? \"\" : MEMBERS[i+9].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 11 > memberCount ? \"\" : MEMBERS[i+10].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 12 > memberCount ? \"\" : MEMBERS[i+11].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 10 > memberCount ? \"\" : MEMBERS[i+9].address1.substring(MEMBERS[i+9].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 11 > memberCount ? \"\" : MEMBERS[i+10].address1.substring(MEMBERS[i+10].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 12 > memberCount ? \"\" : MEMBERS[i+11].address1.substring(MEMBERS[i+11].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 13 > memberCount ? \"\" : memberNameAndNumberForLabels[i+12],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 14 > memberCount ? \"\" : memberNameAndNumberForLabels[i+13],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 15) > memberCount ? \"\" : memberNameAndNumberForLabels[i+14],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 13 > memberCount ? \"\" : MEMBERS[i+12].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 14 > memberCount ? \"\" : MEMBERS[i+13].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 15 > memberCount ? \"\" : MEMBERS[i+14].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 13 > memberCount ? \"\" : MEMBERS[i+12].address1.substring(MEMBERS[i+12].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 14 > memberCount ? \"\" : MEMBERS[i+13].address1.substring(MEMBERS[i+13].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 15 > memberCount ? \"\" : MEMBERS[i+14].address1.substring(MEMBERS[i+14].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 16 > memberCount ? \"\" : memberNameAndNumberForLabels[i+15],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 17 > memberCount ? \"\" : memberNameAndNumberForLabels[i+16],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 18) > memberCount ? \"\" : memberNameAndNumberForLabels[i+17],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 16 > memberCount ? \"\" : MEMBERS[i+15].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 17 > memberCount ? \"\" : MEMBERS[i+16].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 18 > memberCount ? \"\" : MEMBERS[i+17].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 16 > memberCount ? \"\" : MEMBERS[i+15].address1.substring(MEMBERS[i+15].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 17 > memberCount ? \"\" : MEMBERS[i+16].address1.substring(MEMBERS[i+16].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 18 > memberCount ? \"\" : MEMBERS[i+17].address1.substring(MEMBERS[i+17].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 19 > memberCount ? \"\" : memberNameAndNumberForLabels[i+18],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 20 > memberCount ? \"\" : memberNameAndNumberForLabels[i+19],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 21) > memberCount ? \"\" : memberNameAndNumberForLabels[i+20],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 19 > memberCount ? \"\" : MEMBERS[i+18].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 20 > memberCount ? \"\" : MEMBERS[i+19].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 21 > memberCount ? \"\" : MEMBERS[i+20].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 19 > memberCount ? \"\" : MEMBERS[i+18].address1.substring(MEMBERS[i+18].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 20 > memberCount ? \"\" : MEMBERS[i+19].address1.substring(MEMBERS[i+19].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 21 > memberCount ? \"\" : MEMBERS[i+20].address1.substring(MEMBERS[i+20].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 22 > memberCount ? \"\" : memberNameAndNumberForLabels[i+21],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 23 > memberCount ? \"\" : memberNameAndNumberForLabels[i+22],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 24) > memberCount ? \"\" : memberNameAndNumberForLabels[i+23],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 22 > memberCount ? \"\" : MEMBERS[i+21].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 23 > memberCount ? \"\" : MEMBERS[i+22].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 24 > memberCount ? \"\" : MEMBERS[i+23].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 22 > memberCount ? \"\" : MEMBERS[i+21].address1.substring(MEMBERS[i+21].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 23 > memberCount ? \"\" : MEMBERS[i+22].address1.substring(MEMBERS[i+22].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 24 > memberCount ? \"\" : MEMBERS[i+23].address1.substring(MEMBERS[i+23].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 25 > memberCount ? \"\" : memberNameAndNumberForLabels[i+24],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 26 > memberCount ? \"\" : memberNameAndNumberForLabels[i+25],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 27) > memberCount ? \"\" : memberNameAndNumberForLabels[i+26],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 25 > memberCount ? \"\" : MEMBERS[i+24].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 26 > memberCount ? \"\" : MEMBERS[i+25].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 27 > memberCount ? \"\" : MEMBERS[i+26].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 25 > memberCount ? \"\" : MEMBERS[i+24].address1.substring(MEMBERS[i+24].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 26 > memberCount ? \"\" : MEMBERS[i+25].address1.substring(MEMBERS[i+25].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 27 > memberCount ? \"\" : MEMBERS[i+26].address1.substring(MEMBERS[i+26].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 280,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 28 > memberCount ? \"\" : memberNameAndNumberForLabels[i+27],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 29 > memberCount ? \"\" : memberNameAndNumberForLabels[i+28],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n cellWidth,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: (i + 30) > memberCount ? \"\" : memberNameAndNumberForLabels[i+29],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 28 > memberCount ? \"\" : MEMBERS[i+27].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 29 > memberCount ? \"\" : MEMBERS[i+28].address1.split(',')[0],\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 30 > memberCount ? \"\" : MEMBERS[i+29].address1.split(',')[0],\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 28 > memberCount ? \"\" : MEMBERS[i+27].address1.substring(MEMBERS[i+27].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 29 > memberCount ? \"\" : MEMBERS[i+28].address1.substring(MEMBERS[i+28].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: cellWidth,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: i + 30 > memberCount ? \"\" : MEMBERS[i+29].address1.substring(MEMBERS[i+29].address1.indexOf(',') + 2),\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n ],\n width: {\n size: 92,\n type: WidthType.PERCENTAGE,\n },\n });\n doc.addSection({\n margins: {\n top: \"0.5\",\n right: \"0.19\",\n bottom: \"0\",\n left: 0.19,\n },\n children: [\n table,\n ],\n });\n }\n }\n else {\n const orderMailerImage = Media.addImage(\n doc,\n Uint8Array.from(atob(orderMailerImageBase64), c => c.charCodeAt(0)),\n 700,\n 150,\n );\n // Create birthday related elements\n const orderMailerImageParagraph = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n orderMailerImage,\n new TextRun({\n break: 1\n })\n ]\n });\n for (i=0; i < memberCount; i++) {\n // Generate Cover Page (for double sided mailer)\n const mailingSideParagraph1 = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"To: \" + MEMBERS[i].fname + \" \" + MEMBERS[i].lname + \" Your PAP Corp # is \" + MEMBERS[i].pnumber,\n size: 35,\n bold: true\n }),\n new TextRun({\n text: \"Please note: All checks made out to PAP must have your “PAP Corp #“ on it.\",\n size: 24,\n bold: true,\n italics: true,\n break: 1\n }),\n new TextRun({\n text: \"Thank you for being a member!\",\n size: 24,\n bold: true,\n italics: true,\n break: 2\n }),\n new TextRun({\n text: \"If you have not yet renewed your membership, please do so ASAP. Help us in our FIGHT TO FIND A CURE\",\n size: 20,\n bold: true,\n break: 2\n }),\n new TextRun({\n text: \"Your membership gives you priority access to doctors at the Sylvester Comprehensive Cancer Center and Jackson Memorial \"\n + \"Hospital as well as a network of information to help you in making difficult decisions should the need arise. If you would like to \"\n + \"see a specialist (regarding any illness) affiliated with Sylvester Comprehensive Cancer Center or Jackson Memorial Hospital, \"\n + \"first call Marilyn Ochs @ 375-9577 to make your appointment. Following this procedure will result in your getting a priority \"\n + \"appointment sooner than if you or your doctor make the call.\",\n size: 18,\n bold: true,\n italics: true,\n break: 2\n }),\n new TextRun({\n text: \"Support us in our FUND-raising events!\",\n size: 30,\n bold: true,\n italics: true,\n break: 2\n }),\n new TextRun({\n text: \"PLEASE HELP US UPDATE OUR RECORDS. IF YOU HAVE A NORTHERN ADDRESS, PLEASE ENTER OR UPDATE BELOW\",\n size: 18,\n bold: true,\n italics: true,\n break: 2\n }),\n new TextRun({\n text: \"IF THE NORTHERN ADDRESS SHOULD BE REMOVED, PLEASE LET US KNOW AS WELL.\",\n size: 12,\n bold: true,\n break: 1\n }),\n new TextRun({\n text: \"_________________________________________ _____________________________________ _____________________\",\n size: 18,\n bold: true,\n break: 2\n }),\n new TextRun({\n text: \" STREET CITY - STATE - ZIP cell\",\n size: 18,\n bold: true,\n break: 1\n }),\n new TextRun({\n text: \"Flyers for all events will be in the clubhouse and on the web page.\",\n size: 24,\n bold: true,\n break: 2\n }),\n new TextRun({\n text: \"_______________\",\n size: 30,\n break: 2\n })\n ]\n })\n const mailingSideParagraph2 = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: MEMBERS[i].fname + \" \" + MEMBERS[i].lname,\n size: 40,\n bold: true,\n break: 2\n }),\n new TextRun({\n text: \"OR CURRENT RESIDENT\",\n size: 20,\n bold: true,\n break: 1\n }),\n new TextRun({\n text: MEMBERS[i].address1.split(',')[0], // Street Address\n size: 28,\n break: 1\n }),\n new TextRun({\n text: MEMBERS[i].address1.substring(MEMBERS[i].address1.indexOf(',') + 2), // City, State ZIP\n size: 28,\n break: 1\n })\n ]\n })\n const mailingLabelChildren = [];\n mailingLabelChildren.push(mailingSideParagraph1, orderMailerImageParagraph, mailingSideParagraph2);\n\n doc.addSection({\n margins: {top: 720, right: 720, bottom: 720, left: 720},\n children: mailingLabelChildren\n })\n }\n }\n // Save docx file from browser \n Packer.toBlob(doc).then((blob) => {\n // saveAs from FileSaver will download the file\n FileSaver(blob, \"WishWell Mailing Labels.docx\");\n });\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Label generation failed: ' + error + '. If issue continues, contact experience@onegiftfoundation.org for support.', {duration: 5,})\n }\n }\n\n GenerateOrderForms = async () => {\n\n // Tracking\n mixpanel.track('Labels and order forms generated');\n\n const labelType = document.getElementById(\"order-labels\").value\n await this.GenerateLabels(labelType)\n // email order forms\n if (this.state.emailOrderForms) {\n this.emailOrderForms()\n }\n\n const quarter = document.getElementById(\"order-quarter\").value\n // Generate Order Forms in MS word\n try {\n const doc = new Document()\n\n // Get birthday/anniversary banners as Base64 - to convert png to base64: https://codesandbox.io/s/convert-file-to-base64-in-react-lqi1e\n \n const birthdayImage = Media.addImage(\n doc,\n Uint8Array.from(atob(birthdayImageBase64), c => c.charCodeAt(0)),\n 700,\n 100,\n );\n \n const anniversaryImage = Media.addImage(\n doc,\n Uint8Array.from(atob(anniversaryImageBase64), c => c.charCodeAt(0)),\n 700,\n 100,\n );\n\n // Retrieve active members\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = {\n and: [{ pactive: { eq: \"true\"} },\n { DOB: { ne: \"1900-01-01\" } },\n { DOB: { ne: \"\" } }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n\n // sort members\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n const memberCount = MEMBERS.length\n\n // Set months of quarter\n var quarterMonths = []\n switch(quarter) {\n case \"Q1\":\n quarterMonths = [\"January\", \"February\", \"March\"]\n break;\n case \"Q2\":\n quarterMonths = [\"April\", \"May\", \"June\"]\n break;\n case \"Q3\":\n quarterMonths = [\"July\", \"August\", \"September\"]\n break;\n case \"Q4\":\n quarterMonths = [\"October\", \"November\", \"December\"]\n break;\n default: \n break;\n }\n \n // Filter birthdays and anniversaries by quarter\n var quarterBirthdays = []\n var quarterAnniversaries = []\n for (var i = 0; i < memberCount; i++) {\n switch(quarter) {\n case \"Q1\":\n if (MEMBERS[i].DOB.split(\"-\")[1] >= 1 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 3) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n break;\n case \"Q2\":\n if (MEMBERS[i].DOB.split(\"-\")[1] >= 4 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 6) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n break;\n case \"Q3\":\n if (MEMBERS[i].DOB.split(\"-\")[1] >= 7 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 9) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n break;\n case \"Q4\":\n if (MEMBERS[i].DOB.split(\"-\")[1] >= 10 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 12) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n break;\n default:\n // code block\n }\n }\n\n // Get string versions of pnumber, fname, month, and day\n var quarterBirthdaysForTable = [[]]\n for (i = 0; i < quarterBirthdays.length; i++) {\n quarterBirthdaysForTable[i].pnumber = quarterBirthdays[i].pnumber ? quarterBirthdays[i].pnumber.toString(): '';\n quarterBirthdaysForTable[i].fname = quarterBirthdays[i].fname + \" \" + quarterBirthdays[i].lname;\n quarterBirthdaysForTable[i].month = quarterBirthdays[i].DOB.split(\"-\")[1];\n quarterBirthdaysForTable[i].day = quarterBirthdays[i].DOB.split(\"-\")[2];\n quarterBirthdaysForTable.push({\n pnumber: \"\",\n fname: \"\",\n month: \"\",\n day: \"\",\n });\n }\n quarterBirthdaysForTable.pop()\n\n var quarterAnniversariesForTable = [[]];\n for (i = 0; i < quarterAnniversaries.length; i++) {\n quarterAnniversariesForTable[i].pnumber = quarterAnniversaries[i].pnumber ? quarterAnniversaries[i].pnumber.toString() : '';\n quarterAnniversariesForTable[i].fname = quarterAnniversaries[i].fname + \" \" + quarterAnniversaries[i].lname;\n quarterAnniversariesForTable[i].month = quarterAnniversaries[i].DOB.split(\"-\")[1];\n quarterAnniversariesForTable[i].day = quarterAnniversaries[i].DOB.split(\"-\")[2];\n quarterAnniversariesForTable.push({\n pnumber: \"\",\n fname: \"\",\n month: \"\",\n day: \"\",\n });\n }\n quarterAnniversariesForTable.pop()\n\n // Create 2D arrays of Months -> Members\n var quarterBirthdaysByMonth = [[],[],[]]\n for (i = 0; i < quarterBirthdaysForTable.length; i++) {\n if (quarterBirthdaysForTable[i].month === '01' || \n quarterBirthdaysForTable[i].month === '04' || \n quarterBirthdaysForTable[i].month === '07' || \n quarterBirthdaysForTable[i].month === '10') {\n quarterBirthdaysByMonth[0].push(quarterBirthdaysForTable[i])\n }\n else if (quarterBirthdaysForTable[i].month === '02' || \n quarterBirthdaysForTable[i].month === '05' || \n quarterBirthdaysForTable[i].month === '08' || \n quarterBirthdaysForTable[i].month === '11') {\n quarterBirthdaysByMonth[1].push(quarterBirthdaysForTable[i])\n }\n else if (quarterBirthdaysForTable[i].month === '03' || \n quarterBirthdaysForTable[i].month === '06' || \n quarterBirthdaysForTable[i].month === '09' || \n quarterBirthdaysForTable[i].month === '12') {\n quarterBirthdaysByMonth[2].push(quarterBirthdaysForTable[i])\n }\n }\n\n var quarterAnniversariesByMonth = [[],[],[]]\n for (i = 0; i < quarterAnniversariesForTable.length; i++) {\n if (quarterAnniversariesForTable[i].month === '01' || \n quarterAnniversariesForTable[i].month === '04' || \n quarterAnniversariesForTable[i].month === '07' || \n quarterAnniversariesForTable[i].month === '10') {\n quarterAnniversariesByMonth[0].push(quarterAnniversariesForTable[i])\n }\n else if (quarterAnniversariesForTable[i].month === '02' || \n quarterAnniversariesForTable[i].month === '05' || \n quarterAnniversariesForTable[i].month === '08' || \n quarterAnniversariesForTable[i].month === '11') {\n quarterAnniversariesByMonth[1].push(quarterAnniversariesForTable[i])\n }\n else if (quarterAnniversariesForTable[i].month === '03' || \n quarterAnniversariesForTable[i].month === '06' || \n quarterAnniversariesForTable[i].month === '09' || \n quarterAnniversariesForTable[i].month === '12') {\n quarterAnniversariesByMonth[2].push(quarterAnniversariesForTable[i])\n }\n }\n\n // set table borders\n const borders = {\n top: {\n style: BorderStyle.SINGLE,\n size: 1,\n },\n bottom: {\n style: BorderStyle.SINGLE,\n size: 1,\n },\n left: {\n style: BorderStyle.SINGLE,\n size: 1,\n },\n right: {\n style: BorderStyle.SINGLE,\n size: 1,\n },\n };\n\n // set all table height and cell width\n const tableHeight = 250;\n\n const bRows = []\n\n // Set birthday table headers\n const bRow = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"No\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 200,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterMonths[0],\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Day\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"X\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"No\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 200,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterMonths[1],\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Day\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"X\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"No\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 200,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterMonths[2],\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Day\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"X\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n bRows.push(bRow)\n\n // Populate birthday table\n const bTableRows = Math.max(quarterBirthdaysByMonth[0].length, quarterBirthdaysByMonth[1].length, quarterBirthdaysByMonth[2].length)\n for (i = 0; i < bTableRows; i++) {\n const bRow = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n //size: 50,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[0][i] ? quarterBirthdaysByMonth[0][i].pnumber : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[0][i] ? quarterBirthdaysByMonth[0][i].fname : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[0][i] ? quarterBirthdaysByMonth[0][i].day : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 50,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[1][i] ? quarterBirthdaysByMonth[1][i].pnumber : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[1][i] ? quarterBirthdaysByMonth[1][i].fname : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[1][i] ? quarterBirthdaysByMonth[1][i].day : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 50,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[2][i] ? quarterBirthdaysByMonth[2][i].pnumber : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[2][i] ? quarterBirthdaysByMonth[2][i].fname : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterBirthdaysByMonth[2][i] ? quarterBirthdaysByMonth[2][i].day : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 24,\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n bRows.push(bRow)\n }\n\n //Generate birthday tables\n const birthdayTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: bRows,\n width: {\n size: 105,\n type: WidthType.PERCENTAGE,\n },\n });\n\n const aRows = []\n\n // Set anniversary table headers\n const aRow = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"No\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 40,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterMonths[0],\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Day\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"X\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 10,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"No\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 400,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterMonths[1],\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Day\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"X\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 10,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"No\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 400,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterMonths[2],\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Day\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 5,\n type: WidthType.PERCENTAGE\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"X\",\n bold: true,\n size: 24,\n }),\n ]\n })],\n }),\n ],\n height: {\n height: 500,\n rule: HeightRule.EXACT,\n },\n })\n aRows.push(aRow)\n\n // Populate anniversary table\n const aTableRows = Math.max(quarterAnniversariesByMonth[0].length, quarterAnniversariesByMonth[1].length, quarterAnniversariesByMonth[2].length)\n for (i = 0; i < aTableRows; i++) {\n const aRow = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 50,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[0][i] ? quarterAnniversariesByMonth[0][i].pnumber : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 200,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[0][i] ? quarterAnniversariesByMonth[0][i].fname : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[0][i] ? quarterAnniversariesByMonth[0][i].day : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 50,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[1][i] ? quarterAnniversariesByMonth[1][i].pnumber : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 200,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[1][i] ? quarterAnniversariesByMonth[1][i].fname : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[1][i] ? quarterAnniversariesByMonth[1][i].day : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n //size: 100,\n type: WidthType.AUTO\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 50,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[2][i] ? quarterAnniversariesByMonth[2][i].pnumber : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 200,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[2][i] ? quarterAnniversariesByMonth[2][i].fname : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: quarterAnniversariesByMonth[2][i] ? quarterAnniversariesByMonth[2][i].day : \"\",\n size: 24,\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: 500,\n rule: HeightRule.EXACT,\n },\n })\n aRows.push(aRow)\n }\n\n //Generate anniversary tables\n const anniversaryTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: aRows,\n width: {\n size: 105,\n type: WidthType.PERCENTAGE,\n },\n });\n\n // Compile Order Forms\n const orderFormChildren = [];\n\n // Create birthday related elements\n const birthdayOFImageParagraph = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n birthdayImage,\n ]\n });\n const birthdayOFDearParagraph = new Paragraph({\n children: [new TextRun({\n text: \" Dear Member,\",\n size: 24,})]\n });\n const birthdayOFTextParagraph = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" Listed below are lists of PAP Chapter members with birthdays that occur during the months of \",\n size: 24,\n }),\n new TextRun({\n text: quarterMonths[0] + \", \" + quarterMonths[1] + \", and \" + quarterMonths[2] + \", ENTERYEAR\",\n size: 40,\n bold: true,\n break: 1,}),\n new TextRun({\n text: \"Your name will be included in a personalized birthday card that will be sent to the member(s) of your choice for a donation of $1.00 per greeting. Put an X next to the names of your choice and submit this form with your check payable to: \",\n size: 24,\n break: 1,\n }),\n new TextRun({\n text: \"The PAP Corps.\",\n size: 24,\n bold: true}),\n new TextRun({\n text: \"Place this completed form with your check (one check per family) and mail to \" + this.state.settings.chapterName + \", \" + this.state.settings.envelopeReturnAddressLine1 + \", \" + this.state.settings.envelopeReturnAddressLine2 + \" or deposited into a box by the front door. \",\n size: 24,\n break: 1,\n }),\n new TextRun({\n text: \"FULL DONOR CREDIT WILL BE ISSUED TO YOU\",\n break: 2,\n }),\n new TextRun({\n text: \"We must receive your selection and check no later than INSERT DUE DATE \",\n size: 24,\n bold: true,\n break: 1,}),\n new TextRun({\n text: \"Member Name:_________________________ (one name only) Pap no.__________\",\n break: 2,\n size: 24,\n bold: true,\n }),\n new TextRun({\n text: \"Total number of checked names: ______ times $1.00 equals $ ___________ Check No: ________\",\n size: 24,\n bold: true,\n break: 2,\n }),\n ]\n });\n\n // Add birthday elements to order form document children\n orderFormChildren.push(birthdayOFImageParagraph, birthdayOFDearParagraph, birthdayOFTextParagraph, birthdayTable);\n\n // Check if any anniversary members for quarter\n // If any generate the form, otherwise do not\n if (quarterAnniversariesByMonth[0].length > 0 \n || quarterAnniversariesByMonth[1].length > 0 \n || quarterAnniversariesByMonth[2].length > 0) {\n const pageBreak = new Paragraph({\n pageBreakBefore: true,\n });\n const anniversaryOFImageParagraph = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n anniversaryImage,\n ],\n });\n const anniversaryOFDearParagraph = new Paragraph({children: [new TextRun({\n text: \" Dear Member,\",\n size: 24\n }),]});\n const anniversaryOFTextParagraph = new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" Listed below are lists of PAP Chapter members with anniversaries that occur during the months of \",\n size: 24,\n }),\n new TextRun({\n text: quarterMonths[0] + \", \" + quarterMonths[1] + \", and \" + quarterMonths[2] + \", ENTERYEAR\",\n size: 40,\n bold: true,\n break: 1,}),\n new TextRun({\n text: \"Your name will be included in a personalized anniversary card that will be sent to the member(s) of your choice for a donation of $1.00 per greeting. Put an X next to the names of your choice and submit this form with your check payable to: \",\n size: 24,\n break: 1,\n }),\n new TextRun({\n text: \"The PAP Corps.\",\n size: 24,\n bold: true,}),\n new TextRun({\n text: \"Place this completed form with your check (one check per family) and mail to \" + this.state.settings.chapterName + \", \" + this.state.settings.envelopeReturnAddressLine1 + \", \" + this.state.settings.envelopeReturnAddressLine2 + \" or deposited into a box by the front door. \",\n size: 24,\n break: 1,\n }),\n new TextRun({\n text: \"FULL DONOR CREDIT WILL BE ISSUED TO YOU\",\n break: 2,\n }),\n new TextRun({\n text: \"We must receive your selection and check no later than INSERT DUE DATE \",\n size: 24,\n bold: true,\n break: 1,}),\n new TextRun({\n text: \"Member Name:_________________________ (one name only) Pap no.__________\",\n break: 2,\n size: 24,\n bold: true,\n }),\n new TextRun({\n text: \"Total number of checked names: ______ times $1.00 equals $ ___________ Check No: ________\",\n size: 24,\n bold: true,\n break: 2,\n }),\n ]\n });\n\n // Add anniversary elements to order form document children\n orderFormChildren.push(pageBreak, anniversaryOFImageParagraph, anniversaryOFDearParagraph, anniversaryOFTextParagraph, anniversaryTable);\n }\n\n doc.addSection({\n margins: {top: 720, right: 720, bottom: 720, left: 720},\n children: orderFormChildren\n })\n\n Packer.toBlob(doc).then((blob) => {\n // saveAs from FileSaver will download the file\n FileSaver(blob, \"WishWell Order Forms.docx\");\n });\n\n toaster.success('Order forms and labels generated successfully!', {duration: 5,})\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Order form generator failed: ' + error + '. If issue continues, contact experience@onegiftfoundation.org for support.', {duration: 5,})\n }\n this.setState({\n generateOrderFormsModalShown: false,\n })\n }\n\n GenerateCandE = async () => {\n // Tracking\n mixpanel.track('Cards and envelopes generated');\n\n const CandEType = document.getElementById(\"cAndEType\").value\n if (this.state.emailCards && window.confirm('Are you sure you want to email cards for the selected month? If you have not already verified your organization\\'s email, the cards will be emailed immediately from experience@onegiftfoundation.org, and so we strongly suggest notifying the recipients beforehand to ensure that they don\\'t ignore or mark the emails as spam. \\n\\nWishWell will also generate a zip file with all of the individual cards as Word files for your records. \\n\\nMore info is available at https://www.onegiftfoundation.org/resources/emails')) {\n await this.emailCards()\n }\n if (CandEType === \"ManyFiles\") {\n await this.GenerateManyCandE()\n }\n else if (CandEType === \"OneFile\") {\n await this.GenerateIndividualCandE()\n }\n this.setState({\n generateModalShown: false,\n })\n }\n\n emailCards = async () => {\n\n // Tracking\n mixpanel.track('Cards emailed');\n\n try {\n // Get/set month and year for cards\n const month = document.getElementById(\"month\").value\n var monthLiteral = ''\n switch(month) {\n case '01':\n monthLiteral = 'January'\n break;\n case '02':\n monthLiteral = 'February'\n break;\n case '03':\n monthLiteral = 'March'\n break;\n case '04':\n monthLiteral = 'April'\n break;\n case '05':\n monthLiteral = 'May'\n break;\n case '06':\n monthLiteral = 'June'\n break;\n case '07':\n monthLiteral = 'July'\n break;\n case '08':\n monthLiteral = 'August'\n break;\n case '09':\n monthLiteral = 'September'\n break;\n case '10':\n monthLiteral = 'October'\n break;\n case '11':\n monthLiteral = 'November'\n break;\n case '12':\n monthLiteral = 'December'\n break;\n default:\n break;\n }\n const year = document.getElementById(\"year\").value\n\n // Get members and orders\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = {\n and: [{ pactive: { eq: \"true\"} },\n { DOB: { ne: \"1900-01-01\" } }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n nextToken = null;\n count = 0\n var filteredOrders\n var ORDERS = []\n let oFilter = {\n and: [{ year: { eq: year} }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {\n organizationId: orgId,\n filter: oFilter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items)\n }\n \n // Get actual date of order\n for (var i = 0; i < ORDERS.length; i++) {\n // Updated at holds actual date record of order\n ORDERS[i].updatedAt = (new Date(ORDERS[i].createdAt.split('-')[0], ORDERS[i].createdAt.split('-')[1]-1))\n }\n\n // Create arrays of bday and anniversary receivers\n var birthdayCardReceiver = [[]]\n var anniversaryCardReceiver = [[]]\n birthdayCardReceiver[0][0] = ORDERS[1]\n for (i = 0; i < MEMBERS.length; i++) {\n if (MEMBERS[i].DOB.split('-')[1] === month && MEMBERS[i].ecards === true) {\n if (MEMBERS[i].ptype === 5) {\n anniversaryCardReceiver.push(MEMBERS[i])\n }\n else {\n birthdayCardReceiver.push(MEMBERS[i])\n }\n }\n }\n\n var date = new Date()\n\n // Create arrays with all gifter/donor pnumbers\n var birthdayGifters = []\n for (i = 0; i < birthdayCardReceiver.length; i++) {\n birthdayGifters[i] = []\n for (var m = 0; m < ORDERS.length; m++) {\n if (birthdayCardReceiver[i].pnumber === ORDERS[m].receiverPNumber &&\n (date - ORDERS[m].updatedAt)/(1000*60*60*24*30.5) < 12) {\n for (var n = 0; n < MEMBERS.length; n++) {\n if (ORDERS[m].donorPNumber) {\n if (MEMBERS[n].pnumber === ORDERS[m].donorPNumber) {\n birthdayGifters[i].push(MEMBERS[n].fname + ' ' + MEMBERS[n].lname)\n }\n }\n else {\n ORDERS[m].donorName && birthdayGifters[i].push(ORDERS[m].donorName)\n }\n }\n }\n }\n }\n\n for (i = 0; i < birthdayGifters.length; i++) {\n\n // Add padded members if less than 5 wishes\n if (birthdayGifters[i].length < 5 && this.state.settings.defaultWishers.length > 0) {\n const defaultWisherValues = this.state.settings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n const defaultWishers = defaultWisherValues.map(obj => obj.label)\n birthdayGifters[i].unshift(...defaultWishers)\n }\n birthdayGifters[i].sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n }\n\n var anniversaryGifters = []\n for (i = 0; i < anniversaryCardReceiver.length; i++) {\n anniversaryGifters[i] = []\n for (m = 0; m < ORDERS.length; m++) {\n if (anniversaryCardReceiver[i].pnumber === ORDERS[m].receiverPNumber &&\n (date - ORDERS[m].updatedAt)/(1000*60*60*24*30.5) < 12) {\n for (n = 0; n < MEMBERS.length; n++) {\n if (ORDERS[m].donorPNumber) {\n if (MEMBERS[n].pnumber === ORDERS[m].donorPNumber) {\n anniversaryGifters[i].push(MEMBERS[n].fname + ' ' + MEMBERS[n].lname)\n }\n }\n else {\n ORDERS[m].donorName && anniversaryGifters[i].push(ORDERS[m].donorName)\n }\n }\n }\n }\n }\n\n for (i = 0; i < anniversaryGifters.length; i++) {\n\n // Add padded members if less than 5 wishes\n if (anniversaryGifters[i].length < 5 && this.state.settings.defaultWishers.length > 0) {\n const defaultWisherValues = this.state.settings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n const defaultWishers = defaultWisherValues.map(obj => obj.label)\n anniversaryGifters[i].unshift(...defaultWishers)\n }\n anniversaryGifters[i].sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n }\n\n // create docs and download\n {\n var zip = new JSZip()\n const zipFilename = monthLiteral + ' ' + year.toString() + ' - Emailed PAP Cards.zip'\n \n // Set standard properties\n const borders = {\n top: {\n style: BorderStyle.NONE,\n size: 1,\n },\n bottom: {\n style: BorderStyle.NONE,\n size: 1,\n },\n left: {\n style: BorderStyle.NONE,\n size: 1,\n },\n right: {\n style: BorderStyle.NONE,\n size: 1,\n },\n }; \n const tableHeight = 700;\n // const cellWidth = 3000;\n\n // create array of pages and iterate through receivers\n // const cards = new Array()\n\n // Get orgId\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n\n nextToken = null;\n count = 0\n var SETTINGS = []\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(listSettings, {\n filter: {\n organizationId: { eq: orgId }\n },\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.listSettings.nextToken\n SETTINGS = SETTINGS.concat(filteredList.data.listSettings.items)\n }\n\n // Birthday cards\n for (i = 1; i < birthdayCardReceiver.length; i++) {\n const Rows = []\n // Setup new birthday document\n const bCardDoc = new Document();\n\n // Setup background image\n const birthdayBackgroundImage = Media.addImage(\n bCardDoc,\n Uint8Array.from(atob(birthdayBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n\n if (birthdayGifters[i].length === 0) {\n //Don't need to generate doc if no gifters\n continue;\n }\n else if (birthdayGifters[i].length <= 10) {\n \n for (var j = 0; j < birthdayGifters[i].length; j++) {\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 500,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][j],\n size: 72,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 60,\n type: WidthType.PERCENTAGE,\n },\n });\n //Rows.splice(0,Rows.length)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // birthdayBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n // Receiver name and font\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (birthdayGifters[i].length <= 20) {\n \n for (j = 0; j < Math.ceil(birthdayGifters[i].length / 2); j++) {\n var k = j*2\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k],\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+1] ? birthdayGifters[i][k+1] : \"\",\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 80,\n type: WidthType.PERCENTAGE,\n },\n });\n //Rows.splice(0,Rows.length)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // birthdayBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (birthdayGifters[i].length > 20) {\n\n var longBCardChildren = [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n ]\n \n for (j = 0; j < Math.ceil(birthdayGifters[i].length / 3); j++) {\n k = j*3\n if ((j % 13 === 0) &&\n j !== 0) {\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n Rows.length = 0\n\n longBCardChildren.push(\n gifterTable,\n new Paragraph({\n pageBreakBefore: true,\n }),\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"more friends...\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n })\n )\n }\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k],\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+1] ? birthdayGifters[i][k+1] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+2] ? birthdayGifters[i][k+2] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n\n longBCardChildren.push(gifterTable)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: longBCardChildren,\n })\n }\n \n // Create blob from doc\n var bCardDocBlob = await Packer.toBlob(bCardDoc)\n\n // Email blob to receiver\n // Get base64 of docx file\n // var bCardBase64Docx = await Packer.toBase64String(bCardDoc)\n\n let file = new File([bCardDocBlob], birthdayCardReceiver[i].fname + \" Birthday Card.docx\", {type: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"});\n // Upload docx to S3 source bucket\n const sourceBucket = `wishwell-temp-docs-${env || 'dev'}`;\n const sourceKey = `${birthdayCardReceiver[i].fname}-${Date.now()}.docx`;\n const targetKey = `${birthdayCardReceiver[i].fname}-${Date.now()}.pdf`;\n\n // Before the Storage.put call, configure the storage for this specific operation\n Storage.configure({\n AWSS3: {\n bucket: sourceBucket,\n region: 'us-east-1',\n customPrefix: {\n public: 'birthday-cards-docx/'\n }\n }\n });\n\n await Storage.put(sourceKey, file, {\n contentType: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n customPrefix: {\n public: 'birthday-cards-docx/'\n },\n level: 'public'\n });\n console.log('File uploaded to S3');\n\n // Call document processor endpoint\n console.log('Calling document processor endpoint...');\n const result = await API.post('wishwellapi', '/wishwellapi/processDocument', {\n body: {\n sourceBucket,\n sourceKey,\n targetKey\n }\n });\n console.log('Document processor response:', result);\n\n if (!result.success) {\n console.error('Document conversion failed:', result);\n throw new Error('Document conversion failed');\n }\n\n console.log('Getting PDF URL...');\n let url = result.files[0].Url;\n console.log('Downloading PDF from:', url);\n let response = await axios.get(url, {responseType: 'arraybuffer'});\n console.log('Converting PDF to base64...');\n let pdfData = new Buffer.from(response.data, 'binary').toString('base64');\n console.log('PDF conversion complete');\n\n const options = {\n from: `${this.state.settings.chapterName}${birthdayCardReceiver[i].fname},
Happy Birthday! A card from all of your friends is attached to this email :)
${birthdayCardReceiver[i].pcards ? 'You will be getting a physical card in the mail (if you haven\\'t already), but let us know if you don\\'t or would like to opt out of physical cards.' : ''}
And make sure to let us know if you\\'d like to opt out of these digital cards in the future.
Happy Giving!
Your OneGift Team!
Learn more about WishWell and OneGift
`,\n attachments: [\n {\n filename: birthdayCardReceiver[i].fname + ' Birthday Card.pdf',\n content: pdfData,\n contentType: 'application/pdf',\n encoding: 'base64'\n }\n ]\n }\n try {\n // Send email call to api\n const apiName = 'wishwellapi';\n var path = '/wishwellapi/sendEmail';\n var myInit = { // OPTIONAL\n body: {\n options: options\n },\n headers: {}, // OPTIONAL\n };\n await API.post(apiName, path, myInit)\n \n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Members couldn\\'t be emailed. Please try again or contact support', {duration: 5,})\n }\n\n // Add to ZIP\n var fileName = birthdayCardReceiver[i].lname + \", \" + birthdayCardReceiver[i].fname + \" - Birthday Card.docx\"\n zip.file(fileName, bCardDocBlob, {binary: true})\n }\n\n // Anniversary Cards\n for (i = 1; i < anniversaryCardReceiver.length; i++) {\n const Rows = []\n // Setup new anniversary document\n const aCardDoc = new Document();\n\n const anniversaryBackgroundImage = Media.addImage(\n aCardDoc,\n Uint8Array.from(atob(anniversaryBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n\n if (anniversaryGifters[i].length === 0) {\n //Don't need to generate doc if no gifters\n continue;\n }\n else if (anniversaryGifters[i].length <= 10) {\n \n for (j = 0; j < anniversaryGifters[i].length; j++) {\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 500,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][j],\n size: 72,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 60,\n type: WidthType.PERCENTAGE,\n },\n });\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // anniversaryBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n // Anniversary card receiver and font\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (anniversaryGifters[i].length <= 20) {\n \n for (j = 0; j < Math.ceil(anniversaryGifters[i].length / 2); j++) {\n k = j*2\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k],\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+1] ? anniversaryGifters[i][k+1] : \"\",\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 80,\n type: WidthType.PERCENTAGE,\n },\n });\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // anniversaryBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (anniversaryGifters[i].length > 20) {\n var longACardChildren = [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n ]\n \n for (j = 0; j < Math.ceil(anniversaryGifters[i].length / 3); j++) {\n k = j*3\n if ((j % 13 === 0) &&\n j !== 0) {\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n Rows.length = 0\n\n longACardChildren.push(\n gifterTable,\n new Paragraph({\n pageBreakBefore: true,\n }),\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"more friends...\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n })\n )\n }\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k],\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+1] ? anniversaryGifters[i][k+1] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+2] ? anniversaryGifters[i][k+2] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n\n longACardChildren.push(gifterTable)\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: longACardChildren,\n })\n }\n\n // Create blob from doc\n var aCardDocBlob = await Packer.toBlob(aCardDoc)\n\n // Email blob to receiver\n // Get base64 of docx file\n // var aCardBase64Docx = await Packer.toBase64String(aCardDoc)\n\n let file = new File([aCardDocBlob], birthdayCardReceiver[i].fname + \" Anniversary Card.docx\", {type: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"});\n\n // Upload docx to S3 source bucket\n const sourceBucket = `wishwell-temp-docs-${env || 'dev'}`;\n const sourceKey = `${birthdayCardReceiver[i].fname}-${Date.now()}.docx`;\n const targetKey = `${birthdayCardReceiver[i].fname}-${Date.now()}.pdf`;\n\n // Before the Storage.put call, configure the storage for this specific operation\n Storage.configure({\n AWSS3: {\n bucket: sourceBucket,\n region: 'us-east-1',\n customPrefix: {\n public: 'birthday-cards-docx/'\n }\n }\n });\n\n await Storage.put(sourceKey, file, {\n contentType: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n customPrefix: {\n public: 'birthday-cards-docx/'\n },\n level: 'public'\n });\n console.log('File uploaded to S3');\n\n // Call document processor endpoint\n console.log('Calling document processor endpoint...');\n const result = await API.post('wishwellapi', '/wishwellapi/processDocument', {\n body: {\n sourceBucket,\n sourceKey,\n targetKey\n }\n });\n console.log('Document processor response:', result);\n\n if (!result.success) {\n console.error('Document conversion failed:', result);\n throw new Error('Document conversion failed');\n }\n\n console.log('Getting PDF URL...');\n let url = result.files[0].Url;\n console.log('Downloading PDF from:', url);\n let response = await axios.get(url, {responseType: 'arraybuffer'});\n console.log('Converting PDF to base64...');\n let pdfData = new Buffer.from(response.data, 'binary').toString('base64');\n console.log('PDF conversion complete');\n\n const options = {\n from: `${this.state.settings.chapterName}${birthdayCardReceiver[i].fname},
Happy Anniversary! A card from all of your friends is attached to this email :)
${birthdayCardReceiver[i].pcards ? 'You will be getting a physical card in the mail (if you haven\\'t already), but let us know if you don\\'t or would like to opt out of physical cards.' : ''}
And make sure to let us know if you\\'d like to opt out of these digital cards in the future.
Happy Giving!
Your OneGift Team!
`,\n attachments: [\n {\n filename: birthdayCardReceiver[i].fname + ' Anniversary Card.pdf',\n content: pdfData,\n contentType: 'application/pdf',\n encoding: 'base64'\n }\n ]\n }\n\n // Send email call to api\n const apiName = 'wishwellapi';\n path = '/wishwellapi/sendEmail';\n myInit = { // OPTIONAL\n body: {\n options: options\n },\n headers: {}, // OPTIONAL\n };\n await API.post(apiName, path, myInit)\n\n // Add to ZIP\n fileName = anniversaryCardReceiver[i].lname + \", \" + anniversaryCardReceiver[i].fname + \" - Anniversary Card.docx\"\n zip.file(fileName, aCardDocBlob, {binary: true})\n }\n\n // Generate ZIP file as blob for download\n zip.generateAsync({ type: 'blob' }).then(function (content) {\n // saveAs from FileSaver will download the file\n FileSaver(content, zipFilename)\n })\n }\n this.setState({\n generateformssModalShown: false,\n })\n\n toaster.success('Cards emailed successfully! A zip file with all of the emailed cards has also been generated for your records.', {duration: 5,})\n }\n catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Cards generator failed: ' + error + '. If issue continues, contact support.', {duration: 5,})\n }\n }\n\n GenerateManyCandE = async () => {\n try {\n // Get/set month and year for cards and envelopes\n const month = document.getElementById(\"month\").value\n var monthLiteral = ''\n switch(month) {\n case '01':\n monthLiteral = 'January'\n break;\n case '02':\n monthLiteral = 'February'\n break;\n case '03':\n monthLiteral = 'March'\n break;\n case '04':\n monthLiteral = 'April'\n break;\n case '05':\n monthLiteral = 'May'\n break;\n case '06':\n monthLiteral = 'June'\n break;\n case '07':\n monthLiteral = 'July'\n break;\n case '08':\n monthLiteral = 'August'\n break;\n case '09':\n monthLiteral = 'September'\n break;\n case '10':\n monthLiteral = 'October'\n break;\n case '11':\n monthLiteral = 'November'\n break;\n case '12':\n monthLiteral = 'December'\n break;\n default:\n break;\n }\n const year = document.getElementById(\"year\").value\n\n // Get members and orders\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = {\n and: [{ pactive: { eq: \"true\"} },\n { DOB: { ne: \"1900-01-01\" } }\n ]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n nextToken = null;\n count = 0\n var filteredOrders\n var ORDERS = []\n let oFilter = {\n and: [{ year: { eq: year } }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {\n organizationId: orgId,\n filter: oFilter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items)\n }\n\n // SCRIPT: to update ORDERS\n // var ordersUpdated = 0\n // for (var i = 0; i < ORDERS.length; i++) {\n // if (ORDERS[i].updatedAt > \"2023-10\") {\n // ordersUpdated++\n // var updatedOrder = {}\n // updatedOrder.id = ORDERS[i].id\n // updatedOrder.year = 2024\n // await API.graphql(graphqlOperation(updateOrder, {input: updatedOrder}))\n // .catch((err) => console.log(err))\n // console.log(ordersUpdated +' orders updated: ' + ORDERS[i].id + ' ' + ORDERS[i].organizationId + ' ' + ORDERS[i].updatedAt + ' ' + ORDERS[i].year)\n // }\n // }\n // console.log('All orders Updated!')\n // return\n\n \n // Get actual date of order\n for (var i = 0; i < ORDERS.length; i++) {\n // Updated at holds actual date record of order\n ORDERS[i].updatedAt = (new Date(ORDERS[i].createdAt.split('-')[0], ORDERS[i].createdAt.split('-')[1]-1))\n }\n\n // Create arrays of bday and anniversary receivers\n var birthdayCardReceiver = [[]]\n var anniversaryCardReceiver = [[]]\n birthdayCardReceiver[0][0] = ORDERS[1]\n for (i = 0; i < MEMBERS.length; i++) {\n if (MEMBERS[i].DOB.split('-')[1] === month && MEMBERS[i].pcards === true) {\n if (MEMBERS[i].ptype === 5) {\n anniversaryCardReceiver.push(MEMBERS[i])\n }\n else {\n birthdayCardReceiver.push(MEMBERS[i])\n }\n }\n }\n\n var date = new Date()\n\n // Create arrays with all gifter/donor pnumbers\n var birthdayGifters = []\n for (i = 0; i < birthdayCardReceiver.length; i++) {\n birthdayGifters[i] = []\n for (var m = 0; m < ORDERS.length; m++) {\n if (birthdayCardReceiver[i].pnumber === ORDERS[m].receiverPNumber &&\n (date - ORDERS[m].updatedAt)/(1000*60*60*24*30.5) < 12) {\n for (var n = 0; n < MEMBERS.length; n++) {\n if (ORDERS[m].donorPNumber) {\n if (MEMBERS[n].pnumber === ORDERS[m].donorPNumber) {\n birthdayGifters[i].push(MEMBERS[n].fname + ' ' + MEMBERS[n].lname)\n }\n }\n else {\n ORDERS[m].donorName && birthdayGifters[i].push(ORDERS[m].donorName)\n }\n }\n }\n }\n }\n\n for (i = 0; i < birthdayGifters.length; i++) {\n\n // Add padded members if less than 5 wishes\n if (birthdayGifters[i].length < 5 && this.state.settings.defaultWishers.length > 0) {\n const defaultWisherValues = this.state.settings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n const defaultWishers = defaultWisherValues.map(obj => obj.label)\n birthdayGifters[i].unshift(...defaultWishers)\n }\n birthdayGifters[i].sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n }\n\n var anniversaryGifters = []\n for (i = 0; i < anniversaryCardReceiver.length; i++) {\n anniversaryGifters[i] = []\n for (m = 0; m < ORDERS.length; m++) {\n if (anniversaryCardReceiver[i].pnumber === ORDERS[m].receiverPNumber &&\n (date - ORDERS[m].updatedAt)/(1000*60*60*24*30.5) < 12) {\n for (n = 0; n < MEMBERS.length; n++) {\n if (ORDERS[m].donorPNumber) {\n if (MEMBERS[n].pnumber === ORDERS[m].donorPNumber) {\n anniversaryGifters[i].push(MEMBERS[n].fname + ' ' + MEMBERS[n].lname)\n }\n }\n else {\n ORDERS[m].donorName && anniversaryGifters[i].push(ORDERS[m].donorName)\n }\n }\n }\n }\n }\n\n for (i = 0; i < anniversaryGifters.length; i++) {\n\n // Add padded members if less than 5 wishes\n if (anniversaryGifters[i].length < 5 && this.state.settings.defaultWishers.length > 0) {\n const defaultWisherValues = this.state.settings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n const defaultWishers = defaultWisherValues.map(obj => obj.label)\n anniversaryGifters[i].unshift(...defaultWishers)\n }\n anniversaryGifters[i].sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n }\n\n // create docs and download\n {\n const bCardDoc = new Document();\n const aCardDoc = new Document();\n const envDoc = new Document();\n\n const birthdayBackgroundImage = Media.addImage(\n bCardDoc,\n Uint8Array.from(atob(birthdayBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n const anniversaryBackgroundImage = Media.addImage(\n aCardDoc,\n Uint8Array.from(atob(anniversaryBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n const birthdayCardEnvelope = Media.addImage(\n envDoc,\n Uint8Array.from(atob(birthdayCardBackgroundBase64), c => c.charCodeAt(0)),\n 1000,\n 700,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n\n const anniversaryCardEnvelope = Media.addImage(\n envDoc,\n Uint8Array.from(atob(anniversaryCardBackgroundBase64), c => c.charCodeAt(0)),\n 1000,\n 700,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n \n // Set standard properties\n const borders = {\n top: {\n style: BorderStyle.NONE,\n size: 1,\n },\n bottom: {\n style: BorderStyle.NONE,\n size: 1,\n },\n left: {\n style: BorderStyle.NONE,\n size: 1,\n },\n right: {\n style: BorderStyle.NONE,\n size: 1,\n },\n }; \n\n // create array of pages and iterate through receivers\n // const cards = new Array()\n\n // Birthday cards\n for (i = 1; i < birthdayCardReceiver.length; i++) {\n const Rows = []\n\n // Can add in default donors\n // birthdayGifters[i].unshift(\"Ava Goldstein\", \"Jackie Deckenger\", \"Carol Bloom\", \"Judith Meyer\", \"Paula Cohen\")\n\n // Decrease font size and increase cell height if any name is 20+ characters\n var tableHeight = 700;\n // const cellWidth = 3000;\n var fontSize = 45\n var rowCount = 10\n for (var j = 0; j < birthdayGifters[i].length; j++) {\n if (birthdayGifters[i][j].length > 20) {\n fontSize = 35\n tableHeight = 1000\n rowCount = 9\n break\n }\n }\n\n if (birthdayGifters[i].length > 0 &&\n birthdayGifters[i].length <= rowCount) {\n \n for (j = 0; j < birthdayGifters[i].length; j++) {\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][j],\n size: Math.round(fontSize * 1.6, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size:90,\n type: WidthType.PERCENTAGE,\n },\n });\n //Rows.splice(0,Rows.length)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // birthdayBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n // Receiver name and font\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (birthdayGifters[i].length > rowCount &&\n birthdayGifters[i].length <= rowCount*2) {\n \n for (j = 0; j < Math.ceil(birthdayGifters[i].length / 2); j++) {\n var k = j*2\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k],\n size: Math.round(fontSize * 1.24, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+1] ? birthdayGifters[i][k+1] : \"\",\n size: Math.round(fontSize * 1.24, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n //Rows.splice(0,Rows.length)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // birthdayBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (birthdayGifters[i].length > rowCount*2) {\n\n var longBCardChildren = [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n ]\n\n for (j = 0; j < Math.ceil(birthdayGifters[i].length / 3); j++) {\n k = j*3\n if ((j % 13 === 0) &&\n j !== 0) {\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n Rows.length = 0\n\n longBCardChildren.push(\n gifterTable,\n new Paragraph({\n pageBreakBefore: true,\n }),\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"more friends...\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n })\n )\n }\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k],\n size: Math.round(fontSize * .88, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+1] ? birthdayGifters[i][k+1] : \"\",\n size: Math.round(fontSize * .88, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+2] ? birthdayGifters[i][k+2] : \"\",\n size: Math.round(fontSize * .88, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 100,\n type: WidthType.PERCENTAGE,\n },\n });\n\n longBCardChildren.push(gifterTable)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: longBCardChildren,\n })\n }\n }\n\n // Anniversary Cards\n for (i = 1; i < anniversaryCardReceiver.length; i++) {\n const Rows = []\n\n // Can add in default donors\n // anniversaryGifters[i].unshift(\"Ava Goldstein\", \"Jackie Deckenger\", \"Carol Bloom\", \"Judith Meyer\", \"Paula Cohen\")\n\n // Decrease font size and increase cell height if any name is 20+ characters\n tableHeight = 700;\n // const cellWidth = 3000;\n fontSize = 45\n rowCount = 10\n for (j = 0; j < anniversaryGifters[i].length; j++) {\n if (anniversaryGifters[i][j].length > 20) {\n fontSize = 35\n tableHeight = 1000\n rowCount = 9\n break\n }\n }\n\n if (anniversaryGifters[i].length > 0 &&\n anniversaryGifters[i].length <= rowCount) {\n \n for (j = 0; j < anniversaryGifters[i].length; j++) {\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][j],\n size: Math.round(fontSize * 1.6, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // anniversaryBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n // Anniversary card receiver and font\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (anniversaryGifters[i].length > rowCount &&\n anniversaryGifters[i].length <= rowCount * 2) {\n \n for (j = 0; j < Math.ceil(anniversaryGifters[i].length / 2); j++) {\n k = j*2\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k],\n size: Math.round(fontSize * 1.24, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+1] ? anniversaryGifters[i][k+1] : \"\",\n size: Math.round(fontSize * 1.24, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // anniversaryBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (anniversaryGifters[i].length > rowCount * 2) {\n var longACardChildren = [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n ]\n \n for (j = 0; j < Math.ceil(anniversaryGifters[i].length / 3); j++) {\n k = j*3\n if ((j % 13 === 0) &&\n j !== 0) {\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n Rows.length = 0\n\n longACardChildren.push(\n gifterTable,\n new Paragraph({\n pageBreakBefore: true,\n }),\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"more friends...\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n })\n )\n }\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k],\n size: Math.round(fontSize * .88, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+1] ? anniversaryGifters[i][k+1] : \"\",\n size: Math.round(fontSize * .88, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+2] ? anniversaryGifters[i][k+2] : \"\",\n size: Math.round(fontSize * .88, 0),\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 100,\n type: WidthType.PERCENTAGE,\n },\n });\n\n longACardChildren.push(gifterTable)\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: longACardChildren,\n })\n }\n }\n\n // Get settings for return envelope\n var settings = await this.getSettings()\n\n // Create return address element for envelopes\n const returnAddress = new Table({\n alignment: AlignmentType.LEFT,\n VerticalPositionAlign: VerticalPositionAlign.TOP,\n VerticalAlign: VerticalAlign.TOP,\n width: {\n size: 35,\n type: WidthType.PERCENTAGE,\n },\n rows: [\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + settings.envelopeReturnName === undefined ? '' : settings.envelopeReturnName + ' ',\n size: 32,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n rule: HeightRule.AUTO\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + settings.envelopeReturnAddressLine1 === undefined ? '' : settings.envelopeReturnAddressLine1,\n size: 20,\n font: \"Copperplate Bold\",\n }),\n ]\n })],\n }),\n ],\n height: {\n rule: HeightRule.AUTO\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 100,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + settings.envelopeReturnAddressLine2 === undefined ? '' : settings.envelopeReturnAddressLine2,\n size: 20,\n font: \"Copperplate Bold\",\n }),\n ]\n })],\n }),\n ],\n height: {\n rule: HeightRule.AUTO\n },\n })\n ]\n })\n\n // Add Envelopes\n for (i = 1; i < birthdayCardReceiver.length; i++) {\n // only generate envelope if receiver has gifters\n if (birthdayGifters[i].length > 0) {\n const cardTable = new Table({\n alignment: AlignmentType.CENTER,\n VerticalPositionAlign: VerticalAlign.CENTER,\n VerticalAlign: VerticalAlign.CENTER,\n width: {\n size: 60,\n type: WidthType.PERCENTAGE,\n },\n rows: [\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 72,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 300,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + birthdayCardReceiver[i].address1.split(',')[0],\n size: 48,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + birthdayCardReceiver[i].address1.substring(birthdayCardReceiver[i].address1.indexOf(',') + 2),\n size: 48,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n ]\n })\n \n envDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n size: {\n orientation: PageOrientation.LANDSCAPE,\n },\n children: [\n new Paragraph(birthdayCardEnvelope),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [\n new TextRun({\n text: \"\",\n size: 84,\n font: \"Monotype Corsiva\",\n break: 1,\n }),\n ]\n }),\n returnAddress,\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [new TextRun({\n text: \" \" + birthdayCardReceiver[i].DOB.split(\"-\")[1] + \"/\" + birthdayCardReceiver[i].DOB.split(\"-\")[2],\n size: 30,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 2,\n }),\n ]\n }),\n cardTable\n ]\n })\n }\n }\n for (i = 1; i < anniversaryCardReceiver.length; i++) {\n // only generate envelope if receiver has gifters\n if (anniversaryGifters[i].length > 0) {\n const cardTable = new Table({\n alignment: AlignmentType.CENTER,\n VerticalPositionAlign: VerticalAlign.CENTER,\n VerticalAlign: VerticalAlign.CENTER,\n width: {\n size: 60,\n type: WidthType.PERCENTAGE,\n },\n rows: [\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 72,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight + 300,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + anniversaryCardReceiver[i].address1.split(',')[0],\n size: 48,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n }),\n new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 300,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \" \" + anniversaryCardReceiver[i].address1.substring(anniversaryCardReceiver[i].address1.indexOf(',') + 2),\n size: 48,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n ]\n })\n \n envDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n size: {\n orientation: PageOrientation.LANDSCAPE,\n },\n children: [\n new Paragraph(anniversaryCardEnvelope),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [\n new TextRun({\n text: \"\",\n size: 84,\n font: \"Monotype Corsiva\",\n break: 1,\n }),\n ]\n }),\n returnAddress,\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [new TextRun({\n text: \" \" + anniversaryCardReceiver[i].DOB.split(\"-\")[1] + \"/\" + anniversaryCardReceiver[i].DOB.split(\"-\")[2],\n size: 30,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 2,\n }),\n ]\n }),\n cardTable,\n ],\n })\n }\n }\n\n // Print birthday and anniversary cards and envelopes\n Packer.toBlob(bCardDoc).then((blob) => {\n // saveAs from FileSaver will download the file\n FileSaver(blob, monthLiteral + \" Birthday WishWell Cards.docx\");\n });\n Packer.toBlob(aCardDoc).then((blob) => {\n // saveAs from FileSaver will download the file\n FileSaver(blob, monthLiteral + \" Anniversary WishWell Cards.docx\");\n });\n Packer.toBlob(envDoc).then((blob) => {\n // saveAs from FileSaver will download the file\n FileSaver(blob, monthLiteral + \" WishWell Envelopes.docx\");\n });\n }\n toaster.success('Cards and envelopes generated successfully!', {duration: 5,})\n }\n catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Card and envelopes generator failed: ' + error + '. If issue continues, contact support.', {duration: 5,})\n }\n }\n\n GenerateIndividualCandE = async () => {\n try {\n // Get/set month and year for cards\n const month = document.getElementById(\"month\").value\n var monthLiteral = ''\n switch(month) {\n case '01':\n monthLiteral = 'January'\n break;\n case '02':\n monthLiteral = 'February'\n break;\n case '03':\n monthLiteral = 'March'\n break;\n case '04':\n monthLiteral = 'April'\n break;\n case '05':\n monthLiteral = 'May'\n break;\n case '06':\n monthLiteral = 'June'\n break;\n case '07':\n monthLiteral = 'July'\n break;\n case '08':\n monthLiteral = 'August'\n break;\n case '09':\n monthLiteral = 'September'\n break;\n case '10':\n monthLiteral = 'October'\n break;\n case '11':\n monthLiteral = 'November'\n break;\n case '12':\n monthLiteral = 'December'\n break;\n default:\n break;\n }\n const year = document.getElementById(\"year\").value\n\n // Get members and orders\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = {\n and: [{ pactive: { eq: \"true\"} },\n { DOB: { ne: \"1900-01-01\" } }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n nextToken = null;\n count = 0\n var filteredOrders\n var ORDERS = []\n let oFilter = {\n and: [{ year: { eq: year} }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {\n organizationId: orgId,\n filter: oFilter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items)\n }\n \n // Get actual date of order\n for (var i = 0; i < ORDERS.length; i++) {\n // Updated at holds actual date record of order\n ORDERS[i].updatedAt = (new Date(ORDERS[i].createdAt.split('-')[0], ORDERS[i].createdAt.split('-')[1]-1))\n }\n\n // Create arrays of bday and anniversary receivers\n var birthdayCardReceiver = [[]]\n var anniversaryCardReceiver = [[]]\n birthdayCardReceiver[0][0] = ORDERS[1]\n for (i = 0; i < MEMBERS.length; i++) {\n if (MEMBERS[i].DOB.split('-')[1] === month && MEMBERS[i].pcards === true) {\n if (MEMBERS[i].ptype === 5) {\n anniversaryCardReceiver.push(MEMBERS[i])\n }\n else {\n birthdayCardReceiver.push(MEMBERS[i])\n }\n }\n }\n\n var date = new Date()\n\n // Create arrays with all gifter/donor pnumbers\n var birthdayGifters = []\n for (i = 0; i < birthdayCardReceiver.length; i++) {\n birthdayGifters[i] = []\n for (var m = 0; m < ORDERS.length; m++) {\n if (birthdayCardReceiver[i].pnumber === ORDERS[m].receiverPNumber &&\n (date - ORDERS[m].updatedAt)/(1000*60*60*24*30.5) < 12) {\n for (var n = 0; n < MEMBERS.length; n++) {\n if (ORDERS[m].donorPNumber) {\n if (MEMBERS[n].pnumber === ORDERS[m].donorPNumber) {\n birthdayGifters[i].push(MEMBERS[n].fname + ' ' + MEMBERS[n].lname)\n }\n }\n else {\n ORDERS[m].donorName && birthdayGifters[i].push(ORDERS[m].donorName)\n }\n }\n }\n }\n }\n\n for (i = 0; i < birthdayGifters.length; i++) {\n\n // Add padded members if less than 5 wishes\n if (birthdayGifters[i].length < 5 && this.state.settings.defaultWishers.length > 0) {\n const defaultWisherValues = this.state.settings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n const defaultWishers = defaultWisherValues.map(obj => obj.label)\n birthdayGifters[i].unshift(...defaultWishers)\n }\n birthdayGifters[i].sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n }\n\n var anniversaryGifters = []\n for (i = 0; i < anniversaryCardReceiver.length; i++) {\n anniversaryGifters[i] = []\n for (m = 0; m < ORDERS.length; m++) {\n if (anniversaryCardReceiver[i].pnumber === ORDERS[m].receiverPNumber &&\n (date - ORDERS[m].updatedAt)/(1000*60*60*24*30.5) < 12) {\n for (n = 0; n < MEMBERS.length; n++) {\n if (ORDERS[m].donorPNumber) {\n if (MEMBERS[n].pnumber === ORDERS[m].donorPNumber) {\n anniversaryGifters[i].push(MEMBERS[n].fname + ' ' + MEMBERS[n].lname)\n }\n }\n else {\n ORDERS[m].donorName && anniversaryGifters[i].push(ORDERS[m].donorName)\n }\n }\n }\n }\n }\n\n for (i = 0; i < anniversaryGifters.length; i++) {\n\n // Add padded members if less than 5 wishes\n if (anniversaryGifters[i].length < 5 && this.state.settings.defaultWishers.length > 0) {\n const defaultWisherValues = this.state.settings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n const defaultWishers = defaultWisherValues.map(obj => obj.label)\n anniversaryGifters[i].unshift(...defaultWishers)\n }\n anniversaryGifters[i].sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n }\n\n // create docs and download\n {\n var zip = new JSZip()\n const zipFilename = monthLiteral + ' ' + year.toString() + ' - PAP Cards.zip'\n \n // Set standard properties\n const borders = {\n top: {\n style: BorderStyle.NONE,\n size: 1,\n },\n bottom: {\n style: BorderStyle.NONE,\n size: 1,\n },\n left: {\n style: BorderStyle.NONE,\n size: 1,\n },\n right: {\n style: BorderStyle.NONE,\n size: 1,\n },\n }; \n const tableHeight = 700;\n // const cellWidth = 3000;\n\n // create array of pages and iterate through receivers\n // const cards = new Array()\n\n // Birthday cards\n for (i = 1; i < birthdayCardReceiver.length; i++) {\n const Rows = []\n // Setup new birthday document\n const bCardDoc = new Document();\n\n // Setup background image\n const birthdayBackgroundImage = Media.addImage(\n bCardDoc,\n Uint8Array.from(atob(birthdayBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n\n // Can add in default donors\n // birthdayGifters[i].unshift(\"Ava Goldstein\", \"Jackie Deckenger\", \"Carol Bloom\", \"Judith Meyer\", \"Paula Cohen\")\n\n if (birthdayGifters[i].length === 0) {\n //Don't need to generate doc if no gifters\n continue;\n }\n else if (birthdayGifters[i].length <= 10) {\n \n for (var j = 0; j < birthdayGifters[i].length; j++) {\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 500,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][j],\n size: 72,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 60,\n type: WidthType.PERCENTAGE,\n },\n });\n //Rows.splice(0,Rows.length)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // birthdayBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n // Receiver name and font\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (birthdayGifters[i].length <= 20) {\n \n for (j = 0; j < Math.ceil(birthdayGifters[i].length / 2); j++) {\n var k = j*2\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k],\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+1] ? birthdayGifters[i][k+1] : \"\",\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 80,\n type: WidthType.PERCENTAGE,\n },\n });\n //Rows.splice(0,Rows.length)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // birthdayBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (birthdayGifters[i].length > 20) {\n\n var longBCardChildren = [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n ]\n \n for (j = 0; j < Math.ceil(birthdayGifters[i].length / 3); j++) {\n k = j*3\n if ((j % 13 === 0) &&\n j !== 0) {\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n Rows.length = 0\n\n longBCardChildren.push(\n gifterTable,\n new Paragraph({\n pageBreakBefore: true,\n }),\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: birthdayCardReceiver[i].fname + ' ' + birthdayCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"more friends...\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n })\n )\n }\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k],\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+1] ? birthdayGifters[i][k+1] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: birthdayGifters[i][k+2] ? birthdayGifters[i][k+2] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n\n longBCardChildren.push(gifterTable)\n\n bCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: longBCardChildren,\n })\n }\n \n // Create blob from doc\n var bCardDocBlob = await Packer.toBlob(bCardDoc)\n\n // Add to ZIP\n var fileName = birthdayCardReceiver[i].lname + \", \" + birthdayCardReceiver[i].fname + \" - Birthday Card.docx\"\n zip.file(fileName, bCardDocBlob, {binary: true})\n }\n\n // Anniversary Cards\n for (i = 1; i < anniversaryCardReceiver.length; i++) {\n const Rows = []\n // Setup new anniversary document\n const aCardDoc = new Document();\n\n const anniversaryBackgroundImage = Media.addImage(\n aCardDoc,\n Uint8Array.from(atob(anniversaryBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n\n // Can add in default donors\n // anniversaryGifters[i].unshift(\"Ava Goldstein\", \"Jackie Deckenger\", \"Carol Bloom\", \"Judith Meyer\", \"Paula Cohen\")\n\n if (anniversaryGifters[i].length === 0) {\n //Don't need to generate doc if no gifters\n continue;\n }\n else if (anniversaryGifters[i].length <= 10) {\n \n for (j = 0; j < anniversaryGifters[i].length; j++) {\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 500,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][j],\n size: 72,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 60,\n type: WidthType.PERCENTAGE,\n },\n });\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // anniversaryBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n // Anniversary card receiver and font\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (anniversaryGifters[i].length <= 20) {\n \n for (j = 0; j < Math.ceil(anniversaryGifters[i].length / 2); j++) {\n k = j*2\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k],\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+1] ? anniversaryGifters[i][k+1] : \"\",\n size: 56,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 80,\n type: WidthType.PERCENTAGE,\n },\n });\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n // anniversaryBackgroundImage,\n ],\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n gifterTable,\n ],\n })\n }\n else if (anniversaryGifters[i].length > 20) {\n var longACardChildren = [\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: this.state.settings.chapterName,\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n }),\n ]\n \n for (j = 0; j < Math.ceil(anniversaryGifters[i].length / 3); j++) {\n k = j*3\n if ((j % 13 === 0) &&\n j !== 0) {\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n Rows.length = 0\n\n longACardChildren.push(\n gifterTable,\n new Paragraph({\n pageBreakBefore: true,\n }),\n new Paragraph(anniversaryBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: year,\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Anniversary\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,}),\n new TextRun({\n text: anniversaryCardReceiver[i].fname + ' ' + anniversaryCardReceiver[i].lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"more friends...\",\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,}),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,}),\n ]\n })\n )\n }\n const Row = new TableRow({\n children: [\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k],\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+1] ? anniversaryGifters[i][k+1] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n new TableCell({\n borders,\n width: {\n size: 700,\n type: WidthType.DXA\n },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: anniversaryGifters[i][k+2] ? anniversaryGifters[i][k+2] : \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n }),\n ]\n })],\n }),\n ],\n height: {\n height: tableHeight,\n rule: HeightRule.EXACT,\n },\n })\n Rows.push(Row)\n }\n\n const gifterTable = new Table({\n alignment: AlignmentType.CENTER,\n rows: Rows,\n width: {\n size: 90,\n type: WidthType.PERCENTAGE,\n },\n });\n\n longACardChildren.push(gifterTable)\n\n aCardDoc.addSection({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: longACardChildren,\n })\n }\n\n // Create blob from doc\n var aCardDocBlob = await Packer.toBlob(aCardDoc)\n // Add to ZIP\n fileName = anniversaryCardReceiver[i].lname + \", \" + anniversaryCardReceiver[i].fname + \" - Anniversary Card.docx\"\n zip.file(fileName, aCardDocBlob, {binary: true})\n }\n\n // Generate ZIP file as blob for download\n zip.generateAsync({ type: 'blob' }).then(function (content) {\n // saveAs from FileSaver will download the file\n FileSaver(content, zipFilename)\n })\n }\n this.setState({\n generateformssModalShown: false,\n })\n\n toaster.success('Cards generated successfully!', {duration: 5,})\n }\n catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Cards generator failed: ' + error + '. If issue continues, contact support.', {duration: 5,})\n }\n }\n\n changeState = async (Page) => {\n if (Page === \"AddMember\") {\n this.state.Activity = \"Main\"\n const newMember = {\n id: null,\n pnumber: null,\n mnumber: null,\n ptype: \"\",\n pactive: true,\n eforms: true,\n pforms: true,\n fname: \"\",\n lname: \"\",\n email: \"\",\n phone: null,\n address: \"\",\n addressRemote: \"\",\n DOB: \"\",\n anumber: null,\n apayment: \"\",\n notes: \"\",\n searchField: \"\"\n }\n this.setState({\n Activity: \"MemberDetails\",\n member: newMember,\n state: \"AddMember\",\n })\n this.forceUpdate()\n }\n else if (Page === \"MemberDetails\") {\n // Tracking\n mixpanel.track('Member details page visited');\n\n if (this.state.memberSelected === \"\") {\n toaster.warning(\"Please select a member first.\", {duration: 5,})\n }\n else {\n this.setState({ \n Activity: \"Main\",\n memberDetailsLoading: true\n })\n // Get pnumber from autocomplete component - it will be the number surrounded by the last set of parentheses\n const lastIndex = this.state.memberSelected.lastIndexOf('(');\n const pNumber = this.state.memberSelected.substring(lastIndex + 1).split(')')[0];\n var memberDetails\n var MEMBER = []\n try {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n\n // Set identity\n Bugsnag.setUser(username)\n \n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = {\n and: [{ pnumber: { eq: pNumber} }]\n };\n var nextToken = null;\n var count = 0\n var filteredList\n \n //TODO: change to get query rather than fliterd list query\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBER = MEMBER.concat(filteredList.data.membersByOrganizationId.items)\n }\n memberDetails = MEMBER[0]\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n memberDetails && this.setState({\n member: {\n id: memberDetails.id,\n pnumber: memberDetails.pnumber,\n mnumber: memberDetails.mnumber,\n ptype: memberDetails.ptype,\n pactive: memberDetails.pactive,\n eforms: memberDetails.eforms,\n pforms: memberDetails.pforms,\n ecards: memberDetails.ecards,\n pcards: memberDetails.pcards,\n birthdayBooster: memberDetails.birthdayBooster,\n eReminders: memberDetails.eReminders,\n fname: memberDetails.fname,\n lname: memberDetails.lname,\n email: memberDetails.email,\n phone: memberDetails.phone,\n address: memberDetails.address1,\n addressRemote: memberDetails.address2,\n DOB: memberDetails.DOB,\n anumber: memberDetails.anumber,\n apayment: memberDetails.apayment,\n notes: memberDetails.notes,\n searchField: memberDetails.searchField\n },\n })\n this.setState ({\n Activity: Page,\n memberDetailsLoading: false,\n state: \"MemberDetails\",\n })\n }\n }\n else if (Page === \"OrderForm\") {\n this.setState({\n Activity: Page,\n member: {},\n state: Page,\n })\n }\n else {\n this.setState({\n Activity: Page,\n member: {},\n state: Page,\n })\n }\n }\n\n render() {\n if (this.state.loading) {\n return (\n\n \n
\n \n ![{this.state.settings.logo[0]}]({this.state.settings.logo[1]})
\n {/*
\n )\n }\n if (this.state.Activity === \"MemberDetails\") {\n return (\n PAP Mailers 1.0
*/}\n\n\n \n
\n \n
\n\n
\n )\n }\n if (this.state.Activity === \"OrderForm\") {\n return (\n \n\n
\n \n
\n \n
\n \n
\n )\n }\n if (this.state.Activity === \"Reports\") {\n return (\n \n \n
\n \n
\n \n
\n )\n }\n if (this.state.Activity === \"Tools\") {\n return (\n \n \n
\n \n
\n )\n }\n }\n }\n\n navBar() {\n return \n }\n}\n\nexport default Main","import React from 'react'\nimport { API, graphqlOperation, Auth, Storage } from 'aws-amplify'\nimport { Amplify } from 'aws-amplify'\nimport awsconfig from '../aws-exports'\n// import Main from './Main'\nimport { createMember, updateMember } from '../graphql/mutations'\nimport { userByUserName, membersByOrganizationId, getOrganization, listSettings, ordersByOrganizationId } from '../graphql/queries'\nimport { v4 as uuid } from 'uuid'\n\n// UI\nimport { TextInput, Textarea, Button, Spinner, SavedIcon, Checkbox, toaster } from 'evergreen-ui'\n// import '../Styles/tables.css'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\nimport { VerticalAlign } from 'docx'\nimport JSZip from 'jszip'\nimport axios from 'axios'\nimport { Document, Packer, Media, Paragraph, TextRun, AlignmentType, Table, TableRow, TableCell, BorderStyle, WidthType, HeightRule } from 'docx'\nimport { birthdayBackgroundBase64 } from './Images/docx-images-base64'\n\n// Configure Amplify at the top of the file\nAmplify.configure(awsconfig);\n\n\nclass MemberDetails extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n member: {\n id: this.props.id === undefined ? null : this.props.id,\n pnumber: this.props.pnumber === undefined ? null : this.props.pnumber,\n mnumber: this.props.mnumber === undefined ? null : this.props.mnumber,\n ptype: this.props.ptype === undefined ? null : this.props.ptype,\n pactive: this.props.pactive === undefined ? true : this.props.pactive,\n eforms: this.props.eforms === undefined ? true : this.props.eforms,\n pforms: this.props.pforms === undefined ? true : this.props.pforms,\n ecards: this.props.ecards === undefined ? true : this.props.ecards,\n pcards: this.props.pcards === undefined ? true : this.props.pcards,\n birthdayBooster: this.props.birthdayBooster === undefined ? false : this.props.birthdayBooster,\n eReminders: this.props.eReminders === undefined ? false : this.props.eReminders,\n fname: this.props.fname === undefined ? '' : this.props.fname,\n lname: this.props.lname === undefined ? '' : this.props.lname,\n email: this.props.email === undefined ? '' : this.props.email,\n phone: this.props.phone === undefined ? '' : this.props.phone,\n address1: this.props.address === undefined ? '' : this.props.address,\n address2: this.props.addressRemote === undefined ? '' : this.props.addressRemote,\n DOB: this.props.DOB === undefined ? '' : this.props.DOB,\n anumber: this.props.anumber === undefined ? null : this.props.anumber,\n apayment: this.props.apayment === undefined ? '' : this.props.apayment,\n notes: this.props.notes === undefined ? '' : this.props.notes,\n organizationId: this.props.organizationId === undefined ? '' : this.props.organizationId,\n searchField: this.props.searchField === undefined ? '' : this.props.searchField\n },\n organization: {\n id: '',\n name: '',\n parentOrgId: '',\n active: true,\n independent: false,\n },\n sendingCard: false\n }\n\n this.componentDidMount = this.componentDidMount.bind(this)\n this.loadPage = this.loadPage.bind(this)\n this.componentDidUpdate = this.componentDidUpdate.bind(this)\n this.handleChange = this.handleChange.bind(this)\n this.getFieldValues = this.getFieldValues.bind(this)\n this.saveMember = this.saveMember.bind(this)\n this.resendBirthdayCard = this.resendBirthdayCard.bind(this)\n }\n\n componentDidMount () {\n this.loadPage()\n }\n\n loadPage = async () => {\n try {\n // Check for existing setting record\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n const organization_return = await API.graphql(graphqlOperation(getOrganization, { id: orgId }))\n this.setState({\n organization: organization_return.data.getOrganization\n })\n } catch (error) {\n Bugsnag.notify(error);\n console.log('Error fetching settings: ' + error)\n }\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps !== this.props) {\n this.setState({\n member: {\n id: this.props.id === undefined ? null : this.props.id,\n pnumber: this.props.pnumber === undefined ? 0 : this.props.pnumber,\n mnumber: this.props.mnumber === undefined ? 0 : this.props.mnumber,\n ptype: this.props.ptype === undefined ? 0 : this.props.ptype,\n pactive: this.props.pactive === undefined ? true : this.props.pactive,\n eforms: this.props.eforms === undefined ? true : this.props.eforms,\n pforms: this.props.pforms === undefined ? true : this.props.pforms,\n ecards: this.props.ecards === undefined ? true : this.props.ecards,\n pcards: this.props.pcards === undefined ? true : this.props.pcards,\n birthdayBooster: this.props.birthdayBooster === undefined ? false : this.props.birthdayBooster,\n eReminders: this.props.eReminders === undefined ? false : this.props.eReminders,\n fname: this.props.fname === undefined ? '' : this.props.fname,\n lname: this.props.lname === undefined ? '' : this.props.lname,\n email: this.props.email === undefined ? '' : this.props.email,\n phone: this.props.phone === undefined ? '' : this.props.phone,\n address1: this.props.address === undefined ? '' : this.props.address,\n address2: this.props.addressRemote === undefined ? '' : this.props.addressRemote,\n DOB: this.props.DOB === undefined ? '' : this.props.DOB,\n anumber: this.props.anumber === undefined ? null : this.props.anumber,\n apayment: this.props.apayment === undefined ? '' : this.props.apayment,\n notes: this.props.notes === undefined ? '' : this.props.notes,\n organizationId: this.props.organizationId === undefined ? '' : this.props.organizationId,\n searchField: this.props.searchField === undefined ? '' : this.props.searchField\n }\n });\n }\n }\n\n handleChange(event) {\n const target = event.target\n const updatedMember = this.state.member\n if (target.type === \"checkbox\") {\n const checked = target.checked\n updatedMember[event.target.id] = checked\n this.setState({\n member: updatedMember\n })\n }\n else {\n const field = target.name\n const value = target.value\n updatedMember[field] = value\n this.setState({\n member: updatedMember\n })\n }\n }\n\n getFieldValues () {\n this.setState({\n member: {\n id: this.props.id === undefined ? null : this.props.id,\n pnumber: parseInt(document.getElementById(\"pnumber\").value),\n mnumber: document.getElementById(\"mnumber\") ? parseInt(document.getElementById(\"mnumber\").value === '' ? null : document.getElementById(\"mnumber\").value): null,\n ptype: document.getElementById(\"ptype\") ? parseInt(document.getElementById(\"ptype\").value) : null,\n pactive: document.getElementById(\"pactive\").checked,\n eforms: document.getElementById(\"eforms\") ? document.getElementById(\"eforms\").checked : true,\n pforms: document.getElementById(\"pforms\") ? document.getElementById(\"pforms\").checked: true,\n ecards: document.getElementById(\"ecards\") ? document.getElementById(\"ecards\").checked : true,\n pcards: document.getElementById(\"pcards\") ? document.getElementById(\"pcards\").checked : true,\n birthdayBooster: document.getElementById(\"birthdayBooster\") ? document.getElementById(\"birthdayBooster\").checked : false,\n eReminders: document.getElementById(\"eReminders\") ? document.getElementById(\"eReminders\").checked : false,\n fname: document.getElementById(\"fname\").value,\n lname: document.getElementById(\"lname\").value,\n email: document.getElementById(\"email\").value,\n phone: document.getElementById(\"phone\").value,\n address1: document.getElementById(\"address1\").value,\n address2: document.getElementById(\"address2\").value,\n DOB: document.getElementById(\"DOB\").value,\n anumber: document.getElementById(\"anumber\") ? parseInt(document.getElementById(\"anumber\").value) : null,\n apayment: document.getElementById(\"apayment\") ? document.getElementById(\"apayment\").value : '',\n notes: document.getElementById(\"notes\").value,\n }\n })\n }\n\n saveMember = async () => {\n\n this.setState({ savingMember: true })\n\n try {\n this.getFieldValues()\n if (\n !this.state.member.pnumber || \n this.state.member.fname === '' || \n this.state.member.lname === '' || \n (this.state.member.address1 === '' && this.state.member.email === '') ||\n this.state.member.DOB === ''\n ) {\n if (!window.confirm('ID Number, first name, last name, DOB/Anniversary, and either an email or primary address are recommended before saving. Are you sure you want to proceed?')) {\n return\n }\n }\n\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n\n // If member already exists, update it\n if (MEMBERS.some(e => e.id === this.state.member.id)) {\n // Check to make sure ID number is not already in use\n if (MEMBERS.some(e => e.pnumber === this.state.member.pnumber && e.id !== this.state.member.id)) {\n // Get next available ID number\n let nextId = 1;\n while (MEMBERS.some(e => e.pnumber === nextId)) {\n nextId++;\n }\n\n toaster.warning('ID number already in use! The next available ID is: ' + nextId.toString(), {duration: 5,})\n return\n }\n else {\n const updatedMember = this.state.member\n updatedMember.searchField = this.state.member.pnumber + \" \" + this.state.member.fname.toLowerCase() + \" \" + this.state.member.lname.toLowerCase() + \" \" + this.state.member.pactive\n try {\n await API.graphql(graphqlOperation(updateMember, {input: updatedMember}))\n\n // Tracking\n toaster.success('Member updated!', {duration: 5,})\n // this.props.reloadMain(\"MemberDetails\");\n } \n catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5,})\n }\n }\n }\n // If member does not exist, create it\n else {\n // Check to make sure PAP number is not already in use\n if (MEMBERS.some(e => e.pnumber === this.state.member.pnumber)) {\n toaster.warning('PAP number already in use!', {duration: 5,})\n }\n else {\n try {\n //Generate new UUID for new member\n var updatedMember = this.state.member\n updatedMember.id = uuid()\n updatedMember.organizationId = orgId\n updatedMember.searchField = this.state.member.pnumber + \" \" + this.state.member.fname.toLowerCase() + \" \" + this.state.member.lname.toLowerCase() + \" \" + this.state.member.pactive\n await API.graphql(graphqlOperation(createMember, {input: updatedMember}))\n\n // Tracking\n mixpanel.track('Member record created');\n toaster.success('Member saved!', {duration: 5,})\n this.props.reloadMain();\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5,})\n }\n }\n }\n this.setState({ savingMember: false })\n } catch (error) {\n this.setState({ savingMember: false })\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5,})\n }\n }\n\n resendBirthdayCard = async () => {\n this.setState({ sendingCard: true });\n \n try {\n // Get current user info\n const user_info = await Auth.currentUserInfo();\n const username = user_info.username;\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }));\n const orgId = user.data.userByUserName.items[0].organizationId;\n\n // Get settings\n let nextToken = null;\n let count = 0;\n let SETTINGS = [];\n while (nextToken || count === 0) {\n count = 1;\n const filteredList = await API.graphql(\n graphqlOperation(listSettings, {\n filter: { organizationId: { eq: orgId } },\n limit: 900,\n nextToken: nextToken\n })\n );\n nextToken = filteredList.data.listSettings.nextToken;\n SETTINGS = SETTINGS.concat(filteredList.data.listSettings.items);\n }\n\n // Get orders from this year and last year\n const date = new Date();\n const thisYear = date.getFullYear();\n const lastYear = thisYear - 1;\n nextToken = null;\n count = 0;\n let ORDERS = [];\n \n // Get this year's orders\n while (nextToken || count === 0) {\n count = 1;\n const filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {\n organizationId: orgId,\n filter: { year: { eq: thisYear.toString() } },\n limit: 900,\n nextToken: nextToken\n })\n );\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken;\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items);\n }\n\n // Get last year's orders\n nextToken = null;\n count = 0;\n while (nextToken || count === 0) {\n count = 1;\n const filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {\n organizationId: orgId,\n filter: { year: { eq: lastYear.toString() } },\n limit: 900,\n nextToken: nextToken\n })\n );\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken;\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items);\n }\n\n // Get all members\n nextToken = null;\n count = 0;\n let MEMBERS = [];\n while (nextToken || count === 0) {\n count = 1;\n const filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken: nextToken\n })\n );\n nextToken = filteredList.data.membersByOrganizationId.nextToken;\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items);\n }\n\n // Get gifters for this member\n var gifters = [];\n for (let order of ORDERS) {\n if (order.receiverPNumber === this.state.member.pnumber &&\n (date - new Date(order.createdAt))/(1000*60*60*24*30.5) < 12) {\n if (order.donorPNumber) {\n const donor = MEMBERS.find(m => m.pnumber === order.donorPNumber);\n if (donor) {\n gifters.push(donor.fname + ' ' + donor.lname);\n }\n } else if (order.donorName) {\n gifters.push(order.donorName);\n }\n }\n }\n console.log('Gifters before default wishers:', gifters);\n\n // Add default wishers if needed\n if (gifters.length < 5 && SETTINGS[0]?.defaultWishers?.length > 0) {\n const defaultWisherValues = SETTINGS[0]?.defaultWishers\n .map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`));\n const defaultWishers = defaultWisherValues.map(obj => obj.label);\n for (const defaultWisher of defaultWishers) {\n if (!gifters.includes(defaultWisher)) {\n gifters.unshift(defaultWisher);\n }\n }\n }\n console.log('Gifters after default wishers:', gifters);\n // Deduplicate names in the final array\n gifters = [...new Set(gifters)];\n\n // Generate card document\n const cardDoc = new Document();\n \n // Add background image\n const birthdayBackgroundImage = Media.addImage(\n cardDoc,\n Uint8Array.from(atob(birthdayBackgroundBase64), c => c.charCodeAt(0)),\n 700,\n 1000,\n {\n floating: {\n horizontalPosition: {\n offset: 360000, // relative: HorizontalPositionRelativeFrom.PAGE by default\n },\n verticalPosition: {\n offset: 360000, // relative: VerticalPositionRelativeFrom.PAGE by default\n },\n behindDocument: true,\n },\n },\n );\n\n // Sort gifters alphabetically by last name\n gifters.sort(function(a, b) {\n var textA = a.split(\" \")[a.split(\" \").length - 1];\n var textB = b.split(\" \")[b.split(\" \").length - 1];\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n // Create table borders\n const borders = {\n top: { style: BorderStyle.NONE, size: 1 },\n bottom: { style: BorderStyle.NONE, size: 1 },\n left: { style: BorderStyle.NONE, size: 1 },\n right: { style: BorderStyle.NONE, size: 1 },\n };\n\n const tableHeight = 385; // Keep this as base height\n const singleColumnHeight = 700; // Increased from 600\n const doubleColumnHeight = 600; // Increased from 500\n const tripleColumnHeight = 500; // Increased from 400\n\n // Three column layout with page breaks\n const rows = [];\n for (let i = 0; i < Math.ceil(gifters.length / 3); i++) {\n const k = i * 3;\n \n rows.push(new TableRow({\n children: [\n new TableCell({\n borders,\n width: { size: 700, type: WidthType.DXA },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [new TextRun({\n text: gifters[k],\n size: 45,\n font: \"Monotype Corsiva\",\n })],\n })],\n }),\n new TableCell({\n borders,\n width: { size: 700, type: WidthType.DXA },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [new TextRun({\n text: gifters[k + 1] || \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n })],\n })],\n }),\n new TableCell({\n borders,\n width: { size: 700, type: WidthType.DXA },\n children: [new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [new TextRun({\n text: gifters[k + 2] || \"\",\n size: 45,\n font: \"Monotype Corsiva\",\n })],\n })],\n }),\n ],\n height: { height: tripleColumnHeight, rule: HeightRule.EXACT },\n }));\n }\n\n // Create an array to hold all the sections\n const sections = [];\n\n // First section with proper birthday header\n sections.push({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: []\n }),\n new Paragraph({\n alignment: AlignmentType.RIGHT,\n children: [new TextRun({\n text: new Date().getFullYear().toString(),\n size: 50,\n font: \"Monotype Corsiva\"\n })]\n }),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"Happy Birthday\",\n size: 120,\n font: \"Monotype Corsiva\",\n break: 0,\n }),\n new TextRun({\n text: this.state.member.fname + ' ' + this.state.member.lname,\n size: 100,\n font: \"Monotype Corsiva\",\n break: 1,\n }),\n new TextRun({\n text: \"Best wishes from your friends at\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,\n }),\n new TextRun({\n text: SETTINGS[0]?.chapterName || \"WishWell\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,\n }),\n new TextRun({\n text: \"\",\n size: 50,\n font: \"Monotype Corsiva\",\n break: 1,\n }),\n ]\n }),\n new Table({\n alignment: AlignmentType.CENTER,\n rows: rows.slice(0, Math.min(rows.length, 13)), // First 13 rows\n width: { size: 90, type: WidthType.PERCENTAGE },\n })\n ],\n });\n\n // Add additional sections for remaining rows\n const remainingRows = rows.slice(Math.min(rows.length, 13));\n for (let i = 0; i < remainingRows.length; i += 13) {\n sections.push({\n margins: {\n top: 720,\n right: 720,\n bottom: 720,\n left: 720,\n },\n children: [\n new Paragraph(birthdayBackgroundImage),\n new Paragraph({\n alignment: AlignmentType.CENTER,\n children: [\n new TextRun({\n text: \"More friends...\",\n size: 50,\n font: \"Monotype Corsiva\",\n }),\n ]\n }),\n new Table({\n alignment: AlignmentType.CENTER,\n rows: remainingRows.slice(i, i + 13),\n width: { size: 90, type: WidthType.PERCENTAGE },\n })\n ],\n });\n }\n\n // Add all sections to the document in correct order\n for (const section of sections) {\n cardDoc.addSection(section);\n }\n\n // Convert to PDF\n console.log('Converting document to PDF...');\n const docBlob = await Packer.toBlob(cardDoc);\n console.log('Document converted to blob');\n const file = new File([docBlob], `${this.state.member.fname} Birthday Card.docx`, \n {type: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"});\n console.log('Created file object');\n\n // Upload docx to S3 source bucket\n const sourceBucket = `wishwell-temp-docs-${process.env.REACT_APP_ENV || 'dev'}`;\n const sourceKey = `${this.state.member.fname}-${Date.now()}.docx`;\n const targetKey = `${this.state.member.fname}-${Date.now()}.pdf`;\n\n // Before the Storage.put call, configure the storage for this specific operation\n Storage.configure({\n AWSS3: {\n bucket: sourceBucket,\n region: 'us-east-1',\n customPrefix: {\n public: 'birthday-cards-docx/'\n }\n }\n });\n\n await Storage.put(sourceKey, file, {\n contentType: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n customPrefix: {\n public: 'birthday-cards-docx/'\n },\n level: 'public'\n });\n console.log('File uploaded to S3');\n\n // Call document processor endpoint\n console.log('Calling document processor endpoint...');\n const result = await API.post('wishwellapi', '/wishwellapi/processDocument', {\n body: {\n sourceBucket,\n sourceKey,\n targetKey\n }\n });\n console.log('Document processor response:', result);\n\n if (!result.success) {\n console.error('Document conversion failed:', result);\n throw new Error('Document conversion failed');\n }\n \n console.log('Getting PDF URL...');\n let url = result.files[0].Url;\n console.log('Downloading PDF from:', url);\n let response = await axios.get(url, {responseType: 'arraybuffer'});\n console.log('Converting PDF to base64...');\n let pdfData = new Buffer.from(response.data, 'binary').toString('base64');\n console.log('PDF conversion complete');\n\n // Helper function to validate email\n const isValidEmail = (email) => {\n return email && email.match(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/);\n };\n\n // Send email\n const options = {\n from: `${SETTINGS[0]?.chapterName || 'WishWell'} \n \n
\n ${this.state.member.fname},
\nHere's your ${SETTINGS[0]?.chapterName || 'WishWell'} birthday card! We hope you enjoy it.
\nHappy Birthday!
\nYour ${SETTINGS[0]?.chapterName || 'WishWell'} Team
`,\n attachments: [{\n filename: `${this.state.member.fname} Birthday Card.pdf`,\n content: pdfData,\n contentType: 'application/pdf',\n encoding: 'base64'\n }]\n };\n\n // Check if we have any valid recipients before sending\n if (!options.to) {\n throw new Error('No valid email addresses to send to');\n }\n\n const apiName = 'wishwellapi';\n const path = '/wishwellapi/sendEmail';\n \n this.setState({ sendingCard: true });\n await API.post(apiName, path, { body: { options } });\n \n toaster.success('Birthday card sent!', {\n duration: 5,\n id: 'birthday-card-toast' // Add unique ID to prevent duplicate toasts\n });\n \n } catch (error) {\n console.error(error);\n Bugsnag.notify(error);\n toaster.danger('Failed to send birthday card: ' + error.message, {\n duration: 5,\n id: 'birthday-card-error-toast'\n });\n } finally {\n this.setState({ sendingCard: false });\n }\n }\n\n render() {\n \n return (\n\n
\n )\n }\n}\n\nexport default MemberDetails","import React, { useState } from 'react'\nimport { API, graphqlOperation, Auth } from 'aws-amplify'\nimport awsconfig from '../aws-exports'\nimport { createOrder, /*updateOrder,*/ deleteOrder, createTransaction, updateTransaction } from '../graphql/mutations'\nimport { userByUserName, ordersByDonorPNumber, organizationById, membersByOrganizationId, transactionsByOrganizationId, settingsByOrganizationId } from '../graphql/queries'\n// import * as subscriptions from '../graphql/subscriptions';\n\n//UI\nimport { SelectField, Button, Pane, Dialog, Select, Checkbox, SearchTemplateIcon, TextInputField, toaster } from 'evergreen-ui'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\n \nclass OrderForm extends React.Component {\n\n constructor() {\n super()\n const today = new Date();\n const currentMonth = today.getMonth() + 1;\n const currentQuarter = Math.ceil(currentMonth / 3);\n const currentYear = today.getFullYear().toString();\n this.state = {\n donorPNumber: \"\",\n donor: {},\n check: {\n checkNumber: \"\",\n checkDate: \"\",\n checkAmount: \"\"\n },\n credit: {\n cardName: \"\",\n cardNumber: \"\",\n cardExp: \"\",\n cardCvv: \"\",\n cardZip: \"\",\n cardAmount: \"\",\n cardFees: false\n },\n quarterMonths: [],\n selectedQuarter: \"Q\" + ((currentQuarter % 4) + 1).toString(),\n selectedYear: currentQuarter === 4 ? (parseInt(currentYear) + 1).toString() : currentYear,\n currentYear: currentQuarter === 4 ? (parseInt(currentYear) + 1).toString() : currentYear,\n eventBasedMemberList: [],\n existingOrders: [],\n donationCount: 0,\n donationsByMonthcount: [0,0,0],\n showPlaceOrdersModal: false,\n saveOrdersLoading: false,\n showingLastYearsOrders: false,\n paymentType: \"Check\",\n results_1: [],\n results_2: [],\n results_3: [],\n donorName: '',\n isLoading: false,\n eventType: \"Birthday\",\n selectAll: false,\n }\n\n // Bindings\n this.componentDidMount = this.componentDidMount.bind(this)\n this.loadPage = this.loadPage.bind(this)\n this.handleChange = this.handleChange.bind(this)\n this.showOrderForm = this.showOrderForm.bind(this)\n this.handleKeyPressed = this.handleKeyPressed.bind(this)\n this.saveOrders = this.saveOrders.bind(this)\n }\n\n // New functions\n\n componentDidMount() {\n this.donorInput.focus();\n this.loadPage()\n // Tracking\n mixpanel.track('Place orders page visited');\n }\n\n loadPage = async () => {\n // Check for existing setting record\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n var orgId = user.data.userByUserName.items[0].organizationId\n const settings_record = await API.graphql(graphqlOperation(settingsByOrganizationId, { organizationId: orgId }))\n const orgSettings = settings_record.data.settingsByOrganizationId.items[0]\n\n this.setState({\n orgSettings: orgSettings\n })\n }\n\n handleKeyPressed(e) {\n if (e.key === 'Enter') {\n this.showOrderForm();\n }\n }\n\n handleChange(event) {\n if (event.target) {\n // prevent scroll wheel frm affecting values\n event.target.addEventListener('wheel', (e) => {\n e.preventDefault();\n });\n const target = event.target\n const field = target.name\n const value = target.value\n if (field === 'paymenttype') {\n if (target[0].selected) {\n this.setState({ paymentType: \"Check\" })\n }\n else {\n this.setState({ paymentType: \"Credit Card\" })\n }\n }\n else if (field === 'donorPNumber') {\n this.setState({donorPNumber: value})\n }\n else if (field.includes('check')) {\n const updatedCheck = this.state.check\n updatedCheck[field] = value\n this.setState({\n check: updatedCheck\n })\n }\n else if (event.target && event.target.id === 'quarter') {\n this.setState({ selectedQuarter: event.target.value });\n return\n }\n else if (event.target && event.target.id === 'year') {\n this.setState({ selectedYear: event.target.value });\n return\n }\n else if (field.includes('card')) {\n const updatedCredit = this.state.credit\n if (target.type === 'checkbox') {\n updatedCredit[field] === false ? updatedCredit[field] = true : updatedCredit[field] = false\n }\n else {\n updatedCredit[field] = value\n }\n this.setState({\n credit: updatedCredit\n })\n }\n else if (field.includes('selectAll')) {\n var eventBasedMemberList = this.state.eventBasedMemberList\n var newDonationsByMonthCount = this.state.donationsByMonthcount\n if (!this.state.selectAll) {\n newDonationsByMonthCount.fill(0);\n for (var i = 0; i < eventBasedMemberList.length; i++) {\n eventBasedMemberList[i].ordered = true\n let index = parseInt(this.state.eventBasedMemberList[i].DOB.split('-')[1] - 1)%3\n newDonationsByMonthCount[index] = newDonationsByMonthCount[index] + 1\n }\n }\n else {\n for (i = 0; i < this.state.eventBasedMemberList.length; i++) {\n eventBasedMemberList[i].ordered = false\n let index = parseInt(this.state.eventBasedMemberList[i].DOB.split('-')[1] - 1)%3\n newDonationsByMonthCount[index] = newDonationsByMonthCount[index] - 1\n }\n }\n\n const ordered = this.state.selectAll ? false : true\n const updatedResults1 = this.state.results_1.map(item => {\n return {\n ...item,\n props: { \n ...item.props,\n checked: ordered\n }\n };\n });\n const updatedResults2 = this.state.results_2.map(item => {\n return {\n ...item,\n props: { \n ...item.props,\n checked: ordered\n }\n };\n });\n const updatedResults3 = this.state.results_3.map(item => {\n return {\n ...item,\n props: { \n ...item.props,\n checked: ordered\n }\n };\n });\n\n this.state.results_1 = []\n this.state.results_2 = []\n this.state.results_3 = []\n\n this.setState({\n eventBasedMemberList: eventBasedMemberList,\n donationCount: this.state.selectAll ? 0 : this.state.eventBasedMemberList.length,\n donationsByMonthcount: newDonationsByMonthCount,\n selectAll: this.state.selectAll ? false : true,\n results_1: updatedResults1,\n results_2: updatedResults2,\n results_3: updatedResults3\n })\n this.forceUpdate()\n }\n }\n else {\n if (this.state.eventBasedMemberList[event].ordered) {\n this.state.eventBasedMemberList[event].ordered = false\n let newDonationsByMonthCount = this.state.donationsByMonthcount\n let index = parseInt(this.state.eventBasedMemberList[event].DOB.split('-')[1] - 1)%3\n newDonationsByMonthCount[index] = newDonationsByMonthCount[index] - 1\n\n // Check/uncheck box\n if (index === 0) {\n var updatedResults = this.state.results_1.map((item, i) => {\n if (item.props.id === event) {\n return {\n ...item,\n props: {\n ...item.props,\n checked: false\n }\n };\n }\n return item;\n });\n this.setState({ results_1: updatedResults })\n }\n else if (index === 1) {\n updatedResults = this.state.results_2.map((item, i) => {\n if (item.props.id === event) {\n return {\n ...item,\n props: {\n ...item.props,\n checked: false\n }\n };\n }\n return item;\n });\n this.setState({ results_2: updatedResults })\n }\n else if (index === 2) {\n updatedResults = this.state.results_3.map((item, i) => {\n if (item.props.id === event) {\n return {\n ...item,\n props: {\n ...item.props,\n checked: false\n }\n };\n }\n return item;\n });\n this.setState({ results_3: updatedResults })\n }\n \n this.setState({\n donationCount: this.state.donationCount - 1,\n donationsByMonthcount: newDonationsByMonthCount\n })\n }\n else {\n this.state.eventBasedMemberList[event].ordered = true\n let newDonationsByMonthCount = this.state.donationsByMonthcount\n let index = parseInt(this.state.eventBasedMemberList[event].DOB.split('-')[1] - 1)%3\n newDonationsByMonthCount[index] = newDonationsByMonthCount[index] + 1\n\n // Check/uncheck box\n if (index === 0) {\n var updatedResults = this.state.results_1.map((item, i) => {\n if (item.props.id === event) {\n return {\n ...item,\n props: {\n ...item.props,\n checked: true\n }\n };\n }\n return item;\n });\n this.setState({ results_1: updatedResults })\n }\n else if (index === 1) {\n updatedResults = this.state.results_2.map((item, i) => {\n if (item.props.id === event) {\n return {\n ...item,\n props: {\n ...item.props,\n checked: true\n }\n };\n }\n return item;\n });\n this.setState({ results_2: updatedResults })\n }\n else if (index === 2) {\n updatedResults = this.state.results_3.map((item, i) => {\n if (item.props.id === event) {\n return {\n ...item,\n props: {\n ...item.props,\n checked: true\n }\n };\n }\n return item;\n });\n this.setState({ results_3: updatedResults })\n }\n \n this.setState({\n donationCount: this.state.donationCount - 1,\n donationsByMonthcount: newDonationsByMonthCount\n })\n\n this.setState({\n donationCount: this.state.donationCount + 1,\n donationsByMonthcount: newDonationsByMonthCount\n })\n }\n }\n }\n \n // Function: show order form to enter in orders\n showOrderForm = async () => {\n let donor = parseInt(document.getElementById(\"donorPNumber\").value)\n let type = document.getElementById(\"BorA\").value\n let quarter = document.getElementById(\"quarter\").value\n let year = document.getElementById(\"year\").value\n this.setState({\n isLoading: true,\n check: {\n checkNumber: \"\",\n checkDate: \"\",\n checkAmount: \"\"\n },\n credit: {\n cardName: \"\",\n cardNumber: \"\",\n cardExp: \"\",\n cardCvv: \"\",\n cardZip: \"\",\n cardAmount: \"\",\n cardFees: false\n },\n actualDonorPNumber: donor,\n eventBasedMemberList: [],\n existingOrders: [],\n donationCount: 0,\n donationsByMonthcount: [0,0,0],\n showPlaceOrdersModal: false,\n saveOrdersLoading: false,\n showingLastYearsOrders: false,\n paymentType: \"Check\",\n results_1: [],\n results_2: [],\n results_3: [],\n donorName: '',\n eventType: type,\n })\n\n // Retrieve active members\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n\n try {\n let filter = {\n and: [{ pactive: { eq: \"true\"} },\n // { pforms: { eq: \"true\"} },\n // { DOB: { ne: \"1900-01-01\" } },\n // { DOB: { ne: \"\" } }\n ]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n filter: filter,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n\n // sort members\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n } catch (error) {\n console.log(error)\n Bugsnag.notify(error);\n }\n \n const memberCount = MEMBERS.length\n\n // Set months of quarter\n switch(quarter) {\n case \"Q1\":\n this.state.quarterMonths = [\"January\", \"February\", \"March\"]\n break;\n case \"Q2\":\n this.state.quarterMonths = [\"April\", \"May\", \"June\"]\n break;\n case \"Q3\":\n this.state.quarterMonths = [\"July\", \"August\", \"September\"]\n break;\n case \"Q4\":\n this.state.quarterMonths = [\"October\", \"November\", \"December\"]\n break;\n default: \n break;\n }\n \n // Filter birthdays and anniversaries by quarter\n var quarterBirthdays = []\n var quarterAnniversaries = []\n var donorExists = false\n for (var i = 0; i < memberCount; i++) {\n // Set donor name\n if (MEMBERS[i].pnumber === donor) { \n this.setState({ \n donorName: MEMBERS[i].fname + ' ' + MEMBERS[i].lname,\n donor: MEMBERS[i]\n })\n donorExists = true\n }\n switch(quarter) {\n case \"Q1\":\n if (MEMBERS[i].DOB && MEMBERS[i].DOB.split(\"-\")[1] >= 1 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 3) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n continue;\n case \"Q2\":\n if (MEMBERS[i].DOB && MEMBERS[i].DOB.split(\"-\")[1] >= 4 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 6) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n continue;\n case \"Q3\":\n if (MEMBERS[i].DOB && MEMBERS[i].DOB.split(\"-\")[1] >= 7 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 9) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n continue;\n case \"Q4\":\n if (MEMBERS[i].DOB && MEMBERS[i].DOB.split(\"-\")[1] >= 10 &&\n MEMBERS[i].DOB.split(\"-\")[1] <= 12) {\n if (MEMBERS[i].ptype !== 5) {\n quarterBirthdays.push(MEMBERS[i])\n }\n else {\n quarterAnniversaries.push(MEMBERS[i])\n }\n }\n continue;\n default:\n // code block\n }\n }\n\n if (!donorExists) { \n toaster.warning(\"No donor found with that ID. Please try again.\", {duration: 5,})\n }\n\n else {\n let ordersThisYear = false\n let ordersYear = year\n while(!ordersThisYear && (year - ordersYear < 2)) {\n this.state.results_1 = []\n this.state.results_2 = []\n this.state.results_3 = []\n \n // Get orders for year and donor\n nextToken = null;\n count = 0\n var ORDERS = []\n let orderFilter = {\n and: [{ year: { eq: ordersYear} },\n { organizationId: {eq: orgId} }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(ordersByDonorPNumber, {\n donorPNumber: donor,\n filter: orderFilter,\n limit: 900,\n nextToken:nextToken\n })\n )\n nextToken = filteredList.data.ordersByDonorPNumber.nextToken\n ORDERS = ORDERS.concat(filteredList.data.ordersByDonorPNumber.items)\n }\n\n // Generate table with columns by month, checked if order exists already\n this.state.eventBasedMemberList = type === \"Birthday\" ? quarterBirthdays : quarterAnniversaries\n // iterate through all members for the quarter\n for (i = 0; i < this.state.eventBasedMemberList.length; i++) {\n this.state.eventBasedMemberList[i].ordered = false\n if (parseInt(this.state.eventBasedMemberList[i].DOB.split(\"-\")[1]) % 3 === 1) {\n for(var j = 0; j < ORDERS.length; j++) {\n if (ORDERS[j].receiverPNumber === this.state.eventBasedMemberList[i].pnumber) {\n this.state.eventBasedMemberList[i].ordered = true\n this.state.existingOrders.push(ORDERS[j])\n this.state.donationCount++\n this.state.donationsByMonthcount[0]++\n ordersThisYear = true\n break;\n }\n }\n this.state.results_1.push(\n \n
\n \n
\n
\n \n \n
\n
\n \n \n
\n \n \n { this.setState({ saveOrdersLoading: true }); this.saveOrders(); } }\n confirmLabel={this.state.saveOrdersLoading ? 'Making Wishes...' : 'Make Wishes'}\n onCloseComplete={() => this.setState({ showPlaceOrdersModal: false, saveOrdersLoading: false })}\n >\n {this.state.paymentType === \"Check\" &&
\n
\n \n
\n
\n {/* If payment type is check */}\n {this.state.paymentType === \"Check\" && \n
\n )\n }\n}\n\nconst OrderItem = (props) => {\n return(\n \n \n
\n
\n | \n | \n \n | \n \n | \n
| \n | \n
\n
\n {this.state.donorName !== \"\" &&}\n \n {this.state.donorName !== \"\" && }\n \n
\n {this.state.eventBasedMemberList.length !== 0 && \n \n }\n
\n \n {this.state.donorName !== \"\" &&
{this.state.donorName} - {this.state.donationCount} Donations
Select All
{this.state.quarterMonths[0]}{this.state.donorName !== \"\" && | \n {this.state.quarterMonths[1]}{this.state.donorName !== \"\" && | \n {this.state.quarterMonths[2]}{this.state.donorName !== \"\" && | \n
{this.state.eventBasedMemberList.length === 0 ? \"\" : \"ID - Name - \" + this.state.eventType} | \n {this.state.eventBasedMemberList.length === 0 ? \"\" : \"ID - Name - \" + this.state.eventType} | \n {this.state.eventBasedMemberList.length === 0 ? \"\" : \"ID - Name - \" + this.state.eventType} | \n
| \n | \n | \n |
Important: Check information is not required, but if entered, please make sure all information accurate before placing orders to avoid issues with billing or the deposit report. If no amount is entered, default is ${this.state.orgSettings ? this.state.orgSettings.minWishPrice : 1}/wish and can be changed in your Settings page. This action will overwrite any previous orders from this donor for this year.\n
\n
}\n \n \n
\n
\n \n
\n
\n {/* If payment type is check */}\n {this.state.paymentType === \"Check\" &&
\n \n
\n
}\n \n \n
\n )\n}\n\nexport default OrderForm","import React from 'react'\nimport { API, graphqlOperation, Auth, Storage } from 'aws-amplify'\nimport { createSetting, updateSetting, createUser, updateUser, deleteUser, deleteOrganization, deleteSetting, updateMember, createMember, updateOrganization } from '../graphql/mutations'\nimport { listOrganizations, settingsByOrganizationId, userByUserName, settingsByMakeAWishURL, listUsers, getOrganization, membersByOrganizationId } from '../graphql/queries'\nimport AWS from 'aws-sdk'\nimport awsconfig from '../aws-exports'\n\n// Support libraries\nimport { v4 as uuid } from 'uuid'\nimport CreatableSelect from 'react-select/creatable';\nimport Select from 'react-select';\nimport { CSVLink } from \"react-csv\";\n\n//UI\nimport { Switch, TextInput, Tooltip, Button, SavedIcon, Pane, Tablist, Tab, HelpIcon, Checkbox, TextInputField, Textarea, EnvelopeIcon, Spinner, ArrowTopRightIcon, IconButton, ClipboardIcon, Table, AddIcon, toaster, Dialog, Combobox } from 'evergreen-ui'\nimport '../Styles/tables.css'\nimport '../Styles/progressbar.css'\nimport logo from '../wishwellbyonegift.svg'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\nimport { remove } from 'jszip'\n\nclass Settings extends React.Component {\n constructor(props) {\n super(props)\n this.logoInput = React.createRef();\n this.membersImport = React.createRef();\n this.tabs = ['Organization', 'Users'];\n // Get backend environment\n const envStart = awsconfig.aws_cloud_logic_custom[0].endpoint.lastIndexOf('/');\n const env = awsconfig.aws_cloud_logic_custom[0].endpoint.slice(envStart+1);\n this.state = {\n settingsLoaded: false,\n selectedIndex: 0,\n eventOptions: [\n { value: 'Birthdays', label: 'Birthdays' },\n { value: 'Anniversaries', label: 'Anniversaries' },\n { value: 'Grandchild Birthday', label: 'Grandchild Birthday' },\n ],\n user: {\n id: '',\n userName: '',\n permissions: [],\n },\n newUser: {\n id: '',\n userName: '',\n permissions: [],\n },\n env: env,\n users: [],\n permissionOptions: [\n { value: 'Admin', label: 'Admin' },\n { value: 'Members', label: 'Members' },\n { value: 'Orders', label: 'Orders' },\n { value: 'Generation', label: 'Generation' },\n { value: 'Reports', label: 'Reports' },\n ],\n orgTypes: [\n { value: 'Nonprofit', label: 'Nonprofit' },\n { value: 'Place of Worship', label: 'Place of Worship' },\n { value: 'Place of Work', label: 'Place of Work' },\n { value: 'Community', label: 'Community' },\n { value: 'School', label: 'School' },\n { value: 'Other', label: 'Other' },\n ],\n membersForCSV: [],\n originalMakeAWishURL: '',\n saveUserModalShown: false,\n saveUserLoading: false,\n createUpdateUser: 'Create',\n savePayoutInfoModalShow: false,\n savePayoutInfoLoading: false,\n payoutFieldsDisabled: false,\n enableWishWellModalShown: false,\n enableWishWellLoading: false,\n }\n\n this.componentDidMount = this.componentDidMount.bind(this)\n this.loadPage = this.loadPage.bind(this)\n this.saveTimerFunction = this.saveTimerFunction.bind(this)\n this.handleChange = this.handleChange.bind(this)\n this.handleUploadButtonClick = this.handleUploadButtonClick.bind(this)\n this.uploadLogo = this.uploadLogo.bind(this)\n this.importMembers = this.importMembers.bind(this)\n this.emailDonors = this.emailDonors.bind(this)\n this.saveSettings = this.saveSettings.bind(this)\n this.savePayoutInfo = this.savePayoutInfo.bind(this)\n this.generatePassword = this.generatePassword.bind(this)\n this.saveUser = this.saveUser.bind(this)\n this.subscribeUserToHubspot = this.subscribeUserToHubspot.bind(this);\n this.toggleFullAuto = this.toggleFullAuto.bind(this)\n this.deleteDummyUser = this.deleteDummyUser.bind(this)\n this.setupStripe = this.setupStripe.bind(this)\n this.changeOrg = this.changeOrg.bind(this)\n this.changeOrgSave = this.changeOrgSave.bind(this)\n }\n\n async componentDidMount() {\n // Tracking\n mixpanel.track('Settings page visited');\n const event = 'new load'\n this.loadPage(event)\n }\n\n loadPage = async (event) => {\n try {\n const countryNames = [\n 'Australia',\n 'Austria',\n 'Belgium',\n 'Bulgaria',\n 'Canada',\n 'Croatia',\n 'Cyprus',\n 'Czech Republic',\n 'Denmark',\n 'Estonia',\n 'Finland',\n 'France',\n 'Germany',\n 'Gibraltar',\n 'Greece',\n 'Hong Kong',\n 'Hungary',\n 'Ireland',\n 'Italy',\n 'Japan',\n 'Latvia',\n 'Liechtenstein',\n 'Lithuania',\n 'Luxembourg',\n 'Malta',\n 'Mexico',\n 'Netherlands',\n 'New Zealand',\n 'Norway',\n 'Poland',\n 'Portugal',\n 'Romania',\n 'Singapore',\n 'Slovakia',\n 'Slovenia',\n 'Spain',\n 'Sweden',\n 'Switzerland',\n 'Thailand',\n 'United Arab Emirates',\n 'United Kingdom',\n 'United States'\n ];\n\n const allCountryNames = countryNames.map(country => ({ value: country, label: country }));\n\n this.setState({ countries: allCountryNames });\n\n // Check for existing setting record\n const user_info = await Auth.currentUserInfo()\n if (!user_info || !user_info.username) {\n this.loadPage()\n return\n }\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n var orgId = user.data.userByUserName.items[0].organizationId\n const settings_record = await API.graphql(graphqlOperation(settingsByOrganizationId, { organizationId: orgId }))\n const orgSettings = settings_record.data.settingsByOrganizationId.items[0]\n var updatedSettings = {}\n updatedSettings.id = orgSettings.id\n updatedSettings.chapterName = orgSettings.chapterName\n updatedSettings.orgEmail = orgSettings.orgEmail\n updatedSettings.minWishPrice = orgSettings.minWishPrice\n updatedSettings.events = orgSettings.events.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n\n updatedSettings.customFields = orgSettings.customFields.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n updatedSettings.makeAWishURL = orgSettings.makeAWishURL\n updatedSettings.defaultWishers = orgSettings.defaultWishers.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n updatedSettings.envelopeReturnName = orgSettings.envelopeReturnName\n updatedSettings.envelopeReturnAddressLine1 = orgSettings.envelopeReturnAddressLine1\n updatedSettings.envelopeReturnAddressLine2 = orgSettings.envelopeReturnAddressLine2\n updatedSettings.logo = orgSettings.logo\n updatedSettings.brandColor = orgSettings.brandColor\n updatedSettings.taxNumber = orgSettings.taxNumber\n updatedSettings.orgType = JSON.parse(`{${orgSettings.orgType.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`)\n updatedSettings.giveLocal = orgSettings.giveLocal\n updatedSettings.paymentType = orgSettings.paymentType\n updatedSettings.paymentId = orgSettings.paymentId\n updatedSettings.bankInfo = orgSettings.bankInfo\n updatedSettings.country = JSON.parse(`{${orgSettings.country.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`)\n updatedSettings.referrer = orgSettings.referrer\n updatedSettings.referralCredit = orgSettings.referralCredit\n updatedSettings.fullAuto = orgSettings.fullAuto ? orgSettings.fullAuto : false\n updatedSettings.birthdayBooster = orgSettings.birthdayBooster ? orgSettings.birthdayBooster : false\n updatedSettings.organizationId = orgId\n updatedSettings.charityPartner = orgSettings.charityPartner ? orgSettings.charityPartner : \"\"\n updatedSettings.stripeAccountId = orgSettings.stripeAccountId ? orgSettings.stripeAccountId : \"\"\n updatedSettings.stripeOnboardingComplete = orgSettings.stripeOnboardingComplete ? orgSettings.stripeOnboardingComplete : false\n\n var isNonProfit = true\n if (updatedSettings.orgType.value === 'Place of Work' ||\n updatedSettings.orgType.value === 'Community' ||\n updatedSettings.orgType.value === 'School' ||\n updatedSettings.orgType.value === 'Other') {\n isNonProfit = false\n }\n this.setState({ nonProfit: isNonProfit })\n\n // Check for existing setting record\n const organization_return = await API.graphql(graphqlOperation(getOrganization, { id: orgId }))\n this.setState({\n organization: organization_return.data.getOrganization\n })\n\n // check if stripe account setup\n if (organization_return.data.getOrganization.parentOrgId !== \"859d0bb4-21c4-4c0d-9804-126093d78552\") {\n const apiName = 'wishwellpayments';\n var path = '/payments/retrieveAccount';\n var myInit = { // OPTIONAL\n body: {\n account_id: orgSettings.stripeAccountId\n },\n headers: {}, // OPTIONAL\n };\n const stripe = await API.post(apiName, path, myInit);\n if (stripe.body.charges_enabled) {\n updatedSettings.stripeOnboardingComplete = true\n }\n else {\n updatedSettings.stripeOnboardingComplete = false\n }\n }\n\n if (event && !updatedSettings.fullAuto && organization_return.data.getOrganization.parentOrgId !== \"859d0bb4-21c4-4c0d-9804-126093d78552\") {\n toaster.notify({props.handleChange(props.id)}} /> {props.pnumber} - {props.name} - {props.birthday}
\nWishWell isn't enabled yet. Please input all of your organization details and customizations, import your donors/members, add your payout information, and press 'Save Settings' to enable WishWell and start fundraising! Click here for more information
, {duration: 30})\n }\n\n // Get users\n var nextToken = null;\n var count = 0\n var filteredList\n var USERS = []\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(listUsers, {\n filter: {\n organizationId: { eq: orgId }\n },\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredList.data.listUsers.nextToken\n USERS = USERS.concat(filteredList.data.listUsers.items)\n }\n \n for (var i = 0; i < USERS.length; i++) {\n USERS[i].permissions = USERS[i].permissions.map(str => JSON.parse(`{${str.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`))\n }\n\n nextToken = null;\n count = 0\n var MEMBERS = []\n \n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items\n )}\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n var membersForCSV = [[\"First Name*\", \"Last Name*\", \"Email*\", \"Birthday* (MM/DD)\"]]\n\n var activeCount = 0\n for (i = 0; i < MEMBERS.length; i++) {\n if (MEMBERS[i].pactive) {\n activeCount++\n }\n membersForCSV.push([MEMBERS[i].fname, MEMBERS[i].lname, MEMBERS[i].email, MEMBERS[i].DOB])\n } \n\n // Check if email is verified\n const apiName = 'wishwellapi';\n path = '/wishwellapi/emailVerified';\n myInit = { // OPTIONAL\n body: {\n orgEmail: updatedSettings.orgEmail\n },\n headers: {}, // OPTIONAL\n };\n const emailVerified = await API.post(apiName, path, myInit);\n console.log('email verified: ' + emailVerified.verified)\n this.setState({ emailVerified: emailVerified.verified })\n\n // Get currency symbol\n const stripeCountryInfo = [\n {\n country: 'Australia',\n code: 'AU',\n currency: 'AUD',\n symbol: '$'\n },\n {\n country: 'Austria',\n code: 'AT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Belgium',\n code: 'BE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Bulgaria',\n code: 'BG',\n currency: 'BGN',\n symbol: 'лв'\n },\n {\n country: 'Canada',\n code: 'CA',\n currency: 'CAD',\n symbol: '$'\n },\n {\n country: 'Croatia',\n code: 'HR',\n currency: 'HRK',\n symbol: 'kn'\n },\n {\n country: 'Cyprus',\n code: 'CY',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Czech Republic',\n code: 'CZ',\n currency: 'CZK',\n symbol: 'Kč'\n },\n {\n country: 'Denmark',\n code: 'DK',\n currency: 'DKK',\n symbol: 'kr'\n },\n {\n country: 'Estonia',\n code: 'EE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Finland',\n code: 'FI',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'France',\n code: 'FR',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Germany',\n code: 'DE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Gibraltar',\n code: 'GI',\n currency: 'GBP',\n symbol: '£'\n },\n {\n country: 'Greece',\n code: 'GR',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Hong Kong',\n code: 'HK',\n currency: 'HKD',\n symbol: 'HK$'\n },\n {\n country: 'Hungary',\n code: 'HU',\n currency: 'HUF',\n symbol: 'Ft'\n },\n {\n country: 'Ireland',\n code: 'IE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Italy',\n code: 'IT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Japan',\n code: 'JP',\n currency: 'JPY',\n symbol: '¥'\n },\n {\n country: 'Latvia',\n code: 'LV',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Liechtenstein',\n code: 'LI',\n currency: 'CHF',\n symbol: 'CHF'\n },\n {\n country: 'Lithuania',\n code: 'LT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Luxembourg',\n code: 'LU',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Malta',\n code: 'MT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Mexico',\n code: 'MX',\n currency: 'MXN',\n symbol: '$'\n },\n {\n country: 'Netherlands',\n code: 'NL',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'New Zealand',\n code: 'NZ',\n currency: 'NZD',\n symbol: '$'\n },\n {\n country: 'Norway',\n code: 'NO',\n currency: 'NOK',\n symbol: 'kr'\n },\n {\n country: 'Poland',\n code: 'PL',\n currency: 'PLN',\n symbol: 'zł'\n },\n {\n country: 'Portugal',\n code: 'PT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Romania',\n code: 'RO',\n currency: 'RON',\n symbol: 'lei'\n },\n {\n country: 'Singapore',\n code: 'SG',\n currency: 'SGD',\n symbol: '$'\n },\n {\n country: 'Slovakia',\n code: 'SK',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Slovenia',\n code: 'SI',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Spain',\n code: 'ES',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Sweden',\n code: 'SE',\n currency: 'SEK',\n symbol: 'kr'\n },\n {\n country: 'Switzerland',\n code: 'CH',\n currency: 'CHF',\n symbol: 'CHF'\n },\n {\n country: 'Thailand',\n code: 'TH',\n currency: 'THB',\n symbol: '฿'\n },\n {\n country: 'United Arab Emirates',\n code: 'AE',\n currency: 'AED',\n symbol: 'د.إ'\n },\n {\n country: 'United Kingdom',\n code: 'GB',\n currency: 'GBP',\n symbol: '£'\n },\n {\n country: 'United States',\n code: 'US',\n currency: 'USD',\n symbol: '$'\n }\n ];\n const countryMap = updatedSettings.country\n const countryInfo = stripeCountryInfo.find(info => info.country === countryMap.value);\n const countryCurrency = countryInfo ? countryInfo.currency : 'usd';\n\n const currencySymbol = new Intl.NumberFormat('en-US', { style: 'currency', currency: countryCurrency }).formatToParts()[0].value;\n\n this.setState({\n members: MEMBERS,\n settings: updatedSettings, \n users: USERS,\n originalMakeAWishURL: orgSettings.makeAWishURL,\n activeCount: activeCount,\n currencySymbol: currencySymbol,\n user: user.data.userByUserName.items[0],\n membersForCSV: membersForCSV,\n })\n\n await API.graphql(graphqlOperation(updateSetting, {input: updatedSettings}))\n\n // Obfuscate bank info\n // TODO: obfuscate bankInfo via graphql (server-side); not needed anymore with Stripe\n var payoutFieldsDisabled = false\n if (orgSettings.bankInfo[0] !== '') {\n payoutFieldsDisabled = true\n orgSettings.bankInfo[1] = '************' + orgSettings.bankInfo[1].slice(-4)\n orgSettings.bankInfo[2] = '************' + orgSettings.bankInfo[2].slice(-4)\n }\n updatedSettings.bankInfo = orgSettings.bankInfo\n\n this.setState({\n settings: updatedSettings, \n users: USERS,\n originalMakeAWishURL: orgSettings.makeAWishURL,\n payoutFieldsDisabled: payoutFieldsDisabled,\n settingsLoaded: true\n })\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n }\n\n handleUploadButtonClick(event) {\n // Trigger a click event on the file input field\n // TODO: fix bug where you can't import a second time without refreshing\n if (event.currentTarget.innerHTML === 'Import Donors') {\n this.membersImport.current.click();\n }\n else if (event.currentTarget.innerHTML === 'Upload Logo') {\n this.logoInput.current.click();\n }\n };\n\n uploadLogo = async (event) => {\n const file = event.target.files[0];\n await this.saveSettings('supressMessage')\n if (file.type === 'image/png' || file.type === 'image/jpeg') {\n try {\n this.setState({ uploadingLogo: true })\n const result = await Storage.put(file.name, file);\n // TODO: don't need objectURL anymore\n const objectURL = this.state.env === 'dev' ? \"https://s3.amazonaws.com/wishwell-etl-data94437-dev/public/\" + result.key : \"https://s3.amazonaws.com/wishwell-etl-data134950-master/public/\" + result.key\n const logo = [result.key, objectURL]\n this.setState({\n settings: {\n ...this.state.settings,\n logo: logo\n }\n })\n await API.graphql(graphqlOperation(updateSetting, {input: this.state.settings}))\n mixpanel.track('Custom logo uploaded');\n this.setState({ uploadingLogo: false })\n toaster.success('Logo uploaded successfully')\n this.props.reloadMain();\n } catch (error) {\n console.log(error)\n Bugsnag.notify(error)\n }\n } else {\n toaster.warning('Please select a PNG or JPEG image file.', {duration: 5})\n }\n };\n\n importMembers = async (event) => {\n await this.saveSettings('supressMessage')\n try { \n const files = event.target.files;\n if (files.length === 0) {\n return; // Exit the function if no file was selected\n }\n const file = event.target.files[0];\n if (file.type === 'text/csv') {\n this.setState({ \n importingMembers: true,\n numberMembersImported: 0\n })\n const reader = new FileReader();\n\n const promise = new Promise((resolve, reject) => {\n reader.onload = () => {\n resolve(reader.result);\n };\n reader.onerror = () => {\n reject(reader.error);\n };\n });\n reader.readAsText(file);\n const contents = await promise;\n const members = contents.split('\\n').slice(1).reduce((acc, line) => {\n const fields = line.split(',');\n // if (fields.some((field) => !field.trim())) {\n // // Skip lines with empty fields\n // return acc;\n // }\n const count = (line.match(/,,/g) || []).length;\n if (count > 0) {\n toaster.warning('Please make sure your CSV file has 4 columns for every member: First Name, Last Name, Email, and Birthday.', {duration: 5})\n throw new Error('Your import file does not have values for all 4 columns for all import entries. Please input values for all 4 columns for all import entries and try again.')\n }\n const [fname, lname, email, birthday] = fields;\n // check if email field is valid\n if (!email.includes('@')) {\n toaster.warning('The email field is required for all import entries.', {duration: 5})\n throw new Error('Your import file does not have a valid email address for all import entries. Please input a valid email address for all import entries and try again.')\n }\n const date = birthday && !isNaN(Date.parse(birthday)) ? new Date(birthday) : new Date();\n const year = date.getFullYear();\n const month = date.getMonth() + 1;\n const day = date.getDate();\n const DOB = `${year}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;\n acc.push({ fname, lname, email, DOB});\n return acc;\n }, []);\n // Get next pnumber\n var highestPnumber = this.state.members.reduce((acc, member) => {\n return Math.max(acc, parseInt(member.pnumber));\n }, 0);\n\n // [updated, created] members\n var membersImported = [0,0]\n for (const member of members) {\n member.pactive = true\n const existingMember = this.state.members.find((m) => m.email === member.email);\n if (existingMember) {\n // Update existing member\n membersImported[0]++;\n member.id = this.state.members.find((m) => m.email === member.email).id\n member.pnumber = this.state.members.find((m) => m.email === member.email).pnumber // Prevent pnumber from changing\n await API.graphql(graphqlOperation(updateMember, {input: member}))\n .catch((err) => console.log(err))\n } else {\n // Create new member\n membersImported[1]++;\n member.id = uuid()\n member.pnumber = highestPnumber + 1\n member.organizationId = this.state.settings.organizationId\n member.ecards = true\n member.eforms = true\n member.birthdayBooster = true\n member.lifeCycle = 'Registered'\n await API.graphql(graphqlOperation(createMember, {input: member}))\n highestPnumber++\n }\n this.setState({ numberMembersImported: this.state.numberMembersImported + 1 })\n }\n mixpanel.track('Members imported successfully.');\n this.setState({ importingMembers: false })\n toaster.success('Member import completed. ' + membersImported[1] + ' members created and ' + membersImported[0] + ' members updated.', {duration: 5});\n } \n else {\n toaster.warning('Please select a CSV file.', {duration: 5})\n return\n }\n \n } catch (error) {\n toaster.danger('Error importing members. ' + error, {duration: 5})\n this.setState({ settingsLoaded: false })\n if (error.message !== 'Your import file does not have values for all 4 columns for all import entries. Please input values for all 4 columns for all import entries and try again.') {\n Bugsnag.notify(error);\n }\n }\n this.loadPage()\n }\n\n emailDonors = async () => {\n const { emailSubject, emailBody } = this.state;\n\n const formattedEmailBody = emailBody.replace(/\\n/g, '');\n\n try {\n for (var i = 0; i < this.state.members.length; i++) {\n const member = this.state.members[i];\n if (member.pactive) {\n const apiName = 'publicorderform';\n const path = '/publicorderform/sendEmail';\n const myInit = { // OPTIONAL\n body: {\n memberFName: member.fname,\n memberEmail: member.email,\n emailSubject: emailSubject,\n emailBody: formattedEmailBody,\n orgName: this.state.settings.chapterName,\n orgEmail: this.state.settings.orgEmail\n },\n headers: {}, // OPTIONAL\n };\n const emailResponse = await API.post(apiName, path, myInit);\n this.setState({ emailingDonors: false, showEmailDonorsModal: false });\n }\n }\n toaster.success('Emails sent successfully');\n } catch (error) {\n console.log(error)\n Bugsnag.notify(error);\n }\n }\n\n saveTimerFunction() {\n // Clear the previous timer if it exists\n if (this.timer) {\n clearTimeout(this.timer);\n }\n \n // Start a new timer\n this.timer = setTimeout(() => {\n this.saveSettings();\n }, 3000); // 3000 milliseconds = 3 seconds\n }\n\n handleChange(newValue, actionMeta, id) {\n var updatedSettings = this.state.settings\n var updatedUser = this.state.user\n var updatedNewUser = this.state.newUser\n var updatedBankInfo = this.state.settings.bankInfo\n if (newValue.target) {\n if (newValue.target.id.startsWith('user.')) {\n const target = newValue.target\n const field = target.name\n const value = target.value\n updatedUser[field] = value\n }\n if (newValue.target.id.startsWith('newUser.')) {\n const target = newValue.target\n const field = target.name\n const value = target.value\n updatedNewUser[field] = value\n }\n if (newValue.target.id.startsWith('bankInfo.')) {\n const target = newValue.target\n const fieldValue = target.name\n const field = fieldValue === 'accountName' ? 0 : fieldValue === 'accountNumber' ? 1 : 2\n const value = target.value\n updatedBankInfo[field] = value\n }\n else {\n const target = newValue.target\n const field = target.name\n const value = target.value\n updatedSettings[field] = value\n this.saveTimerFunction()\n }\n }\n else {\n if (actionMeta.action === \"remove-value\" && actionMeta.removedValue.value === 'Birthdays') {\n toaster.warning('You cannot remove the Birthdays event', {duration: 5})\n return\n }\n if (actionMeta.name === 'permissions') {\n updatedNewUser.permissions = newValue\n }\n if (actionMeta.action === \"remove-value\" && actionMeta.removedValue.value === 'Super Admin') {\n toaster.warning('You cannot remove the Super Admin role. Contact support to transfer the role to another user.', {duration: 5})\n return\n }\n else {\n updatedSettings[id] = newValue\n if (id === 'orgType') {\n var isNonProfit = true\n if (newValue.value === 'Place of Work' ||\n newValue.value === 'Community' ||\n newValue.value === 'School' ||\n newValue.value === 'Other') {\n isNonProfit = false\n }\n this.setState({ nonProfit: isNonProfit })\n }\n }\n }\n this.setState({\n settings: updatedSettings,\n user: updatedUser\n })\n }\n\n saveUser = async (action) => {\n var user = this.state.newUser\n if (!user.userName || !/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(user.userName)) {\n toaster.warning('Please enter a valid email address as the username', {duration: 5})\n this.setState({ saveUserLoading: false })\n return\n }\n if (action === 'Create') {\n // Check if user already exists\n const userExists = await API.graphql(graphqlOperation(userByUserName, { userName: user.userName.toLowerCase() }))\n if (userExists.data.userByUserName.items.length > 0) {\n toaster.warning('This email already belongs to a WishWell user. If they aren\\'t listed in the Users tab, please use a different email for them.', {duration: 5})\n this.setState({ saveUserLoading: false })\n return\n }\n try {\n user.id = uuid()\n user.NPS = '{date=' + new Date().toISOString().split('T')[0] + ', score=none}'\n user.lifeCycle = 'Customer'\n user.organizationId = this.state.settings.organizationId\n user.userName = user.userName.toLowerCase()\n\n // set permissions as constant order\n const permissionsOrder = [\"Super Admin\", \"Admin\", \"Members\", \"Orders\", \"Generation\", \"Reports\"]\n const sortedPermissions = user.permissions.sort((a, b) => {\n const aIndex = permissionsOrder.indexOf(a.label);\n const bIndex = permissionsOrder.indexOf(b.label);\n return aIndex - bIndex;\n });\n user.permissions = sortedPermissions\n\n const tempPassword = await this.generatePassword(8);\n await Auth.signUp({\n username: user.userName,\n password: tempPassword,\n attributes: {\n email: user.userName,\n 'custom:orgName': this.state.settings.chapterName,\n 'custom:userType': 'userCreated',\n 'custom:initialPassword': tempPassword\n }\n })\n await API.graphql(graphqlOperation(createUser, {input: user}))\n \n // Set user to Admin group\n const apiName = 'wishwellapi';\n var path = '/wishwellapi/addUserToAdminGroup';\n var myInit = { // OPTIONAL\n body: {\n userName: user.userName\n },\n headers: {}, // OPTIONAL\n };\n await API.post(apiName, path, myInit)\n\n this.subscribeUserToHubspot(user.userName, this.state.settings.chapterName, this.state.settings.orgType.value)\n \n // Wait for 5 seconds\n await new Promise(resolve => setTimeout(resolve, 3000));\n\n toaster.success('User created and invitation email sent!')\n mixpanel.track('User created');\n this.setState({ \n saveUserModalShown: false, \n saveUserLoading: false, \n newUser: {\n id: '',\n userName: '',\n permissions: [],\n }, \n })\n this.loadPage()\n } catch (error) {\n if (error.code === 'UsernameExistsException') {\n toaster.warning('This email is already in use for another WishWell account. Please use a different email to register your organization.');\n } else {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5})\n }\n }\n }\n else if (action === 'Update') {\n // Check if user already exists\n const userExists = await API.graphql(graphqlOperation(userByUserName, { userName: user.userName }))\n if (userExists.data.userByUserName.items.length > 0) {\n try {\n user.id = userExists.data.userByUserName.items[0].id\n user.NPS = userExists.data.userByUserName.items[0].NPS\n user.lifeCycle = userExists.data.userByUserName.items[0].lifeCycle\n user.organizationId = userExists.data.userByUserName.items[0].organizationId\n\n // set permissions as constant order\n const permissionsOrder = [\"Super Admin\", \"Admin\", \"Members\", \"Orders\", \"Generation\", \"Reports\"]\n const sortedPermissions = user.permissions.sort((a, b) => {\n const aIndex = permissionsOrder.indexOf(a.label);\n const bIndex = permissionsOrder.indexOf(b.label);\n return aIndex - bIndex;\n });\n user.permissions = sortedPermissions\n\n await API.graphql(graphqlOperation(updateUser, {input: user}))\n mixpanel.track('User updated');\n toaster.success('User updated')\n this.setState({ \n saveUserModalShown: false, \n saveUserLoading: false, \n newUser: {\n id: '',\n userName: '',\n permissions: [],\n }, \n })\n this.loadPage()\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5})\n }\n }\n else {\n toaster.warning('This user does not exist. Please create them instead or contact support.', {duration: 5})\n return\n }\n }\n else if (action === 'Delete') {\n if (this.state.newUser.permissions.some(permission => permission.value === \"Super Admin\")) {\n toaster.danger('You cannot delete a Super Admin, please contact support to transfer the role to another user before deleting this user.', {duration: 5})\n return\n }\n if (window.confirm('Are you sure you want to delete this user?')) {\n // Check if user already exists\n const userExists = await API.graphql(graphqlOperation(userByUserName, { userName: user.userName }))\n if (userExists.data.userByUserName.items.length > 0) {\n try {\n user.id = userExists.data.userByUserName.items[0].id\n\n var cognitoidentityserviceprovider = new AWS.CognitoIdentityServiceProvider();\n\n const userPoolId = this.state.env === 'dev' ? process.env.REACT_APP_USER_POOL_ID_DEV : process.env.REACT_APP_USER_POOL_ID_PROD\n \n const deleteParams = {\n UserPoolId: userPoolId,\n Username: user.userName\n };\n \n await cognitoidentityserviceprovider.adminDeleteUser(deleteParams, function(err, data) {\n if (err) console.log(err, err.stack); // an error occurred\n else console.log(data); // successful response\n });\n await API.graphql(graphqlOperation(deleteUser, {input: { id: user.id, }}))\n mixpanel.track('User deleted');\n toaster.success('User deleted')\n this.setState({ \n saveUserModalShown: false, \n saveUserLoading: false, \n newUser: {\n id: '',\n userName: '',\n permissions: [],\n }, \n })\n this.loadPage()\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5})\n }\n }\n else {\n toaster.warning('This user does not exist. Please create them instead or contact support.', {duration: 5})\n return\n }\n }\n }\n }\n\n subscribeUserToHubspot(email, company, sector) {\n const portalId = '24356242';\n const formGuid = 'eaf1ea56-de2c-4649-ae4b-73709f4d8f23';\n\n const url = `https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formGuid}`;\n\n const data = {\n submittedAt: new Date().getTime(),\n fields: [\n {\n name: 'email',\n value: email\n },\n {\n name: 'company',\n value: company\n },\n {\n name: 'industry',\n value: sector\n },\n ]\n };\n\n fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(data)\n })\n .then(response => response.json())\n .then(data => {\n console.log('Submission successful', data);\n // Do something with response data\n })\n .catch(error => {\n console.error('There was an error!', error);\n Bugsnag.notify(error)\n });\n }\n\n setupStripe = async (action) => {\n this.setState({ setupStripeLoading: true })\n if (action === 'create') {\n try {\n const apiName = 'wishwellpayments';\n var path = '/payments/createAccountLink';\n var myInit = { // OPTIONAL\n body: {\n account_id: this.state.settings.stripeAccountId,\n type: this.state.settings.stripeOnboardingComplete ? \"account_update\" : \"account_onboarding\",\n },\n headers: {}, // OPTIONAL\n };\n const stripe = await API.post(apiName, path, myInit);\n window.location.href = stripe.body.url;\n } catch (error) {\n console.log(error)\n Bugsnag.notify(error)\n }\n }\n else {\n try {\n const apiName = 'wishwellpayments';\n var path = '/payments/createLoginLink';\n var myInit = { // OPTIONAL\n body: {\n account_id: this.state.settings.stripeAccountId,\n },\n headers: {}, // OPTIONAL\n };\n const stripe = await API.post(apiName, path, myInit);\n window.open(stripe.body.url, '_blank');\n } catch (error) {\n console.log(error)\n Bugsnag.notify(error)\n }\n }\n this.setState({ setupStripeLoading: false })\n }\n\n // TODO: this isn't necessary after stripe connect implementation\n savePayoutInfo = async (action) => {\n await this.saveSettings('supressMessage')\n if (this.state.settings.bankInfo[0] === '' || this.state.settings.bankInfo[1].includes('*')) {\n toaster.warning('You must first enter in or change your payout details before saving.', {duration: 5})\n this.setState({ savePayoutInfoLoading: false })\n return\n }\n try {\n await API.graphql(graphqlOperation(updateSetting, {input: this.state.settings}))\n mixpanel.track('Payout info saved');\n toaster.success('Payout info saved', {duration: 5})\n this.setState({ savePayoutInfoModalShow: false })\n this.loadPage()\n } \n catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5})\n }\n }\n\n saveSettings = async (event) => {\n // Make sure all fields are filled out and unique (as needed)\n if (event === \"supressMessageAndEnable\") {\n this.setState({ enablingWishWell: true })\n }\n if (event === \"dontSupress\" || event === \"supressMessageAndEnable\") {\n event !== \"supressMessageAndEnable\" && this.setState({ savingSettings: true })\n if (!this.state.settings.chapterName) {\n toaster.warning('Please enter an organization name.', {duration: 5})\n this.setState({ selectedIndex: 0, savingSettings: false, enablingWishWell: false })\n return\n }\n }\n try {\n\n var SETTINGS = this.state.settings\n \n //Edit existing settings record\n // Ensure makeawishurl is unique\n var makeAWishURL = this.state.settings.makeAWishURL.toLowerCase()\n var tempMakeAWishURL = makeAWishURL\n var counter = 0\n var mawURLUnique = true\n var mawSettings = await API.graphql(graphqlOperation(settingsByMakeAWishURL, { makeAWishURL: tempMakeAWishURL }))\n while (mawSettings.data.settingsByMakeAWishURL.items.length > 0 && this.state.originalMakeAWishURL !== tempMakeAWishURL) {\n mawURLUnique = false\n tempMakeAWishURL = makeAWishURL + counter\n mawSettings = await API.graphql(graphqlOperation(settingsByMakeAWishURL, { makeAWishURL: tempMakeAWishURL }))\n counter++\n }\n makeAWishURL = tempMakeAWishURL\n if (!mawURLUnique) {\n toaster.warning('The Custom URL you entered is already in use. Please enter a unique Make-A-Wish URL. ' + makeAWishURL + ' is one available option.', {duration: 5})\n this.setState({ selectedIndex: 2 })\n return\n }\n if (this.state.settings.makeAWishURL.length > 22) {\n toaster.warning('The Custom URL you entered is too long. It must be 22 characters or less.', {duration: 5})\n this.setState({ selectedIndex: 2 })\n return\n }\n const updatedSettings = this.state.settings\n updatedSettings.id = SETTINGS.id\n updatedSettings.envelopeReturnName = this.state.settings.chapterName\n updatedSettings.makeAWishURL = this.state.settings.makeAWishURL.toLowerCase()\n this.setState({\n settings: updatedSettings\n })\n var settingsToUpdate = updatedSettings\n // delete settingsToUpdate.bankInfo;\n var updatedOrganization = {}\n updatedOrganization.id = this.state.organization.id\n updatedOrganization.name = updatedSettings.chapterName\n try {\n await API.graphql(graphqlOperation(updateOrganization, {input: updatedOrganization}))\n await API.graphql(graphqlOperation(updateSetting, {input: settingsToUpdate}))\n if (event === \"dontSupress\" || event === \"supressMessageAndEnable\") {\n mixpanel.track('Settings updated');\n event !== \"supressMessageAndEnable\" && toaster.success('Settings updated!', {duration: 5})\n await this.loadPage()\n await this.props.reloadMain()\n if (!this.state.settings.fullAuto) {\n this.setState({ enableWishWellModalShown: true })\n }\n }\n else {\n event !== \"supressMessage\" && toaster.success('Settings updated!', {duration: 5})\n await this.loadPage()\n await this.props.reloadMain()\n // await this.loadPage()\n // await this.props.reloadMain()\n }\n //this.props.changePage(\"Main\")\n } \n catch (error) {\n // Bugsnag.notify(error);\n // toaster.danger('Operation failed: ' + error, {duration: 5})\n }\n } catch (error) {\n Bugsnag.notify(error);\n toaster.danger('Operation failed: ' + error, {duration: 5})\n }\n this.setState({ \n savingSettings: false,\n enablingWishWell: false\n })\n }\n\n toggleFullAuto = async () => {\n var updatedSettings = this.state.settings\n if (this.state.settings.fullAuto) {\n window.notify('To disable WishWell, please contact support.', {duration: 5})\n }\n else {\n if (window.confirm('Are you sure you want to enable WishWell? This will send a quarterly appeal to your members to make wishes and digital cards on their birthdays.')) {\n if (!this.state.nonProfit && this.state.settings.charityPartner === \"\") {\n toaster.warning('As a for-profit organization, you must include your charity partner in order to accept donations. If you are a non-profit, please change your organization type to Nonprofit and try again.', {duration: 5})\n this.setState({ \n enableWishWellLoading: false,\n enablingWishWell: false\n })\n return\n }\n if (!this.state.settings.stripeOnboardingComplete && this.state.organization.parentOrgId !== \"859d0bb4-21c4-4c0d-9804-126093d78552\") {\n toaster.warning('Please enter your payout details before enabling WishWell.', {duration: 5})\n this.setState({ \n enableWishWellLoading: false,\n enablingWishWell: false\n })\n return\n }\n if (this.state.members.length < 3) {\n if (!window.confirm('Your organization currently has ' + this.state.members.length + ' active members. We recommend adding at least 3 members before enabling WishWell. Are you sure you wish to continue?', {duration: 5})) {\n this.setState({ \n enableWishWellLoading: false,\n enablingWishWell: false\n })\n return\n }\n }\n updatedSettings.fullAuto = true\n updatedSettings.fullAutoEnabledDate = new Date().toISOString()\n this.setState({\n settings: updatedSettings\n })\n await API.graphql(graphqlOperation(updateSetting, {input: updatedSettings}))\n\n toaster.success('WishWell enabled! Happy Giving!', {duration: 5})\n this.setState({ \n enableWishWellModalShown: false, \n enableWishWellLoading: false \n })\n mixpanel.track('WishWell enabled!');\n mixpanel.people.set({\n 'Lifecycle Stage': 'Activated',\n });\n mixpanel.people.set_once({\n 'Activation Date': new Date().toISOString(),\n })\n mixpanel.track('Customer activated!');\n\n // send email to admin and Ryan\n var message = ''\n if (this.state.nonProfit) {\n message = '
Hey there,
Congratulations on enabling WishWell! Your donations should start rolling in with the next batch of birthdays. We know that social media is also an important part of any marketing campaign.
Here is a draft post that you can update as you deem appropriate that you can share on your social media channels. Your members can register for WishWell in under 2 minutes, so we are hopefull that many more will join the cause over the weeks and months to come.
Draft Social Media Post
🎉 BIG NEWS! We\\'ve partnered with WishWell to make birthdays more meaningful. Now, every birthday wish comes with a cause. Learn more at wishwell.ai/why. And stay tuned for more info! #WishWellImpact\"
More content will follow in the weeks ahead :)
Happy Giving!
Your WishWell Team!
Learn more about WishWell and OneGift
';\n }\n else {\n message = 'Hey there,
Congratulations on enabling WishWell! The donations for your charity partner should start rolling in with the next batch of birthdays. We know that social media is also an important part of any marketing campaign.
Here is a draft post that you can update as you deem appropriate that you can share on your social media channels. Your members can register for WishWell in under 2 minutes, so we are hopefull that many more will join the cause over the weeks and months to come.
Draft Social Media Post
🎉 BIG NEWS! We\\'ve partnered with WishWell to make birthdays more meaningful. Now, every birthday wish comes with a cause. Learn more at wishwell.ai/why. And stay tuned for more info! #WishWellImpact\"
More content will follow in the weeks ahead :)
If you are planning on matching some of the donations, we suggest marketing that in your social media posts. To do the matching, simply add the amount on top of the incoming donations before you transfer them to your charity partner.
Happy Giving!
Your WishWell Team!
Learn more about WishWell and OneGift
';\n }\n var subject = '🎁😊 Congratulations on enabling WishWell!';\n var params = {\n to: [this.state.settings.orgEmail],\n html: message,\n subject: subject,\n from: '\"WishWell by OneGift\"Customer Name: ${this.state.settings.chapterName}
Customer Email: ${this.state.settings.orgEmail}
# of Members: ${this.state.members.length}
Referrer: ${this.state.settings.referrer ? this.state.settings.referrer : \"\"}
`\n params = {\n to: 'ryan@onegift.ai',\n html: message,\n subject: subject,\n from: '\"WishWell by OneGift\"' + this.state.members[i].fname + ',
I am so thrilled to announce that ' + this.state.settings.chapterName + ' has partnered with WishWell to make sending wishes and giving donations easier than ever!
Every quarter, you\\'ll get an email with a link to a page where you can search through our members with upcoming birthdays and select those you want to wish well (wishwell.ai/' + this.state.settings.makeAWishURL + '). Donate ' + this.state.currencySymbol + this.state.settings.minWishPrice + ' per member via credit card, and your friends will get a card on their birthday with your name on it.
Here\\'s a short video demonstration of the process: wishwell.ai/wishestutorial
WishWell was built by OneGift, and, like us they are committed to fostering the spirit of generosity and community. Head over to onegift.ai to learn more!
If you have any questions or you don\\'t want to receive these emails, you can reply to this email or contact experience@onegiftfoundation.org.
Happy Giving!
' + this.state.settings.chapterName + '
',\n // },\n // }\n // }\n // else {\n // body = {\n // Html: {\n // Charset: 'UTF-8',\n // Data: '' + this.state.members[i].fname + ',
I am so thrilled to announce that ' + this.state.settings.chapterName + ' has partnered with WishWell to make sending wishes and giving donations to our partner charity, ' + this.state.settings.charityPartner + ', easier than ever!
Every quarter, you\\'ll get an email with a link to a page where you can search through our members with upcoming birthdays and select those you want to wish well (wishwell.ai/' + this.state.settings.makeAWishURL + '). Donate ' + this.state.currencySymbol + this.state.settings.minWishPrice + ' per member via credit card, and your friends will get a card on their birthday with your name on it.
Here\\'s a short video demonstration of the process: wishwell.ai/wishestutorial
WishWell was built by OneGift, and, like us they are committed to fostering the spirit of generosity and community. Head over to onegift.ai to learn more!
If you have any questions or you don\\'t want to receive these emails, you can reply to this email or contact experience@onegiftfoundation.org.
Happy Giving!
' + this.state.settings.chapterName + '
',\n // },\n // }\n // }\n // const options = {\n // from: fromEmail,\n // to: [this.state.members[i].email],\n // html: body,\n // subject: '🎁😊 ' + this.state.settings.chapterName + ' has partnered with WishWell!',\n // };\n\n // // Send email call to api\n // const apiName = 'wishwellapi';\n // path = '/wishwellapi/sendEmail';\n // myInit = { // OPTIONAL\n // body: {\n // options: options\n // },\n // headers: {}, // OPTIONAL\n // };\n // await API.post(apiName, path, myInit)\n \n // } catch (error) {\n // Bugsnag.notify(error);\n // toaster.warning('Members couldn\\'t be emailed. Please try again or contact support.', {duration: 5})\n // }\n // };\n // }\n }\n }\n }\n\n generatePassword(length) {\n const chars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\n let password = \"\";\n for (let i = 0; i < length; i++) {\n password += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n return password;\n }\n\n // SCRIPT: delete dummy users made via demos (make sure to comment out delete user button)\n deleteDummyUser = async (userId) => {\n try {\n const user_record = await API.graphql(graphqlOperation(userByUserName, { userName: userId }))\n if (user_record.data.userByUserName.items.length !== 0) {\n const user = user_record.data.userByUserName.items[0]\n const orgId = user.organizationId\n const settings_record = await API.graphql(graphqlOperation(settingsByOrganizationId, { organizationId: orgId }))\n const settings = settings_record.data.settingsByOrganizationId.items[0]\n\n // Delete the user, organization, and settings records\n await API.graphql(graphqlOperation(deleteUser, { input: { id: user.id } }));\n // await API.graphql(graphqlOperation(deleteOrganization, { input: { id: orgId } }));\n // await API.graphql(graphqlOperation(deleteSetting, { input: { id: settings.id } }));\n console.log(`User ${userId} has been deleted from user, organization, and settings tables. You need to manually delete the org and settings if this is a dummy org.`)\n }\n else {\n console.log(`User ${userId} was not yet in the user, organization, or settings tables.`)\n }\n \n // Delete the user from Cognito\n // try {\n // const cognitoUser = await Auth.deleteUser(userId);\n // console.log(`User ${userId} has been deleted from cognito.`);\n // } catch (error) {\n // if (error.code === 'UserNotFoundException') {\n // console.log(`User ${userId} was not found in cognito.`);\n // } else {\n // console.error(error);\n // }\n // }\n \n // Remove the user from HubSpot - not needed for now\n // const apiKey = 'pat-na1-b30a09ff-818c-4520-89d6-d01471f578c8';\n // const email = userId\n // const authResponse = await axios.post(`https://api.hubapi.com/oauth/v1/token?grant_type=client_credentials&client_id=${apiKey}&client_secret=${apiKey}`);\n // const accessToken = authResponse.data.access_token;\n // const searchResponse = await axios.get(`https://api.hubapi.com/contacts/v1/search/query?q=${email}&hapikey=${apiKey}&access_token=${accessToken}`);\n // const contact = searchResponse.data.contacts[0];\n \n // if (contact) {\n // await axios.delete(`https://api.hubapi.com/contacts/v1/contact/vid/${contact.vid}?hapikey=${apiKey}&access_token=${accessToken}`);\n // console.log(`User ${userId} has been deleted from hubspot.`);\n // }\n // else {\n // console.log(`User ${userId} not found in hubspot.`);\n // }\n\n console.log(`User ${userId} has been deleted completely.`);\n \n } catch (error) {\n console.error(error);\n }\n \n }\n\n changeOrg = async () => {\n // Load all orgs and set state.allOrgs\n try {\n var nextToken = null;\n var count = 0\n var filteredList\n var ORGS = [{name: 'Select an organization', ID: ''}]\n \n //TODO: change to get query rather than fliterd list query\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(listOrganizations, {\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.listOrganizations.nextToken\n ORGS = ORGS.concat(filteredList.data.listOrganizations.items)\n }\n ORGS.sort(function(a, b) {\n var textA = a.name ? a.name.toUpperCase() : '';\n var textB = b.name ? b.name.toUpperCase() : '';\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n this.setState({ allOrgs: ORGS })\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n }\n\n changeOrgSave = async (orgName) => {\n // Set organization ID for user 'ryan@onegift.ai' to the orgId of the passed org value\n try {\n // get org from this.state.allOrgs given org.name\n const org = this.state.allOrgs.find(o => o.name === orgName);\n var updatedUser = {}\n updatedUser.id = this.state.user.id\n updatedUser.organizationId = org.id\n // update user\n await API.graphql(graphqlOperation(updateUser, {input: updatedUser}))\n this.loadPage()\n this.props.reloadMain();\n } catch (error) {\n console.log(error)\n }\n }\n\n render() {\n if (this.state.settingsLoaded) {\n return (\n\n \n \n {this.tabs.map((tab, index) => {\n return (\n this.setState({selectedIndex: index})}\n >\n {tab}\n \n )\n })}\n \n \n {this.tabs.map((tab, index) => (\n \n {/* Details Tab */}\n {tab === 'Organization' && \n \n ))}\n \n \n {/* save user modal */}\n \n { this.setState({ saveUserLoading: true }); (this.state.createUpdateUser === \"Create\" ? this.saveUser(\"Create\") : this.saveUser(\"Update\")) } }\n confirmLabel={this.state.saveUserLoading ? 'Saving...' : 'Save User'}\n onCloseComplete={() => this.setState({ \n saveUserModalShown: false, \n saveUserLoading: false, \n newUser: {\n id: '',\n userName: '',\n permissions: [],\n }, \n createUpdateUser: 'Create',\n })}\n minHeightContent={350}\n >\n \n
\n \n \n \n {/* TODO: not used now that stripe connect enabled */}\n {/* save payout modal */}\n \n { this.setState({ savePayoutInfoLoading: true }); this.savePayoutInfo() } }\n confirmLabel={this.state.savePayoutInfoLoading ? 'Saving...' : 'Save Payout Info'}\n onCloseComplete={() => this.setState({ savePayoutInfoModalShow: false, savePayoutInfoLoading: false })}\n minHeightContent={350}\n >\n \n
\n {this.state.payoutFieldsDisabled && }\n \n \n {/* enable wishwell modal */}\n \n { this.setState({ enableWishWellLoading: true }); this.toggleFullAuto() } }\n confirmLabel={this.state.enableWishWellLoading ? 'Enabling WishWell...' : 'Enable WishWell'}\n onCloseComplete={() => this.setState({ enableWishWellModalShown: false, enableWishWellLoading: false, enablingWishWell: false })}\n minHeightContent={350}\n >\n \n {/* invite donor modal */}\n \n this.setState({ showInviteDonorModal: false })}\n minHeightContent={350}\n hasFooter={false}\n >\n \n {/* email donor modal */}\n \n { this.setState({ emailingDonors: true }); this.emailDonors() } }\n confirmLabel={this.state.emailingDonors ? 'Emailing donors...' : 'Send E-mail'}\n onCloseComplete={() => this.setState({ showEmailDonorsModal: false, emailingDonors: false })}\n minHeightContent={350}\n >\n this.setState({ emailSubject: e.target.value })}\n />\n \n this.setState({ emailBody: e.target.value })}\n />\n \n \n
\n )\n }\n \n return (\n \n
\n
\n
\n {this.state.settings.fullAuto &&}\n
\n
\n
\n
\n
\n
\n
}\n {/* Users Tab */}\n {tab === 'Users' && \n \n \n
\n
\n \n \n window.open('https://youtu.be/gpRKeglmJsw?si=mDS4qSIerwlWnHEW&t=87', '_blank')}> \n \n
\n Organization Details
\n| \n | \n | |||
| \n | \n | \n {/* TODO: fix Select box widths */}\n | \n | |
| \n | \n | |||
| \n | ||||
| \n | \n \n \n | \n \n | \n {/* The file input field is hidden */}\n \n\n {/* The custom upload button */}\n | \n |
| \n | \n | |||
| \n | \n |
\n
\n {this.state.organization.independent && Donor Management
\n\n\n {\n mixpanel.track('Members exported');\n }}\n >Click me to download a donor import template and/or to export your donor data! \n
\n
\n {/* The file input field is hidden */}\n \n\n {/* The custom upload button */}\n\n \n \n \n \n {this.state.importingMembers &&
\n Active Donors: {this.state.activeCount}
\n\n\n
\n {/* The file input field is hidden */}\n \n\n {/* The custom upload button */}\n
{this.state.numberMembersImported} members imported
}\nClick here for more information on the donor import/export process or to request a data integration: Imports/Exports Info
\n\n
}\n Payouts
\n\n {!this.state.settings.stripeOnboardingComplete && \n\n \n \n
\n Add payout information
}\n {this.state.settings.stripeOnboardingComplete &&Update payout information
}\n {/* */}\nClick here for more information on payouts: Payouts Info
\n\n
\n
\n \n {/* */}\n {\n this.setState(prevState => ({\n settings: {\n ...prevState.settings,\n birthdayBooster: !prevState.settings.birthdayBooster\n }\n }), () => this.saveSettings('dontSupress'));\n }}\n style={{ marginLeft: '10px' }}\n >\n \n \n
\n {(this.state.user.userName.endsWith('@onegift.ai')) && \n \n {this.state.allOrgs &&
}\n {this.state.user.userName === 'ryan@onegift.ai' && \n item ? item.name : ''}\n selectedItem={this.state.allOrgs.find(org => org.name === this.state.selectedOrg)}\n onChange={selected => this.setState({ selectedOrg: selected.name })}\n placeholder=\"Search organizations...\"\n width={300}\n />\n \n
}\n \n this.setState({ dummyUser: event.target.value })}>\n \n
\n {this.state.settings.fullAuto &&
WishWell is enabled. Please contact support if you need to disable it.
\n
\n
\n
\n
\n
\n
\n \n
\n
}\n {/* Payouts Tab */}\n {tab === 'Payouts' && }\n {/* {tab === 'Sub-Orgs' && \n Users
\n \nClick here for more information on user permissions: Permissions Info
\n\n Sub-Orgs\n // Note that create sub-orgs must be !independent and have parent org ID = to creating org\n
} */}\n | \n | |
| \n | \n |
| \n | |
| \n | |
| \n |
Ready to unlock the full power of WishWell? Click below to enable full automation and begin collecting passive annual recurring donations today! Learn more about enabling wishwell here.
\nNote that enabling WishWell will also enable WishWell's Donor Marketing Program. See more info here: DMP Information.
\nFeel free to schedule a demo to learn more as well!
\n \nIf you don't want to bulk import your donors, and would rather have them individually opt in to WishWell, you can simply invite them to register on your custom branded WishWell Donor page: Registration Page.
\nRegistration takes 30 seconds, and is super simple. See more info here: Donor Registration Information.
\nSimply share the above link however you normally communicate with your donors.
\n \nNote that emails will begin with \"Donor First Name,\" and be signed as \"Your {this.state.settings ? this.state.settings.chapterName : \"Organization Name\"} Team\"
\n \n
\n \n
\n )\n }\n else {\n return null\n }\n }\n}","import React, {Component, useEffect} from 'react'\nimport { API, Auth, graphqlOperation } from 'aws-amplify'\nimport AWS from \"aws-sdk\";\nimport awsconfig from './aws-exports';\n\n// DB\nimport { userByUserName, settingsByMakeAWishURL } from './graphql/queries'\nimport { createUser, createOrganization, createSetting } from './graphql/mutations'\nimport { v4 as uuid } from 'uuid'\n\n// UI\nimport { Spinner, FlashIcon, HomeIcon, WalkIcon, InheritedGroupIcon, UserIcon, PeopleIcon, SymbolCrossIcon, EyeOpenIcon, DollarIcon, CogIcon, BookIcon, HandIcon, CleanIcon, IconButton, AlignJustifyIcon, HelpIcon, LearningIcon, FollowerIcon, VideoIcon, Tooltip, Button, CalendarIcon, Popover, Menu, Position, TextInputField, toaster, Pane, Dialog, Autocomplete, Label, Checkbox } from 'evergreen-ui'\nimport logo from './wishwellbyonegift.svg'\nimport './Styles/button.css'\nimport './Styles/signin.css'\nimport wishWellLogo from './Components/Images/WishWell.png'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\n\nexport class CustomSignIn extends Component {\n constructor(props) {\n super(props)\n this._validAuthStates = ['signIn', 'signedOut', 'signedUp']\n this.signIn = this.signIn.bind(this)\n this.handleInputChange = this.handleInputChange.bind(this)\n this.state = { \n signInLoading: false,\n legalStuff: false,\n counter: 0,\n counting: true,\n }\n this.componentDidMount = this.componentDidMount.bind(this);\n this.componentWillUnmount = this.componentWillUnmount.bind(this);\n this.checkURL = this.checkURL.bind(this);\n this.confirmUser = this.confirmUser.bind(this);\n this.resetPassword = this.resetPassword.bind(this);\n this.forgotPassword = this.forgotPassword.bind(this);\n this.signUp = this.signUp.bind(this);\n this.subscribeToHubspot = this.subscribeToHubspot.bind(this);\n this.firstSignIn = this.firstSignIn.bind(this);\n this.signIn = this.signIn.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.generatePassword = this.generatePassword.bind(this)\n this.setFirstPassword = this.setFirstPassword.bind(this)\n }\n\n componentDidMount() {\n mixpanel.track('WishWell.OneGift.ai Visited');\n this.checkURL()\n this.loadWishes()\n this.loadCountries()\n this.intervalId = setInterval(() => {\n this.setState(prevState => {\n while (!this.state.wishes || this.state.counter < this.state.wishes) {\n return { counter: prevState.counter + 6234 };\n }\n return ({counting: false})\n });\n }, 10);\n\n // Load the HubSpot CTA script when the component mounts\n const script = document.createElement('script');\n script.src = 'https://js.hscta.net/cta/current.js';\n script.async = true;\n document.body.appendChild(script);\n\n this.script = script; // Store the script to remove it later if needed\n }\n\n componentWillUnmount() {\n if (this.state.counter >= this.state.wishes){\n clearInterval(this.intervalId);\n }\n // Cleanup the hubspot cta script when the component unmounts\n if (this.script) {\n document.body.removeChild(this.script);\n }\n }\n\n async loadCountries() {\n const userCountry = await this.getUserCountry();\n const countryNames = [\n 'Australia',\n 'Austria',\n 'Belgium',\n 'Bulgaria',\n 'Canada',\n 'Croatia',\n 'Cyprus',\n 'Czech Republic',\n 'Denmark',\n 'Estonia',\n 'Finland',\n 'France',\n 'Germany',\n 'Gibraltar',\n 'Greece',\n 'Hong Kong',\n 'Hungary',\n 'Ireland',\n 'Italy',\n 'Japan',\n 'Latvia',\n 'Liechtenstein',\n 'Lithuania',\n 'Luxembourg',\n 'Malta',\n 'Mexico',\n 'Netherlands',\n 'New Zealand',\n 'Norway',\n 'Poland',\n 'Portugal',\n 'Romania',\n 'Singapore',\n 'Slovakia',\n 'Slovenia',\n 'Spain',\n 'Sweden',\n 'Switzerland',\n 'Thailand',\n 'United Arab Emirates',\n 'United Kingdom',\n 'United States'\n ];\n const userCountryIndex = countryNames.indexOf(userCountry);\n if (userCountryIndex !== -1) {\n countryNames.splice(userCountryIndex, 1);\n countryNames.unshift(userCountry);\n }\n const allCountryNames = countryNames.map(country => ({ value: country, label: country }));\n\n const stripeCountryInfo = [\n {\n country: 'Australia',\n code: 'AU',\n currency: 'AUD'\n },\n {\n country: 'Austria',\n code: 'AT',\n currency: 'EUR'\n },\n {\n country: 'Belgium',\n code: 'BE',\n currency: 'EUR'\n },\n {\n country: 'Bulgaria',\n code: 'BG',\n currency: 'BGN'\n },\n {\n country: 'Canada',\n code: 'CA',\n currency: 'CAD'\n },\n {\n country: 'Croatia',\n code: 'HR',\n currency: 'HRK'\n },\n {\n country: 'Cyprus',\n code: 'CY',\n currency: 'EUR'\n },\n {\n country: 'Czech Republic',\n code: 'CZ',\n currency: 'CZK'\n },\n {\n country: 'Denmark',\n code: 'DK',\n currency: 'DKK'\n },\n {\n country: 'Estonia',\n code: 'EE',\n currency: 'EUR'\n },\n {\n country: 'Finland',\n code: 'FI',\n currency: 'EUR'\n },\n {\n country: 'France',\n code: 'FR',\n currency: 'EUR'\n },\n {\n country: 'Germany',\n code: 'DE',\n currency: 'EUR'\n },\n {\n country: 'Gibraltar',\n code: 'GI',\n currency: 'GBP'\n },\n {\n country: 'Greece',\n code: 'GR',\n currency: 'EUR'\n },\n {\n country: 'Hong Kong',\n code: 'HK',\n currency: 'HKD'\n },\n {\n country: 'Hungary',\n code: 'HU',\n currency: 'HUF'\n },\n {\n country: 'Ireland',\n code: 'IE',\n currency: 'EUR'\n },\n {\n country: 'Italy',\n code: 'IT',\n currency: 'EUR'\n },\n {\n country: 'Japan',\n code: 'JP',\n currency: 'JPY'\n },\n {\n country: 'Latvia',\n code: 'LV',\n currency: 'EUR'\n },\n {\n country: 'Liechtenstein',\n code: 'LI',\n currency: 'CHF'\n },\n {\n country: 'Lithuania',\n code: 'LT',\n currency: 'EUR'\n },\n {\n country: 'Luxembourg',\n code: 'LU',\n currency: 'EUR'\n },\n {\n country: 'Malta',\n code: 'MT',\n currency: 'EUR'\n },\n {\n country: 'Mexico',\n code: 'MX',\n currency: 'MXN'\n },\n {\n country: 'Netherlands',\n code: 'NL',\n currency: 'EUR'\n },\n {\n country: 'New Zealand',\n code: 'NZ',\n currency: 'NZD'\n },\n {\n country: 'Norway',\n code: 'NO',\n currency: 'NOK'\n },\n {\n country: 'Poland',\n code: 'PL',\n currency: 'PLN'\n },\n {\n country: 'Portugal',\n code: 'PT',\n currency: 'EUR'\n },\n {\n country: 'Romania',\n code: 'RO',\n currency: 'RON'\n },\n {\n country: 'Singapore',\n code: 'SG',\n currency: 'SGD'\n },\n {\n country: 'Slovakia',\n code: 'SK',\n currency: 'EUR'\n },\n {\n country: 'Slovenia',\n code: 'SI',\n currency: 'EUR'\n },\n {\n country: 'Spain',\n code: 'ES',\n currency: 'EUR'\n },\n {\n country: 'Sweden',\n code: 'SE',\n currency: 'SEK'\n },\n {\n country: 'Switzerland',\n code: 'CH',\n currency: 'CHF'\n },\n {\n country: 'Thailand',\n code: 'TH',\n currency: 'THB'\n },\n {\n country: 'United Arab Emirates',\n code: 'AE',\n currency: 'AED'\n },\n {\n country: 'United Kingdom',\n code: 'GB',\n currency: 'GBP'\n },\n {\n country: 'United States',\n code: 'US',\n currency: 'USD'\n }\n ];\n\n this.setState({ \n countries: allCountryNames,\n stripeCountryInfo: stripeCountryInfo,\n country: { value: 'United States', label: 'United States' },\n });\n }\n\n getUserCountry() {\n return fetch('https://ipapi.co/json/')\n .then(response => response.json())\n .then(data => {\n const country = data.country_name;\n return country;\n })\n .catch(error => {\n console.error(error);\n });\n }\n\n async loadWishes() {\n try {\n // Retrieve active members\n const apiName = 'publicorderform';\n var path = '/publicorderform/getwishescount';\n var myInit = { // OPTIONAL\n body: {},\n headers: {}, // OPTIONAL\n };\n\n const orders = await API.post(apiName, path, myInit);\n const wishes = orders.body + 868786\n this.setState({wishes: wishes})\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n }\n\n checkURL () {\n const searchParams = new URLSearchParams(window.location.search);\n const URLFunction = searchParams.get('function');\n const URLStatus = searchParams.get('status');\n const URLSource = searchParams.get('source');\n const URLReferrer = searchParams.get('referrer');\n const emailVerified = searchParams.get('emailVerified');\n\n if (emailVerified && emailVerified === \"true\") {\n toaster.success('Email verified successfully! WishWell will now come from your own email address that you set in your Settings page.');\n }\n else if (emailVerified && emailVerified === \"false\") {\n toaster.warning('Error verificatin email. Please try again or contact support.');\n }\n if (URLFunction === 'signup' && !(URLStatus === 'done')) {\n this.confirmUser()\n }\n if (URLFunction === 'reset' && !(URLStatus === 'done')) {\n mixpanel.track('User clicked password reset link in email');\n this.setState({passwordResetModal: true})\n }\n if (URLSource) {\n this.setState({\n source: URLSource,\n referrer: URLReferrer\n })\n }\n }\n \n\n async confirmUser () {\n // If user needs to confirm their registration, process the confirmation code\n const searchParams = new URLSearchParams(window.location.search);\n const code = searchParams.get('code');\n if (code) {\n const username = searchParams.get('username');\n const password = searchParams.get('password');\n this.setState({ \n userName: username,\n tempPassword: password \n })\n try {\n // Confirm user email\n await Auth.confirmSignUp(username, code)\n mixpanel.track('User confirmed email for signup');\n toaster.success('Email confirmed successfully!');\n \n // Mark URL as done\n searchParams.set('status', 'done');\n const updatedSearchString = searchParams.toString();\n const newUrl = `${window.location.origin}${window.location.pathname}?${updatedSearchString}`;\n window.history.replaceState(null, '', newUrl);\n\n // Request setting new password\n this.setState({ showSetFirstPasswordShown: true })\n \n } catch (e) {\n // If code is expired, send a new one\n if (e.code === 'ExpiredCodeException') {\n toaster.warning('Your verification link has expired and we\\'ve just emailed you a code that you\\'ll need to enter to complete your registration.');\n this.setState({ \n requestConfirmationCode: true,\n userName: username\n })\n await Auth.resendSignUp(username)\n this.setState({ showSetFirstPasswordShown: true })\n }\n // Surpress erroneous error messages\n if (e.code !== 'NotAuthorizedException' && e.code !== 'LimitExceededException') {\n toaster.warning('Error. Please contact support');\n Bugsnag.notify(e)\n }\n }\n }\n }\n\n async setFirstPassword () {\n const password = document.getElementById('firstPassword').value\n const confirmedPassword = document.getElementById('firstPasswordConfirmation').value\n var code = \"\"\n if (this.state.requestConfirmationCode) {\n code = document.getElementById('code').value\n }\n if (!password || !confirmedPassword || password !== confirmedPassword || (this.state.requestConfirmationCode && !code)) {\n toaster.warning('Please fill in all fields and ensure passwords match.')\n this.setState({ firstPasswordSetLoading: false })\n return\n }\n if (password.length < 8) {\n toaster.warning('Password must be at least 8 characters long.')\n this.setState({ firstPasswordSetLoading: false })\n return\n }\n try {\n\n if (this.state.requestConfirmationCode) {\n await Auth.confirmSignUp(this.state.userName, code)\n }\n // Sign in and setup new user\n await this.firstSignIn(this.state.userName, this.state.tempPassword, password)\n }\n catch (e) {\n toaster.warning('Error. Please contact support');\n Bugsnag.notify(e)\n }\n }\n\n async resetPassword() {\n const searchParams = new URLSearchParams(window.location.search);\n const code = searchParams.get('code');\n const username = searchParams.get('username');\n const password = document.getElementById('resetPassword').value\n if (password.length < 8) {\n toaster.warning('Password must be at least 8 characters long.')\n this.setState({passwordResetLoading: false})\n return\n }\n try {\n await Auth.forgotPasswordSubmit(username, code, password)\n mixpanel.track('User reset password');\n toaster.success('Password reset successfully, please sign in with your email and the new password you provided.');\n // Mark URL as done\n searchParams.set('status', 'done');\n const updatedSearchString = searchParams.toString();\n const newUrl = `${window.location.origin}${window.location.pathname}?${updatedSearchString}`;\n window.history.replaceState(null, '', newUrl);\n } catch (e) {\n // Surpress erroneous error messages\n if (e.code !== 'NotAuthorizedException' && e.code !== 'LimitExceededException') {\n Bugsnag.notify(e)\n toaster.warning('Your password reset link has expired. Please request a new one and try again.');\n }\n }\n this.setState({\n passwordResetModal: false,\n passwordResetLoading: false,\n })\n }\n\n async forgotPassword () {\n const resetPasswordEmail = document.getElementById('resetPasswordEmail').value\n if (!resetPasswordEmail) {\n toaster.warning('Please enter a valid email.', {duration: 5,})\n this.setState({forgotPasswordLoading: false})\n return\n }\n const username = document.getElementById('resetPasswordEmail').value\n try {\n await Auth.forgotPassword(username)\n mixpanel.track('User requested password reset');\n } catch (e) {\n if (e.code !== 'UserNotFoundException') {\n Bugsnag.notify(e)\n }\n }\n toaster.success('If your email associated with a WishWell account, a link to reset your password has just been sent to your email. Make sure to check your spam folder.')\n this.setState({\n forgotPasswordModal: false,\n forgotPasswordLoading: false\n })\n }\n\n async signUp() {\n const username = document.getElementById('registerUsername').value.toLowerCase();\n const orgType = this.state.orgType\n const orgName = document.getElementById('orgName').value\n const orgCountry = this.state.country\n mixpanel.alias(username)\n mixpanel.identify(username)\n mixpanel.people.set({\n '$email': username,\n 'User ID': username,\n })\n Bugsnag.addMetadata('Variables', {\n 'Username': username\n })\n let email = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n if (!email.test(username)) {\n toaster.warning(\"Please enter in a valid email.\")\n this.setState({registrationLoading: false})\n return\n }\n if (!orgType) {\n toaster.warning(\"Please select an organization type.\")\n this.setState({registrationLoading: false})\n return\n }\n if (!orgCountry) {\n toaster.warning(\"Please select a country.\")\n this.setState({registrationLoading: false})\n return\n }\n if (!orgName) {\n toaster.warning(\"Please provide an organization name.\")\n this.setState({registrationLoading: false})\n return\n }\n if (!this.state.legalStuff) {\n toaster.warning(\"Please accept the terms.\")\n this.setState({registrationLoading: false})\n return\n }\n try {\n const tempPassword = this.generatePassword(8);\n await Auth.signUp({\n username,\n password: tempPassword,\n attributes: {\n email: username,\n 'custom:orgType': orgType,\n 'custom:orgName': orgName,\n 'custom:userType': 'founder',\n 'custom:initialPassword': tempPassword,\n 'custom:source': this.state.source || 'Direct',\n 'custom:referrer': this.state.referrer || 'None',\n 'custom:country': orgCountry\n }\n })\n\n this.subscribeToHubspot(username, orgName, orgType)\n toaster.success('Welcome to WishWell! Please check your email to verify your account, so you can get started.');\n mixpanel.track('Customer signed up!');\n mixpanel.people.set_once({\n 'Sign-up Date': new Date().toISOString(),\n });\n mixpanel.people.set({\n 'Lifecycle Stage': 'Customer',\n });\n this.setState({\n registerModal: false,\n registration: 'none'\n })\n } catch (error) {\n console.log(error)\n this.setState({\n registerModal: false\n })\n if (error.code === 'UsernameExistsException') {\n toaster.warning('This email is already in use for another WishWell account. Please use a different email to register your organization.');\n }\n else {\n toaster.danger('Error. Please contact support.');\n Bugsnag.notify(error)\n Bugsnag.clearMetadata('Variables')\n }\n }\n }\n\n subscribeToHubspot(email, company, sector) {\n\n // Check if the email address ends with \"@onegift.ai\"\n if (email.endsWith('@onegift.ai')) {\n console.log(`Email ${email} not added to HubSpot because it ends with \"@onegift.ai\" and this is a demo.`);\n return;\n }\n\n const portalId = '24356242';\n const formGuid = '364f568d-2e6c-43bf-939d-f881df020748';\n\n const url = `https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formGuid}`;\n\n const data = {\n submittedAt: new Date().getTime(),\n fields: [\n {\n name: 'email',\n value: email\n },\n {\n name: 'company', // based on hubspot form field\n value: company\n },\n {\n name: 'industry',\n value: sector\n },\n ]\n };\n\n fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(data)\n })\n .then(response => response.json())\n .then(data => {\n console.log('Submission successful', data);\n // Do something with response data\n })\n .catch(error => {\n console.error('There was an error!', error);\n Bugsnag.notify(error)\n });\n }\n\n async firstSignIn(userName, pass, newPass) {\n try {\n \n await Auth.signIn(userName, pass)\n .then(async () => {\n const currentUser = await Auth.currentAuthenticatedUser();\n await Auth.changePassword(currentUser, this.state.tempPassword, newPass);\n toaster.success('Password updated successfully. You can now login to your account using your email and the password you just set.');\n this.setState({ showSetFirstPasswordShown: false })\n\n mixpanel.identify(userName)\n\n // Set user to Admin group\n const apiName = 'wishwellapi';\n var path = '/wishwellapi/addUserToAdminGroup';\n var myInit = { // OPTIONAL\n body: {\n userName: userName\n },\n headers: {}, // OPTIONAL\n };\n await API.post(apiName, path, myInit)\n await Auth.signOut();\n })\n .catch (error => {\n // toaster.warning('An error has occurred setting up your account. Please contact customer support.', {duration: 15,})\n Bugsnag.notify(error);\n console.error(error)\n })\n } catch (error) {\n // toaster.warning('An error has occurred setting up your account. Please contact customer support.', {duration: 15,})\n Bugsnag.notify(error);\n console.error(error)\n }\n }\n\n async setupNewOrganization(userName, user_info) {\n try {\n const userType = user_info.attributes['custom:userType']\n // New user signin\n if (userType === 'userCreated') {\n mixpanel.track(\"New user signed in\")\n }\n\n // New founder user signin\n else {\n mixpanel.track(\"New customer signed in\")\n\n // Create org\n const orgId = uuid()\n const orgName = user_info.attributes['custom:orgName']\n const orgType = user_info.attributes['custom:orgType']\n const orgCountry = user_info.attributes['custom:country']\n const source = user_info.attributes['custom:source']\n const referrer = user_info.attributes['custom:referrer']\n const newOrg = {\n id: orgId,\n name: orgName,\n active: true,\n // Sets the parent org of all new orgs to WishWell\n parentOrgId: '62e89a97-81fd-48b8-b78f-4183170e6274',\n independent: true,\n source: source,\n referrer: referrer,\n }\n const orgPromise = await API.graphql(graphqlOperation(createOrganization, { input: newOrg }))\n\n // Create user\n const newUser = {\n id: uuid(),\n userName: userName,\n NPS: '{date=' + new Date().toISOString().split('T')[0] + ', score=none}',\n permissions: ['{value=Super Admin, label=Super Admin}'],\n lifeCycle: 'Customer',\n organizationId: orgId,\n }\n const userPromise = await API.graphql(graphqlOperation(createUser, { input: newUser }))\n \n // Create org settings\n\n // Ensure makeawishurl is unique\n var makeAWishURL = orgName.replace(/ /g, \"-\").toLowerCase().substring(0, 21);\n var tempMakeAWishURL = makeAWishURL\n var counter = 0\n var mawSettings = await API.graphql(graphqlOperation(settingsByMakeAWishURL, { makeAWishURL: tempMakeAWishURL }))\n while (mawSettings.data.settingsByMakeAWishURL.items.length > 0) {\n tempMakeAWishURL = makeAWishURL + counter\n mawSettings = await API.graphql(graphqlOperation(settingsByMakeAWishURL, { makeAWishURL: tempMakeAWishURL }))\n counter++\n }\n makeAWishURL = tempMakeAWishURL\n\n // Create Stripe Connect Express account\n const countryInfo = this.state.stripeCountryInfo.find(country => country.country === orgCountry);\n const apiName = 'wishwellpayments';\n var path = '/payments/createExpressAccount';\n var myInit = { // OPTIONAL\n body: {\n countryCode: countryInfo.code,\n currency: countryInfo.currency,\n email: userName,\n },\n headers: {}, // OPTIONAL\n };\n const stripe = await API.post(apiName, path, myInit);\n const stripeAccountId = stripe.body.id\n\n const newSettings = {\n id: uuid(),\n chapterName: orgName,\n orgEmail: userName,\n minWishPrice: 1,\n events: ['{value=Birthdays, label=Birthdays}'],\n customFields: [],\n makeAWishURL: makeAWishURL,\n defaultWishers: [],\n envelopeReturnName: orgName,\n envelopeReturnAddressLine1: \"\",\n envelopeReturnAddressLine2: \"\",\n logo: [\"\",\"\"],\n brandColor: \"#0A003A\",\n taxNumber: \"\",\n orgType: '{value=' + orgType + ', label=' + orgType + '}',\n giveLocal: false,\n paymentType: \"\",\n paymentId: \"\",\n country: '{value=' + orgCountry + ', label=' + orgCountry + '}',\n currency: countryInfo.currency,\n bankInfo: [\"\",\"\",\"\"],\n stripeAccountId: stripeAccountId,\n stripeOnboardingComplete: false,\n birthdayBooster: true,\n referrer: \"\",\n referralCredits: 0,\n organizationId: orgId,\n }\n const orgSettingsPromise = await API.graphql(graphqlOperation(createSetting, { input: newSettings }))\n\n Promise.all([orgPromise, userPromise, orgSettingsPromise])\n .then(() => {\n // Track sign-in event\n mixpanel.track('Signed-in');\n Bugsnag.setUser(userName)\n \n // this.props.onStateChange('signedIn', {})\n })\n .catch((error) => {\n console.error(\"Error creating org, user, or org settings: \", error);\n });\n }\n // Track sign-in event\n mixpanel.track('Signed-in');\n Bugsnag.setUser(userName)\n } catch (error) {\n // toaster.warning('An error has occurred setting up your account. Please contact customer support.', {duration: 15,})\n Bugsnag.notify(error);\n console.error(error)\n }\n }\n\n async signIn() {\n const username = document.getElementById('username').value.toLowerCase();\n const password = document.getElementById('password').value\n\n if ((!username || !password)) {\n toaster.warning('Please enter a valid username and password.', {duration: 5,})\n this.setState({ signInLoading: false })\n return\n }\n \n this.setState({ signInLoading: true })\n \n Auth.signIn(username, password)\n .then(async () => {\n \n // check if user has been added to db and set them up if not\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n if (!user || !user.data || !user.data.userByUserName || !user.data.userByUserName.items || !user.data.userByUserName.items[0]) {\n const user_info = await Auth.currentUserInfo()\n await this.setupNewOrganization(username, user_info)\n // Track sign-in event\n mixpanel.track('New user Signed-in');\n Bugsnag.setUser(username)\n \n this.props.onStateChange('signedIn', {})\n }\n else {\n // Track sign-in event\n mixpanel.track('New user Signed-in');\n Bugsnag.setUser(username)\n \n this.props.onStateChange('signedIn', {})\n }\n })\n .catch(err => {\n mixpanel.track('Login failed: ' + err.code);\n if (err.code === 'UserNotConfirmedException') {\n this.props.updateUsername(username)\n this.props.onStateChange('confirmSignUp', {})\n toaster.warning('Please confirm your email by clicking the link that was sent to you before logging in. Make sure to check your spam folder and contact support if you\\'re still having issues.', {duration: 5,})\n } else if (err.code === 'NotAuthorizedException') {\n // The error happens when the incorrect password is provided\n this.setState({error: 'Login failed.'})\n toaster.warning('The username and/or password you entered is invalid. Please try again or contact support.', {duration: 5,})\n } else if (err.code === 'UserNotFoundException') {\n // The error happens when the supplied username/email does not exist in the Cognito user pool\n this.setState({error: 'Login failed.'})\n toaster.warning('The username and/or password you entered is invalid. Please try again or contact support.', {duration: 5,})\n } else {\n Bugsnag.notify(err);\n this.setState({error: 'An error has occurred with your signin. Please try again.'})\n console.error(err)\n }\n })\n .finally(() => {\n this.setState({ signInLoading: false })\n });\n }\n\n handleInputChange(evt) {\n this.inputs = this.inputs || {}\n const {name, value, type, checked} = evt.target\n const check_type = ['radio', 'checkbox'].includes(type)\n this.inputs[name] = check_type ? checked : value\n this.inputs['checkedValue'] = check_type ? value : null\n this.setState({error: ''})\n }\n\n generatePassword(length) {\n const chars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\n let password = \"\";\n for (let i = 0; i < length; i++) {\n password += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n return password;\n }\n\n render() {\n if (this.props.authState !== 'signedIn') {\n return (\n \n \n
\n \n {this.navBar()}\n
\n )\n }\n else {\n return null\n }\n }\n navBar() {\n return (\n \n )\n}\n}","import React, {Component} from 'react'\nimport {AppEntry} from './AppEntry'\nimport {CustomSignIn} from './SignIn'\n\nclass AuthWrapper extends Component {\n constructor(props) {\n super(props)\n this.state = {\n username: '',\n }\n this.updateUsername = this.updateUsername.bind(this)\n }\n\n updateUsername(newUsername) {\n this.setState({username: newUsername})\n }\n\n render() {\n return (\n \n {this._validAuthStates.includes(this.props.authState) && (\n
\n \n
\n )}\n \n 
\n
\n {!this.state.counting ? this.state.wishes.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 }) : this.state.counter.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 })} wishes and counting!
\n\n \n
\n {/* */}\n {/* */}\n \n \n {/* */}\n \n
\n \n ![\"PAP](\"https://onegiftfoundation.org/hubfs/PAP%20Case%20Thumbnail%20flat.png\")
\n
\n \n
\n \n {/* Dialog to register an account */}\n \n \n
\n \n { this.setState({ registrationLoading: true }); this.signUp(); } }\n confirmLabel={'Sign Up'}\n onCloseComplete={() => this.setState({ registerModal: false, registrationLoading: false })}\n >\n \n
\n {/* Dialog to set first password */}\n \n
\n \n
\n \n \n this.setState({ orgType: changedItem })}\n items={['Nonprofit', 'Place of Worship', 'Place of Work', 'Community', 'School', 'Other']}\n >\n {props => {\n const { getInputProps, getRef, inputValue, openMenu } = props\n return (\n {\n openMenu()\n }\n })}\n />\n )\n }}\n \n
\n \n \n this.setState({ country: changedItem })}\n items={this.state.countries ? this.state.countries.map((country) => country.value) : null}\n >\n {props => {\n const { getInputProps, getRef, inputValue, openMenu } = props\n return (\n {\n openMenu()\n }\n })}\n />\n )\n }}\n \n
\n \n Terms of Service and Privacy Policy}\n label={\n I agree to the \n \n Terms\n \n \n }\n checked={this.state.legalStuff}\n onChange={(e) => this.setState({ legalStuff: e.target.checked })}\n width={300}\n />\n
\n \n \n \n { this.setState({ firstPasswordSetLoading: true }); this.setFirstPassword(); } }\n confirmLabel={'Set New Password'}\n onCloseComplete={() => this.setState({ showSetFirstPasswordShown: false, firstPasswordSetLoading: false })}\n >\n {this.state.requestConfirmationCode && \n
\n {/* Dialog to reset password */}\n \n
}\n \n
\n \n
\n \n
\n \n \n \n { this.setState({ passwordResetLoading: true }); this.resetPassword(); } }\n confirmLabel={'Set New Password'}\n onCloseComplete={() => this.setState({ passwordResetModal: false, passwordResetLoading: false })}\n >\n \n
\n {/* Dialog to collect email to reset password */}\n \n
\n \n \n \n { this.setState({ forgotPasswordLoading: true }); this.forgotPassword(); } }\n confirmLabel={'Reset Password'}\n onCloseComplete={() => this.setState({ forgotPasswordModal: false, forgotPasswordLoading: false })}\n >\n \n
\n \n
\n \n \n
\n )\n }\n}\n\nexport default AuthWrapper","import React, { useState } from 'react'\nimport {Authenticator} from 'aws-amplify-react'\n//import './App.css'\nimport Amplify from 'aws-amplify'\nimport awsconfig from './aws-exports'\nimport AuthWrapper from './AuthWrapper'\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\n\nAmplify.configure(awsconfig)\n\n// Get backend environment\nconst envStart = awsconfig.aws_cloud_logic_custom[0].endpoint.lastIndexOf('/');\nconst env = awsconfig.aws_cloud_logic_custom[0].endpoint.slice(envStart+1);\n\nenv === 'dev' ? \n mixpanel.init('4ae47a1aaceb8492e67a539b65e47a96', {debug: true}) :\n mixpanel.init('3f21124f040a7330a329c01149dd5fba', {debug: false})\n\nfunction App() {\n const [authState, setAuthState] = useState(null);\n\n const handleStateChange = (newState, data) => {\n setAuthState(newState);\n };\n return (\n \n \n \n \n \n
\n )\n}\n\nexport default App","import { API, graphqlOperation, Auth } from 'aws-amplify'\nimport { userByUserName, ordersByOrganizationId, membersByOrganizationId } from '../graphql/queries'\n\n//UI\nimport { toaster } from 'evergreen-ui'\n\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\nconst getAllMonthsOrders = async (yearmonth) => {\n try {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n var nextToken = null;\n var count = 0\n var filteredOrders\n var ORDERS = []\n let oFilter = {\n and: [{ checkDate: { contains: yearmonth} }]\n };\n while (nextToken || count === 0) {\n count = 1\n filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {\n organizationId: orgId,\n filter: oFilter,\n limit: 900,\n nextToken:nextToken}))\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items)\n }\n ORDERS.sort(function(a, b) {\n var textA = a.createdAt;\n var textB = b.createdAt;\n return (textA > textB) ? 1 : (textA < textB) ? -1 : 0;\n });\n return ORDERS\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n}\n\n// TODO:implement backend solution to get orders\n// const getAllMonthsOrders = async (yearmonth) => {\n// try {\n// const api = 'https://opfeziao6g.execute-api.us-east-1.amazonaws.com/devtwo/orders/' + yearmonth;\n// const data = { \"monthyear\" : yearmonth };\n// const response = await axios\n// .post(api, data)\n// .then((response) => {\n// console.log(response);\n// })\n// .catch((error) => {\n // Bugsnag.notify(error);\n// console.log(error);\n// });\n// console.log(response)\n// } catch (error) {\n // Bugsnag.notify(error);\n// console.log(error)\n// }\n// // Need return\n// }\n\n// const getMemberByPNumber = async(pNumber) => {\n// var MEMBER = []\n// try {\n// const user_info = await Auth.currentUserInfo()\n// const username = user_info.username\n// const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n// const orgId = user.data.userByUserName.items[0].organizationId\n// let filter = {\n// and: [{ pnumber: { eq: pNumber} },\n// { organizationId: {eq: orgId} }]\n// };\n// var nextToken = null;\n// var count = 0\n// var filteredList\n \n// //TODO: change to get query rather than fliterd list query\n// while (nextToken || count === 0) {\n// count = 1\n// filteredList = await API.graphql(\n// graphqlOperation(listMembers, {\n// filter: filter,\n// limit: 900,\n// nextToken:nextToken}))\n// nextToken = filteredList.data.listMembers.nextToken\n// MEMBER = MEMBER.concat(filteredList.data.listMembers.items)\n// }\n// } catch (error) {\n // Bugsnag.notify(error);\n// console.log(error)\n// }\n// return MEMBER\n// }\n\nexport const generateDepositFormData = async (monthyear) => {\n // must pass monthyear in format 'YYYY-MM'\n const ORDERS = await getAllMonthsOrders(monthyear)\n var depositFormData = []\n var processedChecks = []\n\n // Get members\n var MEMBER = []\n try {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n var nextToken = null;\n var count = 0\n var filteredList\n \n //TODO: change to get query rather than fliterd list query\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBER = MEMBER.concat(filteredList.data.membersByOrganizationId.items)\n }\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n \n if (!ORDERS) { \n toaster.warning(\"No orders found for the date range selected. Please try another date range.\", {duration: 5,})\n return false;\n }\n for (var i = 0; i < ORDERS.length; i++) {\n var check = {donorPNumber: ORDERS[i].donorPNumber, checkNumber: ORDERS[i].checkNumber, checkDate: ORDERS[i].checkDate, checkAmount: ORDERS[i].amount}\n\n // TODO: optimize this\n var duplicate = false\n for (var j = 0; j < processedChecks.length; j++) {\n if (JSON.stringify(processedChecks[j]) === JSON.stringify(check)) {\n duplicate = true\n }\n }\n // if (!processedChecks.includes(check))\n let paymentType = ORDERS[i].paymentType ? ORDERS[i].paymentType : 'Check'\n if (!duplicate && ORDERS[i].amount !== '0' && ORDERS[i].amount !== '')\n {\n processedChecks.push(check)\n\n let donor = ORDERS[i].donorPNumber\n var member = MEMBER.find(obj => {\n return obj.pnumber === donor\n })\n // var member = await getMemberByPNumber(ORDERS[i].donorPNumber)\n // var member = false\n if (!member) {\n member = [{\n pNumber: ORDERS[i].donorPNumber,\n fname: \"Member not found\",\n lname: \"Member not found\",\n }]\n }\n depositFormData.push([ORDERS[i].donorPNumber, ORDERS[i].checkNumber ? ORDERS[i].checkNumber.toString() : \"\", ORDERS[i].checkDate ? ORDERS[i].checkDate : \"\", ORDERS[i].amount ? parseFloat(ORDERS[i].amount).toFixed(2) : \"\", paymentType, member.fname, member.lname, \"\"])\n }\n }\n // Old sorting function, not necessary as ordering payments by date made\n // depositFormData.sort(function(a, b) {\n // var textA = a[5];\n // var textB = b[5];\n // return (textA > textB) ? 1 : (textA < textB) ? -1 : 0;\n // });\n\n depositFormData.unshift([\"Consitituent I.D.\", \"Payment Number\", \"Payment Date\", \"Payment Amount\", \"Payment Type\", \"Payment First Name\", \"Payment Last Name\", \"Comments\"])\n\n return depositFormData\n}","import { API, graphqlOperation, Auth } from 'aws-amplify'\nimport { userByUserName, ordersByOrganizationId, membersByOrganizationId } from '../graphql/queries'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\nconst getAllYearsOrders = async (yearmonth) => {\n try {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n var nextToken = null;\n var count = 0\n var filteredOrders\n var ORDERS = []\n while (nextToken || count === 0) {\n count = 1\n filteredOrders = await API.graphql(\n graphqlOperation(ordersByOrganizationId, {organizationId: orgId, limit: 900, nextToken:nextToken}))\n nextToken = filteredOrders.data.ordersByOrganizationId.nextToken\n ORDERS = ORDERS.concat(filteredOrders.data.ordersByOrganizationId.items)\n }\n ORDERS.sort(function(a, b) {\n var textA = a.createdAt;\n var textB = b.createdAt;\n return (textA < textB) ? 1 : (textA > textB) ? -1 : 0;\n });\n var ordersFromYearMonth = []\n for (var i = 0; i < ORDERS.length; i++) {\n if (ORDERS[i].createdAt.includes(yearmonth)) {\n // TODO: Short circuit this to stop searching after we're done scanning the given check date month\n ordersFromYearMonth.push(ORDERS[i])\n }\n }\n return ordersFromYearMonth\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n}\n\n// const getMemberByPNumber = async(pNumber) => {\n// var MEMBER = []\n// try {\n// const user_info = await Auth.currentUserInfo()\n// const username = user_info.username\n// const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n// const orgId = user.data.userByUserName.items[0].organizationId\n// let filter = {\n// and: [{ pnumber: { eq: pNumber} },\n// { organizationId: {eq: orgId} }]\n// };\n// var nextToken = null;\n// var count = 0\n// var filteredList\n \n// //TODO: change to get query rather than fliterd list query\n// while (nextToken || count === 0) {\n// count = 1\n// filteredList = await API.graphql(\n// graphqlOperation(listMembers, {\n// filter: filter,\n// limit: 900,\n// nextToken:nextToken}))\n// nextToken = filteredList.data.listMembers.nextToken\n// MEMBER = MEMBER.concat(filteredList.data.listMembers.items)\n// }\n// } catch (error) {\n // Bugsnag.notify(error);\n// console.log(error)\n// }\n// return MEMBER\n// }\n\nexport const generateOrderFormData = async (yearmonth) => {\n // must pass year in format 'YYYY'\n const ORDERS = await getAllYearsOrders(yearmonth)\n console.log(ORDERS)\n var orderFormData = []\n if (!ORDERS) {\n return orderFormData\n }\n else {\n\n // Get Member array\n var MEMBER = []\n try {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n var nextToken = null;\n var count = 0\n var filteredList\n \n //TODO: change to get query rather than fliterd list query\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBER = MEMBER.concat(filteredList.data.membersByOrganizationId.items)\n }\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n \n for (var i = 0; i < ORDERS.length; i++) {\n try {\n let donorPNumber = ORDERS[i].donorPNumber\n let receiverPNumber = ORDERS[i].receiverPNumber\n \n // Skip orders with missing donor or receiver numbers\n if (!receiverPNumber || !donorPNumber) {\n continue;\n }\n \n var donor = MEMBER.find(obj => {\n return obj.pnumber === donorPNumber\n })\n var receiver = MEMBER.find(obj => {\n return obj.pnumber === receiverPNumber\n })\n if (receiver && donor) {\n orderFormData.push([ORDERS[i].createdAt, donor.pnumber, donor.fname + \" \" + donor.lname, receiver.ptype, receiver.pnumber, receiver.fname + \" \" + receiver.lname, receiver.DOB])\n }\n\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n }\n orderFormData.sort(function(a, b) {\n var textA = a[0];\n var textB = b[0];\n return (textA > textB) ? 1 : (textA < textB) ? -1 : 0;\n });\n\n orderFormData.unshift([\"Order Created Date\", \"Donor ID\", \"Donor Name\", \"Receiver Type\", \"Receiver ID\", \"Receiver Name\", \"Receiver DOB/Anniversary\"])\n\n return orderFormData\n }\n}","import React from 'react'\nimport { API, graphqlOperation, Auth } from 'aws-amplify'\nimport awsconfig from '../aws-exports'\nimport { membersByOrganizationId, userByUserName, getOrganization, transactionsByOrganizationId, settingsByOrganizationId } from '../graphql/queries'\nimport { generateDepositFormData } from '../Functions/DepositForm';\nimport { generateOrderFormData } from '../Functions/OrderReport';\n\n// CSV export\nimport { CSVLink } from \"react-csv\";\n\n// UI\nimport { Button, Select, Tooltip, Position, Pane, Spinner } from 'evergreen-ui'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\n// Analytics\nimport mixpanel from 'mixpanel-browser';\n\nclass Reports extends React.Component {\n constructor() {\n super()\n this.state = {\n activeCount: [0,0,0,0,0,0,0],\n p3TypeMembers: [],\n p4TypeMembers: [],\n overdueAngels: [],\n membersForCSV: [],\n depositLinkLoading: false,\n orderLinkLoading: false,\n reportCSVLink: null,\n reportOrderCSVLink: null,\n isLoading: true,\n organization: {\n id: \"\",\n name: \"\",\n active: true,\n parentOrgId: \"\",\n independent: false,\n }\n }\n }\n\n loadData = async () => {\n // Tracking\n mixpanel.track('Reports page visited');\n try {\n const user_info = await Auth.currentUserInfo()\n const username = user_info.username\n const user = await API.graphql(graphqlOperation(userByUserName, { userName: username }))\n const orgId = user.data.userByUserName.items[0].organizationId\n let filter = { organizationId: {eq: orgId} };\n\n // Check for existing setting record\n const organization_return = await API.graphql(graphqlOperation(getOrganization, { id: orgId }))\n this.setState({\n organization: organization_return.data.getOrganization\n })\n\n var nextToken = null;\n var count = 0\n var filteredList\n var MEMBERS = []\n\n // Get all PAP Members\n // const PAPIds = [\n // \"3e79a760-b100-4ff7-b9dd-ec3c29df39fd\",\n // \"db3cf7f5-e68b-44e3-a1d5-3256865e29dc\",\n // \"d918754a-704f-41c5-81ad-9435f3765dbd\",\n // \"325de286-b1c1-4367-8f92-d0b0f8a2682a\",\n // \"be3b5552-9d75-4d3b-ac24-78a581921f3c\",\n // \"5ce84982-2e22-4706-ac0c-8c4f5771fa71\",\n // \"1b9b8d20-3015-4b29-90ec-41a389284e44\",\n // \"f8028f23-cae9-4424-b976-b7c0353808c3\",\n // \"b2d074b9-e817-43e3-a9c2-acc8a293daee\",\n // \"e99b0351-3d50-4c91-b90c-23bdd11f75ce\",\n // \"00111220-0b38-4696-b6ce-fd9c7bc57888\",\n // \"2495f8c1-8b86-435d-8be7-d9996b0e19c1\",\n // \"5dee0e62-3d90-4dd6-8dfe-e4e0d08d86eb\",\n // \"1615e617-6749-4b06-ab12-e480fb8d5a7c\",\n // \"d2e8b63c-5519-4684-9820-07dd3a03f05g\",\n // \"f8322cf8-5c9a-4e29-bf1e-da298b1a303d\",\n // \"088d0230-6b6e-4704-a49f-0e7ec5fb878d\",\n // \"d2e8b63c-5519-4684-9820-07dd3a03f05f\",\n // \"90ee45ad-b3bd-4ab0-a3d7-711e754247ae\"\n // ]\n\n // for (const orgId of PAPIds) {\n // let nextToken = null;\n // let count = 0;\n \n // while (nextToken || count === 0) {\n // count = 1;\n // const filteredList = await API.graphql(\n // graphqlOperation(membersByOrganizationId, {\n // organizationId: orgId,\n // limit: 900,\n // nextToken: nextToken\n // })\n // );\n // nextToken = filteredList.data.membersByOrganizationId.nextToken;\n // MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items);\n // }\n // }\n \n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(membersByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.membersByOrganizationId.nextToken\n MEMBERS = MEMBERS.concat(filteredList.data.membersByOrganizationId.items)\n }\n MEMBERS.sort(function(a, b) {\n var textA = a.lname.toUpperCase();\n var textB = b.lname.toUpperCase();\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\n });\n\n // Get transactions\n nextToken = null;\n count = 0\n var TRANSACTIONS = []\n while (nextToken || count === 0) {\n count = 1\n filteredList = await API.graphql(\n graphqlOperation(transactionsByOrganizationId, {\n organizationId: orgId,\n limit: 900,\n nextToken:nextToken\n }))\n nextToken = filteredList.data.transactionsByOrganizationId.nextToken\n TRANSACTIONS = TRANSACTIONS.concat(filteredList.data.transactionsByOrganizationId.items)\n }\n\n // Get total donations\n var lifetimeDonations = 0\n var yearToDateDonations = 0\n for (var i = 0; i < TRANSACTIONS.length; i++) {\n if (TRANSACTIONS[i].transactionDate.includes(new Date().getFullYear())) {\n yearToDateDonations += parseFloat(TRANSACTIONS[i].localAmount || TRANSACTIONS[i].amount)\n }\n lifetimeDonations += parseFloat(TRANSACTIONS[i].localAmount || TRANSACTIONS[i].amount)\n }\n\n const stripeCountryInfo = [\n {\n country: 'Australia',\n code: 'AU',\n currency: 'AUD',\n symbol: '$'\n },\n {\n country: 'Austria',\n code: 'AT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Belgium',\n code: 'BE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Bulgaria',\n code: 'BG',\n currency: 'BGN',\n symbol: 'лв'\n },\n {\n country: 'Canada',\n code: 'CA',\n currency: 'CAD',\n symbol: '$'\n },\n {\n country: 'Croatia',\n code: 'HR',\n currency: 'HRK',\n symbol: 'kn'\n },\n {\n country: 'Cyprus',\n code: 'CY',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Czech Republic',\n code: 'CZ',\n currency: 'CZK',\n symbol: 'Kč'\n },\n {\n country: 'Denmark',\n code: 'DK',\n currency: 'DKK',\n symbol: 'kr'\n },\n {\n country: 'Estonia',\n code: 'EE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Finland',\n code: 'FI',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'France',\n code: 'FR',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Germany',\n code: 'DE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Gibraltar',\n code: 'GI',\n currency: 'GBP',\n symbol: '£'\n },\n {\n country: 'Greece',\n code: 'GR',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Hong Kong',\n code: 'HK',\n currency: 'HKD',\n symbol: 'HK$'\n },\n {\n country: 'Hungary',\n code: 'HU',\n currency: 'HUF',\n symbol: 'Ft'\n },\n {\n country: 'Ireland',\n code: 'IE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Italy',\n code: 'IT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Japan',\n code: 'JP',\n currency: 'JPY',\n symbol: '¥'\n },\n {\n country: 'Latvia',\n code: 'LV',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Liechtenstein',\n code: 'LI',\n currency: 'CHF',\n symbol: 'CHF'\n },\n {\n country: 'Lithuania',\n code: 'LT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Luxembourg',\n code: 'LU',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Malta',\n code: 'MT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Mexico',\n code: 'MX',\n currency: 'MXN',\n symbol: '$'\n },\n {\n country: 'Netherlands',\n code: 'NL',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'New Zealand',\n code: 'NZ',\n currency: 'NZD',\n symbol: '$'\n },\n {\n country: 'Norway',\n code: 'NO',\n currency: 'NOK',\n symbol: 'kr'\n },\n {\n country: 'Poland',\n code: 'PL',\n currency: 'PLN',\n symbol: 'zł'\n },\n {\n country: 'Portugal',\n code: 'PT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Romania',\n code: 'RO',\n currency: 'RON',\n symbol: 'lei'\n },\n {\n country: 'Singapore',\n code: 'SG',\n currency: 'SGD',\n symbol: '$'\n },\n {\n country: 'Slovakia',\n code: 'SK',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Slovenia',\n code: 'SI',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Spain',\n code: 'ES',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Sweden',\n code: 'SE',\n currency: 'SEK',\n symbol: 'kr'\n },\n {\n country: 'Switzerland',\n code: 'CH',\n currency: 'CHF',\n symbol: 'CHF'\n },\n {\n country: 'Thailand',\n code: 'TH',\n currency: 'THB',\n symbol: '฿'\n },\n {\n country: 'United Arab Emirates',\n code: 'AE',\n currency: 'AED',\n symbol: 'د.إ'\n },\n {\n country: 'United Kingdom',\n code: 'GB',\n currency: 'GBP',\n symbol: '£'\n },\n {\n country: 'United States',\n code: 'US',\n currency: 'USD',\n symbol: '$'\n }\n ];\n const settings_record = await API.graphql(graphqlOperation(settingsByOrganizationId, { organizationId: orgId }))\n const countryMap = settings_record.data.settingsByOrganizationId.items[0].country\n const country = JSON.parse(`{${countryMap.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`)\n const countryInfo = stripeCountryInfo.find(info => info.country === country.value);\n const countryCurrency = countryInfo ? countryInfo.currency : 'usd';\n\n const currencySymbol = new Intl.NumberFormat('en-US', { style: 'currency', currency: countryCurrency }).formatToParts()[0].value;\n\n this.setState({\n lifetimeDonations: lifetimeDonations,\n yearToDateDonations: yearToDateDonations,\n currencySymbol: currencySymbol\n })\n\n } catch (error) {\n Bugsnag.notify(error);\n console.log(error)\n }\n this.state.membersForCSV.push([\"P Number\", \"M Number\", \"P Type\", \"Active\", \"First Name\", \"Last Name\", \"Email\", \"Phone\", \"Birthday or Anniversary\", \"Address\", \"Address 2\", \"Angel Number\", \"Angel Payment\", \"Notes\", \"E Forms\", \"P Forms\", \"E Cards\", \"P Cards\"])\n for (i = 0; i < MEMBERS.length; i++) {\n if (MEMBERS[i].pactive) {\n if (MEMBERS[i].ptype) {\n this.state.activeCount[MEMBERS[i].ptype]++\n }\n else {\n this.state.activeCount[0]++\n }\n }\n\n this.state.membersForCSV.push([MEMBERS[i].pnumber, MEMBERS[i].mnumber, MEMBERS[i].ptype, MEMBERS[i].pactive, MEMBERS[i].fname, MEMBERS[i].lname, MEMBERS[i].email, MEMBERS[i].phone, MEMBERS[i].DOB, MEMBERS[i].address1, MEMBERS[i].address2, MEMBERS[i].anumber, MEMBERS[i].apayment, MEMBERS[i].notes, MEMBERS[i].eforms, MEMBERS[i].pforms, MEMBERS[i].ecards, MEMBERS[i].pcards])\n var utc = new Date(MEMBERS[i].apayment);\n var date = new Date()\n if (MEMBERS[i].anumber !== 0 && ((utc === null) || ((date - utc) > 31556926000))) {\n this.state.overdueAngels.push(\n \n
\n )\n }\n else {\n return (\n \n \n
\n
\n
\n {\n mixpanel.track('Members exported');\n }}\n >Export Member List \n
\n {/* DEPOSIT REPORT */}\n
\n
\n\n \n \n
\n
\n {this.state.reportCSVLink}\n\n {/* ORDERS REPORT */}\n
\n
\n\n \n \n
\n
\n {this.state.reportOrderCSVLink}\n
\n
\n
\n
\n
\n
\n\n {/* TODO: remove hard-coded pap custom field filter */}\n {this.state.organization.parentOrgId === '859d0bb4-21c4-4c0d-9804-126093d78552' &&
\n P2: {this.state.activeCount[2]}
\n P3: {this.state.activeCount[3]}
\n P4: {this.state.activeCount[4]}
\n P5: {this.state.activeCount[5]}
\n P6: {this.state.activeCount[6]}\n\n
}\n
\n
\n
\n )\n }\n }\n}\n\nconst MemberList = (props) => {\n return(\n Quick Stats
\nActive Members: | \n {this.state.activeCount.reduce((a, b) => a + b, 0) - (this.state.activeCount[5] ? this.state.activeCount[5] : 0)} | \n
Donations (year to date): | \n {this.state.currencySymbol}{this.state.yearToDateDonations ? this.state.yearToDateDonations.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2}) : null} | \n
Donations (lifetime): | \n {this.state.currencySymbol}{this.state.lifetimeDonations ? this.state.lifetimeDonations.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2}) : null} | \n
\n
\n
\n {/* DEPOSIT REPORT */}\n
Deposit Report
\n \n \n\n
\n
\n
\n {this.state.reportCSVLink}\n\n {/* ORDERS REPORT */}\n
Orders Report
\n \n \n\n
\n
\n
\n {this.state.reportOrderCSVLink}\n
\n
\n
\n
\n
\n
\n\n {/* TODO: remove hard-coded pap custom field filter */}\n {this.state.organization.parentOrgId === '859d0bb4-21c4-4c0d-9804-126093d78552' &&
Active Members By Type
\n P1: {this.state.activeCount[1]}\n P2: {this.state.activeCount[2]}
\n P3: {this.state.activeCount[3]}
\n P4: {this.state.activeCount[4]}
\n P5: {this.state.activeCount[5]}
\n P6: {this.state.activeCount[6]}\n
| \n PAP Type 3\n | \n\n PAP Type 4\n | \n\n Unpaid Angels\n | \n
| \n {this.state.p3TypeMembers}\n | \n\n {this.state.p4TypeMembers}\n | \n\n {this.state.overdueAngels}\n | \n
\n
\n
\n {props.pNumber} - {props.fName} {props.lName}\n
\n )\n}\n\nexport default Reports","import React, {useState} from 'react';\nimport {useStripe, useElements, PaymentElement} from '@stripe/react-stripe-js';\n\n\n// UI\nimport { Button, toaster } from 'evergreen-ui'\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\n\nconst CheckoutForm = (props) => {\n const stripe = useStripe();\n const elements = useElements();\n\n const [errorMessage, setErrorMessage] = useState(null);\n const [buttonLoading, setButtonLoading] = useState(false);\n // const [authNumber, setAuthNumber] = useState(false);\n\n const handleSubmit = async (event) => {\n\n // We don't want to let default form submission happen here,\n // which would refresh the page.\n event.preventDefault();\n setButtonLoading(true)\n\n if (!stripe || !elements) {\n // Stripe.js has not yet loaded.\n // Make sure to disable form submission until Stripe.js has loaded.\n return;\n }\n \n const {error} = await stripe.confirmPayment({\n //`Elements` instance that was used to create the Payment Element\n elements,\n confirmParams: {\n return_url: 'https://www.wishwell.onegift.ai/makeawish',\n },\n redirect: 'if_required'\n })\n\n\n if (error) {\n // This point will only be reached if there is an immediate error when\n // confirming the payment. Show error to your customer (for example, payment\n // details incomplete)\n Bugsnag.notify(error);\n setErrorMessage(error.message);\n toaster.danger('Card declined. Please update your info and try again.')\n setButtonLoading(false)\n } else {\n toaster.success(Payment successful. Thanks for your gift! Your gift will appear as 'Wishwell * {props.orgName}' on your credit card statement.
If you aren't part of the {props.orgName} WishWell community yet, you can register in 30 seconds via the 'Register' button at the top of this screen. And, if you enjoyed using WishWell, please leave us a testimonial to help spread the word: Leave Testimonial
You've just made a donation with WishWell! WishWell takes 15 minutes to setup, is fully automated, and can increase annual recurring donations for organizations by 10% or more. If you know any organizations that may benefit, please tell them to checkout getwishwell.org/!
, {duration: 15})\n }\n else {\n // get member name from pnumber\n this.setState({recieverPNumber: reciever})\n const recieverIndex = filteredMembers.findIndex(obj => obj.pnumber === parseInt(reciever))\n if (recieverIndex !== -1) {\n donorSelected = `${filteredMembers[recieverIndex].fname} ${filteredMembers[recieverIndex].lname} (${filteredMembers[recieverIndex].pnumber})`\n donorName = `${filteredMembers[recieverIndex].fname} ${filteredMembers[recieverIndex].lname}`\n oneOff = true\n }\n }\n }\n this.setState({\n allMembers: filteredMembers,\n allPlusAnniversary: allMembers.body,\n isLoading: false,\n stripePromise: env === 'dev' ? loadStripe(process.env.REACT_APP_STRIPE_PUBLIC_KEY_TEST) : loadStripe(process.env.REACT_APP_STRIPE_PUBLIC_KEY_LIVE),\n showOneOffDonationModal: reciever && reciever !== 'done' ? true : false,\n oneOffDonationReciever: reciever ? reciever : '',\n donorName: donorName,\n donorSelected: donorSelected,\n oneOff: oneOff,\n toDonate: toDonate\n });\n\n // Get member if this is an update link\n if (id) {\n const userIndex = this.state.allPlusAnniversary.findIndex(obj => obj.id === id)\n if (userIndex !== -1) {\n const member = this.state.allPlusAnniversary[userIndex]\n const date = new Date(this.state.allPlusAnniversary[userIndex].DOB);\n if (!member.eforms) { member.eforms = false }\n if (!member.birthdayBooster) { member.birthdayBooster = false }\n if (!member.eReminders) { member.eReminders = false }\n this.setState({\n member: member,\n updateMemberModalShown: true,\n selectedDate: date, \n formattedDOB: date\n })\n }\n }\n }\n\n checkURL = async (oneOff) => {\n const searchParams = new URLSearchParams(window.location.search);\n const makeAWishURL = searchParams.get('org');\n const id = searchParams.get('id');\n const wishesCompleted = searchParams.get('wishes');\n const action = searchParams.get('action');\n const registered = searchParams.get('registered');\n\n if (action === 'register' && registered !== 'true') {\n this.setState({registerModalShown: true})\n }\n\n // Get settings\n try {\n var apiName = 'publicorderform';\n var path = '/publicorderform/getsettings';\n var myInit = { // OPTIONAL\n body: {\n makeAWishURL: makeAWishURL\n },\n headers: {}, // OPTIONAL\n };\n\n var settings = await API.post(apiName, path, myInit);\n var orgSettings = {\n organizationId: \"\",\n chapterName: \"WishWell\",\n minWishPrice: 1,\n brandColor: \"#0A003A\",\n logo: [\n \"WishWell by OneGift\",\n wishWellLogo\n ],\n orgType: \"{value=Nonprofit, label=Nonprofit}\"\n }\n\n var currencySymbol = \"$\"\n var countryCurrency = \"USD\"\n if (settings.body.length > 0) {\n orgSettings = settings.body[0]\n // Get currency symbol\n const stripeCountryInfo = [\n {\n country: 'Australia',\n code: 'AU',\n currency: 'AUD',\n symbol: '$'\n },\n {\n country: 'Austria',\n code: 'AT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Belgium',\n code: 'BE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Bulgaria',\n code: 'BG',\n currency: 'BGN',\n symbol: 'лв'\n },\n {\n country: 'Canada',\n code: 'CA',\n currency: 'CAD',\n symbol: '$'\n },\n {\n country: 'Croatia',\n code: 'HR',\n currency: 'HRK',\n symbol: 'kn'\n },\n {\n country: 'Cyprus',\n code: 'CY',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Czech Republic',\n code: 'CZ',\n currency: 'CZK',\n symbol: 'Kč'\n },\n {\n country: 'Denmark',\n code: 'DK',\n currency: 'DKK',\n symbol: 'kr'\n },\n {\n country: 'Estonia',\n code: 'EE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Finland',\n code: 'FI',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'France',\n code: 'FR',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Germany',\n code: 'DE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Gibraltar',\n code: 'GI',\n currency: 'GBP',\n symbol: '£'\n },\n {\n country: 'Greece',\n code: 'GR',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Hong Kong',\n code: 'HK',\n currency: 'HKD',\n symbol: 'HK$'\n },\n {\n country: 'Hungary',\n code: 'HU',\n currency: 'HUF',\n symbol: 'Ft'\n },\n {\n country: 'Ireland',\n code: 'IE',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Italy',\n code: 'IT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Japan',\n code: 'JP',\n currency: 'JPY',\n symbol: '¥'\n },\n {\n country: 'Latvia',\n code: 'LV',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Liechtenstein',\n code: 'LI',\n currency: 'CHF',\n symbol: 'CHF'\n },\n {\n country: 'Lithuania',\n code: 'LT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Luxembourg',\n code: 'LU',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Malta',\n code: 'MT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Mexico',\n code: 'MX',\n currency: 'MXN',\n symbol: '$'\n },\n {\n country: 'Netherlands',\n code: 'NL',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'New Zealand',\n code: 'NZ',\n currency: 'NZD',\n symbol: '$'\n },\n {\n country: 'Norway',\n code: 'NO',\n currency: 'NOK',\n symbol: 'kr'\n },\n {\n country: 'Poland',\n code: 'PL',\n currency: 'PLN',\n symbol: 'zł'\n },\n {\n country: 'Portugal',\n code: 'PT',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Romania',\n code: 'RO',\n currency: 'RON',\n symbol: 'lei'\n },\n {\n country: 'Singapore',\n code: 'SG',\n currency: 'SGD',\n symbol: '$'\n },\n {\n country: 'Slovakia',\n code: 'SK',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Slovenia',\n code: 'SI',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Spain',\n code: 'ES',\n currency: 'EUR',\n symbol: '€'\n },\n {\n country: 'Sweden',\n code: 'SE',\n currency: 'SEK',\n symbol: 'kr'\n },\n {\n country: 'Switzerland',\n code: 'CH',\n currency: 'CHF',\n symbol: 'CHF'\n },\n {\n country: 'Thailand',\n code: 'TH',\n currency: 'THB',\n symbol: '฿'\n },\n {\n country: 'United Arab Emirates',\n code: 'AE',\n currency: 'AED',\n symbol: 'د.إ'\n },\n {\n country: 'United Kingdom',\n code: 'GB',\n currency: 'GBP',\n symbol: '£'\n },\n {\n country: 'United States',\n code: 'US',\n currency: 'USD',\n symbol: '$'\n }\n ];\n\n const countryMap = orgSettings.country\n const countryObject = JSON.parse(`{${countryMap.replace(\"{\", \"\").replace(\"}\", \"\").replace(/(\\w+)\\s*=\\s*([^,}]+)/g, '\"$1\":\"$2\"')}}`)\n const countryInfo = stripeCountryInfo.find(info => info.country === countryObject.value);\n countryCurrency = countryInfo ? countryInfo.currency : 'usd';\n\n currencySymbol = new Intl.NumberFormat('en-US', { style: 'currency', currency: countryCurrency }).formatToParts()[0].value;\n if (orgSettings.logo && orgSettings.logo[0] !== \"\") {\n const logo = await Storage.get(orgSettings.logo[0])\n orgSettings.logo[1] = logo\n }\n }\n\n if (wishesCompleted === \"done\" && oneOff) {\n toaster.success(Thanks for making a donation with WishWell! If you haven't already, you can register for future {orgSettings.chapterName} fundraisers in 30 seconds via the Register button at the top of the page.
WishWell takes 15 minutes tosetup, is fully automated, and can increase annual recurring donations for organizations by 10% or more. If you know any other organizations that may benefit, please tell them to checkout getwishwell.org/. We donate {this.state.currencySymbol}100 to {this.state.orgSettings.chapterName} for every referral!
Thanks for making a donation with WishWell!
WishWell takes 15 minutes tosetup, is fully automated, and can increase annual recurring donations for organizations by 10% or more. If you know any other organizations that may benefit, please tell them to checkout getwishwell.org/. We donate {this.state.currencySymbol}100 to {this.state.orgSettings.chapterName} for every referral!
\n \n \n \n \n
\n )\n }\n else if (this.state.orderComplete) {\n // else if (true) {\n return(\n \n \n
\n \n {this.navBar()}\n
\n )\n }\n else {\n return (\n \n {\n mixpanel.track('Makeawish orders receipt downloaded');\n }}\n >Download Orders Receipt \n
\n
\n \n
\n \n \n
\n \n
\n {this.navBar()}\n \n this.setState({ donateNowModalShown: false })}\n title={\"How much would you like to gift to \" + this.state.orgSettings.chapterName}\n isConfirmLoading={this.state.donateNowModalLoading}\n onConfirm={() => this.checkoutForDonation() }\n confirmLabel={this.state.donateNowModalLoading ? 'Packaging Gift...' : 'Gift Now'}\n // onCloseComplete={() => this.setState({ showPlaceOrdersModal: false, saveOrdersLoading: false })}\n >\n
\n {/* If payment type is credit card */}\n {this.state.paymentType === \"Credit Card\" && \n {/* Dialog to register an account */}\n
\n )\n }\n }\n navBar() {\n return (\n \n )\n }\n} \n\nconst OrderItem = (props) => {\n return(\n \n
\n
\n {this.state.nonProfit ? this.state.orgSettings.chapterName : this.state.orgSettings.chapterName + ' for ' + this.state.orgSettings.charityPartner}
\n\n
\n \n this.setState({ showOneOffDonationModal: false })}\n title={\"How much would you like to gift to \" + this.state.orgSettings.chapterName + \" on behalf of \" + this.state.donorName + \"?\"}\n isConfirmLoading={this.state.oneOffLoading}\n onConfirm={() => this.checkout() }\n confirmLabel={this.state.oneOffLoading ? 'Making Donation...' : 'Make Donation'}\n // onCloseComplete={() => this.setState({ showPlaceOrdersModal: false, saveOrdersLoading: false })}\n >\n {this.state.paymentType === \"Credit Card\" &&
\n {/* If payment type is credit card */}\n {this.state.paymentType === \"Credit Card\" && \n {/* Place orders modal */}\n \n this.setState({ showPlaceOrdersModal: false })}\n title={\"Please input payment information for \" + this.state.donationCount + ' wishes'}\n isConfirmLoading={this.state.saveOrdersLoading}\n onConfirm={() => this.checkout() }\n confirmLabel={this.state.saveOrdersLoading ? 'Making Wishes...' : 'Make Wishes'}\n // onCloseComplete={() => this.setState({ showPlaceOrdersModal: false, saveOrdersLoading: false })}\n >\n {this.state.paymentType === \"Check\" &&
\n {/* If payment type is credit card */}\n {this.state.paymentType === \"Credit Card\" && \n {/* Checkout Dialog */}\n \n this.closeCheckoutEarly()}\n >\n \n
\n \n \n \n
\n \n \n
\n
\n | \n | \n \n | \n
| \n \n \n \n {/* | \n
\n
\n {this.state.ordersLoading &&
\n {this.state.eventBasedMemberList.length !== 0 && \n \n }\n
\n {/* Place one-off modal */}\n \n {this.state.ordersLoading &&
\n \n \n \n
}\n {this.state.donorName !== \"\" && !this.state.ordersLoading && !this.state.oneOff && \n \n \n
\n \n
}\n {this.state.eventBasedMemberList.filter(res => res.event === 'Anniversary').length > 0 && \n {this.state.donorName} - {this.state.donationCount} Donations
\n\n
\n Birthdays
\nSelect All
\n \n \n
{this.state.quarterMonths[0]}{this.state.donorName !== \"\" && | \n {this.state.quarterMonths[1]}{this.state.donorName !== \"\" && | \n {this.state.quarterMonths[2]}{this.state.donorName !== \"\" && | \n
{this.state.eventBasedMemberList.length === 0 ? \"\" : \"Name - Birthday\"} | \n {this.state.eventBasedMemberList.length === 0 ? \"\" : \"Name - Birthday\"} | \n {this.state.eventBasedMemberList.length === 0 ? \"\" : \"Name - Birthday\"} | \n
| \n | \n | \n |
\n \n
}\n Anniversaries
\n \n{this.state.quarterMonths[0]}{this.state.donorName !== \"\" && | \n {this.state.quarterMonths[1]}{this.state.donorName !== \"\" && | \n {this.state.quarterMonths[2]}{this.state.donorName !== \"\" && | \n
{this.state.eventBasedMemberList.length === 0 ? \"\" : \"Name - Anniversary\"} | \n {this.state.eventBasedMemberList.length === 0 ? \"\" : \"Name - Anniversary\"} | \n {this.state.eventBasedMemberList.length === 0 ? \"\" : \"Name - Anniversary\"} | \n
| \n | \n | \n |
\n {this.state.eventBasedMemberList.length !== 0 && \n \n }\n
Please enter the donation amount below. You can donate as much as you want, but at least {this.state.orgSettings.minWishPrice.toLocaleString('en-US', {style: 'currency', currency: 'USD', minimumFractionDigits: 2, maximumFractionDigits: 2,})}.\n
\n
}\n \n
\n {/* If payment type is credit card */}\n {this.state.paymentType === \"Credit Card\" &&
\n \n
\n
}\n \n Important: Check information is not required, but if entered, please make sure all information accurate before placing orders to avoid issues with billing or the deposit report. If no amount is entered, default is $1/wish. This action will overwrite any previous orders from this donor for this year.\n
\n
}\n {this.state.paymentType === \"Credit Card\" && \n
Please enter the donation amount below. You can donate as much as you want, but at least {this.state.currencySymbol}{this.state.orgSettings.minWishPrice} per wish.\n
\n
}\n \n
\n {/* If payment type is credit card */}\n {this.state.paymentType === \"Credit Card\" &&
\n \n
\n
}\n \n \n
\n \n
\n {/* Make donation modal */}\n \n {/* If payment type is credit card */}\n {this.state.paymentType === \"Credit Card\" &&
\n \n
\n
}\n \n * Only gifts to tax exempt organizations are tax deductible. |
\n \n { this.setState({ registrationLoading: true }); this.registerMember(); } }\n confirmLabel={'Sign Up'}\n onCloseComplete={() => this.setState({ registerModalShown: false, registrationLoading: false })}\n >\n \n
\n {/* Dialog to update an account */}\n \n this.handleChange(date, 'member.fname')}\n type=\"text\"\n required\n />\n
\n \n this.handleChange(date, 'member.lname')}\n type=\"text\"\n required\n />\n
\n \n this.handleChange(date, 'member.email')}\n type=\"text\"\n required\n />\n
\n \n this.handleChange(date, 'member.phone')}\n type=\"tel\"\n />\n
\n {/* Don't show DOB for GLO */}\n {this.state.orgSettings.organizationId !== \"e20ba3bd-c29a-4c0c-bd61-5f40e963d11f\" && \n \n this.handleChange(date, 'member.DOB')}\n dateFormat=\"MM/dd\" // Display only month and day\n showMonthDropdown\n showDayDropdown\n dropdownMode=\"select\"\n placeholderText=\"Select month and day\"\n renderCustomHeader={({ date, changeMonth }) => (\n
}\n \n \n \n \n changeMonth(value)}\n >\n {Array.from({ length: 12 }, (_, i) => (\n \n ))}\n \n
\n )}\n />\n \n Terms of Service and Privacy Policy}\n label={\n I opt in to receive emails from Wishwell and agree to the \n \n Terms\n \n \n }\n checked={this.state.legalStuff}\n onChange={(e) => this.setState({ legalStuff: e.target.checked })}\n width={300}\n />\n
\n \n \n \n { this.setState({ updateMemberLoading: true }); this.updateMember(); } }\n confirmLabel={'Update My Info'}\n onCloseComplete={() => this.setState({ updateMemberModalShown: false, updateMemberLoading: false })}\n >\n \n
\n {/* Dialog to collect email to reset password */}\n \n \n this.handleChange(date, 'member.fname')}\n value={this.state.member.fname}\n type=\"text\"\n />\n
\n \n \n this.handleChange(date, 'member.lname')}\n value={this.state.member.lname}\n type=\"text\"\n />\n
\n \n \n this.handleChange(date, 'member.email')}\n value={this.state.member.email}\n type=\"text\"\n />\n
\n {/* Don't show DOB for GLO */}\n {this.state.orgSettings.organizationId !== \"e20ba3bd-c29a-4c0c-bd61-5f40e963d11f\" && \n \n this.handleChange(date, 'member.DOB')}\n dateFormat=\"MM/dd\" // Display only month and day\n showMonthDropdown\n showDayDropdown\n dropdownMode=\"select\"\n placeholderText=\"Select month and day\"\n renderCustomHeader={({ date, changeMonth }) => (\n
}\n \n \n \n \n changeMonth(value)}\n >\n {Array.from({ length: 12 }, (_, i) => (\n \n ))}\n \n
\n )}\n />\n \n this.handleChange(checked, 'member.eforms')}>\n \n
\n {/* Don't show DOB for GLO */}\n {this.state.orgSettings.organizationId !== \"e20ba3bd-c29a-4c0c-bd61-5f40e963d11f\" && \n this.handleChange(checked, 'member.birthdayBooster')}>\n \n
}\n \n this.handleChange(checked, 'member.eReminders')}>\n \n
\n \n \n \n { this.setState({ updateMemberEmailConfirmationModalLoading: true }); this.updateMemberEmailSend(); } }\n confirmLabel={'Request Update Link'}\n onCloseComplete={() => this.setState({ updateMemberEmailConfirmationModalShown: false, updateMemberEmailConfirmationModalLoading: false })}\n >\n \n
\n \n
\n \n Please enter your email address below and we'll send you a link to update your information.
\n\n
\n )\n}\n\nexport default MakeAWish","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n useParams,\n BrowserRouter,\n Route,\n Routes\n} from \"react-router-dom\";\nimport './index.css';\nimport App from './App';\nimport MakeAWish from './Pages/MakeAWish'\nimport Links from './Pages/Links'\nimport * as serviceWorker from './serviceWorker';\nimport awsconfig from './aws-exports'\n\nimport Amplify from \"aws-amplify\";\nimport awsExports from \"./aws-exports\";\n\n// Cookies\nimport { CookiesProvider } from 'react-cookie';\n\n// Bug tracking\nimport Bugsnag from '@bugsnag/js'\nimport BugsnagPluginReact from '@bugsnag/plugin-react'\nimport BugsnagPerformance from '@bugsnag/browser-performance'\n\nBugsnag.start({\n apiKey: 'c2c662c1152796bf0b5c413936b014c7',\n plugins: [new BugsnagPluginReact()],\n sourceMapEnabled: true,\n})\nBugsnagPerformance.start({ apiKey: 'c2c662c1152796bf0b5c413936b014c7' })\n\nAmplify.configure(awsExports);\n\nglobal.Buffer = global.Buffer || require('buffer').Buffer\n\n\nconst ErrorBoundary = Bugsnag.getPlugin('react')\n .createErrorBoundary(React)\n\n// Get backend environment\nconst envStart = awsconfig.aws_cloud_logic_custom[0].endpoint.lastIndexOf('/');\nconst env = awsconfig.aws_cloud_logic_custom[0].endpoint.slice(envStart+1);\n\nfunction ExternalRedirect({ to, urlValue }) {\n const redirectUrl = urlValue ? `${to}${urlValue}` : to;\n window.location.replace(redirectUrl);\n return null;\n}\n\nfunction WishwellRedirect() {\n const { urlValue } = useParams();\n console.log(urlValue);\n // Switch statement for values of urlValue using the below Route paths with the default value being the one below:\n switch (urlValue) {\n case 'growth':\n return {props.handleChange(props.id)}}> {props.name} - {props.birthday}
\n