\n setContractId(id)} />\n \n \n \n \n \n );\n};\n\nUserCreate.defaultProps = {\n StandardActions: CreateUserActions\n};\n\nexport default withRouter(UserCreate);\n","import React from \"react\";\nimport compose from \"recompose/compose\";\nimport { connect } from \"react-redux\";\nimport withState from \"recompose/withState\";\n\nimport { EditController, translate } from \"react-admin\";\n\nimport { deleteResourceAction, confirmAction } from \"actions\";\nimport { PageHeader, Form } from \"ui\";\n\nexport const EditPage = ({\n AfterForm,\n actionProps,\n canDelete,\n canEdit,\n formatTitle,\n editing,\n setEditing,\n confirmAction: confirm,\n title,\n translate,\n ...props\n}) => {\n return (\n \n
setEditing(true))}\n deleteAction={\n canDelete &&\n (() =>\n confirm({\n message: \"ra.message.delete_content\",\n onConfirm: deleteResourceAction(props),\n confirmLabel: \"ra.action.delete\",\n cancelLabel: \"ra.action.cancel\"\n }))\n }\n />\n {\n setEditing(false);\n },\n beforeSubmit: () => {\n setEditing(false);\n }\n }}\n editing={editing}\n {...props}\n />\n {AfterForm && }\n \n {status === \"active\" && (\n {\n resetPassword(record.id, record);\n }}\n >\n {translate(\"ui.resetPassword\")}\n \n )}\n {(status === \"pending\" || status === \"invited\") && canCreateUsers && (\n {\n resendInvite(record.id, record);\n }}\n >\n {translate(\"ui.resendInvite\", { smart_count: 1 })}\n \n )}\n {status === \"invited\" && canCancelUsers && (\n {\n deleteResource({\n basePath: `/${USERS}`,\n message: \"resources.users.notification.cancelled\",\n record,\n redirect: \"list\",\n resource: USERS\n });\n }}\n >\n {translate(\"ui.cancelInvite\", { smart_count: 1 })}\n \n )}\n
\n );\n};\n\nUserActions.defaultProps = {\n record: {}\n};\n\nconst enhance = compose(\n connect(null, { resetPassword, resendInviteAction, deleteResourceAction })\n);\n\nexport default enhance(UserActions);\n","import React from \"react\";\nimport _get from \"lodash.get\";\nimport compose from \"recompose/compose\";\nimport { connect } from \"react-redux\";\nimport { startUndoable } from \"react-admin\";\n\nimport EditPage from \"resources/EditPage\";\nimport UserFields from \"resources/users/userFields\";\nimport UserActionsBar from \"resources/users/actionsBar\";\n\nimport { updateUserAction } from \"actions\";\n\nimport usePermissions from \"hooks/usePermissions\";\n\nexport const userTitle = ({ record }) => {\n const firstName = _get(record, \"firstName\");\n const lastName = _get(record, \"lastName\");\n\n return firstName || lastName ? `${firstName} ${lastName}` : ` [ no name ] `;\n};\n\nexport const UserEdit = ({ startUndoable, ...props }) => {\n const { canEditUsers, canDeleteUsers, permissions } = usePermissions();\n\n return (\n {\n startUndoable(updateUserAction({ data, previousData }));\n }}\n actionProps={{ permissions }}\n {...props}\n >\n \n \n );\n};\n\nconst enhance = compose(connect(null, { startUndoable }));\n\nexport default enhance(UserEdit);\n","import { CREATE, GET_ONE, UPDATE } from \"react-admin\";\nimport { RESET_PASSWORD, RESEND_INVITE } from \"actions\";\nimport { USERS } from \"resources/types\";\nimport gql from \"graphql-tag\";\nimport { getRoleId } from \"resources\";\n\nexport const userQueryFields = `\ncycleCount\ncontracts {\n id\n organization {\n id\n name\n }\n}\ntotalLessonsCompleted\nemail\nfirstName\ngroupSize\ngroupIds\ngroups {\n id\n name\n}\nid\ninvitedAt\nlastActive\nlastName\nlastVisited\nlessonsCompleted\npurchaseStatus\norganization {\n address1\n address2\n administrativeArea\n city\n countryCode\n id\n name\n organizationType\n postalCode\n}\nrole\nstatus\n`;\n\nconst statuses = {\n pending: 0,\n active: 1,\n inactive: 2\n};\n\nexport const resetPassword = params => {\n return {\n query: gql`\n mutation RequestPasswordReset($email: String!, $host: String) {\n requestPasswordResetEmail(email: $email, host: $host) {\n emailSentTo\n validationSummary\n }\n }\n `,\n variables: params,\n parseResponse: response => response\n };\n};\n\nexport const resendInvite = params => {\n return {\n query: gql`\n mutation inviteUser($id: Int!) {\n data: inviteUser(id: $id) {\n id\n }\n }\n `,\n variables: params,\n parseResponse: response => response\n };\n};\n\nexport const getOne = ({ id }) => {\n return {\n query: gql`\n query User($id: Int!) {\n data: User(id: $id) {\n ${userQueryFields}\n }\n }\n `,\n variables: { id: id && parseInt(id, 10) },\n parseResponse: response => response.data\n };\n};\n\nexport const update = ({ id, data = {} }) => {\n const { email, firstName, lastName, groupIds, role } = data;\n const status = data.status && statuses[data.status];\n\n return {\n query: gql`\n mutation updateUser(\n $id: Int!\n $firstName: String\n $lastName: String\n $role: Int\n $status: Int\n $groupIds: [Int!]\n ) {\n data: updateUser(\n id: $id\n firstName: $firstName\n lastName: $lastName\n role: $role\n status: $status\n groupIds: $groupIds\n ) {\n ${userQueryFields}\n }\n }\n `,\n variables: {\n email,\n firstName,\n lastName,\n role: getRoleId(role),\n status,\n id: id && parseInt(id, 10),\n groupIds\n },\n parseResponse: response => response.data\n };\n};\n\nexport const create = ({ data = {} }) => {\n const {\n email,\n firstName,\n lastName,\n contractId,\n groupIds,\n role,\n inviteNow\n } = data;\n\n return {\n query: gql`\n mutation createUser($email: String!, $firstName: String!, $lastName: String!, $role: Int, $contractId: Int!, $groupIds: [Int!], $inviteNow: Boolean) {\n data: createUser(email: $email, firstName: $firstName, lastName: $lastName, role: $role, contractId: $contractId, groupIds: $groupIds, inviteNow: $inviteNow) {\n ${userQueryFields}\n }\n }\n `,\n variables: {\n email,\n firstName,\n lastName,\n role: getRoleId(role),\n contractId,\n groupIds,\n inviteNow\n },\n parseResponse: response => response.data\n };\n};\n\nconst queries = {\n [GET_ONE]: getOne,\n [UPDATE]: update,\n [CREATE]: create,\n [RESET_PASSWORD]: resetPassword,\n [RESEND_INVITE]: resendInvite\n};\n\nexport default (fetchType, resource, params) => {\n if (resource !== USERS) {\n return false;\n }\n\n if (typeof params.id !== \"undefined\") {\n params = {\n ...params,\n id: parseInt(params.id, 10)\n };\n }\n\n return queries[fetchType] && queries[fetchType](params);\n};\n","import { default as bulkImportQueries } from \"bulkImport/queries\";\nimport { default as userQueries } from \"resources/users/queries\";\n\nexport * from \"bulkImport/queries\";\n\nexport { bulkImportQueries, userQueries };\n\nexport const customDataProivderQueries = [bulkImportQueries, userQueries];\n","export const BULK_IMPORT = \"BULK_IMPORT\";\n\nexport const bulkImportAction = (\n resource,\n { contractId, file, saveUsers, inviteNow }\n) => ({\n type: BULK_IMPORT,\n payload: { contractId, file, saveUsers, inviteNow },\n meta: {\n resource: resource,\n fetch: BULK_IMPORT,\n onSuccess: {\n notification: {\n body: saveUsers ? `import.success` : `import.validate_file_start`,\n level: \"info\"\n },\n refresh: true\n }\n }\n});\n\n// This is used for analytics tracking.\nexport const CSV_UPLOAD = \"CSV_UPLOAD\";\nexport const csvUploadAction = payload => ({\n type: CSV_UPLOAD,\n payload\n});\n","import buildGraphQLProvider, {\n buildQuery as raSimpleQuery\n} from \"ra-data-graphql-simple\";\nimport ApolloClient from \"apolloClient\";\nimport { resourceTypeName } from \"resources/types\";\nimport { customDataProivderQueries } from \"queries\";\n\nexport const introspectionOptions = {\n include: [\"User\", \"Organization\", \"Group\"]\n};\n\nexport const offsetPagination = ({ pagination, ...params }) => {\n if (pagination) {\n return {\n ...params,\n pagination: { ...pagination, page: pagination.page + 1 }\n };\n }\n\n return params;\n};\n\nexport const customQueryBuilder = introspection => (\n fetchType,\n resource,\n params\n) => {\n params = offsetPagination(params);\n\n // Return the first valid custom query.\n // Custom queries by-pass the introspection.\n const customQuery = customDataProivderQueries.reduce(\n (query, queryBuilder) => query || queryBuilder(fetchType, resource, params),\n false\n );\n\n return (\n customQuery ||\n raSimpleQuery(introspection)(fetchType, resourceTypeName(resource), params)\n );\n};\n\nexport const dataProviderClient = async () => {\n try {\n return await buildGraphQLProvider({\n introspection: introspectionOptions,\n buildQuery: customQueryBuilder,\n client: ApolloClient\n });\n } catch (err) {\n throw new Error(err);\n }\n};\n\nexport default async () => {\n const client = await dataProviderClient();\n return client;\n};\n","import React from \"react\";\n\nimport Card from \"@material-ui/core/Card\";\nimport logoDark from \"assets/TEDMasterclass.dark.svg\";\nimport { ThemeProvider, makeStyles } from \"@material-ui/core/styles\";\nimport { MuiThemeProvider } from \"@ra-shim/material-ui/core\";\n\nimport { LoginForm } from \"react-admin\";\nimport useTranslate from \"hooks/useTranslate\";\nimport { theme, legacyTheme } from \"hooks/useStyles\";\nimport { Notification } from \"ui\";\n\n// https://stackoverflow.com/questions/9870512/how-to-obtain-the-query-string-from-the-current-url-with-javascript#answer-9870540\nexport const getQueryStringValue = key => {\n return decodeURIComponent(\n window.location.search.replace(\n new RegExp(\n \"^(?:.*[&\\\\?]\" +\n encodeURIComponent(key).replace(/[.+*]/g, \"\\\\$&\") +\n \"(?:\\\\=([^&]*))?)?.*$\",\n \"i\"\n ),\n \"$1\"\n )\n );\n};\n\nconst useStyles = makeStyles(theme => ({\n main: {\n display: \"flex\",\n flexDirection: \"column\",\n minHeight: \"100vh\",\n height: \"1px\",\n alignItems: \"center\",\n justifyContent: \"flex-start\"\n },\n card: {\n minWidth: 300,\n marginTop: \"6em\",\n background: \"#fff\",\n padding: 8 * 1.5,\n borderRadius: 3,\n boxShadow: \"0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)\"\n },\n logo: {\n width: 95,\n height: \"auto\"\n },\n resetLink: {\n display: \"block\",\n fontFamily: theme.typography.fontFamily,\n color: theme.palette.text.primary,\n marginTop: 8,\n textDecoration: \"none\",\n fontSize: \".75em\"\n },\n avatar: {\n margin: 8 * 2,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\"\n },\n title: {\n marginTop: 8 * 2,\n fontFamily: theme.typography.fontFamily,\n fontWeight: 700,\n fontSize: theme.typography.fontSize * 1.4\n }\n}));\n\nexport const Login = () => {\n const { translate } = useTranslate();\n const classes = useStyles();\n const ssoPath = getQueryStringValue(\"return_path\");\n\n return (\n \n );\n};\n\nexport const LoginPage = () => (\n \n \n \n \n \n);\n\nexport default LoginPage;\n","import { default as Login } from \"./LoginPage\";\n\nexport default Login;\n","import { LOCATION_CHANGE } from \"react-router-redux\";\nimport { destroy } from \"redux-form\";\nimport isEqual from \"lodash/isEqual\";\n\nimport { USERS, ORGS, GROUPS } from \"../resources/types\";\nimport { REDUX_FORM_NAME, resetForm, changeListParams } from \"react-admin\";\n\nexport const listPages = [USERS, ORGS, GROUPS].map(resource => `/${resource}`);\n\n/**\n * See https://github.com/marmelab/react-admin/blob/v2.4.0/packages/ra-core/src/form/formMiddleware.js\n */\nconst formMiddleware = () => {\n let previousLocation;\n return next => action => {\n if (\n action.type !== LOCATION_CHANGE ||\n (action.payload.state && action.payload.state.skipFormReset)\n ) {\n return next(action);\n }\n\n if (isEqual(action.payload, previousLocation)) {\n return next(action);\n }\n\n previousLocation = action.payload;\n\n next(resetForm());\n next(destroy(REDUX_FORM_NAME));\n\n const { pathname } = previousLocation;\n if (listPages.includes(pathname)) {\n next(changeListParams(pathname.replace(/^\\//, \"\"), {}));\n }\n\n return next(action);\n };\n};\n\nexport default formMiddleware;\n","import { createMiddleware } from \"redux-beacon\";\nimport GoogleTagManager from \"@redux-beacon/google-tag-manager\";\n\nimport { LOCATION_CHANGE } from \"react-router-redux\";\nimport { CSV_UPLOAD } from \"actions\";\n\nexport const trackPageView = action => ({\n event: \"pageView\",\n ...action.payload\n});\n\nexport const trackCSVUpload = ({ payload: { valid } }) => ({\n event: \"csvUploaded\",\n validCSV: valid\n});\n\nconst eventsMap = {\n [LOCATION_CHANGE]: trackPageView,\n [CSV_UPLOAD]: trackCSVUpload\n};\n\nconst gtm = GoogleTagManager();\n\nexport const gtmMiddleware = createMiddleware(eventsMap, gtm);\n","import englishMessages from \"ra-language-english\";\n\nexport default {\n ...englishMessages,\n days: \"days\",\n ra: {\n ...englishMessages.ra,\n navigation: {\n page_rows_per_page: \"rows per page\",\n page_range_info: \"Showing %{from} - %{to} of %{total} Results\"\n }\n },\n filters: {\n contractId: \"Contract\",\n contractStatus: \"Contract Status\",\n cycleCount: \"Cycle\",\n daysSinceSubmitted: \"Days Since Submitted\",\n entryId: \"Lesson Id\",\n filterBy: \"Filter by\",\n groupIds: \"Group\",\n hasComment: \"Review has comment\",\n inactiveWeeks: \"Inactive more than __ weeks\",\n invitedBeforeWeeksAgo: \"Invited more than __ weeks ago\",\n lessonsCompleted: \"Lessons Completed\",\n lessonId: \"Lesson Id\",\n lessonRating: \"Lesson Rating\",\n organizationId: \"Organization\",\n organizationType: \"Organization Type\",\n purchasePlatform: \"Purchase Platform\",\n purchaseStatus: \"Purchased\",\n rating: \"Rating\",\n registrationCountry: \"Registration Country\",\n registrationPlatform: \"Registration Platform\",\n role: \"Role\",\n selectOrg: \"Select an organization\",\n status: \"Status\",\n submittedDaysAgo: \"Submitted\",\n lessonsCompleted: \"Lessons completed more than __\",\n totalLessonsCompleted: \"Total Lessons completed more than __\",\n videosGreaterThan: \"Videos more than __\",\n videosPresent: \"Videos Present\"\n },\n menu: {\n help: \"Email TED for help\",\n review: \"Review\",\n resources: \"Resources\",\n new_org: \"New organization\",\n new_user: \"New user\",\n ariaLabel: \"Main Menu\",\n community: \"Community\"\n },\n ui: {\n addToGroups: \"Add to Group(s)\",\n currentOrgText: \"You are managing\",\n logout: \"logout\",\n export: \"Download csv of all %{name}\",\n exportFiltered: \"Download csv of %{name}\",\n exportStarted:\n \"Export started. You will receive email with the completed export file.\",\n inactive: \"Not Active\",\n inviteAll: \"Invite All Users\",\n inviteAllSuccess:\n \"Invites have been sent to all pending and invited users.\",\n inviteAllConfirmTitle:\n \"Are you sure you want to send an invite to all %{count} users in this Organization?\",\n inviteAllConfirmMsg:\n \"Confirming will send an invite email to all pending or invited users in this organization.\",\n resetPassword: \"Password reset\",\n resendInvite: \"Send invite |||| Send invites\",\n cancelInvite: \"Cancel invite |||| Cancel invites\",\n viewEmails: \"Get Email Address |||| Get Email Addresses\",\n na: \"N/A\",\n completed: \"completed\",\n save: \"Save Changes\",\n select_account: \"Select an account\",\n switch_account_success: \"You have switched accounts.\",\n switch_account_failure: \"Failed to switch accounts.\",\n status: {\n undefied: \"-\",\n null: \"-\",\n pending: \"Pending\",\n inactive: \"Inactive\",\n active: \"Active\",\n invited: \"Invited\"\n },\n contact_ted_btn: \"Contact TED\",\n loginTitle: \"Administrator Portal\",\n filterOrgNames: \"Org name\",\n allOrgs: \"All Organizations\",\n pleaseSelectOrg: \"Please select an organization.\",\n noCrossOrgStats:\n \"User stats across all organizations are not currently available.\",\n close: \"close\",\n copyToClipboard: \"copy to clipboard\"\n },\n import: {\n success:\n \"CSV uploaded. You will receive email notification when user importing is complete.\",\n validate_file_start:\n \"CSV uploaded. You will receive email notification when file validation has completed.\",\n guide_help:\n \"Note: row 1 will be read as a header, so user data should be in row 2 and below.\",\n guide_text: \"Download a template for guidance.\",\n reject_file: \"File type must be csv.\",\n accept_file: \"Upload file.\",\n validate_file: \"Validate file\",\n upload_text: \"Drop a csv file here or click here to upload.\",\n error: \"The file you uploaded is invalid.\",\n duplicate: \"Duplicate value '%{value}' found. (row %{row})\",\n error_row: \"%{label}: '%{value}' is invalid. (row %{row})\",\n error_missing: \"One or more values is missing. (row %{row})\",\n email: \"Email\",\n first_name: \"First Name\",\n last_name: \"Last Name\",\n missingColumn: \"Missing Column\",\n wrong_header:\n \"The header must match the template format %{match}. (row 1) Please see the guide for details.\"\n },\n auth: {\n invalid: \"Invalid username or password.\",\n denied: \"Permission denied.\",\n unknown: \"An unkown action was submitted.\",\n logout: \"You have been logged out.\"\n },\n errors: {\n validation: {\n future_date: \"Please select a current or future date.\"\n },\n seat_limit: {\n title: \"It seems you have reached your seat limit.\",\n text:\n \"The amount of seats requested exceeds your total allotted seats.\\nPlease reach out to TED for help.\"\n },\n noActiveOrg: {\n title: \"Error: no active organization.\",\n message: \"Please choose an organization to manage:\",\n selectOrgLabel: \"Select an organization\"\n },\n graphQL: \"Error! The server request was rejected:\"\n },\n userGroups: {\n user: \"User\",\n admin: \"Admin\",\n super_admin: \"Super Admin\",\n ted_admin: \"Ted Admin\"\n },\n resources: {\n organizations: {\n autoUsersInactive: {\n title: \"Automatic User Expiration\",\n desc:\n \"This information will determine if individual users will be automatically set to inactive. If this is set-up, then each user within the organization will lose access to TED Masterclass a set amount of days after they are invited.\",\n help:\n \"Enable this option if you want users in this organization to be automatically set to inactive a set number of days after they are invited\",\n must_enable: \"You must enable this option to activate.\"\n },\n name: \"Organization |||| Organizations\",\n new_org_title: \"New Organization\",\n single: \"Organization\",\n plural: \"Organizations\",\n create_confirm_cancel_title: \"Cancel creation of Organization?\",\n create_confirm_cancel_text:\n \"If you leave this page you will lose all progress on creating this Organization. Are you sure you want to leave?\",\n create_button: \"Create organization\",\n create_confirm_cancel_yes: \"Yes, cancel new organization\",\n create_confirm_cancel_no: \"No, continue editing\",\n create: {\n title: \"Create organization\",\n save: \"Create organization\"\n },\n confirm_set_auto_expire:\n \"If you make this change, %{usersCount} user(s) will lose access. Do you want to continue?\",\n confirm_delete_org: \"Are you sure you want to delete this Organization?\",\n detail: {\n title: \"Organization details\",\n desc:\n \"This information will be used to contact the organization and will appear on invoices.\"\n },\n seats_text: \"%{usersCount} of %{seats}\",\n list: {\n type: \"Type\"\n },\n filter: \"Organization\",\n fields: {\n activationDate: \"Activation Date\",\n autoUsersInactive: \"Automatically expire users\",\n usersActiveForDays: \"Number of days users will be active\",\n administrativeArea: \"State/Province\",\n countryCode: \"Country\",\n address1: \"Street\",\n address2: \"Apt, suite, etc. (optional)\",\n city: \"City\",\n endDate: \"End Date\",\n invoiceNumber: \"Order form number\",\n name: \"Organization name\",\n orgTypeShort: \"Type\",\n organizationType: \"Type of organization\",\n \"parentOrganization.id\": \"Parent Organization\",\n postalCode: \"Postal/ZIP code\",\n primaryContact: \"Professional Learning Leader\",\n related_org: \"Related organization\",\n seats: \"Seats\",\n seats_new: \"Number of seats available\",\n seatsAvailableShort: \"Seats Available\",\n seats_label: \"of\",\n status: \"Status\"\n },\n contact: {\n title: \"Professional Learning Leader(s)\",\n desc:\n \"This information will be used to contact the main admininstrator of the organization’s account.\"\n },\n liscense: {\n title: \"License details\",\n desc:\n \"This information to understand the details of the contract with the organization. Dates are set for midnight UTC time.\"\n },\n types: {\n null: \"Unknown\",\n null_short: \"?\",\n corp: \"Corporate\",\n corp_short: \"Corp.\",\n edu: \"Education\",\n edu_short: \"Edu.\",\n st_leaders: \"ST Leaders\",\n st_leaders_short: \"STL\",\n tedx: \"TEDx\",\n tedx_short: \"TEDx\",\n ted2020: \"TED2020\",\n ted2020_short: \"TED2020\"\n },\n notification: {\n org_deleted: \"Organization has been deleted.\",\n org_created: \"Successfully created organization\",\n org_updated: \"Organization has been updated.\"\n },\n confirm_create_inactive: `Are you sure you want to set this Org to \"Inactive\" after its start date?`\n },\n users: {\n name: \"User |||| Users\",\n single: \"User\",\n plural: \"Users\",\n filters: {\n invitedBeforeWeeksAgo: \"Invited more than __ weeks ago\",\n orgType: \"Organization Type\",\n role: \"User Role\",\n videosGreaterThan: \"Videos more than __\"\n },\n fields: {\n cycleCount: \"Cycle\",\n email: \"User's email\",\n emailPlain: \"Email\",\n firstName: \"First Name\",\n groups: \"Groups\",\n groupIdsHelp: \"Add all that apply\",\n inactiveWeeks: \"Inactive more than __ weeks\",\n invitedAt: \"Invited\",\n name: \"Name\",\n lastActive: \"Last active\",\n lastName: \"Last Name\",\n purchaseStatus: \"Purchased\",\n progress: \"Progress\",\n role: \"Role\",\n videos: \"Talk Uploads\",\n totalLessonsCompleted: \"Total Lessons\",\n status: \"Status\",\n video_counts: \"%{smart_count} talk |||| %{smart_count} talks\"\n },\n edit: {\n title: \"User information\",\n course_progress: \"User's course progress\",\n last_active: \"Last active\",\n partner: \"Partner\"\n },\n create: {\n title: \"New User\",\n desc: \"Create users individually.\",\n save: \"Create User\",\n save_and_invite: \"Create and Invite User\",\n invite_single: \"Create users individually\",\n import: {\n title: \"Upload users in bulk\",\n desc: \"Upload a CSV to import users in bulk.\",\n save_label: \"Create users\",\n save_and_invite_label: \"Create and Invite Users\"\n }\n },\n actions: {\n delete: \"Delete User |||| Delete Users\",\n confirm_delete:\n \"Are you sure you want to delete this user? |||| Are you sure you want to delete these users?\"\n },\n notification: {\n reset_password_success: \"A password reset link has been sent.\",\n reset_password_error: \"Unable to send password reset.\",\n resend_invite_success: \"Invite email has been sent.\",\n resend_invite_bulk_success:\n \"An email invite has been sent to pending and invited users only.\",\n resend_invite_error: \"Unable to send invite email.\",\n bulk_import_success: \"Successfully imported users.\",\n bulk_import_error:\n \"There was a problem with your file. Please check the file and try again.\",\n create_success: \"User created and invitation sent.\",\n create_only_success: \"User created.\",\n update_success: \"User edits saved.\",\n bulk_import_missing_name: \"One or more users is missing a name.\",\n bulk_import_missing_email:\n \"One or more users is missing an email address.\",\n cancelled:\n \"User invite cancelled and user removed from the organization.\",\n cancelled_bulk:\n \"For invited users only, user invite cancelled and user removed from the organization.\",\n delete: \"User invite cancelled and user removed from the organization.\",\n delete_many:\n \"User invites cancelled and users removed from organizations.\",\n copy_emails_title: \"Selected user email addresses\",\n copy_emails_success: \"User emails have been copied to your clipboard.\"\n }\n },\n contacts: {\n add_new: \"Additional contact\",\n remove_warning:\n \"Are you sure you want to remove this contact? This action cannot be undone.\",\n remove_confirm: \"Remove contact\",\n fields: {\n primary: \"Primary\",\n firstName: \"First name\",\n lastName: \"Last name\",\n email: \"Email\",\n phone: \"Phone\"\n }\n },\n throughlines: {\n name: \"Throughline |||| Throughlines\",\n single: \"Throughline\",\n plural: \"Throughlines\",\n fields: {\n submitted: \"Submitted\"\n }\n }\n },\n contracts: {\n activation_title: \"Activation details\",\n activation_desc:\n \"This information will set the activation time for the organization. Dates are set for midnight UTC time.\",\n add_user: \"Add user to contract\",\n autoExpire_title: \"Automatic User Expiration\",\n autoExpire_desc:\n \"This information will determine if individual users will be automatically set to inactive. If this is set-up, then each user within the organization will lose access to TED Masterclass a set amount of days after they are invited.\",\n create: \"Create contract\",\n create_success: \"Contract has been created.\",\n communityAccess_title: \"Community\",\n communityAccess_desc: \"The ability to access the TED-Ed Educator Hub.\",\n details_title: \"Contract details\",\n details_desc:\n \"This information is to understand the details of the contract with the organization. Dates are set for midnight UTC time.\",\n email_list_import: \"Import Allow List\",\n email_list_import_confirm_text:\n \"Running an import will replace any existing emails. The lists will not be merged.\",\n email_list_import_title: \"Select a csv file to import\",\n email_list_import_success:\n \"Imported started. You will receive an email when the import has completed.\",\n filterLabel: \"Contract\",\n inviteEmail_title: \"Invitation Email\",\n inviteEmail_desc: \"Customize the user invition email.\",\n inviteRequests_title: \"Direct Sign-Up Page\",\n inviteRequests_desc:\n \"If enabled, this will provide a page url where users can request invites to the app. A list of allowed user emails must be provided.\",\n plural: \"Contracts\",\n single: \"Contract\",\n search: \"Search contracts\",\n settings_desc:\n \"This information will show what specific settings the participants in this organization will experience.\",\n settings_title: \"Settings details\",\n update_success: \"Contract has been updated.\",\n talkUploads_title: \"Talk Uploads\",\n talkUploads_desc:\n \"The ability to share video uploads with their learning leader.\"\n },\n insights: {\n title: \"Insights\",\n userBox: {\n available: \"Total seats available\",\n available_count: \"%{count} seats\",\n used: \"Total seats used\",\n used_count: \"%{count} users\",\n invited: \"Invited (not logged in yet)\",\n invited_count: \"%{count} users\",\n active: \"Active users\",\n active_count: \"%{count} users\",\n average: \"Average completed lessons across active users\",\n average_count: \"%{count} lessons\",\n completed: \"Users who completed course (>= 7 lessons complete)\",\n completed_count: \"%{count} users\",\n total: \"Total completed lessons across active users\",\n total_count: \"%{count} lessons\",\n seeAll: \"See all users\"\n }\n },\n lessonRatings: {\n average: \"Average Rating\",\n count: \"Count of Ratings\",\n title: \"Lesson Rating |||| Lesson Ratings\",\n titleSingle: \"Lesson Rating\",\n plural: \"Lesson Ratings\",\n entryId: \"Lesson Id\",\n rating: \"Rating\",\n comment: \"Comment\",\n updatedAt: \"Submitted\",\n overall: \"Overall\"\n },\n purchaseStatus: {\n not_purchased: \"Not Purchased\",\n purchased: \"Purchased\",\n refunded: \"Refunded\"\n },\n fields: {\n activationDate: \"Activation Date\",\n autoUsersInactive: \"Automatically expire users\",\n address: \"Address\",\n contract_name: \"Contract Name\",\n email: \"Email\",\n endDate: \"End Date\",\n firstName: \"First name\",\n group: \"Group\",\n invoiceNumber: \"Invoice Number\",\n inviteEmailFooterImage: \"Email Footer Image\",\n inviteRequestDisabledText: \"Disabled Text\",\n inviteRequestsEnabled: \"Enable Direct Sign-Up\",\n inviteRequestEmailsRequired: \"Use allow list for direct sign-up emails\",\n inviteRequestIntroText: \"Intro Text\",\n inviteRequestRoleRequired: \"Require Role\",\n inviteRequestType: \"Type\",\n lastName: \"Last name\",\n lessonsCompletedAverage: \"Avg. completed lessons\",\n phone: \"Phone\",\n primary: \"Primary\",\n organization: \"Organization\",\n organizationSelect: \"Select an Organization\",\n seats: \"Seats\",\n startDate: \"Start Date\",\n status: \"Status\",\n statusNote: \"Status Note\",\n usersActiveForDays: \"Set users to inactive after\",\n usersCount: \"Number of users\"\n },\n groups: {\n create: \"Create Group\",\n create_success: \"Group created.\",\n delete: \"Group has been deleted.\",\n delete_confirm: \"Are you sure you want to delete this group?\",\n delete_success: \"Group removed.\",\n filter: \"Filter by Group\",\n name: \"Group |||| Groups\",\n edit: \"Manage Group\",\n plural: \"Groups\",\n search: \"Search groups\",\n single: \"Group\",\n update_success: \"Group updated.\"\n },\n talks: {\n title: \"Talks\",\n fields: {\n title: \"Title\",\n createdAt: \"Submitted\",\n entryUrl: \"Entry Url\"\n }\n },\n users: {\n bulk_cancel_invite: \"Cancel invite |||| Cancel invites\",\n bulk_copy_emails:\n \"Copy selected email address |||| Copy selected email addresses\",\n bulk_delete_users: \"Delete User |||| Delete Users\",\n bulk_resend_invite: \"Send invite |||| Send invites\",\n create: \"Create user\",\n cancel_invite_confirm: \"Are you sure you want to cancel this invite?\",\n cancel_invite_success:\n \"User invite cancelled and user removed from the organization.\",\n cancel_invite_bulk_confirm:\n \"Are you sure you want to cancel these invites?\",\n cancel_invite_bulk_success:\n \"For invited users only, user invite cancelled and user removed from the organization.\",\n delete: \"User invite cancelled and user removed from the organization.\",\n delete_confirm: \"Are you sure you want to delete these users?\",\n delete_success:\n \"User invites cancelled and users removed from organizations.\",\n expirationWarning:\n \"Warning! This change will cause %{users} to lose access.\",\n invite_bulk_confirm:\n \"Are you sure you want to resend the following invites?\",\n invite_bulk_success:\n \"An email invite has been sent to pending and invited users only.\",\n missing_name: \"[ no name ]\",\n plural: \"Users\",\n search: \"Search Users\",\n single: \"User\",\n smartCount: \"%{smart_count} user |||| %{smart_count} users\"\n },\n video: {\n errorTitle: \"Error: Failed to load video\"\n },\n validation: {\n dateCompare_gt: \"Must be after %{date}.\",\n dateCompare_gte: \"Must be on or after %{date}.\",\n dateCompare_lt: \"Must be before %{date}.\",\n dateCompare_lte: \"Must be on or before %{date}.\",\n required: \"This field is required.\",\n minLength: \"Must be at least %{min} characters.\",\n maxLength: \"Must be %{max} characters or less.\",\n minValue: \"Must be at least %{min}.\",\n maxValue: \"Must be %{max} or less.\",\n inValidDate: \"Must be a valid date.\",\n inavlidDateField: \"%{fieldName} must be a valid date.\",\n number: \"Must be a number.\",\n positive: \"Must be a number greater than 0.\",\n email: \"Must be a valid email.\",\n oneOf: \"Must be one of: %{options}.\",\n regex: \"Must match a specific format (regexp): %{pattern}.\",\n futureDate: \"Please select a current or future date.\"\n },\n headerCell: {\n avilable_slash_total_seats: \"Available / Total Seats\",\n contractName: \"Contract name\",\n contracts: \"# of Contracts\",\n contractsCount: \"# of Contracts\",\n cycleCount: \"Cycle\",\n endDate: \"End Date\",\n email: \"Email\",\n id: \"ID\",\n invitedAt: \"Invited\",\n invoiceNumber: \"Invoice #\",\n group: \"Group\",\n groups: \"Groups\",\n groupSize: \"Partner Mode\",\n lastActive: \"Last Active\",\n lessonsCompleted: \"Progress\",\n lessonsCompletedAverage: \"Avg. completed lessons\",\n name: \"Name\",\n nameEmail: \"Name/Email\",\n organizationName: \"Organization name\",\n organizationType: \"Organization Type\",\n organizationType_short: \"Org Type\",\n pll: \"PLL\",\n purchasePlatform: \"Purchase Platform\",\n purchaseStatus: \"Purchased\",\n registrationCountry: \"Registration Country\",\n registrationPlatform: \"Registration Platform\",\n role: \"Role\",\n seats: \"Seats\",\n startDate: \"Start Date\",\n status: \"Status\",\n submitted: \"Submitted\",\n title: \"Title\",\n throughlines: \"Throughlines\",\n totalLessonsCompleted: \"Total Lessons\",\n usersCount: \"Number of users\",\n videosCount: \"Talk Uploads\"\n },\n inviteRequestType: {\n educator: \"Educator\",\n non_educator: \"Non-Educator\",\n tedx_organizer: \"TEDx Organizer\",\n tedx_speaker: \"TEDx Speaker\"\n }\n};\n","import { HIDE_SYSTEM_MESSAGE, SHOW_SYSTEM_MESSAGE } from \"./actions\";\n\nexport const initialState = {\n open: false\n};\n\nexport const systemMessageReducer = (\n state = initialState,\n { type, payload = {} }\n) => {\n if (type === SHOW_SYSTEM_MESSAGE) {\n return { ...state, ...payload, open: true };\n }\n if (type === HIDE_SYSTEM_MESSAGE) {\n return { ...state, open: false };\n }\n\n return state;\n};\n","import { combineReducers } from \"redux\";\nimport { reducer as form } from \"redux-form\";\nimport { routerReducer as routing } from \"react-router-redux\";\nimport { adminReducer as admin, i18nReducer } from \"react-admin\";\n\nimport { systemMessageReducer as systemMessage } from \"systemMessage\";\n\nimport englishMessages from \"./i18n/en\";\n\nexport default combineReducers({\n admin,\n i18n: i18nReducer(\"en\", englishMessages),\n form,\n routing,\n systemMessage\n});\n","import { applyMiddleware, compose, createStore } from \"redux\";\nimport { routerMiddleware } from \"react-router-redux\";\nimport createSagaMiddleware from \"redux-saga\";\nimport { all, fork } from \"redux-saga/effects\";\n\nimport { adminSaga, USER_LOGOUT } from \"react-admin\";\nimport formMiddleware from \"./middleware/form\";\nimport { gtmMiddleware } from \"./middleware/googleTagManager\";\n\nimport authProvider from \"./authProvider\";\nimport i18nProvider from \"./i18n/en\";\n\nimport reducer from \"./reducer\";\n\nexport const initialState = {};\n\nexport /* istanbul ignore next */ const reduxDevTools =\n typeof window !== \"undefined\" && window.__REDUX_DEVTOOLS_EXTENSION__\n ? window.__REDUX_DEVTOOLS_EXTENSION__({ serialize: true, trace: true })\n : f => f;\n\nexport const resettableAppReducer = (state, action) =>\n reducer(action.type !== USER_LOGOUT ? state : undefined, action);\n\nexport function* rootSaga(dataProvider) {\n yield all([adminSaga(dataProvider, authProvider, i18nProvider)].map(fork));\n}\n\nexport default ({ history, dataProvider }) => {\n const sagaMiddleware = createSagaMiddleware();\n const middleware = compose(\n applyMiddleware(\n sagaMiddleware,\n formMiddleware,\n routerMiddleware(history),\n gtmMiddleware\n ),\n reduxDevTools\n );\n const store = createStore(resettableAppReducer, initialState, middleware);\n\n sagaMiddleware.run(rootSaga, dataProvider);\n return store;\n};\n","import Papa from \"papaparse\";\n\nexport const validateRow = ({ row, idx, headers, last }) => {\n const values = row.filter(v => v);\n\n // Skip last row if empty.\n if (last && values.length < 1) {\n return values;\n }\n\n if (values.length < headers.length) {\n return [{ name: \"missingColumn\", value: \"\", row: idx }];\n }\n\n return values\n .map((col, cidx) => {\n const { name, validate } = headers[cidx] || {};\n return (\n (validate && !validate(col) && { name, value: col, row: idx }) || false\n );\n })\n .filter(v => v !== false);\n};\n\nexport const duplicates = col => {\n return col.filter((value, idx) => {\n return value && col.indexOf(value) !== idx;\n });\n};\n\nexport const duplicatesInColumn = col => {\n let prevIndex = [];\n return duplicates(col).map(d => {\n const row = col.indexOf(d, prevIndex[d] || col.indexOf(d) + 1);\n prevIndex[d] = row + 1;\n return {\n type: \"duplicate\",\n value: d,\n row\n };\n });\n};\n\n/**\n * @param {Array} rows\n * @param {Object} headers\n */\nexport const validateUnique = ({ rows, headers, unique }) => {\n return headers\n .filter(h => h.unique)\n .reduce((list, h) => {\n const idx = headers.indexOf(h);\n const col = rows.map(r => r[idx]);\n return list.concat(unique(col));\n }, []);\n};\n\n/**\n * @param {Array} rows\n * @param {Object} headers\n */\nexport const validateRowData = ({ rows, headers, validate }) => {\n return rows.reduce((list, row, idx) => {\n return list.concat(\n validate({ row, headers, idx, last: idx + 1 === rows.length })\n );\n }, []);\n};\n\n/**\n * @param {Array} data\n * @param {Object} config\n */\nexport const validateData = (data, config, validateRows, findDuplicates) => {\n const { headers = [] } = config;\n\n const rows = data.slice(1);\n const errors = validateRows({ rows, headers, validate: validateRow });\n const dupes = findDuplicates({ rows, headers, unique: duplicatesInColumn });\n\n return {\n errors: errors.concat(dupes).map(e => ({\n ...e,\n row: e.row + 2 // 0-index plus header row;\n }))\n };\n};\n\n/**\n * @param {File} csvFile\n * @param {Object} config\n */\nexport const validateCSV = (csvFile, config, validate = validateData) => {\n return new Promise((resolve, reject) => {\n Papa.parse(csvFile, {\n complete: function(results) {\n resolve(\n validate(results.data, config, validateRowData, validateUnique)\n );\n },\n error: function(error, file) {\n reject({ error, file });\n }\n });\n });\n};\n","import React from \"react\";\nimport compose from \"recompose/compose\";\nimport { connect } from \"react-redux\";\n\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { Button, FormHelperText } from \"@material-ui/core\";\n\nimport useTranslate from \"hooks/useTranslate\";\n\nimport { bulkImportAction } from \"./actions\";\n\nexport const BulkImportActions = ({\n contractId,\n bulkImportAction: bulkImport,\n classes,\n onCancel,\n file,\n onSave,\n resource\n}) => {\n const { translate } = useTranslate();\n\n if (!contractId) {\n return You must select a contract.;\n }\n\n return (\n <>\n \n {translate(\"ra.action.cancel\")}\n \n {\n bulkImport(resource, {\n contractId,\n file: file,\n saveUsers: false\n });\n onSave(file);\n }}\n >\n {translate(\"import.validate_file\")}\n \n {\n bulkImport(resource, {\n contractId,\n file: file,\n saveUsers: true,\n inviteNow: false\n });\n onSave(file);\n }}\n >\n {translate(\"resources.users.create.import.save_label\")}\n \n {\n bulkImport(resource, {\n contractId: contractId,\n file: file,\n saveUsers: true,\n inviteNow: true\n });\n onSave(file);\n }}\n >\n {translate(\"resources.users.create.import.save_and_invite_label\")}\n \n \n );\n};\n\nBulkImportActions.defaultProps = {\n resource: \"users\",\n classes: {\n cancel: \"cancel\",\n validate: \"validate\",\n submit: \"submit\"\n }\n};\n\n/* istanbul ignore next Style Block is covered by Material-UI. */\nconst styles = theme => ({\n validate: {\n marginLeft: 8\n },\n submit: {\n marginLeft: 8\n }\n});\n\nconst enhance = compose(\n withStyles(styles, { name: \"BulkImport\" }),\n connect(null, { bulkImportAction })\n);\n\nexport default enhance(BulkImportActions);\n","import React from \"react\";\nimport compose from \"recompose/compose\";\nimport classNames from \"classnames\";\nimport { connect } from \"react-redux\";\nimport Dropzone from \"react-dropzone\";\n\nimport {\n showNotification as showNotificationAction,\n translate\n} from \"react-admin\";\n\nimport { withStyles } from \"@material-ui/core/styles\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nimport { csvUploadAction } from \"./actions\";\nimport { DragNDropIcon } from \"ui\";\n\nexport const formatErrors = ({ errors, translate }) =>\n errors.map(({ type, ...e }) => {\n if (type === \"duplicate\") {\n return translate(\"import.duplicate\", e);\n }\n\n if (e.name && e.name === \"missingColumn\") {\n return translate(\"import.error_missing\", e);\n }\n\n return translate(\"import.error_row\", {\n ...e,\n label: translate(`import.${e.name}`)\n });\n });\n\nexport const handleFileDrop = async ({\n afterDrop,\n config,\n csvUploadAction: csvUpload,\n files,\n showNotificationAction: showNotification,\n translate,\n validateCSVFile: validateCSV\n}) => {\n const file = files[0];\n const { errors = [] } = (file && (await validateCSV(file, config))) || {};\n csvUpload({ valid: !errors.length });\n if (errors.length > 0) {\n showNotification(\"import.error\", \"warning\", {\n messageArgs: {\n list: formatErrors({ errors, translate }),\n skipTranslate: true\n }\n });\n return false;\n }\n afterDrop(file);\n};\n\nexport const BulkUploadField = ({\n accept,\n acceptFile,\n classes,\n file,\n handleDrop,\n isLoading,\n rejectFile,\n uploadText,\n translate,\n ...props\n}) => {\n if (isLoading) {\n return (\n \n \n
\n );\n }\n\n if (file) {\n return {file.name}
;\n }\n\n return (\n handleDrop({ files, translate, ...props })}\n >\n {({ getRootProps, getInputProps, isDragAccept, isDragReject }) => (\n \n \n {isDragReject && translate(rejectFile)}\n {isDragAccept && translate(acceptFile)}\n {!isDragAccept && !isDragReject && (\n <>\n \n {translate(uploadText)}\n \n )}\n \n )}\n \n );\n};\n\nBulkUploadField.defaultProps = {\n accept: \"text/csv\",\n acceptFile: \"import.accept_file\",\n rejectFile: \"import.reject_file\",\n uploadText: \"import.upload_text\",\n handleDrop: handleFileDrop,\n classes: {\n dropZone: \"dropZone\",\n dropZoneReject: \"dropZoneReject\",\n dropZoneAccept: \"dropZoneAccept\"\n }\n};\n\n/* istanbul ignore next Style Block is covered by Material-UI. */\nconst styles = theme => ({\n dropZone: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n border: `2px dashed ${theme.palette.secondary.dark}`,\n background: \"rgba(179,188,245,0.10)\",\n width: \"100%\",\n height: 220,\n fontSize: 20,\n color: theme.palette.secondary.dark\n },\n dropZoneReject: {\n borderColor: theme.palette.error.border,\n backgroundColor: theme.palette.error.light,\n color: theme.palette.error.dark\n }\n});\n\nexport const mapStateToProps = state => ({\n isLoading: state.admin.loading > 0\n});\n\nconst enhance = compose(\n withStyles(styles, { name: \"BulkUploadField\" }),\n translate,\n connect(\n mapStateToProps,\n { showNotificationAction, csvUploadAction }\n )\n);\n\nexport default enhance(BulkUploadField);\n","import React from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Typography from \"@material-ui/core/Typography\";\n\nimport useTranslate from \"hooks/useTranslate\";\n\nimport guideFile from \"./users-guide.csv\";\n\nconst useStyles = makeStyles({\n helpText: {\n marginTop: 8\n }\n});\n\nexport const BulkImportMeta = ({ file, help, text }) => {\n const classes = useStyles();\n const { translate } = useTranslate();\n\n return (\n <>\n {translate(text)}\n \n ({translate(help)})\n \n \n );\n};\n\nBulkImportMeta.defaultProps = {\n file: guideFile,\n text: \"import.guide_text\",\n help: \"import.guide_help\"\n};\n\nexport default BulkImportMeta;\n","import React, { useState } from \"react\";\n\nimport { Form, FormRow } from \"ui\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Typography from \"@material-ui/core/Typography\";\n\nimport { validateCSV } from \"./csv-validator\";\nimport BulkImportActions from \"./BulkImportActions\";\nimport BulkUploadField from \"./BulkUploadField\";\nimport BulkImportMeta from \"./BulkImportMeta\";\n\nimport UserContractFields from \"resources/users/userContractFields\";\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport useTranslate from \"hooks/useTranslate\";\n\n/* @link http://stackoverflow.com/questions/46155/validate-email-address-in-javascript */\nexport const EMAIL_REGEX = /^(([^<>()[\\]\\\\.,;:\\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\nexport const required = value =>\n !(typeof value === \"undefined\" || value === null || value === \"\");\n\nexport const email = value => value && EMAIL_REGEX.test(value.trim());\n\nexport const csvConfig = {\n headers: [\n {\n name: \"first_name\",\n validate: value => required(value)\n },\n {\n name: \"last_name\",\n validate: value => required(value)\n },\n {\n name: \"email\",\n unique: true,\n validate: value => required(value) && email(value)\n }\n ]\n};\n\nexport const BulkImport = ({\n desc,\n resource,\n title,\n StandardActions,\n ...props\n}) => {\n const [contractId, setContractId] = useState();\n const [file, setFile] = useState(null);\n const { activeOrgId } = useCurrentUser();\n const { translate } = useTranslate();\n\n return (\n \n Import Users\n \n setFile(null),\n onSave: () => setFile(null)\n }}\n >\n setContractId(v)} />\n }\n >\n setFile(file)}\n {...props}\n />\n \n \n \n );\n};\n\nBulkImport.defaultProps = {\n title: \"resources.users.create.import.title\",\n desc: \"resources.users.create.import.desc\",\n config: csvConfig,\n validateCSVFile: validateCSV,\n classes: {\n dropZone: \"dropZone\"\n },\n StandardActions: BulkImportActions\n};\n\nexport default BulkImport;\n","import React, { useEffect } from \"react\";\n\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport TableRow from \"@material-ui/core/TableRow\";\n\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\nconst LOGBOOK_SUBSCRIPTION = gql`\n subscription onNewLogbookEntry {\n logbookEntrySaved {\n entryId\n entry\n timestamp\n }\n }\n`;\n\nconst LOGBOOK_COLLECTION = gql`\n query logbookCollection {\n logbook: logbookCollectionQuery {\n _id\n collection {\n entryId\n entry\n timestamp\n }\n }\n }\n`;\n\nconst LogbookEntry = ({ entryId, entry, timestamp }) => (\n \n {entryId}\n {entry}\n {timestamp}\n \n);\n\nconst useLogBookSubscription = () => {\n const { subscribeToMore, data, loading } = useQuery(LOGBOOK_COLLECTION);\n\n useEffect(() => {\n if (!subscribeToMore) {\n return;\n }\n\n const addLogbookEntry = (prev, { subscriptionData }) => {\n if (!subscriptionData.data) {\n return prev;\n }\n\n const { logbookEntrySaved } = subscriptionData.data;\n\n return {\n ...prev,\n logbook: {\n ...prev.logbook,\n collection: [logbookEntrySaved, ...prev.logbook.collection]\n }\n };\n };\n\n const unsubscribe = subscribeToMore({\n document: LOGBOOK_SUBSCRIPTION,\n updateQuery: addLogbookEntry\n });\n\n return () => unsubscribe();\n }, [subscribeToMore]);\n\n const collection = (data && data.logbook && data.logbook.collection) || [];\n\n return {\n collection,\n loading\n };\n};\n\nconst LogbookTable = () => {\n const { collection, loading } = useLogBookSubscription();\n\n if (loading) {\n return (\n \n \n \n \n \n );\n }\n\n if (collection.length < 1) {\n return (\n \n No entries.\n \n );\n }\n\n return (\n <>\n {collection.map(({ entryId, ...props }) => (\n \n ))}\n \n );\n};\n\nconst LogbookList = () => (\n \n \n \n Entry Id\n Entry\n Timestamp\n \n \n \n \n \n
\n);\n\nLogbookList.defaultProps = {};\n\nexport default LogbookList;\n","import React from \"react\";\nimport useTranslate from \"hooks/useTranslate\";\n\nconst OrgTypeField = ({ organizationType, short }) => {\n const { translate } = useTranslate();\n const type = organizationType || null;\n\n return (\n <>\n {translate(\n `resources.organizations.types.${type}${(short && \"_short\") || \"\"}`\n )}\n \n );\n};\n\nOrgTypeField.defaultProps = {\n short: true\n};\n\nexport default OrgTypeField;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport FilterByOption from \"ui/filters/FilterByOption\";\n\nconst FilterById = props => (\n _get(value, \"name\", \"\")}\n optionValue={({ id }) => id}\n {...props}\n />\n);\n\nexport default FilterById;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport FilterById from \"ui/filters/FilterById\";\n\nimport useOrgList from \"hooks/useOrgList\";\n\nconst FilterByOrganization = props => {\n const { orgList } = useOrgList();\n\n return ;\n};\n\nexport default FilterByOrganization;\n","import React, { useContext } from \"react\";\nimport moment from \"moment\";\n\nimport Button from \"@material-ui/core/Button\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Typography from \"@material-ui/core/Typography\";\nimport EllipsisText from \"react-ellipsis-text\";\n\nimport CreateButton from \"ui/buttons/CreateButton\";\nimport DataList, { DataListContext } from \"ui/DataList\";\nimport OrgTypeField from \"ui/fields/OrgTypeField\";\nimport Link from \"ui/Link\";\n\nimport { org_types_enum } from \"ui/fields/OrgTypeSelector\";\nimport FilterByOrganization from \"ui/filters/FilterByOrganization\";\nimport FilterByOrganizationType from \"ui/filters/FilterByOrganizationType\";\nimport FilterByStatus from \"ui/filters/FilterByStatus\";\n\nimport { GET_CONTRACT_DATALIST } from \"hooks/useContractQueries\";\nimport useTranslate from \"hooks/useTranslate\";\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport usePermissions from \"hooks/usePermissions\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\n\nconst columns = [\n { id: \"name\", label: \"headerCell.id\" },\n { id: \"organizationName\" },\n { id: \"invoiceNumber\" },\n {\n id: \"last_name\",\n label: \"headerCell.pll\"\n },\n { id: \"seats\", label: \"headerCell.avilable_slash_total_seats\" },\n { id: \"startDate\" },\n { id: \"endDate\" },\n { id: \"organizationType\" },\n { id: \"status\" }\n];\n\nexport const PrimaryContact = ({ firstName, lastName, email }) => (\n \n \n
\n \n \n);\n\nexport const ContractDataRow = ({\n availableSeats,\n endDate,\n id,\n invoiceNumber,\n name,\n organization,\n primaryContact,\n seats,\n startDate,\n status\n}) => {\n const { translate } = useTranslate();\n const { updateFilter } = useContext(DataListContext);\n const classes = useStylesUtil();\n const { organizationType } = organization;\n\n return (\n \n \n {name}\n \n \n \n {organization.name || \"-\"}\n \n \n {invoiceNumber}\n \n {(primaryContact && ) || \"-\"}\n \n \n \n {availableSeats} / {seats}\n \n \n {moment(startDate).format(\"MM/DD/YY\")}\n {moment(endDate).format(\"MM/DD/YY\")}\n \n \n updateFilter(\"organizationType\", org_types_enum[organizationType])\n }\n >\n \n \n \n {translate(`ui.status.${status}`)}\n \n );\n};\n\nexport const filters = [\n ,\n ,\n \n];\n\nexport const singleOrgFilters = [\n \n];\n\nconst ContractsList = ({ query }) => {\n const { translate } = useTranslate();\n const { activeOrgId } = useCurrentUser();\n const { canCreateOrgs } = usePermissions();\n\n return (\n ({ ...col, label: translate(col.label) }))}\n DataTableRow={}\n CreateButton={\n canCreateOrgs ? (\n \n ) : (\n undefined\n )\n }\n filters={activeOrgId ? singleOrgFilters : filters}\n title={translate(\"contracts.plural\")}\n preFilter={(activeOrgId && { organizationId: activeOrgId }) || undefined}\n searchText={translate(\"contracts.search\")}\n query={query}\n />\n );\n};\n\nContractsList.defaultProps = {\n query: GET_CONTRACT_DATALIST\n};\n\nexport default ContractsList;\n","import React from \"react\";\nimport { useForm, FormProvider } from \"react-hook-form\";\n\nimport Divider from \"@material-ui/core/Divider\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Typography from \"@material-ui/core/Typography\";\n\nimport ContractForm from \"./ContractForm\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport { useCombinedCreateContract } from \"hooks/useContractQueries\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\n\nconst ContractsCreate = ({ history, match: { params } }) => {\n const classes = useStylesUtil();\n const { activeOrgId } = useCurrentUser();\n const formMethods = useForm({\n defaultValues: {\n organizationId: activeOrgId\n }\n });\n const goToContracts = () => {\n history.push(`/contracts`);\n };\n\n const [createContract] = useCombinedCreateContract({\n onCompleted: goToContracts\n });\n\n const onSubmit = data => createContract(data);\n\n return (\n \n New Contract\n \n \n \n \n \n );\n};\n\nexport default ContractsCreate;\n","import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { useForm, FormProvider } from \"react-hook-form\";\nimport _get from \"lodash.get\";\n\nimport Button from \"@material-ui/core/Button\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Typography from \"@material-ui/core/Typography\";\n\nimport ContractForm from \"./ContractForm\";\nimport useTranslate from \"hooks/useTranslate\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\nimport usePermissions from \"hooks/usePermissions\";\n\nimport { CAN_EDIT_ORGS } from \"resources/users/roles\";\n\nimport {\n useCombinedUpdateContract,\n useGetContract\n} from \"hooks/useContractQueries\";\n\nimport { NotFound } from \"react-admin\";\n\nconst ContractEditForm = ({ editing, contract, onCancel, onCompleted }) => {\n const formMethods = useForm({\n defaultValues: contract\n });\n const { reset } = formMethods;\n const { translate } = useTranslate();\n const [updateContract] = useCombinedUpdateContract({ onCompleted });\n\n const onSubmit = data => {\n updateContract({ ...data, id: contract.id });\n };\n\n useEffect(() => {\n if (!editing) {\n reset(contract);\n }\n }, [editing, reset]);\n\n return (\n \n {\n formMethods.reset(contract);\n onCancel();\n }}\n onSubmit={formMethods.handleSubmit(onSubmit)}\n />\n \n );\n};\n\nconst ContractEdit = ({ match, history }) => {\n const [editing, setEditing] = useState(false);\n const classes = useStylesUtil();\n const id = _get(match, \"params.contractId\", false);\n const { loading, data: contract } = useGetContract(id);\n const { translate } = useTranslate();\n const { permissions } = usePermissions();\n\n if (!id || (!loading && !contract)) {\n return ;\n }\n\n if (loading) {\n return ;\n }\n\n const canEditOrgs = permissions.includes(CAN_EDIT_ORGS);\n const editMode = canEditOrgs ? editing : false;\n\n return (\n \n \n {_get(contract, \"organization.name\", \"?\")}:{\" \"}\n {translate(\"contracts.single\")} {contract.name}\n {canEditOrgs && (\n setEditing(true)}\n className={clsx(classes.ml4, classes.mr4)}\n >\n Edit\n \n )}\n \n \n setEditing(false)}\n onCompleted={() => history.push(\"/contracts\")}\n />\n \n );\n};\n\nexport default ContractEdit;\n","import React from \"react\";\nimport gql from \"graphql-tag\";\nimport _get from \"lodash.get\";\n\nimport * as cols from \"ui/datagrid/columnTypes\";\nimport DataList from \"ui/DataList\";\nimport ExportCSVButton from \"ui/buttons/ExportCSVButton\";\nimport Link from \"ui/Link\";\n\nimport VideoModalBtn from \"ui/datagrid/VideoModalButton\";\n\nimport usePermissions from \"hooks/usePermissions\";\n\nconst EXPORT_VIDEOS_CSV = gql`\n mutation exportVideos($filter: Filter) {\n exportVideos(filter: $filter) {\n jobId\n status\n }\n }\n`;\n\nconst GET_TALKS = gql`\n query GetTalks(\n $page: Int\n $perPage: Int\n $sortField: String\n $sortOrder: String\n $filter: Filter\n ) {\n list: allVideos(\n page: $page\n perPage: $perPage\n sortField: $sortField\n sortOrder: $sortOrder\n filter: $filter\n ) {\n createdAt\n id\n url\n title\n user {\n id\n firstName\n lastName\n email\n throughlineEntry {\n entry\n }\n organization {\n id\n name\n }\n }\n }\n total: _allVideosMeta(page: $page, perPage: $perPage, filter: $filter) {\n count\n }\n }\n`;\n\nconst columns = [\n { field: \"lastName\", ...cols.name, headerName: \"headerCell.name\" },\n {\n field: \"createdAt\",\n ...cols.date,\n headerName: \"headerCell.submitted\"\n },\n {\n field: \"title\",\n flex: 1,\n ...cols.baseCol,\n renderCell: ({ row }) => \n },\n {\n field: \"organizationName\",\n ...cols.organizationName,\n renderCell: ({ row }) => (\n \n {_get(row, \"user.organization.name\", \"[ no name ]\")}\n \n )\n }\n];\n\nconst TalksTable = ({ filter }) => {\n const { isTedAdmin, isEduOrg } = usePermissions();\n\n return (\n \n }\n query={GET_TALKS}\n showSearch={false}\n dataGrid\n />\n );\n};\n\nexport default TalksTable;\n","import React from \"react\";\nimport gql from \"graphql-tag\";\n\nimport * as cols from \"ui/datagrid/columnTypes\";\nimport DataList from \"ui/DataList\";\nimport ExportCSVButton from \"ui/buttons/ExportCSVButton\";\nimport { formatThroughline } from \"insights/NominateButton\";\n\nconst EXPORT_USERS_CSV = gql`\n mutation exportEntries($filter: Filter) {\n exportEntries(filter: $filter) {\n jobId\n status\n }\n }\n`;\n\nconst GET_THROUGHLINES = gql`\n query GetThroughLines(\n $page: Int\n $perPage: Int\n $sortField: String\n $sortOrder: String\n $filter: Filter\n ) {\n list: allThroughlineEntries(\n page: $page\n perPage: $perPage\n sortField: $sortField\n sortOrder: $sortOrder\n filter: $filter\n ) {\n id\n entry\n createdAt: timestamp\n user {\n firstName\n lastName\n email\n }\n __typename\n }\n total: _allThroughlineEntriesMeta(\n page: $page\n perPage: $perPage\n filter: $filter\n ) {\n count\n __typename\n }\n }\n`;\n\nconst columns = [\n { field: \"lastName\", ...cols.name, headerName: \"headerCell.name\" },\n {\n field: \"createdAt\",\n ...cols.timestampString,\n headerName: \"headerCell.submitted\"\n },\n {\n field: \"entry\",\n ...cols.baseCol,\n flex: 1,\n headerName: \"headerCell.throughlines\",\n valueFormatter: ({ value }) => formatThroughline({ entry: value })\n }\n];\n\nconst ThroughLines = ({ filter }) => (\n \n }\n query={GET_THROUGHLINES}\n showSearch={false}\n dataGrid\n />\n);\n\nexport default ThroughLines;\n","import _get from \"lodash.get\";\n\nexport const buildPrefillParams = params => {\n Object.keys(params).forEach(k => !params[k] && delete params[k]);\n return Object.keys(params)\n .reduce(\n (values, k) => [\n ...values,\n `${encodeURIComponent(`prefill_${k}`)}=${encodeURIComponent(params[k])}`\n ],\n []\n )\n .join(\"&\");\n};\n\nexport const formatThroughline = ({ entry }) => {\n const { throughline } = (entry && JSON.parse(entry)) || {};\n return throughline;\n};\n","import React, { isValidElement, cloneElement } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport theme from \"theme\";\n\nimport Card from \"@material-ui/core/Card\";\nimport CardActions from \"@material-ui/core/CardActions\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\nimport Typography from \"@material-ui/core/Typography\";\n\nconst useStyles = makeStyles({\n statCard: {\n display: \"flex\",\n flexDirection: \"column\",\n flexWrap: \"wrap\"\n },\n statList: {\n listDisplayType: \"none\",\n padding: 0,\n margin: 16,\n marginBottom: 0,\n borderBottom: theme.buttonStyles.borderDisabled\n },\n statItem: {\n display: \"flex\",\n paddingTop: 12,\n paddingBottom: 12,\n borderTop: theme.buttonStyles.borderDisabled\n },\n statLabel: {\n fontWeight: 400\n },\n statValue: {\n marginLeft: \"auto\",\n color: theme.palette.text.light\n },\n statActions: {\n alignItems: \"center\",\n justifyContent: \"center\",\n paddingBottom: 24\n }\n});\n\nexport const StatList = ({ children }) => {\n const classes = useStyles();\n return ;\n};\n\nexport const StatListItem = ({ StatLabel, text, label, loading }) => {\n const classes = useStyles();\n const CustomLabel = isValidElement(StatLabel) && cloneElement(StatLabel);\n\n return (\n \n {CustomLabel || {label}}\n {loading && (\n \n )}\n {!loading && {text}}\n \n );\n};\n\nexport const StatsBlock = ({ Actions, children, title }) => {\n const classes = useStyles();\n return (\n \n \n {title && (\n \n {title}\n \n )}\n {children}\n \n {React.isValidElement(Actions) && (\n \n {React.cloneElement(Actions)}\n \n )}\n \n );\n};\n\nexport default StatsBlock;\n","import React from \"react\";\nimport clsx from \"clsx\";\nimport _get from \"lodash.get\";\n\nimport Link from \"ui/Link\";\n\nimport { StatListItem } from \"ui/StatsBlock\";\n\nimport useStylesUtil from \"hooks/useStylesUtil\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const UserStatItem = ({ name, count, link, filter, ...props }) => {\n const { translate } = useTranslate();\n const classes = useStylesUtil();\n\n return (\n \n {translate(`insights.userBox.${name}`)}\n \n )\n }\n {...props}\n />\n );\n};\nexport default UserStatItem;\n","import React from \"react\";\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport _get from \"lodash.get\";\n\nimport UserStatItem from \"insights/UserStatItem\";\n\nimport useNotifcation from \"hooks/useNotification\";\n\nexport const GET_ORG_STATS = gql`\n query getOrgStats($id: Int!) {\n cohort: Organization(id: $id) {\n id\n availableSeats\n averageLessonsCompleted\n totalLessonsCompleted\n used: usersCount\n }\n }\n`;\n\nexport const GET_CONTRACT_STATS = gql`\n query getContractStats($id: Int!) {\n cohort: Contract(id: $id) {\n id\n availableSeats\n averageLessonsCompleted\n totalLessonsCompleted\n used: usersCount\n }\n }\n`;\n\nexport const UserCohortStats = ({ organizationId, contractId }) => {\n const { showGraphQLError } = useNotifcation();\n const query = contractId ? GET_CONTRACT_STATS : GET_ORG_STATS;\n const id = contractId || organizationId;\n const { loading, data } = useQuery(query, {\n onError: showGraphQLError,\n skip: !id,\n variables: { id }\n });\n\n if (!organizationId && !contractId) {\n return null;\n }\n\n return (\n <>\n \n \n \n \n \n );\n};\n\nexport default UserCohortStats;\n","import React from \"react\";\nimport clsx from \"clsx\";\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport _get from \"lodash.get\";\nimport { Link as RouterLink } from \"react-router-dom\";\n\nimport Link from \"@material-ui/core/Link\";\n\nimport StatsBlock from \"ui/StatsBlock\";\nimport UserCohortStats from \"insights/UserCohortStats\";\nimport UserStatItem from \"insights/UserStatItem\";\n\nimport useStylesUtil from \"hooks/useStylesUtil\";\nimport useTranslate from \"hooks/useTranslate\";\nimport useNotifcation from \"hooks/useNotification\";\n\nexport const GET_USERS_STATS = gql`\n query getUserStats(\n $contractId: Int\n $contractStatus: String\n $groupIds: [Int!]\n $organizationId: Int\n $organizationType: Int\n $purchaseStatus: String\n ) {\n invited: _allUsersMeta(\n perPage: 100000\n filter: {\n contractId: $contractId\n contractStatus: $contractStatus\n organizationId: $organizationId\n organizationType: $organizationType\n groupIds: $groupIds\n purchaseStatus: $purchaseStatus\n status: \"invited\"\n }\n ) {\n count\n }\n active: _allUsersMeta(\n perPage: 100000\n filter: {\n contractId: $contractId\n contractStatus: $contractStatus\n organizationId: $organizationId\n organizationType: $organizationType\n groupIds: $groupIds\n purchaseStatus: $purchaseStatus\n status: \"active\"\n }\n ) {\n count\n }\n completed: _allUsersMeta(\n perPage: 100000\n filter: {\n contractId: $contractId\n contractStatus: $contractStatus\n organizationId: $organizationId\n organizationType: $organizationType\n groupIds: $groupIds\n purchaseStatus: $purchaseStatus\n lessonsCompleted: 7\n }\n ) {\n count\n }\n }\n`;\n\nexport const UserStatsBlock = ({ filter }) => {\n const classes = useStylesUtil();\n const { translate } = useTranslate();\n const { showGraphQLError } = useNotifcation();\n const { loading, data } = useQuery(GET_USERS_STATS, {\n onError: showGraphQLError,\n variables: filter\n });\n\n return (\n \n {translate(`insights.userBox.seeAll`)}\n \n }\n >\n \n \n \n \n \n );\n};\n\nexport default UserStatsBlock;\n","import React from \"react\";\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\nimport VideoModal from \"ui/VideoModal\";\nimport useNotifcation from \"hooks/useNotification\";\n\nexport const GET_TALK = gql`\n query GetTalk($id: Int!) {\n video: Video(id: $id) {\n createdAt\n id\n url\n title\n user {\n id\n firstName\n lastName\n email\n throughlineEntry {\n entry\n }\n organization {\n id\n name\n }\n }\n }\n }\n`;\n\nconst VideoDeepLinkModal = ({ videoId, onClose }) => {\n const { showGraphQLError } = useNotifcation();\n const { loading, data, error } = useQuery(GET_TALK, {\n skip: !videoId,\n onError: showGraphQLError,\n variables: {\n id: videoId\n }\n });\n\n if (loading || !videoId || error) {\n return <>;\n }\n\n return ;\n};\n\nexport default VideoDeepLinkModal;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport FilterById from \"ui/filters/FilterById\";\nimport useContractsList from \"hooks/useContractsList\";\n\nconst FilterByContract = props => {\n const { contracts } = useContractsList();\n return ;\n};\n\nexport default FilterByContract;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport FilterById from \"ui/filters/FilterById\";\n\nimport useGroupsList from \"hooks/useGroupsList\";\n\nconst FilterByGroup = props => {\n const { groupList } = useGroupsList();\n return (\n \n );\n};\n\nexport default FilterByGroup;\n","import React from \"react\";\n\nimport FilterByOption from \"ui/filters/FilterByOption\";\n\nconst FilterByPurchased = props => (\n translate(`purchaseStatus.${value}`)}\n {...props}\n />\n);\n\nexport default FilterByPurchased;\n","import React from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport useTranslate from \"hooks/useTranslate\";\nimport Typography from \"@material-ui/core/Typography\";\n\nconst useStyles = makeStyles({\n root: {\n marginBottom: 16\n }\n});\n\nexport const PageTitle = ({ title, id }) => {\n const classes = useStyles();\n const { translate } = useTranslate();\n\n return (\n \n {translate(title)}\n \n );\n};\n\nexport default PageTitle;\n","import React, { useState } from \"react\";\nimport _get from \"lodash.get\";\n\nimport Tab from \"@material-ui/core/Tab\";\nimport TabContext from \"@material-ui/lab/TabContext\";\nimport TabList from \"@material-ui/lab/TabList\";\nimport TabPanel from \"@material-ui/lab/TabPanel\";\n\nexport const Tabs = ({ sections, tabListProps, initial }) => {\n const [value, setValue] = useState(initial);\n\n return (\n \n {\n setValue(selected);\n }}\n {...tabListProps}\n >\n {sections.map(({ id, label }) => (\n \n ))}\n \n {sections.map(({ id, Component }) => (\n \n {React.isValidElement(Component) && React.cloneElement(Component)}\n \n ))}\n \n );\n};\n\nTabs.defaultProps = {\n initial: \"\"\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport Grid from \"@material-ui/core/Grid\";\n\nimport TalksTable from \"insights/TalksTable\";\nimport ThroughLines from \"insights/ThroughLines\";\nimport UsersStatsblock from \"insights/UserStats\";\nimport VideoDeepLinkModal from \"insights/VideoDeepLinkModal\";\n\nimport FilterByContract from \"ui/filters/FilterByContract\";\nimport FilterByGroup from \"ui/filters/FilterByGroup\";\nimport FilterByOrganization from \"ui/filters/FilterByOrganization\";\nimport FilterByOrganizationType from \"ui/filters/FilterByOrganizationType\";\nimport FilterByPurchased from \"ui/filters/FilterByPurchased\";\nimport FilterByStatus from \"ui/filters/FilterByStatus\";\n\nimport PageTitle from \"ui/PageTitle\";\nimport Tabs from \"ui/Tabs\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport useFilters from \"hooks/useFilters\";\nimport useHistory from \"hooks/useHistory\";\nimport usePermissions from \"hooks/usePermissions\";\nimport useTranslate from \"hooks/useTranslate\";\n\nconst filters = [\n ,\n ,\n \n];\n\nconst purchaseFilter = [\n \n];\n\nconst orgFilters = [\n ,\n \n];\n\nconst useInsightFilters = () => {\n const { activeOrgId } = useCurrentUser();\n const { isTedAdmin } = usePermissions();\n\n const tedAdminFilters = [\n ...filters,\n ...purchaseFilter,\n ...(!activeOrgId ? orgFilters : [])\n ];\n\n const { FiltersDropdown, FiltersPanel, filter } = useFilters({\n filters: isTedAdmin ? tedAdminFilters : filters\n });\n\n return {\n FiltersDropdown,\n FiltersPanel,\n filter: !activeOrgId ? filter : { ...filter, organizationId: activeOrgId }\n };\n};\n\nconst Insights = ({ match }) => {\n const videoId = _get(match, \"params.videoId\");\n const history = useHistory();\n const { translate } = useTranslate();\n const { FiltersDropdown, FiltersPanel, filter } = useInsightFilters();\n\n return (\n <>\n \n \n \n \n \n \n },\n {\n id: \"throughlines\",\n label: translate(\"resources.throughlines.plural\"),\n Component: \n },\n {\n id: \"talks\",\n label: translate(\"talks.title\"),\n Component: \n }\n ]}\n />\n {videoId && (\n history.push(\"/insights\")}\n />\n )}\n \n );\n};\n\nexport default Insights;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport FilterByOption from \"ui/filters/FilterByOption\";\n\nexport const booleanLabel = ({ translate, value }) =>\n translate(`ra.boolean.${value}`);\n\nconst FilterByBoolean = props => (\n \n);\n\nexport default FilterByBoolean;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport TextField from \"@material-ui/core/TextField\";\n\nconst FilterByValue = ({ filterFieldProps, integer, ...props }) => {\n const value = _get(filterFieldProps, \"value\");\n const { onChange } = filterFieldProps;\n const convertToInt = ({ target }) => {\n onChange({ target: { value: parseInt(target.value, 10) } });\n };\n\n return (\n \n );\n};\n\nFilterByValue.defaultProps = {\n filterFieldProps: {}\n};\n\nexport default FilterByValue;\n","import React from \"react\";\nimport _get from \"lodash.get\";\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\nimport StatsBlock, { StatListItem } from \"ui/StatsBlock\";\n\nimport useTranslate from \"hooks/useTranslate\";\nimport { useGQLNotifications } from \"hooks/useNotification\";\n\nexport const GET_LESSON_RATINGS_TOTALS = gql`\n query GetLessonRatingStats($filter: Filter) {\n total: _allLessonRatingsMeta(page: 1, perPage: 10000, filter: $filter) {\n count\n average\n }\n }\n`;\n\nconst LessonRatingsStats = ({ filter }) => {\n const { translate } = useTranslate();\n const { data } = useQuery(GET_LESSON_RATINGS_TOTALS, {\n ...useGQLNotifications(),\n variables: {\n filter\n }\n });\n\n return (\n \n \n \n \n );\n};\n\nexport default LessonRatingsStats;\n","import React from \"react\";\nimport _get from \"lodash.get\";\nimport gql from \"graphql-tag\";\n\nimport * as cols from \"ui/datagrid/columnTypes\";\nimport DataList from \"ui/DataList\";\nimport ExportCSVButton from \"ui/buttons/ExportCSVButton\";\n\nconst GET_LESSON_RATINGS = gql`\n query GetLessonRatings(\n $page: Int\n $perPage: Int\n $sortField: String\n $sortOrder: String\n $filter: Filter\n ) {\n list: allLessonRatings(\n page: $page\n perPage: $perPage\n sortField: $sortField\n sortOrder: $sortOrder\n filter: $filter\n ) {\n id\n user {\n id\n email\n organization {\n id\n name\n }\n }\n entryId\n rating\n comment\n updatedAt\n }\n total: _allLessonRatingsMeta(filter: $filter) {\n count\n }\n }\n`;\n\nconst columns = [\n {\n field: \"email\",\n ...cols.baseCol,\n width: 300,\n headerName: \"headerCell.email\",\n valueGetter: cols.getData(\"user.email\")\n },\n {\n field: \"organizationName\",\n ...cols.baseCol,\n width: 200,\n headerName: \"headerCell.organizationName\",\n valueGetter: cols.getData(\"user.organization.name\")\n },\n {\n field: \"rating\",\n width: 120,\n headerName: \"lessonRatings.rating\",\n ...cols.baseCol\n },\n {\n field: \"entryId\",\n flex: 0.25,\n headerName: \"lessonRatings.entryId\",\n ...cols.baseCol\n },\n {\n field: \"comment\",\n flex: 0.75,\n headerName: \"lessonRatings.comment\",\n ...cols.baseCol\n },\n {\n field: \"updatedAt\",\n width: 200,\n headerName: \"lessonRatings.updatedAt\",\n ...cols.date\n }\n];\n\nconst EXPORT_LESSONS_CSV = gql`\n mutation exportLessonRatings($filter: Filter) {\n exportLessonRatings(filter: $filter) {\n jobId\n status\n }\n }\n`;\n\nconst LessonRatingsTable = ({ filter }) => (\n \n }\n query={GET_LESSON_RATINGS}\n showSearch={false}\n dataGrid\n />\n);\n\nexport default LessonRatingsTable;\n","import React from \"react\";\n\nimport Grid from \"@material-ui/core/Grid\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\n\nimport FilterByBoolean from \"ui/filters/FilterByBoolean\";\nimport FilterByOption from \"ui/filters/FilterByOption\";\nimport FilterByValue from \"ui/filters/FilterByValue\";\nimport LessonRatingsStats from \"lessonRatings/LessonRatingsStats\";\nimport LessonRatingsTable from \"lessonRatings/LessonRatingsTable\";\nimport PageTitle from \"ui/PageTitle\";\n\nimport useFilters from \"hooks/useFilters\";\n\nconst filters = [\n ,\n ,\n ,\n \n days ago\n \n )\n }}\n />\n];\n\nexport const LessonRatings = () => {\n const { FiltersDropdown, FiltersPanel, filter } = useFilters({ filters });\n\n return (\n <>\n \n \n \n \n \n \n \n \n );\n};\n\nexport default LessonRatings;\n","import React from \"react\";\nimport { Redirect } from \"react-router-dom\";\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport clsx from \"clsx\";\nimport _get from \"lodash.get\";\nimport _uniq from \"lodash.uniq\";\n\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Grid from \"@material-ui/core/Grid\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Typography from \"@material-ui/core/Typography\";\n\nimport Link from \"ui/Link\";\n\nimport { CAN_VIEW_ORGS } from \"resources/users/roles\";\n\nimport { OrganizationAddress } from \"organizations/OrganizationEdit\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport usePermissions from \"hooks/usePermissions\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\n\nconst StatList = ({ children }) => {\n const utilClasses = useStylesUtil();\n return {children}
;\n};\n\nconst StatHeading = ({ text, className }) => {\n const utilClasses = useStylesUtil();\n return (\n \n {text}\n \n );\n};\n\nconst StatValue = ({ text, children, className }) => {\n const utilClasses = useStylesUtil();\n return (\n \n {children || text}\n \n );\n};\n\nconst DashboardCard = ({ title, count, children, to }) => {\n const utilClasses = useStylesUtil();\n return (\n \n \n \n {title}\n\n \n \n {count}\n \n \n \n
\n \n {children}\n \n \n );\n};\n\nexport const GET_DASHBOARD = gql`\n query GetDashboard($id: Int!) {\n organization: Organization(id: $id) {\n address1\n address2\n administrativeArea\n city\n countryCode\n id\n name\n postalCode\n averageLessonsCompleted\n contracts {\n id\n name\n status\n }\n }\n invited: _allUsersMeta(\n perPage: 100000\n filter: { status: \"invited\", organizationId: $id }\n ) {\n count\n }\n pending: _allUsersMeta(\n perPage: 100000\n filter: { status: \"pending\", organizationId: $id }\n ) {\n count\n }\n active: _allUsersMeta(\n perPage: 100000\n filter: { status: \"active\", organizationId: $id }\n ) {\n count\n }\n throughlines: _allThroughlineEntriesMeta(\n perPage: 100000\n filter: { organizationId: $id }\n ) {\n count\n }\n }\n`;\n\nconst OrganizationCard = ({ name, id, ...address }) => {\n const utilClasses = useStylesUtil();\n\n return (\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nconst ContractLink = ({ id, name }) => (\n \n {name || \"\"}\n \n);\n\nconst ContractsCard = ({ contracts }) => {\n const utilClasses = useStylesUtil();\n const active = contracts.filter(({ status }) => status === \"active\");\n const inactive = contracts.filter(({ status }) => status === \"inactive\");\n\n return (\n \n \n \n {active.map(contract => (\n \n ))}\n \n {inactive.map(contract => (\n \n ))}\n \n \n );\n};\n\nconst UsersCard = ({ active, invited, pending }) => {\n const utilClasses = useStylesUtil();\n\n return (\n \n \n \n \n \n {active}\n \n \n \n \n \n {invited}\n \n \n \n \n \n {pending}\n \n \n \n \n );\n};\n\nconst InsightsCard = ({ averageLessonsCompleted, throughlinesCount }) => (\n \n \n \n \n \n \n \n \n);\n\nconst OrganizationDashboard = () => {\n const utilClasses = useStylesUtil();\n const { loading: loadingUser, activeOrgId: id } = useCurrentUser();\n const { permissions } = usePermissions();\n const { loading, data } = useQuery(GET_DASHBOARD, {\n skip: !id,\n variables: { id: parseInt(id, 10) }\n });\n\n if (loadingUser || loading) {\n return ;\n }\n\n if (!_get(data, \"organization.id\")) {\n return ;\n }\n\n return (\n \n \n {_get(data, \"organization.name\", \"\")}\n \n\n \n {permissions.includes(CAN_VIEW_ORGS) && (\n \n \n \n )}\n {permissions.includes(CAN_VIEW_ORGS) && (\n \n \n \n )}\n \n \n \n \n \n \n \n \n );\n};\n\nexport default OrganizationDashboard;\n","import React from \"react\";\nimport { Route } from \"react-router-dom\";\nimport _get from \"lodash.get\";\n\nimport BulkImport from \"bulkImport/BulkImport\";\nimport Logbook from \"logbook/Logbook\";\n\nimport ContractsList from \"contracts/ContractsList\";\nimport ContractCreate from \"contracts/ContractCreate\";\nimport ContractEdit from \"contracts/ContractEdit\";\n\nimport Insights from \"insights/Insights\";\nimport LessonRatings from \"lessonRatings/LessonRatings\";\nimport OrganizationDashboard from \"organizations/OrganizationDashboard\";\n\nimport NotFound from \"ui/NotFound\";\n\nimport usePermissions from \"hooks/usePermissions\";\n\nexport const PrivateRoute = ({ auth, ...props }) => {\n const { loading, ...permissions } = usePermissions();\n\n if (loading) {\n return null;\n }\n\n const allowed = _get(permissions, auth, false);\n\n return allowed ? : ;\n};\n\nexport const ssoRedirect = async ({ location: { search } }) => {\n await new Promise(resolve => setTimeout(resolve, 500));\n document.location.assign(search.replace(/^\\?/, \"\"));\n return null;\n};\n\nexport default [\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n \n];\n","import React from \"react\";\nimport gql from \"graphql-tag\";\n\nimport DownloadCSVButton from \"ui/buttons/DownloadCSVButton\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const EXPORT_GROUPS = gql`\n query {\n allGroups(page: 1, perPage: 100000) {\n name\n usersCount\n lessonsCompletedAverage\n }\n }\n`;\n\nexport const ExportGroupsButton = () => {\n const { translate } = useTranslate();\n\n return (\n \n );\n};\n\nexport default ExportGroupsButton;\n","import React from \"react\";\nimport clsx from \"clsx\";\nimport { useForm, FormProvider } from \"react-hook-form\";\n\nimport Button from \"@material-ui/core/Button\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Divider from \"@material-ui/core/Divider\";\n\nimport TextInput from \"ui/TextInput\";\n\nimport useFormValidation from \"hooks/useFormValidation\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\nimport useTranslate from \"hooks/useTranslate\";\n\nconst NameField = props => {\n const { maxLength, required } = useFormValidation();\n\n return (\n \n );\n};\n\nconst GroupForm = ({ title, name, onSubmit, SecondaryAction }) => {\n const formMethods = useForm();\n const classes = useStylesUtil();\n const { translate } = useTranslate();\n\n return (\n \n \n \n );\n};\n\nexport default GroupForm;\n","import React from \"react\";\nimport gql from \"graphql-tag\";\nimport { useMutation } from \"@apollo/react-hooks\";\n\nimport GroupForm from \"groups/GroupForm\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport useNotifcation from \"hooks/useNotification\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const CREATE_GROUP = gql`\n mutation createGroup($name: String!, $organizationId: Int!) {\n createGroup(name: $name, organizationId: $organizationId) {\n id\n }\n }\n`;\n\nexport const GroupCreate = ({ mutation, onSubmit }) => {\n const { activeOrgId } = useCurrentUser();\n const { translate } = useTranslate();\n const { showGraphQLError } = useNotifcation();\n const [createGroup] = useMutation(mutation, {\n onError: showGraphQLError,\n refetchQueries: [\"groupsDataList\"]\n });\n\n return (\n {\n typeof onSubmit === \"function\" && onSubmit();\n createGroup({\n variables: {\n organizationId: parseInt(activeOrgId, 10),\n name\n }\n });\n }}\n />\n );\n};\n\nGroupCreate.defaultProps = {\n mutation: CREATE_GROUP\n};\n\nexport default GroupCreate;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport ConfirmDialog from \"ui/ConfirmDialog\";\nimport MuiButton from \"@material-ui/core/Button\";\n\nimport useModalOpen from \"hooks/useModalOpen\";\n\nexport const ConfirmButton = ({ Button, Dialog, onConfirm, ...props }) => {\n const { isOpen, openModal, closeModal } = useModalOpen();\n\n return (\n <>\n {React.cloneElement(Button, {\n onClick: openModal\n })}\n {React.cloneElement(Dialog, {\n open: !!isOpen,\n onCancel: closeModal,\n onConfirm: props => {\n closeModal();\n onConfirm(props);\n },\n variant: \"caution\",\n ...props\n })}\n \n );\n};\n\nConfirmButton.defaultProps = {\n Button: ,\n Dialog: \n};\n\nexport default ConfirmButton;\n","import React from \"react\";\nimport gql from \"graphql-tag\";\nimport { useMutation } from \"@apollo/react-hooks\";\n\nimport Button from \"@material-ui/core/Button\";\nimport GroupForm from \"groups/GroupForm\";\n\nimport ConfirmButton from \"ui/buttons/ConfirmButton\";\n\nimport useNotifcation from \"hooks/useNotification\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const DELETE_GROUP = gql`\n mutation deleteGroup($id: Int!) {\n deleteGroup(id: $id) {\n id\n }\n }\n`;\n\nexport const UPDATE_GROUP = gql`\n mutation updateGroup($name: String!, $id: Int!) {\n updateGroup(name: $name, id: $id) {\n id\n }\n }\n`;\n\nexport const DeleteGroupButton = ({ name, id, mutation, onConfirm }) => {\n const classes = useStylesUtil();\n const { showGraphQLError } = useNotifcation();\n const { translate } = useTranslate();\n const deleteLabel = translate(\"ra.action.delete\");\n const [deleteGroup] = useMutation(mutation, {\n onError: showGraphQLError,\n refetchQueries: [\"groupsDataList\"]\n });\n\n return (\n {deleteLabel}}\n onConfirm={() => {\n deleteGroup({ variables: { id } });\n typeof onConfirm === \"function\" && onConfirm();\n }}\n title={translate(\"groups.delete_confirm\")}\n message={name}\n confirmLabel={deleteLabel}\n />\n );\n};\n\nDeleteGroupButton.defaultProps = {\n mutation: DELETE_GROUP\n};\n\nexport const GroupEdit = ({ id, mutation, name: groupName, onSubmit }) => {\n const { showGraphQLError } = useNotifcation();\n const { translate } = useTranslate();\n const [updateGroup] = useMutation(mutation, {\n onError: showGraphQLError,\n refetchQueries: [\"groupsDataList\"]\n });\n\n return (\n {\n typeof onSubmit === \"function\" && onSubmit();\n updateGroup({\n variables: {\n id: parseInt(id, 10),\n name\n }\n });\n }}\n SecondaryAction={\n \n }\n />\n );\n};\n\nGroupEdit.defaultProps = {\n mutation: UPDATE_GROUP\n};\n\nexport default GroupEdit;\n","import React from \"react\";\nimport _get from \"lodash.get\";\nimport gql from \"graphql-tag\";\n\nimport Button from \"@material-ui/core/Button\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Popover from \"@material-ui/core/Popover\";\n\nimport * as cols from \"ui/datagrid/columnTypes\";\nimport CreateButton from \"ui/buttons/CreateButton\";\nimport DataList from \"ui/DataList\";\nimport Link from \"ui/Link\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport ExportGroupsButton from \"./ExportGroupsButton\";\nimport GroupCreate from \"groups/GroupCreate\";\nimport GroupEdit from \"groups/GroupEdit\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport usePermissions from \"hooks/usePermissions\";\nimport useMenuAnchor from \"hooks/useMenuAnchor\";\nimport useStylesUtil from \"hooks/useStylesUtil\";\nimport useTranslate from \"hooks/useTranslate\";\n\nconst useStyles = makeStyles({\n closeIcon: {\n position: \"absolute\",\n right: 0,\n top: 0\n }\n});\n\nexport const GroupFormPopover = ({ Button, Form }) => {\n const classes = useStyles();\n const { closeMenu, menuProps, openMenu } = useMenuAnchor();\n\n return (\n <>\n {React.cloneElement(Button, {\n onClick: openMenu\n })}\n e.stopPropagation()}\n {...menuProps}\n >\n \n \n \n {React.cloneElement(Form, {\n onSubmit: closeMenu\n })}\n \n \n );\n};\n\nexport const GroupCreateButton = () => {\n const { translate } = useTranslate();\n\n return (\n \n }\n Form={}\n />\n );\n};\n\nexport const GroupEditCell = ({ row: data }) => {\n const classes = useStylesUtil();\n\n return (\n {_get(data, \"name\", \"?\")}\n }\n Form={}\n />\n );\n};\n\nexport const GroupUsersCell = ({ row: data }) => (\n f) } }}\n >\n {_get(data, \"usersCount\") || \"0\"}\n \n);\n\nexport const GET_GROUPS_DATALIST = gql`\n query groupsDataList(\n $page: Int\n $perPage: Int\n $sortField: String\n $sortOrder: String\n $filter: Filter\n ) {\n list: allGroups(\n page: $page\n perPage: $perPage\n sortField: $sortField\n sortOrder: $sortOrder\n filter: $filter\n ) {\n id\n lessonsCompletedAverage\n name\n usersCount\n }\n total: _allGroupsMeta(page: $page, perPage: $perPage, filter: $filter) {\n count\n }\n }\n`;\n\nconst columns = [\n {\n field: \"name\",\n headerName: \"headerCell.group\",\n width: 300,\n renderCell: GroupEditCell,\n ...cols.baseCol\n },\n {\n field: \"usersCount\",\n width: 140,\n renderCell: GroupUsersCell,\n ...cols.baseCol\n },\n { field: \"lessonsCompletedAverage\", width: 200, ...cols.baseCol }\n];\n\nexport const GroupsList = ({ query }) => {\n const { translate } = useTranslate();\n const { activeOrgId } = useCurrentUser();\n const { canCreateGroups } = usePermissions();\n\n return (\n }\n ExportButton={}\n title={translate(\"groups.plural\")}\n searchText={translate(\"groups.search\")}\n preFilter={(activeOrgId && { organizationId: activeOrgId }) || undefined}\n columns={columns}\n query={query}\n dataGrid\n />\n );\n};\n\nGroupsList.defaultProps = {\n query: GET_GROUPS_DATALIST\n};\n\nexport default GroupsList;\n","import React from \"react\";\n\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\n\nimport PlusIcon from \"react-feather/dist/icons/plus\";\n\nexport const BulkActionButton = ({\n classes,\n children,\n Icon,\n title,\n ...props\n}) => (\n \n \n \n \n \n
\n \n);\n\nBulkActionButton.defaultProps = {\n Icon: PlusIcon\n};\n\nexport default BulkActionButton;\n","import { useState, useEffect, useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\n\nimport { formatApolloError } from \"hooks/useNotification\";\nimport useNotification from \"hooks/useNotification\";\n\nconst formatErrorMessages = data =>\n data\n .filter(({ error }) => !!error)\n .map(\n ({ reason }) => `Failed to update ${reason.id}. ${reason.error.message}.`\n );\n\nconst useBulkAction = params => {\n const { refetch, successMsg } = params || {};\n const [data, setData] = useState([]);\n const [errors, setErrors] = useState();\n const [loading, setLoading] = useState(false);\n const client = useApolloClient();\n const { showNotification } = useNotification();\n\n const onSuccess = useCallback(() => {\n typeof refetch === \"function\" && refetch();\n successMsg && showNotification(successMsg, \"success\");\n }, [showNotification, refetch, successMsg]);\n\n useEffect(() => {\n if (data.length > 0) {\n onSuccess();\n }\n }, [data]);\n\n useEffect(() => {\n if (errors && errors.length > 0) {\n showNotification(\"One or more updates failed\", \"warning\", {\n messageArgs: {\n list: errors\n }\n });\n }\n }, [errors, showNotification]);\n\n const bulkUpdate = async ({\n selectedIds,\n mutation,\n variables,\n mergeData,\n options\n }) => {\n setData([]);\n setErrors(undefined);\n setLoading(true);\n\n const updates = selectedIds.map(async id => {\n const mergeVars = (mergeData && mergeData[id]) || {};\n\n try {\n const data = await client.mutate({\n mutation,\n variables: { id, ...variables, ...mergeVars },\n errorPolicy: \"all\",\n ...options\n });\n return {\n data,\n error: false\n };\n } catch (e) {\n return {\n variables,\n error: formatApolloError(e)\n };\n }\n });\n\n const data = await Promise.allSettled(updates);\n const errors = formatErrorMessages(data);\n\n setData(data);\n setErrors(errors);\n setLoading(false);\n };\n\n return [\n bulkUpdate,\n {\n data,\n errors,\n loading\n }\n ];\n};\n\nexport default useBulkAction;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport BulkActionButton from \"ui/buttons/BulkActionButton\";\nimport ConfirmButton from \"ui/buttons/ConfirmButton\";\n\nimport useBulkAction from \"hooks/useBulkAction\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const BulkUpdate = ({\n confirmMsg,\n Dialog,\n Icon,\n label,\n mutation,\n message,\n selectedRows,\n refetch,\n successMsg,\n disabled\n}) => {\n const { translate } = useTranslate();\n const [bulkUpdate] = useBulkAction({\n refetch,\n successMsg: successMsg ? translate(successMsg) : undefined\n });\n const ids = selectedRows.map(({ id }) => id);\n const count = selectedRows.length;\n const btnLabel = translate(label, {\n smart_count: count\n });\n\n return (\n \n }\n confirmLabel={btnLabel}\n Dialog={Dialog}\n onConfirm={props => {\n bulkUpdate({\n selectedIds: ids,\n mutation,\n variables: _get(props, \"variables\"),\n mergeData: _get(props, \"mergeData\")\n });\n }}\n message={message}\n title={\n confirmMsg\n ? translate(confirmMsg, {\n smart_count: count\n })\n : undefined\n }\n />\n );\n};\n\nBulkUpdate.defaultProps = {\n selectedRows: []\n};\n\nexport default BulkUpdate;\n","import React, { useState } from \"react\";\n\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport FormGroup from \"@material-ui/core/FormGroup\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\n\nimport useTranslate from \"hooks/useTranslate\";\nimport useGroupsList from \"hooks/useGroupsList\";\n\nexport const ManageGroupsModal = ({ open, onCancel, onSave, onConfirm }) => {\n const { groupList: groups } = useGroupsList();\n const { translate } = useTranslate();\n const [selected, setSelected] = useState([]);\n\n const toggleItem = v =>\n setSelected(\n selected.includes(v) ? selected.filter(i => i !== v) : [...selected, v]\n );\n\n return (\n \n \n {translate(\"ui.addToGroups\")}\n \n \n \n {groups.map(({ id, name }) => (\n toggleItem(id)}\n checked={selected.indexOf(id) > -1}\n />\n }\n checked={selected.indexOf(id) !== -1}\n label={name}\n />\n ))}\n \n \n \n \n onSave({ selected, onConfirm })}\n color={\"secondary\"}\n variant={\"raised\"}\n >\n {translate(\"ra.action.save\")}\n \n \n \n );\n};\n\nManageGroupsModal.defaultProps = {\n selected: []\n};\n\nexport default ManageGroupsModal;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport gql from \"graphql-tag\";\n\nimport BulkUpdate from \"ui/BulkUpdate\";\nimport GroupIcon from \"ui/icons/GroupIcon\";\nimport ManageGroupsModal from \"groups/ManageGroupsModal\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport useGroupsList from \"hooks/useGroupsList\";\n\nconst UPDATE_USER_GROUPS = gql`\n mutation AddGroupsToUser($id: Int!, $groupIds: [Int!]) {\n updateUser(id: $id, groupIds: $groupIds) {\n id\n groupIds\n }\n }\n`;\n\n// Create a list of merged group ids for each user to pass to\n// the bulkUpdate call.\nconst mergeGroupIds = ({ groupIds, rows }) =>\n rows.reduce(\n (obj, { id, groups }) => ({\n ...obj,\n [id]: {\n groupIds: [...new Set([...groups.map(g => g.id), ...groupIds])]\n }\n }),\n {}\n );\n\nexport const BulkAddGroups = ({ selectedRows, ...props }) => {\n const { activeOrgId } = useCurrentUser();\n const { groupList } = useGroupsList();\n\n return (\n {\n onConfirm({\n mergeData: mergeGroupIds({\n groupIds: selected,\n rows: selectedRows\n })\n });\n }}\n />\n }\n label={\"ui.addToGroups\"}\n selectedRows={selectedRows}\n {...props}\n />\n );\n};\n\nBulkAddGroups.defaultProps = {\n Icon: GroupIcon,\n selectedRows: [],\n mutation: UPDATE_USER_GROUPS\n};\n\nexport default BulkAddGroups;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport gql from \"graphql-tag\";\n\nimport BulkUpdate from \"ui/BulkUpdate\";\nimport UserXIcon from \"react-feather/dist/icons/user-x\";\n\nexport const DELETE_USER = gql`\n mutation deleteUser($id: Int!) {\n deleteUser(id: $id) {\n id\n }\n }\n`;\n\nexport const BulkDeleteUsers = ({ selectedRows, ...props }) => {\n const emails = selectedRows.map(({ email }) => email);\n\n return (\n \n );\n};\n\nBulkDeleteUsers.defaultProps = {\n Icon: UserXIcon,\n label: \"users.bulk_delete_users\",\n mutation: DELETE_USER,\n selectedRows: [],\n confirmMsg: \"users.delete_confirm\",\n successMsg: \"users.delete_success\"\n};\n\nexport default BulkDeleteUsers;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport CancelIcon from \"react-feather/dist/icons/x-circle\";\nimport BulkDeleteUsers from \"users/bulk-actions/BulkDeleteUsers\";\n\nexport const BulkCancelInvites = ({ selectedRows, ...props }) => (\n status === \"invited\")}\n successMsg={\"users.cancel_invite_bulk_success\"}\n {...props}\n />\n);\n\nBulkCancelInvites.defaultProps = {\n selectedRows: []\n};\n\nexport default BulkCancelInvites;\n","import React from \"react\";\nimport _get from \"lodash.get\";\nimport copy from \"copy-to-clipboard\";\n\nimport MailIcon from \"react-feather/dist/icons/mail\";\n\nimport BulkActionButton from \"ui/buttons/BulkActionButton\";\nimport ConfirmButton from \"ui/buttons/ConfirmButton\";\n\nimport useNotification from \"hooks/useNotification\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const BulkCopyEmails = ({ selectedRows }) => {\n const { translate } = useTranslate();\n const { showNotification } = useNotification();\n const emails = selectedRows.map(({ email }) => email).join(\", \");\n const count = selectedRows.length;\n\n return (\n \n }\n confirmLabel={translate(\"ui.copyToClipboard\")}\n onConfirm={() => {\n copy(emails);\n showNotification(\n \"resources.users.notification.copy_emails_success\",\n \"success\"\n );\n }}\n message={emails}\n title={translate(\"users.bulk_copy_emails\", {\n smart_count: count\n })}\n variant=\"info\"\n />\n );\n};\n\nBulkCopyEmails.defaultProps = {\n selectedRows: []\n};\n\nexport default BulkCopyEmails;\n","import React from \"react\";\nimport _get from \"lodash.get\";\n\nimport gql from \"graphql-tag\";\n\nimport SendIcon from \"@material-ui/icons/Send\";\nimport BulkUpdate from \"ui/BulkUpdate\";\n\nexport const INVITE_USER = gql`\n mutation inviteUser($id: Int!) {\n inviteUser(id: $id) {\n id\n }\n }\n`;\n\nexport const BulkInviteUsers = ({ selectedRows, ...props }) => (\n email).join(\", \")}\n confirmMsg={\"users.invite_bulk_confirm\"}\n successMsg={\"users.invite_bulk_success\"}\n {...props}\n />\n);\n\nBulkInviteUsers.defaultProps = {\n mutation: INVITE_USER,\n selectedRows: []\n};\n\nexport default BulkInviteUsers;\n","import React from \"react\";\nimport { palette, dropDown } from \"theme/settings\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Collapse from \"@material-ui/core/Collapse\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\n\nimport BulkAddGroups from \"users/bulk-actions/BulkAddGroups\";\nimport BulkCancelInvites from \"users/bulk-actions/BulkCancelInvites\";\nimport BulkCopyEmails from \"users/bulk-actions/BulkCopyEmails\";\nimport BulkDeleteUsers from \"users/bulk-actions/BulkDeleteUsers\";\nimport BulkInviteUsers from \"users/bulk-actions/BulkInviteUsers\";\n// import Typography from \"@material-ui/core/Typography\";\n\n// import useTranslate from \"hooks/useTranslate\";\n\nconst useStyles = makeStyles({\n collapse: {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n zIndex: 3\n },\n toolbar: {\n paddingLeft: 32,\n paddingTop: 4,\n paddingBottom: 4,\n backgroundColor: palette.background.shaded,\n boxShadow: dropDown.boxShadow\n }\n // title: {\n // marginRight: 16\n // }\n});\n\nexport const UserBulkActions = ({ selectedRows, refetch }) => {\n const classes = useStyles();\n // const { translate } = useTranslate();\n\n return (\n 0}>\n \n {/* \n {translate(\"users.smartCount\", { smart_count: selectedRows.length })}\n */}\n\n \n \n \n \n \n \n \n );\n};\n\nUserBulkActions.defaultProps = {\n selectedRows: []\n};\n\nexport default UserBulkActions;\n","import usePermissions from \"hooks/usePermissions\";\n\nexport const tedAdminCols = [\n \"lastName\",\n \"role\",\n \"organizationName\",\n \"contracts\",\n \"organizationType\",\n \"status\",\n \"totalLessonsCompleted\",\n \"videosCount\",\n \"invitedAt\",\n \"lastActive\"\n];\n\nconst adminCols = [\n \"lastName\",\n \"role\",\n \"status\",\n \"groups\",\n \"parnterMode\",\n \"lessonsCompleted\",\n \"totalLessonsCompleted\",\n \"videosCount\",\n \"invitedAt\",\n \"lastActive\"\n];\n\nexport const storageKey = \"userListColumns\";\n\nconst useSavedUserListCols = () => {\n const { isTedAdmin } = usePermissions();\n const columnsByRole = isTedAdmin ? tedAdminCols : adminCols;\n const savedColumns = localStorage.getItem(storageKey);\n\n const saveSetting = columns => {\n localStorage.setItem(storageKey, JSON.stringify(columns));\n };\n\n return {\n userListCols: (savedColumns && JSON.parse(savedColumns)) || columnsByRole,\n saveUserListCols: saveSetting\n };\n};\n\nconst useSavedSettings = () => {\n const userListSettings = useSavedUserListCols();\n\n return {\n ...userListSettings\n };\n};\n\nexport default useSavedSettings;\n","import React, { useState, useEffect } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Button from \"@material-ui/core/Button\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport Typography from \"@material-ui/core/Typography\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport Menu from \"@material-ui/core/Menu\";\n\nimport GridIcon from \"react-feather/dist/icons/grid\";\n\nimport useSavedSettings from \"hooks/useSavedSettings\";\nimport useMenuAnchor from \"hooks/useMenuAnchor\";\n\nconst useStyles = makeStyles({\n list: {\n width: 200\n },\n button: {\n color: \"#637381\"\n },\n buttonIcon: {\n width: 14,\n height: 14,\n marginRight: 4\n },\n listItem: {\n padding: \"6px 18px\"\n },\n icon: {\n minWidth: 0,\n width: 18,\n height: 18,\n marginRight: 8,\n\n \"& .MuiSvgIcon-root\": {\n width: 18,\n height: 18\n }\n }\n});\n\nconst CustomizeMenuList = React.forwardRef(\n ({ columns, onAdd, onRemove, active }, ref) => {\n const classes = useStyles();\n\n return (\n \n {columns.map(({ field, renderHeader, ...props }) => {\n const selected = active.indexOf(field) !== -1;\n const labelId = `checkbox-list-label-${field}`;\n return (\n (selected ? onRemove(field) : onAdd(field))}\n >\n \n {typeof renderHeader === \"function\" &&\n renderHeader({ ...props, field })}\n \n );\n })}\n \n );\n }\n);\n\nCustomizeMenuList.defaultProps = {\n columns: [],\n active: []\n};\n\nexport const CustomizeButton = ({ CustomizeMenu, Icon, text, ...props }) => {\n const { closeMenu, menuProps, openMenu } = useMenuAnchor();\n const classes = useStyles();\n\n return (\n <>\n \n\n \n \n );\n};\n\nCustomizeButton.defaultProps = {\n Icon: ,\n text: \"Customize view\"\n};\n\nexport const useCustomize = () => {\n const { userListCols, saveUserListCols } = useSavedSettings();\n const [active, setActive] = useState(userListCols);\n const saveCustomize = React.useCallback(\n cols => {\n saveUserListCols(cols);\n },\n [saveUserListCols]\n );\n\n useEffect(() => {\n saveCustomize(active);\n }, [active]);\n\n return {\n active,\n onAdd: field => setActive([...active, field]),\n onRemove: field => setActive(active.filter(f => f !== field))\n };\n};\n\nexport default CustomizeButton;\n","import React, { useEffect } from \"react\";\nimport compose from \"recompose/compose\";\nimport { connect } from \"react-redux\";\nimport gql from \"graphql-tag\";\nimport { useMutation, useLazyQuery } from \"@apollo/react-hooks\";\n\nimport { StyledSystemMessage as SystemMessage } from \"systemMessage/SystemMessage\";\n\nimport Button from \"@material-ui/core/Button\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport SendIcon from \"@material-ui/icons/Send\";\n\nimport { withStyles } from \"@material-ui/core/styles\";\nimport useTranslate from \"hooks/useTranslate\";\nimport useModalOpen from \"hooks/useModalOpen\";\n\nimport { showNotification as showNotificationAction } from \"react-admin\";\nimport withActiveOrg from \"ui/withActiveOrg\";\n\nexport const COUNT_ALL_USERS = gql`\n query CountAllUsers($filter: Filter) {\n users: _allUsersMeta(filter: $filter) {\n count\n __typename\n }\n }\n`;\n\nexport const INVITE_ALL_USERS = gql`\n mutation InviteAllUsers($organizationId: Int!) {\n inviteAllUsers(organizationId: $organizationId) {\n jobId\n status\n }\n }\n`;\n\nexport const InviteAllSystemMessage = ({ open, activeOrgId, ...props }) => {\n const { translate } = useTranslate();\n const [getUsersCount, { loading, data }] = useLazyQuery(COUNT_ALL_USERS, {\n variables: {\n activeOrgId, // This is needed to refetch queries on org change.\n filter: {\n status: \"invitable\"\n }\n }\n });\n\n useEffect(() => {\n open && getUsersCount();\n }, [getUsersCount, open]);\n\n return (\n \n );\n};\n\nInviteAllSystemMessage.defaultProps = {\n open: false\n};\n\nexport const InviteAllUsersBtn = ({\n activeOrgId,\n classes,\n className,\n showNotificationAction: showNotification\n}) => {\n const { isOpen, closeModal, openModal } = useModalOpen();\n const { translate } = useTranslate();\n\n const [inviteAllUsers, { loading }] = useMutation(INVITE_ALL_USERS, {\n onCompleted: () => showNotification(\"ui.inviteAllSuccess\", \"success\"),\n onError: e => showNotification(`${e}`, \"warning\"),\n variables: {\n organizationId: activeOrgId\n }\n });\n\n return (\n <>\n \n {!loading && (\n <>\n \n {translate(\"ui.inviteAll\")}\n \n )}\n {loading && }\n \n {\n closeModal();\n return inviteAllUsers(); // needs to be returned for testing.\n },\n label: \"ra.boolean.true\"\n },\n {\n autoClose: false,\n onClick: closeModal,\n label: \"ra.boolean.false\"\n }\n ]}\n />\n \n );\n};\n\nInviteAllUsersBtn.defaultProps = {\n classes: {\n icon: \"icon\"\n }\n};\n\n/* istanbul ignore next Style Block is covered by Material-UI. */\nconst styles = theme => ({\n icon: {\n color: theme.palette.secondary.main,\n width: 8 * 2.5,\n marginRight: 8 * 0.5\n }\n});\n\nconst enhance = compose(\n connect(null, {\n showNotificationAction\n }),\n withActiveOrg,\n withStyles(styles, { name: \"InviteAllUsersBtn\" })\n);\n\nexport default enhance(InviteAllUsersBtn);\n","import React from \"react\";\n\nimport ROLES, { getRoleLevelMax } from \"resources/users/roles\";\n\nimport FilterByOption from \"ui/filters/FilterByOption\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\n\nconst FilterByRole = props => {\n const { role } = useCurrentUser();\n const maxLevel = getRoleLevelMax(role);\n\n return (\n level <= maxLevel).map(\n ({ name }) => name\n )}\n optionLabel={({ translate, value }) => translate(`userGroups.${value}`)}\n {...props}\n />\n );\n};\n\nexport default FilterByRole;\n","import React, { useState } from \"react\";\nimport gql from \"graphql-tag\";\nimport _get from \"lodash.get\";\n\nimport * as cols from \"ui/datagrid/columnTypes\";\nimport UserBulkActions from \"users/bulk-actions/UserBulkActions\";\nimport CreateButton from \"ui/buttons/CreateButton\";\nimport CustomizeButton, { useCustomize } from \"ui/buttons/CustomizeButton\";\nimport DataList from \"ui/DataList\";\nimport ExportCSVButton from \"ui/buttons/ExportCSVButton\";\nimport InviteAllUsersBtn from \"users/InviteAllUsersBtn\";\nimport UploadIcon from \"react-feather/dist/icons/upload\";\n\nimport FilterByBoolean from \"ui/filters/FilterByBoolean\";\nimport FilterByContract from \"ui/filters/FilterByContract\";\nimport FilterByGroup from \"ui/filters/FilterByGroup\";\nimport FilterByOption from \"ui/filters/FilterByOption\";\nimport FilterByOrganization from \"ui/filters/FilterByOrganization\";\nimport FilterByOrganizationType from \"ui/filters/FilterByOrganizationType\";\nimport FilterByPurchased from \"ui/filters/FilterByPurchased\";\nimport FilterByRole from \"ui/filters/FilterByRole\";\nimport FilterByStatus from \"ui/filters/FilterByStatus\";\nimport FilterByValue from \"ui/filters/FilterByValue\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport usePermissions, {\n ADMIN_ROLE,\n SUPER_ROLE,\n TED_ROLE\n} from \"hooks/usePermissions\";\nimport useTranslate from \"hooks/useTranslate\";\n\nexport const GET_USERS_DATALIST = gql`\n query usersDataList(\n $page: Int\n $perPage: Int\n $sortField: String\n $sortOrder: String\n $filter: Filter\n ) {\n list: allUsers(\n page: $page\n perPage: $perPage\n sortField: $sortField\n sortOrder: $sortOrder\n filter: $filter\n ) {\n cycleCount\n contracts {\n id\n name\n }\n email\n firstName\n groups {\n id\n name\n }\n groupSize\n id\n invitedAt\n lastActive\n lastName\n lastVisited\n lessonsCompleted\n purchasePlatform\n purchaseStatus\n organization {\n id\n name\n organizationType\n }\n registrationCountry\n registrationPlatform\n role\n status\n totalLessonsCompleted\n videosCount\n }\n total: _allUsersMeta(page: $page, perPage: $perPage, filter: $filter) {\n count\n }\n }\n`;\n\nconst EXPORT_CSV = gql`\n mutation exportUsers($filter: Filter) {\n exportUsers(filter: $filter) {\n jobId\n status\n }\n }\n`;\n\nconst userFilters = [\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n \n];\n\nconst baseColumns = [\n { field: \"lastName\", ...cols.name },\n { field: \"role\", ...cols.role },\n {\n field: \"organizationId\",\n ...cols.userOrganizationName\n },\n { field: \"contractId\", ...cols.contracts, sortable: false },\n { field: \"status\", ...cols.status },\n { field: \"groupIds\", ...cols.groups },\n { field: \"groupSize\", ...cols.baseCol, width: 125 },\n { field: \"lessonsCompleted\", ...cols.lessonsCompleted },\n { field: \"cycleCount\", ...cols.center, ...cols.baseCol },\n {\n field: \"totalLessonsCompleted\",\n width: 140,\n ...cols.center,\n ...cols.baseCol\n },\n { field: \"videosCount\", ...cols.videos },\n { field: \"invitedAt\", ...cols.date },\n { field: \"lastActive\", ...cols.lastActive }\n];\n\nconst tedAminColumns = [\n { field: \"organizationType\", ...cols.organizationType },\n { field: \"purchaseStatus\", ...cols.translatedField },\n { field: \"purchasePlatform\", ...cols.baseCol },\n { field: \"registrationPlatform\", ...cols.baseCol },\n { field: \"registrationCountry\", ...cols.baseCol }\n];\n\nconst columnsByRole = {\n [ADMIN_ROLE.name]: baseColumns,\n [SUPER_ROLE.name]: baseColumns,\n [TED_ROLE.name]: [...baseColumns, ...tedAminColumns]\n};\n\nconst UsersList = ({ query }) => {\n const [selected, setSelected] = useState();\n const { translate } = useTranslate();\n const { activeOrgId, role } = useCurrentUser();\n const { canCreateUsers } = usePermissions();\n const { active: activeCols, ...customize } = useCustomize();\n\n const columns = _get(columnsByRole, role, []);\n const columnKeys = columns.map(({ field }) => field);\n\n const filters = userFilters.filter(({ key }) => columnKeys.includes(key));\n const showCols = columns.filter(({ field }) => activeCols.includes(field));\n\n return (\n setSelected(rows)}\n BulkActions={}\n CreateButton={\n canCreateUsers && (\n <>\n \n \n \n )\n }\n CustomizeButton={\n \n }\n ExportButton={}\n ListFooter={}\n title={translate(\"users.plural\")}\n searchText={translate(\"users.search\")}\n preFilter={(activeOrgId && { organizationId: activeOrgId }) || undefined}\n filters={\n activeOrgId\n ? filters.filter(({ key }) => key !== \"organizationId\")\n : filters\n }\n columns={showCols}\n query={query}\n dataGrid\n checkboxSelection\n />\n );\n};\n\nUsersList.defaultProps = {\n query: GET_USERS_DATALIST\n};\n\nexport default UsersList;\n","import React, { useEffect, useState } from \"react\";\nimport { Admin, Resource } from \"react-admin\";\nimport { ApolloProvider as ReactApolloProvider } from \"react-apollo\";\nimport { ApolloProvider } from \"@apollo/react-hooks\";\nimport { Provider } from \"react-redux\";\nimport { createHashHistory } from \"history\";\n\nimport MomentUtils from \"@date-io/moment\";\nimport { MuiPickersUtilsProvider } from \"@material-ui/pickers\";\n\nimport {\n StylesProvider,\n createGenerateClassName\n} from \"@material-ui/core/styles\";\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nimport buildDataProvider from \"./dataProvider\";\nimport authProvider from \"./authProvider\";\nimport NotifcationProvider from \"ui/NotificationProvider\";\nimport { Layout } from \"./ui\";\nimport LoginPage from \"./login\";\nimport client from \"./apolloClient\";\nimport createStore from \"./store\";\nimport customRoutes from \"./customRoutes\";\n\nimport \"typeface-inter/inter.css\";\n\nimport * as resources from \"./resources\";\nimport GroupsList from \"./groups/GroupsList\";\nimport UsersList from \"./users/UsersList\";\nimport { HistoryContext } from \"hooks/useHistory\";\n\nconst history = createHashHistory();\n\n// History context is native in react-router 5.x+\n// we can ditch this once we are able to upgrade.\n\nexport const App = () => (\n \n {permissions => {\n return [\n ,\n ,\n \n ];\n }}\n \n);\n\nexport const AppLoading = () => (\n <>\n \n \n \n \n \n);\n\nconst generateClassName = createGenerateClassName({\n productionPrefix: \"tmca\"\n});\n\nexport const AppWithProviders = () => {\n const [store, setStore] = useState();\n\n useEffect(() => {\n const initDataProvider = async () => {\n const dataProvider = await buildDataProvider();\n setStore(createStore({ history, dataProvider }));\n };\n initDataProvider();\n }, []);\n\n if (!store) {\n return ;\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default AppWithProviders;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\n\nReactDOM.render(, document.getElementById(\"root\"));\n","module.exports = __webpack_public_path__ + \"static/media/errorIcon.c4b671f1.svg\";","module.exports = __webpack_public_path__ + \"static/media/TED-Masterclass-logo.a40c484e.svg\";","module.exports = __webpack_public_path__ + \"static/media/TEDMasterclass.dark.bd5360f8.svg\";","module.exports = __webpack_public_path__ + \"static/media/users-guide.ec3f8f8c.csv\";"],"sourceRoot":""}