An Error Occurred:
\nError Code: {error.errorCode}
\nError Message: {error.errorMessage.replace(/(\\r\\n|\\n\\r|\\r|\\n)/g, ' ')}
\nSigning in. Please wait...
;\n }\n\n signOut = () => {\n if (InteractionType.Popup === INTERACTION_TYPE) {\n msalApp.logoutPopup();\n } else {\n msalApp.logoutRedirect();\n }\n };\n\n //This method is not part of the \"interface\" for an auth service.\n //It's necessary to facilitate the singleton instance of the PublicClientApplication\n //to be used by this service and the MsalProvider.\n getPublicClientApplicationInstance = () => msalApp;\n}\n\nconst isIE = () => {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE ') > -1;\n const msie11 = ua.indexOf('Trident/') > -1;\n\n // If you as a developer are testing using Edge InPrivate mode, please add \"isEdge\" to the if check\n const isEdge = ua.indexOf('Edge/') > -1;\n\n return msie || msie11 || isEdge;\n};\n\nconst { oAuthConfig } = window.env;\n\nconst msalApp = new PublicClientApplication({\n auth: oAuthConfig,\n cache: {\n cacheLocation: 'localStorage',\n storeAuthStateInCookie: isIE(),\n },\n system: {\n iframeHashTimeout: 10000,\n navigateFrameWait: 500,\n logger: new Logger(\n (_logLevel, message) => {\n console.log(message);\n },\n {\n level: LogLevel.Verbose,\n piiLoggingEnabled: true,\n },\n ),\n telemetry: {\n applicationName: appInfo.title,\n applicationVersion: appInfo.version,\n telemetryEmitter: (events) => {\n console.log('Telemetry Events:', events);\n },\n },\n },\n});","export const urlEncodedContentType = 'application/x-www-form-urlencoded';\nexport const jsonContentType = 'application/json';\n\nexport async function fetchData(url, getAuthHeaderAsync, scopes, method, contentType, body, ApiKey) {\n let response;\n if (!ApiKey) {\n const authHeaderValue = await getAuthHeaderAsync(scopes);\n response = await fetch(url, {\n method: method,\n headers: new Headers({\n 'Content-Type': contentType,\n Authorization: authHeaderValue,\n 'Accept': 'application/json'\n }),\n body: body,\n })\n } else {\n response = await fetch(url, {\n method: method,\n headers: new Headers({\n 'Content-Type': contentType,\n 'ApiKey': ApiKey,\n 'Accept': 'application/json'\n }),\n body: body,\n })\n }\n const data = await response.json();\n if (response.ok) {\n return { data: data };\n } else {\n throw new Error(`Status:${response.status} ${data}`)\n }\n}","import { createStore } from \"devextreme-aspnet-data-nojquery\";\nimport { urlEncodedContentType, jsonContentType, fetchData } from './fetch-data';\n\n\nconst {\n staffListApiConfig: { url },\n defaultScopes: scopes,\n timeZone\n} = window.env;\n\nexport default class StaffListApiService {\n getAuthHeaderAsync = async () => { };\n constructor({ getAuthorizationHeaderAsync }) {\n if (!getAuthorizationHeaderAsync)\n throw Error(\n \"An authorization service must be specified for the protected graph API.\"\n );\n this.getAuthHeaderAsync = getAuthorizationHeaderAsync;\n this.getSchoolsForWhichUserIsACommRepAsync = this.getSchoolsForWhichUserIsACommRepAsync.bind(this);\n this.getStaffListBySchoolAsync = this.getStaffListBySchoolAsync.bind(this);\n this.requestRecordReviewAsync = this.requestRecordReviewAsync.bind(this);\n this.requestSchoolAssociationRemovalAsync = this.requestSchoolAssociationRemovalAsync.bind(this);\n this.updateStaffListCurrentDateAsync = this.updateStaffListCurrentDateAsync.bind(this);\n this.findMemberByNameAsync = this.findMemberByNameAsync.bind(this);\n this.requestSchoolAssociationAdditionAsync = this.requestSchoolAssociationAdditionAsync.bind(this);\n this.getCurrentSchoolYearInfo = this.getCurrentSchoolYearInfo.bind(this);\n }\n\n async getSchoolsForWhichUserIsACommRepAsync() {\n const params = {\n timeZone: window.env.timeZone,\n };\n const fetchUrl = `${url}/GetSchoolsForWhichUserIsACommRep?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'GET', urlEncodedContentType);\n return response;\n }\n\n async getStaffListBySchoolAsync(schoolId) {\n const params = {\n schoolId,\n timeZone \n };\n const fetchUrl = `${url}/GetStaffListBySchool?${new URLSearchParams(params)}`;\n return await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'GET', urlEncodedContentType);\n }\n\n async getCurrentSchoolYearInfo() {\n const fetchUrl = `${url}/GetCurrentSchoolYearInfo`;\n return await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'GET', urlEncodedContentType);\n }\n\n findMemberByNameAsync() {\n return createStore({\n key: \"Id\",\n loadUrl: `${url}/FindMemberByName`,\n onBeforeSend: async (_, ajaxOptions) => {\n const authHeaderValue = await this.getAuthHeaderAsync(scopes);\n if (authHeaderValue) {\n if (!ajaxOptions.headers) {\n ajaxOptions.headers = {};\n }\n Object.assign(ajaxOptions.headers, {\n Authorization: authHeaderValue,\n });\n }\n },\n });\n }\n\n async requestRecordReviewAsync(schoolId, memberIds, message) {\n const body = JSON.stringify({ 'SchoolId': schoolId, 'MemberIds': memberIds, 'Message': message });\n const fetchUrl = `${url}/RequestRecordReview`\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n\n async requestSchoolAssociationRemovalAsync(schoolId, memberIds, message) {\n const body = JSON.stringify({ 'SchoolId': schoolId, 'MemberSchoolInfo': memberIds, 'Message': message });\n const fetchUrl = `${url}/RequestSchoolAssociationRemoval`\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n\n async updateStaffListCurrentDateAsync(schoolId) {\n const params = {\n schoolId: schoolId,\n };\n const fetchUrl = `${url}/UpdateStaffListCurrentDate?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', urlEncodedContentType);\n return response;\n }\n\n async requestSchoolAssociationAdditionAsync(schoolId, memberIds, emailAddresses) {\n const body = JSON.stringify({ 'SchoolId': schoolId, 'MemberSchoolInfo': memberIds, 'EmailAddresses': emailAddresses });\n const fetchUrl = `${url}/RequestSchoolAssociationAddition`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n}","import { urlEncodedContentType, jsonContentType, fetchData } from './fetch-data';\n\nconst {\n memberApiConfig: { url },\n defaultScopes: scopes,\n timeZone,\n} = window.env;\n\nexport default class MemberApiService {\n getAuthHeaderAsync = async () => { };\n\n constructor({ getAuthorizationHeaderAsync }) {\n if (!getAuthorizationHeaderAsync)\n throw Error(\n \"An authorization service must be specified for the protected graph API.\"\n )\n this.getAuthHeaderAsync = getAuthorizationHeaderAsync;\n\n this.getByIdAsync = this.getByIdAsync.bind(this);\n this.requestEditSchoolAssociationAsync = this.requestEditSchoolAssociationAsync.bind(this);\n this.requestAddSchoolAssociationAsync = this.requestAddSchoolAssociationAsync.bind(this);\n this.requestEditDesignationAsync = this.requestEditDesignationAsync.bind(this);\n this.requestAddDesignationAsync = this.requestAddDesignationAsync.bind(this);\n this.updateByIdAsync = this.updateByIdAsync.bind(this);\n }\n\n async getByIdAsync(memberId) {\n const params = {\n memberId: memberId,\n timeZone: timeZone,\n };\n const fetchUrl = `${url}/GetById?${new URLSearchParams(params)}`;\n return await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'GET', urlEncodedContentType);\n }\n\n async requestEditSchoolAssociationAsync(memberId, data) {\n const params = {\n memberId: memberId\n };\n const body = JSON.stringify(data);\n const fetchUrl = `${url}/RequestEditSchoolAssociation?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n\n async requestAddSchoolAssociationAsync(memberId, data) {\n const params = {\n memberId: memberId\n };\n const body = JSON.stringify(data);\n const fetchUrl = `${url}/RequestAddSchoolAssociation?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n\n async requestEditDesignationAsync(memberId, data) {\n const params = {\n memberId: memberId\n };\n const body = JSON.stringify(data);\n const fetchUrl = `${url}/RequestEditDesignation?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n\n async requestAddDesignationAsync(memberId, data) {\n const params = {\n memberId: memberId\n };\n const body = JSON.stringify(data);\n const fetchUrl = `${url}/RequestAddDesignation?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n\n async updateByIdAsync(memberId, data) {\n const params = {\n memberId: memberId,\n timeZone: window.env.timeZone,\n };\n const body = JSON.stringify(data);\n const fetchUrl = `${url}/UpdateById?${new URLSearchParams(params)}`;\n const response = await fetchData(fetchUrl, this.getAuthHeaderAsync, scopes, 'POST', jsonContentType, body);\n return response;\n }\n}","const urlEncodedContentType = 'application/x-www-form-urlencoded';\nconst jsonContentType = 'application/json';\n\nexport default class AddressVerificationPostGridApiService {\n constructor() {\n this.getAutoCompleteAddresses = this.getAutoCompleteAddresses.bind(this);\n this.getAddressDetails = this.getAddressDetails.bind(this);\n }\n\n async fetchData(url, method, body, contentType) {\n const response = await fetch(url, {\n method: method,\n headers: {\n 'Content-Type': contentType,\n 'x-api-key': window.env.addressVerificationPostGridApiConfig.key,\n },\n body: body,\n })\n if (response.status !== 200) {\n throw new Error(\"Error in calling the API.\");\n }\n const data = await response.json();\n return { data: data };\n }\n\n async getAddressData(requestUrl) {\n let response = await this.fetchData(requestUrl, 'GET', null, urlEncodedContentType);\n let addresses = response.data.data.map((n, index) => {\n return {\n place_id: index,\n description: `${n.preview.address}, ${n.preview.city}, ${n.preview.prov}`,\n };\n })\n return addresses;\n }\n\n async getAutoCompleteAddresses(searchTerm, city, province) {\n if ('' === searchTerm) return [];\n searchTerm = searchTerm.split(' ').join('+');\n let baseRequestUrl = `https://api.postgrid.com/v1/addver/completions?partialStreet=${searchTerm}&countryFilter=CA&provInsteadOfPC=true`;\n let requestUrl = baseRequestUrl;\n if (city !== '' && city !== null && typeof city !== 'undefined') {\n city = city.split(' ').join('+');\n requestUrl += `&cityFilter=${city}`;\n }\n\n if (province !== '' && province !== null && typeof province !== 'undefined') {\n province = province.split(' ').join('+');\n requestUrl += `&stateFilter=${province}`;\n }\n\n let addresses = await this.getAddressData(requestUrl, false);\n if (addresses.length === 0) {\n requestUrl = baseRequestUrl;\n addresses = await this.getAddressData(requestUrl, true);\n }\n return addresses;\n }\n\n async getAddressDetails(place_id, partialStreet, city, province) {\n let requestUrl = `https://api.postgrid.com/v1/addver/completions?index=${place_id}`;\n let body = JSON.stringify({ 'partialStreet': partialStreet, 'countryFilter': 'CA', stateFilter: province, cityFilter: city });\n let response = await this.fetchData(requestUrl, 'POST', body, jsonContentType);\n if (response.data.data.length === 0) {\n body = JSON.stringify({ 'partialStreet': partialStreet, 'countryFilter': 'CA' });\n response = await this.fetchData(requestUrl, 'POST', body, jsonContentType);\n }\n return {\n 'address': response.data.data.address.address,\n 'city': response.data.data.address.city,\n 'postal_code': response.data.data.address.pc,\n 'province': response.data.data.address.prov,\n }\n }\n}","//import { createStore } from \"devextreme-aspnet-data-nojquery\";\nimport {\n jsonContentType,\n urlEncodedContentType,\n fetchData\n} from './fetch-data';\n\n\nconst {\n membershipApiConfig: { url },\n defaultScopes: scopes,\n lookupUrl,\n ApiKey\n} = window.env;\n\nexport default class MembershipApiService {\n getAuthHeaderAsync = async () => { };\n constructor({ getAuthorizationHeaderAsync }) {\n if (!getAuthorizationHeaderAsync)\n throw Error(\n \"An authorization service must be specified for the protected graph API.\"\n );\n\n this.getAuthHeaderAsync = getAuthorizationHeaderAsync;\n this.sendRequestToLocateMembershipAsync = this.sendRequestToLocateMembershipAsync.bind(this);\n this.getLookupsAsync = this.getLookupsAsync.bind(this);\n this.requestMembershipRecordAsync = this.requestMembershipRecordAsync.bind(this);\n }\n\n async sendRequestToLocateMembershipAsync(submittedInfo) {\n let body = JSON.stringify(submittedInfo);\n return await fetchData(`${url}/SendRequestToLocateMembership`, this.getAuthHeaderAsync, scopes, \"POST\", jsonContentType, body, ApiKey);\n }\n\n async requestMembershipRecordAsync(submittedInfo) {\n let body = JSON.stringify(submittedInfo);\n return await fetchData(`${url}/RequestMembershipRecord`, this.getAuthHeaderAsync, scopes, \"POST\", jsonContentType, body, ApiKey);\n }\n\n async getLookupsAsync(method, useApiKey) {\n return await fetchData(`${lookupUrl}/${method}`, this.getAuthHeaderAsync, scopes, \"GET\", urlEncodedContentType, undefined, ApiKey);\n // return createStore({\n // key: \"value\",\n // loadUrl: `${lookupUrl}/${method}`,\n // onBeforeSend: async (_, ajaxOptions) => {\n // if (!ajaxOptions.headers) {\n // ajaxOptions.headers = {};\n // }\n // if (!useApiKey) {\n // const authHeaderValue = await this.getAuthHeaderAsync(scopes);\n // if (authHeaderValue) {\n // Object.assign(ajaxOptions.headers, {\n // Authorization: authHeaderValue,\n // });\n // }\n // } else {\n // Object.assign(ajaxOptions.headers, {\n // \"ApiKey\": ApiKey,\n // })\n // }\n // },\n // });\n }\n}","import { ServiceLocator } from 'react-decoupler';\nimport SERVICE_KEYS from './services/service-keys';\nimport AuthService from './services/auth-service-msal';\nimport StaffListApiService from './services/staff-list-api-service';\nimport MemberApiService from './services/member-api-service';\nimport AddressVerificationPostGridApiService from './services/address-verification-postgrid-api-service';\nimport MembershipApiService from './services/membership-api-service';\n\nconst serviceLocator = new ServiceLocator();\n\nconst authService = new AuthService();\n\nserviceLocator.register(SERVICE_KEYS.AUTH, authService);\nserviceLocator.register(SERVICE_KEYS.STAFF_LIST_API, new StaffListApiService(authService));\nserviceLocator.register(SERVICE_KEYS.MEMBER_API, new MemberApiService(authService));\nserviceLocator.register(SERVICE_KEYS.ADDRESS_VERIFICATION_API, new AddressVerificationPostGridApiService(authService));\nserviceLocator.register(SERVICE_KEYS.MEMBERSHIP_API, new MembershipApiService(authService));\n\nexport default serviceLocator;\n","import { useServices } from 'react-decoupler';\nimport SERVICE_KEYS from './service-keys';\n\nexport const useAuthService = () => useServices([SERVICE_KEYS.AUTH])[0];\nexport const useStaffListApiService = () =>\n useServices([SERVICE_KEYS.STAFF_LIST_API])[0];\nexport const useMemberApiService = () =>\n useServices([SERVICE_KEYS.MEMBER_API])[0];\nexport const useAddressVerificationApiService = () =>\n useServices([SERVICE_KEYS.ADDRESS_VERIFICATION_API])[0];\nexport const useMembershipApiService = () =>\n useServices([SERVICE_KEYS.MEMBERSHIP_API])[0];\n\n","import React from 'react';\nimport notify from 'devextreme/ui/notify';\nimport { Button as TextBoxButton } from 'devextreme-react/text-box';\n\nexport function showError(message) {\n notify(message, 'error', 4000);\n}\n\nexport function showSuccess(message) {\n notify(message, 'success', 2000);\n}\n\nexport function renderVerificationIcon(isValid) {\n const imgUrl = isValid ? '../../imgs/valid.svg' : '../../imgs/invalid.svg';\n return (\n{`Last Review On: ${(editProfileInfo.recordReviewedByMember === null) ? \"\" : editProfileInfo.recordReviewedByMember}`}
\nWelcome To Epitome Member Access, {givenName}
\nYou signed in as {username}, so please try to provide an alternate email or phone number below to help us locate your record.
\n\n function renderFillOutInformation() {\n if (!emailSent) {\n return (\n <>\nPlease provide some identifying information and our staff will try to locate your membership record.
\n }\n {(parseInt(count) > 1) &&\nPlease provide some identifying information and our staff will try to resolve the multiple membership record situation.
\n }\nOur staff will attempt to resolve your sign-in problem using the info you provided. Someone will reach out to you by email or phone when they have completed the review.
\n );\n } else {\n return <>\n }\n }\n\n return (\nWelcome to the teaching profession and Edmonton Public Teachers Local 37 of the Alberta Teachers' Association!
\nAs a new member, your assistance in keeping the information on our database current is appreciated. All information is confidential and used only by the Local in conducting its regular business.
\nThe staff at the the Local office have been notified of your request to create a new membership record. Someone will reach out to you by email or phone when they have reviewed your request.
\n \n );\n } else {\n return <>\n }\n }\n return (\nHome Email
\nPlease include an optional personalized message below to send to the members with your request.
\n\t\t\tBy sending this message, you are requesting selected members to review their records for correctness and completion.
\n\t\t\t{\"Enter the name of the member that you want to send the sign-up link to, one per line:\"}
\n{\"If you can't find a member by searching above (for example, if the staff member hasn't worked in Edmonton Public before), you can type their email address below.\"}
\n