\n \n \n \n \n\n \n \n\n \n \n\n \n \n \n \n \n \n \n \n
\n","import {API, Auth} from \"aws-amplify\";\n\nexport class ChargebeeApiHelper {\n public static async callChargebeeInterface(path: string, addAuth: boolean): Promise\n ![](\"assets/geo_logo.png\")
\n
\n \n \n If you have already created an account with Geographical, please sign in here.\n
\n Alternatively, please select the \"Create Account\" tab above.\n
\n \n Alternatively, please select the \"Create Account\" tab above.\n
\n Please log in using your Geographical Subscriber account.\n
\n \n If you are new here or renewing a subscription taken out prior to 2023,\n then you will need to create an account on our new subscription system\n by filling in your details below.\n
\n Alternatively, if you have previously created an account,\n please select the \"Sign in\" tab above.\n
\n \n Alternatively, if you have previously created an account,\n please select the \"Sign in\" tab above.\n
\n Authenticated content!!!\n \n
\n \n Checking access\n
\n
","export class SendResponseHelper {\n\n public static sendResponse(url: string, paramName: string, paramValue: string) {\n const separatorChar = url.indexOf(\"?\") === -1 ? \"?\" : \"&\";\n location.href = url + separatorChar + paramName + \"=\" + encodeURIComponent(paramValue);\n // const formEl = document.createElement(\"form\");\n // document.body.appendChild(formEl);\n // formEl.action = url;\n // formEl.method = \"post\";\n // const inputEl = document.createElement(\"input\")\n // inputEl.hidden = true;\n // inputEl.name = paramName\n // inputEl.value = paramValue\n // formEl.appendChild(inputEl)\n // formEl.submit();\n }\n}","import {Component, OnInit} from '@angular/core';\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {StateService} from \"../state.service\";\nimport {API, Auth} from \"aws-amplify\";\n\n@Component({\n selector: 'app-external-sign-in-app',\n templateUrl: './external-sign-in-app.component.html',\n styleUrls: ['./external-sign-in-app.component.scss']\n})\nexport class ExternalSignInAppComponent implements OnInit {\n\n public ready = false\n\n public constructor(private route: ActivatedRoute, private stateService: StateService, private router: Router) {\n const token = this.route.snapshot.paramMap.get(\"token\") ?? this.stateService.returnUrl;\n\n Auth.currentAuthenticatedUser().then(async (user) => {\n // this.email = user.attributes.email;\n // console.log(\"user email = \" + user.attributes.email);\n console.log(\"authenticated user\", user)\n\n const signInUserSession = user.signInUserSession\n const hash = `#access_token=${signInUserSession.accessToken.jwtToken}&id_token=${signInUserSession.idToken.jwtToken}&refresh_token=${signInUserSession.refreshToken.token}`\n\n // const path = \"/put-hash/\" + encodeURIComponent(token) + \"/\" + encodeURIComponent(hash)\n const path = \"/post-hash/\" + encodeURIComponent(token)\n const init = {\n body: {\n hash,\n },\n }\n await API.post(\"chargebeeInterfaceApi\",\n path,\n init)\n\n this.ready = true;\n // location.href = \"geographicalmagazine://__cognito_app_login_callback/geosub\"\n });\n\n }\n\n ngOnInit(): void {\n }\n\n}","\n
\n
","import { Component, OnInit } from '@angular/core';\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {StateService} from \"../state.service\";\nimport {API, Auth} from \"aws-amplify\";\n\n@Component({\n selector: 'app-external-sign-in-browser',\n templateUrl: './external-sign-in-browser.component.html',\n styleUrls: ['./external-sign-in-browser.component.scss']\n})\nexport class ExternalSignInBrowserComponent implements OnInit {\n public returnUrl?: string;\n\n public constructor(private route: ActivatedRoute, private stateService: StateService, private router: Router) {\n const callback = this.route.snapshot.paramMap.get(\"callback\") ?? this.stateService.returnUrl;\n\n Auth.currentAuthenticatedUser().then(async (user) => {\n // this.email = user.attributes.email;\n // console.log(\"user email = \" + user.attributes.email);\n console.log(\"authenticated user\", user)\n\n const signInUserSession = user.signInUserSession\n const hash = `access_token=${signInUserSession.accessToken.jwtToken}&id_token=${signInUserSession.idToken.jwtToken}&refresh_token=${signInUserSession.refreshToken.token}`\n\n this.returnUrl = callback + \"#\" + hash;\n\n });\n\n }\n\n ngOnInit(): void {\n }\n\n}","\n Return to Content\n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {StateService} from \"../state.service\";\nimport {Auth} from \"aws-amplify\";\n\n@Component({\n selector: 'app-external-sign-out-app',\n templateUrl: './external-sign-out-app.component.html',\n styleUrls: ['./external-sign-out-app.component.scss']\n})\nexport class ExternalSignOutAppComponent implements OnInit {\n public ready = false;\n\n public constructor(private route: ActivatedRoute, private stateService: StateService, private router: Router) {\n this.stateService.returnUrl = this.route.snapshot.paramMap.get(\"returnUrl\") ?? this.stateService.returnUrl;\n\n Auth.currentAuthenticatedUser().then((user) => {\n // this.email = user.attributes.email;\n // console.log(\"user email = \" + user.attributes.email);\n console.log(\"authenticated user\", user)\n Auth.signOut().then(() => {\n this.ready = true;\n location.href = this.stateService.returnUrl;\n });\n });\n }\n\n public ngOnInit(): void {\n setTimeout(() => {\n location.href = this.stateService.returnUrl;\n }, 2000)\n }\n}\n","\n Return to Content\n
\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {StateService} from \"../state.service\";\nimport {Auth} from \"aws-amplify\";\n\n@Component({\n selector: 'app-external-sign-out-browser',\n templateUrl: './external-sign-out-browser.component.html',\n styleUrls: ['./external-sign-out-browser.component.scss']\n})\nexport class ExternalSignOutBrowserComponent implements OnInit {\n public returnUrl?: string;\n\n public constructor(private route: ActivatedRoute, private stateService: StateService, private router: Router) {\n this.stateService.returnUrl = this.route.snapshot.paramMap.get(\"callback\") ?? this.stateService.returnUrl;\n\n Auth.currentAuthenticatedUser().then((user) => {\n // this.email = user.attributes.email;\n // console.log(\"user email = \" + user.attributes.email);\n console.log(\"authenticated user\", user)\n Auth.signOut().then(() => {\n this.returnUrl = this.stateService.returnUrl;\n // location.href = this.stateService.returnUrl;\n });\n });\n }\n\n public ngOnInit(): void {\n setTimeout(() => {\n this.returnUrl = this.stateService.returnUrl;\n\n // location.href = this.stateService.returnUrl;\n }, 2000)\n }\n}\n","\n Return\n
\n\n
","import {Component, Input} from \"@angular/core\";\nimport * as FontAwesome from \"@fortawesome/free-solid-svg-icons\";\n\n@Component({\n selector: \"app-header\",\n templateUrl: \"./header.component.html\",\n styleUrls: [\"./header.component.scss\"]\n})\nexport class HeaderComponent {\n @Input() public title!: string;\n @Input() public navigateBack: string | undefined;\n public FontAwesome = FontAwesome;\n\n}\n","\n \n Return\n
\n\n
\n\n\n\n
\n {{title}}\n
\n","import {AfterViewInit, Component} from \"@angular/core\";\nimport {ChargebeeApiHelper} from \"../chargebee-api.helper\";\nimport * as FontAwesome from \"@fortawesome/free-solid-svg-icons\";\nimport {Auth} from \"aws-amplify\";\nimport {StateService} from \"../state.service\";\nimport {ActivatedRoute, Router} from \"@angular/router\";\n\n@Component({\n selector: \"app-manage-email-complete\",\n templateUrl: \"./manage-email-complete.component.html\",\n styleUrls: [\"./manage-email-complete.component.scss\"]\n})\nexport class ManageEmailCompleteComponent implements AfterViewInit {\n public syncStatusMessage = \"in progress\";\n public FontAwesome = FontAwesome;\n public showSignout = false;\n public newEmail = \"\";\n\n public constructor(private stateService: StateService, private router: Router, private route: ActivatedRoute) {\n this.newEmail = this.route.snapshot.paramMap.get(\"newEmail\") ?? \"\";\n }\n\n public ngAfterViewInit(): void {\n // update chargebee accounts to this users email\n ChargebeeApiHelper.callChargebeeInterface(\"/portal?action=afterUpdateEmail&newEmail=\" + encodeURIComponent(this.newEmail), true).then((data) => {\n this.syncStatusMessage = \"complete - \" + data.updatedAccounts ?? 0 + \" records linked\";\n this.showSignout = true;\n Auth.signOut();\n });\n }\n\n public signOut(): void {\n this.router.navigateByUrl(\"/entitlements\");\n }\n}\n","\n {{title}}\n
\n Your email address has been updated\n
\n Syncing subscriptions: {{syncStatusMessage}}\n
\n \n
\n","import {Component} from \"@angular/core\";\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {StateService} from \"../state.service\";\nimport {Auth} from \"aws-amplify\";\n\n@Component({\n selector: \"app-manage-email-verify\",\n templateUrl: \"./manage-email-verify.component.html\",\n styleUrls: [\"./manage-email-verify.component.scss\"]\n})\nexport class ManageEmailVerifyComponent {\n public newEmail = \"\";\n public code = \"\";\n public message = \"\";\n\n public codeChange(value: string): void {\n this.code = value;\n }\n\n public constructor(private route: ActivatedRoute, private stateService: StateService, private router: Router) {\n this.newEmail = this.route.snapshot.paramMap.get(\"newEmail\") ?? \"\";\n }\n\n\n public verifyEmail(): void {\n Auth.currentAuthenticatedUser()\n .then(user => {\n return Auth.verifyUserAttributeSubmit(user, \"email\", this.code);\n })\n .then(async () => {\n this.router.navigateByUrl(\"/manage-email-complete/\" + encodeURIComponent(this.newEmail));\n })\n .catch(err => {\n console.log(err);\n if (err.message === \"null\") {\n this.message = \"Unable to verify email address.\";\n } else {\n this.message = err.message;\n }\n });\n }\n\n public resendCode(): void {\n Auth.currentAuthenticatedUser()\n .then(() => {\n return Auth.verifyCurrentUserAttribute(\"email\");\n })\n .then(data => {\n console.log(data);\n })\n .catch(err => console.log(err));\n }\n}\n","\n Syncing subscriptions: {{syncStatusMessage}}\n
\n \n
\n We Emailed You\n
\n
\n Resend Code\n
\ngeolive\n","import {Component, OnInit} from \"@angular/core\";\nimport {Auth} from \"aws-amplify\";\nimport {Router} from \"@angular/router\";\nimport {ChargebeeApiHelper} from \"../chargebee-api.helper\";\nimport {SendResponseHelper} from \"../entitlements/send-response.helper\";\nimport {LoginDetails} from \"../entitlements/entitlements.component\";\n\n@Component({\n selector: \"app-manage-email\",\n templateUrl: \"./manage-email.component.html\",\n styleUrls: [\"./manage-email.component.scss\"]\n})\nexport class ManageEmailComponent implements OnInit {\n public newEmail = \"\";\n public message = \"\";\n\n public newEmailChange(value: string): void {\n this.newEmail = value;\n }\n\n public constructor(private router: Router) {\n }\n\n public async ngOnInit() {\n try {\n // get entitlements because this also sets chargebee custom field Cognito ID - which will enable cognito email update\n ChargebeeApiHelper.callChargebeeInterface(\"/portal?action=getEntitlements\", true).then((data) => {\n const entitlements = data?.entitlements ?? [];\n console.log(JSON.stringify(entitlements));\n });\n } catch {\n }\n\n }\n\n public updateEmail(): void {\n Auth.currentAuthenticatedUser()\n .then(user => {\n return Auth.updateUserAttributes(user, {email: this.newEmail});\n })\n .then(data => {\n console.log(data);\n this.router.navigateByUrl(\"/manage-email-verify/\" + encodeURIComponent(this.newEmail));\n })\n .catch(err => {\n if (err.message === \"null\") {\n this.message = \"Unable to verify email address.\";\n } else {\n this.message = err.message;\n }\n console.log(err);\n });\n }\n}\n","\n
Your code is on the way. To confirm your email, enter the code we emailed to {{newEmail}}.\n It may take a minute to arrive.
\n \n \n Resend Code\n
\n Enter your new email address\n
\n \n
\n","import {Component} from \"@angular/core\";\nimport {Router} from \"@angular/router\";\nimport * as FontAwesome from \"@fortawesome/free-solid-svg-icons\";\nimport {Auth} from \"aws-amplify\";\nimport {StateService} from \"../state.service\";\n\n@Component({\n selector: \"app-manage-password-complete\",\n templateUrl: \"./manage-password-complete.component.html\",\n styleUrls: [\"./manage-password-complete.component.scss\"]\n})\nexport class ManagePasswordCompleteComponent {\n public FontAwesome = FontAwesome;\n\n public constructor(private stateService: StateService, private router: Router) {\n Auth.signOut();\n }\n\n public signOut(): void {\n this.router.navigateByUrl(\"/entitlements\");\n }\n}\n","\n \n
\n Password updated\n
\n \n
","import {Component} from \"@angular/core\";\nimport {Auth} from \"aws-amplify\";\nimport {Router} from \"@angular/router\";\n\n@Component({\n selector: \"app-manage-password\",\n templateUrl: \"./manage-password.component.html\",\n styleUrls: [\"./manage-password.component.scss\"]\n})\nexport class ManagePasswordComponent {\n public oldPassword = \"\";\n public newPassword1 = \"\";\n public newPassword2 = \"\";\n\n public oldPasswordChange(value: string): void {\n this.oldPassword = value;\n }\n\n public newPassword1Change(value: string): void {\n this.newPassword1 = value;\n }\n\n public newPassword2Change(value: string): void {\n this.newPassword2 = value;\n }\n\n public constructor(private router: Router) {\n }\n\n public updatePassword(): void {\n Auth.currentAuthenticatedUser()\n .then(user => {\n return Auth.changePassword(user, this.oldPassword, this.newPassword1);\n })\n .then(data => {\n console.log(data);\n this.router.navigateByUrl(\"/manage-password-complete\");\n })\n .catch(err => console.log(err));\n }\n}\n","\n \n
\n\n Old Password\n
\n \n
\n New Password\n
\n \n
\n Re-Type New Password\n
\n \n
\n {{(newPassword1 !== newPassword2 ? \"Passwords must match\" : \"\")}}\n
\n \n
\n","import {Component} from \"@angular/core\";\nimport {AccessUrl, StateService} from \"../state.service\";\n\n@Component({\n selector: \"app-manage-subscription-multiple-accounts\",\n templateUrl: \"./manage-subscription-multiple-accounts.component.html\",\n styleUrls: [\"./manage-subscription-multiple-accounts.component.scss\"]\n})\nexport class ManageSubscriptionMultipleAccountsComponent {\n\n public accessUrls!: AccessUrl[];\n public JSON = JSON;\n\n public constructor(private stateService: StateService) {\n this.accessUrls = stateService.accessUrls.sort((a, b) => a.accessUrl.localeCompare(b.accessUrl));\n }\n\n public accessUrlClick(accessUrl: string): void {\n location.href = accessUrl;\n }\n}\n\n","\n \n
\n New Password\n
\n \n
\n Re-Type New Password\n
\n \n
\n {{(newPassword1 !== newPassword2 ? \"Passwords must match\" : \"\")}}\n
\n \n
\n \n
\n","import {Component, OnInit} from \"@angular/core\";\nimport {SendResponseHelper} from \"../entitlements/send-response.helper\";\nimport {LoginDetails} from \"../entitlements/entitlements.component\";\n\n@Component({\n selector: \"app-not-authenticated\",\n templateUrl: \"./not-authenticated.component.html\",\n styleUrls: [\"./not-authenticated.component.scss\"]\n})\nexport class NotAuthenticatedComponent implements OnInit {\n\n public ngOnInit(): void {\n // window.parent.postMessage(\"not-authenticated\", \"*\");\n // const loginDetails: LoginDetails = {authenticated: false};\n // window.parent.postMessage(\"entitlements:\" + JSON.stringify(loginDetails), this.stateService.returnUrl);\n // PostRedirectHelper.postRedirect(this.stateService.returnUrl, \"entitlements\", JSON.stringify(loginDetails))\n }\n\n}\n","import {Component} from \"@angular/core\";\nimport {ActivatedRoute} from \"@angular/router\";\n\n@Component({\n selector: \"app-portal-error\",\n templateUrl: \"./portal-error.component.html\",\n styleUrls: [\"./portal-error.component.scss\"]\n})\nexport class PortalErrorComponent {\n public message = \"\";\n\n public constructor(private route: ActivatedRoute) {\n this.message = this.route.snapshot.paramMap.get(\"errorMessage\") ?? \"\";\n }\n}\n","\n \n {{accessUrl.firstName}} {{accessUrl.lastName}}\n
\n \n \n {{accessUrl.company}}\n
\n \n
\n \n\n
\n
Customer ID: {{accessUrl.customerId}}
\n \n Unable to access subscription\n
\n {{message}}\n
\n","import {Component} from \"@angular/core\";\nimport {ChargebeeApiHelper} from \"../chargebee-api.helper\";\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {Auth} from \"aws-amplify\";\nimport {StateService} from \"../state.service\";\nimport * as FontAwesome from \"@fortawesome/free-solid-svg-icons\";\n\n@Component({\n selector: \"app-portal\",\n templateUrl: \"./portal.component.html\",\n styleUrls: [\"./portal.component.scss\"]\n})\nexport class PortalComponent {\n public email = \"\";\n public FontAwesome = FontAwesome;\n\n public constructor(private route: ActivatedRoute, private stateService: StateService, private router: Router) {\n Auth.currentAuthenticatedUser().then((user) => {\n this.email = user.attributes.email;\n console.log(\"user email = \" + user.attributes.email);\n });\n\n this.stateService.returnUrl = this.route.snapshot.paramMap.get(\"returnUrl\") ?? this.stateService.returnUrl;\n }\n\n public signOut(): void {\n Auth.signOut().then(() => {\n this.router.navigateByUrl(\"/entitlements\");\n });\n }\n\n public return(): void {\n this.router.navigateByUrl(\"/entitlements\");\n }\n\n public async manageSubscription(): Promise\n {{message}}\n
\n
\n \n
\n \n
\n \n
\n \n
\n","import {Component, OnInit} from \"@angular/core\";\nimport {ActivatedRoute} from \"@angular/router\";\nimport {ChargebeeApiHelper} from \"../chargebee-api.helper\";\nimport {StateService} from \"../state.service\";\n\n@Component({\n selector: \"app-purchase-gift\",\n templateUrl: \"./purchase-gift.component.html\",\n styleUrls: [\"./purchase-gift.component.scss\"]\n})\nexport class PurchaseGiftComponent implements OnInit {\n public message = \"Loading...\";\n\n public constructor(private route: ActivatedRoute, private stateService: StateService) {\n this.stateService.returnUrl = this.route.snapshot.paramMap.get(\"returnUrl\") ?? this.stateService.returnUrl;\n }\n\n public async ngOnInit(): Promise\n Logged in:
{{email}}\n
\n \n
\n \n
\n \n
\n \n
{{message}}
{{message}}