{children}
;\n};\n\nCard.propTypes = {\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nexport default Card;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nconst CardBlock = ({ hasDivider = false, children }) => {\n const classes = cx('a-card-block', {\n 'a-card-block--line-after': hasDivider,\n });\n\n return {children}
;\n};\n\nCardBlock.propTypes = {\n hasDivider: PropTypes.bool,\n children: PropTypes.node,\n};\n\nexport default CardBlock;\n","import moment from 'moment';\n\nconst YESTERDAY_AT_FORMAT = '[Yesterday at] h:mm a';\nconst FULL_DATE_AT_TIME_FORMAT = 'MMMM Do YYYY, [at] h:mm a';\n\nfunction getNotificationDisplayTime(notificationTimeStamp) {\n const currentMoment = moment();\n const notificationMoment = moment(notificationTimeStamp);\n\n const durationFromNow = moment.duration(\n currentMoment.diff(notificationMoment)\n );\n\n if (durationFromNow <= 0) {\n return notificationMoment.format(FULL_DATE_AT_TIME_FORMAT);\n }\n\n const durationInDays = durationFromNow.asDays();\n\n if (durationInDays < 1) {\n const durationInMinutes = durationFromNow.asMinutes();\n // Today\n if (durationInMinutes < 1) {\n return `${durationFromNow.asSeconds()} seconds ago`;\n } else if (durationInMinutes < 60) {\n const minutes = Math.floor(durationFromNow.minutes());\n return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;\n }\n const hours = Math.floor(durationFromNow.asHours());\n return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;\n } else if (durationInDays >= 1 && durationInDays < 2) {\n // Yesterday\n return notificationMoment.format(YESTERDAY_AT_FORMAT);\n }\n // Greater than two days ago\n return notificationMoment.format(FULL_DATE_AT_TIME_FORMAT);\n}\n\nexport default {\n getNotificationDisplayTime,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport MarkdownRenderer from '@/react/shared/MarkdownRenderer';\nimport Card from '../shared/card/Card';\nimport CardBlock from '../shared/card/CardBlock';\nimport notificationDateTimeUtil from './notificationDateTimeUtil';\n\nconst Notification = ({\n className = '',\n footer = null,\n hasDivider = false,\n markdown = '',\n timestamp = null,\n title,\n}) => (\n \n
\n {title}
\n \n {notificationDateTimeUtil.getNotificationDisplayTime(timestamp)}\n \n{I18n.t('loadingNotifications')}
\n{I18n.t('noNotifications')}
\n {I18n.t('noNotificationsSubtitle')}\n\n
\n );\n};\n\nListPage.propTypes = {\n notificationsStore: PT.shape({\n state: PT.shape({\n loading: PT.bool,\n error: PT.instanceOf(Error),\n notifications: PT.array,\n }),\n handlers: PT.shape({\n fetch: PT.func,\n }),\n }).isRequired,\n notificationsBaseUrl: PT.string.isRequired,\n};\n\n// Wrap in higher order component that handles notification state management\nexport default ListPage;\n","import I18nUtil from '@/utils/i18nUtil';\n\nexport default I18nUtil.withI18n({\n en: {\n backToNotifications: '< Back to Notifications',\n readMore: 'Read More',\n notifications: 'Notifications',\n noNotifications: 'No Notifications.',\n noNotificationsSubtitle: 'Check back later',\n loadingNotifications: 'Loading...',\n },\n});\n","import React from 'react';\nimport { compose } from 'recompose';\nimport { I18nProvider } from '@procore/core-react';\nimport StateContainer from '../NotificationsStateContainer';\nimport ListPage from './ListPage';\nimport i18n from '../i18n';\nimport withBugsnag from '@/react/shared/BugsnagProvider';\n\nconst ListPageWithI18n = (props) => {\n return (\n \n
\n {body}\n {I18n.t('notifications')}
\n\n \n
\n );\n};\n\nShowPage.propTypes = {\n notificationId: PT.string.isRequired,\n notificationsBaseUrl: PT.string.isRequired,\n notificationReaderStore: PT.shape({\n state: PT.shape({\n loading: PT.bool,\n error: PT.instanceOf(Error),\n notification: PT.array,\n }),\n handlers: PT.shape({\n fetchNotification: PT.func,\n }),\n }).isRequired,\n};\n\n// Wrap in higher order component that handles notification state management\nexport default ShowPage;\n","import React from 'react';\nimport { compose } from 'recompose';\nimport { I18nProvider } from '@procore/core-react';\nimport StateContainer from '../NotificationReaderStateContainer';\nimport ShowPage from './ShowPage';\nimport i18n from '../i18n';\nimport withBugsnag from '@/react/shared/BugsnagProvider';\n\nconst ShowPageWithI18n = (props) => {\n return (\n \n 
\n
\n )}\n\n {documentFile && file.url && (\n \n )} \n\n {!((imageFile || documentFile) && file.url) &&\n I18n.t('filePreviewModal.noPreviewAvailable')}\n \n {\n onDrop(...args);\n }}\n accept={acceptedTypes.join(',')}\n className={cx('dropzone', className, {\n isDisabled,\n })}\n {...rest}\n >\n \n {multiple ? I18n.t('attachFiles') : I18n.t('attachFile')}\n \n \n\n \n {files\n ?.filter((file) => file)\n .map((file, index) => (\n \n
\n {children}
\n);\n\nexport const Content = ({ className, children, vertical }) => {\n const classes = cx('a-form--content', className, {\n vertical: !!vertical,\n });\n\n return {children}
;\n};\n\nexport const Row = ({ className, children }) => (\n {children}
\n);\n\nexport const Column = ({ className, children }) => (\n {children}
\n);\n\nexport const Label = ({ className, required, label, labelFor }) => (\n - \n {requirements.map((requirement, idx) => (\n
- {requirement} \n ))}\n
\n 0}\n readOnly={readOnly}\n type={type}\n value={value}\n onBlur={onBlur}\n onChange={onChange}\n onClick={onClick}\n onFocus={onFocus}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n {...rest}\n />\n
\n );\n};\n\nStatelessField.propTypes = {\n className: PT.string,\n label: PT.node,\n onChange: PT.func,\n onClick: PT.func,\n required: PT.bool,\n type: PT.string,\n value: PT.string,\n id: PT.string,\n errors: PT.array,\n};\n\nStatelessField.defaultProps = {\n className: '',\n label: '',\n required: false,\n type: 'text',\n value: '',\n};\n\nexport const Field = withFocus(StatelessField);\nexport const RevealOnHover = compose(\n withFocus,\n withRevealOnHover\n)(StatelessField);\n","import React from 'react';\nimport PT from 'prop-types';\nimport cx from 'classnames';\nimport { TextArea as CoreTextArea } from '@procore/core-react';\nimport { withFocus } from '../decorators/Focus';\nimport { Label, FormError } from './Form';\n\nconst Textarea = ({\n value,\n onBlur,\n onFocus,\n onChange,\n className,\n focused,\n label,\n required,\n children,\n errors,\n ...rest\n}) => (\n \n \n 0}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n resize=\"vertical\"\n value={value || ''}\n {...rest}\n />\n
\n);\n\nTextarea.propTypes = {\n className: PT.string,\n focused: PT.bool,\n label: PT.node,\n onBlur: PT.func,\n onFocus: PT.func,\n onChange: PT.func,\n required: PT.bool,\n value: PT.string,\n errors: PT.arrayOf(PT.string),\n children: PT.element,\n};\n\nTextarea.defaultProps = {\n className: '',\n label: '',\n focused: false,\n onChange: () => {},\n onBlur: () => {},\n onFocus: () => {},\n required: false,\n value: '',\n errors: [],\n children: <>,\n};\n\nexport default withFocus(Textarea);\n","import React from 'react';\nimport { Button as CoreButton } from '@procore/core-react';\nimport cx from 'classnames';\nimport PT from 'prop-types';\nimport { Label } from './Form';\n\nclass Button extends React.Component {\n render() {\n const {\n label,\n className,\n buttonClassName,\n text,\n required,\n onClick,\n 'data-qa': qaTag,\n ...rest\n } = this.props;\n\n return (\n \n \n
\n );\n }\n}\n\nButton.propTypes = {\n text: PT.string.isRequired,\n label: PT.string,\n className: PT.string,\n required: PT.bool,\n onClick: PT.func.isRequired,\n};\n\nButton.defaultProps = {\n className: '',\n label: '',\n required: false,\n};\n\nexport default Button;\n","import React from 'react';\nimport { RadioButton as CoreRadioButton } from '@procore/core-react';\nimport cx from 'classnames';\nimport PT from 'prop-types';\nimport { Label } from './Form';\n\nclass RadioButton extends React.Component {\n render() {\n const {\n label,\n checked,\n disabled,\n className,\n radioButtonClassName,\n text,\n required,\n 'data-qa': qaTag,\n ...rest\n } = this.props;\n\n return (\n \n \n {text}\n \n
\n \n \n
\n );\n }\n}\n\nRadioButton.propTypes = {\n disabled: PT.bool,\n className: PT.string,\n checked: PT.bool,\n label: PT.node,\n required: PT.bool,\n text: PT.string,\n};\n\nRadioButton.defaultProps = {\n className: '',\n label: '',\n required: false,\n};\n\nexport default RadioButton;\n","import React from 'react';\nimport PT from 'prop-types';\nimport Qs from 'qs';\nimport axios from 'axios';\nimport cx from 'classnames';\nimport { omit } from 'ramda';\nimport { Typography } from '@procore/core-react';\n\nimport 'react-select/dist/react-select.css';\n\nimport Select, { Async } from 'react-select';\nimport { getHeaders } from '@/utils/apiUtil';\nimport { FormError, Label } from './Form';\n\nexport const SelectPicker = ({\n className,\n label,\n onChange,\n placeholder,\n value,\n options,\n required,\n disabled,\n clearable,\n errors,\n 'data-qa': dataQa,\n ...rest\n}) => {\n return (\n \n \n {text}\n \n
\n \n \n {errors && (\n \n {errors.join(', ')}\n \n )}\n
\n );\n};\n\nSelectPicker.propTypes = {\n disabled: PT.bool,\n clearable: PT.bool,\n className: PT.string,\n required: PT.bool,\n label: PT.node,\n onChange: PT.func,\n options: PT.arrayOf(PT.object),\n placeholder: PT.string,\n value: PT.string,\n 'data-qa': PT.string,\n};\n\nSelectPicker.defaultProps = {\n disabled: false,\n clearable: false,\n className: '',\n required: false,\n label: '',\n onChange: () => {},\n options: [],\n placeholder: 'Select...',\n value: '',\n 'data-qa': '',\n};\n\nexport const AsyncPicker = ({\n className,\n clearable,\n sift,\n label,\n labelKey,\n onChange,\n placeholder,\n value,\n valueKey,\n url,\n required,\n disabled,\n multi,\n showHref,\n errors,\n staticOptions,\n 'data-qa': dataQa,\n ...rest\n}) => {\n const getOptions = (input) => {\n const search = { search: input };\n const params = sift ? { filters: search } : search;\n\n return axios\n .request({\n method: 'get',\n url,\n params,\n headers: getHeaders(),\n paramsSerializer: (params) =>\n Qs.stringify(params, { arrayFormat: 'brackets' }),\n })\n .then((resp) => {\n const { data } = resp;\n let options;\n if (!showHref) {\n options = data.map((a) => omit(['href'], a));\n } else {\n options = data;\n }\n\n return { options: staticOptions.concat(options) };\n });\n };\n\n return (\n \n
\n \n \n
\n );\n};\n\nAsyncPicker.propTypes = {\n className: PT.string,\n clearable: PT.bool,\n sift: PT.bool,\n disabled: PT.bool,\n multi: PT.bool,\n required: PT.bool,\n showHref: PT.bool,\n label: PT.node,\n labelKey: PT.string,\n onChange: PT.func,\n placeholder: PT.string,\n staticOptions: PT.arrayOf(PT.shape({})),\n url: PT.string,\n value: PT.oneOfType([PT.string, PT.number, PT.arrayOf(PT.string)]),\n valueKey: PT.string,\n 'data-qa': PT.string,\n};\n\nAsyncPicker.defaultProps = {\n className: '',\n clearable: false,\n sift: true,\n disabled: false,\n required: false,\n multi: false,\n label: '',\n labelKey: 'name',\n onChange: () => {},\n placeholder: 'Select...',\n staticOptions: [],\n value: '',\n valueKey: 'id',\n showHref: false,\n url: '',\n 'data-qa': '',\n};\n","import React from 'react';\nimport PT from 'prop-types';\nimport cx from 'classnames';\nimport {\n Typography,\n Flex,\n Box,\n Checkbox as CoreCheckbox,\n} from '@procore/core-react';\nimport { Label } from './Form';\n\nconst Checkbox = ({\n required,\n checked,\n label,\n disabled,\n onClick,\n className,\n children,\n errors,\n indeterminate,\n ...rest\n}) => (\n \n
\n {children}
;\n};\n\nForm.propTypes = {\n className: PT.string,\n children: PT.element,\n vertical: PT.bool,\n};\n\nForm.defaultProps = {\n className: '',\n children: <>,\n vertical: false,\n};\n\nForm.Dropzone = Dropzone;\nForm.Content = Content;\nForm.Description = Description;\nForm.Row = Row;\nForm.Column = Column;\nForm.FieldWrapper = FormFieldWrapper;\n\nForm.Field = Field;\nForm.RevealOnHover = RevealOnHover;\nForm.Label = Label;\nForm.PopoverLabel = PopoverLabel;\nForm.Textarea = Textarea;\nForm.Button = Button;\nForm.RadioButton = RadioButton;\nForm.FormError = FormError;\n\nForm.AsyncPicker = AsyncPicker;\nForm.SelectPicker = SelectPicker;\nForm.Checkbox = Checkbox;\n\nexport default Form;\n","import { path, pathOr } from 'ramda';\n\n/**\n * Extract error message from API error response\n */\nconst extractErrorMsg = (errorResponse = {}) => {\n const errors = path(['response', 'data', 'errors'], errorResponse);\n // TODO: Generate better error message when given `errors` key\n const stringifiedErrors = JSON.stringify(errors, null, 1);\n return (\n stringifiedErrors || pathOr('Error occurred', ['message'], errorResponse)\n );\n};\n\nexport default {\n extractErrorMsg,\n};\n","import React from 'react';\nimport PT from 'prop-types';\nimport cx from 'classnames';\nimport Form from '@/react/shared/form';\nimport Notification from '@/react/notifications/Notification';\nimport ErrorUtil from '@/utils/errorUtil';\n\nimport {\n Banner,\n Box,\n Button,\n ErrorBanner,\n FlexList,\n Spinner,\n useI18nContext,\n} from '@procore/core-react';\n\nconst errorBanner = (error, I18n) => {\n if (!error) {\n return null;\n }\n\n return (\n \n {errorBanner(state.error, I18n)}\n \n \n \n \n \n \n \n \n
\n );\n};\n\nconst FormControls = ({\n I18n,\n isNew,\n notification,\n notificationsStore,\n adminNotificationsUrl,\n}) => {\n const buttonActionText = isNew\n ? I18n.t('controls.notify')\n : I18n.t('controls.update');\n\n const { handlers } = notificationsStore;\n\n const navigateToNotificationsAdmin = () => {\n window.location = adminNotificationsUrl;\n };\n\n return (\n {I18n.t('form.notificationPreview')}
\n| {I18n.t('page.title')} | \n{I18n.t('page.summary')} | \n{I18n.t('page.visible')} | \n{I18n.t('page.critical')} | \n
|---|
`,\n pointFormat:\n '\\u25CF{series.name} - {point.y:,.0f}
',\n shared: true,\n },\n plotOptions: {\n series: {\n stacking: 'overlap',\n pointPlacement: 'on',\n },\n },\n xAxis: {\n tickColor: AXIS_BORDER_COLOR,\n lineColor: AXIS_BORDER_COLOR,\n crosshair: {\n width: 1,\n color: AXIS_BORDER_COLOR,\n dashStyle: 'solid',\n zIndex: 100,\n },\n tickmarkPlacement: 'on',\n categories: xAxisData.map((date) =>\n strToDate(date).format('DD MMM YYYY')\n ),\n },\n yAxis: {\n tickColor: AXIS_BORDER_COLOR,\n lineColor: AXIS_BORDER_COLOR,\n gridLineWidth: 0,\n lineWidth: 1,\n tickWidth: 1,\n title: null,\n },\n series: yAxisData,\n };\n\n return
{installation.company_name}
\n {installation.company_is_demo && (\n <>\n\n
\n
{installation.user_email_address}
\n \n )}\n\n
\n {moment(installation.procore_updated_at).format('MMMM Do YYYY, h:mm a')}\n
\n\n\n
{I18n.t('installFeed.title')}
\n{title}
\n{children}
;\n\nconst Kpi = {\n Container,\n Value,\n};\n\nexport default Kpi;\n","// extracted by mini-css-extract-plugin\nexport default {\"metricsCard\":\"styles-module__metricsCard__DXGf2\",\"metricsInstallColumn\":\"styles-module__metricsInstallColumn__GXphy\",\"metricsInstallWrapper\":\"styles-module__metricsInstallWrapper__JMQXA\"};","import React from 'react';\nimport PT from 'prop-types';\nimport {\n Breadcrumbs,\n ToolHeader,\n Box,\n Grid,\n Flex,\n FlexList,\n Button,\n} from '@procore/core-react';\nimport MetricsGraph from '@/react/common/Metrics/MetricsGraph';\nimport MetricsTable from '@/react/common/Metrics/MetricsTable';\nimport { MetricsStorePT } from './MetricsContainer';\nimport InstallFeed from '@/react/common/Metrics/InstallFeed';\nimport Kpi from '@/react/common/Metrics/Kpi';\nimport classNames from 'classnames/bind';\nimport styles from './styles.module.scss';\nimport PaginationSection from '@/react/shared/Pagination';\nimport { isEmpty } from 'ramda';\nimport { trackEvent } from '../analytics';\n\nconst cx = classNames.bind(styles);\n\nclass Metrics extends React.Component {\n componentDidMount() {\n const { metricsStore } = this.props;\n metricsStore.handlers.setUpParams();\n }\n\n trackProcoreEvent(key) {\n const {\n metricsStore: { state },\n } = this.props;\n\n trackEvent(key, {\n developer_app_id: state.developerAppId,\n app_name: state.internalAppName,\n });\n }\n\n render() {\n const {\n I18n,\n metricsStore: { state, handlers },\n } = this.props;\n\n const {\n aggregatesData,\n appInstallations,\n appInstallsTotal,\n developerAppId,\n developerAppsShowPath,\n internalAppName,\n isAdminView,\n marketplaceAppViewsTotal,\n paginationConfigAndData: { paginationConfig, paginationData },\n } = state;\n\n const totalRows = Object.keys(paginationData).reduce((totalRows, key) => {\n return totalRows + paginationData[key].total_count;\n }, 0);\n\n if (isEmpty(aggregatesData)) {\n return{I18n.t('noMetricsAvailable')}
;\n } else {\n return (\n {I18n.t('selectTheLevel')}
\n- \n
- {I18n.t('semanticVersionInfo.major')} \n
- {I18n.t('semanticVersionInfo.minor')} \n
- {I18n.t('semanticVersionInfo.patch')} \n
\n \n )}\n {I18n.t('appManifestSectionInfo')}\n
instances: [ ] array under the oauth section.',\n embeddedAppTooltip:\n 'Copy the code snippet and paste into the instances: [ ] array under the iframe section.',\n existingManifestTooltip:\n 'Copy the code snippet and paste as a child under the components key.',\n appToolPermissions: 'App Tool Permissions',\n permissionsBuilder: 'Permissions Builder',\n permissionsBuilderTooltip:\n 'When using the grant type of client_credentials, you must select which permissions your application needs individually. Learn more about Permissions.',\n sidepanel: 'Sidepanel',\n },\n});\n","/* eslint-disable react-hooks/rules-of-hooks */\nimport useProviders, { useStateHook } from '@procore/react-state-patterns';\n\nexport default useProviders(\n useStateHook(\n {\n draftManifest: undefined,\n semanticVersion: undefined,\n viewingManifest: null,\n tableExpanded: false,\n showCreateModal: false,\n initialEditorContent: null,\n },\n {\n setDraftManifest: () => (draftManifest) => ({ draftManifest }),\n setSemanticVersion: () => (semanticVersion) => ({ semanticVersion }),\n setCreateModalVisibilityAndInitialContent: () => (\n isVisible,\n content\n ) => ({\n showCreateModal: isVisible,\n initialEditorContent: content,\n }),\n closeAndResetModalContent: () => (content) => ({\n showCreateModal: false,\n draftManifest: content,\n }),\n setModalVisibility: () => (visibility) => ({\n showCreateModal: visibility,\n }),\n setViewingManifest: () => (manifest) => ({\n viewingManifest: manifest,\n }),\n toggleTableExpanded: ({ tableExpanded }) => () => ({\n tableExpanded: !tableExpanded,\n }),\n },\n 'sandboxManifestTableStore'\n )\n);\n","import { useState } from 'react';\nimport useProviders, { hookSchema } from '@procore/react-state-patterns';\nimport axios from 'axios';\n\nconst api = {\n fetchManifestTemplates: () =>\n axios.request({\n url: '/api/v1/manifest_templates',\n method: 'get',\n }),\n fetchTemplateSnippets: (hasExistingManifest, schemaVersion) => {\n return axios.get(`/api/v1/manifest_templates/${schemaVersion}/snippets`, {\n params: {\n has_existing_manifest: schemaVersion < 4 && hasExistingManifest,\n },\n });\n },\n};\n\nconst useManifestTemplatesState = () => {\n const [state, setState] = useState({\n templatesMap: {},\n templateSnippets: {},\n error: null,\n loading: false,\n snippetsLoading: false,\n });\n\n const updateState = (newState) =>\n setState((currState) => ({\n ...currState,\n ...newState,\n }));\n\n const handlers = {\n fetchTemplateSnippets: (hasExistingManifest, schemaVersion) => {\n updateState({ loading: true });\n api\n .fetchTemplateSnippets(hasExistingManifest, schemaVersion)\n .then((res) => {\n const snippets = state.templateSnippets;\n snippets[schemaVersion] = res.data;\n updateState({\n templateSnippets: snippets,\n error: null,\n snippetsLoading: false,\n });\n })\n .catch((error) => {\n updateState({\n error,\n snippetsLoading: false,\n });\n });\n },\n fetch: () => {\n updateState({ loading: true });\n api\n .fetchManifestTemplates()\n .then((resp) => {\n updateState({\n templatesMap: resp.data,\n error: null,\n loading: false,\n });\n })\n .catch((err) => {\n updateState({\n error: err,\n loading: false,\n });\n });\n },\n };\n\n return hookSchema(state, handlers, 'templates');\n};\n\n// eslint-disable-next-line react-hooks/rules-of-hooks\nexport default useProviders(useManifestTemplatesState);\n","import React from 'react';\nimport { I18nProvider } from '@procore/core-react';\nimport { compose } from 'recompose';\nimport SandboxManifestsTable from './SandboxManifestsTable';\nimport i18n from './i18n';\nimport StateContainer from './StateContainer';\nimport TemplatesStateContainer from './TemplatesState';\n\nconst SandboxManifestsTableWithI18n = (props) => (\n
\n events.createManifest(id, type)}\n promoteManifest={(appVersionId) => events.promoteManifest(appVersionId)}\n updateAppVersion={(appVersion) => events.updateAppVersion(appVersion)}\n manifests={manifests}\n trackEvent={events.trackEvent}\n canCreateSandboxManifests={canCreateSandboxManifests}\n dmsaPermissions={dmsaPermissions}\n />\n \n \n \n {I18n.t('actions.save')}\n \n \n \n
\n );\n};\n\nconst Public = ({ I18n, app, appListingName, onChange }) => (\n \n);\n\nconst Internal = ({ I18n, app, onChange }) => (\n \n);\n\nconst AppCredentials = ({ I18n, app, onChange }) => {\n return (\n \n );\n};\n\nconst Contacts = ({ I18n, app }) => {\n const contactsList =\n app.contacts.length === 0\n ? I18n.t('noContactsSet')\n : app.contacts.map((contact) => (\n \n {I18n.t('labels.name')} \n {pathOr(\n I18n.t('errorTitles.notAvailable'),\n ['name'],\n collaborator.developer\n )}\n {I18n.t('labels.email')} \n {pathOr(\n I18n.t('errorTitles.notAvailable'),\n ['email'],\n collaborator.developer\n )}\n {I18n.t('labels.role')} \n {pathOr(\n I18n.t('errorTitles.notAvailable'),\n ['role'],\n collaborator\n )}\n
\n \n \n X\n \n 
\n
\n );\n }\n\n return (\n \n );\n};\n\nconst Manifests = ({\n I18n,\n createManifest,\n promoteManifest,\n updateAppVersion,\n manifests = [],\n loading,\n devAppID,\n tab,\n switchTab,\n trackEvent,\n canCreateSandboxManifests,\n dmsaPermissions\n}) => {\n let formContent;\n let manifestType;\n\n if (tab === MANIFEST_TABS.PRODUCTION) {\n manifestType = MANIFEST_TYPES.PRODUCTION;\n formContent = (\n This app has no sandbox
;\n};\n\nTabSandbox.propTypes = {\n app: PT.shape({ sandbox: PT.object }).isRequired,\n events: PT.shape({\n sandboxChange: PT.func.isRequired,\n }).isRequired,\n};\n\nconst SandboxForm = ({ I18n, sandbox, onChange }) => {\n return (\n\n \n
\n );\n};\n\nSandboxForm.propTypes = {\n sandbox: PT.shape({\n app_id: PT.string,\n company_id: PT.number,\n created_at: PT.string.isRequired,\n redirect_uri: PT.string,\n procore_app_id: PT.number,\n sandbox_uri: PT.string,\n updated_at: PT.string.isRequired,\n url: PT.string,\n }).isRequired,\n onChange: PT.func.isRequired,\n};\n\nexport default TabSandbox;\n","export const MARKETPLACE_TABS = {\n APP: 'app',\n REGIONS: 'pricingAvailability',\n SUPPORT: 'support',\n FEATURES: 'features',\n LINKS: 'links',\n TOOLS: 'tools',\n REQUIREMENTS: 'requirements',\n MEDIA: 'media',\n CONTACT: 'contact',\n SECURITY: 'security',\n};\n\nexport const generateWistiaLink = (hashedVideoId) =>\n `https://fast.wistia.net/embed/iframe/${hashedVideoId}`;\n\nexport const REQUIRED_TABS = [\n MARKETPLACE_TABS.APP,\n MARKETPLACE_TABS.MEDIA,\n MARKETPLACE_TABS.REGIONS,\n MARKETPLACE_TABS.SUPPORT,\n MARKETPLACE_TABS.FEATURES,\n MARKETPLACE_TABS.CONTACT,\n];\n\nexport const getRequiredTabs = (submissionState) => {\n const requiredTabs = [...REQUIRED_TABS];\n if (\n submissionState?.security_questionnaire_visible ||\n submissionState?.[MARKETPLACE_TABS.SECURITY]?.security_questionnaire_visible\n ) {\n requiredTabs.push(MARKETPLACE_TABS.SECURITY);\n }\n return requiredTabs;\n};\n","import I18nUtil from '@/utils/i18nUtil';\nimport { MARKETPLACE_TABS } from './constants';\n\nexport default I18nUtil.withI18n({\n en: {\n needHelp: 'Need help?',\n contactUs: 'Contact Us',\n helpSubject: 'Procore Marketplace - Help with',\n marketplaceError: 'Error: unable to retrieve marketplace app.',\n requiredField: 'Required Field',\n approve: 'Approve',\n reject: 'Reject',\n longUploadInProgress:\n 'Please stay on this page while uploading. Navigating away from this page will stop the upload.',\n errors: {\n bannerTitle: 'The following errors occurred:',\n marketplaceUpdate:\n 'An error occurred while updating the marketplace listing.',\n marketplaceFetch:\n 'An error occurred while loading the marketplace listing.',\n notValid: 'Please correct the errors below before submitting for review',\n fieldRequired: 'This field is required',\n invalidEmail: 'This email is invalid',\n invalidUrl: 'This URL is invalid',\n maxStringLength: 'Character limit exceeded (%{max})',\n minItems: 'At least %{min} items are required',\n maxCategories: 'Max number of categories exceeded',\n regionRequired:\n 'You must select a region or country where your app is available',\n fileType: 'Invalid file type',\n },\n footer: {\n needHelp: 'Need help?',\n contactUs: 'Contact Us',\n maximizeConversionRates: 'Maximizing Marketplace Conversion Rates',\n },\n labels: {\n marketplaceApp: {\n version: {\n title: 'Version Release',\n description:\n 'Ensure accurate component definition and instructions. This version will be released after it has been approved by our team.',\n link: 'Learn more about version requirements here.',\n releaseVersionPlaceholder: 'Select version',\n draftDeveloperNotesPlaceholder:\n 'Enter any additional information about your app',\n published: 'Published',\n inReview: 'In Review',\n },\n adminAppSpecifications: {\n title: 'Admin App Specifications (Procore Internal Use Only)',\n description:\n 'Provide additional details about your app to showcase its value. Share key features and multimedia attachments. This step is reserved for the Procore Marketplace team and will not be published on the Marketplace.',\n additionalNotesTitle: 'Additional Notes',\n },\n showcaseVideo: 'Showcase Video',\n releaseVersion: 'Release Version',\n draftDeveloperNotes: 'Notes for Version Submission',\n publishSilently:\n 'Publish this app without notifying owner and collaborators',\n adminMessage: 'Admin Message',\n rejectionMessage: 'Marketplace submission status: Rejected',\n approvalMessage: 'Marketplace submission status: Approved',\n rejectBody:\n 'Please review the comments provided by our Procore team. Once you have made the necessary modifications, you can resubmit the listing.',\n detailsButton: 'Details',\n statusMessage: \"This marketplace listing's current status is: \",\n inReview: 'In Review',\n inReviewMessage: 'Marketplace submission status: In Review',\n inReviewDetails:\n 'You must withdraw from review if you want to make changes.',\n about: 'About Your Company',\n regions: 'Regions',\n builtBy: 'Built By',\n soldBy: 'Sold By',\n regionOrCountry: 'You must select a region or country',\n name: 'Name',\n searchDescription: 'Search Description',\n tagline: 'Tagline',\n description: 'Description',\n videos: 'Video',\n screenshots: 'App Preview & Screenshots',\n logo: 'Logo',\n howItWorks: 'How it Works',\n category: 'Category',\n learnHowUrl: 'Learn How URL',\n contactUsEmail: 'Contact Us Email',\n supportEmail: 'Email',\n supportWebsiteUrl: 'Support Website URL',\n supportWebsiteLabel: 'Support Website Label',\n supportPhone: 'Support Phone',\n supportDocumentation: 'Support Documentation',\n salesInfo: 'Sales Info',\n salesName: 'Sales Contact Name',\n salesPhone: 'Sales Contact Phone',\n salesEmail: 'Sales Contact Email',\n helpfulLinkUrl: 'Website URL',\n helpfulLinkLabel: 'Website Label',\n featureBullet: 'App Feature',\n productTool: 'Product',\n integrationRequirement: 'Requirement',\n beta: 'Beta',\n costsMoney: 'Costs Money',\n submitForApproval: 'Submit for Review',\n resubmitForApproval: 'Resubmit for Review',\n save: 'Save',\n saveDraft: 'Save Draft',\n preview: 'Preview',\n withdrawForApproval: 'Withdraw from Review',\n showInConcierge: 'Show In Concierge',\n installationOption: {\n title: 'Marketplace Installations',\n description:\n 'Enable Marketplace installations to display an Install button on your listing.',\n },\n betaRelease: {\n title: 'Is this application in a beta release?',\n description:\n 'Indicate if the app is in a beta version, typically used for testing purposes.',\n betaVersion: 'Beta Version',\n },\n subscription_required_question:\n 'Does the app require an additional subscription to another system?',\n third_party_connector_required_question:\n 'Is there a third-party connector needed for the integration, or is it included in the subscription?',\n free_trial_question: 'Does your app offer a free trial?',\n pricing_link: 'External Pricing Link',\n pricing_description: 'Pricing Description',\n availability_label:\n 'Select the regions where your app will be accessible',\n securityCompliance: {\n toggleSecurityEnabled:\n 'The security & compliance section has been enabled.',\n toggleSecurityDisabled:\n 'The security & compliance section has been disabled.',\n header: 'Partner Security Review | Self-Certified Responses',\n subHeader:\n 'These details can help customers during their app evaluation and foster trust regarding your security and compliance measures. Please fill out this section to provide better transparency for your customers.',\n learnMore: 'Learn more about it here.',\n tabTitle: 'Security & Compliance Section',\n questionnaireTitle: 'Questionnaire',\n reviewQuestions: 'Review Questions',\n companyInformation: 'Company Information',\n privacy: 'Privacy & Data Governance',\n companyName: 'Company Legal Name',\n headquarters: 'Headquarters Location',\n dataProcessing: 'Data Processing Locations',\n toggleEnabled: 'Enable Security & Compliance Section',\n toggleDisabled: 'Disable Security & Compliance Section',\n subProcessors:\n 'Does your company engage subprocessors / vendors to process or store customer data?',\n subProcessorsDetails: 'Additional Subprocessor Details',\n sensitiveData:\n 'Do you or your subprocessors process or store sensitive personal data as part of the services/products you provide?',\n sensitiveDataDetails: 'Sensitive Data Handling Details',\n toggle:\n 'Activate this section to respond to security and compliance questions.',\n description:\n 'Please note that some fields are currently disabled and will only become active based on your responses to the corresponding questions.',\n securityPractices: 'Information Security Practices',\n hasSecurityContact:\n 'Does your company have a dedicated security function?',\n securityEmailContact: 'Security Issues Email Contact',\n hasSecurityAudits:\n 'Does your company undertake audits or other reviews to ensure security controls are implemented and operating effectively?',\n hasSecurityStandards:\n 'Are you accredited to any relevant security standards?',\n selectSecurityStandards: 'Security Standards',\n otherSecurityStandards: 'Other Security Standards',\n hasPenetrationTesting:\n 'Do you undertake penetration testing (or similar technical security testing, code review or vulnerability assessment); and are you able to provide copies of results/findings?',\n canNotifyProcore:\n 'Do you have mechanisms to notify Procore and customers in case of a security breach or data loss?',\n hasDisclosureProgram:\n 'Do you have a vulnerability disclosure program?',\n disclosureProgramURL: 'URL to Public Facing Program',\n hasBugBounty: 'Do you have a bug bounty program?',\n applicationSecurityFeatures: 'Application Security / Features',\n hasDataEncryptionAtRest:\n 'Is customer data encrypted at rest a minimum standard of AES-256 or equivalent?',\n hasDataEncryptionInTransit:\n 'Is customer data encrypted in transit a minimum standard of TLS 1.2?',\n hasSSOSupport: 'Does your application support Single Sign On (SSO)?',\n hasSAMLSupport:\n 'Does your application support Security Assertion Markup Language (SAML)?',\n hasMFASupport:\n 'Is multifactor authentication (MFA) required for back-end system access used to process customer data?',\n hasFASSupport:\n 'Does your integration support authenticated requests to Procore File Access Service (FAS)?',\n ssoProviders: 'SSO Providers',\n otherSSOProviders: 'Other SSO Providers',\n questionnaire: {\n title: 'Questionnaire',\n modal: {\n page_title: 'Security & Compliance',\n title_note:\n 'Here you will find the questions and their potential responses.',\n close_button: 'Return to Listing',\n body: {\n block1_title: 'Company Information',\n block1_row1: 'Company legal name',\n block1_row1_subtext:\n \"You'll need to provide the company legal name.\",\n block1_row2: 'Headquarters location',\n block1_row2_subtext: \"You'll need to select a location.\",\n block2_title: 'Privacy & Data Governance',\n block2_row1: 'Data processing locations',\n block2_row1_subtext: \"You'll need to select a location.\",\n block2_row2:\n 'Does your company engage subprocessors / vendors to process or store customer data?',\n block2_row2_subtext:\n '(e.g. cloud hosting providers, backup vendors, service providers, etc.) (\"Subprocessors\")',\n block2_row2_yes:\n \"Yes. You'll be asked to provide additional subprocessor details.\",\n block2_row3:\n 'Do you or your subprocessors process or store sensitive personal data as part of the services/products you provide?',\n block2_row3_yes:\n \"Yes. You'll be asked to provide sensitive data handling details.\",\n block3_title: 'Information Security Practices',\n block3_row1:\n 'Does your company have a dedicated security function?',\n block3_row1_subtext: 'e.g. security employees and management',\n block3_row1_yes:\n \"Yes. You'll be asked to provide security issues email contact.\",\n block3_row2:\n 'Does your company undertake audits or other reviews to ensure security controls are implemented and operation effectively?',\n block3_row3:\n 'Are you accredited to any relevant security standards?',\n block3_row3_yes:\n \"Yes. You'll be asked to provide your security standards.\",\n block3_row4:\n 'Do you undertake penetration testing (or similar technical security testing, code review or vulnerability assessment); and are you able to provide copies of results/findings?',\n block3_row5:\n 'Do you have mechanisms to notify Procore and customers in case of a security breach or data loss?',\n block3_row6: 'Do you have a vulnerability disclosure program?',\n block3_row6_yes:\n \"Yes. You'll be asked to provide the URL to public facing program.\",\n block3_row7: 'Do you have a bug bounty program?',\n block4_title: 'Application Security / Features',\n block4_row1:\n 'Is customer data encrypted at rest a minimum standard of AES-256 or equivalent?',\n block4_row2:\n 'Is customer data encrypted in transit a minimum standard of TLS 1.2?',\n block4_row3:\n 'Does your application support Single Sign On (SSO)?',\n block4_row3_yes:\n \"Yes. You'll be asked to provide the SSO providers.\",\n block4_row4:\n 'Does your application support Security Assertion Markup Language (SAML)?',\n block4_row5:\n 'Is multifactor authentication (MFA) required for back-end system access used to process customer data?',\n block4_row6:\n 'Does your integration support authenticated request to Procore File Access Service (FAS)?',\n yes: 'Yes',\n no: 'No',\n },\n },\n },\n },\n pricing: {\n subheader: 'App Pricing',\n subscription_required_response: {\n yes: 'Yes, an additional subscription is required',\n no: 'No, an additional subscription is not required',\n },\n third_party_connector_required_response: {\n yes: 'Yes, a third-party connector is needed for the integration',\n no: 'No, the integration includes the necessary connector in the subscription',\n },\n free_trial_response: {\n yes: 'Yes, a free trial is available',\n no: 'No, a free trial is not available',\n },\n pricing_link: {\n placeHolder:\n \"Enter the link for users to access your app's pricing details\",\n },\n pricing_description: {\n placeHolder:\n 'e.g. Flexible pricing model tailored to individual user needs. Refer to our pricing page for more details',\n },\n },\n availability: {\n title: 'App Availability',\n allRegions: 'All Countries or Regions',\n specificRegions: 'Specific Countries or Regions',\n allRegionsDescription:\n 'Make your app available in all Procore supported countries and regions.',\n specificRegionsDescription:\n 'Make your app available in the countries or regions you select.',\n },\n securityTrust: {\n header: 'Security & Trust - Partner Self-Certified',\n badgeTitle: 'Security & Trust Badge',\n badgeDescription:\n 'Enable the Security & Trust Badge on the Procore App Marketplace.',\n selfAssessmentDocument: 'Self-Assessment Document',\n },\n info: {\n securityCompliance: {\n subProcessors:\n '(e.g. cloud hosting providers, backup vendors, service providers, etc.) (\"Subprocessors\")',\n hasSecurityContact: '(e.g., security employees and management)',\n otherSecurityStandards: 'Specify other relevant security standards',\n otherSSOProviders: 'Specify any additional SSO providers.',\n },\n showcaseVideo:\n 'Submit a video demonstrating your app and its various use cases.',\n pricing_description:\n \"Describe your app's pricing structure, highlighting key aspects.\",\n pricing_link:\n \"Provide the link for users to access your app's pricing details.\",\n releaseVersion:\n 'Specify the app release version. Only promoted versions can be published on the marketplace.',\n draftDeveloperNotes:\n 'Brief explanation of what your app is and any additional information.',\n about:\n \"Introduce your company's background, experience, and expertise.\",\n adminMessage:\n 'Include direct feedback to the partner here if the marketplace listing is to be rejected.',\n builtBy: 'The name of your company',\n soldBy: 'The name of the organization selling the app',\n name: 'Public-facing name for your App.',\n searchDescription: 'Used for finding the app',\n tagline:\n \"Create a phrase summarizing your app's function. Max 40 characters.\",\n description:\n 'Provide a high-level summary of what users can do with your app.',\n howItWorks:\n 'Provide a description of how the integration between Procore and your App works. 500 character maximum.',\n logo: 'Accepted format PNG with dimensions of 200 x 200 px and a transparent or white background.',\n category: 'Select up to three categories that describe your app.',\n learnHowUrl: 'The URL to learn how to install your app',\n contactUsEmail: 'The email address for the sales team for your app',\n supportEmail: \"The contact email for your app's support team.\",\n supportWebsiteUrl: \"The URL for your app's support website link\",\n supportWebsiteLabel:\n \"Enter the label for your app's support website link.\",\n supportPhone: 'The phone number for your support team.',\n supportDocumentation:\n 'A link to the user documentation for your app.',\n salesName: 'The contact name of the primary salesperson for your app',\n salesPhone:\n 'The phone number for the primary salesperson for your app',\n salesEmail:\n 'The email address for the primary salesperson for your app',\n screenshots:\n 'Accepted formats include PNG and JPG with a 4:3 to 16:9 aspect ratio and resolution of 720x480 to 1920x1080.',\n videos:\n 'Accepted formats include MP4 and MOV with a minimum resolution of 720p, 24fps. Must include instructional voiceover.',\n helpfulLinks:\n 'A list of external links you want to include in your listing. These can be documentation, your company website, etc.',\n helpfulLinkUrl:\n 'The url of a link to include in the \"helpful links\" section of your listing',\n helpfulLinkLabel:\n 'The label of a link to include in the \"helpful links\" section of your listing',\n productTool:\n 'Please select the Procore product tools that are required to use your app.',\n regionsRequirement:\n 'Select regions/countries where your app is available.',\n regionsNote:\n 'You may select an entire region or individual countries within that region.',\n contactRadioButtons: {\n label: 'Type of Button',\n contactUs: {\n label: 'Contact Us Button',\n description:\n 'Use this button to let users reach out for support or inquiries about your app, even after installation.',\n },\n learnHow: {\n label: 'Learn How Button',\n description:\n 'If your app is self-service, guide users with the \"Learn How Button\" to a dedicated website detailing the installation or purchasing process.',\n },\n },\n createLeadButton: 'Create direct lead in Salesforce',\n createLeadNote:\n 'By selecting this option the marketplace will display a contact button, no email will be needed, this will create a direct lead in Salesforce.',\n createLeadSecondNote:\n 'If you want an email to be sent instead, please select Contact Us Button and provide an email.',\n regionsOtherNote:\n 'NOTE: When selecting an entire region, we will include any new countries Procore adds to that region.',\n },\n ordinalIndicators: {\n one: 'st',\n two: 'nd',\n few: 'rd',\n other: 'th',\n },\n ordinalIndicatorsText: {\n one: 'first',\n two: 'second',\n few: 'third',\n other: 'next',\n },\n },\n },\n marketplaceListing: 'Marketplace Listing',\n placeholders: {\n appType: 'Select an App Type...',\n category: 'Select a Category...',\n description: 'Please enter description.',\n name: 'Enter name',\n locationSelect: 'Select Location',\n supportEmail: 'Who to request support from',\n supportUrl:\n 'A website users can get information and support for your app.',\n supportPhone: 'x-xxx-xxx-xxxx',\n marketplaceApp: {\n about: \"Summarize your company's background\",\n builtBy: 'Enter name',\n category: 'Select categories',\n description: 'Enter description',\n feature: 'Enter %{ord} feature description',\n helpfulLinkLabel: 'Enter label',\n helpfulLinkUrl: 'Enter URL',\n howItWorks: 'Enter description',\n phone: 'x-xxx-xxx-xxxx',\n name: 'Enter app name',\n requirement: 'Enter %{ord} requirement',\n soldBy: 'Enter name',\n supportEmail: 'Enter contact email',\n supportWebsiteLabel: 'Enter label',\n supportWebsiteUrl: 'Enter URL',\n tagline: 'Enter tagline',\n versionNotes: 'Enter any additional information about your app',\n subProcessorsDetails: 'Enter subprocessor details',\n sensitiveDataDetails: 'Enter sensitive data details',\n selectSecurityStandards: 'Select security standards',\n otherSecurityStandards: 'Enter other security standards',\n ssoProviders: 'Select SSO Providers',\n otherSSOProviders: 'Enter other SSO providers',\n },\n helpfulLinks: {\n url: 'Enter URL',\n label: 'Enter Label',\n },\n contact: {\n email: 'Enter Email',\n learnHow: 'Enter URL',\n },\n url: 'Enter URL',\n },\n globalLabels: {\n yes: 'Yes',\n no: 'No',\n },\n modals: {\n confirmAccept: {\n title: 'Confirm Listing Approval',\n body: 'By approving this listing, you are confirming that all fields collected are acceptable by marketplace standards. If the listing requires any changes, do not approve it.',\n back: 'Back',\n approve: 'Approve',\n },\n confirmReject: {\n title: 'Confirm Listing Rejection',\n body: 'When you reject this listing, a notification will be sent to the author asking them to correct it. Please make sure any issues you see are listed in your admin message.',\n back: 'Back',\n reject: 'Reject',\n },\n adminMessage: {\n title: 'Reviewer Notes',\n back: 'Back',\n },\n marketplaceSubmitConfirmation: {\n title: 'Submit Listing for Review?',\n body: 'After you submit your listing, our team will verify that it meets Marketplace requirements. You will receive an email notification once the review is complete.',\n confirm: 'Submit for Review',\n cancel: 'Cancel',\n },\n marketplaceWithdrawConfirmation: {\n title: 'Withdraw from Review',\n body: 'If you withdraw your listing from review, you will need to resubmit in order to publish updates to your Marketplace listing.',\n confirm: 'Withdraw from Review',\n cancel: 'Cancel',\n },\n },\n published: 'Published',\n publishedDetails:\n 'A version of this app is currently published in the Marketplace. New changes must be submitted for review and approved before taking effect.',\n marketplaceEnabled: 'Enable Marketplace Listing',\n download: 'Download',\n confirmDeletionModal: {\n header: 'Delete File?',\n body: 'Are you sure you want to delete %{file_name}?',\n confirm: 'Delete File',\n cancel: 'Cancel',\n },\n filePreviewModal: {\n noPreviewAvailable: 'No Preview Available',\n close: 'Close',\n viewDocument: 'View the document here',\n },\n tabInfo: {\n titles: {\n [MARKETPLACE_TABS.APP]: 'App Information',\n [MARKETPLACE_TABS.CONTACT]: 'Contact',\n [MARKETPLACE_TABS.FEATURES]: 'Features',\n [MARKETPLACE_TABS.LINKS]: 'Links',\n [MARKETPLACE_TABS.MEDIA]: 'Media Content',\n [MARKETPLACE_TABS.REGIONS]: 'Pricing & Availability',\n [MARKETPLACE_TABS.REQUIREMENTS]: 'Integration Requirements',\n [MARKETPLACE_TABS.SUPPORT]: 'Support',\n [MARKETPLACE_TABS.TOOLS]: 'Required Procore Tools',\n [MARKETPLACE_TABS.SECURITY]: 'Security & Compliance',\n },\n sections: {\n [MARKETPLACE_TABS.APP]: {\n general: 'General',\n },\n },\n descriptions: {\n [MARKETPLACE_TABS.CONTACT]:\n 'Collect sales lead inquiries from users via a lead generation button, or allow them to click to learn how they can purchase or install your software on their own. ',\n [MARKETPLACE_TABS.FEATURES]:\n 'Enter a description for each app feature you would like to highlight, up to 200 characters. These will display as bullet points at the top of your marketplace listing.',\n [MARKETPLACE_TABS.LINKS]:\n 'Include up to three external links in your listing, such as documentation or your company website. These URLs will be listed in the Helpful Links section of your app listing.',\n [MARKETPLACE_TABS.MEDIA]:\n 'Include logo, three screenshots of your app in action and one demo video showing app data interaction with Procore. ',\n [MARKETPLACE_TABS.REQUIREMENTS]:\n 'Specify the fundamental prerequisites for your application, including necessary configurations and potential third-party dependencies. This section outlines the core functionality needed for your app to operate seamlessly within Procore.',\n [MARKETPLACE_TABS.SUPPORT]:\n \"Ensure your support website includes a concise summary of your app's core functionality and its integration with Procore, an English privacy policy outlining third-party data usage, and clear instructions for app usage.\",\n },\n linkText: {\n [MARKETPLACE_TABS.CONTACT]: 'Learn more.',\n [MARKETPLACE_TABS.MEDIA]:\n 'See more about media upload requirements here.',\n },\n },\n },\n});\n","import React, { createContext, useContext, useMemo, useState } from 'react';\nimport PT from 'prop-types';\n\nconst ErrorContext = createContext(null);\n\nexport const useErrorContext = () => {\n const context = useContext(ErrorContext);\n\n if (!context) {\n throw new Error('useErrorContext must be used within an ErrorProvider');\n }\n\n return context;\n};\n\nexport const ErrorProvider = ({ children }) => {\n const [errors, setErrors] = useState();\n\n const addErrors = (errors) => {\n setErrors([...errors]);\n };\n\n const clearErrors = () => {\n setErrors([]);\n };\n\n const value = useMemo(() => ({ errors, addErrors, clearErrors }), [errors]);\n\n return (\n {title}
\n \n }\n >\n{I18n.t(`tabInfo.sections.${MARKETPLACE_TABS.APP}.general`)}
\n{I18n.t('labels.marketplaceApp.version.title')}
\n{I18n.t('labels.marketplaceApp.securityTrust.header')}
\n \n\n {I18n.t('labels.marketplaceApp.adminAppSpecifications.title')}\n
\n\n \n \n \n \n\n \n \n {\n onFieldChange(\n [MARKETPLACE_TABS.REGIONS, 'subscription_required'],\n true\n );\n }}\n >\n \n {I18n.t(\n 'labels.marketplaceApp.pricing.subscription_required_response.yes'\n )}\n \n \n {\n onFieldChange(\n [MARKETPLACE_TABS.REGIONS, 'subscription_required'],\n false\n );\n }}\n >\n \n {I18n.t(\n 'labels.marketplaceApp.pricing.subscription_required_response.no'\n )}\n \n \n \n \n \n\n \n \n {\n onFieldChange(\n [MARKETPLACE_TABS.REGIONS, 'connector_required'],\n true\n );\n }}\n >\n \n {I18n.t(\n 'labels.marketplaceApp.pricing.third_party_connector_required_response.yes'\n )}\n \n \n {\n onFieldChange(\n [MARKETPLACE_TABS.REGIONS, 'connector_required'],\n false\n );\n }}\n >\n \n {I18n.t(\n 'labels.marketplaceApp.pricing.third_party_connector_required_response.no'\n )}\n \n \n \n \n \n\n \n \n {\n onFieldChange([MARKETPLACE_TABS.REGIONS, 'has_trials'], true);\n }}\n >\n \n {I18n.t(\n 'labels.marketplaceApp.pricing.free_trial_response.yes'\n )}\n \n \n {\n onFieldChange([MARKETPLACE_TABS.REGIONS, 'has_trials'], false);\n }}\n >\n \n {I18n.t('labels.marketplaceApp.pricing.free_trial_response.no')}\n \n \n \n \n \n\n \n \n \n onFieldChange(\n [MARKETPLACE_TABS.REGIONS, 'pricing_url'],\n e.target.value\n )\n }\n />\n \n \n \n \n onFieldChange(\n [MARKETPLACE_TABS.REGIONS, 'pricing_description'],\n e.target.value\n )\n }\n />\n \n \n \n\n \n \n \n \n\n \n \n \n\n \n {\n onSelectAll(true);\n }}\n >\n \n \n {I18n.t('labels.marketplaceApp.availability.allRegions')}\n \n \n {I18n.t(\n 'labels.marketplaceApp.availability.allRegionsDescription'\n )}\n \n \n \n {\n onSelectAll(false);\n }}\n >\n \n \n {I18n.t('labels.marketplaceApp.availability.specificRegions')}\n \n \n {I18n.t(\n 'labels.marketplaceApp.availability.specificRegionsDescription'\n )}\n \n \n \n \n \n \n\n {selectAll === false && (\n \n \n {regionState.map((region, regionIdx) => (\n \n \n \n
\n
\n ))}\n \n\n {I18n.t('labels.marketplaceApp.pricing.subheader')}
\n{I18n.t('labels.marketplaceApp.availability.title')}
\n\n {renderRegion(region, regionIdx)}\n
\n \n Don’t see your country? \n \n Contact us to add it.\n \n
\n | \n ))}\n |
|---|
{title}
\n {subtext && (\n{I18n.t(`${i18Prefix}.questionnaire.title`)}
\n\n {I18n.t(\n `${i18Prefix}.questionnaire.modal.body.block1_title`\n )}\n
\n\n {I18n.t(\n `${i18Prefix}.questionnaire.modal.body.block1_row1`\n )}\n
\nHeadquarters location
\n\n {I18n.t(\n `${i18Prefix}.questionnaire.modal.body.block2_title`\n )}\n
\n\n {I18n.t(\n `${i18Prefix}.questionnaire.modal.body.block2_row1`\n )}\n
\n\n {I18n.t(\n `${i18Prefix}.questionnaire.modal.body.block3_title`\n )}\n
\n\n {I18n.t(\n `${i18Prefix}.questionnaire.modal.body.block4_title`\n )}\n
\n{I18n.t(`${i18Prefix}.header`)}
\n{I18n.t(`${i18Prefix}.questionnaireTitle`)}
\n{I18n.t(`${i18Prefix}.companyInformation`)}
\n{I18n.t(`${i18Prefix}.privacy`)}
\n{I18n.t(`${i18Prefix}.securityPractices`)}
\n{I18n.t(`${i18Prefix}.applicationSecurityFeatures`)}
\n{I18n.t('modals.confirmAccept.body')}
\n\n\n {I18n.lookup(`tabInfo.descriptions.${tab}`) && (\n
{I18n.t('publishedDetails')}
\n- \n {errors.map((error, idx) => {\n const key = `error_${idx}`;\n return
- {error} ;\n })}\n
\n {errorKeys.map((errKey) => (\n handlers.clearError(errKey)}\n />\n ))}\n
\n );\n }\n\n onTabSwitch = (I18n, tab) => {\n const { state, handlers } = this.props.adminDeveloperAppShowStore;\n\n if (state.tab === TABS.MARKETPLACE && state.unsavedData) {\n const resp = window.confirm(I18n.t('unsavedPrompt'));\n // Only switch tab after confirming\n if (resp) {\n handlers.switchTab(tab);\n }\n } else {\n handlers.switchTab(tab);\n }\n };\n\n // eslint-disable-next-line class-methods-use-this\n formatTimestamp(timestamp) {\n return moment(timestamp).format('MMMM Do YYYY, h:mm:ss a');\n }\n\n activeTab() {\n const { state, handlers } = this.props.adminDeveloperAppShowStore;\n const marketplaceApp =\n state.app?.unpublished_app || state.app?.published_app;\n\n switch (state.tab) {\n case TABS.SANDBOX:\n return {message}
;\n }\n\n render() {\n const { adminDeveloperAppShowStore, I18n } = this.props;\n const { state, handlers } = adminDeveloperAppShowStore;\n\n return (\n \n \n {state.app.owner.name}\n
\n\n \n \n {state.app.owner.email}\n
\n\n \n \n {state.app.owner.procore_id}\n
\n\n {this.infoMessage(I18n)}\n \n \n {this.formatTimestamp(state.app.created_at)}\n
\n \n \n {this.formatTimestamp(state.app.updated_at)}\n
\n\n \n \n {state.app.deleted_at\n ? this.formatTimestamp(state.app.deleted_at)\n : I18n.t('labels.not_deleted')}\n
\n {I18n.t('messages.careful')}
\n{I18n.t('messages.newOwnerSave')}
\nAdd Bucket
\nBucket Templates
\nQuotaMinder
\nRetrieve Buckets
\nView Buckets
\n\n
\n);\n\nFlashArea.propTypes = {\n className: PropTypes.string,\n children: PropTypes.node.isRequired,\n};\n\nFlashArea.defaultProps = {\n className: '',\n};\n\nexport default FlashArea;\n","import { pathOr } from 'ramda';\n\nexport const getIsDisabledFunc = (canEdit, appFieldPermissions) => (\n fieldName\n) => {\n return (\n !pathOr(false, [fieldName, 'editable'], appFieldPermissions) || !canEdit\n );\n};\n\nexport default {\n getIsDisabledFunc,\n};\n","import React from 'react';\nimport PT from 'prop-types';\nimport { Button, Required, Flex, useI18nContext } from '@procore/core-react';\nimport CardFooter from '../../shared/card/CardFooter';\n\nconst FormFooter = ({ saveDisabled, onSaveClick, buttonQaTag }) => {\n const I18n = useI18nContext();\n\n return (\n \n {children}\n
\n {I18n.t('appSettings')}
\n{I18n.t('modals.resetProductionCredentials.message')}
\n\n {I18n.t('credentials.appIsCurrentlySetTo')}\n \n {' '}\n {fields.grant_type === 'client_credentials' ? I18n.t('credentials.client_credentials') : fields.confidential ? I18n.t('credentials.confidentialTrue') : I18n.t('credentials.confidentialFalse')}\n \n .
\n
{I18n.t('appCredentials')}
\n\n {I18n.t('acceptableURI')}\n
\n {I18n.t('urnRedirectlessOAuth')}\n \n
{I18n.t('manageManifests')}
\n{I18n.t('listingActivation.title')}
\n\n \n {I18n.t('listingActivation.description')}\n \n
\n \n \n {I18n.t('listingActivation.contact')}{' '}\n \n partnerprograms@procore.com\n \n \n
\n ![](\"/assets/images/partner.svg\")
\n {I18n.t('listingActivation.activation.title')}
\n![](\"/assets/images/marketplace.svg\")
\n {I18n.t('listingActivation.partner.title')}
\n{I18n.t('sandbox.buildingSandbox')}
\n{I18n.t('sandbox.thisMayTakeTime')}
\n \n{I18n.t('sandbox.somethingWentWrong')}
\n{I18n.t('sandbox.teamNotified')}
\n \n\n {I18n.t('acceptableURI')}\n \n
{I18n.t('sandboxAccount')}
\n\n {wantingFormDrivenExperience && (\n \n {I18n.t('publishedAppWarning')}\n Please contact\n apisupport@procore.com \n if you need something changed.\n \n )}\n {developerApp.production_access === PRODUCTION_PENDING && (\n \n \n {I18n.t('apiKeyApproval')}\n \n )}\n \n \n \n \n \n {I18n.t('apps')} \n \n \n {internalAppName} \n \n \n {I18n.t('manageApp')}\n \n \n \n \n \n\n {!isEmpty(aggregatesData) && (\n <>\n \n \n \n \n \n {\n this.trackEvent(\n 'developers.app_metrics.view_report.clicked'\n );\n window.location = developerAppMetricsPath;\n }}\n >\n {I18n.t('viewMetricsReport')}\n \n \n \n \n \n \n \n {I18n.t('manageApp')} \n \n \n )}\n \n {errorMap[SECTIONS.GLOBAL] && (\n \n \n \n {I18n.t('errorOccurred')} \n {errorMap[SECTIONS.GLOBAL]} \n \n \n \n )}\n \n \n {!isEmpty(aggregatesData) && (\n \n \n this.onSave('settings')}\n appFieldPermissions={appFieldPermissions}\n canEdit={canEdit}\n onChange={onChange}\n fields={developerApp.settings}\n developerAppId={developerAppId}\n error={errorMap[SECTIONS.SETTINGS]}\n />\n \n \n \n \n {errorMap[SECTIONS.DEV_APP_FETCH] ? (\n \n {I18n.t('credentialsError')} Please reload this page, and if\n you continue to experience issues contact us at{' '}\n \n apisupport@procore.com\n \n \n ) : (\n \n this.onSave('credentials')}\n onError={onError}\n canEdit={canEdit}\n onChange={onChange}\n fields={developerApp.credentials}\n appFieldPermissions={appFieldPermissions}\n appCredentialsDocPath={appCredentialsDocPath}\n redirectUriDocPath={redirectUriDocPath}\n resetAppSecret={resetAppSecret}\n resetAppSecretSuccess={resetOrGetAppSecretSuccess}\n developerAppId={developerAppId}\n credentials={developerApp.credentials}\n forgetSecret={forgetSecret}\n loading={loadingMap[SECTIONS.CREDENTIALS]}\n resetCredentialsConfirmed={resetCredentialsConfirmed}\n toggleResetCredentialsConfirmed={\n toggleResetCredentialsConfirmed\n }\n canModifyCredentials={canModifyCredentials}\n error={errorMap[SECTIONS.CREDENTIALS]}\n secretResetCount={secretResetCount}\n />\n \n )}\n \n \n \n \n
\n );\n }\n}\n\nShow.propTypes = {\n developerAppShowStore: PT.shape({\n state: PT.shape({\n manifestTab: PT.string.isRequired,\n developerApp: PT.shape(DEVELOPER_APP_PT.TYPES),\n developerAppUid: PT.string.isRequired,\n productionManifests: PT.arrayOf(MANIFEST_PT),\n sandboxManifests: PT.arrayOf(MANIFEST_PT),\n appFieldPermissions: PT.shape({}).isRequired,\n resetCredentialsConfirmed: PT.bool.isRequired,\n errorMap: PT.shape({}).isRequired,\n loadingMap: PT.shape({}).isRequired,\n savingMap: PT.shape({}).isRequired,\n api: PT.shape({}).isRequired,\n isFirstOAuthManifest: PT.bool.isRequired,\n developerAppsIndexPath: PT.string,\n developerAppsShowPath: PT.string,\n resetSandboxCredentialsConfirmed: PT.bool,\n }),\n handlers: PT.shape({\n canGenerateSandbox: PT.func.isRequired,\n createManifest: PT.func.isRequired,\n createOrUpdateMarketplaceApp: PT.func.isRequired,\n createOrUpdateMarketplaceAppSuccess: PT.func.isRequired,\n createProductionManifestSuccess: PT.func.isRequired,\n createSandboxManifestSuccess: PT.func.isRequired,\n fetchDeveloperApp: PT.func.isRequired,\n fetchDeveloperAppSuccess: PT.func.isRequired,\n fetchPermissions: PT.func.isRequired,\n fetchPermissionsSuccess: PT.func.isRequired,\n fetchProductionManifests: PT.func.isRequired,\n fetchProductionManifestsSuccess: PT.func.isRequired,\n fetchSandboxManifests: PT.func.isRequired,\n fetchSandboxManifestsSuccess: PT.func.isRequired,\n forgetSecret: PT.func.isRequired,\n generateFakeSandbox: PT.func.isRequired,\n generateFakeSandboxSuccess: PT.func.isRequired,\n getAppSecret: PT.func.isRequired,\n onError: PT.func.isRequired,\n onChange: PT.func.isRequired,\n postFeatureServiceJob: PT.func.isRequired,\n postFeatureServiceJobSuccess: PT.func.isRequired,\n promoteManifest: PT.func.isRequired,\n promoteManifestSuccess: PT.func.isRequired,\n resetAppSecret: PT.func.isRequired,\n resetSandboxAppSecret: PT.func.isRequired,\n resetOrGetAppSecretSuccess: PT.func.isRequired,\n resetOrGetSandboxAppSecretSuccess: PT.func.isRequired,\n setIsFirstOAuthManifest: PT.func.isRequired,\n switchManifestTab: PT.func.isRequired,\n toggleResetCredentialsConfirmed: PT.func.isRequired,\n toggleResetSandboxCredentialsConfirmed: PT.func.isRequired,\n trackEvent: PT.func.isRequired,\n updateAppVersion: PT.func.isRequired,\n updateAppVersionSuccess: PT.func.isRequired,\n updateDeveloperApp: PT.func.isRequired,\n updateDeveloperAppSuccess: PT.func.isRequired,\n updateMarketplaceApp: PT.func.isRequired,\n updateSandbox: PT.func.isRequired,\n updateSandboxSuccess: PT.func.isRequired,\n }),\n }).isRequired,\n appCredentialsDocPath: PT.string.isRequired,\n redirectUriDocPath: PT.string.isRequired,\n canEdit: PT.bool.isRequired,\n canModifyCredentials: PT.bool.isRequired,\n canModifyManifests: PT.bool.isRequired,\n canSubmitMarketplaceApp: PT.bool.isRequired,\n marketplaceDraftListingPath: PT.string.isRequired,\n newDraftPreviewActive: PT.bool.isRequired,\n developerAppId: PT.string.isRequired,\n enqueueToast: PT.func.isRequired,\n hasPublishedApp: PT.bool.isRequired,\n featureServiceKickoffPath: PT.string.isRequired,\n manifestSupportDocPath: PT.string.isRequired,\n sandboxStatus: PT.string.isRequired,\n generateFakeSandboxPath: PT.string,\n errorMap: PT.shape({}),\n loadingMap: PT.shape({}),\n savingMap: PT.shape({}),\n sandboxCredentialsDocPath: PT.string,\n secretResetCount: PT.number.isRequired,\n canGenerateFakeSandbox: PT.bool,\n I18n: PT.shape({\n t: PT.func,\n }),\n marketplaceReviewerEmail: PT.string,\n productTools: PT.arrayOf(PT.shape(PRODUCT_TOOLS_PT.TYPES)),\n regions: PT.arrayOf(PT.shape(REGIONS_PT.TYPES)),\n isProcoreEmployee: PT.bool.isRequired,\n countries: PT.arrayOf(PT.shape(COUNTRIES_PT.TYPES)),\n metricsData: PT.shape(METRICS_DATA_PT.TYPES),\n developerAppMetricsPath: PT.string,\n canViewClientCredentials: PT.bool.isRequired,\n canSetSemanticVersions: PT.bool.isRequired,\n canCreateSandboxManifests: PT.bool.isRequired,\n dmsaPermissions: PT.shape({\n company: PT.array,\n project: PT.array,\n }),\n securityStandards: PT.arrayOf(PT.shape({})).isRequired,\n ssoProviders: PT.arrayOf(PT.string).isRequired,\n};\n\nShow.defaultProps = {\n errorMap: {},\n loadingMap: {},\n savingMap: {},\n generateFakeSandboxPath: '',\n sandboxCredentialsDocPath: '/',\n canGenerateFakeSandbox: false,\n I18n: {\n t: () => {},\n },\n marketplaceReviewerEmail: '',\n productTools: [],\n regions: [],\n isProcoreEmployee: false,\n countries: [],\n metricsData: METRICS_DATA_PT.DEFAULTS,\n developerAppMetricsPath: '',\n};\n\nexport default Show;\n","import React from 'react';\nimport PT from 'prop-types';\nimport { I18nProvider, useI18nContext } from '@procore/core-react';\nimport { compose } from 'recompose';\nimport withBugsnag from '@/react/shared/BugsnagProvider';\nimport Show from './Show';\nimport i18n from './i18n';\nimport StateContainer from './StateContainer';\nimport { ToastAlertProvider, useToastAlertContext } from '@procore/toast-alert';\nimport { LaunchDarklyProvider } from '@/react/context/LaunchDarkly.context';\n\nconst WrappedComponent = (props) => {\n const I18n = useI18nContext();\n const { showToast } = useToastAlertContext();\n return \n {Object.values(TAB_SECTIONS).map((section) => (\n \n \n {TABS_PER_SECTION[section]\n .filter((tab) => canShowTab({ metricsData, ...devApp }, tab))\n .map((val) => (\n \n changeTab(val)}\n paddingLeft=\"16px\"\n >\n {i18n.t(val)}\n \n \n ))}\n \n \n ))}\n
\n );\n};\n\nexport default SideNav;\n","import React from 'react';\nimport PT from 'prop-types';\n\nimport { Typography, Table, useI18nContext } from '@procore/core-react';\nimport { Check, Clear } from '@procore/core-icons';\n\nconst permissions = [\n { name: 'viewProdClientId', allowed: ['owner', 'admin', 'developer'] },\n { name: 'viewSandboxCreds', allowed: ['owner', 'admin', 'developer'] },\n { name: 'viewManifests', allowed: ['owner', 'admin', 'developer'] },\n { name: 'editAppSettings', allowed: ['owner', 'admin'] },\n { name: 'editManifests', allowed: ['owner', 'admin'] },\n { name: 'submitListing', allowed: ['owner', 'admin'] },\n { name: 'resetSecrets', allowed: ['owner', 'admin'] },\n { name: 'updatePermissions', allowed: ['owner', 'admin'] },\n { name: 'deleteApp', allowed: ['owner'] },\n];\n\nconst TableRow = ({ permission }) => {\n const I18n = useI18nContext();\n\n return (\n \n {i18n.t(`tabSection.${section}`)}\n
\n{I18n.t('manageCollaborators')}
\n{I18n.t('marketplace.progressBar.title')}
\n- \n {['first', 'second', 'third', 'fourth'].map((key) => (\n
- {I18n.t(`marketplace.banner.updates.${key}`)} \n ))}\n
{I18n.t('deleteAppTitle')}
\n\n {I18n.t(\n 'modals.viewManifest.manifest',\n { version }\n )}\n
\n{I18n.t('viewManifests')}
\n\n {I18n.t(\n 'configurationsTab.promoteConfirmationModal.promotionExplanation'\n )}\n
\n\n\n {I18n.t(\n 'configurationsTab.promoteConfirmationModal.releaseNotesExplanation'\n )}\n
\n \n{I18n.t('modals.addComponent.title')}
\n{I18n.t('modals.addComponent.bodyTitle')}
\n\n\n
\n
\n
\n
\n
\n
\n {displayError && (\n \n \n {I18n.t('validation.missingFields')} \n \n \n )}\n\n {\n setSemanticVersionModalOpen(true);\n }}\n onPromote={() => {\n setPromoteConfirmationModalOpen(true);\n setPromoteDisabled(true);\n }}\n loading={loading}\n />\n\n \n \n \n {I18n.t('configurationsTab.installationKeys')}\n \n \n \n {I18n.t('configurationsTab.installationKeysDetail')}\n \n \n \n \n {currentSandboxManifest && (\n {\n navigator.clipboard.writeText(\n currentSandboxManifest.app_version_id\n );\n showToast.success(\n I18n.t('configurationsTab.copySuccess')\n );\n }}\n display=\"flex\"\n flexDirection=\"column\"\n paddingBottom=\"sm\"\n >\n \n {I18n.t('configurationsTab.sandboxAppVersionKey', {\n version: currentSandboxManifest.semantic_version,\n })}\n \n \n \n {currentSandboxManifest.app_version_id}\n \n \n )}\n\n {currentProductionManifest && (\n {\n navigator.clipboard.writeText(\n currentProductionManifest.app_version_id\n );\n showToast.success(\n I18n.t('configurationsTab.copySuccess')\n );\n }}\n display=\"flex\"\n flexDirection=\"column\"\n >\n \n {I18n.t('configurationsTab.productionAppVersionKey', {\n version: currentProductionManifest.semantic_version,\n })}\n \n \n \n {currentProductionManifest.app_version_id}\n \n \n \n \n {I18n.t('configurationsTab.sandboxUrl', {\n version: currentSandboxManifest.semantic_version,\n })}\n \n \n \n sandbox.procore.com\n \n \n \n \n \n \n )}\n\n \n \n \n \n setCurrentManifest({\n ...currentManifest,\n configured_manifest_content: {\n ...currentManifest.configured_manifest_content,\n post_installation_instruction: postInstallInstructions,\n },\n })\n }\n />\n \n
\n ![](\"/assets/images/procore-logo-black-2025.svg\"){kind=logo}
\n {devApp.internal_name}
\n![](\"assets/images/form_based_modal_picture.svg\"/)
\n {i18n.t('form.title')}
\n{I18n.t('deleteAppTitle')}
\n {I18n.t('deleteAppInfo')}\n\n \n {endpoint}\n
\n {summary}
\n\n
\n \n
\n {isoDate(datestamp)}
\n\n
\n \n {i18n.version}\n {showVersion(versions)}\n
\n\n
\n \n
\n {getSectionSummary(link)}\n {isBig && (\n \n
\n
\n
{i18n.noMatch}
;\n }\n };\n\n return (\n <>\n\n
\n \n setSearchTerm(value)}\n placeholder={i18n.searchChangelogs}\n value={searchTerm}\n />\n
\n \n {displayPrimaryTypeFilter}\n {displayTypeFilters}\n \n {displayPrimaryBreakingFilter}\n
\n \n
\n \n
\n
\n {displayAggregated()}\n \n
\n
\n \n \n \n ))}\n
\n {i18n.changeTypes}
\n {allTypeNames.map((type) => (\n\n
\n