\n
\n
\n
\n \n
\n
\n \n
\n
\n\n {this.handleChange(e, \"date_completed\")}}\n />\n \n
\n
\n {this.handleChange(e, \"link\")}} />\n \n\n
\n\n
\n {this.handleChange(e, \"impact\")}} />\n \n
\n\n
\n \n \n \n\n\n \n )}\n \n onWrapLinesChange={this.onWrapLinesChange.bind(this)}\n >\n\n \n \n \n \n \n )\n }\n }\n\n export default AllActivitiesTable;","import React, { Component } from 'react';\nimport { API, graphqlOperation } from 'aws-amplify'\n\nimport * as queries from \"../graphql/queries\";\nimport { categoryTypes } from './ActivitiesCategoryReference'\nimport {contributionTypes } from './ActivitiesTypeReference' \n\n\nimport * as JWT from 'jwt-decode';\n\n\nimport '@amzn/awsui-components-react/index.css';\nimport '../styles/form.scss';\nimport { Auth } from 'aws-amplify'\n\nimport {\n AppLayout\n} from '@amzn/awsui-components-react';\nimport { appLayoutLabels } from '../common/labels';\n\nimport AllActivitiesTable from \"./AllActivitiesTable\"\n\n\nclass AllActivitiesList extends Component {\n constructor(props) {\n super(props);\n\n //Set 'All' options as default for Type and category\n\n let allType = {label: \"All\", id: \"All\", score: 0, link: true, desc: \"
All contributions
\" };\n let allCategory = {label: \"All\",id: \"All\"};\n\n categoryTypes.unshift(allCategory);\n contributionTypes.unshift(allType);\n\n this.state = {\n contentOrigins: [], toolsIndex: 0, toolsOpen: false, showCreateForm: false,\n selectedCategory: categoryTypes[0].id,\n selectedType: contributionTypes[0].id,\n lastThirtyDaysSelected: false,\n currentUser: { \"email\": \"nobody\", \"administratior\": false },\n userProfile: {},\n contributions: [],\n flash_message: null,\n noprofile: true,\n loading: true,\n }\n }\n\n selectCategory(category) {\n if (this.state.selectedCategory !== category) {\n this.setState({ selectedCategory: category });\n this.recursiveActivitiesBycategory(\"GLOBAL\"); \n }\n }\n\n selectType(type) {\n if (this.state.selectedType !== type) {\n this.setState({ selectedType: type });\n this.recursiveActivitiesBycategory(\"GLOBAL\");\n }\n }\n\n selectDate(flag) {\n this.setState({lastThirtyDaysSelected: flag}, () => { \n this.recursiveActivitiesBycategory(\"GLOBAL\");\n });\n }\n\n componentDidMount() {\n let parent = this;\n Auth.currentAuthenticatedUser()\n .then(user => {\n var token = JWT(user.signInUserSession.accessToken.jwtToken);\n var isAdministrator = false;\n if (token['cognito:groups'] !== undefined && token['cognito:groups'][0] === \"ExplorersAdministrators\") { isAdministrator = true; }\n user.attributes.administrator = isAdministrator;\n parent.setState({ currentUser: user.attributes });\n\n var filter = {};\n this.recursiveActivitiesBycategory(filter, \"GLOBAL\");\n\n }).catch(err => console.error(err)) // end authentication\n } // end will mount\n\n componentWillUnmount() {\n // remove the 'All' from the category and type array\n categoryTypes.shift();\n contributionTypes.shift();\n }\n\n async recursiveActivitiesBycategory(regionFilter) {\n let that = this;\n \n const fetchPages = async (nextToken, params, context) => {\n if ( that.state.selectedType !== context.sourceState.type ) {\n console.log(\"Type has changed, aborting fetchPages\");\n return;\n }\n if ( that.state.selectedCategory !== context.sourceState.category ) {\n console.log(\"Category has changed, aborting fetchPages\");\n return;\n }\n\n let queryName = context.queryName;\n let query = queries[queryName[0].toLowerCase() + queryName.slice(1)];\n if (nextToken !== \"\") { params.nextToken = nextToken }\n return API.graphql(graphqlOperation(query, params))\n .then(res => { \n const responseResult = res.data[queryName];\n fetchedContributions = fetchedContributions.concat(responseResult.items);\n if (null !== responseResult.nextToken) {\n fetchPages(responseResult.nextToken, params, context);\n }\n this.setState({ contributions: fetchedContributions, regionFilter: regionFilter, loading: false })\n }).catch(error => console.error(\"Something went wrong: \", error));\n\n }\n\n let fetchedContributions = [];\n this.setState({ loading: true })\n let params = { \n limit: 200,\n sortDirection: \"DESC\"\n }\n let queryName = '';\n if (this.state.selectedCategory === 'All' && this.state.selectedType === 'All') {\n // No filters applied\n queryName = 'ActivitiesByStatusAndDate';\n params.status = 'APPROVED' //All items are APPROVED, this is just a way to use a secondary index with custom sort.\n } else if (this.state.selectedCategory === 'All' && this.state.selectedType !== 'All') {\n // Filter only by type\n queryName = 'ActivitiesByTypeAndDate';\n params.output_type = this.state.selectedType;\n } else if (this.state.selectedCategory !== 'All' && this.state.selectedType === 'All') {\n // Filter only by category\n queryName = 'ActivitiesByCategoryAndDate';\n params.category = this.state.selectedCategory;\n } else {\n // Filter both by category and type\n queryName = 'ActivitiesByCategoryAndDate';\n params.category = this.state.selectedCategory;\n // Use the query by category and add a filter for type, unless a query by two fields was possible.\n params.filter = {\n output_type : {eq:this.state.selectedType}\n };\n }\n await fetchPages(\"\", params, {queryName, sourceState: { category: this.state.selectedCategory, type: this.state.selectedType} });\n }\n\n\n setFlashMessage(flash) {\n this.setState({ flash_message: flash })\n }\n\n render() {\n\n return (\n
\n\n
this.setState({ toolsOpen: true })} />}\n navigationHide\n toolsHide\n labels={appLayoutLabels}\n />\n\n \n\n );\n }\n\n}\n\nexport default AllActivitiesList;\n","import React, { Component } from 'react';\nimport { API, graphqlOperation } from 'aws-amplify'\nimport { Auth } from 'aws-amplify'\n\nimport {getExplorerProfile} from \"../graphql/queries\"\n\nimport * as JWT from 'jwt-decode';\n\n\nimport { Link } from 'react-router-dom'\n\nimport '@amzn/awsui-components-react/index.css';\n\nimport {\n AppLayout,\n Button,\n ColumnLayout,\n Icon,\n Spinner,Flash\n} from '@amzn/awsui-components-react';\nimport { appLayoutLabels } from '../common/labels';\nimport '../styles/form.scss';\n\n\nexport const ProfileDetails = ({ profile , adminView , certifications}) => (\n
\n \n
\n
\n
\n
Name\n\n {/* removed the user photo}\n
\n {!profile.headshot ? \n
![\"\"](\"/Portrait_Placeholder.png\")
: \n
\n }\n
\n */}\n\n
\n
{profile.first_name} {profile.last_name}
\n
\n
\n
Email
\n
{profile.email}
\n
\n
\n
Country
\n
\n {profile.country}\n
\n
\n
{/* // Hiding Profile section\n
Region
\n
\n {profile.region}\n
*/}\n
\n \n\n
\n
\n
\n\n \n\n
\n\n
\n
Program Status
\n
\n {\"ACTIVE MEMBER\" === profile.program_status ? \n ACTIVE MEMBER\n : \n {profile.program_status}\n }\n
\n
\n\n {\n (profile.program_status===\"ADMINISTRATOR\") ?\n
\n\n \n
\n
Administration Status
\n
\n
Legal Form
\n
\n {!profile.legal_form ? \"-\" : profile.legal_form}
\n
\n
\n
NDA URL
\n
\n {!profile.link_to_nda ? \"-\" : profile.link_to_nda}
\n
\n
\n
Public Sector
\n
\n {!profile.public_sector ? \"-\" : profile.public_sector}
\n
\n
\n :\n null\n }\n
\n
\n\n
\n );\n\nexport const ThisProfile = ({ profile, ready , adminView , certifications}) => {\n return (\n
\n
\n \n \n \n \n \n\n \n \n
\n \n
\n
Profile Details
\n \n {(ready===true)?\n
: \n }\n \n \n
\n\n );\n };\n\nclass ViewProfile extends Component {\n constructor(props){\n super(props);\n\n this.state = { \n profile: {cognito_user : this.props.match.params.id , first_name: \"\" , last_name: \"\" , country: \"USA\" , region: \"NA\"},\n flash_message: null,\n ready: false,\n currentUser: {administrator: false},\n certifications: []\n }\n }\n\n componentDidMount(){\n if (this.props.location.state!==undefined){\n this.setState({ flash_message:
})\n }\n\n let parent = this;\n\n Auth.currentAuthenticatedUser()\n .then(user => {\n var token = JWT(user.signInUserSession.accessToken.jwtToken);\n var isAdministrator = false;\n if (token['cognito:groups']!==undefined && token['cognito:groups'][0]===\"APNAmbassadorsAdministrators\")\n {isAdministrator=true;}\n user.attributes.administrator=isAdministrator;\n var profile = this.state.profile;\n profile.email=user.attributes.email;\n parent.setState({ currentUser: user.attributes, profile: profile});\n this.getProfileForUser(this.props.match.params.id, profile.email);\n \n }).catch(err => console.log(err)) // end authentication\n \n \n } // end will mount\n\n\n getProfileForUser(id, email){\n // fetch contributions for this user\n API.graphql(graphqlOperation(getExplorerProfile,{\"cognito_user\":id}))\n .then(res => {\n if (res.data.getExplorerProfile!==null) {\n let storedProfile = res.data.getExplorerProfile;\n storedProfile.email = email;\n this.setState({ profile: storedProfile , ready: true})\n } else {\n this.setState({ ready: true })\n }\n }).catch(error => {\n console.log(\"Couldn't establish ambassador \", error);\n this.setState({ error: \"Unable to load profile.\" , ready: true})\n });\n\n }\n \n\n render(){\n\n return (\n
\n\n
\n }\n navigationHide\n toolsHide\n labels={appLayoutLabels}\n /> \n\n \n\n );\n }\n\n}\n\nexport default ViewProfile;\n","export const topicOptions = [\n {\n \"label\": \"AI Engineering\",\n \"id\": \"AIENG\"\n },\n {\n \"label\": \"Cloud Operations\",\n \"id\": \"MGMI\" // This referred to M&G + Migration, ID cannot be changed without changing the data in DDB.\n },\n {\n \"label\": \"Containers\",\n \"id\": \"CONT\"\n },\n {\n \"label\": \"Data\",\n \"id\": \"DATA\"\n },\n {\n \"label\": \"Dev Tools\",\n \"id\": \"DEVT\"\n },\n {\n \"label\": \"Front-End Web & Mobile\",\n \"id\": \"FEWM\"\n },\n {\n \"label\": \"Game Tech\",\n \"id\": \"GAME\"\n },\n {\n \"label\": \"Graviton/Arm\",\n \"id\": \"GARM\"\n },\n {\n \"label\": \"Machine Learning\",\n \"id\": \"ML\"\n },\n {\n \"label\": \"Network C&D\",\n \"id\": \"NECD\"\n },\n {\n \"label\": \"Security & Identity\",\n \"id\": \"SECI\"\n },\n {\n \"label\": \"Serverless\",\n \"id\": \"SRVL\"\n },\n {\n \"label\": \"Storage\",\n \"id\": \"STOR\"\n }/*,\n {\n \"label\": \"None\",\n \"id\": \"-\"\n }*/\n];\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom'\n\nimport { API, graphqlOperation } from 'aws-amplify'\nimport { Auth } from 'aws-amplify'\n\n\nimport {getExplorerProfile} from \"../graphql/queries\"\nimport {createExplorerProfile } from \"../graphql/mutations\"\nimport {updateExplorerProfile} from \"../graphql/mutations\"\n\nimport * as JWT from 'jwt-decode';\nimport '@amzn/awsui-components-react/index.css';\nimport '../styles/form.scss';\n\nimport {\n AppLayout,\n Button,\n ColumnLayout,\n Form,\n FormField,\n FormSection,\n Input,\n Select,\n Spinner\n} from '@amzn/awsui-components-react';\nimport { appLayoutLabels } from '../common/labels';\nimport {regionOptions, countryOptions , regionCountries , adminRegionOptions} from '../dropdowns/CountriesReference'\nimport {topicOptions} from '../dropdowns/TopicsReference'\n\n export const \n YesNo = [\n {\n \"label\": \"YES\",\n \"id\": \"YES\"\n },\n {\n \"label\": \"NO\",\n \"id\": \"NO\"\n }\n ];\n\n export const \n TrueFalse = [\n {\n \"label\": \"YES\",\n \"id\": \"true\"\n },\n {\n \"label\": \"NO\",\n \"id\": \"false\"\n }\n ];\n\n export const \n AmbassadorProgramStatusOptions = [\n {\n \"label\": \"CANDIDATE\",\n \"id\": \"CANDIDATE\"\n },\n {\n \"label\": \"ACTIVE MEMBER\",\n \"id\": \"ACTIVE MEMBER\"\n },\n {\n \"label\": \"REJECTED\",\n \"id\": \"REJECTED\"\n },\n {\n \"label\": \"RETIRED\",\n \"id\": \"RETIRED\"\n },\n {\n \"label\": \"ADMINISTRATOR\",\n \"id\": \"ADMINISTRATOR\"\n }\n ];\n\n\nexport const ProfileForm = ({ currentUser, watcher, newAmbassador , certifications, profile, ready , adminMenu , history}) => {\n if (ready===false) return null;\n let requiredFields = {'first_name': 'nameInvalid', 'region': 'regionInvalid', 'country': 'countryInvalid', 'topicArea': 'topicAreaInvalid'};\n\n function validationErrorsCheck() {\n let anyError = false;\n Object.keys(requiredFields).forEach(field => {\n let profileField = profile[field];\n if (!profileField || profileField === \"\") {\n let statusChange = {}\n statusChange[requiredFields[field]] = true;\n watcher.modifyState(statusChange);\n watcher.forceUpdate();\n anyError = true;\n }\n });\n return anyError;\n }\n \n function handleChange(e, target) {\n e.preventDefault();\n\n if (e.detail.value!==undefined){\n profile[target]=e.detail.value;\n }\n\n if (e.detail.selectedId!==undefined){\n profile[target]=e.detail.selectedId;\n if (target===\"country\"){\n profile[target]=countryOptions.find(x => x.id === e.detail.selectedId).label;\n }\n\n if (target===\"region\") {\n // rebuild the countries select\n // set country to the first item\n profile.region=e.detail.selectedId;\n // profile.country = regionCountries(e.detail.selectedId)[0].label;\n watcher.modifyState({profile: profile});\n }\n }\n\n if (requiredFields[target]) {\n let stateModification = {}\n stateModification[requiredFields[target]] = !profile[target] || profile[target] === \"\";\n watcher.modifyState(stateModification);\n watcher.forceUpdate();\n }\n }\n\n\n function handleSubmit(e){\n e.preventDefault();\n if (validationErrorsCheck()) {\n return;\n }\n Object.keys(profile).forEach((key) => (profile[key] === null || profile[key]===\"\" ) && delete profile[key]);\n if (newAmbassador===true) { \n profile.program_status=\"ACTIVE MEMBER\"; \n\n // not authorized to update these fields \n if(adminMenu!==true) { \n delete profile['legal_form']; \n delete profile['link_to_nda']; \n delete profile['is_disabled']; \n delete profile['is_admin']; \n delete profile['admin_category']; \n delete profile['public_sector']; \n } \n\n // create \n const payload = {\n input: profile\n } \n payload.input.cognito_user=currentUser.sub;\n createAPNAmbassadorProfile(payload); \n } else { \n // not authorized to update these fields \n if(adminMenu!==true) { \n delete profile['program_status']; \n delete profile['legal_form']; \n delete profile['link_to_nda']; \n delete profile['is_disabled']; \n delete profile['is_admin']; \n delete profile['admin_category']; \n delete profile['public_sector']; \n }\n delete profile['createdAt']; \n delete profile['updatedAt'];\n // update\n const payload = { \n input: profile\n }\n updateAPNAmbassadorProfile(payload);\n } \n } \n\n\n const createAPNAmbassadorProfile = async (payload) => {\n await API.graphql(graphqlOperation(createExplorerProfile, payload))\n .then(res => {\n if (res.data.createExplorerProfile!=null){\n console.log(\"ambassador profile successfully created: \", res )\n history.push({\n pathname: '/viewProfile/' + profile.cognito_user,\n state: { flash_message: \"Profile successfully updated.\" }\n })\n }else{\n // alert('something went wrong.');\n }\n })\n .catch(error => console.error(\"Something went wrong creating profile: \", error));\n }\n\n const updateAPNAmbassadorProfile = async (payload) => {\n await API.graphql(graphqlOperation(updateExplorerProfile, payload))\n .then(res => {\n\n if (res.data.updateExplorerProfile!=null){\n console.log(\"ambassador profile successfully update: \", res )\n history.push({\n pathname: '/viewProfile/' + profile.cognito_user,\n state: { flash_message: \"Profile successfully updated.\" }\n })\n // Since the profile has been updated, the state of the header changes (name, surname, completion status,...) \n // Ideally there would be a way to update this status without refreshing the page, but at this point this is just easier. \n window.location.reload(false); \n } else{\n //alert('something went wrong.');\n }\n \n })\n .catch(error => console.error(\"Something went wrong updating profile: \", error));\n }\n\n\n return (\n
\n\n{(ready===true)? \n
}\n >\n\n\n \n\n
\n \n
\n \n {handleChange(e, \"first_name\")}} >\n \n \n \n {handleChange(e, \"last_name\")}} >\n \n \n \n\n\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n
\n \n\n \n
\n
\n
\n {(adminMenu!==true)?\n null\n :\n <>\n
\n \n \n {handleChange(e, \"email\")}} >\n \n \n \n \n \n \n \n {handleChange(e, \"link_to_nda\")}} >\n \n \n \n \n \n \n \n \n \n \n \n \n\n
\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n }\n \n
\n \n
\n );\n };\n\nclass EditProfile extends Component {\n constructor(props){\n super(props);\n\n this.state = { \n profile: {\"cognito_user\" : this.props.match.params.id , first_name: \"\" , last_name: \"\" , partner_name:\"\" , current_usage_code: \"\" , current_usage_code_expiry: \"\", previous_usage_code:\"\",previous_usage_code_expiry:\"\",segment:\"\",psa: \"\" , link_to_nda: \"\" , legal_form: \"\", is_admin: false , admin_category: \"NA\" },\n certifications: [],\n flash_message: null,\n ready: true,\n isAdministrator: false,\n newAmbassador: false,\n nameInvalid: false,\n topicAreaInvalid: false,\n regionInvalid: false,\n countryInvalid: false\n }\n }\n\n componentDidMount() {\n let parent = this;\n \n Auth.currentAuthenticatedUser()\n .then(user => {\n var token = JWT(user.signInUserSession.accessToken.jwtToken);\n var isAdministrator = false;\n if (token['cognito:groups']!==undefined && token['cognito:groups'][0]===\"ExplorersAdministrators\")\n {isAdministrator=true;}\n user.attributes.administrator=isAdministrator;\n var profile = this.state.profile;\n profile.email=user.attributes.email;\n parent.setState({ currentUser: user.attributes, profile: profile, isAdministrator: isAdministrator});\n this.getProfileForUser(user.username);\n }).catch(err => console.log(err)) // end authenticationn\n } // end will mount\n\n getProfileForUser(id){\n // fetch contributions for this user\n API.graphql(graphqlOperation(getExplorerProfile,{\"cognito_user\":id}))\n .then(res => { \n var theseCertifications = [];\n\n if (res.data.getExplorerProfile!==null){\n // parse certifications\n if (\n res.data.getExplorerProfile!==null && \n res.data.getExplorerProfile.certifications!==undefined && \n res.data.getExplorerProfile.certifications!==\"\" && \n res.data.getExplorerProfile.certifications!==null){\n theseCertifications = JSON.parse(atob(res.data.getExplorerProfile.certifications));\n }\n\n this.setState({ profile: res.data.getExplorerProfile , ready: true , certifications: theseCertifications}) \n }else{\n this.setState({ newAmbassador: true, ready: true , certifications: theseCertifications})\n }\n \n\n }).catch(error => {\n console.log(\"Couldn't establish ambassador \", error);\n this.setState({ error: \"Unable to load profile.\" , ready: true , newAmbassador: true})\n });\n\n }\n\n modifyState(state){\n this.setState(state);\n this.forceUpdate();\n }\n\n render(){\n\n // console.log(this.props);\n\n return (\n
\n\n
\n }\n navigationHide\n toolsHide\n labels={appLayoutLabels}\n />\n \n );\n }\n}\n\nexport default EditProfile;\n","import React from 'react';\n\nimport { Icon } from '@amzn/awsui-components-react';\n\nexport const COLUMN_DEFINITIONS = [\n {\n id: 'name',\n header: () => 'Name',\n cell: item =>
{item.first_name} {item.last_name},\n minWidth: '200px',\n allowLineWrap: true\n },\n {\n id: 'email',\n header: () => 'Email',\n cell: item => item.email,\n minWidth: '200px',\n allowLineWrap: true\n },\n {\n id: 'region',\n cell: item => item.region,\n header: () => 'Region',\n minWidth: '100px',\n allowLineWrap: true\n },\n {\n id: 'country',\n header: () => 'Country',\n cell: item => item.country,\n minWidth: '100px',\n allowLineWrap: true\n },\n {\n id: 'status',\n header: () => 'Status',\n cell: item =>
\n {(\"AMBASSADOR\" === item.program_status) ? \n Ambassador\n : \n {item.program_status}\n },\n allowLineWrap: false\n }\n];\n\nexport const SORTABLE_COLUMNS = [\n { id: 'name', field: 'first_name' },\n { id: 'email', field: 'email' },\n { id: 'region', field: 'region' },\n { id: 'total_approved_contributions', field: 'total_approved_contributions' },\n { id: 'total_score', field: 'total_score' },\n { id: 'origin', field: 'origin' },\n { id: 'status', field: 'status' },\n { id: 'state', field: 'state' },\n { id: 'logging', field: 'logging' }\n];\n\nexport const CONTENT_SELECTOR_OPTIONS = [\n {\n label: 'Main distribution properties',\n options: [\n { id: 'id', label: 'Distribution ID', editable: false, visible: true },\n { id: 'domainName', label: 'Domain name', editable: true, visible: true },\n { id: 'deliveryMethod', label: 'Delivery method', editable: true, visible: true },\n { id: 'priceClass', label: 'Price class', editable: true, visible: false },\n { id: 'sslCertificate', label: 'SSL certificate', editable: true, visible: true },\n { id: 'origin', label: 'Origin', editable: true, visible: false },\n { id: 'status', label: 'Status', editable: true, visible: true },\n { id: 'state', label: 'State', editable: true, visible: true },\n { id: 'logging', label: 'Logging', editable: true, visible: false }\n ]\n }\n];\n\nexport const PAGE_SELECTOR_OPTIONS = [\n { value: 10, label: '10 Distributions' },\n { value: 30, label: '30 Distributions' },\n { value: 50, label: '50 Distributions' }\n];\n\nexport const PROPERTY_FILTERING_OPTIONS = [\n { propertyLabel: 'Domain name', propertyKey: 'domainName', groupValuesLabel: 'Domain name values', values: [] },\n { propertyLabel: 'Delivery method', propertyKey: 'deliveryMethod', groupValuesLabel: 'Delivery method values', values: [] },\n { propertyLabel: 'Price class', propertyKey: 'priceClass', groupValuesLabel: 'Price class values', values: [] },\n { propertyLabel: 'Origin', propertyKey: 'origin', groupValuesLabel: 'Origin values', values: [] },\n { propertyLabel: 'Status', propertyKey: 'status', groupValuesLabel: 'Status values', values: [] },\n { propertyLabel: 'State', propertyKey: 'state', groupValuesLabel: 'State values', values: [] },\n { propertyLabel: 'Logging', propertyKey: 'logging', groupValuesLabel: 'Logging values', values: [] },\n {\n propertyLabel: 'SSL certificate',\n propertyKey: 'sslCertificate',\n groupValuesLabel: 'SSL certificate values',\n values: []\n }\n];\n\nexport const CUSTOM_PREFERENCE_OPTIONS = [{ value: 'table', label: 'Table' }, { value: 'cards', label: 'Cards' }];\n\nexport const PROPERTY_FILTERING_I18N_CONSTANTS = {\n placeholder: 'Filter distributions by property or value',\n operationAndText: 'and',\n operationNotAndText: 'and not',\n operationOrText: 'or',\n operationNotOrText: 'or not',\n clearFiltersText: 'Clear filters',\n groupPropertiesText: 'Properties',\n groupValuesText: 'Values',\n filteringEmpty: 'No results found',\n filteringLabel: 'Filter distributions',\n filteringStatusText: 'Loading'\n};","import React from 'react';\nimport { Link } from 'react-router-dom'\nimport { Auth } from 'aws-amplify'\n\nimport {\n COLUMN_DEFINITIONS,\n CONTENT_SELECTOR_OPTIONS,\n SORTABLE_COLUMNS,\n } from './profiles-table-config';\n import {\n paginationLabels,\n distributionSelectionLabels\n } from '../common/labels';\n import {\n Button,\n Table,\n TableFiltering,\n TablePagination,\n TableSelection,\n TableSorting,\n } from '@amzn/awsui-components-react';\n import { getFilterCounterText } from '../common/tableCounterStrings';\n import '../styles/table.scss';\n import { createPropertyStorage } from '../common/createPropertyStorage';\n import * as localStorage from '../common/localStorage';\n import { mapWithColumnDefinitionIds, addToColumnDefinitions } from '../common/columnDefinitionsHelper';\n import { API, graphqlOperation } from 'aws-amplify'\n\n import { listExplorerProfiles , getExplorerProfile} from \"../graphql/queries\";\n\n\n var floatRightStyle = {\n float: 'right'\n };\n const widthsStorage = createPropertyStorage('React-Table-Widths', localStorage);\n const saveWidths = e => widthsStorage.save(mapWithColumnDefinitionIds(COLUMN_DEFINITIONS, 'width', e.detail.widths));\n const loadWidths = () =>\n widthsStorage.load().then(columns => addToColumnDefinitions(COLUMN_DEFINITIONS, 'width', columns));\n \n export const TableHeader = ({ selectedDistributions, counter, updateTools , watcher , table , region }) => {\n const isOnlyOneSelected = selectedDistributions.length === 1;\n \n\n return (\n
\n
\n
\n Ambassador Profiles (Region: {region})\n
\n \n
\n {\n (isOnlyOneSelected) ? \n
\n : \n
\n }\n {\n /*\n
\n
\n\n */\n\n }\n
\n\n
\n );\n };\n \nclass ProfilesList extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n columnDefinitions: COLUMN_DEFINITIONS,\n selectedDistributions: [],\n profiles: [],\n filteringText: '',\n pageSize: 30,\n contentSelectorOptions: CONTENT_SELECTOR_OPTIONS,\n wrapLines: false\n };\n this.onPaginationChange = this.onPaginationChange.bind(this);\n }\n \n\n loadAmbassadorProfiles(){\n \n \n Auth.currentAuthenticatedUser()\n .then(user => {\n console.log(user);\n \n\n API.graphql(graphqlOperation(getExplorerProfile,{\"cognito_user\":user.username}))\n .then(res => { \n console.log(\"Ambassador res \", res )\n \n // filter the region for this ambassador\n var filter = {}; // empty for global\n var filterLabel = \"GLOBAL\"; // empty for global\n \n if (res.data.getExplorerProfile.admin_region===undefined){ this.loadRegionalAmbassadorProfiles(undefined, filterLabel);}\n else\n if (\n res.data.getExplorerProfile.admin_region!==null && \n res.data.getExplorerProfile.admin_region!==\"\" && \n res.data.getExplorerProfile.admin_region!==\"GLOBAL\"\n ){\n filter = {\"filter\": {\"region\": {\"eq\": res.data.getExplorerProfile.admin_region}}};\n filterLabel=res.data.getExplorerProfile.admin_region;\n this.loadRegionalAmbassadorProfiles(filter, filterLabel);\n }\n \n }).catch(error => {\n console.log(\"Couldn't establish ambassador \", error);\n this.setState({ error: \"Unable to load profile.\" , ready: true});\n\n var filter = {};\n this.loadRegionalAmbassadorProfiles(filter , \"GLOBAL\");\n });\n }).catch(err => console.log(err)) // end authentication\n }\n\n loadRegionalAmbassadorProfiles(filter,filterLabel ){\n var thisFilter={};\n if (filter!==undefined){thisFilter = filter}\n console.log(\"sending filter : \" + thisFilter);\n thisFilter.limit=5000;\n API.graphql(graphqlOperation(listExplorerProfiles,thisFilter))\n .then(res => { \n console.log(\"Something went right: \", res )\n this.setState({ profiles: res.data.listExplorerProfiles.items , regionFilter: filterLabel})\n }).catch(error => console.error(\"Something went wrong: \", error));\n }\n\n componentWillMount(){\n this.loadAmbassadorProfiles();\n } // end will mount\n\n\n componentDidMount() {\n loadWidths().then(columnDefinitions => {\n this.setState({\n columnDefinitions\n });\n });\n\n if (this.props.filterText!==undefined && this.props.filterText!==\"\"){\n this.setState({filteringText: this.props.filterText});\n }\n }\n \n onFilteringChange({ detail: { filteringText } }) {\n this.setState({\n filteringText\n });\n }\n \n onPaginationChange({ detail: { pageSize } }) {\n this.setState({\n pageSize\n });\n }\n \n onContentSelectionChange({ detail}) {\n const contentSelection = detail.contentSelection;\n const currentContentSelectorOptionGroup = this.state.contentSelectorOptions[0];\n this.setState({\n contentSelectorOptions: [{\n label: currentContentSelectorOptionGroup.label,\n options: currentContentSelectorOptionGroup.options.map(opt => ({\n id: opt.id,\n label: opt.label,\n editable: opt.editable,\n visible: contentSelection.indexOf(opt.id) !== -1,\n }))\n }]\n });\n }\n \n onWrapLinesChange({ detail }) {\n this.setState({\n wrapLines: detail.value\n });\n }\n \n headerCounter(selectedDistributions, distributions) {\n return selectedDistributions.length\n ? `(${selectedDistributions.length}/${distributions.length})`\n : `(${distributions.length})`;\n }\n \n clearFilter() {\n this.setState({\n filteringText: ''\n });\n }\n \n deleteSelections(){\n alert(this.state.selectedDistributions);\n }\n\n\n render() {\n return (\n
\n\n
\n \n \n \n \n \n \n \n \n \n
\n )}\n \n onWrapLinesChange={this.onWrapLinesChange.bind(this)}\n >\n\n
\n
\n
\n this.setState({selectedDistributions: evt.detail.selectedItems})}\n />\n \n \n )\n }\n }\n\n export default ProfilesList;","import React, { Component } from 'react';\n\nimport * as JWT from 'jwt-decode';\nimport { Auth } from 'aws-amplify'\n\nimport '@amzn/awsui-components-react/index.css';\n\nimport {\n AppLayout\n} from '@amzn/awsui-components-react';\nimport { appLayoutLabels } from '../common/labels';\nimport '../styles/form.scss';\n\nimport ProfilesList from \"./ProfilesList\"\n\n\nclass Profiles extends Component {\n constructor(props){\n super(props);\n\n this.state = { \n contentOrigins: [], toolsIndex: 0, toolsOpen: false, showCreateForm: false,\n currentUser: {\"email\": \"nobody\",\"administratior\": false},\n contributions: [],\n flash_message: null,\n showProfiles: true,\n searchText: ''\n }\n }\n\n componentWillMount() {\n if(this.props.location.search!==undefined && this.props.location.search!==\"\"){\n var searchText=this.props.location.search.substring(1,this.props.location.search.length);\n this.setState({searchText: searchText})\n }\n let parent = this;\n\n Auth.currentAuthenticatedUser()\n .then(user => {\n var token = JWT(user.signInUserSession.accessToken.jwtToken);\n //var isAdministrator = false;\n if (token['cognito:groups']!==undefined && token['cognito:groups'][0]===\"ExplorersAdministrators\") {\n user.attributes.administrator=true;\n parent.setState({ currentUser: user.attributes});\n }\n else {\n this.props.history.push({\n pathname: '/myActivities'\n })\n }\n }).catch(err => console.log(err)) // end authentication\n } // end will mount\n\n componentDidMount() {\n \n }\n\n render() {\n return (\n
\n
this.setState({ toolsOpen: true })} />}\n navigationHide\n toolsHide\n labels={appLayoutLabels}\n />\n \n );\n }\n}\n\nexport default Profiles;","import React from 'react'\nimport { Greetings } from 'aws-amplify-react'\nimport { NavItem } from 'aws-amplify-react'\n\nimport { Link } from 'react-router-dom'\n\nimport '@amzn/awsui-components-react/index.css';\n\nimport { Button } from '@amzn/awsui-components-react';\n\nvar floatRightStyle = {\n float: 'right', marginTop: '30px'\n };\n\nvar signOutStyle = {\n marginRight: '20px'\n}\n\nexport default class AmbassadorGreetings extends Greetings {\n \n\n noGreeting() {\n return(
)\n }\n\n someGreeting(theme) {\n //
{\"Hello Kitty\"}\n return (\n
\n {\n (this.props.userProfile!==undefined && this.props.userProfile!==null) ?\n \n \n {this.props.userProfile.first_name} {this.props.userProfile.last_name} \n \n \n :\n \n } \n {this.renderSignOutButton(theme)}\n \n );\n }\n\n render() {\n const authState = this.props.authState || this.state.authState;\n const signedIn = (authState === 'signedIn');\n\n const theme = this.props.theme;\n // const greeting = signedIn? this.userGreetings(theme) : this.noGreeting();\n\n const greeting = signedIn? this.someGreeting(theme) : this.noGreeting();\n\n if (!greeting) { return null; }\n\n return (\n
\n
![\"\"](\"/cb_logo.png\")
\n
\n {greeting}\n
\n
\n );\n }\n}","import React from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\ndeclare function cwr(operation: string, payload: any): void;\n\n/*\n * Tracks changes in the location and sends it to RUM in order to have pages data matching the hash of the URL.\n */\nconst PageTracker = () => {\n\n let location = useLocation();\n React.useEffect(() => {\n if (typeof cwr !== 'undefined') {\n cwr(\"recordPageView\", \"#\" + location.pathname);\n }\n }, [location]);\n\n return (\n <>\n );\n};\n\nexport default PageTracker;","import React from \"react\";\nimport { Authenticator , Greetings , VerifyContact , SignIn , ConfirmSignIn , ForgotPassword , TOTPSetup, Loading} from \"aws-amplify-react\";\nimport { NavItem, NavBar } from 'aws-amplify-react'\n\nimport { Auth } from 'aws-amplify'\nimport Activities from \"./activities/Activities\";\nimport AllActivitiesList from \"./activities/AllActivitiesList\";\n\nimport ViewProfile from \"./profiles/ViewProfile\";\nimport EditProfile from \"./profiles/EditProfile\";\nimport Profiles from \"./profiles/Profiles\";\n\nimport AmbassadorGreetings from \"./AppGreeting\";\nimport PageTracker from \"./PageTracker\";\n\nimport { API, graphqlOperation } from 'aws-amplify'\n\nimport { getExplorerProfile } from \"./graphql/queries\";\n\nimport {\n Route,\n HashRouter\n} from \"react-router-dom\";\n\nconst globalSignupConfig = {\n hiddenDefaults: [\"phone_number\" , \"email\"],\n signUpDisplayed: false, \n signUpFields: [\n { label: \"Name\", key: \"name\", required: true, type: \"string\" , displayOrder: 1},\n { label: \"Email\", key: \"username\", type: \"string\" , displayOrder: 1 }\n ]\n};\n\ndeclare function cwr(operation: string, payload: any): void;\n\nclass App extends React.Component {\n constructor(props, context) {\n super(props, context);\n this.state = { \n signedIn: false\n }\n }\n\n /* Records errors in RUM, otherwise React swallows them */\n componentDidCatch(error, info) {\n if (typeof cwr !== 'undefined') {\n cwr('recordError', error)\n };\n };\n\n handleStateChange = state => {\n //console.log(state);\n if (state === 'signedIn' || state===\"verifyContact\") {\n // this.setState({ signedIn: true});\n let parent = this;\n\n Auth.currentAuthenticatedUser()\n .then(user => {\n parent.setState({ currentUser: user.attributes ,signedIn: true });\n // fetch this profile\n API.graphql(graphqlOperation(getExplorerProfile,{\"cognito_user\":user.attributes.sub}))\n .then(res => { \n parent.setState({ userProfile: res.data.getExplorerProfile || {}, noprofile: res.data.getAPNAmbassadorProfile==null})\n }).catch(error => {\n console.log(error);\n });\n }).catch(err => console.log(err)) // end authentication\n }\n if (state === 'signIn') {\n this.setState({ signedIn: false});\n }\n };\n\n render() {\n if(this.state.signedIn && this.state.currentUser && this.state.userProfile && window.location.hash.indexOf('#/editProfile/')!==0) {\n let requiredFields = {'first_name': 'First name', 'region': 'Region', 'country': 'Country', 'topicArea': 'Your topic area'};\n let missingFields = [];\n Object.keys(requiredFields).forEach(field => { if (!this.state.userProfile || !this.state.userProfile[field]) missingFields.push(field);});\n if (missingFields.length>0) {\n let missingFieldsText='';\n missingFields.forEach( (field, index) => {\n if (index>0) {\n if(index === missingFields.length - 1) {\n missingFieldsText += \" and \";\n } else {\n missingFieldsText += \", \";\n }\n }\n missingFieldsText += '\"'+requiredFields[field]+'\"';\n })\n // There is probably a more react-ish way to do this, rendering the edit form with a warning on top or something like this, but this is quite simple and effective.\n alert('Your user profile is incomplete. Please complete ' + missingFieldsText +\".\");\n window.location.hash=\"#/editProfile\";\n }\n }\n\n return (\n
\n \n\n {\n (this.state.signedIn) ? null\n :\n \n \n \n }\n\n \n \n \n \n \n \n \n\n\n \n {\n (this.state.signedIn) ? \n \n :\n \n Registration is temporarily closed for new users.\n
\n }\n \n );\n }\n}\n\nexport default App;","/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n \"aws_project_region\": \"us-east-1\",\n \"aws_appsync_graphqlEndpoint\": \"https://jpk23eez5ng2zlevhrwun5home.appsync-api.us-east-1.amazonaws.com/graphql\",\n \"aws_appsync_region\": \"us-east-1\",\n \"aws_appsync_authenticationType\": \"AMAZON_COGNITO_USER_POOLS\",\n \"aws_cognito_identity_pool_id\": \"us-east-1:2ff2df24-45ab-45ef-afe5-298ca91031f3\",\n \"aws_cognito_region\": \"us-east-1\",\n \"aws_user_pools_id\": \"us-east-1_4JkkQJAxH\",\n \"aws_user_pools_web_client_id\": \"4t3tbc11drjvir32gdvbbd973e\",\n \"oauth\": {},\n \"aws_cognito_username_attributes\": [\n \"EMAIL\"\n ],\n \"aws_cognito_social_providers\": [],\n \"aws_cognito_signup_attributes\": [\n \"EMAIL\"\n ],\n \"aws_cognito_mfa_configuration\": \"OFF\",\n \"aws_cognito_mfa_types\": [\n \"SMS\"\n ],\n \"aws_cognito_password_protection_settings\": {\n \"passwordPolicyMinLength\": 8,\n \"passwordPolicyCharacters\": []\n },\n \"aws_cognito_verification_mechanisms\": [\n \"EMAIL\"\n ]\n};\n\n\nexport default awsmobile;\n","\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport { I18n } from 'aws-amplify';\n\nimport Amplify from 'aws-amplify'\n\nimport config from './aws-exports'\nAmplify.configure(config)\n\n__webpack_nonce__ = 'c29tZSBjb29sIHN0cmluZyB3aWxsIHBvcCB1cCAxMjM='; // eslint-disable-line no-undef\n\n\nconst authScreenLabels = {\n en: {\n 'User does not exist': 'Invalid username or password',\n 'User already exists': 'Account details are invalid',\n }\n};\n\nI18n.setLanguage('en');\nI18n.putVocabularies(authScreenLabels);\n\n\nReactDOM.render(\n
,\n document.getElementById('root')\n );"],"sourceRoot":""}