\r\n \r\n {this.props.label}\r\n \r\n {helpLinkId && \r\n {this.props.children}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst Wraped = withDefaultStyles(PanelBase, getStyle);\r\nexport { Wraped as Panel };\r\n\r\nPanelBase.propTypes = {\r\n\r\n /**\r\n * Content rendered in the body\r\n */\r\n children: PropTypes.node,\r\n\r\n /**\r\n * If panel expanded or not initially\r\n */\r\n expanded: PropTypes.bool,\r\n\r\n /**\r\n * id name of the element\r\n */\r\n id: PropTypes.string,\r\n\r\n /**\r\n * Title of the panel\r\n */\r\n label: PropTypes.string.isRequired,\r\n\r\n /**\r\n * onClick functionality to turn into a full\r\n * controlled component.\r\n */\r\n onClick: PropTypes.func,\r\n\r\n helpLinkId: PropTypes.string,\r\n\r\n classes: PropTypes.objectOf(PropTypes.string),\r\n\r\n isUIVnext: PropTypes.bool,\r\n};\r\n\r\nPanelBase.defaultProps = {\r\n children: '',\r\n expanded: false,\r\n id: undefined,\r\n onClick: undefined,\r\n helpLinkId: undefined,\r\n classes: {},\r\n isUIVnext: false,\r\n};\r\n\r\n","import _ from 'underscore';\r\nimport { helpbuttonStyle } from '@bingads-webui-campaign-react/common-styles';\r\nimport { style } from './style';\r\n\r\nexport const getStyle = function (components, core) {\r\n const baseStyle = style;\r\n if (!core.isUIVnext) {\r\n return baseStyle;\r\n }\r\n return {\r\n ...baseStyle,\r\n panel: _.extend(baseStyle.panel, {\r\n marginTop: '36px',\r\n }),\r\n panelHeader: _.extend(baseStyle.panelHeader, {\r\n font: 'normal 14px Sego !important',\r\n height: '40px',\r\n borderBottom: 'none',\r\n borderTop: `1px solid ${core.palette.neutralSecondary}`,\r\n paddingTop: '10px !important',\r\n '& .helpbutton': _.extend(helpbuttonStyle(core)['.helpbutton'], {\r\n display: 'inline',\r\n verticalAlign: 'baseline',\r\n color: `${core.palette.themePrimary}`,\r\n padding: 0,\r\n }),\r\n '& .helpbutton::before': helpbuttonStyle(core)['.helpbutton::before'],\r\n '& .helpbutton:after': {\r\n content: 'none',\r\n },\r\n }),\r\n panelBody: _.extend(baseStyle.panelBody, {\r\n paddingTop: '0',\r\n paddingLeft: '30px',\r\n }),\r\n panelTitle: _.extend(baseStyle.panelTitle, {\r\n color: `${core.palette.themePrimary}`,\r\n display: 'inline',\r\n font: 'normal 18px Segoe UI !important',\r\n fontSize: '18px',\r\n '&:focus': {\r\n outline: 'none',\r\n 'text-decoration': 'underline',\r\n },\r\n }),\r\n icon: _.extend(baseStyle.icon, {\r\n fontSize: '18px',\r\n paddingRight: '11px',\r\n }),\r\n };\r\n};\r\n","import _ from 'underscore';\r\nimport { i18nMap } from '@bingads-webui-campaign/report-shared';\r\n\r\nexport const sectionType = {\r\n GENERAL: 'general', COLUMN: 'column', FILTER: 'filter', SETTING: 'setting', ROOT: 'root',\r\n};\r\n\r\nexport const renderTypes = {\r\n Table: _TL_('Table'),\r\n Linechart: _TL_('Line chart'),\r\n Barchart: _TL_('Bar chart'),\r\n};\r\n\r\nexport const timeGrains = i18nMap.ReportAggregation;\r\n\r\nexport const fileFormats = i18nMap.FileFormatForReporting;\r\n\r\n\r\nexport const savedTaskItemTypes = {\r\n Template: 'ReportUITemplate',\r\n CustomerTemplate: 'ReportUICustomerTemplate',\r\n AccountTemplate: 'ReportUIAccountTemplate',\r\n};\r\n\r\nconst sharedTemplateTypes = [\r\n savedTaskItemTypes.CustomerTemplate,\r\n savedTaskItemTypes.AccountTemplate,\r\n];\r\n\r\nexport const isValidSaveType =\r\n taskItemType =>\r\n _.chain(savedTaskItemTypes).values(savedTaskItemTypes).contains(taskItemType).value();\r\n\r\nexport const getSaveType = ({\r\n IsReportsMergeEnabled, IsInternalUser, accountScope, taskItem,\r\n}) => {\r\n const taskItemType = _.result(taskItem, 'Type', 'invalid-type');\r\n const isSavedTaskItemType = isValidSaveType(taskItemType);\r\n if (isSavedTaskItemType) {\r\n return taskItemType;\r\n } else if (IsReportsMergeEnabled && !IsInternalUser) {\r\n return accountScope ? savedTaskItemTypes.AccountTemplate : savedTaskItemTypes.CustomerTemplate;\r\n }\r\n return savedTaskItemTypes.Template;\r\n};\r\n\r\nexport function isSharedTemplateType(type) {\r\n return _.contains(sharedTemplateTypes, type);\r\n}\r\n\r\nexport const ScopeFilterLevel = {\r\n None: 'None',\r\n User: 'User',\r\n Customer: 'Customer',\r\n Account: 'Account',\r\n Campaign: 'Campaign',\r\n};\r\n\r\nexport function getScopeFilterLevel(mtScopeFilterLevel) {\r\n const mtEnum = _.result(mtScopeFilterLevel, 'enum', []);\r\n\r\n if (_.contains(mtEnum, ScopeFilterLevel.Campaign)) {\r\n return ScopeFilterLevel.Campaign;\r\n } else if (_.contains(mtEnum, ScopeFilterLevel.Account)) {\r\n return ScopeFilterLevel.Account;\r\n } else if (_.contains(mtEnum, ScopeFilterLevel.Customer)) {\r\n return ScopeFilterLevel.Customer;\r\n } else if (_.contains(mtEnum, ScopeFilterLevel.User)) {\r\n return ScopeFilterLevel.User;\r\n }\r\n\r\n return ScopeFilterLevel.None;\r\n}\r\n\r\nexport const partialConversionsColumns = {\r\n AllConversions: 'AllConversionsQualified',\r\n Conversions: 'ConversionsQualified',\r\n ConversionRate: 'ConversionRateQualified',\r\n AllConversionRate: 'AllConversionRateQualified',\r\n LowQualityConversions: 'LowQualityConversionsQualified',\r\n CostPerConversion: 'CostPerConversionQualified',\r\n ViewThroughCostPerConversion: 'ViewThroughCostPerConversionQualified',\r\n ViewThroughConversionRate: 'ViewThroughConversionRateQualified',\r\n AllCostPerConversion: 'AllCostPerConversionQualified',\r\n};\r\n\r\nexport function getPartialConversionsQualifiedColumns(columns) {\r\n const newColumns = columns.map(column => partialConversionsColumns[column] || column);\r\n return newColumns;\r\n}\r\n","export const getReportOptions = (includeTotalRow) => {\r\n let options = 'IncludeColumnHeaders,IncludeReportFooter,IncludeReportHeader';\r\n if (includeTotalRow) {\r\n options += ',IncludeTotalRows';\r\n }\r\n return options;\r\n};\r\n\r\n","import _ from 'underscore';\r\nimport { trim } from 'underscore.string';\r\nimport { Shared as sharedSchema } from '@bingads-webui/report-ui-interface';\r\n\r\nconst operatorToApi = {\r\n $eq: 'Equals',\r\n $neq: 'DoesNotEqual',\r\n $gt: 'GreaterThan',\r\n $gte: 'GreaterThanEqual',\r\n $in: 'Equals',\r\n $lt: 'LessThan',\r\n $lte: 'LessThanEqual',\r\n $contains: 'Contains',\r\n $containsany: 'Contains',\r\n $doesnotcontain: 'DoesNotContain',\r\n $startswith: 'BeginsWith',\r\n $endswith: 'EndsWith',\r\n};\r\n\r\nconst operatorFromApi = _.object(_.values(operatorToApi), _.keys(operatorToApi));\r\n\r\nfunction batchToString(arr) {\r\n return _.map(arr, x => String(x));\r\n}\r\n\r\nfunction toApi(predicates, filterSchema = sharedSchema.filters, valueHandledByCaller = false) {\r\n const filters = _.map(predicates, (predicate) => {\r\n const propertyName = _.keys(predicate)[0];\r\n const propertySchema = filterSchema[propertyName];\r\n const propertyValueObject = predicate[propertyName];\r\n const operatorUi = _.keys(propertyValueObject)[0];\r\n const propertyValueUi = propertyValueObject[operatorUi];\r\n\r\n let operatorApi;\r\n let propertyValuesApi;\r\n\r\n if (valueHandledByCaller) {\r\n operatorApi = operatorToApi[operatorUi];\r\n propertyValuesApi = propertyValueUi;\r\n } else if (propertySchema.enum) {\r\n propertyValuesApi = [...propertyValueUi];\r\n operatorApi = 'Equals';\r\n } else if (propertySchema.type === 'string') {\r\n propertyValuesApi = propertyValueUi.split(',').map(x => trim(x));\r\n operatorApi = 'Equals';\r\n } else if (propertySchema.type === 'integer') {\r\n propertyValuesApi = [propertyValueUi];\r\n operatorApi = operatorToApi[operatorUi];\r\n }\r\n\r\n const result = {\r\n Filter: {\r\n LogicalOperator: 'OR',\r\n Expressions: [\r\n {\r\n '@odata.type': '#Model.Predicate',\r\n PropertyName: propertyName,\r\n Operator: operatorApi,\r\n Values: valueHandledByCaller ? propertyValuesApi : batchToString(propertyValuesApi),\r\n },\r\n ],\r\n },\r\n };\r\n\r\n return result;\r\n });\r\n\r\n return filters;\r\n}\r\n\r\nfunction fromApi(Filters, filterSchema = sharedSchema.filters) {\r\n const predicates = _.map(Filters, ({\r\n Filter: {\r\n Expressions: [\r\n Expression,\r\n ],\r\n },\r\n }) => {\r\n const propertyName = Expression.PropertyName;\r\n const propertySchema = filterSchema[propertyName];\r\n const propertyValuesApi = Expression.Values;\r\n const operatorApi = Expression.Operator;\r\n\r\n let propertyValueUi;\r\n let operatorUi;\r\n\r\n if (propertySchema.enum) {\r\n propertyValueUi = [...propertyValuesApi];\r\n operatorUi = '$in';\r\n } else if (propertySchema.type === 'string') {\r\n propertyValueUi = propertyValuesApi.join(',');\r\n operatorUi = '$eq';\r\n } else if (propertySchema.type === 'integer') {\r\n propertyValueUi = Number(propertyValuesApi[0]);\r\n operatorUi = operatorFromApi[operatorApi];\r\n }\r\n\r\n return {\r\n [propertyName]: {\r\n [operatorUi]: propertyValueUi,\r\n },\r\n };\r\n });\r\n\r\n return predicates;\r\n}\r\n\r\nexport const convertPredicatesToFilters = toApi;\r\nexport const convertFiltersToPredicates = fromApi;\r\n\r\nexport default {\r\n toApi,\r\n fromApi,\r\n};\r\n","import _ from 'underscore';\r\nimport { Shared as sharedSchema } from '@bingads-webui/report-ui-interface-preview';\r\nimport { sectionType } from '../../../config';\r\nimport { getReportOptions } from './get-report-options';\r\nimport filterConvertor from './map-filter';\r\n\r\nconst {\r\n GENERAL, COLUMN, FILTER, SETTING, ROOT,\r\n} = sectionType;\r\n\r\nconst dataToApi = {\r\n [ROOT]: {\r\n name: { key: 'Name' },\r\n type: { key: 'ReportType' },\r\n schemaName: { key: 'SchemaName' },\r\n renderType: { key: 'RenderType' },\r\n },\r\n\r\n [GENERAL]: {\r\n timeGrain: { key: 'ReportAggregation' },\r\n timeRange: {\r\n key: 'ReportTime',\r\n to: val => (val.key === 'Custom' ? { StartDate: val.start, EndDate: val.end } : { DateRangePreset: val.key }),\r\n from: val => (!val.DateRangePreset ? { key: 'Custom', start: val.StartDate, end: val.EndDate } : { key: val.DateRangePreset }),\r\n },\r\n timeZone: { key: 'ReportTimeZone' },\r\n format: {\r\n key: 'Format',\r\n to: val => val,\r\n from: (val) => {\r\n switch (val) {\r\n case 'Csv':\r\n return 'Csvzip';\r\n case 'Tsv':\r\n return 'TsvZip';\r\n default:\r\n return val;\r\n }\r\n },\r\n },\r\n accountCampaignSelector: {\r\n keys: ['AccountIds', 'CampaignReportScopes', 'CustomerScopes'],\r\n },\r\n userScopes: {\r\n key: 'UserScopes',\r\n to: val => (!_.isNull(val) ? [val] : []),\r\n from: val => val[0],\r\n },\r\n },\r\n\r\n [COLUMN]: {\r\n selected: { key: 'ReportColumns' },\r\n },\r\n\r\n [FILTER]: {\r\n predicates: {\r\n key: 'Filters',\r\n to: filterConvertor.toApi,\r\n from: filterConvertor.fromApi,\r\n },\r\n },\r\n\r\n [SETTING]: {\r\n includeTotalRow: {\r\n key: 'ReportOptions',\r\n to: val => getReportOptions(val),\r\n from: val => val.indexOf('IncludeTotalRow') !== -1,\r\n },\r\n EmailRecipients: {\r\n key: 'EmailRecipients',\r\n to: val => (val ? _.compact(_.map(val.split(/[,|;]/), v => v.trim())) : []),\r\n from: val => val.join(','),\r\n },\r\n scheduleThisReport: {\r\n key: 'Cron',\r\n from: val => val !== '',\r\n },\r\n type: {\r\n key: 'Type',\r\n },\r\n AttachFileToEmail: { key: 'AttachFileToEmail' },\r\n Cron: { key: 'Cron' },\r\n StartDate: { key: 'StartTime' },\r\n EndDate: { key: 'EndTime' },\r\n },\r\n\r\n};\r\n\r\nexport const getApiObject = (data, options = { preview: false }) => {\r\n const output = {};\r\n _.each(dataToApi, (sectionNode, section) => {\r\n _.each(sectionNode, (node, property) => {\r\n if (_.has(data[section], property)) {\r\n let val = data[section][property];\r\n val = node.to ? node.to(val, options.preview ? sharedSchema.filters : undefined) : val;\r\n\r\n if (node.key) {\r\n if (_.isObject(output[node.key])) {\r\n _.extend(output[node.key], val);\r\n } else {\r\n output[node.key] = val;\r\n }\r\n } else if (node.keys) {\r\n _.each(node.keys, (nodeKey) => {\r\n output[nodeKey] = val[nodeKey];\r\n });\r\n } else {\r\n throw new Error('One of node.key or node.keys must be specified!');\r\n }\r\n }\r\n });\r\n });\r\n return output;\r\n};\r\n\r\nexport const getDataObject = (apiObject, options = { preview: false }) => {\r\n const output = {};\r\n _.each(dataToApi, (sectionNode, section) => {\r\n _.each(sectionNode, (node, property) => {\r\n if (node.key) {\r\n if (_.has(apiObject, node.key)) {\r\n if (!_.isObject(output[section])) {\r\n output[section] = {};\r\n }\r\n const val = apiObject[node.key];\r\n output[section][property] = node.from ? node.from(val, options.preview ? sharedSchema.filters : undefined) : val;\r\n }\r\n } else if (node.keys) {\r\n _.each(node.keys, (nodeKey) => {\r\n if (_.has(apiObject, nodeKey)) {\r\n if (!_.isObject(output[section])) {\r\n output[section] = {};\r\n }\r\n if (!_.has(output[section], property)) {\r\n output[section][property] = {};\r\n }\r\n output[section][property][nodeKey] = apiObject[nodeKey];\r\n }\r\n });\r\n } else {\r\n throw new Error('One of node.key or node.keys must be specified!');\r\n }\r\n });\r\n });\r\n return output;\r\n};\r\n\r\n","import _ from 'underscore';\r\nimport { toLegacyTimeZone } from '@bingads-webui-universal/time-zone-converter';\r\nimport { getApiObject } from './map';\r\nimport { sectionType } from '../../../config';\r\n\r\nconst {\r\n GENERAL,\r\n} = sectionType;\r\n\r\nexport function format(data, identityDetails) {\r\n const {\r\n user, customer, lcid,\r\n } = identityDetails;\r\n\r\n const defaultData = {\r\n '@odata.type': '#Model.ReportDataTaskItem',\r\n ClientApplicationType: 'ReportingUI',\r\n UserId: user.Id,\r\n CustomerId: customer.Id,\r\n LCID: lcid,\r\n MaxRowCount: 0, // 0<= means don't shim mt response\r\n IsDVS: false,\r\n\r\n // General - Account-Campaign-Selector\r\n AccountIds: [],\r\n UserScopes: [],\r\n CustomerScopes: [],\r\n CampaignReportScopes: null,\r\n AdGroupReportScopes: null,\r\n\r\n // Filters\r\n Filters: null,\r\n\r\n // Setting\r\n AttachFileToEmail: false,\r\n EmailRecipients: [],\r\n // if cron not def it must be empty string\r\n Cron: '',\r\n StartTime: null,\r\n EndTime: null,\r\n TimeZoneId: toLegacyTimeZone(data[GENERAL].timeZone),\r\n };\r\n\r\n const formattedData = _.defaults(getApiObject(data), defaultData);\r\n\r\n const omitible = [];\r\n _.each(formattedData, (val, key) => {\r\n if (_.isNull(val)) {\r\n omitible.push(key);\r\n }\r\n });\r\n return _.omit(formattedData, omitible);\r\n}\r\n","import _ from 'underscore';\r\nimport { format } from '../shared/formatter/format';\r\n\r\nexport const getRunPayload = (data, identityDetails, onFailedValidation) => {\r\n let valid = true;\r\n _.each(data, (sectionData, section) => {\r\n if (_.has(sectionData, 'isValid') && sectionData.isValid !== true) {\r\n valid = false;\r\n onFailedValidation(section);\r\n }\r\n });\r\n if (!valid) { return false; }\r\n\r\n const formattedPackage = format(data, identityDetails);\r\n return { ReportData: formattedPackage };\r\n};\r\n","import _ from 'underscore';\r\nimport { format } from '../shared/formatter/format';\r\n\r\nexport const getUpdatePayload = (data, identityDetails, onFailedValidation) => {\r\n let valid = true;\r\n _.each(data, (sectionData, section) => {\r\n if (_.has(sectionData, 'isValid') && sectionData.isValid !== true) {\r\n valid = false;\r\n onFailedValidation(section);\r\n }\r\n });\r\n if (!valid) { return false; }\r\n\r\n const formattedPackage = format(data, identityDetails);\r\n return formattedPackage;\r\n};\r\n","import { modeEnum } from '@bingads-webui-campaign/report-shared';\r\nimport { sectionType } from '../../config';\r\n\r\nconst {\r\n SETTING,\r\n} = sectionType;\r\n\r\nexport const getReportType = data => data[SETTING].type;\r\n\r\n\r\nexport const getOdataOptions = reportType =>\r\n (reportType === 'ReportUITemplate' ?\r\n { mode: modeEnum.PRIVATE } :\r\n { mode: modeEnum.SHARED });\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { noop } from 'underscore';\r\nimport { Button } from '@bingads-webui-react/primitive';\r\nimport { navigator, withRepositoryContext } from '@bingads-webui-campaign/report-shared';\r\nimport { getRunPayload } from './run';\r\nimport { getUpdatePayload } from './update';\r\nimport { getReportType, getOdataOptions } from './util';\r\n\r\nclass ActionCenter extends React.Component {\r\n runReport = (data, identityDetails, onFailedValidation, download = false) => {\r\n const { createReport, queueDownload } = this.props.repository;\r\n const payload = getRunPayload(data, identityDetails, onFailedValidation);\r\n if (!payload) { return; }\r\n const reportType = getReportType(data);\r\n\r\n this.props.setBlocker(true);\r\n createReport(payload, getOdataOptions(reportType))\r\n .then((response) => {\r\n const executionId = response.TaskItemExecutions[0].Id;\r\n navigator.goto(`/v2/pollreport/${executionId}`, { type: reportType });\r\n if (download) {\r\n queueDownload(executionId);\r\n }\r\n return response;\r\n })\r\n .catch(noop)\r\n .finally(() => {\r\n this.props.setBlocker(false);\r\n });\r\n }\r\n\r\n saveReport = (data, identityDetails, onFailedValidation) => {\r\n const { updateReport } = this.props.repository;\r\n const { updateId } = this.props;\r\n const payload = getUpdatePayload(data, identityDetails, onFailedValidation);\r\n if (!payload) { return; }\r\n\r\n updateReport(payload, updateId)\r\n .then((response) => {\r\n navigator.goto('/customreports', { carryForward: true });\r\n return response;\r\n })\r\n .catch(noop)\r\n .finally(() => {\r\n this.props.setBlocker(false);\r\n });\r\n }\r\n\r\n saveReportAndRun = (data, identityDetails, onFailedValidation, download = false) => {\r\n const { updateReportAndRun, queueDownload } = this.props.repository;\r\n const { updateId } = this.props;\r\n const payload = getUpdatePayload(data, identityDetails, onFailedValidation);\r\n if (!payload) { return; }\r\n\r\n this.props.setBlocker(true);\r\n updateReportAndRun(payload, updateId)\r\n .then((response) => {\r\n const executionId = response.TaskItemExecutions[0].Id;\r\n navigator.goto(`/v2/pollreport/${executionId}`, { carryForward: true });\r\n if (download) {\r\n queueDownload(executionId);\r\n }\r\n return response;\r\n })\r\n .catch(noop)\r\n .finally(() => {\r\n this.props.setBlocker(false);\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n updateId, i18n, identityDetails, data, onFailedValidation,\r\n } = this.props;\r\n\r\n if (updateId) {\r\n return (\r\n \r\n this.saveReportAndRun(data, identityDetails, onFailedValidation)}\r\n >\r\n {i18n.getString(_TL_('Save and run'))}\r\n \r\n this.saveReport(data, identityDetails, onFailedValidation)}\r\n >\r\n {i18n.getString(_TL_('Save'))}\r\n \r\n this.saveReportAndRun(data, identityDetails, onFailedValidation, true)}\r\n >\r\n {i18n.getString(_TL_('Download'))}\r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n return (\r\n \r\n this.runReport(data, identityDetails, onFailedValidation)}\r\n >\r\n {i18n.getString(_TL_('Run'))}\r\n \r\n this.runReport(data, identityDetails, onFailedValidation, true)}\r\n >\r\n {i18n.getString(_TL_('Download'))}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Wrapped = withRepositoryContext(ActionCenter);\r\nexport { Wrapped as ActionCenter };\r\n\r\nActionCenter.propTypes = {\r\n data: PropTypes.object.isRequired, // eslint-disable-line\r\n i18n: ReportingProps.i18n.isRequired,\r\n identityDetails: ReportingProps.identityDetails.isRequired,\r\n onFailedValidation: PropTypes.func.isRequired,\r\n repository: PropTypes.shape({\r\n createReport: PropTypes.func.isRequired,\r\n updateReport: PropTypes.func.isRequired,\r\n updateReportAndRun: PropTypes.func.isRequired,\r\n queueDownload: PropTypes.func.isRequired,\r\n }).isRequired,\r\n setBlocker: PropTypes.func.isRequired,\r\n updateId: ReportingProps.updateId,\r\n};\r\n\r\nActionCenter.defaultProps = {\r\n updateId: undefined,\r\n};\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { HelpIcon } from '@bingads-webui-campaign-react/help';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { helpbuttonStyle } from '@bingads-webui-campaign-react/common-styles';\r\n\r\nconst getStyle = function (components, core) {\r\n const baseStyle = {\r\n textRight: { textAlign: 'right' },\r\n centerAlignTitle: {\r\n display: 'inline-block',\r\n verticalAlign: 'top',\r\n width: '200px',\r\n paddingRight: '12px',\r\n paddingTop: '5px',\r\n },\r\n content: {\r\n width: '360px',\r\n display: 'inline-block',\r\n },\r\n title:\r\n {\r\n fontFamily: 'Arial',\r\n fontWeight: 'bold',\r\n fontSize: '12px',\r\n color: '#666666',\r\n },\r\n row: {\r\n marginTop: '2px',\r\n marginBottom: '9px',\r\n },\r\n };\r\n if (!core.isUIVnext) {\r\n return baseStyle;\r\n }\r\n /* istanbul ignore next */\r\n return {\r\n ...baseStyle,\r\n centerAlignTitle: _.extend(baseStyle.centerAlignTitle, {\r\n paddingTop: '0px',\r\n display: 'block',\r\n }),\r\n textRight: _.extend(baseStyle.textRight, {\r\n textAlign: 'left',\r\n }),\r\n content: _.extend(baseStyle.content, {\r\n maxWidth: '465px',\r\n width: '100%',\r\n }),\r\n title: _.extend(baseStyle.title, {\r\n paddingTop: '0',\r\n paddingBottom: '7px',\r\n fontFamily: 'inherit',\r\n fontSize: '14px',\r\n color: `${core.palette.neutralPrimary}`,\r\n fontWeight: '500',\r\n '& .helpbutton': _.extend(helpbuttonStyle(core)['.helpbutton'], {\r\n color: `${core.palette.themePrimary}`,\r\n }),\r\n '& .helpbutton::before': helpbuttonStyle(core)['.helpbutton::before'],\r\n }),\r\n row: _.extend(baseStyle.row, {\r\n marginTop: '30px',\r\n marginBottom: '0',\r\n }),\r\n };\r\n};\r\n\r\n\r\nfunction GridItem({\r\n children, title, titleId, helpLinkId, classes, isGroup,\r\n}) {\r\n return (\r\n \r\n
\r\n \r\n {title} \r\n {helpLinkId &&
\r\n \r\n {children}\r\n \r\n );\r\n}\r\nconst Wrapped = withDefaultStyles(GridItem, getStyle);\r\nexport { Wrapped as GridItem };\r\n\r\nGridItem.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n title: PropTypes.string.isRequired,\r\n titleId: PropTypes.string,\r\n helpLinkId: PropTypes.string,\r\n classes: PropTypes.objectOf(PropTypes.string).isRequired,\r\n isGroup: PropTypes.bool,\r\n};\r\nGridItem.defaultProps = {\r\n titleId: undefined,\r\n helpLinkId: undefined,\r\n isGroup: false,\r\n};\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport function Grid({ children }) {\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\nGrid.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { Alert } from '@bingads-webui-react/primitive';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nfunction getStyle() {\r\n return {\r\n warning: {\r\n maxWidth: '994px',\r\n \"& div[variant='warning']\": {\r\n 'margin-top': '10px',\r\n 'background-color': '#feeda275',\r\n 'border-color': '#feeda275',\r\n },\r\n },\r\n };\r\n}\r\n\r\n// eslint-disable-next-line\r\nWarning.propTypes = {\r\n messages: PropTypes.objectOf(PropTypes.string).isRequired,\r\n classes: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nfunction Warning({ messages, classes }) {\r\n const compactMessages = _.compact(messages);\r\n\r\n const alerts = _.map(compactMessages, msg => (\r\n \r\n {msg}\r\n \r\n ));\r\n\r\n\r\n return (\r\n \r\n {alerts}\r\n
\r\n );\r\n}\r\n\r\nconst Wrapped = withDefaultStyles(Warning, getStyle);\r\nexport { Wrapped as Warning };\r\n","\r\n\r\nconst defaultTimeRange = {\r\n Hourly: 'LastMonth',\r\n HourOfDay: 'LastMonth',\r\n Daily: 'LastMonth',\r\n DayOfWeek: 'LastMonth',\r\n Weekly: 'LastMonth',\r\n Monthly: 'LastMonth',\r\n Yearly: 'ThisYear',\r\n Summary: 'LastMonth',\r\n};\r\n\r\nexport const getDefaultTimeRange = (timeGrain, reportSchema) => (\r\n reportSchema.TimeRanges ?\r\n reportSchema.TimeRanges[timeGrain][0] :\r\n defaultTimeRange[timeGrain]);\r\n","\r\nexport const dataLengths = {\r\n '14d': '14d',\r\n '30d': '30d',\r\n '1m': '1m',\r\n '90d': '90d',\r\n '2m': '2m',\r\n '6m': '6m',\r\n '12m': '12m',\r\n '24m': '24m',\r\n '36m': '36m',\r\n};\r\n\r\n","import _ from 'underscore';\r\nimport { dataLengths } from './data-persistance-enum';\r\n\r\n/**\r\n * Get Minimum Supported Day\r\n * @param {object} reportSchema - The report object model\r\n * @param {string} timeGrain - current timeGrain\r\n * @param {CivilDate} today today as a civildate\r\n * @param {warningMessage} warningMessage - optional parameter to get message instead of day\r\n * @returns {CivilDate} - a civilDateTime of minmium support\r\n */\r\nexport const getMinimumSupported = (reportSchema, timeGrain, today, warningMessage) => {\r\n const dataRetentionMap = reportSchema.DataRetention;\r\n const dataRetention = dataRetentionMap[timeGrain];\r\n\r\n switch (dataRetention) {\r\n case dataLengths['14d']:\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 14 days.') :\r\n today.plus({ days: -15 });\r\n case dataLengths['1m']:\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 1 month.') :\r\n today.plus({ months: -1 });\r\n case dataLengths['2m']:\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 2 months.') :\r\n today.plus({ months: -2 });\r\n case dataLengths['6m']:\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 6 months.') :\r\n today.plus({ months: -6 });\r\n case dataLengths['24m']:\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 24 months.') :\r\n today.plus({ months: -24 });\r\n case dataLengths['36m']:\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 36 months.') :\r\n today.plus({ months: -36 });\r\n default:\r\n _.defer(() => { throw new RangeError(`getMinimumSupported - dataRetention: ${dataRetention} timeGrain: ${timeGrain} not found on switch statement`); });\r\n return warningMessage ?\r\n _TL_('Based on the unit of time that you selected, this report will only contain data up to last 36 months.') :\r\n today.plus({ months: -36 });\r\n }\r\n};\r\n\r\n/**\r\n * Get Minimum Supported Day\r\n * @param {object} reportSchema - The report object model\r\n * @param {string} timeGrain - current timeGrain\r\n * @param {CivilDate} today today as a civildate\r\n * @returns {CivilDate} - a civilDateTime of minmium support\r\n */\r\nexport const getMinimumSupportedDay =\r\n (reportSchema, timeGrain, today) => getMinimumSupported(reportSchema, timeGrain, today, false);\r\n\r\n/**\r\n * Get Minimum Supported warningMessage\r\n * @param {object} reportSchema - The report object model\r\n * @param {string} timeGrain - current timeGrain\r\n * @param {CivilDate} today today as a civildate\r\n * @returns {CivilDate} - a civilDateTime of minmium support\r\n */\r\nexport const getMinimumSupportedWarning =\r\n (reportSchema, timeGrain, today) => getMinimumSupported(reportSchema, timeGrain, today, true);\r\n","import _ from 'underscore';\r\n\r\nexport const timeGrainRangeOptions = {\r\n Hourly: [\r\n 'Today',\r\n 'Yesterday',\r\n 'LastSevenDays',\r\n 'LastFourteenDays',\r\n 'LastThirtyDays',\r\n 'ThisWeekFromSun',\r\n 'ThisWeekFromMon',\r\n 'LastWeekStartingSun',\r\n 'LastWeekStartingMon',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'Custom',\r\n ],\r\n HourOfDay: [\r\n 'Today',\r\n 'Yesterday',\r\n 'LastSevenDays',\r\n 'LastFourteenDays',\r\n 'LastThirtyDays',\r\n 'ThisWeekFromSun',\r\n 'ThisWeekFromMon',\r\n 'LastWeekStartingSun',\r\n 'LastWeekStartingMon',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'Custom',\r\n ],\r\n Daily: [\r\n 'Today',\r\n 'Yesterday',\r\n 'LastSevenDays',\r\n 'LastFourteenDays',\r\n 'LastThirtyDays',\r\n 'ThisWeekFromSun',\r\n 'ThisWeekFromMon',\r\n 'LastWeekStartingSun',\r\n 'LastWeekStartingMon',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n DayOfWeek: [\r\n 'Today',\r\n 'Yesterday',\r\n 'LastSevenDays',\r\n 'LastFourteenDays',\r\n 'LastThirtyDays',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n Weekly: [\r\n 'LastThirtyDays',\r\n 'ThisWeekFromSun',\r\n 'ThisWeekFromMon',\r\n 'LastWeekStartingSun',\r\n 'LastWeekStartingMon',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n WeeklyStartingMonday: [\r\n 'LastThirtyDays',\r\n 'ThisWeekFromSun',\r\n 'ThisWeekFromMon',\r\n 'LastWeekStartingSun',\r\n 'LastWeekStartingMon',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n Monthly: [\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n Yearly: [\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n Summary: [\r\n 'Today',\r\n 'Yesterday',\r\n 'LastSevenDays',\r\n 'LastFourteenDays',\r\n 'LastThirtyDays',\r\n 'ThisWeekFromSun',\r\n 'ThisWeekFromMon',\r\n 'LastWeekStartingSun',\r\n 'LastWeekStartingMon',\r\n 'LastFourWeeksStartingSun',\r\n 'LastFourWeeksStartingMon',\r\n 'ThisMonth',\r\n 'LastMonth',\r\n 'LastThreeMonths',\r\n 'LastSixMonths',\r\n 'ThisYear',\r\n 'LastYear',\r\n 'AllTime',\r\n 'Custom',\r\n ],\r\n};\r\n\r\nexport const dataRetentionBlackList = {\r\n '90d': {\r\n Summary: [],\r\n Daily: [],\r\n Weekly: [],\r\n Monthly: [],\r\n Yearly: [],\r\n DayOfWeek: [],\r\n WeeklyStartingMonday: [],\r\n },\r\n '30d': {\r\n Hourly: [],\r\n HourOfDay: [],\r\n Summary: ['LastSixMonths', 'LastThreeMonths'],\r\n Daily: ['LastSixMonths', 'LastThreeMonths'],\r\n Weekly: ['LastSixMonths', 'LastThreeMonths'],\r\n Monthly: ['LastSixMonths', 'LastThreeMonths'],\r\n Yearly: [],\r\n WeeklyStartingMonday: ['LastSixMonths', 'LastThreeMonths'],\r\n },\r\n '36m': {\r\n Summary: [],\r\n Daily: [],\r\n Weekly: [],\r\n Monthly: [],\r\n Yearly: [],\r\n DayOfWeek: [],\r\n WeeklyStartingMonday: [],\r\n },\r\n '6m': {\r\n Hourly: [],\r\n HourOfDay: [],\r\n Summary: ['LastYear'],\r\n Daily: ['LastYear'],\r\n Weekly: ['LastYear'],\r\n Monthly: ['LastYear'],\r\n Yearly: [],\r\n WeeklyStartingMonday: ['LastYear'],\r\n },\r\n '24m': {\r\n Daily: [],\r\n },\r\n '1m': {\r\n Hourly: ['LastSixMonths'],\r\n HourOfDay: ['LastSixMonths'],\r\n },\r\n '14d': {\r\n Hourly: ['LastSixMonths'],\r\n HourOfDay: ['LastSixMonths'],\r\n },\r\n '2m': {\r\n Hourly: ['LastSixMonths'],\r\n HourOfDay: ['LastThreeMonths'],\r\n },\r\n};\r\n\r\nexport const getAllowedRanges = (timeGrain, reportSchema) => {\r\n const blackList = dataRetentionBlackList[reportSchema.DataRetention[timeGrain]][timeGrain];\r\n return reportSchema.TimeRanges ?\r\n reportSchema.TimeRanges[timeGrain] :\r\n _.difference(timeGrainRangeOptions[timeGrain], blackList);\r\n};\r\n","import { CivilDate } from 'tc39-proposal-temporal';\r\n\r\n/**\r\n * isCivilDateGreaterThanEqual\r\n * @param {CivilDate} value - value\r\n * @param {CivilDate} date2 - date to compare against\r\n * @returns {bool} - is value > param\r\n */\r\nexport function isCivilDateGreaterThanEqual(value, date2) {\r\n const newDate1 = new Date(value.year, value.month - 1, value.day);\r\n const newDate2 = new Date(date2.year, date2.month - 1, date2.day);\r\n return !!(newDate1 >= newDate2);\r\n}\r\n\r\n/**\r\n * isCivilDateGreaterThan\r\n * @param {CivilDate} value - value\r\n * @param {CivilDate} date2 - date to compare against\r\n * @returns {bool} - is value > param\r\n */\r\nexport function isCivilDateGreaterThan(value, date2) {\r\n const newDate1 = new Date(value.year, value.month - 1, value.day);\r\n const newDate2 = new Date(date2.year, date2.month - 1, date2.day);\r\n return !!(newDate1 > newDate2);\r\n}\r\n\r\nconst regex = /(\\d*)-(\\d*)-(\\d*)/;\r\nexport function getCivilDateFromString(value) {\r\n const temp = regex.exec(value);\r\n return new CivilDate(temp[1], temp[2], temp[3]);\r\n}\r\n\r\nexport function trimDate(value, today) {\r\n return isCivilDateGreaterThan(value, today) ?\r\n today :\r\n value;\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\n\r\nconst titleMap = {\r\n true: _TL_('Update {{type}} report'),\r\n false: _TL_('Create {{type}} report'),\r\n};\r\n\r\nexport function Title(props) {\r\n const { i18n, type, isUpdateReport } = props;\r\n\r\n return (\r\n \r\n {i18n.getString(titleMap[isUpdateReport], { type })}\r\n \r\n );\r\n}\r\n\r\n\r\nTitle.propTypes = {\r\n type: PropTypes.string.isRequired,\r\n // eslint-disable-next-line react/no-typos\r\n i18n: ReportingProps.i18n.isRequired,\r\n isUpdateReport: PropTypes.bool.isRequired,\r\n};\r\n","import React from 'react';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\n\r\nexport function Description(props) {\r\n const { description, i18n } = props;\r\n\r\n if (_.isObject(description)) {\r\n return (\r\n \r\n \r\n {i18n.getString(_TL_('What it shows: '))} {description.what}\r\n
\r\n \r\n {i18n.getString(_TL_('Why run it: '))} {description.why}\r\n
\r\n {\r\n _.has(description, 'note') &&\r\n (\r\n \r\n {i18n.getString(_TL_('Note: '))} {description.note}\r\n
\r\n )\r\n }\r\n\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {description}\r\n
\r\n );\r\n}\r\n\r\nDescription.propTypes = {\r\n // eslint-disable-next-line react/no-typos\r\n i18n: ReportingProps.i18n.isRequired,\r\n // eslint-disable-next-line react/no-typos\r\n description: ReportingProps.reportDescription.isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\nimport { Select } from '@bingads-webui-react/primitive';\r\nimport { withValidation } from '@bingads-webui-react/validation';\r\n\r\n\r\nconst GenericSelector = React.memo(({\r\n value, onChange, i18n, options, id, disabled, ariaLabelledByID,\r\n}) => {\r\n const optionsJsx = _.keys(options).map(key =>\r\n (\r\n \r\n {i18n.getString(options[key])}\r\n \r\n ));\r\n\r\n return (\r\n \r\n {optionsJsx}\r\n \r\n );\r\n});\r\n\r\nGenericSelector.propTypes = {\r\n onChange: PropTypes.func.isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n options: PropTypes.objectOf(PropTypes.string.isRequired).isRequired,\r\n id: PropTypes.string.isRequired,\r\n value: PropTypes.string.isRequired,\r\n disabled: PropTypes.bool,\r\n ariaLabelledByID: PropTypes.string,\r\n};\r\n\r\nGenericSelector.defaultProps = {\r\n disabled: false,\r\n ariaLabelledByID: '',\r\n};\r\n\r\nconst Wrapped = withValidation(GenericSelector);\r\nexport { Wrapped as GenericSelector };\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\nimport { Input, ValidationGroup } from '@bingads-webui-react/primitive-validation';\r\nimport { withPermissionContext } from '@bingads-webui-campaign/report-shared';\r\nimport { Grid, GridItem } from '../../components';\r\nimport { Title } from './title';\r\nimport { Description } from './description';\r\nimport { GenericSelector } from '../../components/shared/generic-selector';\r\n\r\nclass RootSection extends Component {\r\n static validationSchema = {\r\n name: 'CreateReport - Root Section Schema',\r\n type: 'object',\r\n properties: {\r\n name: {\r\n type: 'string',\r\n // minLength: 2, -- not supported\r\n required: true,\r\n maxLength: 200,\r\n },\r\n renderType: {\r\n type: 'string',\r\n },\r\n },\r\n }\r\n\r\n onValidate = (result) => {\r\n const data = _.extend(result.data, { isValid: result.isValid });\r\n this.props.setData(data);\r\n }\r\n\r\n render() {\r\n const {\r\n getValidationItemProps, reportDefinition, i18n, data, classes, permissions, renderTypes,\r\n isUpdateReport,\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n permissions.IsReportingUIReportChartsEnabled &&\r\n _.keys(renderTypes).length > 1 && (\r\n \r\n \r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n/* eslint-disable react/no-typos */\r\nRootSection.propTypes = {\r\n getValidationItemProps: PropTypes.func.isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n reportDefinition: ReportingProps.reportDefinition.isRequired,\r\n data: PropTypes.object.isRequired, // eslint-disable-line\r\n setData: PropTypes.func.isRequired,\r\n classes: PropTypes.objectOf(PropTypes.string.isRequired).isRequired,\r\n permissions: ReportingProps.permissions.isRequired,\r\n renderTypes: PropTypes.objectOf(PropTypes.string.isRequired).isRequired,\r\n isUpdateReport: PropTypes.bool.isRequired,\r\n};\r\n\r\nconst Wrapped = withPermissionContext(RootSection);\r\nexport { Wrapped as RootSection };\r\n","import _ from 'underscore';\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { AdapterFactory, withValidation, withError } from '@bingads-webui-react/validation';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { withIdentityContext, withPermissionContext, withServicesEndpointsConsumer } from '@bingads-webui-campaign/report-shared';\r\nimport { AccountCampaignSelector as RawSelector } from '@bingads-webui-campaign/account-campaign-selector';\r\nimport { ScopeFilterLevel, getScopeFilterLevel } from '../../../config';\r\n\r\nclass AccountCampaignSelector extends Component {\r\n shouldComponentUpdate() {\r\n // Fully uncontrolled component\r\n return false;\r\n }\r\n\r\n render() {\r\n const {\r\n permissions: {\r\n IsReportingUINewDesignEnabled,\r\n IsReportingUIPhaseNext,\r\n },\r\n servicesEndpoints: {\r\n CampaignAPI: odataURI,\r\n ClientCenterUIAPI: ccBaseUrl,\r\n Token: ccToken,\r\n },\r\n identityDetails: {\r\n customer: {\r\n Id: customerId,\r\n },\r\n user: {\r\n Id: userId,\r\n },\r\n account: {\r\n Id: accountId,\r\n } = {},\r\n },\r\n i18n,\r\n value,\r\n onChange,\r\n classes,\r\n reportSchema,\r\n isInternalUser,\r\n finishedLoading,\r\n } = this.props;\r\n\r\n const isCreateSimilar = !_.isEmpty(value);\r\n const defaultSelected = _.isEmpty(value) ? undefined : value;\r\n const scopeFilterLevel = getScopeFilterLevel(reportSchema.ScopeFilterLevel);\r\n\r\n if ((scopeFilterLevel === ScopeFilterLevel.Account) &&\r\n IsReportingUIPhaseNext && accountId) {\r\n return (\r\n \r\n {i18n.getString(_TL_('Current account'))}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAccountCampaignSelector.propTypes = {\r\n classes: PropTypes.objectOf(PropTypes.string).isRequired,\r\n // eslint-disable-next-line react/forbid-prop-types\r\n value: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n permissions: ReportingProps.permissions.isRequired,\r\n identityDetails: ReportingProps.identityDetails.isRequired,\r\n reportSchema: ReportingProps.reportSchema.isRequired,\r\n servicesEndpoints: ReportingProps.servicesEndpoints.isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n isInternalUser: PropTypes.bool.isRequired,\r\n finishedLoading: PropTypes.func.isRequired,\r\n};\r\n\r\nconst hocs = [\r\n withIdentityContext,\r\n withPermissionContext,\r\n withServicesEndpointsConsumer,\r\n withI18nConsumer,\r\n withError,\r\n _.partial(withValidation, _, AdapterFactory({})),\r\n];\r\n\r\nconst Wrapped = _.compose(...hocs)(AccountCampaignSelector);\r\n\r\nexport { Wrapped as AccountCampaignSelector };\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\nimport { Select } from '@bingads-webui-react/primitive';\r\nimport { withValidation } from '@bingads-webui-react/validation';\r\nimport { timeGrains } from '../../config';\r\n\r\nconst TimeGrainSelector = React.memo(({\r\n value, onChange, i18n,\r\n reportSchema: {\r\n ReportAggregation:\r\n { enum: schemaTimeGrains },\r\n },\r\n renderType,\r\n ariaLabelledBy,\r\n}) => {\r\n const id = 'timeGrain';\r\n let allowedTimeGrains = _.intersection(_.keys(timeGrains), schemaTimeGrains);\r\n\r\n // Linechart doesn't allow 'Summary' as an option\r\n if (renderType === 'Linechart') {\r\n allowedTimeGrains = _.without(allowedTimeGrains, 'Summary');\r\n }\r\n\r\n const options = _.map(allowedTimeGrains).map(key =>\r\n (\r\n \r\n {i18n.getString(timeGrains[key])}\r\n \r\n ));\r\n\r\n return (\r\n \r\n {options}\r\n \r\n );\r\n});\r\n\r\nTimeGrainSelector.propTypes = {\r\n value: PropTypes.string.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n reportSchema: ReportingProps.reportSchema.isRequired,\r\n renderType: PropTypes.string.isRequired,\r\n ariaLabelledBy: PropTypes.string,\r\n};\r\n\r\nTimeGrainSelector.defaultProps = {\r\n ariaLabelledBy: undefined,\r\n};\r\n\r\nconst Wrapped = withValidation(TimeGrainSelector);\r\nexport { Wrapped as TimeGrainSelector };\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\nimport { toIANATimeZone } from '@bingads-webui-universal/time-zone-converter';\r\nimport { ComparedDateRangePicker } from '@bingads-webui-react/compared-date-range-picker';\r\nimport { AdapterFactory, withValidation } from '@bingads-webui-react/validation';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withIdentityContext } from '@bingads-webui-campaign/report-shared';\r\nimport * as putil from '@bingads-webui-universal/primitive-utilities';\r\nimport { getMinimumSupportedDay,\r\n getCivilDateFromString,\r\n getMinimumSupportedWarning,\r\n getFilteredTimeRanges,\r\n isCivilDateGreaterThanEqual } from '../../../config/time-ranges/index';\r\nimport { getStyle } from './time-range-style';\r\n\r\n// eslint-disable-next-line\r\nTimeRangeSelectorBase.propTypes = {\r\n value: PropTypes.shape({\r\n key: PropTypes.string.isRequired,\r\n start: PropTypes.string,\r\n end: PropTypes.string,\r\n }).isRequired,\r\n classes: PropTypes.shape({}).isRequired,\r\n setWarning: PropTypes.func.isRequired,\r\n timeGrain: PropTypes.string.isRequired,\r\n timeZone: PropTypes.string.isRequired,\r\n today: PropTypes.shape({\r\n day: PropTypes.number.isRequired,\r\n month: PropTypes.number.isRequired,\r\n year: PropTypes.number.isRequired,\r\n }).isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n reportSchema: ReportingProps.reportSchema,\r\n getFilteredRanges: PropTypes.func,\r\n getMinimumDay: PropTypes.func,\r\n getMinimumWarning: PropTypes.func,\r\n identityDetails: ReportingProps.identityDetails.isRequired,\r\n};\r\n\r\nfunction TimeRangeSelectorBase({\r\n value, classes, onChange, getFilteredRanges, getMinimumDay, getMinimumWarning,\r\n i18n, reportSchema, setWarning, timeGrain, timeZone, today, identityDetails,\r\n}) {\r\n const dateFormat = putil.get(identityDetails, 'user.CultureDateTimeFormat.ShortDatePattern');\r\n const ianaTimeZone = toIANATimeZone(timeZone);\r\n const minSupportedDay = getMinimumDay(reportSchema, timeGrain, today);\r\n const specificRanges = getFilteredRanges(timeGrain, today, minSupportedDay, reportSchema, i18n);\r\n const selectedTimeRange = value.key;\r\n let startDate;\r\n let endDate;\r\n let selectedRangeId = 4;\r\n\r\n const allowedTimeRanges = {};\r\n _.each(specificRanges, (node) => { allowedTimeRanges[node.key] = node; });\r\n\r\n if (selectedTimeRange !== 'Custom') {\r\n startDate = allowedTimeRanges[selectedTimeRange].range.start;\r\n endDate = allowedTimeRanges[selectedTimeRange].range.end;\r\n selectedRangeId = allowedTimeRanges[selectedTimeRange].rangeId;\r\n } else {\r\n startDate = getCivilDateFromString(value.start);\r\n endDate = getCivilDateFromString(value.end);\r\n }\r\n\r\n const onPickDateRanges = (result) => {\r\n const { rangeType, selectedRange } = result;\r\n\r\n // If the event payload is invalid, ignore.\r\n if (!rangeType || !selectedRange) {\r\n return;\r\n }\r\n\r\n if (isCivilDateGreaterThanEqual(minSupportedDay, selectedRange.start)) {\r\n const warningMessage = i18n.getString(getMinimumWarning(reportSchema, timeGrain, today));\r\n setWarning(warningMessage);\r\n } else {\r\n setWarning(undefined);\r\n }\r\n if (rangeType.key === 'Custom') {\r\n onChange({\r\n key: rangeType.key,\r\n start: selectedRange.start.toString(),\r\n end: selectedRange.end.toString(),\r\n });\r\n } else {\r\n onChange({\r\n key: rangeType.key,\r\n start: undefined,\r\n end: undefined,\r\n });\r\n }\r\n };\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nTimeRangeSelectorBase.defaultProps = {\r\n reportSchema: {},\r\n getFilteredRanges: getFilteredTimeRanges,\r\n getMinimumDay: getMinimumSupportedDay,\r\n getMinimumWarning: getMinimumSupportedWarning,\r\n};\r\n\r\nfunction areEqual(prevProps, nextProps) {\r\n return prevProps.timeGrain === nextProps.timeGrain &&\r\n prevProps.timeZone === nextProps.timeZone;\r\n}\r\n\r\nconst TimeRangeSelectorWithMemo = React.memo(TimeRangeSelectorBase, areEqual);\r\nconst TimeRangeSelectorWithValidation =\r\n withValidation(TimeRangeSelectorWithMemo, AdapterFactory({}));\r\nconst TimeRangeSelectorWithIdentityContext = withIdentityContext(TimeRangeSelectorWithValidation);\r\nconst TimeRangeSelectorWithStyle =\r\n withDefaultStyles(TimeRangeSelectorWithIdentityContext, getStyle);\r\n\r\nexport { TimeRangeSelectorWithMemo as TimeRangeSelectorBase };\r\nexport { TimeRangeSelectorWithStyle as TimeRangeSelector };\r\n","import _ from 'underscore';\r\nimport {\r\n getCivilDateDayOfWeek,\r\n getCivilDateMonthStart,\r\n} from '@bingads-webui-universal/temporal-utitlities';\r\nimport { i18nMap } from '@bingads-webui-campaign/report-shared';\r\nimport { getAllowedRanges } from './time-grain-range-options';\r\n\r\n/**\r\n * getTimeRanges\r\n * @param {CivilDate} minSupportDay minimumSupportedDay\r\n * @param {CivilDate} today today as a civildate\r\n * @param {string} i18n i18n module\r\n * @returns {array} - array of date ranges formated for picker\r\n */\r\nexport const getTimeRanges = (minSupportDay, today, i18n) => {\r\n const daysAwayFromMonday = getCivilDateDayOfWeek(today) ? getCivilDateDayOfWeek(today) - 1 : 6;\r\n\r\n const yesterday = today.plus({ days: -1 });\r\n const sevenDaysAgo = today.plus({ days: -7 });\r\n const fourteenDaysAgo = today.plus({ days: -14 });\r\n const thirtyDaysAgo = today.plus({ days: -30 });\r\n const thisSunday = today.plus({ days: -getCivilDateDayOfWeek(today) });\r\n const thisMonday = today.plus({ days: -daysAwayFromMonday });\r\n const thisMonthFirstDay = getCivilDateMonthStart(today);\r\n const lastMonthlastDay = thisMonthFirstDay.plus({ days: -1 });\r\n const lastMonthFirstDay = getCivilDateMonthStart(lastMonthlastDay);\r\n const lastTwoMonthlastDay = lastMonthFirstDay.plus({ days: -1 });\r\n const lastTwoMonthFirstDay = getCivilDateMonthStart(lastTwoMonthlastDay);\r\n const firstDayOfYear = today.with({ day: 1, month: 1 });\r\n\r\n const rawRanges = [\r\n {\r\n /* Custom Time Range must have Id = 4 */\r\n rangeId: 4, key: 'Custom', range: { start: undefined, end: undefined },\r\n },\r\n {\r\n rangeId: 1, key: 'Today', range: { start: today, end: today },\r\n },\r\n {\r\n rangeId: 2, key: 'Yesterday', range: { start: yesterday, end: yesterday },\r\n },\r\n {\r\n rangeId: 3, key: 'LastSevenDays', range: { start: sevenDaysAgo, end: yesterday },\r\n },\r\n {\r\n rangeId: 0, key: 'LastFourteenDays', range: { start: fourteenDaysAgo, end: yesterday },\r\n },\r\n {\r\n rangeId: 5, key: 'LastThirtyDays', range: { start: thirtyDaysAgo, end: yesterday },\r\n },\r\n {\r\n rangeId: 6, key: 'ThisWeekFromSun', range: { start: thisSunday, end: today },\r\n },\r\n {\r\n rangeId: 7, key: 'ThisWeekFromMon', range: { start: thisMonday, end: today },\r\n },\r\n {\r\n rangeId: 8, key: 'LastWeekStartingSun', range: { start: thisSunday.plus({ days: -7 }), end: thisSunday.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 9, key: 'LastWeekStartingMon', range: { start: thisMonday.plus({ days: -7 }), end: thisMonday.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 10, key: 'LastFourWeeksStartingSun', range: { start: thisSunday.plus({ days: -28 }), end: thisSunday.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 11, key: 'LastFourWeeksStartingMon', range: { start: thisMonday.plus({ days: -28 }), end: thisMonday.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 23, key: 'LastSixWeeksStartingSun', range: { start: thisSunday.plus({ days: -42 }), end: thisSunday.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 22, key: 'LastSixWeeksStartingMon', range: { start: thisMonday.plus({ days: -42 }), end: thisMonday.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 12, key: 'ThisMonth', range: { start: thisMonthFirstDay, end: today },\r\n },\r\n {\r\n rangeId: 13, key: 'LastMonth', range: { start: lastMonthFirstDay, end: lastMonthlastDay },\r\n },\r\n {\r\n rangeId: 20, key: 'LastTwoMonths', range: { start: lastTwoMonthFirstDay, end: lastMonthlastDay },\r\n },\r\n {\r\n rangeId: 14, key: 'LastThreeMonths', range: { start: lastMonthFirstDay.plus({ months: -2 }), end: lastMonthlastDay },\r\n },\r\n {\r\n rangeId: 15, key: 'LastSixMonths', range: { start: lastMonthFirstDay.plus({ months: -5 }), end: lastMonthlastDay },\r\n },\r\n {\r\n rangeId: 16, key: 'ThisYear', range: { start: firstDayOfYear, end: today },\r\n },\r\n {\r\n rangeId: 17, key: 'LastYear', range: { start: today.with({ day: 1, month: 1, year: today.year - 1 }), end: firstDayOfYear.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 21, key: 'LastTwoYears', range: { start: today.with({ day: 1, month: 1, year: today.year - 2 }), end: firstDayOfYear.plus({ days: -1 }) },\r\n },\r\n {\r\n rangeId: 18, key: 'AllTime', range: { start: minSupportDay, end: today },\r\n },\r\n ];\r\n const localizedRanges = _.map(rawRanges, (range) => {\r\n const englishString = i18nMap.DateRangePreset[range.key];\r\n const localizedString = i18n.getString(englishString);\r\n\r\n return {\r\n ...range,\r\n text: localizedString,\r\n };\r\n });\r\n\r\n return localizedRanges;\r\n};\r\n\r\n/**\r\n * getFilteredTimeRanges\r\n * @param {string} timeGrain timeGrain Value\r\n * @param {CivilDate} today today as a civildate\r\n * @param {CivilDate} minSupportedDay minSupportedDay as a civildate\r\n * @param {object} reportSchema schema for the report *\r\n * @param {string} i18n i18n module\r\n * @returns {array} - array of date ranges formated for picker\r\n * filtered by timeGrain\r\n */\r\nexport const getFilteredTimeRanges = (timeGrain, today, minSupportedDay, reportSchema, i18n) => {\r\n const specificRanges = getTimeRanges(minSupportedDay, today, i18n);\r\n const rangeOptions = getAllowedRanges(timeGrain, reportSchema);\r\n const supportedOptions =\r\n _.object(rangeOptions, rangeOptions);\r\n return _.filter(specificRanges, node => _.has(supportedOptions, node.key));\r\n};\r\n","\r\nexport function getStyle() {\r\n return {\r\n timeRangeSelector: {\r\n '& .compared-date-range-picker .compared-date-range-picker-input': {\r\n float: 'none!important',\r\n },\r\n '& .compared-date-range-picker-dialog': {\r\n top: 'auto!important',\r\n right: 'auto!important',\r\n left: 'auto!important',\r\n 'webkit-animation': 'none',\r\n animation: 'none',\r\n },\r\n },\r\n };\r\n}\r\n","import _ from 'underscore';\r\nimport { ScopeFilterLevel, getScopeFilterLevel } from '../../../config';\r\n\r\nexport function shouldShowUserScopeInput(mtScopeFilterLevel) {\r\n return getScopeFilterLevel(mtScopeFilterLevel) === ScopeFilterLevel.User;\r\n}\r\n\r\nexport function shouldShowSelector(mtScopeFilterLevel) {\r\n return _.contains([\r\n ScopeFilterLevel.Customer,\r\n ScopeFilterLevel.Account,\r\n ScopeFilterLevel.Campaign,\r\n ], getScopeFilterLevel(mtScopeFilterLevel));\r\n}\r\n","import { CivilDate } from 'tc39-proposal-temporal';\r\nimport { toIANATimeZone } from '@bingads-webui-universal/time-zone-converter';\r\n\r\nexport function getToday(i18n, timeZone) {\r\n const today = i18n.getToday({ timeZone: toIANATimeZone(timeZone) });\r\n const civilDate = new CivilDate(today.year, today.month, today.day);\r\n\r\n return civilDate;\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\nimport { Input, ValidationGroup } from '@bingads-webui-react/primitive-validation';\r\nimport { timeZones } from '@bingads-webui/timezone-details';\r\nimport { AccountCampaignSelector, accountCampaignValidator } from './account-campaign-selector/';\r\nimport { GridItem, Grid } from '../../components';\r\nimport { GenericSelector } from '../../components/shared/generic-selector';\r\nimport { TimeGrainSelector } from './time-grain-selector';\r\nimport { TimeRangeSelector } from './time-range/time-range-selector';\r\nimport { fileFormats } from '../../config';\r\nimport { getDefaultTimeRange, getCivilDateFromString, getAllowedRanges, trimDate } from '../../config/time-ranges';\r\nimport { shouldShowUserScopeInput, shouldShowSelector } from './account-campaign-selector/scope-filter-level';\r\nimport { getToday } from './time-range/time-range-helper';\r\n\r\n\r\nclass GeneralSection extends Component {\r\n static validationSchema = {\r\n name: 'CreateReport - General Section Schema',\r\n type: 'object',\r\n properties: {\r\n accountCampaignSelector: {\r\n type: 'any',\r\n },\r\n userScopes: {\r\n type: 'number',\r\n required: true,\r\n },\r\n format: {\r\n type: 'string',\r\n },\r\n timeGrain: {\r\n type: 'string',\r\n },\r\n timeRange: {\r\n type: 'any',\r\n },\r\n timeZone: {\r\n type: 'string',\r\n },\r\n },\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n const { i18n } = props;\r\n this.setToday(props.data.timeZone);\r\n this.radioValues = [true, false];\r\n this.getRadioId = (item, index) => ['all', 'specific'][index];\r\n this.radioOptions = (item, index) =>\r\n [i18n.getString(_TL_('All accounts and campaigns')), i18n.getString(_TL_('Specific accounts and campaigns'))][index];\r\n }\r\n\r\n onValidate = (result) => {\r\n const data = _.extend(result.data, { isValid: result.isValid });\r\n if (data.timeGrain && data.timeGrain !== this.props.data.timeGrain) {\r\n const currentRange = this.props.data.timeRange.key;\r\n const allowedRanges = getAllowedRanges(data.timeGrain, this.props.reportSchema);\r\n if (!_.contains(allowedRanges, currentRange)) {\r\n data.timeRange = {\r\n key: getDefaultTimeRange(data.timeGrain, this.props.reportSchema),\r\n start: undefined,\r\n end: undefined,\r\n };\r\n }\r\n }\r\n if (data.timeZone && data.timeZone !== this.props.data.timeZone) {\r\n this.setToday(data.timeZone);\r\n const currentRange = this.props.data.timeRange;\r\n if (currentRange.key === 'Custom') {\r\n const startDate = getCivilDateFromString(currentRange.start);\r\n const endDate = getCivilDateFromString(currentRange.end);\r\n data.timeRange = {\r\n key: currentRange.key,\r\n start: trimDate(startDate, this.today).toString(),\r\n end: trimDate(endDate, this.today).toString(),\r\n };\r\n }\r\n }\r\n this.props.setData(data);\r\n }\r\n\r\n setToday = (timeZone) => {\r\n this.today = getToday(this.props.i18n, timeZone);\r\n }\r\n\r\n render() {\r\n const {\r\n classes,\r\n getValidationItemProps,\r\n i18n,\r\n data,\r\n reportSchema,\r\n setWarning,\r\n renderType,\r\n isInternalUser,\r\n disableTimeZoneSelector,\r\n accountCampaignSelectorLoaded,\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n {\r\n renderType !== 'Barchart' && (\r\n \r\n \r\n setWarning('timeRange', val)}\r\n timeGrain={data.timeGrain}\r\n timeZone={data.timeZone}\r\n today={this.today}\r\n />\r\n \r\n {\r\n disableTimeZoneSelector ?\r\n null :\r\n \r\n \r\n \r\n \r\n accountCampaignValidator(val, i18n) }}\r\n value={data.accountCampaignSelector}\r\n finishedLoading={accountCampaignSelectorLoaded}\r\n />\r\n : null\r\n }\r\n \r\n
);\r\n }\r\n}\r\n\r\n/* eslint-disable react/no-typos */\r\nGeneralSection.propTypes = {\r\n isInternalUser: PropTypes.bool.isRequired,\r\n classes: PropTypes.objectOf(PropTypes.string).isRequired,\r\n getValidationItemProps: PropTypes.func.isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n // eslint-disable-next-line react/forbid-prop-types\r\n data: PropTypes.object.isRequired,\r\n setData: PropTypes.func.isRequired,\r\n setWarning: PropTypes.func.isRequired,\r\n reportSchema: ReportingProps.reportSchema.isRequired,\r\n renderType: PropTypes.string.isRequired,\r\n disableTimeZoneSelector: PropTypes.bool,\r\n accountCampaignSelectorLoaded: PropTypes.func.isRequired,\r\n};\r\n\r\nGeneralSection.defaultProps = {\r\n disableTimeZoneSelector: false,\r\n};\r\n\r\nexport { GeneralSection };\r\n","import _ from 'underscore';\r\n\r\nexport const accountCampaignValidator = ({\r\n allSelected, AccountIds, CustomerScopes, CampaignReportScopes,\r\n}, i18n) => {\r\n /* istanbul ignore next */\r\n if (allSelected === undefined && (!AccountIds && !CustomerScopes && !CampaignReportScopes)) {\r\n return [i18n.getString(_TL_('Please wait for the data to load...'))];\r\n } else if (allSelected === false) {\r\n const selectedItems = [].concat(AccountIds, CustomerScopes, CampaignReportScopes);\r\n if (_.isEmpty(selectedItems)) {\r\n return [i18n.getString(_TL_('Select at least one account or campagin'))];\r\n }\r\n }\r\n return [];\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { BackboneInstanceWrapper } from '@bingads-webui-react/backbone-instance-wrapper';\r\nimport { ColumnChooser as BackboneColumnChooser } from '@bingads-webui/column-chooser';\r\nimport { helpers } from '@bingads-webui/deterministic-view';\r\n\r\nexport class ColumnChooser extends Component {\r\n static propTypes = {\r\n categories: PropTypes.array.isRequired, // eslint-disable-line\r\n currentActive: PropTypes.string.isRequired,\r\n legacyI18n: PropTypes.object.isRequired, // eslint-disable-line\r\n selected: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,\r\n setData: PropTypes.func.isRequired,\r\n isSplittingSelectedArea: PropTypes.bool.isRequired,\r\n instrumentation: ReportingProps.instrumentation, // eslint-disable-line\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n const {\r\n categories,\r\n selected,\r\n legacyI18n,\r\n isSplittingSelectedArea,\r\n instrumentation,\r\n } = props;\r\n\r\n const cfg = {\r\n categories,\r\n selected,\r\n };\r\n this.state = {\r\n searchStr: '',\r\n };\r\n this.view = new BackboneColumnChooser({\r\n i18n: legacyI18n,\r\n simplified: true,\r\n isSplittingSelectedArea,\r\n instrumentation,\r\n }).setState(cfg);\r\n\r\n this.view.on(\r\n 'hide',\r\n ({\r\n selectedKeys,\r\n currentActive,\r\n searchStr,\r\n } = {}) => {\r\n this.props.setData({ selected: selectedKeys, currentActive, searchStr });\r\n if (!_.isUndefined(searchStr)) {\r\n this.setState({\r\n searchStr,\r\n });\r\n }\r\n }\r\n );\r\n helpers.updateView(this.view, {\r\n isSaveNameEnabled: false,\r\n });\r\n }\r\n\r\n render() {\r\n const { categories, currentActive, selected } = this.props;\r\n const cfg = {\r\n categories,\r\n currentActive,\r\n selected,\r\n external: true,\r\n searchStr: this.state.searchStr,\r\n };\r\n this.view.setState(cfg);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import _ from 'underscore';\r\n\r\nconst isAvailable =\r\n (option, exclusionMap) =>\r\n !_.has(exclusionMap, option);\r\n\r\nconst setDisabledColumns = (categories, exclusionSets) => {\r\n const exclusionMap = _.reduce(\r\n exclusionSets,\r\n (memo, node) => _.extend(memo, node),\r\n {}\r\n );\r\n _.forEach(categories, (category) => {\r\n _.forEach(category.options, (option) => {\r\n if (isAvailable(option.key, exclusionMap)) {\r\n if (option.disabled) {\r\n option.disabled = false; // eslint-disable-line\r\n }\r\n } else {\r\n option.disabled = true; // eslint-disable-line\r\n }\r\n });\r\n });\r\n return categories;\r\n};\r\n\r\nexport const resolveExclusionConditions = (exclusionSetsGroups, categories, selected) => {\r\n const offendingSets = [];\r\n _.forEach(exclusionSetsGroups, (exclusionSets) => {\r\n const exclusionSet = _.find(exclusionSets, set =>\r\n _.find(selected, (option) => {\r\n if (_.has(set, option)) {\r\n return true;\r\n }\r\n return false;\r\n }));\r\n\r\n if (exclusionSet) {\r\n offendingSets.push(_.without(exclusionSets, exclusionSet));\r\n }\r\n });\r\n\r\n return setDisabledColumns(categories, _.flatten(offendingSets));\r\n};\r\n\r\nexport const resolveAvailableColumns = (selected, categories) => {\r\n const map = _.object(selected, selected);\r\n const cloneSelected = _.clone(selected);\r\n const available = [];\r\n _.forEach(categories, (category) => {\r\n _.forEach(category.options, (option) => {\r\n if (_.result(option, 'selectOption', '') === 'mandatory' && !_.has(map, option.key)) {\r\n cloneSelected.unshift(option.key);\r\n }\r\n if (!option.disabled) {\r\n available.push(option.key);\r\n }\r\n });\r\n });\r\n\r\n // _intersection to retain order of original array\r\n return _.intersection(cloneSelected, available);\r\n};\r\n\r\n// input exclusion sets with below format:\r\n// {\r\n// MetricColumns: ['a', 'b', 'c'],\r\n// DimensionColumns: ['i', 'j'],\r\n// MetricColumns(.+): ['o', 'p'],\r\n// DimensionColumns(.+): ['r', 's', 't'],\r\n// };\r\n// return formatted exclusion sets with below format:\r\n// {\r\n// Columns: [\r\n// { a: 'a', b: 'b', c: 'c' },\r\n// { i: 'i', j: 'j' },\r\n// ],\r\n// Columns(.+): [\r\n// { o: 'o', p: 'p' },\r\n// { r: 'r', s: 's', t: 't' },\r\n// ],\r\n// };\r\nexport const formatExclusionSets = (exclusionSets) => {\r\n const sets = {};\r\n _.forEach(exclusionSets, (set, key) => {\r\n const matched = key.match(/(Metric|Dimension)(.+)/i);\r\n const groupName = matched[2];\r\n _.defaults(sets, { [groupName]: [] });\r\n sets[groupName].push(_.object(set, set));\r\n });\r\n return sets;\r\n};\r\n","import _ from 'underscore';\r\n\r\nconst isAvailable = (timeGrain, option) => (\r\n !option.forbiddenTimeGrains || !_.contains(option.forbiddenTimeGrains, timeGrain)\r\n);\r\n\r\nexport const filterByTimeGrain = (timeGrain, categories) =>\r\n _.map(categories, (category) => {\r\n const categoryClone = _.clone(category);\r\n categoryClone.options = [];\r\n _.forEach(category.options, (option) => {\r\n if (isAvailable(timeGrain, option)) {\r\n categoryClone.options.push(option);\r\n }\r\n });\r\n return categoryClone;\r\n });\r\n\r\n","export const configs = {\r\n Linechart: {\r\n attributesLimit: 1,\r\n statisticsLimit: 2,\r\n },\r\n Barchart: {\r\n attributesLimit: 1,\r\n statisticsLimit: 2,\r\n },\r\n};\r\n","import _ from 'underscore';\r\nimport { configs } from './configs';\r\n\r\nfunction validate(selectedColumns, columnsLimit, category) {\r\n let resultColumns = selectedColumns;\r\n const resultCategory = category;\r\n if (resultColumns.length >= columnsLimit) {\r\n resultColumns = resultColumns.slice(0, columnsLimit);\r\n\r\n const selectedColumnsSet = {};\r\n resultColumns.forEach((item) => {\r\n selectedColumnsSet[item] = true;\r\n });\r\n\r\n resultCategory.options = _.map(\r\n resultCategory.options,\r\n option => _.defaults({ disabled: !_.has(selectedColumnsSet, option.key) }, option)\r\n );\r\n }\r\n\r\n return {\r\n resultColumns,\r\n resultCategory,\r\n };\r\n}\r\n\r\nexport const resolveChartsColumns = (selected, categories, renderType) => {\r\n if (renderType === 'Table') {\r\n return {\r\n categories,\r\n selected,\r\n };\r\n }\r\n\r\n const attributesSet = {};\r\n categories[0].options.forEach((entry) => {\r\n attributesSet[entry.key] = true;\r\n });\r\n\r\n let selectedAttributes = [];\r\n selected.forEach((item) => {\r\n if (attributesSet[item]) {\r\n selectedAttributes.push(item);\r\n }\r\n });\r\n let selectedStatistics = _.difference(selected, selectedAttributes);\r\n selectedAttributes = _.without(selectedAttributes, 'TimePeriod');\r\n\r\n const { attributesLimit, statisticsLimit } = configs[renderType];\r\n\r\n const resultCategories = categories;\r\n ({\r\n resultColumns: selectedAttributes,\r\n resultCategory: resultCategories[0],\r\n } = validate(selectedAttributes, attributesLimit, categories[0]));\r\n ({\r\n resultColumns: selectedStatistics,\r\n resultCategory: resultCategories[1],\r\n } = validate(selectedStatistics, statisticsLimit, categories[1]));\r\n\r\n if (renderType === 'Linechart') {\r\n selectedAttributes.splice(0, 0, 'TimePeriod');\r\n }\r\n const resultSelected = selectedAttributes.concat(selectedStatistics);\r\n\r\n return {\r\n categories: resultCategories,\r\n selected: resultSelected,\r\n };\r\n};\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { ErrorMessages } from '@bingads-webui-react/validation';\r\nimport { ColumnChooser } from './column-chooser';\r\nimport { formatExclusionSets, resolveExclusionConditions, resolveAvailableColumns } from './column-formating/constraints/exclusion-sets';\r\nimport { filterByPilot } from './column-formating/constraints/pilot';\r\nimport { filterByTimeGrain } from './column-formating/constraints/time-grain';\r\nimport { translateColumns } from './column-formating/translate-columns';\r\nimport { resolveChartsColumns } from './column-formating/constraints/charts-columns';\r\n\r\nexport class ReportColumnChooser extends React.Component {\r\n static propTypes = {\r\n /* eslint-disable react/no-unused-prop-types */ // Doesn't detect props used in getDerivedState\r\n permissions: ReportingProps.permissions.isRequired,\r\n currentActive: PropTypes.string,\r\n classes: PropTypes.objectOf(PropTypes.string),\r\n i18n: ReportingProps.i18n.isRequired,\r\n legacyI18n: ReportingProps.i18n.isRequired,\r\n reportSchema: PropTypes.object.isRequired, //eslint-disable-line\r\n selected: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,\r\n setData: PropTypes.func.isRequired,\r\n timeGrain: PropTypes.string.isRequired,\r\n renderType: PropTypes.string,\r\n instrumentation: ReportingProps.instrumentation, // eslint-disable-line\r\n };\r\n\r\n static defaultProps = {\r\n classes: {\r\n columnChooser: '',\r\n },\r\n currentActive: '',\r\n renderType: 'Table',\r\n }\r\n\r\n // eslint-disable-next-line react/sort-comp\r\n constructor(props) {\r\n super(props);\r\n this.state = { errorMessages: [] };\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n const output = {\r\n isValid: props.isValid,\r\n errorMessages: props.errorMessages,\r\n };\r\n const { categories } = props.reportSchema.Columns;\r\n const pilotSets = props.reportSchema.Columns.piloted;\r\n\r\n let { exclusionSets } = state;\r\n let pilotFiltered = state.pilotFilteredCategories;\r\n if (!_.isEqual(state.unmodifiedCategories, categories)) {\r\n const translatedColumns = translateColumns(props.i18n, categories);\r\n exclusionSets = formatExclusionSets(props.reportSchema.ExclusionSets);\r\n output.unmodifiedCategories = categories;\r\n output.exclusionSets = exclusionSets;\r\n output.pilotFilteredCategories =\r\n filterByPilot(props.permissions, translatedColumns, pilotSets);\r\n output.currentActive = '';\r\n pilotFiltered = output.pilotFilteredCategories;\r\n } else {\r\n output.currentActive = props.currentActive;\r\n }\r\n\r\n let timeGrainFiltered = state.timeGrainFilteredCategories;\r\n let { selected } = props;\r\n if (state.timeGrain !== props.timeGrain || output.pilotFilteredCategories) {\r\n timeGrainFiltered = filterByTimeGrain(props.timeGrain, pilotFiltered);\r\n selected = resolveAvailableColumns(props.selected, timeGrainFiltered);\r\n output.timeGrainFilteredCategories = timeGrainFiltered;\r\n output.timeGrain = props.timeGrain;\r\n }\r\n\r\n if (\r\n !_.isEqual(state.selected, selected) ||\r\n output.timeGrainFilteredCategories ||\r\n props.renderType !== state.renderType\r\n ) {\r\n output.renderType = props.renderType;\r\n const newCategories =\r\n resolveExclusionConditions(exclusionSets, timeGrainFiltered, selected);\r\n selected = resolveAvailableColumns(selected, newCategories);\r\n ({\r\n selected: output.selected,\r\n categories: output.categories,\r\n } = resolveChartsColumns(selected, newCategories, props.renderType));\r\n // If we have removed or alter the original selection let the parent know\r\n if (!_.isEqual(output.selected, props.selected)) {\r\n const valid = ReportColumnChooser.checkValid(props, output.categories, output.selected);\r\n const data = { selected: output.selected };\r\n _.extend(data, valid);\r\n props.setData(data);\r\n }\r\n }\r\n return output;\r\n }\r\n\r\n static checkValid = (props, categories, selected) => {\r\n const {\r\n i18n,\r\n reportSchema: {\r\n MandateColumnSet = [],\r\n MissingMandatoryColumnError,\r\n },\r\n } = props;\r\n\r\n const map = _.object(selected, selected);\r\n let matches = 0;\r\n categories.forEach(category =>\r\n _.find(category.options, (option) => {\r\n if (map[option.key]) {\r\n matches += 1;\r\n return true;\r\n }\r\n return false;\r\n }));\r\n\r\n let isMandatoryColumnMissing = false;\r\n MandateColumnSet.forEach((columns) => {\r\n const selectedMandatoryColumn = _.intersection(columns, selected);\r\n if (selectedMandatoryColumn.length === 0) {\r\n isMandatoryColumnMissing = true;\r\n }\r\n });\r\n\r\n const errorMessages = [];\r\n if (matches !== categories.length) {\r\n errorMessages.push(i18n.getString(_TL_('At least one Attribute column and one Performance statistics column must be selected')));\r\n }\r\n if (isMandatoryColumnMissing) {\r\n errorMessages.push(i18n.getString(MissingMandatoryColumnError));\r\n }\r\n\r\n return {\r\n isValid: (matches === categories.length),\r\n errorMessages,\r\n };\r\n }\r\n\r\n setData = (data) => {\r\n const valid = ReportColumnChooser.checkValid(this.props, this.state.categories, data.selected);\r\n _.extend(data, valid);\r\n this.props.setData(data);\r\n }\r\n\r\n render() {\r\n const {\r\n legacyI18n, renderType, classes, instrumentation,\r\n } = this.props;\r\n const {\r\n categories, currentActive, errorMessages, selected,\r\n } = this.state;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import _ from 'underscore';\r\n\r\nexport const translateColumns = (i18n, categories) => {\r\n const output = [];\r\n\r\n const currentLocale = i18n.getLocale();\r\n const compareLocale = new Intl.Collator(currentLocale).compare;\r\n _.forEach(categories, (category) => {\r\n const categoryClone = _.clone(category);\r\n categoryClone.options = [];\r\n categoryClone.name = i18n.getString(categoryClone.name);\r\n output.push(categoryClone);\r\n _.forEach(category.options, (option) => {\r\n const optionClone = _.clone(option);\r\n optionClone.name = i18n.getString(option.name);\r\n categoryClone.options.push(optionClone);\r\n });\r\n categoryClone.options.sort((a, b) => compareLocale(a.name, b.name));\r\n });\r\n return output;\r\n};\r\n","import _ from 'underscore';\r\n\r\nexport const filterByPilot = (permissions, categories, pilotSets) => {\r\n let rejectedColumns = {};\r\n _.forEach(pilotSets, ({ isAllowed, columns }) => {\r\n if (!isAllowed(permissions)) {\r\n rejectedColumns = _.extend(rejectedColumns, _.object(columns, columns));\r\n }\r\n });\r\n\r\n const categoriesWithFilteredOptions = _.map(categories, (category) => {\r\n const categoryClone = _.clone(category);\r\n categoryClone.options = [];\r\n _.forEach(category.options, (option) => {\r\n if (!_.has(rejectedColumns, option.key)) {\r\n categoryClone.options.push(option);\r\n }\r\n });\r\n return categoryClone;\r\n });\r\n return categoriesWithFilteredOptions.filter(category => category.options.length !== 0);\r\n};\r\n","import { withPerfMarker } from '@bingads-webui/performance-marker-react-wrapper';\r\nimport { withLegacyI18n, withPermissionContext } from '@bingads-webui-campaign/report-shared';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withInstrumentation } from '@bingads-webui-react/hoc-with-instrumentation';\r\nimport { ReportColumnChooser } from './report-column-chooser';\r\nimport { getStyle } from './style';\r\n\r\n\r\nconst withPerf = component => withPerfMarker(component, { name: 'reporting-column-chooser' });\r\nconst Wrapped =\r\n // eslint-disable-next-line\r\n withInstrumentation(withPerf(withLegacyI18n(withI18nConsumer(withPermissionContext(withDefaultStyles(ReportColumnChooser, getStyle))))));\r\n\r\nexport { Wrapped as ReportColumnChooser };\r\n\r\n","import { helpbuttonStyle } from '@bingads-webui-campaign-react/common-styles';\r\nimport { merge } from '@bingads-webui-universal/primitive-utilities';\r\nimport { ComponentSettings } from '@bingads-webui-theme-2018/theme-fluent';\r\n\r\nconst {\r\n columnChooserStyle,\r\n getColumnChooserOverrideStyle,\r\n} = ComponentSettings;\r\n\r\nexport const getStyle = function (components, { isUIVnext, palette }) {\r\n if (!isUIVnext) {\r\n return {\r\n columnChooser: {},\r\n };\r\n }\r\n\r\n return {\r\n '@global': {\r\n ...helpbuttonStyle({ palette }),\r\n },\r\n columnChooser: merge(\r\n {},\r\n columnChooserStyle,\r\n getColumnChooserOverrideStyle(palette),\r\n {\r\n '& .column-chooser .panel': {\r\n marginTop: '34px',\r\n marginBottom: '0px',\r\n boxShadow: 'none',\r\n },\r\n '& .column-chooser .panel .panel-body': {\r\n paddingLeft: '0',\r\n },\r\n '& .column-chooser .panel .panel-body .column-chooser-selection-area .column-chooser-option .options-view .column-chooser-option-list .column-chooser-editable-picker a.custom-column-add': {\r\n margin: '8px',\r\n padding: '8px',\r\n backgroundColor: '#008272',\r\n color: 'white',\r\n position: 'absolute',\r\n },\r\n '& .column-chooser': {\r\n lineHeight: '18px',\r\n '& .panel': {\r\n '& .panel-body': {\r\n '& .column-chooser-selection-area': {\r\n '& .column-chooser-option': {\r\n '& .column-chooser-search-box': {\r\n position: 'relative',\r\n border: '1px solid #F3F2F1',\r\n '& .search-input': {\r\n height: '48px',\r\n border: 'none',\r\n paddingLeft: '48px',\r\n },\r\n '& .glyphicon-search': {\r\n fontFamily: 'MsAds MDL2 Assets',\r\n position: 'absolute',\r\n fontSize: '16px',\r\n top: '16px',\r\n left: '16px',\r\n color: palette.themePrimary,\r\n '&:before': {\r\n content: '\"\\\\E721\"',\r\n },\r\n },\r\n },\r\n '& .options-view .column-chooser-option-list': {\r\n width: '510px',\r\n height: '257px',\r\n '& ul.column-chooser-options': {\r\n height: '219.6px',\r\n '& span.option-name': {\r\n maxWidth: '380px',\r\n },\r\n },\r\n },\r\n },\r\n '& .column-chooser-selected': {\r\n width: '435px',\r\n height: '309px',\r\n '& .column-chooser-selected-header': {\r\n width: '100%',\r\n },\r\n '& .remove-all-in-selected-list': {\r\n display: 'inline-block',\r\n float: 'right',\r\n paddingRight: '10px',\r\n paddingTop: '10px',\r\n },\r\n '& .column-chooser-selected-list': {\r\n '& .draggable-list-view': {\r\n width: '100%',\r\n height: '241px',\r\n '& ul.draggable-list': {\r\n height: '241px',\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n }\r\n ),\r\n };\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { ReportColumnChooser } from '@bingads-webui-campaign/report-column-chooser';\r\n\r\nexport const ColumnSection =\r\n ({\r\n data,\r\n reportSchema,\r\n setData,\r\n timeGrain,\r\n renderType,\r\n }) =>\r\n (\r\n \r\n {value}\r\n \r\n ));\r\n\r\n return (\r\n \r\n \r\n
{ i18n.getString(_TL_('Frequency')) }
\r\n
\r\n CronModel.frequency}\r\n renderItem={this.radioOptions}\r\n onChange={frequency => changeFrequency({\r\n frequency,\r\n dayOfWeek: frequency === WEEKLY ? '0' : '*',\r\n dayOfMonth: frequency === MONTHLY ? '1' : '*',\r\n })}\r\n checked={CronModel.frequency}\r\n name=\"frequencyRadio\"\r\n />\r\n
\r\n {\r\n CronModel.frequency !== DAILY ?
: ''\r\n }\r\n {\r\n CronModel.frequency === WEEKLY ?\r\n
\r\n
{i18n.getString(_TL_('Every'))}
\r\n
changeFrequency({\r\n frequency: WEEKLY,\r\n dayOfWeek: e.target.value,\r\n dayOfMonth: '*',\r\n })}\r\n aria-labelledby=\"everyLabel\"\r\n >\r\n {optionFactory('weekly', cronFormatter.getDaysOfWeek())}\r\n \r\n : ''\r\n }\r\n {\r\n CronModel.frequency === MONTHLY ?\r\n
\r\n
{i18n.getString(_TL_('On day'))}
\r\n
changeFrequency({\r\n frequency: MONTHLY,\r\n dayOfWeek: '*',\r\n dayOfMonth: e.target.value,\r\n })}\r\n aria-labelledby=\"onDayLabel\"\r\n >\r\n {optionFactory('monthly', _.omit(cronFormatter.getDaysOfMonth(), '29', '30', '31'), false)}\r\n \r\n {i18n.getString(_TL_('of every month'))}
\r\n : ''\r\n }\r\n
\r\n
{ i18n.getString(_TL_('At')) }
\r\n
changeHour(e.target.value)}\r\n aria-labelledby=\"atLabel\"\r\n >\r\n {optionFactory('hour', cronFormatter.getHoursOfDay())}\r\n \r\n );\r\n }\r\n}\r\n\r\nFrequency.propTypes = {\r\n classes: PropTypes.objectOf(PropTypes.string).isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n CronModel: PropTypes.shape({\r\n frequency: PropTypes.number,\r\n }).isRequired,\r\n changeFrequency: PropTypes.func.isRequired,\r\n changeHour: PropTypes.func.isRequired,\r\n cronFormatter: PropTypes.shape({\r\n getDaysOfWeek: PropTypes.func,\r\n }).isRequired,\r\n};\r\n\r\nconst StyledFrequency = withDefaultStyles(Frequency, (components, core) => {\r\n const baseStyle = {\r\n frequencyContainer: {\r\n alignItems: 'center',\r\n display: 'flex',\r\n '& .title': {\r\n alignSelf: 'top',\r\n },\r\n '& img': {\r\n marginRight: '15px',\r\n },\r\n },\r\n frequencyTitle: inputTitleStyle(components, core),\r\n frequencySelect: {\r\n display: 'flex',\r\n '& div': {\r\n flexShrink: 0,\r\n paddingRight: '5px',\r\n alignSelf: 'center',\r\n },\r\n },\r\n hourContainer: {\r\n display: 'flex',\r\n },\r\n radioContainer: {\r\n width: '100px',\r\n },\r\n };\r\n\r\n if (!core.isUIVnext) {\r\n return baseStyle;\r\n }\r\n\r\n return {\r\n ...baseStyle,\r\n frequencyContainer: {\r\n ...baseStyle.frequencyContainer,\r\n '& > div:first-child': {\r\n top: '-50px',\r\n },\r\n },\r\n frequencySelect: {\r\n ...baseStyle.frequencySelect,\r\n '& > div:first-child': {\r\n top: '8px',\r\n },\r\n },\r\n };\r\n});\r\n\r\nexport { StyledFrequency as Frequency };\r\n","export const DAILY = 0;\r\nexport const WEEKLY = 1;\r\nexport const MONTHLY = 2;\r\n","import $ from 'jquery';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { CivilDate } from 'tc39-proposal-temporal';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { SingleMonthCalendar } from '@bingads-webui-react/single-month-calendar';\r\nimport { Input } from '@bingads-webui-react/primitive-validation';\r\nimport { getCivilDateToday } from '@bingads-webui-universal/temporal-utitlities';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { keyCode } from '@bingads-webui/keycode';\r\nimport './style.less';\r\nimport { inputTitleStyle } from '../../style/input-title-style';\r\n\r\nclass StartEndDate extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startNavigatedDate: '',\r\n endNavigatedDate: '',\r\n startSelectedDate: '',\r\n endSelectedDate: '',\r\n isShowStartDatePicker: false,\r\n isShowEndDatePicker: false,\r\n selectedRanges: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('mousedown', this.handelShowHideSingleDatePicker);\r\n this.onValidate();\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handelShowHideSingleDatePicker);\r\n }\r\n\r\n static getDerivedStateFromProps(props) {\r\n const startDate = new Date(props.startDate);\r\n const startSelectedDate = new CivilDate(\r\n startDate.getUTCFullYear(),\r\n startDate.getUTCMonth() + 1,\r\n startDate.getUTCDate()\r\n );\r\n const endDate = new Date(props.endDate);\r\n const endSelectedDate = new CivilDate(\r\n endDate.getUTCFullYear(),\r\n endDate.getUTCMonth() + 1,\r\n endDate.getUTCDate()\r\n );\r\n return {\r\n startSelectedDate,\r\n startNavigatedDate: startSelectedDate,\r\n endSelectedDate,\r\n endNavigatedDate: endSelectedDate,\r\n selectedRanges: [{\r\n start: startSelectedDate,\r\n end: endSelectedDate,\r\n }],\r\n };\r\n }\r\n\r\n onSelectDate = (date) => {\r\n if (this.state.isShowStartDatePicker) {\r\n this.setState({\r\n startSelectedDate: date,\r\n isShowStartDatePicker: false,\r\n }, this.onValidate);\r\n this.props.changeStartEndDate({\r\n StartDate: date.toString(),\r\n });\r\n } else if (this.state.isShowEndDatePicker) {\r\n this.setState({\r\n endSelectedDate: date,\r\n isShowEndDatePicker: false,\r\n }, this.onValidate);\r\n this.props.changeStartEndDate({\r\n EndDate: date.toString(),\r\n });\r\n }\r\n }\r\n\r\n onValidate = () => {\r\n const today = new Date();\r\n const start = this.state.startSelectedDate;\r\n const end = this.state.endSelectedDate;\r\n\r\n if (start > end) {\r\n this.setState({\r\n errMessage: _TL_('The start date for the scheduled report cannot be later than the end date.'),\r\n });\r\n } else if (today > new Date(end.year, end.month - 1, end.day)) {\r\n this.setState({\r\n errMessage: _TL_('The end date for a scheduled report must be greater than the current date.'),\r\n });\r\n } else {\r\n this.setState({\r\n errMessage: false,\r\n });\r\n }\r\n }\r\n\r\n onKeyDown = (event) => {\r\n if (event.keyCode === keyCode.Enter) {\r\n this.handelShowHideSingleDatePicker(event);\r\n }\r\n }\r\n\r\n setWrapperRef = (node) => {\r\n this.wrapperRef = node;\r\n }\r\n\r\n handelShowHideSingleDatePicker = (event) => {\r\n if (event.target === $('#startDateInput')[0]) {\r\n this.setState({\r\n isShowStartDatePicker: !this.state.isShowStartDatePicker,\r\n isShowEndDatePicker: false,\r\n });\r\n } else if (event.target === $('#endDateInput')[0]) {\r\n this.setState({\r\n isShowStartDatePicker: false,\r\n isShowEndDatePicker: !this.state.isShowEndDatePicker,\r\n });\r\n } else if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\r\n this.setState({\r\n isShowStartDatePicker: false,\r\n isShowEndDatePicker: false,\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n i18n, classes,\r\n } = this.props;\r\n const minDate = getCivilDateToday().plus({ days: -1 });\r\n const maxDate = getCivilDateToday().plus({ years: 2 });\r\n\r\n return (\r\n \r\n
\r\n
{ i18n.getString(_TL_('Start Date')) }
\r\n
\r\n
\r\n {\r\n this.state.isShowStartDatePicker &&\r\n
\r\n this.onSelectDate(date)}\r\n i18n={i18n}\r\n isMonthPickerEnabled\r\n />\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
{ i18n.getString(_TL_('End Date')) }
\r\n
\r\n
\r\n {\r\n this.state.isShowEndDatePicker &&\r\n
\r\n
\r\n }\r\n
\r\n
\r\n {\r\n this.state.errMessage ?\r\n
\r\n { i18n.getString(this.state.errMessage)}\r\n
: ''\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
{i18n.getString(_TL_('Send report to'))}
\r\n
\r\n
{i18n.getString(_TL_('Separate multiple email addresses with commas or semicolons. Maximum 1024 character limit.'))} \r\n
\r\n
setSchedule({ AttachFileToEmail: val.target.checked })}\r\n checked={AttachFileToEmail}\r\n >\r\n {this.text.includeReport}\r\n {\r\n AttachFileToEmail &&\r\n \r\n {i18n.getString(_TL_('Reports larger than 4MB will not be included as email attachments.'))}\r\n
\r\n }\r\n \r\n\r\n \r\n {\r\n !isUpdateReport &&\r\n this.onChange({ type: val.target.checked ? saveType : 'ReportUI' })}\r\n checked={isValidSaveType(settings.type)}\r\n >\r\n {this.text.saveAs}\r\n \r\n {this.text.visibleToExternalUsers}\r\n this.onChange({ scheduleThisReport: val.target.checked })}\r\n checked={settings.scheduleThisReport}\r\n >\r\n {this.text.schdule}\r\n this.onChange({ includeTotalRow: val.target.checked })}\r\n checked={settings.includeTotalRow}\r\n className={disableIncludeTotalRow ? classes.disabledCheckbox : ''}\r\n >\r\n {this.text.totalRow}\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n/* eslint-disable react/no-typos */\r\nSettingSection.propTypes = {\r\n showIncludeTotalRow: PropTypes.bool,\r\n disableIncludeTotalRow: PropTypes.bool,\r\n forceValidate: PropTypes.bool,\r\n classes: PropTypes.objectOf(PropTypes.string).isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n legacyI18n: ReportingProps.i18n.isRequired,\r\n data: PropTypes.object.isRequired, // eslint-disable-line\r\n setData: PropTypes.func.isRequired,\r\n isUpdateReport: PropTypes.bool.isRequired,\r\n saveType: PropTypes.string.isRequired,\r\n hasTopMargin: PropTypes.bool,\r\n permissions: PropTypes.shape({}).isRequired,\r\n identityDetails: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nSettingSection.defaultProps = {\r\n showIncludeTotalRow: true,\r\n disableIncludeTotalRow: false,\r\n forceValidate: false,\r\n hasTopMargin: true,\r\n};\r\n\r\nfunction getStyle(components, core) {\r\n const baseStyle = {\r\n reportSetting: {\r\n ...radioAndCheckboxStyle(components, core),\r\n },\r\n disabledCheckbox: {\r\n background: 'none',\r\n width: 'auto',\r\n height: 'auto',\r\n float: 'none',\r\n marginLeft: 'auto',\r\n '& label': {\r\n color: '#808080',\r\n cursor: 'not-allowed',\r\n },\r\n },\r\n };\r\n\r\n if (!core.isUIVnext) {\r\n return baseStyle;\r\n }\r\n\r\n return {\r\n ...baseStyle,\r\n reportSetting: {\r\n ...baseStyle.reportSetting,\r\n '& .helpbutton': {\r\n ...helpbuttonStyle(core)['.helpbutton'],\r\n color: `${core.palette.themePrimary}`,\r\n },\r\n '& .helpbutton::before': helpbuttonStyle(core)['.helpbutton::before'],\r\n },\r\n };\r\n}\r\n\r\nconst Wrapped = withIdentityContext(withPermissionContext(withPerfMarker(withDefaultStyles(SettingSection, getStyle), { name: 'reporting-setting' })));\r\n\r\nexport { Wrapped as SettingSection };\r\n","export const categories = [\r\n {\r\n metrics: [\r\n 'Clicks',\r\n ],\r\n prefix: 'PerformanceMetrics/',\r\n },\r\n];\r\n","import _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport { i18nMap, logUnmappedFilter } from '@bingads-webui-campaign/report-shared';\r\nimport { Shared as reportSchema } from '@bingads-webui/report-ui-interface';\r\nimport * as putil from '@bingads-webui-universal/primitive-utilities';\r\nimport { categories } from './consts';\r\n\r\nconst maxCheckboxValues = 7;\r\n\r\nfunction localizeEnumValues(i18n, property, propertyKey) {\r\n const tuples = _.map(property.enum, (enumValue) => {\r\n const englishString = i18nMap.FilterEnum[propertyKey] ?\r\n i18nMap.FilterEnum[propertyKey][enumValue] :\r\n putil.get(reportSchema, `columns.${property.columnName}.enum.${property.enumToColumnEnum[enumValue]}`);\r\n const localizedString = englishString ? i18n.getString(englishString) : String(enumValue);\r\n\r\n return [enumValue, localizedString];\r\n });\r\n return _.object(tuples);\r\n}\r\n\r\nexport function localizeTitle(i18n, key) {\r\n const englishString = i18nMap.FilterTitle[key];\r\n let localizedString;\r\n if (englishString) {\r\n localizedString = i18n.getString(englishString);\r\n } else {\r\n localizedString = String(key);\r\n logUnmappedFilter(key);\r\n }\r\n\r\n return localizedString;\r\n}\r\n\r\nexport function getUpperDescription(i18n, propertyKey) {\r\n const propertyName = localizeTitle(i18n, propertyKey);\r\n return i18n.getString(_TL_('Type {{propertyName}} (separate with commas):'), { propertyName });\r\n}\r\n\r\nfunction getPropertyPath(key) {\r\n const category = _.find(categories, ({ metrics }) => _.contains(metrics, key));\r\n const prefix = _.result(category, 'prefix', '');\r\n\r\n return `${prefix}${key}`;\r\n}\r\n\r\nexport function processProperty(\r\n rawProperty, rawKey, i18n,\r\n isUIVnext, permissions\r\n) {\r\n const property = {\r\n ...rawProperty,\r\n title: localizeTitle(i18n, rawKey),\r\n property: isUIVnext ? getPropertyPath(rawKey) : undefined,\r\n };\r\n\r\n if (property.enum) {\r\n if (property.columnName === 'Language' && !permissions.IsAdsGlobalizationPhase1Enabled) {\r\n property.enum = _.without(property.enum, 'Greek', 'Polish', 'Bulgarian', 'Croatian', 'Czech', 'Estonian', 'Hungarian', 'Latvian', 'Lithuanian', 'Maltese', 'Romanian', 'Slovak', 'Slovenian');\r\n }\r\n if (property.columnName === 'Language' && !permissions.IsAdsGlobalizationPhase2Enabled) {\r\n property.enum = _.without(property.enum, 'Turkish', 'Serbian', 'Bosnian', 'Albanian', 'Macedonian', 'Icelandic');\r\n }\r\n if (property.columnName === 'Language' && !permissions.IsAdsGlobalizationPhase6Enabled) {\r\n property.enum = _.without(property.enum, 'Hebrew', 'Russian');\r\n }\r\n if (property.columnName === 'Language' && !permissions.IsAdsGlobalizationPhase2JapanEnabled) {\r\n property.enum = _.without(property.enum, 'Japanese');\r\n }\r\n if (property.columnName === 'Language' && !permissions.IsAdsGlobalizationPhase9Enabled) {\r\n property.enum = _.without(property.enum, 'Hindi', 'Malay', 'Thai', 'Indonesian', 'Tagalog', 'SimplifiedChinese');\r\n }\r\n if (property.columnName === 'Language' && !permissions.IsAdsGlobalizationPhase9VIEnabled) {\r\n property.enum = _.without(property.enum, 'Vietnamese');\r\n }\r\n if (property.columnName === 'Language' && permissions.IsDomesticSimplifiedChineseEnabled) {\r\n property.enum = ['SimplifiedChinese'];\r\n }\r\n const localizationMap = localizeEnumValues(i18n, property, rawKey);\r\n if (property.columnName === 'AdType' && permissions.IsMultiMediaAdsEnabled) {\r\n // When enable IsMultiMediaAdsEnabled, show text as \"Responsive ad / Multimedia ad\"\r\n localizationMap.ResponsiveAd = i18n.getString(_TL_('Responsive ad / Multimedia ad'));\r\n }\r\n\r\n property.enum = _.chain(property.enum)\r\n .sortBy(property.type === 'integer' ? _.identity : _.propertyOf(localizationMap))\r\n // CheckboxEditor requires enum value to be string\r\n // @bingads-webui/predicate-list-react/src/predicate-value-editors/checkbox-editor.js\r\n // checked: PropTypes.arrayOf(PropTypes.string)\r\n .map(v => String(v))\r\n .value();\r\n // keys in property.localized must have the same order with property.enum\r\n property.localized = _.chain(property.enum)\r\n .map(enumValue => [enumValue, localizationMap[enumValue]])\r\n .object()\r\n .value();\r\n\r\n if (property.enum.length > maxCheckboxValues) {\r\n // Enforce using selector\r\n // @bingads-webui/predicate-list/src/predicate-creator.es line 12\r\n property.type = 'id';\r\n property.name = property.title;\r\n property.addtionalParams = {\r\n dataSource: {\r\n get(dummy, query) {\r\n let result = [...property.enum];\r\n\r\n if (_.isString(query)) {\r\n const queryLowerCase = query.toLowerCase();\r\n\r\n result = _.filter(result, (enumValue) => {\r\n const enumLowerCase = property.localized[enumValue].toLowerCase();\r\n\r\n return enumLowerCase.includes(queryLowerCase);\r\n });\r\n }\r\n\r\n result = _.map(result, enumValue => ({\r\n Id: enumValue,\r\n Name: property.localized[enumValue],\r\n }));\r\n\r\n return result;\r\n },\r\n itemsDisplayLimit: Number.MAX_SAFE_INTEGER,\r\n },\r\n selectorOptions: {\r\n keyMap: {\r\n Selector_Filter_Placeholder: () => `${i18n.getString(_TL_('Select'))} ${property.title}`,\r\n },\r\n },\r\n };\r\n if (isUIVnext) {\r\n // name must be identical to key, see\r\n // @bingads-webui/predicate-list-react/src/predicate-value-editors/selector-editor.js\r\n // line 102\r\n // @bingads-webui/predicate-list/src/viewmodel/predicate.es line 18\r\n property.name = rawKey;\r\n // bypass default value\r\n // @bingads-webui/viewmodel-schema/src/default-value.es\r\n property.nullable = true;\r\n // Stub for hummanrized-predicate\r\n // @bingads-webui/humanized-predicate/src/humanized-predicate.js\r\n property.addtionalParams.dataSource.getByIds = (ids) => {\r\n const result = _.map(ids, id => ({\r\n Id: id,\r\n Name: id,\r\n }));\r\n\r\n return Promise.resolve(result);\r\n };\r\n }\r\n } else {\r\n property.chooseType = 'checkbox';\r\n // Enforce filter-i18n to consume property.localized\r\n // @bingads-webui/filter-i18n/src/index.es line 91\r\n property.type = 'string';\r\n }\r\n } else if (property.type === 'string') {\r\n property.chooseType = 'textarea';\r\n property.operators = ['eq'];\r\n property.maxLength = 1024;\r\n property.customParameters = {\r\n lowerDescription: i18n.getString(_TL_('Maximum 1024 character limit')),\r\n upperDescription: getUpperDescription(i18n, rawKey),\r\n };\r\n } else if (property.type === 'integer') {\r\n property.minimum = 0;\r\n property.required = true;\r\n } else {\r\n // filter definition is invalid, omit\r\n return null;\r\n }\r\n\r\n return property;\r\n}\r\n\r\nexport function filterSchemaProcessor(\r\n filterSchema, i18n,\r\n isUIVnext, permissions\r\n) {\r\n const properties = _.chain(filterSchema.properties)\r\n .pairs()\r\n .map(([key, property]) => [key, processProperty(\r\n property,\r\n key, i18n, isUIVnext, permissions\r\n )])\r\n // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\r\n .reject(([key, property]) => !property)\r\n // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\r\n .sortBy(([key, property]) => property.title)\r\n .object()\r\n .value();\r\n\r\n return {\r\n ...filterSchema,\r\n name: 'ReportingUI',\r\n properties,\r\n };\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport 'bootstrap/js/dropdown';\r\nimport { withPerfMarker } from '@bingads-webui/performance-marker-react-wrapper';\r\nimport { PredicateList } from '@bingads-webui/predicate-list';\r\nimport { BackboneInstanceWrapper } from '@bingads-webui-react/backbone-instance-wrapper';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { filterSchemaProcessor } from './filter-schema-processor';\r\n\r\nexport class FilterComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const {\r\n i18n, legacyI18n, reportSchema, data,\r\n permissions,\r\n } = props;\r\n\r\n const filterSchema = filterSchemaProcessor(\r\n reportSchema.Filters,\r\n i18n, false, permissions\r\n );\r\n this.predicateList = new PredicateList({\r\n entitySchema: filterSchema,\r\n i18n: legacyI18n,\r\n maxConditionCount: Number.MAX_SAFE_INTEGER,\r\n onPredicateChange: this.onPredicateChange,\r\n });\r\n\r\n if (data && data.predicates) {\r\n this.predicateList.setPredicates(data.predicates);\r\n }\r\n\r\n this.predicateList.render();\r\n }\r\n\r\n shouldComponentUpdate(nextProps) {\r\n if (!this.props.showValidationErrors && nextProps.showValidationErrors) {\r\n this.predicateList.showValidationErrors();\r\n }\r\n // Nothing to update\r\n return false;\r\n }\r\n\r\n onPredicateChange = (currData) => {\r\n const whiteList = ['isValid', 'predicates', 'predicateCount'];\r\n const {\r\n data: prevData,\r\n setData,\r\n } = this.props;\r\n const prevDataPick = _.pick(prevData, whiteList);\r\n const currDataPick = _.pick(currData, whiteList);\r\n\r\n // Allow no filter\r\n if (currDataPick.predicateCount === 0) {\r\n currDataPick.isValid = true;\r\n }\r\n\r\n if (!_.isEqual(prevDataPick, currDataPick)) {\r\n setData(currDataPick);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
);\r\n }\r\n}\r\n\r\n\r\nFilterComponent.propTypes = {\r\n i18n: ReportingProps.i18n.isRequired,\r\n legacyI18n: ReportingProps.i18n.isRequired,\r\n reportSchema: ReportingProps.reportSchema.isRequired,\r\n setData: PropTypes.func.isRequired,\r\n data: PropTypes.objectOf(PropTypes.any),\r\n showValidationErrors: PropTypes.bool.isRequired,\r\n permissions: PropTypes.shape({}),\r\n};\r\n\r\nFilterComponent.defaultProps = {\r\n data: null,\r\n permissions: {\r\n IsAdsGlobalizationPhase1Enabled: false,\r\n },\r\n};\r\n\r\nconst wrapped = withPerfMarker(FilterComponent, { name: 'reporting-filter' });\r\nexport { wrapped as Filter };\r\n","import _ from 'underscore';\r\n\r\nfunction isPlainObject(value) {\r\n return _.isObject(value) && !_.isArray(value);\r\n}\r\n\r\nexport function queryToPredicates(query) {\r\n if (!isPlainObject(query) || _.isEmpty(query)) {\r\n return [];\r\n }\r\n if (query.$and) {\r\n return query.$and;\r\n }\r\n return [query];\r\n}\r\n\r\nexport function predicatesToQuery(predicates) {\r\n if (!_.isArray(predicates) || _.isEmpty(predicates)) {\r\n return {};\r\n }\r\n if (predicates.length === 1) {\r\n return predicates[0];\r\n }\r\n return {\r\n $and: predicates,\r\n };\r\n}\r\n\r\nexport function validateGoalIdFilter(filter) {\r\n const { predicates } = filter;\r\n if (_.isArray(predicates) && predicates.length > 0) {\r\n const goalIdPredicate = _.find(predicates, predicate => _.has(predicate, 'GoalIds'));\r\n if (_.isObject(goalIdPredicate)) {\r\n const regex = /^\\d+(,\\d+)*$/;\r\n return regex.test(goalIdPredicate.GoalIds.$eq);\r\n }\r\n return true;\r\n }\r\n return true;\r\n}\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport 'bootstrap/js/dropdown';\r\nimport { Button, Glyphicon } from '@bingads-webui-react/primitive';\r\nimport { withPerfMarker } from '@bingads-webui/performance-marker-react-wrapper';\r\nimport { PredicateList } from '@bingads-webui/predicate-list-react';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport { FilterEntity } from '@bingads-webui/filter-entity';\r\nimport { filterSchemaProcessor } from './filter-schema-processor';\r\nimport { queryToPredicates, predicatesToQuery } from './filter-util';\r\n\r\nexport class FilterComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const {\r\n i18n, reportSchema,\r\n permissions,\r\n } = props;\r\n\r\n this.filterSchema = filterSchemaProcessor(\r\n reportSchema.Filters,\r\n i18n, true, permissions\r\n );\r\n this.editableFilter = new FilterEntity({}, {\r\n entitySchema: this.filterSchema,\r\n });\r\n }\r\n\r\n onQueryChange = (query) => {\r\n const {\r\n data: prevData,\r\n setData,\r\n } = this.props;\r\n const currData = {\r\n predicates: queryToPredicates(query),\r\n };\r\n\r\n if (!_.isEqual(prevData, currData)) {\r\n setData(currData);\r\n }\r\n }\r\n\r\n onQueryReset = () => {\r\n this.onQueryChange(null);\r\n }\r\n\r\n render() {\r\n const {\r\n classes,\r\n i18n,\r\n data: {\r\n predicates,\r\n },\r\n } = this.props;\r\n\r\n const query = predicatesToQuery(predicates);\r\n this.editableFilter.updateQuery(query);\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n {i18n.getString(_TL_('Goal ID filter only allows comma separated integer values.'))}\r\n
\r\n }\r\n \r\n :\r\n i18n.getString(_TL_('There are no filters defined for this report.'));\r\n}\r\n\r\nFilterSection.propTypes = {\r\n classes: PropTypes.objectOf(PropTypes.string).isRequired,\r\n i18n: ReportingProps.i18n.isRequired,\r\n legacyI18n: ReportingProps.i18n.isRequired,\r\n reportSchema: ReportingProps.reportSchema.isRequired,\r\n setData: PropTypes.func.isRequired,\r\n data: PropTypes.objectOf(PropTypes.any),\r\n showValidationErrors: PropTypes.bool.isRequired,\r\n permissions: ReportingProps.permissions.isRequired,\r\n};\r\n\r\nFilterSection.defaultProps = {\r\n data: null,\r\n};\r\n\r\nconst Wrapped = withPermissionContext(FilterSection);\r\n\r\nexport { Wrapped as FilterSection };\r\n","import _ from 'underscore';\r\n\r\nfunction getRejectedColumns(permissions, pilotSets) {\r\n let rejectedColumns = [];\r\n _.forEach(pilotSets, ({ isAllowed, columns }) => {\r\n if (!isAllowed(permissions)) {\r\n rejectedColumns = _.union(rejectedColumns, columns);\r\n }\r\n });\r\n\r\n return rejectedColumns;\r\n}\r\n\r\nexport const filterDefaultColumnByPilot = (permissions, defaultColumn, pilotSets) => {\r\n const rejectedColumns = getRejectedColumns(permissions, pilotSets);\r\n\r\n const filtered = _.difference(defaultColumn, rejectedColumns);\r\n return filtered;\r\n};\r\n","import _ from 'underscore';\r\nimport { predicateValueEditorStyle, uiblockerStyle, underlineLinkStyle } from '@bingads-webui-campaign-react/common-styles';\r\nimport { radioAndCheckboxStyle } from './radio-checkbox-style';\r\n\r\n/* istanbul ignore file */\r\nexport const getStyle = function (components, core) {\r\n const baseStyle = {\r\n createReportContainer: {\r\n '& .blocker-indicator': {\r\n position: 'absolute',\r\n },\r\n },\r\n container: {\r\n width: '100%',\r\n marginTop: '16px',\r\n marginBottom: '10px',\r\n paddingLeft: '24px',\r\n position: 'relative',\r\n '& div.error': {\r\n color: '#A80000',\r\n },\r\n },\r\n title: {\r\n fontFamily: 'Arial',\r\n fontSize: '20px',\r\n color: '#333333',\r\n marginBottom: '10px',\r\n },\r\n description:\r\n {\r\n margin: '15px 10px',\r\n },\r\n actions: {\r\n marginTop: '22px',\r\n marginLeft: '7px',\r\n },\r\n sla: {\r\n marginTop: '20px',\r\n fontSize: '10px',\r\n color: '#666666',\r\n },\r\n customizationContent: {\r\n width: '994px',\r\n minWidth: '994px',\r\n },\r\n blocker: {\r\n height: '100%',\r\n },\r\n paddingTop5: {\r\n paddingTop: '5px',\r\n },\r\n accountCampaignSelector: {\r\n '& > div > .row': {\r\n marginLeft: '0',\r\n marginRight: '0',\r\n '& > .col-sm-4': {\r\n padding: '0',\r\n width: '100%',\r\n },\r\n },\r\n ...radioAndCheckboxStyle(components, core),\r\n },\r\n positionRelative: {\r\n position: 'relative',\r\n },\r\n goalIdErrorMsg: {\r\n color: '#D90026',\r\n marginTop: '10px',\r\n },\r\n timeRangeSelector: {\r\n },\r\n };\r\n if (!core.isUIVnext) {\r\n return baseStyle;\r\n }\r\n const blockStyle = uiblockerStyle({ palette: core.palette });\r\n return {\r\n ...baseStyle,\r\n createReportContainer: {\r\n '& .blocker-global': _.extend(blockStyle['.blocker-global'], blockStyle['.blocker-global, .blocker-local'], blockStyle['.blocker, .blocker-global, .blocker-local']),\r\n },\r\n container: _.extend(baseStyle.container, {\r\n marginTop: '14px',\r\n marginBottom: '18px',\r\n paddingLeft: '32px',\r\n }),\r\n title: _.extend(baseStyle.title, {\r\n fontSize: '26px',\r\n fontFamily: 'inherit',\r\n fontWeight: '500',\r\n color: '#333333',\r\n paddingBottom: '10px',\r\n borderBottom: `1px solid ${core.palette.neutralLighter};`,\r\n }),\r\n description: _.extend(baseStyle.description, {\r\n marginTop: '8px',\r\n marginLeft: '0px',\r\n '& b': {\r\n fontWeight: '500',\r\n },\r\n }),\r\n customizationContent: _.extend(baseStyle.customizationContent, {\r\n width: '1302px',\r\n minWidth: '1302px',\r\n paddingLeft: '0 !important',\r\n }),\r\n generalSetting: {\r\n width: '435px',\r\n '& .compared-date-range-picker-input button': {\r\n width: '435px',\r\n },\r\n '& .single-row': {\r\n position: 'static',\r\n },\r\n },\r\n filterContainer: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n '& > .predicate-list': {\r\n paddingLeft: 0,\r\n },\r\n '& .add-filter-button': {\r\n background: 'transparent',\r\n marginLeft: 0,\r\n '&:focus': {\r\n background: 'transparent',\r\n },\r\n '&:focus:after': {\r\n border: 0,\r\n },\r\n },\r\n '& .filter-bar-button': {\r\n height: '56px',\r\n border: 0,\r\n '&:focus:after': {\r\n border: 0,\r\n },\r\n '& .iconba': {\r\n color: core.palette.themePrimary,\r\n },\r\n },\r\n '& .btn:focus': {\r\n outline: '1px solid',\r\n },\r\n '& .selector-placeholder.labels-selector': (() => {\r\n const selectorStyle = predicateValueEditorStyle.selector({ palette: core.palette });\r\n // Fix bug 3279977\r\n if (_.result(selectorStyle, ['& .search-box-v2', '& .search-box__input.form-control', 'width'])) {\r\n delete selectorStyle['& .search-box-v2']['& .search-box__input.form-control'].width;\r\n }\r\n return selectorStyle;\r\n })(),\r\n },\r\n actions: {\r\n marginTop: '60px',\r\n '& button + button': {\r\n marginLeft: '12px',\r\n },\r\n },\r\n sla: {\r\n marginTop: '20px',\r\n fontSize: '12px',\r\n color: `${core.palette.neutralPrimary}`,\r\n ...underlineLinkStyle({ palette: core.palette, elementLocator: 'a.HelpTopic' }),\r\n '& a.HelpTopic:focus': {\r\n border: 0,\r\n },\r\n },\r\n };\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReportingProps from '@bingads-webui-campaign-react/props-reporting';\r\nimport _ from 'underscore';\r\nimport { perfMarkerPropTypes } from '@bingads-webui/performance-marker';\r\nimport { ValidationGroup } from '@bingads-webui-react/primitive-validation';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\nimport { Panel } from '@bingads-webui-campaign/report-controls';\r\nimport { HelpLink, withPermissionContext } from '@bingads-webui-campaign/report-shared';\r\nimport { fromLegacyTimeZone } from '@bingads-webui-universal/time-zone-converter';\r\nimport { ActionCenter, Warning } from './components';\r\nimport { sectionType, renderTypes as allRenderTypes, ScopeFilterLevel, getScopeFilterLevel } from './config';\r\nimport { getDefaultTimeRange } from './config/time-ranges';\r\nimport { RootSection, GeneralSection, ColumnSection, FilterSection, SettingSection } from './sections';\r\nimport { filterDefaultColumnByPilot } from './pilot';\r\nimport { getStyle } from './style';\r\n\r\nconst {\r\n GENERAL, COLUMN, FILTER, SETTING, ROOT,\r\n} = sectionType;\r\n\r\nclass CreateReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const panelStatus = {\r\n [GENERAL]: true,\r\n [COLUMN]: false,\r\n [FILTER]: false,\r\n [SETTING]: false,\r\n };\r\n const {\r\n i18n,\r\n reportDefinition,\r\n reportSchema,\r\n identityDetails: {\r\n customer,\r\n account: {\r\n Id: accountId,\r\n Name: accountName,\r\n TimeZone: accountTimeZone,\r\n } = {},\r\n },\r\n savedReportData,\r\n saveType,\r\n permissions: {\r\n IsReportingUIPhaseNext,\r\n IsReportsMergeEnabled,\r\n },\r\n } = props;\r\n\r\n this.defaultColumns = filterDefaultColumnByPilot(\r\n props.permissions,\r\n props.reportSchema.Columns.default,\r\n props.reportSchema.Columns.pilotDefault\r\n );\r\n\r\n const customerOrAccountName = IsReportingUIPhaseNext && accountId && accountName ?\r\n accountName :\r\n customer.Name;\r\n const defaultData = {\r\n [ROOT]: {\r\n name: `${reportDefinition.name} ${i18n.formatDate(new Date(), { timeZone: null, skeleton: 'yMd' })} ${customerOrAccountName}`,\r\n type: reportDefinition.apiKey,\r\n schemaName: reportSchema.SchemaName,\r\n renderType: 'Table',\r\n },\r\n [GENERAL]: {\r\n timeGrain: reportSchema.ReportAggregation.default,\r\n timeRange: {\r\n key: getDefaultTimeRange(reportSchema.ReportAggregation.default, reportSchema),\r\n },\r\n timeZone: IsReportingUIPhaseNext && accountId && accountTimeZone ?\r\n fromLegacyTimeZone(accountTimeZone) :\r\n 'PacificTimeUSCanadaTijuana',\r\n format: 'Xlsx',\r\n accountCampaignSelector: {\r\n CustomerScopes:\r\n getScopeFilterLevel(reportSchema.ScopeFilterLevel) === ScopeFilterLevel.None ?\r\n [customer.Id] : null,\r\n AccountIds:\r\n (getScopeFilterLevel(reportSchema.ScopeFilterLevel) === ScopeFilterLevel.Account) &&\r\n IsReportingUIPhaseNext && accountId ?\r\n [accountId] : null,\r\n },\r\n userScopes: null,\r\n },\r\n [COLUMN]: {\r\n selected: this.defaultColumns,\r\n },\r\n [FILTER]: {\r\n isValid: true,\r\n },\r\n [SETTING]: {\r\n type: IsReportsMergeEnabled ?\r\n saveType :\r\n 'ReportUI',\r\n scheduleThisReport: false,\r\n includeTotalRow: false,\r\n AttachFileToEmail: false,\r\n EmailRecipients: '',\r\n // if cron not def it must be empty string\r\n Cron: '',\r\n StartDate: null,\r\n EndDate: null,\r\n },\r\n };\r\n\r\n this.state = {\r\n blocking: false,\r\n panelStatus,\r\n showValidationErrors: false,\r\n data: savedReportData ?\r\n _.mapObject(savedReportData, (value, key) => _.defaults(value, defaultData[key])) :\r\n defaultData,\r\n warnings: {},\r\n renderTypes: _.pick(allRenderTypes, reportSchema.RenderTypes),\r\n };\r\n\r\n this.accountSelectorPerfMarker = this.props.creationPerfMarker.createChild('accountCampaignSelector');\r\n this.accountSelectorPerfMarker.willInit();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.creationPerfMarker.done();\r\n }\r\n\r\n onPanelClick = (val) => {\r\n const panelStatus = { ...this.state.panelStatus };\r\n panelStatus[val] = !panelStatus[val];\r\n this.setState({ panelStatus });\r\n }\r\n\r\n onFailedValidation = (section) => {\r\n const { ...panelStatus } = this.state.panelStatus;\r\n panelStatus[section] = true;\r\n this.setState({ panelStatus, showValidationErrors: true });\r\n };\r\n\r\n setSection = (section, newData) => {\r\n const { ...data } = this.state.data;\r\n data[section] = _.defaults(newData, this.state.data[section]);\r\n this.setState({\r\n data,\r\n });\r\n }\r\n\r\n setWarning = (key, value) => {\r\n const { ...warnings } = this.state.warnings;\r\n warnings[key] = value;\r\n this.setState({\r\n warnings,\r\n });\r\n }\r\n\r\n setBlocker = (shoudBlock) => {\r\n this.setState({ blocking: shoudBlock });\r\n }\r\n\r\n setFilterSection = (data) => {\r\n this.setSection(FILTER, data);\r\n }\r\n\r\n setGeneralSection = (newData) => {\r\n const { ...data } = this.state.data;\r\n data[GENERAL] = _.defaults(newData, this.state.data[GENERAL]);\r\n if (data[GENERAL].format !== 'Xlsx') {\r\n data[SETTING] = _.defaults({ includeTotalRow: false }, this.state.data[SETTING]);\r\n }\r\n this.setState({\r\n data,\r\n });\r\n }\r\n\r\n setRootSection = (newData) => {\r\n const { ...data } = this.state.data;\r\n data[ROOT] = _.defaults(newData, this.state.data[ROOT]);\r\n\r\n if (newData.renderType && newData.renderType !== this.state.data[ROOT].renderType) {\r\n if (data[ROOT].renderType === 'Linechart') {\r\n data[GENERAL] = _.defaults({ timeGrain: 'Daily' }, this.state.data[GENERAL]);\r\n data[COLUMN] = _.defaults(\r\n { selected: this.props.reportSchema.Columns.linechartDefault },\r\n this.state.data[COLUMN]\r\n );\r\n } else if (data[ROOT].renderType === 'Barchart') {\r\n data[GENERAL] = _.defaults({ timeGrain: 'Summary' }, this.state.data[GENERAL]);\r\n data[COLUMN] = _.defaults(\r\n { selected: this.props.reportSchema.Columns.barchartDefault },\r\n this.state.data[COLUMN]\r\n );\r\n } else {\r\n data[COLUMN] = _.defaults(\r\n { selected: this.defaultColumns },\r\n this.state.data[COLUMN]\r\n );\r\n }\r\n }\r\n\r\n this.setState({\r\n data,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n i18n, reportDefinition, updateId, reportSchema,\r\n legacyI18n, classes, identityDetails, saveType,\r\n permissions: {\r\n IsInternalUser,\r\n IsReportingUIPhaseNext,\r\n },\r\n } = this.props;\r\n const {\r\n account: {\r\n Id: accountId,\r\n TimeZone: accountTimeZone,\r\n } = {},\r\n } = identityDetails;\r\n const { panelStatus, renderTypes } = this.state;\r\n const getValidationItemProps = field =>\r\n ({ field, alwaysShowError: this.state.showValidationErrors });\r\n const disableTimeZoneSelector = IsReportingUIPhaseNext && accountId && accountTimeZone;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
this.onPanelClick(GENERAL)} isUIVnext={IsReportingUIPhaseNext}>\r\n { this.accountSelectorPerfMarker.done(); }}\r\n />\r\n \r\n
this.onPanelClick(COLUMN)} isUIVnext={IsReportingUIPhaseNext}>\r\n this.setSection(COLUMN, data)}\r\n timeGrain={this.state.data[GENERAL].timeGrain}\r\n renderType={this.state.data[ROOT].renderType}\r\n />\r\n \r\n
this.onPanelClick(FILTER)} isUIVnext={IsReportingUIPhaseNext}>\r\n \r\n
this.onPanelClick(SETTING)} isUIVnext={IsReportingUIPhaseNext}>\r\n this.setSection(SETTING, data)}\r\n forceValidate={this.state.showValidationErrors}\r\n disableIncludeTotalRow={\r\n !_.some(reportSchema.Columns.categories, category => category.type === 'MetricColumns') ||\r\n this.state.data[GENERAL].format !== 'Xlsx'\r\n }\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n {i18n.getString(_TL_('Not all metrics are in real time. Clicks and impressions in the last 1 hour, UET conversions in the last 2 hours, and Non-UET conversions (App Install, Offline Conversions) in the last 5 hours might not be included.'))}\r\n
\r\n {\r\n reportDefinition.helpId &&\r\n
\r\n }\r\n
\r\n \r\n \r\n {i18n.getString(_TL_('This report type has been deprecated and is no longer available'))}\r\n
);\r\n }\r\n const reportSchema = schema[reportType];\r\n const reportDefinition = _.find(reports, ({ apiKey }) => apiKey === reportType);\r\n const savedReportData = getDataObject(taskItem);\r\n const saveType = getSaveType({\r\n IsReportsMergeEnabled,\r\n IsInternalUser,\r\n accountScope: !!accountId,\r\n taskItem,\r\n });\r\n\r\n // In new UI, we should always check 'Save as custom report' option,\r\n // even if it's create similar from a report instance.\r\n if (IsReportingUIPhaseNext && !isValidSaveType(savedReportData.setting.type)) {\r\n savedReportData.setting.type = saveType;\r\n }\r\n\r\n if (this.props.permissions.dynamic.PartialConversions) {\r\n savedReportData.column.selected =\r\n getPartialConversionsQualifiedColumns(savedReportData.column.selected);\r\n }\r\n\r\n this.creationPerfMarker.willRender();\r\n\r\n return (\r\n \r\n {i18n.getString(_TL_('Back to custom reports'))} ,\r\n ]}\r\n />\r\n
\r\n );\r\n }\r\n\r\n return \r\n {this.props.children}\r\n );\r\n }\r\n}\r\n\r\nLeagacyI18nProvider.propTypes = {\r\n /**\r\n * Localization module\r\n */\r\n i18n: PropTypes.shape({ getString: PropTypes.func }).isRequired,\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nconst Wrapped = withI18nConsumer(LeagacyI18nProvider);\r\n\r\nexport { Wrapped as LeagacyI18nProvider };\r\n","import React from 'react';\r\nimport { LegacyI18n } from './legacy-i18n';\r\n\r\nexport const withLegacyI18n = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const Identity = React.createContext('');\r\n\r\nexport function IdentityProvider({ serverContext, children }) {\r\n const identityDetails = {\r\n user: serverContext.CurrentUser,\r\n // customer id should come from url, discuss with Raymond\r\n customer: serverContext.CurrentCustomer,\r\n account: serverContext.CurrentAccount,\r\n lcid: serverContext.CultureLcid,\r\n };\r\n return (\r\n \r\n {children}\r\n );\r\n}\r\n\r\nIdentityProvider.propTypes = {\r\n /**\r\n * Content rendered in the body\r\n */\r\n children: PropTypes.node.isRequired,\r\n\r\n // eslint-disable-next-line react/forbid-prop-types\r\n serverContext: PropTypes.object.isRequired,\r\n\r\n};\r\n\r\n","import React from 'react';\r\nimport { Identity } from './identity-provider';\r\n\r\nexport const withIdentityContext = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n","/* eslint-disable */\r\nimport _ from 'underscore';\r\nimport { odata } from '@bingads-webui/http-util';\r\nimport * as url from '@bingads-webui/url-util';\r\nimport { get } from '@bingads-webui-universal/primitive-utilities';\r\nimport { odataQuery, odataUri, odataCast } from '@bingads-webui/odata-converter';\r\n\r\nfunction sendBatchRequest(definition, params, options) {\r\n const reqs = _.map(params, (param) => {\r\n const id = param.Id;\r\n const uri = odataUri.convert({ definition, options, id });\r\n\r\n return {\r\n type: options.action,\r\n url: uri,\r\n data: param,\r\n };\r\n });\r\n\r\n return odata.batch({ reqs, path: options.path }).then((response) => {\r\n if (_.isFunction(options.processResponse)) {\r\n options.processResponse(response);\r\n }\r\n return response;\r\n });\r\n}\r\n\r\nfunction getCommonOptions({\r\n ajaxOptions = {},\r\n urlParameters,\r\n host,\r\n path,\r\n headers,\r\n successCallback,\r\n state,\r\n oDataToken,\r\n} = {}) {\r\n const options = _.defaults({}, ajaxOptions);\r\n if (_.isObject(urlParameters)) {\r\n options.urlParameters = urlParameters;\r\n }\r\n if (host) {\r\n options.host = host;\r\n }\r\n if (path) {\r\n options.path = path;\r\n }\r\n if (oDataToken) {\r\n options.oDataToken = oDataToken;\r\n }\r\n if (headers) {\r\n options.headers = headers;\r\n }\r\n // [lizho] Remove this after related OData APIs are refactored.\r\n // This callback is to get response header for product offer/product group related OData APIs.\r\n if (_.isFunction(successCallback)) {\r\n options.success = successCallback\r\n }\r\n // \r\n if (state) {\r\n options.params = _.clone(state.attributes);\r\n }\r\n return options;\r\n}\r\n\r\nexport class ODataBaseAdapter {\r\n // All of the methods shown here must return a promise\r\n\r\n // \"definition\" is a resource defintion that would\r\n // be returned by DS#defineResource\r\n\r\n // \"options\" would be the options argument that\r\n // was passed into the DS method that is calling\r\n // the adapter method\r\n constructor(options = {}) {\r\n this.options = options;\r\n }\r\n\r\n convertQuery(queryParameters) {\r\n return odataQuery.convert(queryParameters);\r\n }\r\n\r\n create(definition, attrs, options) {\r\n _.extendOwn(options, this.options);\r\n let data = odataCast.data({ data: attrs, definition, options });\r\n let urlParameters = '';\r\n\r\n // Below if block is for the calls being made without EDM models\r\n // This enables making \"POST\" calls with query parameters without edm.\r\n if (attrs.queryParams) {\r\n urlParameters = this.convertQuery(attrs.queryParams);\r\n data = _.omit(data, 'queryParams');\r\n }\r\n\r\n // Must resolve the promise with the created item\r\n // NOTICE: added ajaxOptions here.\r\n return odata\r\n .post(odataUri.convert({ definition, options }), _.defaults({ data, urlParameters }, getCommonOptions(options)));\r\n }\r\n\r\n find(definition, id, options) {\r\n _.extendOwn(options, this.options);\r\n let params = {};\r\n let queryParameters = options.queryParameters;\r\n\r\n if (_.isObject(queryParameters)) {\r\n params = { data: _.omit(this.convertQuery(queryParameters), '$top', '$count') };\r\n }\r\n\r\n params.path = options.path;\r\n\r\n // Must resolve the promise with the found item\r\n return odata.get(odataUri.convert({ definition, options, id, isFinding: true }), _.defaults(params, getCommonOptions(options)));\r\n }\r\n\r\n findAll(definition, params, options = {}) {\r\n // Must resolve the promise with the found items\r\n _.extendOwn(options, this.options);\r\n const filterOptions = options.filterOptions;\r\n\r\n // params.entitySet is flavored. options.entitySet is only surported for backward support.\r\n const queryEntitySet = get(params, 'query.entitySet');\r\n const entitySet = options.edmRootResourceIdentifier && queryEntitySet ?\r\n options.edmRootResourceIdentifier.identifyEntitySet(queryEntitySet) :\r\n get(options, 'entitySet');\r\n\r\n let request;\r\n\r\n if (entitySet && options.edm && get(entitySet, 'navigation.source.type') instanceof options.edm.types.ActionType) {\r\n request = odata\r\n .post(\r\n url.queryify(odataUri.convert({ definition, options, isFinding: true, entitySet }), this.convertQuery(_.extend({ filterOptions }, params)), options.ajaxOptions.customParameterizationFunc),\r\n _.defaults({ data: entitySet.navigation.parameters }, getCommonOptions(options))\r\n );\r\n\r\n options.cacheResponse = false;\r\n } else {\r\n request = odata\r\n .get(\r\n odataUri.convert({ definition, options, isFinding: true, entitySet }),\r\n _.defaults({ data: this.convertQuery(_.extend({ filterOptions }, params)) }, getCommonOptions(options))\r\n );\r\n }\r\n\r\n return request.then((res) => {\r\n const addPropertyTotalCount = (obj) => Object.defineProperty(obj, 'totalCount', {\r\n value: res['@odata.count'],\r\n enumerable: false,\r\n });\r\n\r\n const addPropertyRaw = (obj) => Object.defineProperty(obj, 'raw', {\r\n value: res,\r\n enumerable: false,\r\n });\r\n\r\n const queryId = _.uniqueId('query-');\r\n\r\n // if OData results is just an array of string, make it an object then assign the object to value.\r\n if (_.isString(_.first(res.value))) {\r\n res.value = _.map(res.value, item => ({id : _.uniqueId('item-'), value: item}));\r\n }\r\n\r\n // JSData requires ID for every resource\r\n // Some calls to OData server won't return items with ID, or return items with an empty string as id\r\n // We add ID here to fit JSData requirement before JSData inject happens\r\n _.each(res.value, (item, index) => {\r\n if (!_.has(item, definition.idAttribute) || item[definition.idAttribute] === '') {\r\n item[definition.idAttribute] = `${queryId}-${index}`;\r\n }\r\n });\r\n\r\n const addProperties = _.compose(addPropertyTotalCount, addPropertyRaw);\r\n\r\n if (options.cacheResponse) {\r\n options.afterInject = _.compose(\r\n options.afterInject || _.identity,\r\n (innerOptions, injected) => addProperties(injected)\r\n );\r\n } else {\r\n // if odata response payload is not wrapped in value property,\r\n // move the contents under res.value\r\n res.value = _.has(res, 'value') ? res.value : res;\r\n addProperties(res.value);\r\n }\r\n\r\n return res.value;\r\n }, (res) => {\r\n //in case of error, it returns statusText for caller\r\n return {\r\n responseText: res.responseText,\r\n status: res.status,\r\n statusText: res.statusText,\r\n errors: res.errors,\r\n raw: res.body,\r\n };\r\n });\r\n }\r\n\r\n update(definition, id, attrs, options) {\r\n _.extendOwn(options, this.options);\r\n const data = odataCast.data({ data: attrs, definition, options });\r\n\r\n return odata\r\n .patch(\r\n odataUri.convert({ definition, options, id }),\r\n // NOTICE: modified to replace app state/config\r\n _.defaults({ data }, getCommonOptions(options))\r\n );\r\n }\r\n updateAll(definition, attrs, params, options) {\r\n _.extendOwn(options, this.options);\r\n\r\n // Must resolve the promise with the updated items\r\n return sendBatchRequest(definition, params.reqs, options);\r\n }\r\n\r\n destroy(definition, id, options) {\r\n _.extendOwn(options, this.options);\r\n\r\n // Must return a promise\r\n return odata\r\n .delete(odataUri.convert({ definition, options, id }), getCommonOptions(options))\r\n .then(_.property('value'));\r\n }\r\n\r\n destroyAll(definition, params, options) {\r\n _.extendOwn(options, this.options);\r\n\r\n return sendBatchRequest(definition, params.reqs, options);\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport { ODataAdapter } from './js-data-odata';\r\n\r\nfunction defaultGetODataURLWithKey(odataURL) {\r\n return ({ key }) => `${odataURL}(${key})`;\r\n}\r\n\r\nlet ajaxOptions;\r\n\r\nexport function initJsDataLight({\r\n host,\r\n path,\r\n oDataToken,\r\n loginType,\r\n sessionId,\r\n error,\r\n}) {\r\n ajaxOptions = {\r\n host,\r\n path,\r\n oDataToken,\r\n loginType,\r\n sessionId,\r\n error,\r\n };\r\n}\r\n\r\nexport class JsDataLight {\r\n constructor({\r\n entityName,\r\n idAttribute,\r\n odataURL,\r\n getODataURLWithKey,\r\n }) {\r\n if (!ajaxOptions) {\r\n throw new Error('JsDataLight is not initialized');\r\n }\r\n\r\n this.odataAdapter = new ODataAdapter();\r\n\r\n this.odataURL = odataURL;\r\n this.getODataURLWithKey = getODataURLWithKey || defaultGetODataURLWithKey(odataURL);\r\n\r\n this.entity = {\r\n class: entityName,\r\n name: entityName,\r\n endpoint: entityName,\r\n // Used by js-data-odata-base-adapter\r\n // Refer: AdsAppUISharedComponents/private/client-data/packages/\r\n // js-data-odata-base-adapter/src/index.es\r\n idAttribute,\r\n };\r\n // Used by grid data source\r\n // Refer: AdsAppUISharedComponents/private/client-projection-grid/packages/\r\n // projection-grid/src/data-source/js-data.js\r\n this.idAttribute = idAttribute;\r\n\r\n this.options = _.defaults({ ajaxOptions }, {\r\n // This is some stub code which is required by the js-data-odata module.\r\n edm: {\r\n types: {\r\n ActionType: class ActionType { },\r\n },\r\n },\r\n });\r\n }\r\n\r\n getOptions(options) {\r\n const entitySet = {\r\n odataURL: this.odataURL,\r\n\r\n // This is another stub code which is required by the js-data-odata module.\r\n navigation: {\r\n source: {\r\n type: {\r\n\r\n },\r\n },\r\n },\r\n\r\n $withKey: key => ({\r\n odataURL: this.getODataURLWithKey({ key }),\r\n }),\r\n };\r\n\r\n const finalOptions = _.defaults({}, options, { entitySet }, this.options);\r\n\r\n return finalOptions;\r\n }\r\n\r\n create(data, options) {\r\n return this.odataAdapter.create(this.entity, data, this.getOptions(options));\r\n }\r\n\r\n update(id, data, options) {\r\n return this.odataAdapter.update(this.entity, id, data, this.getOptions(options));\r\n }\r\n\r\n find(id, options) {\r\n return this.odataAdapter.find(this.entity, id, this.getOptions(options));\r\n }\r\n\r\n findAll(params, { afterFindAll, ...options } = {}) {\r\n return this.odataAdapter\r\n .findAll(this.entity, params, this.getOptions(options))\r\n .then(data => (_.isFunction(afterFindAll) ? afterFindAll(this.entity, data) : data))\r\n .then((data) => {\r\n if (_.isArray(data)) {\r\n return data;\r\n }\r\n\r\n throw data;\r\n });\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport _ from 'underscore';\r\n\r\nimport { FilterEntity } from '@bingads-webui/filter-entity';\r\nimport { ODataBaseAdapter } from './js-data-odata-adaptor';\r\nimport { odataQuery } from '@bingads-webui/odata-converter';\r\n\r\nexport class ODataAdapter extends ODataBaseAdapter {\r\n convertQuery(queryParameters) {\r\n const { filterOptions = {}, where = {} } = queryParameters;\r\n const ret = odataQuery.convert(queryParameters);\r\n const { '*': { contains: search } = {} } = where;\r\n\r\n if (!_.isString(where) || _.isEmpty(where)) {\r\n const restWhere = _.omit(where, '*');\r\n\r\n if (!_.isEmpty(restWhere)) {\r\n const $filter = new FilterEntity(restWhere, filterOptions).odataV4();\r\n if (!_.isEmpty($filter)) {\r\n ret.$filter = $filter;\r\n }\r\n }\r\n }\r\n\r\n return ret;\r\n }\r\n}\r\n","export const modeEnum = {\r\n PRIVATE: 'PRIVATE',\r\n SHARED: 'SHARED',\r\n};\r\n","import { JsDataLight } from '../js-data-light';\r\nimport { getScopePath } from './get-scope-path';\r\nimport { modeEnum } from '../reporting-contexts/mode-updater/modes';\r\n\r\nlet cid;\r\nlet pcid;\r\nlet aid;\r\nlet mode = modeEnum.PRIVATE;\r\n\r\nexport class JsDataLightWithScopePath extends JsDataLight {\r\n static init(options) {\r\n ({\r\n cid,\r\n aid,\r\n pcid,\r\n } = options);\r\n }\r\n\r\n static updateMode(newMode) {\r\n mode = newMode;\r\n }\r\n\r\n constructor({\r\n odataURL, ...options\r\n }) {\r\n const currentMode = options.mode || mode;\r\n const scopePath = getScopePath({\r\n cid, aid, pcid, mode: currentMode,\r\n });\r\n super({\r\n ...options,\r\n odataURL: `${scopePath}${odataURL}`,\r\n });\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport { modeEnum } from '../reporting-contexts/mode-updater/modes';\r\n\r\nexport function getScopePath({\r\n cid,\r\n aid,\r\n pcid,\r\n mode,\r\n}) {\r\n if (!_.contains(_.values(modeEnum), mode)) {\r\n throw new RangeError(`Error mode ${mode}`, ' is not supported');\r\n }\r\n let customerId;\r\n switch (mode) {\r\n case modeEnum.PRIVATE:\r\n customerId = pcid;\r\n break;\r\n case modeEnum.SHARED:\r\n default:\r\n customerId = cid;\r\n }\r\n\r\n let scopePath = `/Customers(${customerId})`;\r\n\r\n if (aid) {\r\n scopePath += `/Accounts(${aid})`;\r\n }\r\n\r\n return scopePath;\r\n}\r\n","import { JsDataLightWithScopePath } from './js-data-light-with-scope-path';\r\n\r\nexport const historyQueries = {\r\n /**\r\n * getRecentHistory: returns the most recent n reports from odata\r\n * @param {string|integer} cid customer id\r\n * @param {integer} limit max reports\r\n * @returns {promise} resolves to odata response\r\n */\r\n getRecent({ limit }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: '/TaskItemExecutions',\r\n });\r\n\r\n const params = {\r\n limit,\r\n query: {\r\n $filter: 'TaskItem/Type eq Enum.TaskItemType\\'ReportUI\\'',\r\n },\r\n };\r\n\r\n return entity.findAll(params);\r\n },\r\n\r\n run({ taskItemIds }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: '/TaskItems/RerunReports',\r\n });\r\n const payload = {\r\n ReportIds: taskItemIds,\r\n };\r\n\r\n return entity.create(payload);\r\n },\r\n\r\n download({ executionId }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: `/TaskItemExecutions(${executionId})/Default.PollReportDataTaskItemExecution`,\r\n });\r\n\r\n return entity.find();\r\n },\r\n\r\n delete({ taskItemIds }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: '/TaskItems/DeleteReports',\r\n });\r\n const payload = {\r\n ReportIds: taskItemIds,\r\n };\r\n\r\n return entity.create(payload);\r\n },\r\n\r\n gridDataSource() {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: '/TaskItemExecutions',\r\n });\r\n\r\n return {\r\n type: 'jsdata',\r\n entity,\r\n primaryKey: 'Id',\r\n query: {\r\n $filter: 'TaskItem/Type eq Enum.TaskItemType\\'ReportUI\\'',\r\n },\r\n };\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router-dom';\r\nimport _ from 'underscore';\r\nimport { parse, stringify } from 'query-string';\r\n\r\nlet reactRouterHistory = { location: { search: window.location.search } };\r\nlet routePrefix = '/Reporting';\r\n\r\nexport const navigator = {\r\n init(options) {\r\n ({\r\n history: reactRouterHistory,\r\n routePrefix,\r\n } = options);\r\n },\r\n\r\n resolve(path, { type, carryForward } = {}) {\r\n let qs = parse(reactRouterHistory.location.search);\r\n if (_.isString(type)) {\r\n qs.type = type;\r\n } else if (!carryForward) {\r\n qs = _.omit(qs, 'type');\r\n }\r\n return `${routePrefix}${path}?${stringify(qs)}`;\r\n },\r\n\r\n goto(path, options = {}) {\r\n const uri = navigator.resolve(path, options);\r\n\r\n reactRouterHistory.push(uri);\r\n },\r\n\r\n replaceTo(path, options = {}) {\r\n const uri = navigator.resolve(path, options);\r\n\r\n reactRouterHistory.replace(uri);\r\n },\r\n};\r\n\r\nexport const NavigatorMaintenance = withRouter((props) => {\r\n navigator.init(props);\r\n return false;\r\n});\r\n\r\nNavigatorMaintenance.propTypes = {\r\n routePrefix: PropTypes.string.isRequired,\r\n};\r\n\r\n","import { navigator } from '../../navigator';\r\n\r\nexport const customReports = {\r\n /**\r\n * getUrl\r\n * @param {string|number} id execution id\r\n * @returns {string} custom report url\r\n */\r\n getUrl(id) {\r\n return navigator.resolve(`/updatetemplate/${id}`);\r\n },\r\n\r\n /**\r\n * getId\r\n * @param {object} report customReport object\r\n * @returns {string} id\r\n */\r\n getId(report) {\r\n return report.Id;\r\n },\r\n\r\n};\r\n","import { navigator } from '../../navigator';\r\n\r\nexport const historyReports = {\r\n\r\n /**\r\n * @param {string|number} id execution id\r\n * @param {boolean} isRunning bolean indicating if report is running\r\n * @returns {string} history report url\r\n */\r\n getUrl(id, isRunning) {\r\n return isRunning ?\r\n navigator.resolve(`/v2/pollreport/${id}`) :\r\n navigator.resolve(`/history/${id}`);\r\n },\r\n\r\n /**\r\n * @param {object} report history report object\r\n * @returns {string} id\r\n */\r\n getId(report) {\r\n return report.Id;\r\n },\r\n};\r\n\r\n","import _ from 'underscore';\r\n\r\nlet logger;\r\nconst loggedEnums = [];\r\nconst loggedFilters = [];\r\n\r\nexport const initLogger = _.once((instrumentation) => {\r\n const instrumentationSchema = {\r\n scenario: [\r\n {\r\n name: 'LogUnmappedEnum',\r\n // The value of clienterr.Sn\r\n value: 'Log unmapped enum values',\r\n activity: [\r\n {\r\n name: 'LogUnmappedEnum',\r\n // The value of clienterr.An\r\n value: 'Log unmapped enum values',\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n\r\n instrumentation.addScenario(instrumentationSchema);\r\n const scenario = instrumentation.LogUnmappedEnum.create();\r\n const activity = scenario.LogUnmappedEnum.create();\r\n\r\n logger = activity;\r\n});\r\n\r\n\r\nexport function logUnmappedEnum({\r\n columnName,\r\n value,\r\n}) {\r\n const uniqueId = `${columnName}-${value}`;\r\n\r\n if (_.contains(loggedEnums, uniqueId)) {\r\n return false;\r\n }\r\n\r\n logger.error(`Missing enum localization map for column: ${columnName}, value: ${value}`);\r\n loggedEnums.push(uniqueId);\r\n\r\n return true;\r\n}\r\n\r\nexport function logUnmappedFilter(filterName) {\r\n if (_.contains(loggedFilters, filterName)) {\r\n return false;\r\n }\r\n\r\n logger.error(`Missing localization map for filter: ${filterName}`);\r\n loggedFilters.push(filterName);\r\n\r\n return true;\r\n}\r\n","export const ReportType = {\r\n AccountPerformanceReport: _TL_('Account'),\r\n 'AccountPerformanceReport-SixWeeks': _TL_('Account - 6 weeks'),\r\n 'AccountPerformanceReport-TwoMonths': _TL_('Account - 2 months (MoM)'),\r\n 'AccountPerformanceReport-TwoYears': _TL_('Account - 2 years (YoY)'),\r\n 'AccountPerformanceReport-ShareOfVoice': _TL_('Account - Share of voice'),\r\n AdDynamicTextPerformanceReport: _TL_('Ad dynamic text'),\r\n AdExtensionByAdReport: _TL_('Ad extension by ad'),\r\n AdExtensionByKeywordReport: _TL_('Ad extension by keyword'),\r\n AdExtensionDetailReport: _TL_('Ad extension details'),\r\n AdGroupPerformanceReport: _TL_('Ad group'),\r\n AdPerformanceReport: _TL_('Ad'),\r\n AgeGenderAudienceReport: _TL_('Age and gender'),\r\n AgeGenderDemographicReport: _TL_('Age and gender'),\r\n AudiencePerformanceReport: _TL_('Audiences'),\r\n BudgetSummaryReport: _TL_('Budget'),\r\n BillingStatementReport: _TL_('Billing statement'),\r\n CallDetailReport: _TL_('Call forwarding detail'),\r\n CampaignPerformanceReport: _TL_('Campaign'),\r\n ConversionPerformanceReport: _TL_('Conversions'),\r\n CustomerInvoiceReport: _TL_('Manager account invoice billing'),\r\n DestinationURLPerformanceReport: _TL_('Destination URL'),\r\n DestinationUrlPerformanceReport: _TL_('Destination URL'),\r\n DSAAutoTargetPerformanceReport: _TL_('Dynamic search ad auto target'),\r\n DSACategoryPerformanceReport: _TL_('Dynamic search ad category'),\r\n DSASearchQueryPerformanceReport: _TL_('Dynamic search ad search term'),\r\n FraudChangeHistoryReport: _TL_('Fraud change history by user'),\r\n GeographicPerformanceReport: _TL_('Geographic'),\r\n GoalsAndFunnelsReport: _TL_('Goals'),\r\n KeywordPerformanceReport: _TL_('Keyword'),\r\n NegativeKeywordConflictReport: _TL_('Negative keyword conflicts'),\r\n ProductDimensionPerformanceReport: _TL_('Product dimension'),\r\n ProductMatchCountReport: _TL_('Product match count'),\r\n ProductNegativeKeywordConflictReport: _TL_('Product negative keyword conflicts'),\r\n ProductPartitionPerformanceReport: _TL_('Product partition'),\r\n ProductPartitionUnitPerformanceReport: _TL_('Product partition unit'),\r\n ProductSearchQueryPerformanceReport: _TL_('Product search term'),\r\n ProfessionalDemographicsAudienceReport: _TL_('Professional demographics'),\r\n PublisherUsagePerformanceReport: _TL_('Website URL (publisher)'),\r\n SearchCampaignChangeHistoryReport: _TL_('Change history'),\r\n SearchQueryPerformanceReport: _TL_('Search term'),\r\n ShareOfVoiceReport: _TL_('Share of voice'),\r\n UserRoleChangeHistoryReport: _TL_('User role change history'),\r\n UserLocationPerformanceReport: _TL_('User location'),\r\n FeedItemPerformanceReport: _TL_('Feed item'),\r\n};\r\n","import _ from 'underscore';\r\n\r\nexport const FileFormat = {\r\n Csv: _TL_('.csv'),\r\n Csvzip: _TL_('.zip (.csv)'),\r\n Tsv: _TL_('.tsv'),\r\n TsvZip: _TL_('.zip (.tsv)'),\r\n Xlsx: _TL_('.xlsx'),\r\n};\r\n\r\nexport const FileFormatForReporting = _.pick(FileFormat, 'Csvzip', 'TsvZip', 'Xlsx');\r\n\r\nexport const FileFormatForInlineDownload = _.pick(FileFormat, 'Csv', 'Tsv', 'Xlsx', 'Csvzip');\r\n","import _ from 'underscore';\r\nimport { ReportType } from './report-type';\r\n\r\nconst messages = {\r\n generalUnavalible: i18n => i18n.getString(_TL_('This report type has been deprecated and is no longer available to run')),\r\n runUnavalible: (i18n, reportType) => i18n.getString(_TL_('{{repotType}} reports have been deprecated and are no longer available to run.'), reportType),\r\n AgeGenderDemographicReport: i18n => `${i18n.getString(_TL_('The age and gender report has been deprecated and replaced with an updated version. Please create a new age and gender report and try running it again.'))} ${i18n.getString('Learn more')} `,\r\n};\r\n\r\nexport const getDeprecatedMessage = (reportType, i18n, isRunReport) => {\r\n if (_.has(messages, reportType)) {\r\n return messages[reportType](i18n);\r\n }\r\n\r\n return isRunReport ?\r\n messages.runUnavalible(i18n, i18n.getString(_.result(ReportType, reportType, reportType))) :\r\n messages.generalUnavalible(i18n);\r\n};\r\n\r\n","import _ from 'underscore';\r\n\r\nconst i18nMap = {\r\n InvalidId: _TL_('The report does not exist or does not belong to current user, manager account or account.'),\r\n InvalidEmail: _TL_('Invalid email address'),\r\n TaskSchedulingInvalid: _TL_('Invalid schedule time'),\r\n TaskThrottlingLimitReached: _TL_('You have reached the maximum allowed number of running reports. Please wait for the reports to finish and try again later.'),\r\n RequiredColumnsNotSelected: _TL_('You must select at least one attribute and performance statistic in order for the report to run. Examples of attributes are Brand or Merchant product ID. Examples of performance statistics are Clicks or Impressions.'),\r\n};\r\n\r\nexport const getErrorMessage = (errorCode, errMsg) => _.result(\r\n i18nMap,\r\n errorCode,\r\n errMsg || _TL_(\"Something went wrong, and we couldn't finish this task. Please refresh and try this operation again or contact support.\")\r\n);\r\n","import { DateRangePreset } from './date-range-preset';\r\nimport { ReportAggregation } from './report-aggregation';\r\nimport { ReportType } from './report-type';\r\nimport { ColumnName } from './column-name';\r\nimport { FilterTitle, FilterEnum } from './filter-enum';\r\nimport { FileFormat, FileFormatForReporting, FileFormatForInlineDownload } from './file-format';\r\n\r\nexport const i18nMap = {\r\n DateRangePreset,\r\n ReportAggregation,\r\n ReportType,\r\n ColumnName,\r\n FilterTitle,\r\n FilterEnum,\r\n FileFormat,\r\n FileFormatForReporting,\r\n FileFormatForInlineDownload,\r\n};\r\n\r\nexport { getDeprecatedMessage } from './get-deprecated-message';\r\nexport { getErrorMessage } from './error-messages';\r\n\r\nexport function safeGetString(i18n, map, key) {\r\n const englishString = map[key];\r\n\r\n if (!englishString) {\r\n // TODO: log error to kusto\r\n return key;\r\n }\r\n\r\n return i18n.getString(englishString);\r\n}\r\n","\r\n// AdsAppsMT/private/Campaign/MT/Source/BingAds.Api/BingAds.Api.Model/DateRange/DateRangePreset.cs\r\nexport const DateRangePreset = {\r\n Custom: _TL_('Custom'),\r\n Today: _TL_('Today'),\r\n Yesterday: _TL_('Yesterday'),\r\n LastSevenDays: _TL_('Last 7 days'),\r\n LastFourteenDays: _TL_('Last 14 days'),\r\n LastThirtyDays: _TL_('Last 30 days'),\r\n ThisWeekFromSun: _TL_('This week (Sun-Today)'),\r\n ThisWeekFromMon: _TL_('This week (Mon-Today)'),\r\n LastWeekStartingSun: _TL_('Last week (Sun-Sat)'),\r\n LastWeekStartingMon: _TL_('Last week (Mon-Sun)'),\r\n LastFourWeeksStartingSun: _TL_('Last 4 weeks (Sun-Sat)'),\r\n LastFourWeeksStartingMon: _TL_('Last 4 weeks (Mon-Sun)'),\r\n LastSixWeeksStartingSun: _TL_('Last 6 weeks (Sun-Sat)'),\r\n LastSixWeeksStartingMon: _TL_('Last 6 weeks (Mon-Sun)'),\r\n ThisMonth: _TL_('This month'),\r\n LastMonth: _TL_('Last month'),\r\n LastTwoMonths: _TL_('Last 2 months'),\r\n LastThreeMonths: _TL_('Last 3 months'),\r\n LastSixMonths: _TL_('Last 6 months'),\r\n ThisYear: _TL_('This year'),\r\n LastYear: _TL_('Last year'),\r\n LastTwoYears: _TL_('Last 2 years'),\r\n AllTime: _TL_('All time'),\r\n};\r\n","/**\r\n * CampaignManagement.MT.Entity.ReportData.ReportAggregation\r\n * AdsAppsMT\\private\\Campaign\\MT\\Source\\Interface\\Internal\\Entity\\ReportData\\ReportAggregation.cs\r\n *\r\n * !!! Keep this order for create report page -> Show (unit of time)\r\n * !!! Do not reorder them\r\n */\r\nexport const ReportAggregation = {\r\n Hourly: _TL_('Hour'),\r\n HourOfDay: _TL_('Hour of day'),\r\n Daily: _TL_('Day'),\r\n DayOfWeek: _TL_('Day of week'),\r\n Weekly: _TL_('Week'),\r\n WeeklyStartingMonday: _TL_('Week Mon-Sun'),\r\n Monthly: _TL_('Month'),\r\n Yearly: _TL_('Year'),\r\n Summary: _TL_('Summary'),\r\n};\r\n","export const ColumnName = {\r\n // absolute:top:imprate\r\n AbsoluteTopImpressionRatePercent: _TL_('Absolute top impression rate'),\r\n // absolute:top:imp:lost:budget:pct\r\n AbsoluteTopImpressionShareLostToBudgetPercent: _TL_('Absolute top impression share lost to budget'),\r\n // absolute:top:imp:lost:rank:pct\r\n AbsoluteTopImpressionShareLostToRankPercent: _TL_('Absolute top impression share lost to rank'),\r\n // absolute:top:impshare:BSC\r\n AbsoluteTopImpressionSharePercent: _TL_('Absolute top impression share'),\r\n // acct:id\r\n AccountId: _TL_('Account ID'),\r\n // acct:name\r\n AccountName: _TL_('Account'),\r\n // acct:num\r\n AccountNumber: _TL_('Account number'),\r\n // acct:status:name\r\n AccountStatus: _TL_('Account status'),\r\n // ad:desc\r\n AdDescription: _TL_('Ad description'),\r\n // ad:desc2\r\n AdDescription2: _TL_('Ad description 2'),\r\n // med:name\r\n AdDistribution: _TL_('Ad distribution'),\r\n AdvertiserHotelId: _TL_('Advertiser hotel ID'),\r\n // ad:ext:id\r\n AdExtensionId: _TL_('Ad extension ID'),\r\n // ad:ext:prop:value\r\n AdExtensionPropertyValue: _TL_('Ad extension property value'),\r\n // ad:ext:type:name\r\n AdExtensionType: _TL_('Ad extension type name'),\r\n // ad:ext:type:id\r\n AdExtensionTypeId: _TL_('Ad extension type ID'),\r\n // ad:ext:vrsn\r\n AdExtensionVersion: _TL_('Ad extension version'),\r\n // order:item:id\r\n AdGroupCriterionId: _TL_('Product group ID/Listing group ID'),\r\n // ord:id\r\n AdGroupId: _TL_('Ad group ID'),\r\n // ord:labels\r\n AdGroupLabels: _TL_('Ad group labels'),\r\n // ord:name\r\n AdGroupName: _TL_('Ad group'),\r\n // ad:group:status:name\r\n AdGroupStatus: _TL_('Ad group status'),\r\n // ad group:ad group type\r\n AdGroupType: _TL_('Ad group type'),\r\n AdGroupTypePreview: _TL_('Ad group type'),\r\n // ad:id\r\n AdId: _TL_('Ad ID'),\r\n // ad:labels\r\n AdLabels: _TL_('Ad labels'),\r\n // landing:page:relevance\r\n AdRelevance: _TL_('Ad relevance'),\r\n AdRelevanceCampaign: _TL_('Ad relevance (campaign)'),\r\n AdRelevanceAdGroup: _TL_('Ad relevance (Ad Group)'),\r\n AdRelevanceKeyword: _TL_('Ad relevance (Keyword)'),\r\n // ad:status\r\n AdStatus: _TL_('Ad status'),\r\n AdStrength: _TL_('Ad strength'),\r\n AdStrengthActionItems: _TL_('Ad strength action items'),\r\n // ad:scenario type\r\n AdScenarioType: _TL_('Vertical ad type'),\r\n // ad:ttl\r\n AdTitle: _TL_('Ad title'),\r\n // ad:type:name\r\n AdType: _TL_('Ad type'),\r\n AdvancedBookingWindow: _TL_('Advanced booking window'),\r\n // age:bucket:desc\r\n AgeGroup: _TL_('Age group'),\r\n // AgencyName\r\n AgencyName: _TL_('Agency'),\r\n // cnv:rate:all\r\n AllConversionRate: _TL_('All Conversion rate'),\r\n AllConversionRateQualified: _TL_('All Conversion rate'),\r\n // cnv:all\r\n AllConversions: _TL_('All Conversions'),\r\n AllConversionsQualified: _TL_('All conversions'),\r\n // cost:per:cnv:all\r\n AllCostPerConversion: _TL_('All CPA'),\r\n AllCostPerConversionQualified: _TL_('All CPA'),\r\n // roas:all\r\n AllReturnOnAdSpend: _TL_('All Return on ad spend'),\r\n // goal:adv:reported:rev\r\n AllRevenue: _TL_('All Revenue'),\r\n // rev:per:cnv:all\r\n AllRevenuePerConversion: _TL_('All Revenue per conversion'),\r\n // call:area:code\r\n AreaCode: _TL_('Area code'),\r\n // coop:click:Cnt\r\n AssistedClicks: _TL_('Assisted clicks'),\r\n // coop:conversion:Cnt\r\n AssistedConversions: _TL_('Assisted conversions'),\r\n // coop:imp:Cnt\r\n AssistedImpressions: _TL_('Assisted impressions'),\r\n // assists\r\n Assists: _TL_('Assists'),\r\n // association:id\r\n AssociationId: _TL_('Association ID'),\r\n AssociationLevel: _TL_('Association level'),\r\n // audience:status\r\n AssociationStatus: _TL_('Association status'),\r\n // change:attribute\r\n AttributeChanged: _TL_('Attribute changed'),\r\n // audience:id\r\n AudienceId: _TL_('Audience ID'),\r\n AudienceImpressionSharePercent: _TL_('Audience impression share'),\r\n AudienceImpressionLostToRankPercent: _TL_('Audience impression share lost to rank'),\r\n AudienceImpressionLostToBudgetPercent: _TL_('Audience impression share lost to budget'),\r\n // audience:name\r\n AudienceName: _TL_('Audience name'),\r\n // audience:type\r\n AudienceType: _TL_('Category'),\r\n AvgBookedABW: _TL_('Average booked ABW'),\r\n AvgBookedNights: _TL_('Average booked nights'),\r\n // avg:cpc\r\n AverageCPC: _TL_('Avg. CPC'),\r\n // avg:cpm\r\n AverageCPM: _TL_('Avg. CPM'),\r\n // avg:cpp\r\n AverageCpp: _TL_('Avg. CPP'),\r\n // avg:pos\r\n AveragePosition: _TL_('Avg. position'),\r\n BaseCampaignId: _TL_('Base campaign ID'),\r\n // benchmark:bid\r\n BenchmarkBid: _TL_('Benchmark bid'),\r\n BenchmarkBidProduct: _TL_('Benchmark bid (product)'),\r\n // benchmark:ctr\r\n BenchmarkCtr: _TL_('Benchmark CTR'),\r\n BenchmarkCtrProduct: _TL_('Benchmark CTR (product)'),\r\n // bid:adj\r\n BidAdjustment: _TL_('Bid adjustment'),\r\n // bidded:match:type:desc\r\n BidMatchType: _TL_('Bid match type'),\r\n // f:bid:strategy:type\r\n BidStrategyType: _TL_('Bid strategy type'),\r\n // BilledAmount\r\n BilledAmount: _TL_('Billed amount'),\r\n BilledAmountUSD: _TL_('Billed amount - USD'),\r\n // BillingType\r\n BillingType: _TL_('Billing type'),\r\n // BillToCountry\r\n BillToCountry: _TL_('Bill-to country/region'),\r\n // bill:to:cust:name\r\n BillToCustomerName: _TL_('Bill-to customer'),\r\n // bill:to:cust:num\r\n BillToCustomerNumber: _TL_('Bill-to customer number'),\r\n BookedABW: _TL_('Booked ABW'),\r\n BookedLengthOfStay: _TL_('Booked length of stay'),\r\n // product:brand\r\n Brand: _TL_('Brand'),\r\n // bdgt:association\r\n BudgetAssociationStatus: _TL_('Budget association status'),\r\n // bdgt:name\r\n BudgetName: _TL_('Budget name'),\r\n // bdgt:status:name\r\n BudgetStatus: _TL_('Budget status'),\r\n // business:name\r\n BusinessName: _TL_('Business name'),\r\n // cost:per:cnv\r\n CPA: _TL_('CPA'),\r\n // ctr\r\n CTR: _TL_('CTR'),\r\n // call:status:name\r\n CallStatus: _TL_('Call status'),\r\n // call:type:name\r\n CallTypeName: _TL_('Call type'),\r\n CampaignHotelId: _TL_('Campaign hotel ID'),\r\n // cmp:id\r\n CampaignId: _TL_('Campaign ID'),\r\n // cmp:labels\r\n CampaignLabels: _TL_('Campaign labels'),\r\n // cmp:name\r\n CampaignName: _TL_('Campaign'),\r\n // campaign:status:name\r\n CampaignStatus: _TL_('Campaign status'),\r\n // cmp:type:name\r\n CampaignType: _TL_('Campaign type'),\r\n Category: _TL_('Category'),\r\n // dsa:category:top\r\n Category0: _TL_('Top level category'),\r\n // dsa:category:first\r\n Category1: _TL_('First level category'),\r\n // dsa:category:second\r\n Category2: _TL_('Second level category'),\r\n // dsa:category:lst\r\n CategoryList: _TL_('Category list'),\r\n // change:made:by\r\n ChangedBy: _TL_('Changed by'),\r\n // Change made by\r\n ChangeMadeBy: _TL_('Changed by'),\r\n // ChangeMadeTo\r\n ChangeMadeTo: _TL_('Change made to'),\r\n // Change total count\r\n ChangeTotalCount: _TL_('Change history total counts'),\r\n CheckInDate: _TL_('Check in date'),\r\n CheckInDateDayOfWeek: _TL_('Check in day of week'),\r\n // city\r\n City: _TL_('City (physical location)'),\r\n // calls:click\r\n ClickCalls: _TL_('Click calls'),\r\n // click:share:percent:BSC\r\n ClickSharePercent: _TL_('Click share'),\r\n // click:BSCtype\r\n ClickType: _TL_('Click type'),\r\n // click:type:BSCid\r\n ClickTypeId: _TL_('Click type ID'),\r\n // clicks\r\n Clicks: _TL_('Clicks'),\r\n // tgt:cmpy:name\r\n CompanyName: _TL_('Company name'),\r\n // product:condition\r\n Condition: _TL_('Condition'),\r\n // conflict:lvl:name\r\n ConflictLevel: _TL_('Conflict level'),\r\n // neg:kywd:conflict:type\r\n ConflictType: _TL_('Conflict type'),\r\n // cnv:rate\r\n ConversionRate: _TL_('Conversion rate'),\r\n ConversionRateQualified: _TL_('Conversion rate'),\r\n // cnv\r\n Conversions: _TL_('Conversions'),\r\n ConversionsQualified: _TL_('Conversions'),\r\n // cost:per:assist\r\n CostPerAssist: _TL_('Cost per assist'),\r\n // cost:per:cnv\r\n CostPerConversion: _TL_('CPA'),\r\n CostPerConversionQualified: _TL_('CPA'),\r\n // f:country\r\n Country: _TL_('Country/region (physical location)'),\r\n // FeedLabel\r\n FeedLabel: _TL_('Feed label'),\r\n // countryofsale:name\r\n CountryOfSale: _TL_('Country/Region of sale'),\r\n // CountryName\r\n CountryName: _TL_('Country name'),\r\n // county\r\n County: _TL_('County (physical location)'),\r\n // cncy:code\r\n CurrencyCode: _TL_('Currency'),\r\n // max:cpc\r\n CurrentMaxCpc: _TL_('Current maximum CPC'),\r\n // product:label0\r\n CustomLabel0: _TL_('Custom label 0'),\r\n // product:label1\r\n CustomLabel1: _TL_('Custom label 1'),\r\n // product:label2\r\n CustomLabel2: _TL_('Custom label 2'),\r\n // product:label3\r\n CustomLabel3: _TL_('Custom label 3'),\r\n // product:label4\r\n CustomLabel4: _TL_('Custom label 4'),\r\n CustomLabel0Product: _TL_('Custom label 0(Product)'),\r\n CustomLabel1Product: _TL_('Custom label 1(Product)'),\r\n CustomLabel2Product: _TL_('Custom label 2(Product)'),\r\n CustomLabel3Product: _TL_('Custom label 3(Product)'),\r\n CustomLabel4Product: _TL_('Custom label 4(Product)'),\r\n // custom:param\r\n CustomParameters: _TL_('Custom parameters'),\r\n CustomParametersCampaign: _TL_('Custom parameters(Campaign)'),\r\n CustomParametersAdGroup: _TL_('Custom parameters(Ad Group)'),\r\n CustomParametersKeyword: _TL_('Custom parameters(Keyword)'),\r\n CustomParametersAd: _TL_('Custom parameters(Ad)'),\r\n CustomParametersProduct: _TL_('Custom parameters(Product)'),\r\n // cust:id\r\n CustomerId: _TL_('Manager account'),\r\n // cust:name\r\n CustomerName: _TL_('Manager account name'),\r\n // day:spend:amt\r\n DailySpend: _TL_('Daily spend'),\r\n // date\r\n Date: _TL_('Date'),\r\n // date:time\r\n DateTime: _TL_('Date'),\r\n DateType: _TL_('Date type'),\r\n // day:of:week\r\n DayOfWeek: _TL_('Day of week'),\r\n // quarter\r\n Quarter: _TL_('Quarter'),\r\n // delivered:match:type:desc\r\n DeliveredMatchType: _TL_('Delivered match type'),\r\n // dest:url\r\n DestinationUrl: _TL_('Destination URL'),\r\n DestinationUrlAd: _TL_('Destination URL(Ad)'),\r\n DestinationUrlKeyword: _TL_('Destination URL(Keyword)'),\r\n DestinationUrlProduct: _TL_('Destination URL(Product)'),\r\n // device:os:name\r\n DeviceOS: _TL_('Device OS'),\r\n // device:type:name\r\n DeviceType: _TL_('Device type'),\r\n // disp:url\r\n DisplayUrl: _TL_('Display URL'),\r\n // doc:num\r\n DocumentNumber: _TL_('Document number'),\r\n // doc:type\r\n DocumentType: _TL_('Document type'),\r\n // call:duration\r\n Duration: _TL_('Duration (sec)'),\r\n // dsa:at\r\n DynamicAdTarget: _TL_('Dynamic ad target'),\r\n // dsa:at:id\r\n DynamicAdTargetId: _TL_('Dynamic ad target ID'),\r\n // dsa:at:status:name\r\n DynamicAdTargetStatus: _TL_('Dynamic ad target status'),\r\n EligibleImpressions: _TL_('Eligible impressions'),\r\n // end:time\r\n EndTime: _TL_('End time'),\r\n // change:entity:value:id\r\n EntityId: _TL_('Entity ID'),\r\n // change:entity:value\r\n EntityName: _TL_('Entity name'),\r\n // est:click:pct\r\n EstimatedClickPercent: _TL_('Estimated click rate'),\r\n // est:click\r\n EstimatedClicks: _TL_('Estimated clicks'),\r\n // est:cnv:rate\r\n EstimatedConversionRate: _TL_('Estimated conversion rate'),\r\n // est:cnv\r\n EstimatedConversions: _TL_('Estimated conversions'),\r\n // est:ctr\r\n EstimatedCtr: _TL_('Estimated CTR'),\r\n // est:imp:pct\r\n EstimatedImpressionPercent: _TL_('Estimated impression rate'),\r\n // est:imp\r\n EstimatedImpressions: _TL_('Estimated impressions'),\r\n // em:imp:share:pct\r\n ExactMatchImpressionSharePercent: _TL_('Exact match impression share'),\r\n // excl:zero:clicks\r\n ExcludeZeroClicks: _TL_('Exclude zero clicks'),\r\n // keyword:relevance\r\n ExpectedCtr: _TL_('Expected click-through rate'),\r\n ExpectedCtrKeyword: _TL_('Expected click-through rate(Keyword)'),\r\n ExpectedCtrCampaign: _TL_('Expected click-through rate(Campaign)'),\r\n ExpectedCtrAdGroup: _TL_('Expected click-through rate(Ad Group)'),\r\n // extended:cost\r\n ExtendedCost: _TL_('Extended cost'),\r\n FeedId: _TL_('Feed Id'),\r\n FeedItemId: _TL_('Feed Item Id'),\r\n // dsa:feed:url\r\n FeedUrl: _TL_('Feed URL'),\r\n // final:app:url\r\n FinalAppUrl: _TL_('App URL'),\r\n // final:mob:url\r\n FinalMobileUrl: _TL_('Mobile URL'),\r\n // final:url\r\n FinalUrl: _TL_('Final URL'),\r\n // final:url:suf\r\n FinalUrlSuffix: _TL_('Final URL suffix'),\r\n FinalUrlSuffixCampaign: _TL_('Final URL suffix(Campaign)'),\r\n FinalUrlSuffixAdGroup: _TL_('Final URL suffix(Ad Group)'),\r\n FinalUrlSuffixKeyword: _TL_('Final URL suffix(Keyword)'),\r\n FinalUrlSuffixAd: _TL_('Final URL suffix(Ad)'),\r\n // sb:bid\r\n FirstPageBid: _TL_('Est. first page bid'),\r\n // FullViewConversions\r\n FullViewConversions: _TL_('View-through conversions'),\r\n // ViewThroughConversions\r\n ViewThroughConversions: _TL_('View-through conversions'),\r\n // ViewThroughConversionsRevenue\r\n ViewThroughRevenue: _TL_('View-through conversions revenue'),\r\n // ViewThroughConversionsCPA\r\n ViewThroughCostPerConversion: _TL_('View-through conversions CPA'),\r\n ViewThroughCostPerConversionQualified: _TL_('View-through conversions CPA'),\r\n // ViewThroughConversionsReturnOnAdSpend\r\n ViewThroughReturnOnAdSpend: _TL_('View-through conversions return on ad spend'),\r\n // ViewThroughConversionsRate\r\n ViewThroughConversionRate: _TL_('View-through conversions rate'),\r\n ViewThroughConversionRateQualified: _TL_('View-through conversions rate'),\r\n // gender:name\r\n Gender: _TL_('Gender'),\r\n // goal:name\r\n Goal: _TL_('Goal'),\r\n // goal:category\r\n GoalCategory: _TL_('Goal category'),\r\n // goal:type\r\n GoalType: _TL_('Goal type'),\r\n // goal:id\r\n GoalId: _TL_('Goal Id'),\r\n // gregorian:date\r\n GregorianDate: _TL_('Date'),\r\n GrossReturnOnAdSpend: _TL_('Gross return on ad spend'),\r\n GTIN: _TL_('GTIN'),\r\n // Xnadr Video Campaign\r\n Genre: _TL_('Genre'),\r\n // dsa:ad:ttl\r\n Headline: _TL_('Headline'),\r\n // dsa:description\r\n Description: _TL_('Description'),\r\n // his:landing:page:relevance\r\n HistoricalAdRelevance: _TL_('Historic ad relevance'),\r\n HistoricalAdRelevanceAdGroup: _TL_('Historical ad relevance(Ad Group)'),\r\n HistoricalAdRelevanceCampaign: _TL_('Historical ad relevance(Campaign)'),\r\n HistoricalAdRelevanceKeyword: _TL_('Historical ad relevance(Keyword)'),\r\n // his:keyword:relevance\r\n HistoricalExpectedCtr: _TL_('Historic expected click-through rate'),\r\n HistoricalExpectedCtrAdGroup: _TL_('Historical expected CTR(Ad Group)'),\r\n HistoricalExpectedCtrCampaign: _TL_('Historical expected CTR(Campaign)'),\r\n HistoricalExpectedCtrKeyword: _TL_('Historical expected CTR(Keyword)'),\r\n // his:landing:page:user:exp\r\n HistoricalLandingPageExperience: _TL_('Historic landing page experience'),\r\n HistoricalLandingPageExperienceAdGroup: _TL_('Historical landing page experience(Ad Group)'),\r\n HistoricalLandingPageExperienceCampaign: _TL_('Historical landing page experience(Campaign)'),\r\n HistoricalLandingPageExperienceKeyword: _TL_('Historical landing page experience(Keyword)'),\r\n // his:quality:score\r\n HistoricalQualityScore: _TL_('Historic quality score'),\r\n HistoricalQualityScoreAdGroup: _TL_('Historical quality score(Ad Group)'),\r\n HistoricalQualityScoreCampaign: _TL_('Historical quality score(Campaign)'),\r\n HistoricalQualityScoreKeyword: _TL_('Historical quality score(Keyword)'),\r\n HotelGroup: _TL_('Hotel group'),\r\n HotelGroupNodeId: _TL_('Hotel group node id'),\r\n HotelName: _TL_('Hotel name'),\r\n // hour:of:day\r\n HourOfDay: _TL_('Hour of day'),\r\n // t:hourly\r\n Hourly: _TL_('Hourly'),\r\n // change:type\r\n HowChanged: _TL_('How changed'),\r\n // imp:lost:lndg:page:relv:pct\r\n ImpressionLostToAdRelevancePercent: _TL_('Impression share lost to ad relevance'),\r\n // imp:lost:min:bid:pct\r\n ImpressionLostToBidPercent: _TL_('Impression share lost to bid'),\r\n // imp:lost:budget:pct\r\n ImpressionLostToBudgetPercent: _TL_('Impression share lost to budget'),\r\n // imp:lost:rank:agg:pct\r\n ImpressionLostToRankAggPercent: _TL_('Impression share lost to rank'),\r\n // imp:lost:rank:pct\r\n ImpressionLostToRankPercent: _TL_('Impression share lost to rank'),\r\n // imp:lost:relevance:pct\r\n ImpressionLostToRelevancePercent: _TL_('Impression share lost to relevance (%)'),\r\n ImpressionShare: _TL_('Impression share'),\r\n // imp:share:pct\r\n ImpressionSharePercent: _TL_('Impression share'),\r\n // imp\r\n Impressions: _TL_('Impressions'),\r\n // tgt:ind:name\r\n IndustryName: _TL_('Industry name'),\r\n // change:entity\r\n ItemChanged: _TL_('Entity type'),\r\n // tgt:jf:name\r\n JobFunctionName: _TL_('Job function name'),\r\n // kywd\r\n Keyword: _TL_('Keyword'),\r\n // ord:item:id\r\n KeywordId: _TL_('Keyword ID'),\r\n // kywd:labels\r\n KeywordLabels: _TL_('Keyword labels'),\r\n // kywd:status:name\r\n KeywordStatus: _TL_('Keyword status'),\r\n LabelName: _TL_('Label'),\r\n LabelNameAccount: _TL_('Label(Account)'),\r\n LabelNameCampaign: _TL_('Label(Campaign)'),\r\n LabelNameAdGroup: _TL_('Label(Ad Group)'),\r\n LabelNameAd: _TL_('Label(Ad)'),\r\n LabelNameKeyword: _TL_('Label(Keyword)'),\r\n LabelColor: _TL_('Label color'),\r\n // landing:page:user:exp\r\n LandingPageExperience: _TL_('Landing page experience'),\r\n LandingPageExperienceAdGroup: _TL_('Landing page experience(Ad Group)'),\r\n LandingPageExperienceCampaign: _TL_('Landing page experience(Campaign)'),\r\n LandingPageExperienceKeyword: _TL_('Landing page experience(Keyword)'),\r\n // dsa:landing:page:ttl\r\n LandingPageTitle: _TL_('Landing page title'),\r\n // language:name\r\n Language: _TL_('Language'),\r\n LengthOfStay: _TL_('Length of stay'),\r\n // Local:Store:Code\r\n LocalStoreCode: _TL_('Local store code'),\r\n // location:id\r\n LocationId: _TL_('Location ID (physical location)'),\r\n // location:type\r\n LocationType: _TL_('Location type'),\r\n // ad:long\r\n LongHeadline: _TL_('Long headline'),\r\n // inv:clicks\r\n LowQualityClicks: _TL_('Low-quality clicks (not charged)'),\r\n // inv:clicks:pct\r\n LowQualityClicksPercent: _TL_('Low-quality click rate'),\r\n // inv:cnv:rate\r\n LowQualityConversionRate: _TL_('Low-quality click conversion rate'),\r\n // inv:cnv\r\n LowQualityConversions: _TL_('Low-quality click conversions'),\r\n LowQualityConversionsQualified: _TL_('Low-quality click conversions'),\r\n // inv:clicks:gnl\r\n LowQualityGeneralClicks: _TL_('Low-quality clicks - general (not charged)'),\r\n // inv:imp\r\n LowQualityImpressions: _TL_('Low-quality impressions'),\r\n // inv:imp:pct\r\n LowQualityImpressionsPercent: _TL_('Low-quality impression rate'),\r\n // inv:clicks:sptd\r\n LowQualitySophisticatedClicks: _TL_('Low-quality clicks - sophisticated (not charged)'),\r\n // ml1:bid\r\n Mainline1Bid: _TL_('Est. best position bid'),\r\n // ml:bid\r\n MainlineBid: _TL_('Est. mainline bid'),\r\n // calls:manual\r\n ManualCalls: _TL_('Manual calls'),\r\n // order:match:cnt\r\n MatchedProductsAtAdGroup: _TL_('Matched products at ad group/asset group'),\r\n // campaign:match:cnt\r\n MatchedProductsAtCampaign: _TL_('Matched products at campaign'),\r\n // productgrp:match:cnt\r\n MatchedProductsAtProductGroup: _TL_('Matched products at product group/listing group'),\r\n // merchant:product:id\r\n MerchantProductId: _TL_('Merchant product ID'),\r\n // metro:area:name\r\n MetroArea: _TL_('Metro area (physical location)'),\r\n MissedImpressions: _TL_('Missed impressions'),\r\n MissedImpressionsNoBid: _TL_('Missed impressions no bid'),\r\n MissedImpressionsInsufficientBid: _TL_('Missed impressions insufficient bid'),\r\n MissedImpressionsSpendingCapReached: _TL_('Missed impressions spending cap reached'),\r\n MissedImpressionsNoTax: _TL_('Missed impressions no tax'),\r\n MissedImpressionsOther: _TL_('Missed impressions other'),\r\n // month:start:date\r\n Month: _TL_('Month'),\r\n // mtd:spend:amt\r\n MonthToDateSpend: _TL_('Month-to-date spend'),\r\n // month:budget:amt\r\n MonthlyBudget: _TL_('Monthly budget'),\r\n // most:specific:location\r\n MostSpecificLocation: _TL_('Most specific location'),\r\n MPN: _TL_('MPN'),\r\n // neg:keyword\r\n NegativeKeyword: _TL_('Negative keyword'),\r\n // neg:kywd:id\r\n NegativeKeywordId: _TL_('Negative keyword ID'),\r\n // neg:kywd:list:name\r\n NegativeKeywordList: _TL_('Negative keyword list'),\r\n // neg:kywd:list:id\r\n NegativeKeywordListId: _TL_('Negative keyword list ID'),\r\n // neg:kywd:match:type:desc\r\n NegativeKeywordMatchType: _TL_('Negative keyword match type'),\r\n Neighborhood: _TL_('Neighborhood (physical location)'),\r\n // NetAmountDue\r\n NetAmountDue: _TL_('Net due'),\r\n NetReturnOnAdSpend: _TL_('Net return on ad spend'),\r\n // net:rev\r\n NetRevenue: _TL_('Net revenue'),\r\n // net:rev:usd\r\n NetRevenueUSD: _TL_('Net revenue (USD)'),\r\n // network\r\n Network: _TL_('Network'),\r\n // change:new:value\r\n NewValue: _TL_('New value'),\r\n // productofferlanguage:name\r\n OfferLanguage: _TL_('Product offer language'),\r\n // change:old:value\r\n OldValue: _TL_('Old value'),\r\n OrderId: _TL_('Order Id'),\r\n // param1\r\n Param1: _TL_('Param 1'),\r\n // param2\r\n Param2: _TL_('Param 2'),\r\n // param3\r\n Param3: _TL_('Param 3'),\r\n // product:partition:type\r\n PartitionType: _TL_('Product partition type'),\r\n PartnerImpressions: _TL_('Partner impressions'),\r\n // ad:path1\r\n Path1: _TL_('Path 1'),\r\n // ad:path2\r\n Path2: _TL_('Path 2'),\r\n // ttl:calls\r\n PhoneCalls: _TL_('Phone calls'),\r\n // phone:imp\r\n PhoneImpressions: _TL_('Phone impr.'),\r\n // postal:code:api\r\n PostalCode: _TL_('Postal code (physical location)'),\r\n // product:price\r\n Price: _TL_('Price'),\r\n // \"PricingMethod\":\r\n PricingMethod: _TL_('Pricing method'),\r\n // ProductBought\r\n ProductBought: _TL_('Product bought'),\r\n ProductBoughtTitle: _TL_('Product bought title'),\r\n // product:cat1\r\n ProductCategory1: _TL_('Category(1st level)'),\r\n // product:cat2\r\n ProductCategory2: _TL_('Category(2nd level)'),\r\n // product:cat3\r\n ProductCategory3: _TL_('Category(3rd level)'),\r\n // product:cat4\r\n ProductCategory4: _TL_('Category(4th level)'),\r\n // product:cat5\r\n ProductCategory5: _TL_('Category(5th level)'),\r\n // product:group\r\n ProductGroup: _TL_('Product group/Listing group'),\r\n // prdct:name\r\n ProductName: _TL_('Product name'),\r\n // product:type1\r\n ProductType1: _TL_('Product type(1st level)'),\r\n // product:type2\r\n ProductType2: _TL_('Product type(2nd level)'),\r\n // product:type3\r\n ProductType3: _TL_('Product type(3rd level)'),\r\n // product:type4\r\n ProductType4: _TL_('Product type(4th level)'),\r\n // product:type5\r\n ProductType5: _TL_('Product type(5th level)'),\r\n // location\r\n ProximityTargetLocation: _TL_('Proximity target locations'),\r\n // ptr\r\n Ptr: _TL_('PTR'),\r\n // pub:url\r\n PublisherUrl: _TL_('Website URL'),\r\n // quality:impact\r\n QualityImpact: _TL_('Quality impact'),\r\n // quality:score\r\n QualityScore: _TL_('Quality score'),\r\n QualityScoreAdGroup: _TL_('Quality score(Ad Group)'),\r\n QualityScoreCampaign: _TL_('Quality score(Campaign)'),\r\n QualityScoreKeyword: _TL_('Quality score(Keyword)'),\r\n // QuantityBought\r\n QuantityBought: _TL_('Quantity bought'),\r\n // query:intent:city\r\n QueryIntentCity: _TL_('City (searching for)'),\r\n // query:intent:country\r\n QueryIntentCountry: _TL_('Country/region (searching for)'),\r\n // query:intent:county\r\n QueryIntentCounty: _TL_('County (searching for)'),\r\n // query:intent:dma\r\n QueryIntentDMA: _TL_('Metro area (searching for)'),\r\n // query:intent:location:id\r\n QueryIntentLocationId: _TL_('Location ID (searching for)'),\r\n QueryIntentNeighborhood: _TL_('Neighborhood (searching for)'),\r\n // query:intent:postal:code:api\r\n QueryIntentPostalCode: _TL_('Postal code (searching for)'),\r\n // query:intent:state\r\n QueryIntentState: _TL_('State/province (searching for)'),\r\n // radius\r\n Radius: _TL_('Radius (miles)'),\r\n RelativeCTR: _TL_('Relative CTR'),\r\n // roas\r\n ReturnOnAdSpend: _TL_('Return on ad spend'),\r\n ReturnOnAdSpendCPS: _TL_('Return on ad spend (CPS)'),\r\n // adv:reported:rev\r\n Revenue: _TL_('Revenue'),\r\n RevenueCPS: _TL_('Revenue (CPS)'),\r\n // rev:per:assist\r\n RevenuePerAssist: _TL_('Revenue per assist'),\r\n // rev:per:cnv\r\n RevenuePerConversion: _TL_('Revenue per conversion'),\r\n // Sales house\r\n SalesHouse: _TL_('Sales House'),\r\n // search:query\r\n SearchQuery: _TL_('Search term'),\r\n // seller:name\r\n SellerName: _TL_('Seller name'),\r\n // SoldToCustomerName\r\n SoldToCustomerName: _TL_('Sold-to name'),\r\n // sold:to:cust:num\r\n SoldToCustomerNumber: _TL_('Sold-to customer number'),\r\n // Sold to country\r\n SoldToCountry: _TL_('Sold-to country/region'),\r\n SourceHotelId: _TL_('Source hotel ID'),\r\n // total:cost\r\n Spend: _TL_('Spend'),\r\n StarRating: _TL_('Star rating '),\r\n // start:time\r\n StartTime: _TL_('Start time'),\r\n // sub:geog:name\r\n State: _TL_('State/province (physical location)'),\r\n // ord:status:name\r\n Status: _TL_('Ad group status'),\r\n // product:provider:id\r\n StoreId: _TL_('Store id'),\r\n // audience:target:setting\r\n TargetingSetting: _TL_('Targeting setting'),\r\n // gregorian:date\r\n TimePeriod: _TL_('Unit of time'),\r\n // t:day\r\n 'TimePeriod-Daily': _TL_('Day'),\r\n // day:of:week\r\n 'TimePeriod-DayOfWeek': _TL_('Day of week'),\r\n // hour:of:day\r\n 'TimePeriod-HourOfDay': _TL_('Hour of day'),\r\n // t:hourly\r\n 'TimePeriod-Hourly': _TL_('Hourly'),\r\n // t:month\r\n 'TimePeriod-Monthly': _TL_('Month'),\r\n // t:week\r\n 'TimePeriod-Weekly': _TL_('Weekly'),\r\n // t:week:mon TODO: finalize the string\r\n 'TimePeriod-WeeklyStartingMonday': _TL_('Weekly (Mon - Sun)', { locked: true }),\r\n // t:year\r\n 'TimePeriod-Yearly': _TL_('Year'),\r\n // product:title\r\n Title: _TL_('Title'),\r\n // ad:ttl1\r\n TitlePart1: _TL_('Title Part 1'),\r\n // ad:ttl2\r\n TitlePart2: _TL_('Title Part 2'),\r\n // ad:ttl3\r\n TitlePart3: _TL_('Title Part 3'),\r\n // tools:name\r\n Tool: _TL_('Tool'),\r\n // top:imprate\r\n TopImpressionRatePercent: _TL_('Top impression rate'),\r\n // top:imp:lost:budget:pct\r\n TopImpressionShareLostToBudgetPercent: _TL_('Top impression share lost to budget'),\r\n // imp:lost:low:ad:quality:pct\r\n ImpressionLostToExpectedCtrPercent: _TL_('Impression share lost to expected CTR'),\r\n // top:imp:lost:rank:pct\r\n TopImpressionShareLostToRankPercent: _TL_('Top impression share lost to rank'),\r\n // top:impshare\r\n TopImpressionSharePercent: _TL_('Top impression share'),\r\n // top:vs:other\r\n TopVsOther: _TL_('Top vs. other'),\r\n // ad:ext:total:clicks\r\n TotalClicks: _TL_('Ad extension total clicks'),\r\n // click:type:Clickcnt\r\n TotalClicksOnAdElements: _TL_('Total clicks on ad elements'),\r\n // tracking:tmplt\r\n TrackingTemplate: _TL_('Tracking template'),\r\n TrackingTemplateCampaign: _TL_('Tracking template(Campaign)'),\r\n TrackingTemplateAdGroup: _TL_('Tracking template(Ad Group)'),\r\n TrackingTemplateKeyword: _TL_('Tracking template(Keyword)'),\r\n TrackingTemplateAd: _TL_('Tracking template(Ad)'),\r\n TrackingTemplateProduct: _TL_('Tracking template(Product)'),\r\n // user id\r\n UserId: _TL_('User id'),\r\n // website:cov\r\n WebsiteCoverage: _TL_('Website coverage'),\r\n // week:start:date\r\n Week: _TL_('Week (Sun - Sat)'),\r\n // week:start:date:mon\r\n WeekStartingMonday: _TL_('Week (Mon - Sun)'),\r\n // year:num\r\n Year: _TL_('Year'),\r\n\r\n /** Custom */\r\n DimensionColumns: _TL_('Attributes'),\r\n MetricColumns: _TL_('Performance Statistics'),\r\n TimeColumns: _TL_('Time'),\r\n\r\n /** Video metrics */\r\n VideoViews: _TL_('Video views'),\r\n ViewThroughRate: _TL_('View through rate'),\r\n AverageCPV: _TL_('Avg. CPV'),\r\n TotalWatchTimeInMS: _TL_('Total watch time in msec'),\r\n AverageWatchTimePerImpression: _TL_('Avg. watch time per impression'),\r\n AverageWatchTimePerVideoView: _TL_('Avg. watch time per video view'),\r\n VideoViewsAt25Percent: _TL_('Video views at 25 percent'),\r\n VideoViewsAt50Percent: _TL_('Video views at 50 percent'),\r\n VideoViewsAt75Percent: _TL_('Video views at 75 percent'),\r\n CompletedVideoViews: _TL_('Completed video views'),\r\n VideoCompletionRate: _TL_('Video completion rate'),\r\n\r\n ChangeInAdvertiserReportedRevenuePct: _TL_('% Change in All conv. revenue'),\r\n ChangeInAllConvRatePct: _TL_('% Change in All conv. rate'),\r\n ChangeInConversionCreditPct: _TL_('% Change in All conv.'),\r\n ChangeInCPAPct: _TL_('% Change in CPA'),\r\n ChangeInFullViewAdvertiserReportedRevenuePct: _TL_('% Change in View-through conv. revenue'),\r\n ChangeInFullViewThroughConversionPct: _TL_('% Change in View-through conv.'),\r\n ChangeInROASPct: _TL_('% Change in Return on ad spend'),\r\n ChangeInViewThroughRatePct: _TL_('% Change in View-through conv. rate'),\r\n ChangeInVTCCPAPct: _TL_('% Change in View-through conv. CPA'),\r\n ChangeInVTCROASPct: _TL_('% Change in View-through conv. return on ad spend'),\r\n DDAAllConvRate: _TL_('All conv. rate (DDA'),\r\n DDACPA: _TL_('CPA (DDA)'),\r\n DDAFullAdvertiserReportedRevenue: _TL_('All conv. revenue (DDA)'),\r\n DDAFullConversionCredit: _TL_('All conv. (DDA)'),\r\n DDAFullViewAdvertiserReportedRevenue: _TL_('View-through conv. revenue (DDA)'),\r\n DDAFullViewThroughConversion: _TL_('View-through conv. (DDA)'),\r\n DDAROAS: _TL_('Return on ad spend (DDA)'),\r\n DDAViewThroughRate: _TL_('View-through conv. rate (DDA)'),\r\n DDAVTCCPA: _TL_('View-through conv. CPA (DDA)'),\r\n DDAVTCROAS: _TL_('View through conv. return on ad spend (DDA)'),\r\n LCAAllConvRate: _TL_('All conv. rate (LCA)'),\r\n LCACPA: _TL_('CPA (LCA)'),\r\n LCAFullAdvertiserReportedRevenue: _TL_('All conv. revenue (LCA)'),\r\n LCAFullConversionCredit: _TL_('All conv. (LCA)'),\r\n LCAFullViewAdvertiserReportedRevenue: _TL_('View-through conv. revenue (LCA)'),\r\n LCAFullViewThroughConversion: _TL_('View-through conv. (LCA)'),\r\n LCAROAS: _TL_('Return on ad spend (LCA)'),\r\n LCAViewThroughRate: _TL_('View-through conv. rate (LCA)'),\r\n LCAVTCCPA: _TL_('View-through conv. CPA (LCA)'),\r\n LCAVTCROAS: _TL_('View-through conv. return on ad spend (LCA)'),\r\n IsMainConversionGoal: _TL_('Include in converions'),\r\n\r\n Sales: _TL_('Sales'),\r\n CostPerSale: _TL_('Cost per sale'),\r\n RevenuePerSale: _TL_('Revenue per sale'),\r\n\r\n msxAdClicks: _TL_('Clicks'),\r\n msxDeliveredCountry: _TL_('Delivered country'),\r\n msxDeliveredMarket: _TL_('Delivered market'),\r\n msxDevice: _TL_('Device'),\r\n msxPageType: _TL_('Page type'),\r\n msxPlacementId: _TL_('PlacementId'),\r\n msxProvider: _TL_('Provider'),\r\n msxPublisher: _TL_('Publisher'),\r\n msxRegion: _TL_('Region'),\r\n msxServedImpressions: _TL_('Served impressions'),\r\n msxServedRevenue: _TL_('Served revenue'),\r\n msxViewedImpressions: _TL_('Viewed impressions'),\r\n\r\n Installs: _TL_('Installs (charged)-legacy'),\r\n CostPerInstall: _TL_('Cost per install-legacy'),\r\n RevenuePerInstall: _TL_('Revenue per install-legacy'),\r\n\r\n AssetGroupId: _TL_('Asset group ID'),\r\n AssetGroupName: _TL_('Asset group'),\r\n AssetGroupStatus: _TL_('Asset group status'),\r\n\r\n UserCountry: _TL_('User country'),\r\n SiteType: _TL_('Site type'),\r\n\r\n ClickShare: _TL_('Click share'),\r\n\r\n // Conversion value rule adjustment columns\r\n RevenueAdjustment: _TL_('Revenue adj.'),\r\n AllRevenueAdjustment: _TL_('All revenue adj.'),\r\n ViewThroughRevenueAdjustment: _TL_('View-through revenue adj.'),\r\n\r\n // Video ad metrics\r\n VideoStarts: _TL_('Video starts'),\r\n VideoSkips: _TL_('Video skips'),\r\n CPCV: _TL_('CPCV'),\r\n\r\n CollectionId: _TL_('Collection ID'), // Temporary to fix translation-test.js, find owner for name.\r\n\r\n AverageImpressionFrequencyPerUser: _TL_('Avg. Impression Frequency per User'),\r\n AverageImpressionFrequencyPerUser7Day: _TL_('Avg. Impression Frequency per User (7 days)'),\r\n Reach: _TL_('Unique Reach'),\r\n\r\n // App ads camapign columns\r\n Downloads: _TL_('Downloads'),\r\n PostClickDownloadRate: _TL_('Post-click download rate'),\r\n CostPerDownload: _TL_('Cost per Download'),\r\n AppInstalls: _TL_('Install'),\r\n PostClickInstallRate: _TL_('Post-click install rate'),\r\n CPI: _TL_('CPI'),\r\n Purchases: _TL_('In-app purchases'),\r\n PostInstallPurchaseRate: _TL_('Post-install purchase rate'),\r\n CPP: _TL_('Cost per in-app purchase'),\r\n Subscriptions: _TL_('In-app subscriptions'),\r\n PostInstallSubscriptionRate: _TL_('Post-install subscription rate'),\r\n CPS: _TL_('Cost per in-app subscription'),\r\n RevenuePerDownload: _TL_('Revenue per Download'),\r\n RevenuePerAppInstall: _TL_('Revenue per Install'),\r\n NewCustomerConversions: _TL_('New customer conversions'),\r\n NewCustomerRevenue: _TL_('New customer revenue'),\r\n NewCustomerConversionRate: _TL_('New customer conversion rate'),\r\n NewCustomerCPA: _TL_('New customer CPA'),\r\n NewCustomerReturnOnAdSpend: _TL_('New customer return on ad spend'),\r\n\r\n // Boost placement name\r\n PlacementName: _TL_('Placement name'),\r\n // Insertion order report columns\r\n IOReportMonth: _TL_('Month'),\r\n ChangeType: _TL_('Change type'),\r\n ChangeAmount: _TL_('Amount'),\r\n RemainingIOBudget: _TL_('Remaining IO budget'),\r\n InsertionOrderDetails: _TL_('IO details'),\r\n BillingDocumentNumber: _TL_('Billing document'),\r\n\r\n // Data columns, don't show in the grid\r\n MismatchedReason: _TL_('Mismatched reason'),\r\n InsertionOrderId: _TL_('Insertion order ID'),\r\n BDAmount: _TL_('Billing document amount'),\r\n MismatchedAmount: _TL_('Mismatched amount'),\r\n CouponAmount: _TL_('Coupon amount'),\r\n BudgetChangedAmount: _TL_('Budget changed amount'),\r\n SpendAmount: _TL_('Spend amount'),\r\n AdjustmentAmount: _TL_('Adjustment amount'),\r\n BudgetChangeOldValue: _TL_('Budget change old value'),\r\n BudgetChangeNewValue: _TL_('Budget change new value'),\r\n SpendCouponAmount: _TL_('Spend coupon amount'),\r\n AdjustmentCouponAmount: _TL_('Adjustment coupon amount'),\r\n\r\n SearchCategory: _TL_('Search Category'),\r\n SearchVolume: _TL_('Search Volume'),\r\n\r\n // Asset report columns\r\n AssetId: _TL_('Asset ID'),\r\n AssetContent: _TL_('Asset content'),\r\n AssetType: _TL_('Asset type'),\r\n AssetSource: _TL_('Asset source'),\r\n\r\n // Marketplace insights report columns\r\n L1Vertical: _TL_('L1 vertical'),\r\n L2Vertical: _TL_('L2 vertical'),\r\n L3Vertical: _TL_('L3 vertical'),\r\n SearchesIndexed: _TL_('Searches'),\r\n ClicksIndexed: _TL_('Clicks'),\r\n WoWSearches: _TL_('Week over week (WoW) searches'),\r\n WoWClicks: _TL_('Week over week (WoW) clicks'),\r\n MoMSearches: _TL_('Month over month (MoM) searches'),\r\n MoMClicks: _TL_('Month over month (MoM) clicks'),\r\n YoYLast1WeekSearches: _TL_('Year over year (YoY) current week searches'),\r\n YoYLast1WeekClicks: _TL_('Year over year (YoY) current week clicks'),\r\n YoYLast4WeeksSearches: _TL_('Year over year (YoY) last four week searches'),\r\n YoYLast4WeeksClicks: _TL_('Year over year (YoY) last four week clicks'),\r\n SearchesPeekWeek: _TL_('Peak searches (week)'),\r\n ClicksPeekWeek: _TL_('Peak clicks (week)'),\r\n MarketplaceClickCoverage: _TL_('Marketplace click coverage'),\r\n ProportionOfSpend: _TL_('Proportion Of Spend'),\r\n Headline1: _TL_('Headline1'),\r\n Headline2: _TL_('Headline2'),\r\n Headline3: _TL_('Headline3'),\r\n Description1: _TL_('Description1'),\r\n Description2: _TL_('Description2'),\r\n Image: _TL_('Image'),\r\n Logo: _TL_('Logo'),\r\n CombinationLongHeadline: _TL_('Long headline'),\r\n};\r\n","export const FilterTitle = {\r\n AccountStatus: _TL_('Account status'),\r\n AdDistribution: _TL_('Ad distribution'),\r\n AdGroupStatus: _TL_('Ad group status'),\r\n AdRelevance: _TL_('Ad relevance'),\r\n AdStatus: _TL_('Ad status'),\r\n AdType: _TL_('Ad type'),\r\n BidMatchType: _TL_('Bid match types'),\r\n BidStrategyType: _TL_('Bid strategy type'),\r\n CampaignStatus: _TL_('Campaign status'),\r\n Clicks: _TL_('Clicks'),\r\n CountryCode: _TL_('Countries/regions'),\r\n DeliveredMatchType: _TL_('Delivered match types'),\r\n DeviceOS: _TL_('Device OS'),\r\n DeviceType: _TL_('Device type'),\r\n DynamicAdTargetStatus: _TL_('Auto target status'),\r\n ExpectedCtr: _TL_('Expected click-through rate'),\r\n FeedUrl: _TL_('Feed URL'),\r\n GoalIds: _TL_('Goal ID'),\r\n HowChanged: _TL_('How changed'),\r\n ItemChanged: _TL_('Entity type'),\r\n Keywords: _TL_('Keywords'),\r\n KeywordStatus: _TL_('Keyword status'),\r\n LandingPageExperience: _TL_('Landing page experience'),\r\n LanguageCode: _TL_('Language'),\r\n QualityScore: _TL_('Quality score'),\r\n SearchQueries: _TL_('Search term'),\r\n Status: _TL_('Ad group status'),\r\n};\r\n\r\n// !!! Notice: Put strings below only if you want to override the mapping defined in\r\n// @bingads-webui/report-ui-interface/src/Shared.js\r\nexport const FilterEnum = {\r\n AdRelevance: {\r\n 1: _TL_('Below Average - 1'),\r\n 2: _TL_('Average - 2'),\r\n 3: _TL_('Above Average - 3'),\r\n },\r\n ExpectedCtr: {\r\n 1: _TL_('Below Average - 1'),\r\n 2: _TL_('Average - 2'),\r\n 3: _TL_('Above Average - 3'),\r\n },\r\n LandingPageExperience: {\r\n 1: _TL_('Below Average - 1'),\r\n 2: _TL_('Average - 2'),\r\n 3: _TL_('Above Average - 3'),\r\n },\r\n};\r\n","import _ from 'underscore';\r\nimport { toIANATimeZone, getUTCOffsetWithoutDST } from '@bingads-webui-universal/time-zone-converter';\r\nimport { CivilDate } from 'tc39-proposal-temporal';\r\nimport { i18nMap } from '../i18n-map';\r\nimport { logUnmappedEnum } from '../logger';\r\n\r\nexport function getUTCOffsetWithDST(i18n, dateStr, timeZone) {\r\n if (_.isString(dateStr)) {\r\n const date = new Date(dateStr);\r\n const formatter = i18n.dateFormatter({\r\n raw: 'ZZZZ',\r\n timeZone: toIANATimeZone(timeZone) || 'UTC',\r\n });\r\n\r\n return formatter(date);\r\n }\r\n\r\n return '';\r\n}\r\n\r\nexport function reformatDate(i18n, dateStr, timeZone, skeleton = 'yMdhms') {\r\n if (_.isString(dateStr)) {\r\n const date = new Date(dateStr);\r\n const formatter = i18n.dateFormatter({\r\n skeleton,\r\n timeZone: toIANATimeZone(timeZone) || 'UTC',\r\n });\r\n\r\n return formatter(date).replace(',', '');\r\n }\r\n\r\n return dateStr;\r\n}\r\n\r\nexport function reformatMediumDate(i18n, dateStr, timeZone) {\r\n return reformatDate(i18n, dateStr, timeZone, 'yMdhm');\r\n}\r\n\r\nexport function reformatShortDate(i18n, dateStr, timeZone) {\r\n return reformatDate(i18n, dateStr, timeZone, 'yMd');\r\n}\r\n\r\nexport const dummyDate = new CivilDate(2020, 1, 1);\r\n\r\nexport function convertDateTimeStringToCivilDate(dateTimeString) {\r\n if (_.isString(dateTimeString)) {\r\n const match = /(\\d{4})-(\\d{2})-(\\d{2})/.exec(dateTimeString);\r\n\r\n if (match) {\r\n // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\r\n const [dummy, year, month, day] = match;\r\n return new CivilDate(year, month, day);\r\n }\r\n }\r\n\r\n return null;\r\n}\r\n\r\nexport function formatDateRange(\r\n i18n,\r\n ReportTime,\r\n ReportTimeZone,\r\n appendActualRange,\r\n showTimeZone = true\r\n) {\r\n if (!ReportTime) {\r\n return ' ';\r\n }\r\n\r\n const {\r\n DateRangePreset,\r\n StartDate,\r\n EndDate,\r\n } = ReportTime;\r\n\r\n const fragments = [];\r\n\r\n if (DateRangePreset) {\r\n const englishString = i18nMap.DateRangePreset[DateRangePreset];\r\n let localizedString;\r\n if (englishString) {\r\n localizedString = i18n.getString(englishString);\r\n } else {\r\n localizedString = DateRangePreset;\r\n logUnmappedEnum({ columnName: 'DateRangePreset', value: DateRangePreset });\r\n }\r\n\r\n fragments.push(localizedString);\r\n\r\n if (appendActualRange) {\r\n const startDate = reformatShortDate(i18n, StartDate, 'UTC');\r\n const endDate = reformatShortDate(i18n, EndDate, 'UTC');\r\n\r\n fragments.push(`(${startDate} - ${endDate})`);\r\n }\r\n } else {\r\n const startDate = i18n.formatCivilDate(convertDateTimeStringToCivilDate(StartDate), { skeleton: 'yMd' });\r\n const endDate = i18n.formatCivilDate(convertDateTimeStringToCivilDate(EndDate), { skeleton: 'yMd' });\r\n\r\n fragments.push(`${startDate} - ${endDate}`);\r\n\r\n if (showTimeZone) {\r\n const offset = ReportTimeZone ? getUTCOffsetWithoutDST(ReportTimeZone) : '';\r\n\r\n fragments.push(`(GMT${offset})`);\r\n }\r\n }\r\n\r\n return fragments.join(' ');\r\n}\r\n","import { getCustomerId, getUserId } from './get-customer-id';\r\nimport { customReports, historyReports } from './model-help';\r\nimport { isReportRunning } from './is-report-running';\r\nimport { shouldRefresh } from './should-refresh-poller';\r\nimport { getUTCOffsetWithDST, reformatDate, reformatMediumDate, reformatShortDate, formatDateRange, convertDateTimeStringToCivilDate, dummyDate } from './date';\r\nimport { getMergeFilter } from './get-merge-filter';\r\n\r\nexport const util = {\r\n getCustomerId,\r\n getUserId,\r\n customReports,\r\n historyReports,\r\n isReportRunning,\r\n shouldRefresh,\r\n getMergeFilter,\r\n getUTCOffsetWithDST,\r\n reformatDate,\r\n reformatMediumDate,\r\n reformatShortDate,\r\n formatDateRange,\r\n convertDateTimeStringToCivilDate,\r\n dummyDate,\r\n};\r\n","import { keyCode as KEY_CODES } from '@bingads-webui/keycode';\r\n\r\nexport const wrapKeyDownEvent = availablekeys => handler => ({ keyCode }, ...params) => {\r\n if (keyCode in availablekeys) {\r\n handler(...params);\r\n }\r\n};\r\n\r\nconst submitEvent = wrapKeyDownEvent({ [KEY_CODES.Enter]: null });\r\n\r\nexport const keyDown = {\r\n submitEvent,\r\n};\r\n","\r\n\r\nexport const getCustomerId = (url) => {\r\n const regex = /cid=(\\d+)/gi;\r\n const value = regex.exec(url);\r\n\r\n return value ? parseInt(value[1], 10) : 0;\r\n};\r\n\r\nexport const getUserId = (url) => {\r\n const regex = /uid=(\\d+)/gi;\r\n const value = regex.exec(url);\r\n\r\n return value ? parseInt(value[1], 10) : 0;\r\n};\r\n\r\n","/**\r\n * isReportRunning: given a report returns if it is still executing\r\n * @param {object} report odata report object\r\n * @returns {boolean} whether or not the report is executing\r\n */\r\nexport const isReportRunning = (report) => {\r\n const { Status } = report;\r\n return Status === 'PendingExecution' || Status === 'InProgress';\r\n};\r\n\r\n","/**\r\n * @param {promise|undefined} promise a bluebird promise\r\n * @returns {boolean} whether the promise is fullfilled or undefined\r\n */\r\nexport function shouldRefresh(promise) {\r\n const empty = !promise;\r\n const fullfilled = !!promise && promise.isFulfilled();\r\n return empty || fullfilled;\r\n}\r\n","import _ from 'underscore';\r\n\r\nexport function getMergeFilter({ accountScope, userId }) {\r\n let $filter = accountScope ?\r\n 'Type eq Enum.TaskItemType\\'ReportUIAccountTemplate\\' or Type eq Enum.TaskItemType\\'ReportUITemplate\\'or Type eq Enum.TaskItemType\\'ReportAccountEmail\\'' :\r\n 'Type eq Enum.TaskItemType\\'ReportUICustomerTemplate\\' or Type eq Enum.TaskItemType\\'ReportUITemplate\\' or Type eq Enum.TaskItemType\\'Email\\'';\r\n\r\n if (_.isNumber(userId)) {\r\n $filter = `(${$filter}) and CreatedBy/Id eq ${userId}`;\r\n }\r\n\r\n return $filter;\r\n}\r\n","import { JsDataLightWithScopePath } from './js-data-light-with-scope-path';\r\nimport { util } from '../util';\r\n\r\nexport const customReportQueries = {\r\n /**\r\n * getRecentCustomReports: returns the most recent n custom reports from odata\r\n * @param {integer} limit max reports\r\n * @returns {promise} resolves to odata response\r\n */\r\n getRecent({ limit }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems',\r\n });\r\n\r\n const params = {\r\n limit,\r\n query: {\r\n $filter: 'Type eq Enum.TaskItemType\\'ReportUITemplate\\'',\r\n },\r\n };\r\n\r\n return entity.findAll(params);\r\n },\r\n\r\n run({ templateIds, options }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems/RerunReports',\r\n ...options,\r\n });\r\n const payload = {\r\n ReportIds: templateIds,\r\n };\r\n\r\n return entity.create(payload);\r\n },\r\n\r\n delete({ templateIds, options }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems/DeleteReports',\r\n ...options,\r\n });\r\n const payload = {\r\n ReportIds: templateIds,\r\n };\r\n\r\n return entity.create(payload);\r\n },\r\n\r\n gridDataSource() {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems',\r\n });\r\n\r\n return {\r\n type: 'jsdata',\r\n entity,\r\n primaryKey: 'Id',\r\n query: {\r\n $filter: 'Type eq Enum.TaskItemType\\'ReportUITemplate\\'',\r\n },\r\n };\r\n },\r\n\r\n gridMergeDataSource(accountScope = false, createdByUserId = null) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems',\r\n });\r\n const $filter = util.getMergeFilter({ accountScope, userId: createdByUserId });\r\n\r\n return {\r\n type: 'jsdata',\r\n entity,\r\n primaryKey: 'Id',\r\n query: {\r\n $filter,\r\n },\r\n };\r\n },\r\n};\r\n","import { ClientCenterCustomerService } from '@bingads-webui/clientcenter-customer-service';\r\nimport { JsDataLightWithScopePath } from './js-data-light-with-scope-path';\r\n\r\nexport const detailsQueries = {\r\n getByTaskItemId({ taskItemId, mode }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItem',\r\n odataURL: `/TaskItems(${taskItemId})`,\r\n mode,\r\n });\r\n\r\n return entity.find();\r\n },\r\n\r\n getByExecutionId({ executionId, expandTaskItem }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: '/TaskItemExecutions',\r\n });\r\n\r\n if (expandTaskItem) {\r\n return entity.find(executionId, {\r\n queryParameters: {\r\n expand: ['TaskItem'],\r\n },\r\n });\r\n }\r\n return entity.find(executionId);\r\n },\r\n\r\n pollReport({ executionId }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItemExecution',\r\n odataURL: `/TaskItemExecutions(${executionId})/Default.PollReportDataTaskItemExecution`,\r\n });\r\n return entity.find();\r\n },\r\n\r\n gridDataSource({ executionId, lcid }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'ReportData',\r\n idAttribute: 'RowId',\r\n odataURL: `/TaskItemExecutions(${executionId})/Default.ReportData()`,\r\n });\r\n\r\n const query = {\r\n $filter: 'TaskItem/Type eq Enum.TaskItemType\\'ReportUI\\'',\r\n };\r\n\r\n if (lcid) {\r\n query.lcid = lcid;\r\n }\r\n\r\n return {\r\n type: 'jsdata',\r\n entity,\r\n query,\r\n };\r\n },\r\n\r\n getCustomerHierarchy({ cid, uid, ccBaseUrl }) {\r\n const customerService = new ClientCenterCustomerService({ ccBaseUrl });\r\n return customerService.getCustomerHierarchy({\r\n cid,\r\n uid,\r\n returnOnlyDirectlyLinkedEntities: false,\r\n }).then(({ customerHierarchyEntities }) => customerHierarchyEntities[0]);\r\n },\r\n};\r\n","import _ from 'underscore';\r\nimport { JsDataLightWithScopePath } from './js-data-light-with-scope-path';\r\nimport { modeEnum } from '../reporting-contexts/mode-updater/modes';\r\n\r\nconst isNewUI = () => window.location.pathname.includes('vnext');\r\n\r\nexport const createReportQueries = {\r\n create({ payload }) {\r\n let mode;\r\n\r\n if (isNewUI()) {\r\n mode = _.result(payload.ReportData, 'Type') === 'ReportUITemplate' ?\r\n modeEnum.PRIVATE : modeEnum.SHARED;\r\n } else {\r\n mode = modeEnum.PRIVATE;\r\n }\r\n\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems/SubmitReportDataTaskItem?$expand=TaskItemExecutions',\r\n mode,\r\n });\r\n\r\n return entity.create(payload);\r\n },\r\n\r\n update({ taskItemId, payload }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems',\r\n mode: payload.Type === 'ReportUITemplate' ?\r\n modeEnum.PRIVATE : null,\r\n });\r\n return entity.update(taskItemId, payload, { urlParameters: { runNow: 'false' } });\r\n },\r\n\r\n updateAndRun({ taskItemId, payload }) {\r\n const entity = new JsDataLightWithScopePath({\r\n entityName: 'TaskItems',\r\n odataURL: '/TaskItems',\r\n });\r\n return entity.update(taskItemId, payload, { urlParameters: { runNow: 'true', $expand: 'TaskItemExecutions' } });\r\n },\r\n};\r\n","export const constants = {\r\n QUERY_LIMIT: 20,\r\n POLL_INTERVAL: 5990,\r\n};\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\n/* eslint-disable no-script-url */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport function HelpLink({ label, query }) {\r\n return e.preventDefault()} query={query}>{label} ;\r\n}\r\n\r\nHelpLink.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n query: PropTypes.string.isRequired,\r\n};\r\n\r\n","import _ from 'underscore';\r\n\r\nexport function serializeError(error) {\r\n if (_.isString(error)) {\r\n return `${error}`;\r\n }\r\n if (_.isObject(error)) {\r\n const errorStack = error.stack ? error.stack : '';\r\n return `${error.message}\\n ${errorStack}`.trim();\r\n }\r\n // If some other object, log it as is\r\n try {\r\n return `${error.toString()}`;\r\n } catch (e) {\r\n return 'Error could not be serialized';\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const Permission = React.createContext('');\r\n\r\nexport function PermissionProvider(props) {\r\n return (\r\n \r\n {props.children}\r\n );\r\n}\r\n\r\nPermissionProvider.propTypes = {\r\n /**\r\n * Content rendered in the body\r\n */\r\n children: PropTypes.node.isRequired,\r\n\r\n permissions:\r\n PropTypes.shape({}).isRequired,\r\n\r\n};\r\n\r\n","import React from 'react';\r\nimport { Permission } from './permission-provider';\r\n\r\nexport const withPermissionContext = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { AlertCenter } from '@bingads-webui/alert-center';\r\nimport { show as showBanner } from '@bingads-webui-react/floating-banner';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { BackboneInstanceWrapper } from '@bingads-webui-react/backbone-instance-wrapper';\r\nimport { withPermissionContext } from '../reporting-contexts/permission-provider';\r\n\r\n\r\n// Backbone version of ReportAlertCenter\r\nclass ReportAlertCenterBackbone extends AlertCenter {\r\n showError(message) {\r\n this.show({\r\n message,\r\n level: 'Error',\r\n hasIcon: true,\r\n dismissible: true,\r\n });\r\n }\r\n}\r\n\r\nfunction showTryNewUIMessage(url, message) {\r\n showBanner({\r\n customCssClass: 'alert__try-ui-next',\r\n message: `${message} `,\r\n level: 'Info',\r\n });\r\n}\r\n\r\nconst getInstance = _.once(() => {\r\n const instance = new ReportAlertCenterBackbone();\r\n instance.render();\r\n return instance;\r\n});\r\n\r\nconst showInitialMessage = _.once((url, message) =>\r\n showTryNewUIMessage(url, message));\r\n\r\n// React version of ReportAlertCenter\r\nclass ReportAlertCenter extends React.PureComponent {\r\n componentDidMount() {\r\n const { uiNextLink, i18n, permissions } = this.props;\r\n if (permissions.IsNewUIPhaseTwoEnabled) {\r\n const message = i18n.getString(_TL_('Try the new Microsoft Advertising'));\r\n showInitialMessage(uiNextLink, message);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nReportAlertCenter.propTypes = {\r\n permissions:\r\n PropTypes.shape({}).isRequired,\r\n uiNextLink: PropTypes.string.isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }).isRequired,\r\n};\r\n\r\nconst Wrapped = withPermissionContext(withI18nConsumer(ReportAlertCenter));\r\nexport { Wrapped as ReportAlertCenter };\r\n\r\n// Alert API\r\nexport function alert() {\r\n return getInstance();\r\n}\r\n","import _ from 'underscore';\r\nimport { alert } from '../alert-center';\r\n\r\n// eslint-disable-next-line no-underscore-dangle\r\nlet _showError = (message) => {\r\n alert().showError(message);\r\n};\r\n\r\nexport const initializeErrorDisplayer = (displayError) => {\r\n if (_.isFunction(displayError)) {\r\n _showError = displayError;\r\n }\r\n};\r\n\r\nexport const showError = (message) => {\r\n _showError(message);\r\n};\r\n\r\n","/* eslint-disable react/no-array-index-key */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\n\r\nexport function DefaultErrorView({ description, title }) {\r\n return (\r\n \r\n
{title} \r\n { description.map((txt, index) =>
{_.isFunction(txt) ? txt() : txt}
)}\r\n
\r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nReportRepositoryComponent.propTypes = {\r\n /**\r\n * Content rendered in the body\r\n */\r\n children: PropTypes.node.isRequired,\r\n\r\n /**\r\n * Localization module\r\n */\r\n i18n: ReportingProps.i18n.isRequired,\r\n\r\n /**\r\n * instrumentation object\r\n */\r\n // eslint-disable-next-line react/forbid-prop-types\r\n instrumentation: PropTypes.object.isRequired,\r\n\r\n /**\r\n * Customer id\r\n */\r\n identityDetails: ReportingProps.identityDetails.isRequired,\r\n\r\n\r\n permissions: ReportingProps.permissions.isRequired,\r\n\r\n /**\r\n * odata serverside calls\r\n */\r\n prefetchedData: PropTypes.shape({\r\n History: PropTypes.shape({\r\n value: PropTypes.array,\r\n }),\r\n CustomReports: PropTypes.shape({\r\n value: PropTypes.array,\r\n }),\r\n }),\r\n};\r\n\r\nReportRepositoryComponent.defaultProps = {\r\n prefetchedData: {\r\n History: {\r\n value: [],\r\n },\r\n CustomReports: {\r\n value: [],\r\n },\r\n },\r\n};\r\n\r\nconst hocs = [\r\n withI18nConsumer,\r\n withIdentityContext,\r\n withInstrumentation,\r\n withPermissionContext,\r\n];\r\n\r\nexport const ReportRepository = _.compose(...hocs)(ReportRepositoryComponent);\r\n","import React from 'react';\r\nimport { RepositoryContext, RepositoryDataContext } from './report-repository';\r\n\r\nexport const withRepositoryContext = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n\r\nexport const withRepositoryDataContext = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n","import _ from 'underscore';\r\n\r\nexport class ReportListDataFactory {\r\n constructor(initialReportsTree, permissions, providedLogger, cid, uid) {\r\n this.log = providedLogger;\r\n this.reportsTree = initialReportsTree;\r\n this.permissions = permissions;\r\n this.cid = cid;\r\n this.uid = uid;\r\n this.validCatergoryIds = {};\r\n this.validCreateReportIds = {};\r\n\r\n if (!_.isObject(permissions)) {\r\n this.log.Error('PathDataFactory:constructor - Permissions is null');\r\n this.permissions = {};\r\n }\r\n if (!_.isNumber(cid)) {\r\n throw new TypeError('PathDataFactory:constructor - CID is NAN');\r\n } else if (cid < 0) {\r\n throw new RangeError('PathDataFactory:constructor - CID is less than 0');\r\n }\r\n\r\n if (!_.isNumber(uid)) {\r\n throw new TypeError('PathDataFactory:constructor - UID is NAN');\r\n } else if (uid < 0) {\r\n throw new RangeError('PathDataFactory:constructor - UID is less than 0');\r\n }\r\n\r\n this.filterReports();\r\n this.populateCategoryIds();\r\n this.populateCreateReportIds();\r\n }\r\n\r\n isAllowed(node) {\r\n const { permissions } = this;\r\n if (node.isAllowed &&\r\n !node.isAllowed(permissions)) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n fetchData() {\r\n return {\r\n reportsTree: this.reportsTree,\r\n validCategoryIds: this.validCatergoryIds,\r\n validCreateReportIds: this.validCreateReportIds,\r\n };\r\n }\r\n\r\n // TODO: scsuarez- impement filter logic in reports structure\r\n filterReports() {\r\n let runnableReports = this.reportsTree.children;\r\n\r\n // filter report by permission\r\n _.each(runnableReports, (reportCategory, index) => {\r\n if (runnableReports[index].children) {\r\n runnableReports[index].children =\r\n _.filter(reportCategory.children, report => this.isAllowed(report));\r\n }\r\n });\r\n\r\n // filter ReportCategories by permission and omit empty categories\r\n runnableReports =\r\n _.filter(runnableReports, (reportCategory) => {\r\n if (!this.isAllowed(reportCategory)) {\r\n return false;\r\n }\r\n if (!reportCategory.children || reportCategory.children.length === 0) {\r\n return false;\r\n }\r\n\r\n return true;\r\n });\r\n\r\n this.reportsTree.children = runnableReports;\r\n }\r\n\r\n populateCategoryIds() {\r\n this.validCatergoryIds = {};\r\n const runnableReports = this.reportsTree.children;\r\n\r\n _.each(runnableReports, (category) => {\r\n const { id } = category;\r\n this.validCatergoryIds[id.toLowerCase()] = true;\r\n });\r\n }\r\n\r\n populateCreateReportIds() {\r\n this.validCreateReportIds = {};\r\n const runnableReports = this.reportsTree.children;\r\n\r\n _.each(runnableReports, (category) => {\r\n const reports = category.children;\r\n _.each(reports, (report) => {\r\n const { id } = report;\r\n this.validCreateReportIds[id.toLowerCase()] = true;\r\n });\r\n });\r\n }\r\n}\r\n\r\n","import _ from 'underscore';\r\nimport { performance } from './report-categories/performance';\r\nimport { extensions } from './report-categories/extensions';\r\nimport { billingAndBudget } from './report-categories/billing-and-budget';\r\nimport { changeHistory } from './report-categories/change-history';\r\nimport { dynamicSearch } from './report-categories/dynamic-search';\r\nimport { productAds } from './report-categories/product-ads';\r\nimport { targeting } from './report-categories/targeting';\r\nimport { advancedInsights } from './report-categories/advanced-insights';\r\n\r\nexport const rootNode = {\r\n children: [\r\n performance,\r\n extensions,\r\n productAds,\r\n changeHistory,\r\n targeting,\r\n billingAndBudget,\r\n advancedInsights,\r\n dynamicSearch,\r\n ],\r\n name: _TL_('Standard reports'),\r\n path: 0,\r\n id: 'welcome',\r\n title: _TL_('These are a collection of standard reports that we’ve created for you. Click each to create a new report.'),\r\n state: {\r\n expanded: true,\r\n },\r\n};\r\n\r\nfunction cloneNodes(node) {\r\n const output = _.clone(node);\r\n _.forEach(output, (value, key) => {\r\n if (key !== 'children' && _.isObject(value) && !_.isFunction(value)) {\r\n output[key] = _.clone(value);\r\n }\r\n });\r\n output.children = _.map(node.children, childNode => cloneNodes(childNode));\r\n return output;\r\n}\r\n\r\nfunction localizeNodes(node, i18n) {\r\n const output = node;\r\n if (output.name) {\r\n output.name = i18n.getString(output.name);\r\n }\r\n if (output.title) {\r\n output.title = i18n.getString(output.title);\r\n }\r\n if (output.description) {\r\n output.description = _.isObject(output.description) ?\r\n _.mapObject(output.description, value => i18n.getString(value)) :\r\n i18n.getString(output.description);\r\n }\r\n output.children = _.map(node.children, childNode => localizeNodes(childNode, i18n));\r\n return output;\r\n}\r\n\r\nfunction getLinkFromEnumeration(node, routePrefix, queryParams) {\r\n switch (parseInt(node.path, 10)) {\r\n case 0: return (`${routePrefix}/v2/welcome${queryParams}`);\r\n case 1: return (`${routePrefix}/category/${node.id}${queryParams}`);\r\n case 2: return (`${routePrefix}/create/${node.id}${queryParams}`);\r\n default: /* do nothing */\r\n }\r\n _.defer(() => { throw new Error(`unsupported node type: ${node.path}`); });\r\n return node.path;\r\n}\r\n\r\nfunction resolveNodePaths(node, routePrefix, queryParams = '') {\r\n if (node.children) {\r\n _.each(node.children, (child) => {\r\n resolveNodePaths(child, routePrefix, queryParams);\r\n });\r\n }\r\n // eslint-disable-next-line no-param-reassign\r\n node.path = getLinkFromEnumeration(node, routePrefix, queryParams);\r\n return node;\r\n}\r\n\r\nexport const reportsTree = {\r\n get: (i18n, routePrefix, uid, cid) => {\r\n const queryParams = `?cid=${cid}&uid=${uid}`;\r\n // localize nodes will also clone the tree\r\n let output = cloneNodes(rootNode);\r\n output = localizeNodes(output, i18n);\r\n return resolveNodePaths(output, routePrefix, queryParams);\r\n },\r\n};\r\n\r\n/* istanbul ignore next */\r\nfunction formatForUINext(node, scope, campaignTypes) {\r\n const output = {};\r\n output.id = node.id;\r\n output.name = node.name;\r\n if (node.children) {\r\n output.fixedRoute = node.path;\r\n }\r\n output.route = node.path;\r\n output.campaignTypes = campaignTypes;\r\n output.scope = scope;\r\n if (node.isAllowed) { output.checkPermission = node.isAllowed; }\r\n if (node.searchAlias) { output.searchAlias = node.searchAlias; }\r\n output.available = () => true;\r\n output.children =\r\n _.map(node.children, childNode => formatForUINext(childNode, scope, campaignTypes));\r\n return output;\r\n}\r\n\r\n/* istanbul ignore next */\r\nexport function getReportingNextTree(routePrefix, scope, campaignTypes) {\r\n let output = cloneNodes(rootNode);\r\n output = resolveNodePaths(output, routePrefix);\r\n return formatForUINext(output, scope, campaignTypes).children;\r\n}\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const performance = {\r\n children: [\r\n {\r\n title: _TL_('Understand account performance and identify trends.'),\r\n name: ReportType.AccountPerformanceReport,\r\n searchAlias: _TL_('Account report'),\r\n path: 2,\r\n id: 'accountreport',\r\n apiKey: 'AccountPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, impression share (%), clicks, spend, and average cost-per-click for individual accounts. This data can be sorted by individual accounts, currency, bid match type, and delivered match type. '),\r\n why: _TL_('To observe long-term account performance and trends.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See a snapshot of your account, and if there’s anything to flag.'),\r\n name: ReportType.CampaignPerformanceReport,\r\n searchAlias: _TL_('Campaign report'),\r\n path: 2,\r\n id: 'campaignreport',\r\n apiKey: 'CampaignPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, impression share (%), clicks, spend, and average cost-per-click for each campaign or account. This data can be sorted by campaign, campaign status, and quality score. '),\r\n why: _TL_('To view high-level performance statistics and quality attributes for each campaign or account. This is also a quick way to flag any major campaign or account problems.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See if your ad group is meeting your preset goals.'),\r\n name: ReportType.AdGroupPerformanceReport,\r\n searchAlias: _TL_('Ad group report'),\r\n path: 2,\r\n id: 'adgroupreport',\r\n apiKey: 'AdGroupPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, impression share (%), clicks, spend, and average cost-per-click of your ad groups. This data can be sorted by ad group, ad group status, language, and network.'),\r\n why: _TL_('To more broadly compare delivery performance statistics by ad group, campaign, or account attributes rather than at the keyword level.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See which ads are leading to clicks and conversions.'),\r\n name: ReportType.AdPerformanceReport,\r\n searchAlias: _TL_('Ad report'),\r\n path: 2,\r\n id: 'adreport',\r\n apiKey: 'AdPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click for each ad. This data can be sorted by ad ID, ad status, ad title, display URL, and destination URL. '),\r\n why: _TL_('To help you determine which ads lead to clicks and conversions, and which are not performing. Having underperforming ads in your account can pull down the quality of your campaigns.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See which keywords are leading to clicks.'),\r\n name: ReportType.KeywordPerformanceReport,\r\n searchAlias: _TL_('Keyword report'),\r\n path: 2,\r\n id: 'keywordreport',\r\n apiKey: 'KeywordPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, click-through rate, quality score, bid, cost-per-click, position, and conversions for each individual keyword within your campaign. '),\r\n why: _TL_('To find out which keywords are triggering your ads and getting clicks. You can also identify keywords that aren’t performing well to determine if you want to delete them.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See a set of keyword and negative keyword pairs that are blocking your bids from participating in the auction.'),\r\n name: ReportType.NegativeKeywordConflictReport,\r\n searchAlias: _TL_('Negative keyword conflicts report'),\r\n path: 2,\r\n id: 'negativekeywordconflictreport',\r\n helpId: 'reporting_NkwConflicts',\r\n apiKey: 'NegativeKeywordConflictReport',\r\n description: {\r\n what: _TL_('Negative keywords that conflict with some of your keywords, and block your ad from showing.'),\r\n why: _TL_('This report tells you which keywords and negative keywords are in conflict, and whether the conflict is at the campaign or ad group level. Use this list to figure out which negative keywords to delete.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See which search terms are causing your ads to display.'),\r\n name: ReportType.SearchQueryPerformanceReport,\r\n searchAlias: _TL_('Search term report'),\r\n path: 2,\r\n id: 'searchtermreport',\r\n helpId: 'reporting_SearchTerm',\r\n apiKey: 'SearchQueryPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, click-through rate, and average position for search terms that have triggered your ads.'),\r\n why: _TL_('To see what your audience is searching for when your ads are shown. You can use this information to make informed additions, removals, or edits to both your keyword and negative keyword lists.'),\r\n note: _TL_('If you select one or more shopping campaigns, you need to remove the Keyword column before you run this report.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See estimated impressions you might be losing.'),\r\n name: ReportType.ShareOfVoiceReport,\r\n searchAlias: _TL_('Share of voice report'),\r\n path: 2,\r\n id: 'shareofvoicereport',\r\n helpId: 'reporting_SOV',\r\n apiKey: 'ShareOfVoiceReport',\r\n description: {\r\n what: _TL_('The number of times your ad is shown as a percentage of the total available impressions in the marketplace. Along with the impression share you are losing because of insufficient budget, low ad ranking or other reasons. The data is available at the account, campaign, ad group, and keyword levels.'),\r\n why: _TL_('To view the percentage of impression share (%) you have in the marketplace, find out if you are missing opportunities based on your current campaign settings, and make changes to improve impression share. '),\r\n },\r\n },\r\n {\r\n title: _TL_('See how your landing pages are performing.'),\r\n name: ReportType.DestinationURLPerformanceReport,\r\n searchAlias: _TL_('Destination URL report'),\r\n path: 2,\r\n id: 'desturlreport',\r\n apiKey: 'DestinationURLPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click for your landing pages. This data can be sorted by destination URL, account, campaign, and ad group. Note that only the first URL in the list (ad, keyword or criterion) is reported. '),\r\n why: _TL_('To identify landing pages that met audience expectations, resulting in high click or conversion ratios.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See performance data for both search and content websites where your ads appear.'),\r\n name: ReportType.PublisherUsagePerformanceReport,\r\n searchAlias: _TL_('Website URL (publisher) report'),\r\n path: 2,\r\n id: 'weburlreport',\r\n apiKey: 'PublisherUsagePerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and conversions for websites on the Yahoo Microsoft Advertising Network and syndicated search partner networks. This data can be sorted by website URL, account, campaign, and ad group.'),\r\n why: _TL_('To see if any website URLs aren’t performing well enough for your campaign or ad group target settings. For example, if ad impressions at those URLs yield a low click-through-rate, then you might decide to exclude those websites from your campaign.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See which ad text strings are doing well.'),\r\n name: ReportType.AdDynamicTextPerformanceReport,\r\n searchAlias: _TL_('Ad dynamic text report'),\r\n path: 2,\r\n id: 'addynamictextreport',\r\n apiKey: 'AdDynamicTextPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click of your dynamic text strings. This data can be sorted by ad title, destination URL, param1, param2, and param3.'),\r\n why: _TL_('To identify which dynamic text strings are performing well and which strings you should consider changing.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See how the ad groups that are associated with remarketing lists are performing.'),\r\n name: ReportType.AudiencePerformanceReport,\r\n searchAlias: _TL_('Audiences report'),\r\n path: 2,\r\n id: 'audiencesreport',\r\n apiKey: 'AudiencePerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, and conversions for your remarketing lists. '),\r\n why: _TL_('To evaluate performance of remarketing campaigns.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See data on how people behave on your website.'),\r\n name: ReportType.GoalsAndFunnelsReport,\r\n searchAlias: _TL_('Goals report'),\r\n path: 2,\r\n id: 'goalsreport',\r\n helpId: 'reporting_CampaignAnalytics',\r\n apiKey: 'GoalsAndFunnelsReport',\r\n description: {\r\n what: _TL_('The conversion data by goal name. This data can be sorted by account, ad group, campaign, keyword, and goal.'),\r\n why: _TL_('To understand which campaigns and keywords are leading users to complete a specific type of conversion action.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See conversion data for your campaigns during a specific time period.'),\r\n name: ReportType.ConversionPerformanceReport,\r\n searchAlias: _TL_('Conversions report'),\r\n path: 2,\r\n id: 'conversionsreport',\r\n helpId: 'reporting_CampaignAnalytics',\r\n apiKey: 'ConversionPerformanceReport',\r\n description: {\r\n what: _TL_('The conversion data which includes conversion counts, assists, revenue, CostPerAssist, and Return on ad spend with other performance data, such as impressions, clicks and spend for your campaigns. This data can be sorted by account, ad group, campaign, keyword, and device type.'),\r\n why: _TL_('To understand which campaigns and keywords are leading customers to complete conversion actions.'),\r\n },\r\n },\r\n ],\r\n title: _TL_('Performance reports give you a closer look at how your campaigns are performing, including details like CTR and impressions.'),\r\n name: _TL_('Performance'),\r\n path: 1,\r\n id: 'performance',\r\n state: {\r\n expanded: true,\r\n },\r\n};\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const extensions = {\r\n children: [\r\n {\r\n title: _TL_('See how your extensions perform for your keywords.'),\r\n name: ReportType.AdExtensionByKeywordReport,\r\n searchAlias: _TL_('Ad extension by keyword report'),\r\n path: 2,\r\n id: 'extensionkeywordreport',\r\n helpId: 'reporting_AdExtension',\r\n apiKey: 'AdExtensionByKeywordReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, and spend of various click types for each keyword when served with different ad extensions. Click types are the different parts of the ad that you can click on.'),\r\n why: _TL_('To understand how different click types are performing for each keyword when different ad extensions are shown in the ad.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See how your extensions perform for your ads.'),\r\n name: ReportType.AdExtensionByAdReport,\r\n searchAlias: _TL_('Ad extension by ad report'),\r\n path: 2,\r\n id: 'extensionadreport',\r\n helpId: 'reporting_AdExtension',\r\n apiKey: 'AdExtensionByAdReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, and spend of various click types for each ad when served with different ad extensions. Click types are the different parts of the ad that you can click on.'),\r\n why: _TL_('To understand how different click types are performing for each ad when the ad is served with different ad extensions.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See how engaging your ad extension items are.'),\r\n name: ReportType.AdExtensionDetailReport,\r\n searchAlias: _TL_('Ad extension details report'),\r\n path: 2,\r\n id: 'adextensiondetailreport',\r\n helpId: 'reporting_AdExtension',\r\n apiKey: 'AdExtensionDetailReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, and spend of various ad extension properties for each ad group when served with different ad extensions.'),\r\n why: _TL_('To understand how different ad extension properties are performing when different ad extensions are shown in the ad.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See duration and phone spend details for each forwarded call.'),\r\n name: ReportType.CallDetailReport,\r\n searchAlias: _TL_('Call forwarding detail report'),\r\n path: 2,\r\n id: 'callforwarddetailreport',\r\n helpId: 'reporting_AdExtension',\r\n apiKey: 'CallDetailReport',\r\n isAllowed: permissions => !!permissions.IsCallMeteringAllowed,\r\n description: {\r\n what: _TL_('The time and duration of each phone call that originated from a call extension for accounts, campaigns, or ad groups.'),\r\n why: _TL_('To understand how the accounts, campaigns, or ad groups are performing with call extensions.'),\r\n },\r\n },\r\n ],\r\n title: _TL_('Ad extension reports give you a closer look at how each ad extension is performing based on click type for ads and keywords and ad extension properties for ad groups.'),\r\n name: _TL_('Ad extensions'),\r\n path: 1,\r\n id: 'extensions',\r\n};\r\n\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const productAds = {\r\n children: [\r\n {\r\n title: _TL_('See the performance of your Product Groups in Shopping campaigns '),\r\n name: ReportType.ProductPartitionPerformanceReport,\r\n searchAlias: _TL_('Product partition report'),\r\n path: 2,\r\n id: 'productpartitionreport',\r\n helpId: 'reporting_ProductAds',\r\n apiKey: 'ProductPartitionPerformanceReport',\r\n isAllowed: permissions => !!permissions.IsEnhancedShoppingCampaignAllowed,\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, average cost-per-click and conversion for each product group in your Shopping campaigns. '),\r\n why: _TL_(' To see the performance data for the product groups in your shopping campaigns and to optimize your campaigns accordingly .'),\r\n },\r\n },\r\n {\r\n title: _TL_('See product partition unit data of your Product Groups in Shopping campaigns'),\r\n name: ReportType.ProductPartitionUnitPerformanceReport,\r\n searchAlias: _TL_('Product partition unit report'),\r\n path: 2,\r\n id: 'productpartitionunitreport',\r\n helpId: 'reporting_ProductAds',\r\n apiKey: 'ProductPartitionUnitPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, average cost-per-click, and conversions for each product group in your Shopping campaigns. Depending on the report time and columns you choose, the report may include more than one row per product group. '),\r\n why: _TL_(' To see product partition unit data of your Product Groups in Shopping campaigns.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See the performance of your Products in Shopping campaigns '),\r\n name: ReportType.ProductDimensionPerformanceReport,\r\n searchAlias: _TL_('Product dimension report'),\r\n path: 2,\r\n id: 'productdimensionreport',\r\n helpId: 'reporting_ProductAds',\r\n apiKey: 'ProductDimensionPerformanceReport',\r\n isAllowed: permissions => !!permissions.IsEnhancedShoppingCampaignAllowed,\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, average cost-per-click and conversion for each product in your catalog [ each line item in Microsoft Merchant Center catalog ] '),\r\n why: _TL_('To figure out which of your products are triggering ads and getting most clicks and optimize the ones not performing so well. '),\r\n },\r\n },\r\n {\r\n title: _TL_('See which search terms are causing your ads to display.'),\r\n name: ReportType.ProductSearchQueryPerformanceReport,\r\n searchAlias: _TL_('Product search term report'),\r\n path: 2,\r\n id: 'productsearchtermreport',\r\n helpId: 'reporting_ProductAds',\r\n apiKey: 'ProductSearchQueryPerformanceReport',\r\n description: {\r\n what: _TL_('Impressions, clicks, and other metrics for search terms that have triggered your Product ads. Data from Smart Shopping campaigns is not included in this report.'),\r\n why: _TL_('To see what your audience is searching for when your Product ads are shown.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See how products are distributed acrocss given product tree.'),\r\n name: ReportType.ProductMatchCountReport,\r\n searchAlias: _TL_('Product match count report'),\r\n path: 2,\r\n id: 'productmatchcountreport',\r\n helpId: 'reporting_ProductAds',\r\n apiKey: 'ProductMatchCountReport',\r\n description: {\r\n what: _TL_('The number of products that are matched and targeted at the Campaign, Ad Group, and Product Group level.'),\r\n why: _TL_('To see if you are covering and bidding across your Microsoft shopping campaigns inventory. Note that this only provides the matched data for your current product group within active campaigns, and you cannot obtain historical views.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See a set of negative keyword pairs that are blocking your products from participating in the auction.'),\r\n name: ReportType.ProductNegativeKeywordConflictReport,\r\n searchAlias: _TL_('Product negative keyword conflicts report'),\r\n path: 2,\r\n id: 'productnegativekeywordreport',\r\n helpId: 'reporting_ProductAds',\r\n apiKey: 'ProductNegativeKeywordConflictReport',\r\n description: {\r\n what: _TL_('Shopping negative keywords that conflict with some of your products, and block your ad from showing.'),\r\n why: _TL_('This report tells you which products and negative keywords are in conflict, and whether the conflict is at the campaign or ad group level. Use this list to figure out which negative keywords to delete.'),\r\n },\r\n },\r\n ],\r\n title: _TL_('Product ad reports give you a closer look at how your Bing Shopping campaigns are performing based on product partition and product offer data.'),\r\n name: _TL_('Product ads'),\r\n path: 1,\r\n id: 'productads',\r\n};\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const changeHistory = {\r\n children: [\r\n {\r\n title: _TL_('See a list of changes that have been made to your campaigns.'),\r\n name: ReportType.SearchCampaignChangeHistoryReport,\r\n searchAlias: _TL_('Change history report'),\r\n path: 2,\r\n id: 'changehistoryreport',\r\n helpId: 'reporting_ChangeHistory',\r\n apiKey: 'SearchCampaignChangeHistoryReport',\r\n description: {\r\n what: _TL_('The changes to keyword bids or landing pages, creation of new campaigns, or addition of new budgets.'),\r\n why: _TL_('To discover when changes to an account were made, as well as which user made the changes.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See what changes have been made to individual user profiles in your accounts.'),\r\n name: ReportType.UserRoleChangeHistoryReport,\r\n searchAlias: _TL_('User role change history report'),\r\n path: 2,\r\n id: 'userrolechangehistoryreport',\r\n apiKey: 'UserRoleChangeHistoryReport',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: _TL_('See what changes have been made to individual user profiles in your accounts.'),\r\n },\r\n {\r\n title: _TL_('See a list of changes, filtered by user, that shows potentially fraudulent activity.'),\r\n name: ReportType.FraudChangeHistoryReport,\r\n searchAlias: _TL_('Fraud change history report'),\r\n path: 2,\r\n id: 'fraudchangehistoryreport',\r\n apiKey: 'FraudChangeHistoryReport',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: _TL_('See a list of changes, filtered by user, that shows potentially fraudulent activity.'),\r\n },\r\n ],\r\n title: _TL_('See the changes that have been made to your campaigns and users within an account, over a period you specify.'),\r\n name: _TL_('Change history'),\r\n path: 1,\r\n id: 'changehistory',\r\n};\r\n\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const targeting = {\r\n children: [\r\n {\r\n title: _TL_('See total impressions and clicks for each campaign or ad group, organized by gender and age group.'),\r\n name: ReportType.AgeGenderAudienceReport,\r\n searchAlias: _TL_('Age and gender report'),\r\n path: 2,\r\n id: 'ageandgenderreport',\r\n apiKey: 'AgeGenderAudienceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click for each ad group, organized by gender and age group.'),\r\n why: _TL_('To discover how your campaigns and ad groups are resonating with different age groups and genders.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See total impressions and clicks for each campaign or ad group, organized by company, industry, and job function.'),\r\n name: ReportType.ProfessionalDemographicsAudienceReport,\r\n searchAlias: _TL_('Professional demographics report'),\r\n path: 2,\r\n id: 'professionaldemographicsreport',\r\n apiKey: 'ProfessionalDemographicsAudienceReport',\r\n isAllowed: permissions =>\r\n !!permissions.IsLinkedInTargetingEnabled ||\r\n !!permissions.IsAIMCampaignEnabled,\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click for each ad group, organized by company, industry, and job function. Please note that this report only reflects your Audience Campaign data.'),\r\n why: _TL_('To discover how your campaigns and ad groups are resonating with different companies, industries, and job functions.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See total impressions and clicks for each ad group, organized by the locations where your ads were shown.'),\r\n name: ReportType.UserLocationPerformanceReport,\r\n searchAlias: _TL_('User location report'),\r\n path: 2,\r\n id: 'userlocationreport',\r\n helpId: 'reporting_GEONew',\r\n apiKey: 'UserLocationPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click for each ad group, organized by city, country, metro area, radius, state, and account.'),\r\n why: _TL_('To see where your traffic is coming from broken out by the physical location and the location people are searching for. You can then validate whether your location targeting strategy is successful, and identify opportunities to improve.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See total impressions and clicks for each ad group, organized by the locations where your ads were shown.'),\r\n name: ReportType.GeographicPerformanceReport,\r\n searchAlias: _TL_('Geographic report'),\r\n path: 2,\r\n id: 'geographicreport',\r\n helpId: 'reporting_GEONew',\r\n apiKey: 'GeographicPerformanceReport',\r\n description: {\r\n what: _TL_('The impressions, clicks, spend, and average cost-per-click for each ad group, organized into columns that show the location used to serve ads.'),\r\n why: _TL_('To see where your traffic is coming from: the physical location of the people searching for your ad or the locations people are searching for. You can then validate whether your location targeting strategy is successful and identify opportunities to improve.'),\r\n },\r\n },\r\n ],\r\n title: _TL_('See how your campaigns are doing among the people and places who are seeing your ads.'),\r\n name: _TL_('Targeting'),\r\n path: 1,\r\n id: 'targeting',\r\n};\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const billingAndBudget = {\r\n children: [\r\n {\r\n title: _TL_('See how you’ve spent your budget over a specific date range.'),\r\n name: ReportType.BudgetSummaryReport,\r\n searchAlias: _TL_('Budget report'),\r\n path: 2,\r\n id: 'budgetreport',\r\n apiKey: 'BudgetSummaryReport',\r\n description: {\r\n what: _TL_('The monthly budget and daily spend organized by accounts and campaigns.'),\r\n why: _TL_('To help control and manage your advertising spend for a particular month.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See your detailed billing history.'),\r\n name: ReportType.CustomerInvoiceReport,\r\n searchAlias: _TL_('Manager account invoice billing report'),\r\n path: 2,\r\n id: 'customerinvoicereport',\r\n apiKey: 'CustomerInvoiceReport',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: _TL_('See your detailed billing history.'),\r\n },\r\n {\r\n title: _TL_('See your most recent billing statement.'),\r\n name: ReportType.BillingStatementReport,\r\n searchAlias: _TL_('Billing statement report'),\r\n path: 2,\r\n id: 'billingstatementreport',\r\n apiKey: 'BillingStatementReport',\r\n description: {\r\n what: _TL_('Billing documents, including invoices and credit memos.'),\r\n why: _TL_('To view an overall summary of your billing information.'),\r\n },\r\n },\r\n ],\r\n title: _TL_('See how you are spending your budget, and your most recent billing statement.'),\r\n name: _TL_('Billing and budget'),\r\n path: 1,\r\n id: 'billingandbudget',\r\n};\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const advancedInsights = {\r\n children: [\r\n {\r\n title: _TL_('See how individual accounts are performing with excel charts and graphs'),\r\n name: ReportType['AccountPerformanceReport-SixWeeks'],\r\n searchAlias: _TL_('Account - 6 weeks report'),\r\n path: 2,\r\n id: 'sixweekaccountactivityreport',\r\n apiKey: 'AccountPerformanceReport-SixWeeks',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: _TL_('See how individual accounts are performing with excel charts and graphs'),\r\n },\r\n {\r\n title: _TL_('See how individual accounts are performing with excel charts and graphs'),\r\n name: ReportType['AccountPerformanceReport-TwoMonths'],\r\n searchAlias: _TL_('Account - 2 months (MoM) report'),\r\n path: 2,\r\n id: 'twomonthaccountactivityreport',\r\n apiKey: 'AccountPerformanceReport-TwoMonths',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: _TL_('See how individual accounts are performing with excel charts and graphs'),\r\n },\r\n {\r\n title: _TL_('See how individual accounts are performing with excel charts and graphs'),\r\n name: ReportType['AccountPerformanceReport-TwoYears'],\r\n searchAlias: _TL_('Account - 2 years (YoY) report'),\r\n path: 2,\r\n id: 'twoyearaccountactivityreport',\r\n apiKey: 'AccountPerformanceReport-TwoYears',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: _TL_('See how individual accounts are performing with excel charts and graphs'),\r\n },\r\n {\r\n title: _TL_('See estimated impressions you might be losing.'),\r\n name: ReportType['AccountPerformanceReport-ShareOfVoice'],\r\n searchAlias: _TL_('Account - Share of voice report'),\r\n path: 2,\r\n id: 'advancedinsightsshareofvoicereport',\r\n apiKey: 'AccountPerformanceReport-ShareOfVoice',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n description: {\r\n what: _TL_('The impressions, impression share (%), impression share lost to budget (%), and impression share lost to bid. This data can be sorted by keyword, keyword ID, landing page experience, and quality score.'),\r\n why: _TL_('To view impression share (%) of successful bids for each keyword, and identify opportunities to increase impression share.'),\r\n },\r\n },\r\n ],\r\n title: _TL_('Find advanced insights into how your advertisers are performing'),\r\n name: _TL_('Advanced insights'),\r\n path: 1,\r\n id: 'advancedinsights',\r\n isAllowed: permissions => !!permissions.IsInternalUser,\r\n};\r\n","import { ReportType } from '../../../../i18n-map/report-type';\r\n\r\nexport const dynamicSearch = {\r\n children: [\r\n {\r\n title: _TL_('See the clicks, impressions, and other performance metrics of each of your dynamic ad targets.'),\r\n name: ReportType.DSAAutoTargetPerformanceReport,\r\n searchAlias: _TL_('Dynamic search ad auto target report'),\r\n path: 2,\r\n id: 'dsadautotargetreport',\r\n helpId: 'reporting_DynamicSearchAds',\r\n apiKey: 'DSAAutoTargetPerformanceReport',\r\n isAllowed: permissions => !!permissions.IsDynamicSearchAdsV1Enabled,\r\n description: {\r\n what: _TL_('The clicks, impressions, and other performance metrics of each of your dynamic ad targets.'),\r\n why: _TL_('To understand how your dynamic ad targets are performing and where bid adjustments may be useful.'),\r\n },\r\n },\r\n {\r\n title: _TL_('See the clicks, impressions, and other performance generated from your website.'),\r\n name: ReportType.DSACategoryPerformanceReport,\r\n searchAlias: _TL_('Dynamic search ad category report'),\r\n path: 2,\r\n id: 'dsadcategoryreport',\r\n helpId: 'reporting_DynamicSearchAds',\r\n apiKey: 'DSACategoryPerformanceReport',\r\n isAllowed: permissions => !!permissions.IsDynamicSearchAdsV1Enabled,\r\n description: {\r\n what: _TL_('The clicks, impressions, and other performance generated from your website.'),\r\n why: _TL_('To check the performance of your existing category targets or to find new categories worth targeting. '),\r\n },\r\n },\r\n {\r\n title: _TL_('See search terms that triggered your dynamic search ads and their corresponding headlines, final URLs, and associated performance metrics.'),\r\n name: ReportType.DSASearchQueryPerformanceReport,\r\n searchAlias: _TL_('Dynamic search ad search term report'),\r\n path: 2,\r\n id: 'dsadsearchtermreport',\r\n helpId: 'reporting_DynamicSearchAds',\r\n apiKey: 'DSASearchQueryPerformanceReport',\r\n isAllowed: permissions => !!permissions.IsDynamicSearchAdsV1Enabled,\r\n description: {\r\n what: _TL_('Search terms that triggered your dynamic search ads and their corresponding headlines, final URLs, and associated performance metrics.'),\r\n why: _TL_(\"To see how your ads perform against search terms. The data can help you find negative keywords (so that you're not spending money targeting the wrong customer), as well as the right keywords that create conversions. \"),\r\n },\r\n },\r\n ],\r\n title: _TL_('Dynamic search ads reports allow you to see a holistic view of your campaigns’ dynamic ad target, category, and search term performance.'),\r\n name: _TL_('Dynamic search ads'),\r\n path: 1,\r\n id: 'dynamicsearch',\r\n isAllowed: permissions => !!permissions.IsDynamicSearchAdsV1Enabled,\r\n};\r\n","import _ from 'underscore';\r\nimport { ReportListDataFactory } from './report-list-data-factory';\r\nimport { reportsTree } from './reports';\r\n\r\nexport class ReportList {\r\n constructor(permissions, log, cid, uid, i18n, routePrefix) {\r\n if (!_.isObject(log)) {\r\n throw new Error('PathProvider: log provided is not an Object');\r\n }\r\n\r\n this.log = log;\r\n this.isValidCategoryId = this.isValidCategoryId.bind(this);\r\n this.isValidCreateReportId = this.isValidCreateReportId.bind(this);\r\n\r\n if (ReportList.reportListData != null) { return; }\r\n const dataFactory = new ReportListDataFactory(\r\n reportsTree.get(i18n, routePrefix, uid, cid),\r\n permissions,\r\n log,\r\n cid,\r\n uid,\r\n routePrefix\r\n );\r\n ReportList.reportListData = dataFactory.fetchData();\r\n }\r\n\r\n static reportListData\r\n\r\n isValidCreateReportId(id) {\r\n if (!_.isString(id)) {\r\n this.log\r\n .Error(`PathProvider:isValidCreateReportId - supplied id to isValidCreateReportId is a ${typeof id}`);\r\n return false;\r\n }\r\n\r\n const { reportListData } = ReportList;\r\n const lowerCaseId = id.toLowerCase();\r\n return !!reportListData.validCreateReportIds[lowerCaseId];\r\n }\r\n\r\n isValidCategoryId(id) {\r\n if (!_.isString(id)) {\r\n this.log\r\n .Error(`PathProvider:isValidCategoryId - supplied id to isValidCategoryId is a ${typeof id}`);\r\n return false;\r\n }\r\n\r\n const { reportListData } = ReportList;\r\n const lowerCaseId = id.toLowerCase();\r\n return !!reportListData.validCategoryIds[lowerCaseId];\r\n }\r\n\r\n\r\n getUsersReportsTree() {\r\n const { reportListData } = ReportList;\r\n return reportListData.reportsTree;\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { withPermissionContext } from '../permission-provider';\r\nimport { ReportList } from './report-list/report-list';\r\n\r\n\r\nexport const ReportListContext = React.createContext('');\r\n\r\nexport class ReportListServiceBase extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const reportList = new ReportList(\r\n this.props.permissions,\r\n {},\r\n this.props.cid,\r\n this.props.uid,\r\n this.props.i18n,\r\n this.props.routePrefix\r\n );\r\n const reportsTree = reportList.getUsersReportsTree();\r\n const reports = {};\r\n _.each(\r\n reportsTree.children,\r\n (child) => {\r\n _.each(\r\n child.children,\r\n (leaf) => {\r\n reports[leaf.id] = leaf;\r\n }\r\n );\r\n }\r\n );\r\n this.state = {\r\n context: {\r\n /**\r\n * reportsTree is the graph of reports and categories\r\n * reports is the list of reports keyed by id\r\n */\r\n reportsTree,\r\n reports,\r\n isValidCreateReportId: id => reportList.isValidCreateReportId(id),\r\n isValidCategoryId: id => reportList.isValidCategoryId(id),\r\n },\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n );\r\n }\r\n}\r\n\r\nReportListServiceBase.propTypes = {\r\n /**\r\n * Content rendered in the body\r\n */\r\n children: PropTypes.node.isRequired,\r\n\r\n /**\r\n * Localization module\r\n */\r\n i18n: PropTypes.shape({ getString: PropTypes.func }).isRequired,\r\n\r\n /**\r\n * Customer Id\r\n */\r\n cid: PropTypes.number.isRequired,\r\n\r\n /**\r\n * User Id\r\n */\r\n uid: PropTypes.number.isRequired,\r\n\r\n /**\r\n * Permissions\r\n */\r\n permissions:\r\n PropTypes.shape({}).isRequired,\r\n\r\n routePrefix: PropTypes.string.isRequired,\r\n};\r\n\r\nconst ReportListServiceWithI18n = withI18nConsumer(ReportListServiceBase);\r\nexport const ReportListService = withPermissionContext(ReportListServiceWithI18n);\r\n\r\n","import React from 'react';\r\nimport { ReportListContext } from './report-list-service';\r\n\r\nexport const withReportListContext = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n","import React from 'react';\r\n\r\nconst ServicesEndpointsContext = React.createContext('');\r\n\r\nexport const ServicesEndpointsProvider = ServicesEndpointsContext.Provider;\r\n\r\nexport function withServicesEndpointsConsumer(AReactComponent) {\r\n return function ComponentWithServicesEndpoints(props) {\r\n return (\r\n \r\n {\r\n value => \r\n );\r\n };\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { withScope } from '@bingads-webui-react/scope-service';\r\nimport { JsDataLightWithScopePath } from '../../odata-abstraction/js-data-light-with-scope-path';\r\nimport { withPermissionContext } from '../permission-provider';\r\nimport { modeEnum } from './modes';\r\n\r\nexport const Mode = React.createContext(modeEnum.PRIVATE);\r\n\r\nfunction ModeUpdater({ scope, permissions }) {\r\n const type = _.chain(scope).result('values').result('type', '').value();\r\n const { IsReportsMergeEnabled } = permissions;\r\n\r\n let mode = IsReportsMergeEnabled ?\r\n modeEnum.SHARED :\r\n modeEnum.PRIVATE;\r\n\r\n if (type.toLowerCase() === 'reportuitemplate') {\r\n mode = modeEnum.PRIVATE;\r\n }\r\n\r\n JsDataLightWithScopePath.updateMode(mode);\r\n\r\n return false;\r\n}\r\n\r\nModeUpdater.propTypes = {\r\n scope: PropTypes.shape({}).isRequired,\r\n permissions:\r\n PropTypes.shape({}).isRequired,\r\n};\r\n\r\n\r\nconst Wrapped = withPermissionContext(withScope(ModeUpdater));\r\nexport { Wrapped as ModeUpdater };\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ReportRepository } from './report-repository';\r\nimport { PermissionProvider } from './permission-provider';\r\nimport { ReportListService } from './report-list-service';\r\nimport { ServicesEndpointsProvider } from './services-endpoints';\r\nimport { ModeUpdater } from './mode-updater';\r\n\r\nexport const ContextProviders = props => (\r\n \r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n \r\n );\r\n\r\n\r\nContextProviders.propTypes = {\r\n\r\n permissions:\r\n PropTypes.shape({}).isRequired,\r\n\r\n servicesEndpoints: PropTypes.objectOf(PropTypes.string).isRequired,\r\n\r\n children: PropTypes.node.isRequired,\r\n\r\n cid: PropTypes.number.isRequired,\r\n\r\n uid: PropTypes.number.isRequired,\r\n\r\n prefetchedData: PropTypes.shape({\r\n History: PropTypes.shape({\r\n value: PropTypes.array,\r\n }),\r\n CustomReports: PropTypes.shape({\r\n value: PropTypes.array,\r\n }),\r\n }),\r\n\r\n routePrefix: PropTypes.string.isRequired,\r\n};\r\n\r\nContextProviders.defaultProps = {\r\n prefetchedData: {\r\n History: {\r\n value: [],\r\n },\r\n CustomReports: {\r\n value: [],\r\n },\r\n },\r\n};\r\n","\r\nimport React from 'react';\r\n\r\nexport const LegacyDepsContext = React.createContext('');\r\n\r\n\r\nexport const withLegacyDeps = AReactComponent => (props => (\r\n \r\n {\r\n context => ));\r\n","export const theme = {\r\n components: {\r\n blockUi: {\r\n reactBlockUi: {\r\n minHeight: 'unset',\r\n },\r\n },\r\n },\r\n core: {\r\n color: {\r\n light: {\r\n white: '#ffffff',\r\n gray10: '#f7f9f8',\r\n gray20: '#f9f9f9',\r\n gray30: '#f5f5f5',\r\n gray40: '#f4f4f4',\r\n gray50: '#ececec',\r\n gray60: '#dddddd',\r\n gray70: '#cccccc',\r\n },\r\n },\r\n palette: {\r\n neutralPrimary: '#323130',\r\n neutralSecondary: '#605e5c',\r\n },\r\n },\r\n};\r\n\r\n","import { ThemeFluent, ComponentSettings } from '@bingads-webui-theme-2018/theme-fluent';\r\nimport { theme as reportingTheme } from '@bingads-webui-campaign/report-shared';\r\nimport { merge } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nexport const reportVnextTheme = {\r\n core: merge(\r\n { isUIVnext: true },\r\n ThemeFluent,\r\n reportingTheme.core\r\n ),\r\n components: merge(\r\n {},\r\n ComponentSettings,\r\n reportingTheme.components\r\n ),\r\n};\r\n","/* eslint-disable no-restricted-globals */\r\n// @ts-ignore\r\nimport { IDataStore } from '@bingads-webui-cc-react/js-data-rest';\r\nimport { AccountCampaignDataStore } from './account-campaign-data-store';\r\nimport { ClassNames, Ii18n } from '../double-list/double-list.types';\r\nimport { SelectorOption, SelectorExpandableOption } from '../double-list';\r\n\r\nexport interface IFeaturePilots {\r\n IsReportingUINewDesignEnabled: boolean,\r\n}\r\n\r\nexport interface IAccountCampaignSelectorProps {\r\n featurePilots: IFeaturePilots;\r\n ccBaseUrl: string;\r\n ccToken: string;\r\n customerId: string;\r\n userId: string;\r\n accountId?: string;\r\n i18n: Ii18n;\r\n odataURI: string;\r\n allSelected: boolean;\r\n isCreateSimilar: boolean;\r\n onSelectedChange: (value: RdsSelected, addtionInfo?: { searchHistorySelectorOptions?: SelectorOption[] }) => void;\r\n defaultSelected: RdsSelected,\r\n forceAccountScope: boolean;\r\n scopeFilterLevel: string;\r\n isInternalReport?: boolean;\r\n hideRadioButtons?: boolean;\r\n finishedLoading?: () => void;\r\n classes: ClassNames;\r\n isReportingUIPhaseNext?: boolean;\r\n ccJsData?: IDataStore;\r\n searchHistorySelectorOptions?: SelectorOption[];\r\n hideAccountSearchBar?: boolean;\r\n hideAccountNodeArrow?: boolean;\r\n customFetchAndBuildCampaignOptionList?: (rootOption: SelectorExpandableOption) => Promise;\r\n customFetchAndBuildAccountOptionList?: (rootOption: SelectorExpandableOption) => Promise;\r\n}\r\n\r\nexport interface IAccountCampaignSelectorInternalProps extends IAccountCampaignSelectorProps {\r\n store: AccountCampaignDataStore;\r\n}\r\n\r\nexport type RdsSelected = {\r\n allSelected: boolean,\r\n AccountIds: number[],\r\n CustomerScopes: number[],\r\n CampaignReportScopes: CampaignReportScopeType[],\r\n};\r\n\r\nexport type CampaignReportScopeType = {\r\n AccountId: number,\r\n CampaignId: number,\r\n};\r\n\r\ndeclare global {\r\n function _TL_(str: string): string;\r\n}\r\n\r\nexport enum AccountCampaignContainerType {\r\n customerAccount = 'customerAccount',\r\n campaign = 'campaign'\r\n}\r\n\r\nexport enum AccountCampaignOptionType {\r\n customer = 'customer',\r\n account = 'account',\r\n campaign = 'campaign'\r\n}\r\n\r\nexport enum ScopeFilterLevelType {\r\n Customer = 'Customer',\r\n Account = 'Account',\r\n Campaign = 'Campaign'\r\n}\r\n\r\nexport enum ScopeSelectorLevelType {\r\n Customer = 'Customer',\r\n Account = 'Account',\r\n}\r\n\r\nexport enum FilterKeyType {\r\n customer = 'f:cust',\r\n account = 'f:acct',\r\n campaign = 'f:cmp',\r\n undeterminedAccounts = 'undeterminedAccounts'\r\n}\r\n\r\nexport interface IFilter {\r\n FilterKey: FilterKeyType;\r\n Values: string[];\r\n}\r\n\r\nexport interface ISearchAccount {\r\n accountId: number;\r\n accountName: string;\r\n status: string;\r\n advertiserCustomerName: string;\r\n}\r\n\r\nexport interface ISearchCustomer {\r\n advertiserCustomerId: number;\r\n advertiserCustomerName: string;\r\n status: string;\r\n serviceLevel: string;\r\n}\r\n\r\ninterface statusMap {\r\n [key: string]: string;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare\r\nexport const statusMap: statusMap = {\r\n Active: _TL_('Active'),\r\n Inactive: _TL_('Inactive'),\r\n};\r\n","import { IPaginationParams } from './double-list.types';\r\n/**\r\n * Normal selectorOption type\r\n */\r\n\r\nexport interface SelectorOptionRestParams {\r\n unAuthorized?: boolean;\r\n childFetched?: boolean;\r\n expanded?: boolean;\r\n optionType?: string;\r\n childPagination?: IPaginationParams;\r\n extra?: any;\r\n disabled?: boolean;\r\n visible?: any;\r\n number?: string;\r\n}\r\n\r\nexport class SelectorOption {\r\n id: string;\r\n name: string;\r\n // The option type mapping to business entity\r\n optionType: string;\r\n children: Array; // only tree need that\r\n parent?: SelectorOption;\r\n childFetched: boolean;\r\n extra: any;\r\n state: any;\r\n deepness: number;\r\n key: string;\r\n isSelected: boolean;\r\n visible: boolean;\r\n disabled: boolean;\r\n number: string;\r\n unAuthorized: boolean;\r\n\r\n constructor(id: string, name: string, rest: SelectorOptionRestParams = {}) {\r\n this.childFetched = rest.childFetched || false;\r\n this.children = [];\r\n this.name = name;\r\n this.optionType = rest.optionType || '++';\r\n this.id = id;\r\n this.state = {\r\n expanded: true,\r\n };\r\n\r\n if (rest.expanded !== undefined) {\r\n this.state.expanded = rest.expanded;\r\n }\r\n this.number = rest.number || '';\r\n this.extra = rest.extra || undefined;\r\n this.unAuthorized = !!rest.unAuthorized;\r\n this.deepness = 0;\r\n this.key = `${this.optionType}-${this.id}`;\r\n this.isSelected = false;\r\n this.disabled = rest.disabled || false;\r\n if (rest.visible != null || rest.visible !== undefined) {\r\n this.visible = rest.visible;\r\n } else {\r\n this.visible = true;\r\n }\r\n }\r\n\r\n addChild(option: SelectorOption, childFetched: boolean = true) {\r\n option.parent = this;\r\n this.children.push(option);\r\n this.childFetched = childFetched;\r\n option.updateDeepness(this.deepness + 1);\r\n\r\n return this;\r\n }\r\n\r\n resetChildren() {\r\n this.children = [];\r\n this.childFetched = false;\r\n }\r\n\r\n updateDeepness(deepness: number) {\r\n this.deepness = deepness;\r\n this.children.forEach((child: SelectorOption) => {\r\n child.updateDeepness(deepness + 1);\r\n });\r\n }\r\n\r\n /**\r\n * visit this tree in mid children order\r\n * @param option the tree to visit\r\n * @param visitSeq the exsiting visit seq\r\n * @returns the visit seq\r\n */\r\n midTraverseTree(visitSeq: SelectorOption[] = []): SelectorOption[] {\r\n visitSeq.push(this);\r\n this.children.filter(item => !!item).forEach(o => o.midTraverseTree(visitSeq));\r\n\r\n return visitSeq;\r\n }\r\n\r\n find(predicate: (o: SelectorOption) => boolean): SelectorOption | undefined {\r\n if (predicate(this)) {\r\n return this;\r\n }\r\n for (let i = 0; i < this.children.length; i++) {\r\n const res = this.children[i].find(predicate);\r\n if (res) {\r\n return res;\r\n }\r\n }\r\n return undefined;\r\n }\r\n}\r\n\r\n/**\r\n * Root option of one container start to render\r\n */\r\nexport class SelectorExpandableOption extends SelectorOption {\r\n // children data pagination, if false means there is no need to do pagination\r\n childPagination?: IPaginationParams | boolean;\r\n\r\n // use cotainerKey to find corresponding containerConfig and render that container\r\n containerKey: string;\r\n\r\n constructor(id: string, name: string, containerKey: string, rest: SelectorOptionRestParams = {}) {\r\n super(id, name, rest);\r\n this.containerKey = containerKey;\r\n this.childPagination = rest.childPagination || false;\r\n }\r\n\r\n updateChildPagination(childPagination: IPaginationParams | boolean) {\r\n this.childPagination = childPagination;\r\n }\r\n}\r\n\r\nexport class SelectorRootOption extends SelectorExpandableOption {\r\n isRoot: boolean;\r\n constructor(containerKey: string, id = 'root', name = 'root', rest: SelectorOptionRestParams = {}) {\r\n super(id, name, containerKey, rest);\r\n this.isRoot = true;\r\n }\r\n}\r\n","import { ReactNode, ComponentClass } from 'react';\r\nimport { SelectorOption, SelectorExpandableOption } from './selector-option';\r\n\r\nexport interface IDoubleListProps {\r\n // customized selectBox component\r\n selectorBox: ComponentClass;\r\n\r\n // customized resultBox component\r\n resultBox: ComponentClass;\r\n\r\n // when user click add, remove, addAll, removeAll\r\n onChange?: (selected: SelectorOption[]) => void;\r\n\r\n // selected map\r\n defaultSelectedOptions: SelectorOption[];\r\n\r\n rootOption: SelectorExpandableOption; // | Promise;\r\n\r\n // in multi columns container, just pass expandableOptionList init each container to render in each col\r\n defaultVisibleExpandableOptionList: SelectorExpandableOption[];\r\n\r\n // render the selectorBox and stick to one container config\r\n selectorBoxConfig: ISelectorContainerConfig;\r\n\r\n // key -> SelectorContainer, used during container rendering\r\n containerMap: SelectorContainerMap;\r\n\r\n classNames: {\r\n [key: string]: string;\r\n };\r\n i18n: Ii18n;\r\n onVisibleExpandableOptionChange?: (optionList: SelectorExpandableOption[]) => void;\r\n scopeFilterLevel?: string;\r\n hideAccountSearchBar? : boolean;\r\n hideAccountNodeArrow? : boolean;\r\n}\r\n\r\n/**\r\n * @interface SelectorContainerMap is\r\n */\r\nexport interface SelectorContainerMap {\r\n [key: string]: ISelectorContainerConfig;\r\n}\r\n\r\nexport interface IRenderSelectorNodeOps {\r\n onAdd: (selected: SelectorOption[] | SelectorOption) => void;\r\n onRemove: (unselected: SelectorOption[] | SelectorOption) => void;\r\n}\r\n\r\nexport interface Ii18n {\r\n getString: (str: string) => string;\r\n}\r\nexport interface ClassNames {\r\n [key: string]: any;\r\n}\r\n\r\nexport type RenderSelectorItemFunc = (\r\n option: SelectorOption,\r\n ops: IRenderSelectorNodeOps,\r\n config: ISelectorContainerConfig,\r\n i18n: Ii18n,\r\n classes: ClassNames,\r\n hideAccountNodeArrow?: boolean,\r\n) => ReactNode;\r\n\r\n/**\r\n * @interface SelectorContainer is bundle of rendering, navigation, filter functions and attrs\r\n * Here do one assumption that data under one contaienr is with the same business logic\r\n */\r\nexport interface ISelectorContainerConfig {\r\n // container key used to identify\r\n containerKey: string;\r\n scopeFilterLevel?: string;\r\n isInternalReport?: boolean;\r\n isReportingUIPhaseNext?: boolean;\r\n scopeSelectorLevel?: string;\r\n\r\n // cotainer view type used to render\r\n containerViewType: SelectorContainerViewType;\r\n\r\n renderSelectorNode?: RenderSelectorItemFunc;\r\n renderSelectorHeader?: RenderSelectorItemFunc;\r\n\r\n onQueryCampaignChange: (searchTerm: string) => void;\r\n\r\n onQueryCustomerAccountChange: (searchTerm: string) => void;\r\n // user click search button to search account\r\n onSearchCustomerAccount: (searchText: string) => void;\r\n\r\n onSearchCampaign: (searchText: string) => void;\r\n\r\n onClearSearchCustomerAccount: () => void;\r\n\r\n onClearSearchCampaign: () => void;\r\n\r\n onSelectScopeLevel: (scopeLevel: string) => void;\r\n\r\n // on user filter change\r\n onFilterChange?: (params: any) => void;\r\n\r\n // When user click next page or previous page, load that page data, according to SelectorContainerOption according to that container\r\n onPageChange?: (option: SelectorExpandableOption, pageNumber: number) => void;\r\n\r\n // When user click selectorNode, if the child data is not fetched, loadData will be called to load children data for current node\r\n loadData?: (selectorOption?: SelectorOption) => void;\r\n\r\n // Filter local options according to search keyword\r\n localFilter?: (option: SelectorOption) => boolean;\r\n searchTerm: string,\r\n customerAccountSearchStr: string,\r\n campaignSearchStr: string,\r\n // container from left to right, row add 1, such as 0 1 2\r\n // container do drill down, col add 1, such as 0 1 2\r\n coordinate: {\r\n row: number;\r\n col: number;\r\n };\r\n\r\n // height of container, overflow will be scrolled\r\n containerHeight: number;\r\n rowHeight: number;\r\n isLoading: boolean;\r\n}\r\n\r\nexport interface ISelectorContainerProps {\r\n containerConfig: ISelectorContainerConfig;\r\n rootOption: SelectorExpandableOption;\r\n onAdd: (values: SelectorOption[] | SelectorOption) => void;\r\n isSelected: (option: SelectorOption) => boolean;\r\n onRemove: (values: SelectorOption[] | SelectorOption) => void;\r\n i18n: Ii18n;\r\n classNames: {\r\n [key: string]: any;\r\n };\r\n hideAccountNodeArrow?: boolean;\r\n}\r\n\r\nexport interface ISelectContainerHeaderProps extends IDoubleListProps {\r\n CascaderContainerConfig: ISelectorContainerConfig;\r\n}\r\n\r\nexport interface ISelectorBoxProps extends IDoubleListProps {}\r\n\r\nexport interface IResultBoxProps extends IDoubleListProps {\r\n isReportingUIPhaseNext: boolean;\r\n removeAll: () => void;\r\n selected: SelectorOption[];\r\n onRemove: (option: SelectorOption[] | SelectorOption) => void;\r\n}\r\n\r\nexport interface ISelectorProps extends IDoubleListProps {\r\n onAdd: (values: SelectorOption[] | SelectorOption) => void;\r\n isSelected: (option: SelectorOption) => boolean;\r\n onRemove: (option: SelectorOption[] | SelectorOption) => void;\r\n refresh: number;\r\n}\r\n\r\nexport interface IResultListProps extends IDoubleListProps {\r\n removeAll: () => void;\r\n onRemove?: (values: SelectorOption[] | SelectorOption) => void;\r\n}\r\n\r\nexport interface IResultNodeProps {\r\n onRemove?: (values: SelectorOption[] | SelectorOption) => void;\r\n option: SelectorOption;\r\n}\r\n\r\nexport interface ISelectorNodeProps {\r\n onAdd?: (values: SelectorOption[] | SelectorOption) => void;\r\n option: SelectorOption;\r\n isSelected: boolean;\r\n}\r\n\r\nexport interface ISelectorHeaderProps {\r\n option: SelectorExpandableOption;\r\n onAdd?: (values: SelectorOption[] | SelectorOption) => void;\r\n}\r\n\r\nexport interface IPaginationParams {\r\n currentPage: number;\r\n totalPage: number;\r\n pageSize: number;\r\n}\r\n\r\nexport enum SelectorContainerViewType {\r\n tree = 'tree',\r\n list = 'list'\r\n}\r\n\r\nexport interface IListNodeProps extends ISelectorNodeProps {}\r\nexport interface ITreeNodeProps extends ISelectorNodeProps {}\r\nexport interface ISelectorTreeProps extends ISelectorContainerProps {}\r\nexport interface ISelectorListProps extends ISelectorContainerProps {}\r\n","import jss from 'jss';\r\n// @ts-ignore\r\nimport preset from 'jss-preset-default';\r\n\r\ninterface IStyleParams {\r\n [key: string]: any;\r\n}\r\njss.setup(preset() as any);\r\n\r\nexport function buildSelectorTreeStyles(params: IStyleParams) {\r\n const styles = {\r\n selectorTree: {\r\n height: params.selectorTreeHeight,\r\n margin: 'auto',\r\n padding: '10px 0',\r\n },\r\n };\r\n\r\n const { classes } = jss.createStyleSheet(styles).attach();\r\n return classes;\r\n}\r\n\r\nexport function buildSelectorListStyles(params: IStyleParams) {\r\n const styles = {\r\n selectorList: {\r\n height: params.selectorListHeight,\r\n margin: 'auto',\r\n padding: '10px 0',\r\n overflow: 'auto',\r\n },\r\n };\r\n\r\n const { classes } = jss.createStyleSheet(styles).attach();\r\n return classes;\r\n}\r\n\r\nconst styles = {\r\n selectorContainerHidden: {\r\n display: 'none',\r\n },\r\n isSelected: {\r\n color: 'gray',\r\n },\r\n selectorTreeExpandIcon: {\r\n verticalAlign: 'sub',\r\n float: 'left',\r\n marginTop: 3,\r\n marginRight: 4,\r\n },\r\n};\r\n\r\nconst { classes } = jss.createStyleSheet(styles as any).attach();\r\nexport default classes;\r\n","import React, { Component, ReactNode } from 'react';\r\nimport { TreeView, ExpandableNode, Node, IFlattenedNode } from '@bingads-webui-react/tree-view';\r\nimport { ISelectorTreeProps, RenderSelectorItemFunc } from './double-list.types';\r\nimport { SelectorOption, SelectorExpandableOption } from './selector-option';\r\nimport classes, { buildSelectorTreeStyles } from './styles';\r\n\r\ninterface ISelectorTreeState {\r\n refresh: number;\r\n}\r\n\r\ninterface INodeCache {\r\n [key: string]: Node;\r\n}\r\n\r\nexport default class SelectorTree extends Component {\r\n private rootNode: Node;\r\n private classes: any;\r\n private nodeCache: INodeCache;\r\n\r\n constructor(props: ISelectorTreeProps) {\r\n super(props);\r\n this.nodeCache = {};\r\n this.rootNode = {} as Node;\r\n this.state = {\r\n refresh: 0,\r\n };\r\n }\r\n\r\n onChange = (nodes: Node[]) => {\r\n this.rootNode.children = nodes;\r\n this.setState({\r\n refresh: this.state.refresh + 1,\r\n });\r\n };\r\n\r\n render() {\r\n this.rebuildNodeTreeIncrementally();\r\n return (\r\n \r\n
\r\n {selectorNode}
\r\n \r\n
{\r\n private classes: any;\r\n private visibleOptions: SelectorOption[];\r\n\r\n constructor(props: ISelectorListProps) {\r\n super(props);\r\n this.classes = buildSelectorListStyles({\r\n selectorListHeight: this.props.containerConfig.containerHeight,\r\n });\r\n this.state = {\r\n // eslint-disable-next-line react/no-unused-state\r\n refresh: 0,\r\n };\r\n this.visibleOptions = [];\r\n }\r\n\r\n render() {\r\n const { rootOption } = this.props;\r\n\r\n this.visibleOptions = rootOption.children.filter(option => {\r\n return option.visible;\r\n });\r\n\r\n return (\r\n \r\n
\r\n {({ width, height }) => (\r\n \r\n
\r\n {this.renderListNode(this.visibleOptions[index])}\r\n
\r\n );\r\n }\r\n\r\n private renderListNode(option: SelectorOption) {\r\n let renderSelectorNode: RenderSelectorItemFunc;\r\n\r\n if (this.props.containerConfig.renderSelectorNode) {\r\n renderSelectorNode = this.props.containerConfig.renderSelectorNode;\r\n } else {\r\n throw new Error('containerConfig.renderSelectorNode should not be null');\r\n }\r\n\r\n if (this.props.isSelected(option)) {\r\n option.isSelected = true;\r\n } else {\r\n option.isSelected = false;\r\n }\r\n\r\n return renderSelectorNode(\r\n option,\r\n {\r\n onAdd: this.props.onAdd,\r\n onRemove: this.props.onRemove,\r\n },\r\n this.props.containerConfig,\r\n this.props.i18n,\r\n this.props.classNames,\r\n this.props.hideAccountNodeArrow\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\nimport { ISelectorContainerProps, SelectorContainerViewType } from './double-list.types';\r\nimport SelectorTree from './selector-tree';\r\nimport SelectorList from './selector-list';\r\n\r\nexport default class SelectorContainer extends Component {\r\n render() {\r\n let containerContent = null;\r\n\r\n if (!this.props.rootOption.childFetched || this.props.rootOption.children.length === 0) {\r\n containerContent = (\r\n {this.props.i18n.getString(_TL_('No data available'))}
\r\n );\r\n } else if (this.props.containerConfig.containerViewType === SelectorContainerViewType.tree) {\r\n containerContent = \r\n {containerHeader}\r\n \r\n {containerContent}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { PureComponent } from 'react';\r\nimport { Col, Row } from '@bingads-webui-react/primitive';\r\nimport { ISelectorProps, ISelectorContainerConfig } from './double-list.types';\r\nimport { SelectorExpandableOption, SelectorOption, SelectorRootOption } from './selector-option';\r\nimport SelectorContainer from './selector-container';\r\n\r\ninterface ISelectorState {\r\n refresh: number;\r\n}\r\n\r\nexport default class Selector extends PureComponent {\r\n render() {\r\n const containerConfig = this.props.rootOption.containerKey === 'customerAccount' ?\r\n this.props.containerMap.customerAccount :\r\n this.props.containerMap.campaign\r\n\r\n this.confirmOptionVisiblity(this.props.rootOption, containerConfig);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * check the visibility of option with optionContainerConfig\r\n * @param option option to check\r\n * @param optionContainerConfig container config the option is\r\n */\r\n confirmOptionVisiblity(option: SelectorOption, optionContainerConfig: ISelectorContainerConfig) {\r\n let childrenVisible = false;\r\n option.children.forEach(child => {\r\n if (option instanceof SelectorExpandableOption) {\r\n this.confirmOptionVisiblity(child, this.props.containerMap[option.containerKey]);\r\n } else {\r\n this.confirmOptionVisiblity(child, optionContainerConfig);\r\n }\r\n childrenVisible = childrenVisible || child.visible;\r\n });\r\n\r\n if (option instanceof SelectorRootOption) {\r\n option.visible = true;\r\n return;\r\n }\r\n\r\n const localFilter = optionContainerConfig.localFilter\r\n ? optionContainerConfig.localFilter\r\n : () => true;\r\n\r\n option.visible = childrenVisible || localFilter(option);\r\n }\r\n}\r\n","\r\ninterface ICache {\r\n [key: string]: any;\r\n}\r\n\r\nfunction union(leftArr: T[], rightArr: T[], getKey: (item: T) => string): T[] {\r\n const cache: ICache = {};\r\n const result: T[] = [];\r\n\r\n leftArr.forEach((item: T) => {\r\n if (!cache[getKey(item)]) {\r\n result.push(item);\r\n cache[getKey(item)] = item;\r\n }\r\n });\r\n\r\n rightArr.forEach((item: T) => {\r\n if (!cache[getKey(item)]) {\r\n result.push(item);\r\n cache[getKey(item)] = item;\r\n }\r\n });\r\n\r\n return result;\r\n}\r\n\r\ninterface ISetCache {\r\n [key: string]: T;\r\n}\r\n\r\nexport class Set {\r\n protected toStringFunction: (item: T) => string;\r\n protected setCache: ISetCache;\r\n constructor(toStringFunction: (item: T) => string) {\r\n this.toStringFunction = toStringFunction;\r\n this.setCache = {};\r\n }\r\n\r\n contains(element: T): boolean {\r\n return this.setCache[this.toStringFunction(element)] !== undefined;\r\n }\r\n\r\n add(element: T): boolean {\r\n if (this.contains(element) || element === undefined || element == null) {\r\n return false;\r\n }\r\n this.setCache[this.toStringFunction(element)] = element;\r\n return true;\r\n }\r\n\r\n remove(element: T): boolean {\r\n if (!this.contains(element)) {\r\n return false;\r\n }\r\n delete this.setCache[this.toStringFunction(element)];\r\n return true;\r\n }\r\n\r\n isEmpty(): boolean {\r\n return Object.keys(this.setCache).length === 0;\r\n }\r\n\r\n size(): number {\r\n return Object.keys(this.setCache).length;\r\n }\r\n\r\n forEach(callback: (item: T) => void): void {\r\n Object.keys(this.setCache).forEach((key: string) => {\r\n return callback(this.setCache[key]);\r\n });\r\n }\r\n\r\n isSubsetOf(otherSet: Set): boolean {\r\n if (this.size() > otherSet.size()) {\r\n return false;\r\n }\r\n\r\n let isSub = true;\r\n // eslint-disable-next-line consistent-return\r\n this.forEach(element => {\r\n if (!otherSet.contains(element)) {\r\n isSub = false;\r\n return false;\r\n }\r\n });\r\n return isSub;\r\n }\r\n\r\n difference(otherSet: Set): void {\r\n const set = this;\r\n otherSet.forEach((element: T): boolean => {\r\n set.remove(element);\r\n return true;\r\n });\r\n }\r\n\r\n union(otherSet: Set): void {\r\n const set = this;\r\n otherSet.forEach((element: T): boolean => {\r\n set.add(element);\r\n return true;\r\n });\r\n }\r\n\r\n toArray(): T[] {\r\n return Object.keys(this.setCache).map((key: string) => {\r\n return this.setCache[key];\r\n });\r\n }\r\n}\r\n\r\nexport const utils = {\r\n union,\r\n};\r\n","import React, { Component } from 'react';\r\nimport _ from 'underscore';\r\nimport { Col, Row } from '@bingads-webui-react/primitive';\r\nimport { IDoubleListProps } from './double-list.types';\r\nimport Selector from './selector';\r\nimport { SelectorOption } from './selector-option';\r\nimport { utils, Set } from './utils';\r\n\r\ninterface IDoubleListState {\r\n refresh: number;\r\n}\r\n\r\nexport class DoubleList extends Component {\r\n refreshEnabled: boolean;\r\n selected: SelectorOption[];\r\n selectedSet: Set;\r\n\r\n constructor(props: IDoubleListProps) {\r\n super(props);\r\n this.selected = this.props.defaultSelectedOptions || [];\r\n this.selectedSet = this.buildOptionSet(this.prepareDefaultSelectedOptions(this.selected));\r\n this.state = {\r\n refresh: 0,\r\n };\r\n this.refreshEnabled = true;\r\n }\r\n\r\n render() {\r\n const SelectorBox = this.props.selectorBox;\r\n const ResultBox = this.props.resultBox;\r\n\r\n // @ts-ignore\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n onAdd = (newSelected: SelectorOption[] | SelectorOption) => {\r\n if (newSelected instanceof SelectorOption) {\r\n if (newSelected.deepness === 0) {\r\n newSelected = newSelected.children;\r\n } else {\r\n const temp = [newSelected];\r\n newSelected = temp;\r\n }\r\n }\r\n\r\n const originSelected = [...this.selected];\r\n newSelected = this.unionSelected(originSelected, newSelected);\r\n newSelected = this.bubbleSelected(newSelected);\r\n\r\n this.updateSelected(newSelected);\r\n this.refresh();\r\n };\r\n\r\n onRemove = (unselected: SelectorOption[] | SelectorOption) => {\r\n if (unselected instanceof SelectorOption) {\r\n const temp = [unselected];\r\n unselected = temp;\r\n }\r\n\r\n let selected: SelectorOption[] = [...this.selected];\r\n selected = this.removeUnselected(selected, unselected);\r\n\r\n this.updateSelected(selected);\r\n this.refresh();\r\n };\r\n\r\n removeAll = () => {\r\n this.updateSelected([]);\r\n this.refresh();\r\n };\r\n\r\n /**\r\n * Merge rightMap into leftMap\r\n * @param leftMap the left selectedMap to merge to\r\n * @param rightMap the right selectedMap to merge\r\n */\r\n private unionSelected(leftOptionList: SelectorOption[], rightOptionList: SelectorOption[]) {\r\n return utils.union(leftOptionList, rightOptionList, (option: SelectorOption) => {\r\n return option.key;\r\n });\r\n }\r\n\r\n /**\r\n * If one option's children are all selected, then try to add this option to @param selected\r\n * and remove its all children from @param selected\r\n *\r\n * If one option is in @param selected, means that all its children is selected,\r\n * then remove all its children from @param selected\r\n *\r\n * @param selected the selected option list to bubble\r\n */\r\n private bubbleSelected(selected: SelectorOption[]) {\r\n // build option set for each deepness\r\n const selectedOptionSetList: Set[] = this.buildSelectedSetByDeepness(selected);\r\n\r\n // iterate from the maximum deepness option to minimum deepness option to\r\n // find whether its sibling is all selected\r\n // if true, then remove all of them and add their parent to selectedOptionList\r\n for (let i = selectedOptionSetList.length - 1; i >= 0; i--) {\r\n const optionSet = selectedOptionSetList[i];\r\n const processedSet = this.buildOptionSet();\r\n const optionArr = optionSet.toArray();\r\n\r\n for (let j = 0; j < optionArr.length; j++) {\r\n const option = optionArr[j];\r\n\r\n // this option is handled before\r\n if (processedSet.contains(option) || !option.parent) {\r\n // eslint-disable-next-line no-continue\r\n continue;\r\n }\r\n\r\n const parent = option.parent as SelectorOption;\r\n\r\n // if this option's parent is in selected too, then remove all its children from selected\r\n if (this.isAncestorSelected(option, selectedOptionSetList)) {\r\n const childrenSet = this.buildOptionSet(parent.children);\r\n // eslint-disable-next-line @typescript-eslint/no-shadow\r\n selected = selected.filter((option) => {\r\n return !childrenSet.contains(option);\r\n });\r\n\r\n optionSet.difference(childrenSet);\r\n processedSet.union(childrenSet);\r\n\r\n // eslint-disable-next-line no-continue\r\n continue;\r\n }\r\n\r\n // determine whether or not this option's parent should be checked\r\n // check if option.parent.children are in current optionSet\r\n // if true, then pop its parernt to @selected option list and remove all its siblings from selected\r\n // if not, ignore it\r\n const childrenSet = this.buildOptionSet(parent.children);\r\n\r\n // FixMe: Pagination is not supported yet\r\n if (childrenSet.isSubsetOf(optionSet)) {\r\n if (i > 0 && parent.childFetched && parent.deepness !== 0) {\r\n // add parent to original selected and remove all its children from selected\r\n selected.push(parent);\r\n // eslint-disable-next-line @typescript-eslint/no-shadow\r\n selected = selected.filter((option) => {\r\n return !childrenSet.contains(option);\r\n });\r\n // add parent to the set to check in next iteration\r\n selectedOptionSetList[i - 1].add(parent);\r\n }\r\n }\r\n\r\n optionSet.difference(childrenSet);\r\n processedSet.union(childrenSet);\r\n }\r\n }\r\n\r\n return selected;\r\n }\r\n\r\n /**\r\n * If one option's parent been selected\r\n * @param option selector option\r\n * @param selectedOptionSetList selected option set group by deepness\r\n */\r\n private isAncestorSelected(option: SelectorOption, selectedOptionSetList: Set[]): boolean {\r\n let deepness = option.deepness - 1;\r\n let { parent } = option;\r\n\r\n while (parent && deepness >= 0) {\r\n const optionSet = selectedOptionSetList[deepness];\r\n if (optionSet.contains(parent)) {\r\n return true;\r\n }\r\n deepness--;\r\n parent = parent.parent;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /**\r\n * remove unselected from selected\r\n *\r\n * if one option in unselected, but its parent is in @param selected,\r\n * then try to remove its parent from selected and add all its sibling back to selected\r\n *\r\n * @param selected existing selected options\r\n * @param unselected optins to remove\r\n *\r\n * @returns all selected options expcept for allt he options removed\r\n */\r\n private removeUnselected(selected: SelectorOption[], unselected: SelectorOption[]): SelectorOption[] {\r\n unselected.forEach((unselectedOption) => {\r\n const res: SelectorOption[] | boolean = this.removeOneUnselected(selected, unselectedOption);\r\n if (res) {\r\n selected = res as SelectorOption[];\r\n }\r\n });\r\n\r\n return selected;\r\n }\r\n\r\n /**\r\n * Remove one option from selected\r\n * @param selected\r\n * @param unselectedOption\r\n * @returns selected that is processed if unselectedOption is valid, or return false for unexisted unselectedOption\r\n */\r\n private removeOneUnselected(\r\n selected: SelectorOption[],\r\n unselectedOption: SelectorOption | undefined\r\n ): SelectorOption[] | boolean {\r\n if (!unselectedOption) {\r\n return false;\r\n }\r\n\r\n // Found the option to be removed then remove it directly\r\n if (this.isOptionInList(unselectedOption, selected)) {\r\n selected = selected.filter((o) => {\r\n return o.key !== unselectedOption.key;\r\n });\r\n } else {\r\n const res = this.removeOneUnselected(selected, unselectedOption.parent);\r\n\r\n if (!res) {\r\n return false;\r\n }\r\n selected = res as SelectorOption[];\r\n\r\n\r\n const { parent } = unselectedOption;\r\n if (parent) {\r\n let children: SelectorOption[] = [...parent.children];\r\n children = children.filter((o) => {\r\n return o.key !== unselectedOption.key;\r\n });\r\n\r\n selected = utils.union(selected, children, (item) => {\r\n return item.key;\r\n });\r\n }\r\n }\r\n\r\n return selected;\r\n }\r\n\r\n private isOptionInList(option: SelectorOption, optionList: SelectorOption[]) {\r\n const res = _.findIndex(optionList, (item) => {\r\n return item.key === option.key;\r\n });\r\n\r\n if (res !== -1) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n private prepareDefaultSelectedOptions(defaultOptions: SelectorOption[]) {\r\n this.disableRefresh();\r\n defaultOptions.forEach((option) => {\r\n this.onAdd(option);\r\n });\r\n this.enableRefresh();\r\n return this.selected;\r\n }\r\n\r\n /**\r\n * build option set\r\n */\r\n private buildOptionSet = (options?: SelectorOption[]) => {\r\n const set = new Set((item: SelectorOption) => {\r\n return item.key;\r\n });\r\n\r\n if (options) {\r\n options.forEach((option) => {\r\n set.add(option);\r\n });\r\n }\r\n\r\n return set;\r\n };\r\n\r\n private buildSelectedSetByDeepness(selected: SelectorOption[]): Set[] {\r\n // build option set for each deepness\r\n const optionSetList: Set[] = [];\r\n selected.forEach((option: SelectorOption) => {\r\n let optionSet = optionSetList[option.deepness];\r\n if (!optionSet) {\r\n optionSet = this.buildOptionSet();\r\n optionSetList[option.deepness] = optionSet;\r\n }\r\n optionSet.add(option);\r\n });\r\n\r\n // in case some deepness's optionSet is undefined, replace undefined with empty set\r\n for (let i = 0; i < optionSetList.length; i++) {\r\n if (!optionSetList[i]) {\r\n optionSetList[i] = this.buildOptionSet();\r\n }\r\n }\r\n\r\n return optionSetList;\r\n }\r\n\r\n private isSelected = (option: SelectorOption | undefined): boolean => {\r\n const set = this.selectedSet;\r\n while (option) {\r\n if (set.contains(option)) {\r\n return true;\r\n }\r\n option = option.parent;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n private updateSelected(selected: SelectorOption[]) {\r\n this.selected = selected;\r\n this.selectedSet = this.buildOptionSet(selected);\r\n this.props.onChange!(selected);\r\n }\r\n\r\n refresh() {\r\n if (this.refreshEnabled) {\r\n this.setState({\r\n refresh: this.state.refresh + 1,\r\n });\r\n }\r\n }\r\n\r\n disableRefresh() {\r\n this.refreshEnabled = false;\r\n }\r\n\r\n enableRefresh() {\r\n this.refreshEnabled = true;\r\n }\r\n}\r\n","import jss from 'jss';\r\n// @ts-ignore\r\nimport preset from 'jss-preset-default';\r\nimport _ from 'underscore';\r\n\r\njss.setup(preset() as any);\r\n\r\nexport const sharedBasicStyle = {\r\n doubleListHeight: 450,\r\n bingColor: '#007daa',\r\n doubleListBackgroundColor: '#f2f2f2',\r\n containerBorder: '1px solid #bbbbbb',\r\n containerHegiht: 450 - 130,\r\n resultListHeight: 450 - 90,\r\n};\r\n\r\nconst headerStyle = {\r\n backgroundColor: sharedBasicStyle.doubleListBackgroundColor,\r\n height: 30,\r\n padding: '8px 8px',\r\n fontWeight: 'bold',\r\n overflow: 'hidden',\r\n};\r\n\r\nconst styles = {\r\n maxLimitContainer: {\r\n paddingBottom: '8px',\r\n paddingLeft: '8px',\r\n clear: 'both',\r\n color: 'red',\r\n },\r\n doubleList: {\r\n width: 832,\r\n height: sharedBasicStyle.doubleListHeight,\r\n },\r\n selectorBox: {\r\n height: sharedBasicStyle.doubleListHeight,\r\n border: sharedBasicStyle.containerBorder,\r\n paddingRight: -15,\r\n '& .search-box__input-group': {\r\n position: 'relative',\r\n },\r\n '& .search-box__input': {\r\n paddingRight: '206px',\r\n },\r\n '& .blocker-global': {\r\n position: 'absolute',\r\n },\r\n '& .blocker-indicator': {\r\n position: 'absolute',\r\n top: '100px',\r\n right: '150px',\r\n },\r\n },\r\n selectorTreeNode: {\r\n padding: '3px 17px 0 0',\r\n display: 'flex',\r\n '&.disabled': {\r\n opacity: 0.5,\r\n '& .accountNode': {\r\n cursor: 'not-allowed',\r\n },\r\n },\r\n '& span': {\r\n flex: 1,\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n },\r\n '& span:nth-last-child(2)': {\r\n flex: 2,\r\n },\r\n '& span:first-child': {\r\n flex: 2,\r\n },\r\n },\r\n selectorNodeArrow: {\r\n position: 'absolute',\r\n right: '0px',\r\n fontWeight: 'bold',\r\n cursor: 'pointer',\r\n paddingRight: 5,\r\n '&.disabled': {\r\n cursor: 'not-allowed',\r\n },\r\n },\r\n selectorListNode: {\r\n padding: '3px 0 10px 10px',\r\n },\r\n addAll: {\r\n cursor: 'pointer',\r\n padding: '8px 0',\r\n },\r\n addAllText: {\r\n color: sharedBasicStyle.bingColor,\r\n },\r\n\r\n selectorAccountContainerHeader: headerStyle,\r\n selectorCampaignContainerHeader: headerStyle,\r\n selectorBoxHeader: headerStyle,\r\n searchListHeader: {\r\n display: 'flex',\r\n paddingRight: '16px',\r\n paddingBottom: '2px',\r\n marginTop: '5px',\r\n color: '#333',\r\n fontWeight: 'bold',\r\n borderBottom: '1px solid lightgray',\r\n '& span': {\r\n flex: 1,\r\n },\r\n '& span:last-child': {\r\n flex: 2,\r\n },\r\n '& span:first-child': {\r\n flex: 2,\r\n },\r\n },\r\n selectorDrillUpButton: {\r\n cursor: 'pointer',\r\n margin: '0 5px 0 0',\r\n },\r\n clearIcon: {\r\n position: 'absolute',\r\n right: '49px',\r\n top: '47px',\r\n },\r\n selectorNodeOverflowSafeText: {\r\n maxWidth: '90%',\r\n display: 'inline-block',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n },\r\n selectorAccountNodeText: {\r\n color: '#007daa',\r\n cursor: 'pointer',\r\n },\r\n selectedNodeArrow: {\r\n color: '#aaa',\r\n },\r\n accountNodeSelectedText: {\r\n color: 'gray',\r\n cursor: 'pointer',\r\n },\r\n resultListBox: {\r\n border: sharedBasicStyle.containerBorder,\r\n height: sharedBasicStyle.doubleListHeight,\r\n padding: '0px !important',\r\n },\r\n resultListHeader: headerStyle,\r\n resultListItemArrow: {\r\n float: 'left',\r\n padding: '0 10px',\r\n cursor: 'pointer',\r\n },\r\n resultList: {\r\n paddingTop: 3,\r\n height: sharedBasicStyle.resultListHeight,\r\n overflow: 'auto',\r\n },\r\n resultListItem: {\r\n padding: '0 10px',\r\n paddingBottom: 10,\r\n },\r\n resultListItemContent: {\r\n padding: '5px 0',\r\n backgroundColor: '#e7f0f6',\r\n border: '1px solid #00719a',\r\n },\r\n resultParentChainItem: {\r\n display: 'inline-block',\r\n position: 'relative',\r\n paddingRight: '10px',\r\n paddingLeft: '3px',\r\n verticalAlign: 'top',\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n },\r\n parentArrow: {\r\n position: 'absolute',\r\n right: '0',\r\n },\r\n itemName: {\r\n paddingLeft: '3px',\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n },\r\n accountParent: {\r\n position: 'relative',\r\n paddingLeft: '3px',\r\n paddingRight: '10px',\r\n display: 'inline-block',\r\n verticalAlign: 'top',\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n },\r\n removeAll: {\r\n cursor: 'pointer',\r\n padding: '15px 10px 10px 10px',\r\n padidngTop: 15,\r\n },\r\n removeAllText: {\r\n color: sharedBasicStyle.bingColor,\r\n },\r\n hidden: {\r\n display: 'none',\r\n },\r\n scopeSelector: {\r\n position: 'absolute',\r\n width: '155px',\r\n right: '70px',\r\n top: '41px',\r\n },\r\n};\r\n\r\nconst { classes } = jss.createStyleSheet(styles as any).attach();\r\nexport default classes;\r\nexport const getStyle = function (components: any, core: any) {\r\n if (!core.isUIVnext) {\r\n return styles;\r\n }\r\n return {\r\n ...styles,\r\n doubleList: _.extend(styles.doubleList, {\r\n height: '475px',\r\n }),\r\n selectorBox: _.extend(styles.selectorBox, {\r\n height: '475px',\r\n '& .search-box__icon': {\r\n '&:focus': {\r\n outline: 'none',\r\n },\r\n fontFamily: 'MsAds MDL2 Assets',\r\n position: 'absolute',\r\n top: '6px',\r\n right: '13px',\r\n '&:before': {\r\n content: '\"\\\\E721\"',\r\n },\r\n },\r\n '& .search-box__input': {\r\n paddingRight: '219px',\r\n fontSize: '13px',\r\n },\r\n }),\r\n selectorBoxHeader: _.extend(styles.selectorBoxHeader, {\r\n height: 'auto',\r\n }),\r\n selectorCampaignContainerHeader: _.extend(styles.selectorCampaignContainerHeader, {\r\n height: 'auto',\r\n }),\r\n resultListBox: _.extend(styles.resultListBox, {\r\n height: '475px',\r\n }),\r\n resultList: _.extend(styles.resultList, {\r\n height: '385px',\r\n }),\r\n resultListHeader: _.extend(styles.resultListHeader, {\r\n height: 'auto',\r\n }),\r\n clearIcon: _.extend(styles.clearIcon, {\r\n top: '53px',\r\n right: '61px',\r\n fontSize: '16px',\r\n fontFamily: 'MsAds MDL2 Assets',\r\n color: '#605e5c',\r\n cursor: 'pointer',\r\n '&:before': {\r\n content: '\"\\\\E711\"',\r\n },\r\n }),\r\n selectorListNode: _.extend(styles.selectorListNode, {\r\n '& .glyph-shift-right': {\r\n fontFamily: 'MsAds MDL2 Assets',\r\n '&:before': {\r\n content: '\"\\\\EDBF\"',\r\n },\r\n },\r\n }),\r\n resultListItemArrow: _.extend(styles.resultListItemArrow, {\r\n height: '25px',\r\n }),\r\n scopeSelector: _.extend(styles.scopeSelector, {\r\n right: '87px',\r\n top: '48px',\r\n }),\r\n radioArea: {\r\n '& .row': {\r\n marginBottom: '20px',\r\n },\r\n '& .radio label': {\r\n paddingLeft: '25px !important',\r\n },\r\n '& .radio label > input[type=radio]': {\r\n marginLeft: '-25px !important',\r\n },\r\n },\r\n selectorList: {\r\n height: '100px',\r\n },\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport _ from 'underscore';\r\nimport { Glyphicon } from '@bingads-webui-react/primitive';\r\n\r\ninterface IGlyphiconWrapperProps {\r\n // eslint-disable-next-line react/no-unused-prop-types\r\n env?: 'demo' | 'prod';\r\n glyph: string;\r\n baIcon: boolean;\r\n isUINext?: boolean;\r\n}\r\n\r\n\r\nconst getNextIcon = (glyph: string) => {\r\n return _.result({\r\n 'shift-left': 'ba-DoubleChevronLeft',\r\n 'shift-right': 'ba-DoubleChevronRight',\r\n }, glyph, '');\r\n};\r\n\r\nexport class GlyphiconWrapper extends Component {\r\n static defaultProps = {\r\n env: 'demo',\r\n isUINext: false,\r\n };\r\n\r\n render() {\r\n const ajustStyle = {\r\n display: 'inline-block',\r\n verticalAlign: '-1px',\r\n margin: '0, 5px',\r\n };\r\n\r\n if (this.props.isUINext) {\r\n return \r\n {\r\n if (option.disabled) {\r\n return;\r\n }\r\n\r\n if (option.optionType === AccountCampaignOptionType.account && !store.state.forceAccountScope && !isInternalSearch) {\r\n const expandableOption = option as SelectorExpandableOption;\r\n store.drillDown(expandableOption);\r\n }\r\n }}\r\n className={`${selectorNodeText} ${option.optionType === AccountCampaignOptionType.account ? 'accountNode' : 'customerNode'}`}\r\n title={option.name}\r\n data-id={option.id}\r\n >\r\n {option.name} {\r\n (option.extra && option.extra.status && option.optionType === AccountCampaignOptionType.account) ?\r\n `(${i18n.getString(statusMap[option.extra.status])})` : ''\r\n }\r\n \r\n {\r\n lastColumnInfo ?\r\n \r\n {option.id} \r\n {lastColumnInfo} \r\n \r\n : null\r\n }\r\n { {\r\n if (option.disabled) {\r\n return;\r\n }\r\n ops.onAdd(option);\r\n }}\r\n className={`${classes.selectorNodeArrow} ${selectedNodeArrow} selectorNodeArrow ${option.disabled ? 'disabled' : 'enabled'}`}\r\n >\r\n
\r\n );\r\n };\r\n\r\n const renderCampaignSelectorNode = (\r\n option: SelectorOption,\r\n ops: IRenderSelectorNodeOps,\r\n config: ISelectorContainerConfig,\r\n i18n: Ii18n,\r\n classes: ClassNames\r\n ) => {\r\n let selectedNodeArrow = '';\r\n\r\n if (option.isSelected) {\r\n selectedNodeArrow = classes.selectedNodeArrow;\r\n }\r\n\r\n return (\r\n \r\n \r\n {option.name} {\r\n (option.extra && option.extra.status) ?\r\n `(${i18n.getString(statusMap[option.extra.status])})` : ''\r\n }\r\n \r\n {\r\n ops.onAdd(option);\r\n }}\r\n className={`${classes.selectorNodeArrow} ${selectedNodeArrow} selectorNodeArrow`}\r\n >\r\n
\r\n );\r\n };\r\n\r\n const renderAccountSelectorHeader = (\r\n option: SelectorOption,\r\n ops: IRenderSelectorNodeOps,\r\n config: ISelectorContainerConfig,\r\n i18n: Ii18n,\r\n classes: ClassNames,\r\n hideAccountNodeArrow: boolean = false\r\n ) => {\r\n let headerStr = hideAccountNodeArrow ? i18n.getString(_TL_('All accounts')) : i18n.getString(_TL_('All manager accounts and accounts'));\r\n if (store.state.scopeFilterLevel === ScopeFilterLevelType.Customer) {\r\n headerStr = i18n.getString(_TL_('All manager accounts'));\r\n }\r\n\r\n return (\r\n \r\n
ops.onAdd(option)} className={`${classes.addAll}`}>\r\n {i18n.getString(_TL_('Add all'))} {' '}\r\n
\r\n
{headerStr}
\r\n {\r\n store.state.isOnApiSearch && store.state.isInternalReport && option.children.length > 0 ?\r\n
\r\n {\r\n option.children[0].optionType === AccountCampaignOptionType.account ?\r\n \r\n {i18n.getString(_TL_('Account name'))} \r\n {i18n.getString(_TL_('AID'))} \r\n {i18n.getString(_TL_('Manager account name'))} \r\n :\r\n \r\n {i18n.getString(_TL_('Manager account name'))} \r\n {i18n.getString(_TL_('CID'))} \r\n {i18n.getString(_TL_('Service level'))} \r\n \r\n }\r\n
\r\n : null\r\n }\r\n
\r\n
ops.onAdd(option)} className={classes.addAll} tabIndex={0}>\r\n {i18n.getString('Add all')} {' '}\r\n
\r\n
\r\n {\r\n !showCampaignsWithinCurrentAccount &&\r\n \r\n \r\n }\r\n {\r\n showCampaignsWithinCurrentAccount ?\r\n i18n.getString(_TL_('Campaigns for current account')) :\r\n `${i18n.getString(_TL_('Campaigns for'))} ${option.name}`\r\n }\r\n
\r\n
{\r\n // eslint-disable-next-line react/sort-comp\r\n render() {\r\n const { i18n } = this.props;\r\n const classes = this.props.classNames;\r\n const isUIVnext = this.props.isReportingUIPhaseNext;\r\n let { selected } = this.props;\r\n if (selected.length === 1 && selected[0] instanceof SelectorRootOption) {\r\n selected = selected[0].children;\r\n }\r\n\r\n selected = [...selected];\r\n return (\r\n \r\n
{i18n.getString(_TL_('Selected items'))}
\r\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, jsx-a11y/no-noninteractive-tabindex */}\r\n
\r\n {i18n.getString(_TL_('Remove all'))} \r\n
\r\n
\r\n {selected.reverse().map(option => this.renderResultNode(option, i18n, classes, isUIVnext))}\r\n
\r\n
\r\n
\r\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, jsx-a11y/no-noninteractive-tabindex */}\r\n
this.props.onRemove(option)}>\r\n \r\n {this.renderParentChain(option, classes)}\r\n
\r\n {option.name} {\r\n (option.extra && option.optionType === AccountCampaignOptionType.account) ?\r\n `(${i18n.getString(statusMap[option.extra.status])})` : ''\r\n }\r\n
\r\n
\r\n
\r\n {/* eslint-disable-next-line @typescript-eslint/no-shadow */}\r\n {parentChain.map((option) => {\r\n if (option.optionType === AccountCampaignOptionType.account) {\r\n return (\r\n \r\n {option.name}\r\n > \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n {option.name}\r\n > \r\n \r\n \r\n );\r\n })}\r\n \r\n );\r\n }\r\n}\r\n","import { SearchBox } from '@bingads-webui-react/search-box';\r\nimport { Select } from '@bingads-webui-react/primitive';\r\nimport React, { Component } from 'react';\r\nimport { ISelectorBoxProps } from '../double-list';\r\nimport { ScopeSelectorLevelType, ScopeFilterLevelType } from './account-campaign-selector.types';\r\n\r\nexport default class AccountCampaignSelectorBox extends Component {\r\n onSearch = async (newValue: any) => {\r\n const serachText = newValue.trim();\r\n if (this.props.selectorBoxConfig.containerKey === 'campaign') {\r\n this.props.selectorBoxConfig.onSearchCampaign(serachText);\r\n } else {\r\n this.props.selectorBoxConfig.onSearchCustomerAccount(serachText);\r\n }\r\n };\r\n\r\n onQueryChange = (newValue: any) => {\r\n if (this.props.selectorBoxConfig.containerKey === 'campaign') {\r\n this.props.selectorBoxConfig.onQueryCampaignChange(newValue);\r\n } else {\r\n this.props.selectorBoxConfig.onQueryCustomerAccountChange(newValue);\r\n }\r\n };\r\n\r\n onClearSearch = () => {\r\n if (this.props.selectorBoxConfig.containerKey === 'campaign') {\r\n this.props.selectorBoxConfig.onClearSearchCampaign();\r\n } else {\r\n this.props.selectorBoxConfig.onClearSearchCustomerAccount();\r\n }\r\n };\r\n\r\n onSelect = (event: any) => {\r\n this.props.selectorBoxConfig.onSelectScopeLevel(event.target.value)\r\n }\r\n\r\n getPlaceholder = () => {\r\n const {\r\n i18n,\r\n selectorBoxConfig: {\r\n isInternalReport,\r\n scopeFilterLevel,\r\n scopeSelectorLevel,\r\n containerKey,\r\n },\r\n } = this.props\r\n let placeholder = '';\r\n if (containerKey === 'campaign') {\r\n placeholder = i18n.getString(_TL_('Search campaign'));\r\n return placeholder;\r\n }\r\n\r\n if (isInternalReport) {\r\n placeholder = scopeSelectorLevel === ScopeSelectorLevelType.Customer ?\r\n i18n.getString(_TL_('Search manager account')) : `${i18n.getString(_TL_('Search account'))} (${i18n.getString(_TL_('3 to 1000 characters'))})`\r\n return placeholder;\r\n }\r\n\r\n placeholder = scopeFilterLevel === ScopeFilterLevelType.Customer ?\r\n i18n.getString(_TL_('Search manager account')) : i18n.getString(_TL_('Search manager account, account'));\r\n return placeholder;\r\n }\r\n render() {\r\n const {\r\n i18n,\r\n selectorBoxConfig: {\r\n isInternalReport,\r\n scopeFilterLevel,\r\n scopeSelectorLevel,\r\n customerAccountSearchStr,\r\n campaignSearchStr,\r\n containerKey,\r\n },\r\n hideAccountSearchBar,\r\n classNames,\r\n rootOption,\r\n } = this.props\r\n\r\n const value = containerKey === 'campaign' ?\r\n campaignSearchStr : customerAccountSearchStr\r\n\r\n const showSearchBar = !(hideAccountSearchBar && rootOption.containerKey === 'customerAccount');\r\n return (\r\n \r\n
{i18n.getString(_TL_('Available items'))}
\r\n
\r\n { showSearchBar && \r\n \r\n \r\n {i18n.getString(_TL_('Manager Accounts'))}\r\n \r\n \r\n {i18n.getString(_TL_('Accounts'))}\r\n \r\n \r\n
:\r\n null\r\n }\r\n {this.props.children}
\r\n , CampaignsResult>(\r\n `/Customers(${customerId})/Accounts(${accountId})/Campaigns`,\r\n {\r\n headers: {\r\n 'x-ms-lastwritetime': 'Max',\r\n },\r\n data: {\r\n $top: 10000000, // FixMe: We should not pass this param, but the API still need this one\r\n $count: true,\r\n $select: 'Id,Name,Status',\r\n $orderby: 'Name',\r\n },\r\n oDataToken: token,\r\n host: odataURI,\r\n path: '/Advertiser/V2',\r\n }\r\n )).value;\r\n}\r\n\r\nfunction fetchSelectedScopeFilters() {\r\n const global = (window as any);\r\n if (global.reporting && global.reporting.accountTree && global.reporting.accountTree.selectedScopeFilters) {\r\n return global.reporting.accountTree.selectedScopeFilters;\r\n }\r\n return [];\r\n}\r\n\r\nexport async function fetchDefaultSelectedOptions(store: AccountCampaignDataStore) {\r\n const filters = fetchSelectedScopeFilters();\r\n // eslint-disable-next-line no-return-await\r\n return await buildDefaultSelectedOptions(filters, store);\r\n}\r\n\r\nexport async function buildDefaultSelectedOptions(filters: IFilter[], store: AccountCampaignDataStore) {\r\n const selectedOptions: SelectorOption[] = [];\r\n const { rootOption } = store.state;\r\n\r\n function findCustomerAndAccountFromMultiOptions(options: SelectorOption[], filter: SelectorOption): SelectorOption | null {\r\n for (let index = 0; index < options.length; index++) {\r\n const option = options[index];\r\n const res = findCustomerAndAccount(option, filter);\r\n if (res) { return res; }\r\n }\r\n return null;\r\n }\r\n\r\n function findCustomerAndAccount(option: SelectorOption, filter: SelectorOption): SelectorOption | null {\r\n let foundOption: SelectorOption | null = null;\r\n if (option.optionType === filter.optionType && option.id === filter.id) {\r\n foundOption = option;\r\n } else if (option.childFetched) {\r\n option.children.forEach((child) => {\r\n findCustomerAndAccount(child, filter);\r\n });\r\n for (let i = 0; i < option.children.length; i++) {\r\n const found = findCustomerAndAccount(option.children[i], filter);\r\n if (found != null) {\r\n foundOption = found;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return foundOption;\r\n }\r\n\r\n const campaignFilter = _.find(filters, filter => filter.FilterKey === FilterKeyType.campaign);\r\n\r\n await Promise.all(filters.map(async (filter) => {\r\n if (filter.FilterKey === FilterKeyType.customer || filter.FilterKey === FilterKeyType.account) {\r\n const optionType =\r\n filter.FilterKey === FilterKeyType.customer\r\n ? AccountCampaignOptionType.customer\r\n : AccountCampaignOptionType.account;\r\n filter.Values.forEach((v) => {\r\n const found = findCustomerAndAccountFromMultiOptions(\r\n [rootOption, ...(store.state.searchHistorySelectorOptions ?? [])],\r\n new SelectorOption(v, 'filter-unknown', { optionType })\r\n );\r\n if (found) {\r\n selectedOptions.push(found);\r\n }\r\n });\r\n }\r\n\r\n if (filter.FilterKey === FilterKeyType.undeterminedAccounts && campaignFilter) {\r\n await Promise.all(filter.Values.map(async (v) => {\r\n const foundAccount = findCustomerAndAccountFromMultiOptions(\r\n [rootOption, ...(store.state.searchHistorySelectorOptions ?? [])],\r\n new SelectorOption(v, 'filter-unknown', { optionType: AccountCampaignOptionType.account })\r\n );\r\n if (foundAccount !== null) {\r\n await store.loadCampaigns(foundAccount as SelectorExpandableOption, () => { });\r\n campaignFilter.Values.forEach((v) => {\r\n const campaignOption = _.find(foundAccount.children, child => child.id === v);\r\n if (campaignOption !== undefined) {\r\n selectedOptions.push(campaignOption);\r\n }\r\n });\r\n } else if (store.state.accountId) { // under current account scope, find selected campaigns(create similar)\r\n campaignFilter.Values.forEach((v) => {\r\n const campaignOption = _.find(store.state.rootOption.children, child => child.id === v);\r\n if (campaignOption !== undefined) {\r\n selectedOptions.push(campaignOption);\r\n }\r\n });\r\n }\r\n }));\r\n }\r\n }));\r\n\r\n const allAccountIds = rootOption.midTraverseTree().filter(o => o.optionType === AccountCampaignOptionType.account).map(o => o.id);\r\n const selectedAccountIds = selectedOptions.map(o => o.id);\r\n\r\n // If all accounts are selected, override selectedOptions\r\n if (_.isEqual(allAccountIds.sort(), selectedAccountIds.sort())) {\r\n return [];\r\n }\r\n\r\n return selectedOptions;\r\n}\r\n\r\nfunction buildCustomerAccountOptionTree(\r\n store: AccountCampaignDataStore,\r\n entities: ICustomerAccountBase[] | null | undefined,\r\n parentOption: SelectorOption\r\n) {\r\n if (entities && entities.length !== 0) {\r\n if (store.state.scopeFilterLevel === ScopeFilterLevelType.Customer) {\r\n entities.forEach((entity) => {\r\n if (entity.isCustomer) {\r\n const customer = entity as ICustomerNode;\r\n const customerOption = new SelectorOption(customer.id.toString(), customer.name, {\r\n optionType: AccountCampaignOptionType.customer,\r\n number: customer.number,\r\n unAuthorized: customer.unAuthorized,\r\n });\r\n parentOption.addChild(customerOption);\r\n buildCustomerAccountOptionTree(store, customer.children, parentOption);\r\n }\r\n });\r\n return;\r\n }\r\n\r\n entities.forEach((entity) => {\r\n if (entity.isCustomer) {\r\n const customer = entity as ICustomerNode;\r\n const customerOption = new SelectorOption(customer.id.toString(), customer.name, {\r\n optionType: AccountCampaignOptionType.customer,\r\n number: customer.number,\r\n unAuthorized: customer.unAuthorized,\r\n });\r\n parentOption.addChild(customerOption);\r\n buildCustomerAccountOptionTree(store, customer.children, customerOption);\r\n } else {\r\n const account = entity as IAccountNode;\r\n const accountOption = new SelectorExpandableOption(\r\n account.id.toString(),\r\n account.name,\r\n AccountCampaignContainerType.campaign,\r\n {\r\n optionType: AccountCampaignOptionType.account,\r\n number: account.number,\r\n }\r\n );\r\n parentOption.addChild(accountOption);\r\n }\r\n });\r\n }\r\n}\r\n\r\nasync function buildCampaignOptionList(campaigns: ICampaign[], parentOption: SelectorOption) {\r\n parentOption.resetChildren();\r\n return campaigns.forEach((campaign: ICampaign) => {\r\n const selectorOption: SelectorOption = new SelectorOption(campaign.Id.toString(), campaign.Name, {\r\n optionType: AccountCampaignOptionType.campaign,\r\n });\r\n parentOption.addChild(selectorOption);\r\n });\r\n}\r\n\r\nexport async function fetchAndBuildCustomerAccountOptionTree(store: AccountCampaignDataStore, searchTerm: string) {\r\n const {\r\n rootCustomerId: customerId,\r\n accountId,\r\n hierarchyMaxAccountLimit,\r\n scopeFilterLevel,\r\n customFetchAndBuildAccountOptionList,\r\n } = store.state;\r\n\r\n let rootOption;\r\n\r\n if ((scopeFilterLevel === ScopeFilterLevelType.Campaign) && accountId) {\r\n // In account scope, only show campaigns within current account\r\n rootOption = new SelectorRootOption(AccountCampaignContainerType.campaign, accountId, 'root', { optionType: AccountCampaignOptionType.account });\r\n rootOption.parent = new SelectorOption(customerId, 'dummy-customer');\r\n\r\n await fetchAndBuildCampaignOptionList(rootOption, store);\r\n } else {\r\n rootOption = new SelectorRootOption(AccountCampaignContainerType.customerAccount, customerId, 'root');\r\n\r\n if (customFetchAndBuildAccountOptionList) {\r\n await customFetchAndBuildAccountOptionList(rootOption);\r\n } else {\r\n const customers = await fetchCustomerHierarchy(searchTerm, hierarchyMaxAccountLimit);\r\n buildCustomerAccountOptionTree(store, customers, rootOption);\r\n }\r\n }\r\n\r\n return rootOption;\r\n}\r\n\r\nexport async function fetchAndBuildCampaignOptionList(\r\n accountOption: SelectorExpandableOption,\r\n store: AccountCampaignDataStore\r\n) {\r\n const { customFetchAndBuildCampaignOptionList } = store.state;\r\n if (customFetchAndBuildCampaignOptionList) {\r\n await customFetchAndBuildCampaignOptionList(accountOption);\r\n return accountOption;\r\n }\r\n const campaigns = await fetchCampaigns(accountOption, store);\r\n buildCampaignOptionList(campaigns, accountOption);\r\n return accountOption;\r\n}\r\n\r\nexport async function buildInitialDoubleListOptions(store: AccountCampaignDataStore) {\r\n const rootOption = await fetchAndBuildCustomerAccountOptionTree(store, '');\r\n return rootOption;\r\n}\r\n\r\n// ==================old api, will remove it when ccPilot is opened forever=====================\r\ninterface ICustomerAccountBaseOld {\r\n title: string;\r\n attr: {\r\n scope: string;\r\n tId: number;\r\n status: string;\r\n number: string;\r\n };\r\n}\r\n\r\ninterface ICustomerOld extends ICustomerAccountBaseOld {\r\n children: IAccountOld[];\r\n}\r\n\r\ninterface IAccountOld extends ICustomerAccountBaseOld { }\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nasync function fetchCustomerHierarchyOld(customerId: string, userId: string) {\r\n return await http.get('/reporting/navigationtree/treenodes', {\r\n data: {\r\n tree: 'Customers',\r\n id: 0,\r\n parentId: 0,\r\n cid: customerId,\r\n uid: userId,\r\n ReqId: generateGuid(),\r\n },\r\n contentType: 'application/x-www-form-urlencoded; charset=UTF-8',\r\n xhrFields: {\r\n withCredentials: true,\r\n },\r\n }) as ICustomerAccountBaseOld[];\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nasync function buildCustomerAccountOptionTreeOld(\r\n store: AccountCampaignDataStore,\r\n entities: ICustomerAccountBaseOld[] | null | undefined,\r\n parentOption: SelectorOption\r\n) {\r\n if (entities && entities.length !== 0) {\r\n if (store.state.scopeFilterLevel === ScopeFilterLevelType.Customer) {\r\n entities.forEach((entity) => {\r\n if (entity.attr.scope === 'Customers') {\r\n const customer = entity as ICustomerOld;\r\n const customerOption = new SelectorOption(customer.attr.tId.toString(), customer.title, {\r\n optionType: AccountCampaignOptionType.customer,\r\n number: customer.attr.number,\r\n });\r\n parentOption.addChild(customerOption);\r\n buildCustomerAccountOptionTreeOld(store, customer.children, parentOption);\r\n }\r\n });\r\n return;\r\n }\r\n\r\n const sortedEntites =\r\n _.sortBy(\r\n _.filter(entities, entity => entity.attr.scope !== 'Customers'),\r\n account => account.attr.status\r\n )\r\n .concat(_.filter(entities, entity => entity.attr.scope === 'Customers'));\r\n\r\n sortedEntites.forEach((entity) => {\r\n if (entity.attr.scope === 'Customers') {\r\n const customer = entity as ICustomerOld;\r\n const customerOption = new SelectorOption(customer.attr.tId.toString(), customer.title, {\r\n optionType: AccountCampaignOptionType.customer,\r\n number: customer.attr.number,\r\n });\r\n parentOption.addChild(customerOption);\r\n buildCustomerAccountOptionTreeOld(store, customer.children, customerOption);\r\n } else {\r\n const account = entity as IAccountOld;\r\n const accountOption = new SelectorExpandableOption(\r\n account.attr.tId.toString(),\r\n account.title,\r\n AccountCampaignContainerType.campaign,\r\n {\r\n optionType: AccountCampaignOptionType.account,\r\n number: account.attr.number,\r\n extra: {\r\n status: account.attr.status,\r\n },\r\n }\r\n );\r\n parentOption.addChild(accountOption);\r\n }\r\n });\r\n }\r\n}\r\n\r\n\r\nexport async function fetchAndBuildSearchCustomerList(store: AccountCampaignDataStore, searchText: string) {\r\n const customerId = store.state.rootCustomerId;\r\n const { userId } = store.state;\r\n\r\n const rootOption = new SelectorRootOption(AccountCampaignContainerType.customerAccount, customerId, 'root');\r\n const searchCustomers = await fetchSearchCustomerList(store, customerId, userId, searchText);\r\n buildSearchCustomerList(searchCustomers, rootOption);\r\n\r\n return rootOption;\r\n}\r\n\r\nfunction buildSearchCustomerList(\r\n customers: ISearchCustomer[] | null | undefined,\r\n parentOption: SelectorOption\r\n) {\r\n if (customers && customers.length !== 0) {\r\n _.forEach(customers, (customer) => {\r\n const customerOption = new SelectorOption(\r\n customer.advertiserCustomerId.toString(),\r\n customer.advertiserCustomerName,\r\n {\r\n optionType: AccountCampaignOptionType.customer,\r\n number: '',\r\n extra: {\r\n serviceLevel: customer.serviceLevel,\r\n },\r\n }\r\n );\r\n parentOption.addChild(customerOption);\r\n });\r\n }\r\n}\r\n\r\nasync function fetchSearchCustomerList(store: AccountCampaignDataStore, customerId: string, userId: string, searchText: string) {\r\n store.setState({\r\n isLoading: true,\r\n });\r\n return await http.get('/reporting/navigationtree/SearchCustomers', {\r\n data: {\r\n cid: customerId,\r\n uid: userId,\r\n searchText,\r\n ReqId: generateGuid(),\r\n },\r\n xhrFields: {\r\n withCredentials: true,\r\n },\r\n }).finally(() => {\r\n store.setState({\r\n isLoading: false,\r\n });\r\n }) as ISearchCustomer[];\r\n}\r\n\r\nexport async function fetchAndBuildSearchAccountList(store: AccountCampaignDataStore, searchText: string) {\r\n const customerId = store.state.rootCustomerId;\r\n const { userId } = store.state;\r\n\r\n const rootOption = new SelectorRootOption(AccountCampaignContainerType.customerAccount, customerId, 'root');\r\n const searchAccounts = await fetchSearchAccountList(store, customerId, userId, searchText);\r\n buildSearchAccountList(searchAccounts, rootOption);\r\n\r\n return rootOption;\r\n}\r\n\r\nfunction buildSearchAccountList(\r\n accounts: ISearchAccount[] | null | undefined,\r\n parentOption: SelectorOption\r\n) {\r\n if (accounts && accounts.length !== 0) {\r\n _.sortBy(accounts, account => account.status)\r\n .forEach((account) => {\r\n const accountOption = new SelectorExpandableOption(\r\n account.accountId.toString(),\r\n account.accountName,\r\n AccountCampaignContainerType.campaign,\r\n {\r\n optionType: AccountCampaignOptionType.account,\r\n extra: {\r\n status: account.status,\r\n advertiserCustomerName: account.advertiserCustomerName,\r\n },\r\n }\r\n );\r\n parentOption.addChild(accountOption);\r\n });\r\n }\r\n}\r\n\r\nasync function fetchSearchAccountList(store: AccountCampaignDataStore, customerId: string, userId: string, searchText: string) {\r\n store.setState({\r\n isLoading: true,\r\n });\r\n return await http.get('/reporting/navigationtree/SearchAccounts', {\r\n data: {\r\n cid: customerId,\r\n uid: userId,\r\n searchText,\r\n ReqId: generateGuid(),\r\n },\r\n xhrFields: {\r\n withCredentials: true,\r\n },\r\n }).finally(() => {\r\n store.setState({\r\n isLoading: false,\r\n });\r\n }) as ISearchAccount[];\r\n}\r\n","/* eslint-disable no-restricted-globals */\r\nimport _ from 'underscore';\r\nimport { StateStore } from '@bingads-webui/state-store';\r\nimport { SelectorRootOption, SelectorOption, SelectorExpandableOption } from '../../double-list';\r\nimport {\r\n AccountCampaignContainerType,\r\n IFeaturePilots,\r\n AccountCampaignOptionType,\r\n IFilter,\r\n FilterKeyType,\r\n CampaignReportScopeType,\r\n RdsSelected,\r\n ScopeFilterLevelType,\r\n ScopeSelectorLevelType,\r\n} from '../account-campaign-selector.types';\r\n\r\nimport {\r\n fetchAndBuildCustomerAccountOptionTree,\r\n fetchAndBuildCampaignOptionList,\r\n buildInitialDoubleListOptions,\r\n fetchDefaultSelectedOptions,\r\n buildDefaultSelectedOptions,\r\n fetchAndBuildSearchAccountList,\r\n fetchAndBuildSearchCustomerList,\r\n} from './account-campaign-data-processor';\r\n\r\ninterface IStateType {\r\n rootOption: SelectorRootOption;\r\n searchRootOption: SelectorRootOption;\r\n initRootOption: SelectorRootOption;\r\n loading: boolean;\r\n defaultCampaignParentOption: null | SelectorOption;\r\n searchTerm: string,\r\n campaignSearchStr: string,\r\n customerAccountSearchStr: string,\r\n isOnApiSearch: boolean;\r\n isCreateSimilar: boolean;\r\n defaultSelectedOption: SelectorOption[];\r\n rootCustomerId: string;\r\n userId: string;\r\n accountId: string;\r\n isLoading: boolean;\r\n /**\r\n * This is for initialize, when opening account selector, selected items will be filtered by knowning SelectorOptions.\r\n * However, default knowning SelectorOptions might not contain search ones, so we must store the search history results.\r\n * And then pass it when next time open the component.\r\n */\r\n searchHistorySelectorOptions?: SelectorOption[];\r\n\r\n // page level params\r\n ccBaseUrl: string;\r\n token: string;\r\n odataURI: string;\r\n featurePilots: {\r\n IsReportingUINewDesignEnabled: boolean;\r\n };\r\n forceAccountScope: boolean;\r\n scopeFilterLevel: string;\r\n isInternalReport: boolean;\r\n isReportingUIPhaseNext: boolean;\r\n scopeSelectorLevel: string;\r\n maxAccountLimit: number;\r\n hierarchyMaxAccountLimit: number;\r\n isBeyondAccountLimit: boolean;\r\n refresh: number;\r\n customFetchAndBuildCampaignOptionList?: (rootOption: SelectorExpandableOption) => Promise;\r\n customFetchAndBuildAccountOptionList?: (rootOption: SelectorExpandableOption) => Promise;\r\n}\r\n\r\nexport class AccountCampaignDataStore extends StateStore {\r\n constructor() {\r\n const defaultState = {\r\n // component level params\r\n rootOption: new SelectorRootOption(AccountCampaignContainerType.customerAccount),\r\n searchRootOption: new SelectorRootOption(AccountCampaignContainerType.customerAccount),\r\n initRootOption: new SelectorRootOption(AccountCampaignContainerType.customerAccount),\r\n loading: true,\r\n defaultCampaignParentOption: null,\r\n searchTerm: '',\r\n campaignSearchStr: '',\r\n customerAccountSearchStr: '',\r\n isOnApiSearch: false,\r\n isCreateSimilar: false,\r\n // eslint-disable-next-line no-array-constructor\r\n defaultSelectedOption: new Array(),\r\n rootCustomerId: '',\r\n userId: '',\r\n accountId: '',\r\n isLoading: false,\r\n\r\n // page level params\r\n ccBaseUrl: '',\r\n token: '',\r\n odataURI: '',\r\n featurePilots: {\r\n IsReportingUINewDesignEnabled: false,\r\n },\r\n forceAccountScope: false,\r\n scopeFilterLevel: '',\r\n isInternalReport: false,\r\n isReportingUIPhaseNext: false,\r\n scopeSelectorLevel: ScopeSelectorLevelType.Customer,\r\n maxAccountLimit: 2000,\r\n hierarchyMaxAccountLimit: 1000,\r\n isBeyondAccountLimit: false,\r\n // refresh control\r\n refresh: 0,\r\n };\r\n super(defaultState);\r\n }\r\n\r\n initialSetUp = async (\r\n odataURI: string,\r\n token: string,\r\n ccBaseUrl: string,\r\n customerId: string,\r\n userId: string,\r\n accountId: string | undefined,\r\n featurePilots: IFeaturePilots,\r\n isCreateSimilar: boolean,\r\n defaultSelected: RdsSelected,\r\n allSelected: boolean,\r\n onSelectedChange: (value: RdsSelected) => void,\r\n forceAccountScope: boolean,\r\n scopeFilterLevel: string,\r\n isInternalReport: boolean | undefined,\r\n isReportingUIPhaseNext: boolean | undefined,\r\n searchHistorySelectorOptions?: SelectorOption[],\r\n customFetchAndBuildCampaignOptionList?: (rootOption: SelectorExpandableOption) => Promise,\r\n customFetchAndBuildAccountOptionList?: (rootOption: SelectorExpandableOption) => Promise\r\n ) => {\r\n this.setState({\r\n odataURI,\r\n token,\r\n ccBaseUrl,\r\n featurePilots,\r\n isCreateSimilar,\r\n rootCustomerId: customerId,\r\n userId,\r\n accountId,\r\n forceAccountScope,\r\n scopeFilterLevel,\r\n isInternalReport,\r\n isReportingUIPhaseNext,\r\n searchHistorySelectorOptions,\r\n customFetchAndBuildCampaignOptionList,\r\n customFetchAndBuildAccountOptionList,\r\n });\r\n\r\n const rootOption = await buildInitialDoubleListOptions(this);\r\n this.setState({\r\n rootOption,\r\n initRootOption: rootOption,\r\n });\r\n\r\n if (this.countAccount(rootOption.children) >= this.state.hierarchyMaxAccountLimit) {\r\n this.setState({\r\n isBeyondAccountLimit: true,\r\n });\r\n }\r\n\r\n // Once the customer hierarchy is constructed, notify parent view\r\n onSelectedChange(this.toRdsSelected(allSelected, []));\r\n\r\n let defaultSelectedOption: SelectorOption[] = [];\r\n if (isCreateSimilar) {\r\n if (defaultSelected) {\r\n const filters = this.fromRdsSelected(defaultSelected);\r\n defaultSelectedOption = await buildDefaultSelectedOptions(filters, this);\r\n } else {\r\n defaultSelectedOption = await fetchDefaultSelectedOptions(this);\r\n }\r\n }\r\n\r\n this.setState({ defaultSelectedOption, loading: false });\r\n };\r\n\r\n countAccount = (optionList: SelectorOption[]) => {\r\n let accountNumber = 0;\r\n _.map(optionList, (option) => {\r\n if (option.optionType === 'account') {\r\n accountNumber += 1;\r\n } else if (_.isArray(option.children) && option.children.length > 0) {\r\n accountNumber += this.countAccount(option.children);\r\n }\r\n });\r\n return accountNumber;\r\n };\r\n\r\n onQueryCustomerAccountChange = (searchText: string) => {\r\n this.setState({\r\n customerAccountSearchStr: searchText,\r\n });\r\n };\r\n\r\n onQueryCampaignChange = (searchText: string) => {\r\n this.setState({\r\n campaignSearchStr: searchText,\r\n });\r\n };\r\n\r\n searchCustomerAccount = async (searchText: string) => {\r\n if (this.state.scopeFilterLevel === ScopeFilterLevelType.Customer ||\r\n (this.state.isInternalReport && this.state.scopeSelectorLevel === ScopeSelectorLevelType.Customer)\r\n ) {\r\n await this.searchCustomer(searchText);\r\n } else {\r\n await this.searchAccount(searchText);\r\n }\r\n };\r\n\r\n searchCustomer = async (searchText: string) => {\r\n if (searchText === '' || this.state.isLoading) {\r\n return;\r\n }\r\n const searchOption = await fetchAndBuildSearchCustomerList(this, searchText);\r\n const prevSearchHistorySelectorOptions = this.state.searchHistorySelectorOptions ?? [];\r\n const newSearchHistorySelectorOptions: SelectorOption[] | undefined = [...prevSearchHistorySelectorOptions, searchOption];\r\n this.setState({\r\n searchRootOption: searchOption,\r\n rootOption: searchOption,\r\n isOnApiSearch: true,\r\n searchTerm: searchText,\r\n searchHistorySelectorOptions: newSearchHistorySelectorOptions,\r\n });\r\n };\r\n\r\n searchAccount = async (searchText: string) => {\r\n if (searchText === '' || this.state.isLoading) {\r\n return;\r\n }\r\n\r\n // internal report search, internal user can sesarch all accounts\r\n if (this.state.isInternalReport) {\r\n if (searchText.length <= 2) return;\r\n const searchOption = await fetchAndBuildSearchAccountList(this, searchText);\r\n this.setState({\r\n searchRootOption: searchOption,\r\n rootOption: searchOption,\r\n isOnApiSearch: true,\r\n searchTerm: searchText,\r\n });\r\n return;\r\n }\r\n\r\n // root option has more children than maxAccountLimit\r\n if (this.state.isBeyondAccountLimit) {\r\n let searchOption = new SelectorRootOption(AccountCampaignContainerType.customerAccount);\r\n searchOption = await fetchAndBuildCustomerAccountOptionTree(this, searchText);\r\n this.setState({\r\n searchRootOption: searchOption,\r\n rootOption: searchOption,\r\n isOnApiSearch: true,\r\n searchTerm: searchText,\r\n });\r\n } else {\r\n this.setState({\r\n searchTerm: searchText,\r\n isOnApiSearch: false,\r\n });\r\n }\r\n };\r\n\r\n\r\n clearSearchCustomerAccount = () => {\r\n this.setState({\r\n rootOption: this.state.initRootOption,\r\n customerAccountSearchStr: '',\r\n searchTerm: '',\r\n isOnApiSearch: false,\r\n });\r\n };\r\n\r\n searchCampaign = (searchText: string) => {\r\n this.setState({\r\n searchTerm: searchText,\r\n });\r\n };\r\n\r\n clearSearchCampaign = () => {\r\n this.setState({\r\n searchTerm: '',\r\n campaignSearchStr: '',\r\n });\r\n };\r\n\r\n selectScopeLevel = (scopeLevel: string) => {\r\n this.setState({\r\n scopeSelectorLevel: scopeLevel,\r\n });\r\n };\r\n\r\n loadCampaigns = async (accountOption: SelectorExpandableOption, callback: () => void) => {\r\n await fetchAndBuildCampaignOptionList(accountOption, this);\r\n callback();\r\n };\r\n\r\n drillDown = async (accountOption: SelectorExpandableOption) => {\r\n if (!accountOption.childFetched) {\r\n await fetchAndBuildCampaignOptionList(accountOption, this);\r\n }\r\n this.setState({\r\n rootOption: accountOption as SelectorRootOption,\r\n searchTerm: '',\r\n campaignSearchStr: '',\r\n });\r\n };\r\n\r\n drillUp = () => {\r\n if (this.state.isOnApiSearch) {\r\n this.setState({\r\n rootOption: this.state.searchRootOption,\r\n searchTerm: this.state.customerAccountSearchStr,\r\n });\r\n } else {\r\n this.setState({\r\n rootOption: this.state.initRootOption,\r\n searchTerm: this.state.customerAccountSearchStr,\r\n });\r\n }\r\n };\r\n\r\n fromRdsSelected(rdsSelected: RdsSelected) {\r\n const filters = [\r\n {\r\n FilterKey: FilterKeyType.customer,\r\n Values: _.map(rdsSelected.CustomerScopes, v => String(v)),\r\n },\r\n {\r\n FilterKey: FilterKeyType.account,\r\n Values: _.map(rdsSelected.AccountIds, v => String(v)),\r\n },\r\n {\r\n FilterKey: FilterKeyType.campaign,\r\n Values: _.map(rdsSelected.CampaignReportScopes, scope => String(scope.CampaignId)),\r\n },\r\n {\r\n FilterKey: FilterKeyType.undeterminedAccounts,\r\n Values: _.map(rdsSelected.CampaignReportScopes, scope => String(scope.AccountId)),\r\n },\r\n ];\r\n\r\n return filters;\r\n }\r\n\r\n toRdsSelected(userAllSelected: boolean, userSelected: SelectorOption[]) {\r\n let selected = [];\r\n let allSelected = false;\r\n if (userAllSelected || (userSelected.length === 1 && userSelected[0] instanceof SelectorRootOption)) {\r\n // If in account scope reporting, do not split account id into campaign ids\r\n if (this.state.rootOption.optionType === AccountCampaignOptionType.account) {\r\n selected = [this.state.rootOption];\r\n } else {\r\n selected = [...this.state.rootOption.children];\r\n }\r\n allSelected = true;\r\n } else {\r\n selected = [...userSelected];\r\n allSelected = false;\r\n }\r\n\r\n const accountIds: number[] = [];\r\n const campaignReportScopes: CampaignReportScopeType[] = [];\r\n const customerScopes: number[] = [];\r\n\r\n while (selected.length > 0) {\r\n const option: SelectorOption = selected.shift()!;\r\n if (option.optionType === AccountCampaignOptionType.customer) {\r\n customerScopes.push(Number(option.id));\r\n } else if (option.optionType === AccountCampaignOptionType.account) {\r\n accountIds.push(Number(option.id));\r\n } else {\r\n campaignReportScopes.push({\r\n AccountId: Number((option.parent as SelectorOption).id),\r\n CampaignId: Number(option.id),\r\n });\r\n }\r\n }\r\n\r\n return {\r\n allSelected,\r\n AccountIds: accountIds,\r\n CustomerScopes: customerScopes,\r\n CampaignReportScopes: campaignReportScopes,\r\n };\r\n }\r\n\r\n getSelected(userAllSelected: boolean, userSelected: SelectorOption[]) {\r\n const customerFilter: IFilter = { FilterKey: FilterKeyType.customer, Values: [] };\r\n const accountFilter: IFilter = { FilterKey: FilterKeyType.account, Values: [] };\r\n const campaignFilter: IFilter = { FilterKey: FilterKeyType.campaign, Values: [] };\r\n const underminedAccountFilter: IFilter = { FilterKey: FilterKeyType.undeterminedAccounts, Values: [] };\r\n\r\n let selected = [];\r\n let allSelected = false;\r\n if (userAllSelected || (userSelected.length === 1 && userSelected[0] instanceof SelectorRootOption)) {\r\n selected = [...this.state.rootOption.children];\r\n allSelected = true;\r\n } else {\r\n selected = [...userSelected];\r\n allSelected = false;\r\n }\r\n\r\n // split customer into accounts\r\n selected.forEach((option: SelectorOption) => {\r\n if (option.optionType === AccountCampaignOptionType.customer) {\r\n customerFilter.Values.push(`${option.id}`);\r\n\r\n const childAccounts = option.midTraverseTree().filter(o => o.optionType === AccountCampaignOptionType.account);\r\n childAccounts.forEach((o) => {\r\n accountFilter.Values.push(`${o.id}`);\r\n });\r\n } else if (option.optionType === AccountCampaignOptionType.account) {\r\n accountFilter.Values.push(`${option.id}`);\r\n } else {\r\n campaignFilter.Values.push(`${option.id}`);\r\n // pop campaigns into undermined accounts\r\n underminedAccountFilter.Values.push(`${(option.parent as SelectorOption).id}`);\r\n }\r\n });\r\n\r\n return {\r\n Filters: [customerFilter, accountFilter, campaignFilter, underminedAccountFilter],\r\n allSelected,\r\n };\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport _ from 'underscore';\r\nimport { withStateStore } from '@bingads-webui/with-state-store';\r\nimport { Radio, Col, Row } from '@bingads-webui-react/primitive';\r\n// @ts-ignore\r\nimport { withPerfMarker } from '@bingads-webui/performance-marker-react-wrapper';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n// @ts-ignore\r\nimport { withCcJsData } from '@bingads-webui-cc-react/js-data-rest';\r\nimport {\r\n IAccountCampaignSelectorInternalProps,\r\n IAccountCampaignSelectorProps,\r\n ScopeFilterLevelType\r\n} from './account-campaign-selector.types';\r\nimport { ContainerConfigFactory } from './acccount-campaign-container-config';\r\nimport { DoubleList, SelectorOption } from '../double-list';\r\nimport AccountCampaignResultBox from './account-campaign-result-box';\r\nimport AccountCampaignSelectorBox from './account-campaign-selector-box';\r\nimport classes, { getStyle } from './styles';\r\nimport { AccountCampaignDataStore, setCCJsDataStore } from './account-campaign-data-store';\r\n\r\n\r\ninterface AccountCampaignSelectorInternalState {\r\n allSelected: boolean;\r\n}\r\n\r\nexport class AccountCampaignSelectorInternal extends Component<\r\n IAccountCampaignSelectorInternalProps,\r\n AccountCampaignSelectorInternalState\r\n> {\r\n selected: SelectorOption[];\r\n allSelectedCorrected: boolean = false;\r\n\r\n // a book keeper to call finishedLoading only once\r\n loaded: boolean = false;\r\n\r\n static defaultProps = {\r\n isCreateSimilar: false,\r\n allSelected: true,\r\n onSelectedChange: _.noop,\r\n classes,\r\n };\r\n\r\n constructor(props: IAccountCampaignSelectorInternalProps) {\r\n super(props);\r\n if (props.ccJsData) {\r\n setCCJsDataStore(props.ccJsData)\r\n }\r\n this.selected = [];\r\n this.state = {\r\n allSelected: this.props.allSelected,\r\n };\r\n }\r\n\r\n setAllSelected = (allSelected: boolean) => {\r\n this.setState({ allSelected });\r\n this.props.onSelectedChange(\r\n this.props.store.toRdsSelected(allSelected, this.selected),\r\n { searchHistorySelectorOptions: this.props.store.state.searchHistorySelectorOptions }\r\n );\r\n };\r\n\r\n setSelected = (selected: any) => {\r\n this.selected = selected;\r\n this.props.onSelectedChange(\r\n this.props.store.toRdsSelected(this.state.allSelected, selected),\r\n { searchHistorySelectorOptions: this.props.store.state.searchHistorySelectorOptions }\r\n );\r\n };\r\n\r\n generateBeyondAccountLimitText = (scopeFilterLevel: string) => {\r\n if (scopeFilterLevel === ScopeFilterLevelType.Account || this.props.store.state.forceAccountScope) {\r\n return this.props.i18n.getString(_TL_('There are more accounts than can be displayed. Use the search box to find a specific account.'));\r\n }\r\n // TODO: Can this.props.store.state.isBeyondAccountLimit be true for ScopeFilterLevelType.Customer?\r\n // TODO: If yes, uncomment and update text if needed\r\n // else if (scopeFilterLevel === ScopeFilterLevelType.Customer) {\r\n // return this.props.i18n.getString(_TL_('Some manager accounts cannot be displayed since they have many accounts. Use the search box to find a specific manager account.'));\r\n // }\r\n\r\n return this.props.i18n.getString(_TL_('There are more accounts and campaigns than can be displayed. Use the search box to find a specific account or campaign.'));\r\n };\r\n\r\n render() {\r\n // eslint-disable-next-line @typescript-eslint/no-shadow\r\n const { classes } = this.props;\r\n const containerMap = ContainerConfigFactory.create(this.props.store);\r\n const selectorBoxConfig =\r\n this.props.store.state.rootOption.containerKey === 'customerAccount'\r\n ? containerMap.customerAccount\r\n : containerMap.campaign;\r\n\r\n const { scopeFilterLevel } = this.props.store.state;\r\n let allStr; let\r\nspecificStr;\r\n\r\n if (this.props.store.state.forceAccountScope) {\r\n allStr = this.props.i18n.getString(_TL_('All accounts'));\r\n specificStr = this.props.i18n.getString(_TL_('Specific accounts'));\r\n } else {\r\n switch (scopeFilterLevel) {\r\n case ScopeFilterLevelType.Account:\r\n allStr = this.props.i18n.getString(_TL_('All accounts'));\r\n specificStr = this.props.i18n.getString(_TL_('Specific accounts'));\r\n break;\r\n case ScopeFilterLevelType.Customer:\r\n allStr = this.props.i18n.getString(_TL_('Current manager account'));\r\n specificStr = this.props.i18n.getString(_TL_('Specific manager accounts'));\r\n break;\r\n default:\r\n if (this.props.store.state.accountId) {\r\n allStr = this.props.i18n.getString(_TL_('All campaigns within current account'));\r\n specificStr = this.props.i18n.getString(_TL_('Specific campaigns within current account'));\r\n } else {\r\n allStr = this.props.i18n.getString(_TL_('All accounts and campaigns'));\r\n specificStr = this.props.i18n.getString(_TL_('Specific accounts and campaigns'));\r\n }\r\n }\r\n }\r\n\r\n if (!this.props.store.state.loading\r\n && !this.loaded\r\n && this.props.finishedLoading) {\r\n this.loaded = true;\r\n this.props.finishedLoading();\r\n }\r\n\r\n return !this.props.store.state.loading ? (\r\n \r\n {!this.props.hideRadioButtons &&
\r\n this.setAllSelected(true)}>\r\n {allStr}\r\n \r\n this.setAllSelected(false)}>\r\n {specificStr}\r\n \r\n \r\n
}\r\n
\r\n {\r\n this.props.store.state.isBeyondAccountLimit ?\r\n \r\n {this.generateBeyondAccountLimitText(scopeFilterLevel)}\r\n
: ''\r\n }\r\n
\r\n );\r\n }\r\n\r\n componentDidMount() {\r\n this.props.store.initialSetUp(\r\n this.props.odataURI,\r\n this.props.ccToken,\r\n this.props.ccBaseUrl,\r\n this.props.customerId,\r\n this.props.userId,\r\n this.props.accountId,\r\n this.props.featurePilots,\r\n this.props.isCreateSimilar,\r\n this.props.defaultSelected,\r\n this.props.allSelected,\r\n this.props.onSelectedChange,\r\n this.props.forceAccountScope,\r\n this.props.scopeFilterLevel,\r\n this.props.isInternalReport,\r\n this.props.isReportingUIPhaseNext,\r\n this.props.searchHistorySelectorOptions,\r\n this.props.customFetchAndBuildCampaignOptionList,\r\n this.props.customFetchAndBuildAccountOptionList\r\n );\r\n }\r\n\r\n componentDidUpdate() {\r\n this.correctDefaultAllSelected();\r\n }\r\n\r\n correctDefaultAllSelected() {\r\n const defaultSelectedOptions = this.props.store.state.defaultSelectedOption;\r\n if (defaultSelectedOptions.length > 0 && !this.allSelectedCorrected) {\r\n this.allSelectedCorrected = true;\r\n setTimeout(() => {\r\n this.setAllSelected(false);\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Transform the selected type into old api data format\r\n */\r\n getSelected() {\r\n return this.props.store.getSelected(this.state.allSelected, this.selected);\r\n }\r\n}\r\n\r\n\r\nexport const AccountCampaignSelector: any = withCcJsData(withDefaultStyles(withPerfMarker(\r\n // @ts-ignore\r\n withStateStore(AccountCampaignSelectorInternal, (() => new AccountCampaignDataStore()) as any) as any,\r\n { name: 'reporting-account-campaign-selector' }\r\n), getStyle));\r\n\r\n"],"names":["style","view","width","marginTop","marginBottom","paddingLeft","loadingContainer","height","textAlign","loadingMessage","padding","display","backgroundColor","maxWidth","minWidth","minHeight","zIndex","border","color","Loading","_ref","i18n","classes","_jsx","className","concat","children","_jsxs","role","getString","_TL_","defaultProps","Wrapped","withDefaultStyles","withI18nConsumer","components","core","isUIVnext","blockStyle","uiblockerStyle","palette","_objectSpread","_","top","icon","paddingRight","Top","panel","borderRadius","panelHeader","borderBottom","borderTopLeftRadius","borderTopRightRadius","cursor","font","fontWeight","verticalAlign","panelBody","panelTitle","fontSize","lineHeight","PanelBase","_PureComponent","props","_this","_classCallCheck","_callSuper","state","expanded","onClick","bind","_inherits","_createClass","key","value","this","setState","_this$props","helpLinkId","iconType","nextIconType","ReactPanel","id","onToggle","Heading","Glyphicon","iconStyle","glyph","Title","classNames","tabIndex","label","HelpIcon","topic","Body","collapsible","PureComponent","Wraped","baseStyle","borderTop","neutralSecondary","paddingTop","helpbuttonStyle","themePrimary","content","outline","undefined","sectionType","renderTypes","Table","Linechart","Barchart","timeGrains","i18nMap","ReportAggregation","fileFormats","FileFormatForReporting","savedTaskItemTypes","Template","CustomerTemplate","AccountTemplate","sharedTemplateTypes","isValidSaveType","taskItemType","values","contains","getSaveType","IsReportsMergeEnabled","IsInternalUser","accountScope","taskItem","ScopeFilterLevel","getScopeFilterLevel","mtScopeFilterLevel","mtEnum","partialConversionsColumns","AllConversions","Conversions","ConversionRate","AllConversionRate","LowQualityConversions","CostPerConversion","ViewThroughCostPerConversion","ViewThroughConversionRate","AllCostPerConversion","operatorToApi","$eq","$neq","$gt","$gte","$in","$lt","$lte","$contains","$containsany","$doesnotcontain","$startswith","$endswith","operatorFromApi","toApi","predicates","filterSchema","arguments","length","sharedSchema","filters","valueHandledByCaller","predicate","operatorApi","propertyValuesApi","arr","propertyName","propertySchema","propertyValueObject","operatorUi","propertyValueUi","enum","_toConsumableArray","type","split","map","x","trim","Filter","LogicalOperator","Expressions","PropertyName","Operator","Values","String","fromApi","Filters","Expression","_slicedToArray","join","Number","_defineProperty","convertPredicatesToFilters","GENERAL","COLUMN","FILTER","SETTING","ROOT","dataToApi","name","schemaName","renderType","timeGrain","timeRange","to","val","StartDate","start","EndDate","end","DateRangePreset","from","timeZone","format","accountCampaignSelector","keys","userScopes","selected","filterConvertor","includeTotalRow","options","getReportOptions","indexOf","EmailRecipients","v","scheduleThisReport","AttachFileToEmail","Cron","getApiObject","data","preview","output","sectionNode","section","node","property","Error","nodeKey","getDataObject","apiObject","identityDetails","user","customer","lcid","defaultData","ClientApplicationType","UserId","Id","CustomerId","LCID","MaxRowCount","IsDVS","AccountIds","UserScopes","CustomerScopes","CampaignReportScopes","AdGroupReportScopes","StartTime","EndTime","TimeZoneId","toLegacyTimeZone","formattedData","omitible","push","getUpdatePayload","onFailedValidation","valid","sectionData","isValid","ActionCenter","_React$Component","_len","args","Array","_key","runReport","download","_this$props$repositor","repository","createReport","queueDownload","payload","ReportData","getRunPayload","reportType","getReportType","setBlocker","mode","modeEnum","PRIVATE","SHARED","getOdataOptions","then","response","executionId","TaskItemExecutions","navigator","goto","catch","noop","finally","saveReport","updateReport","updateId","carryForward","saveReportAndRun","_this$props$repositor2","updateReportAndRun","_this2","Button","btnStyle","variant","React","withRepositoryContext","GridItem","title","titleId","isGroup","row","md","centerAlignTitle","textRight","fontFamily","paddingBottom","neutralPrimary","Grid","messages","compactMessages","alerts","msg","Alert","warning","defaultTimeRange","Hourly","HourOfDay","Daily","DayOfWeek","Weekly","Monthly","Yearly","Summary","getDefaultTimeRange","reportSchema","TimeRanges","dataLengths","getMinimumSupported","today","warningMessage","dataRetention","DataRetention","plus","days","months","RangeError","timeGrainRangeOptions","WeeklyStartingMonday","dataRetentionBlackList","getAllowedRanges","blackList","regex","getCivilDateFromString","temp","exec","CivilDate","trimDate","date2","Date","year","month","day","isCivilDateGreaterThan","titleMap","true","false","isUpdateReport","Description","description","what","why","note","GenericSelector","onChange","disabled","ariaLabelledByID","optionsJsx","Select","withValidation","RootSection","_Component","onValidate","result","setData","getValidationItemProps","reportDefinition","permissions","ValidationGroup","validationProps","schema","validationSchema","toLocaleLowerCase","customizationContent","Input","IsReportingUIReportChartsEnabled","Component","properties","required","maxLength","withPermissionContext","AccountCampaignSelector","_this$props$permissio","IsReportingUINewDesignEnabled","IsReportingUIPhaseNext","_this$props$servicesE","servicesEndpoints","odataURI","CampaignAPI","ccBaseUrl","ClientCenterUIAPI","ccToken","Token","_this$props$identityD","customerId","userId","_this$props$identityD2","account","accountId","isInternalUser","finishedLoading","isCreateSimilar","defaultSelected","scopeFilterLevel","paddingTop5","RawSelector","isReportingUIPhaseNext","featurePilots","allSelected","onSelectedChange","forceAccountScope","isInternalReport","hocs","withIdentityContext","withServicesEndpointsConsumer","withError","AdapterFactory","apply","TimeGrainSelector","schemaTimeGrains","ariaLabelledBy","allowedTimeGrains","TimeRangeSelectorBase","startDate","endDate","getFilteredRanges","getMinimumDay","getMinimumWarning","setWarning","dateFormat","putil","ianaTimeZone","toIANATimeZone","minSupportedDay","specificRanges","selectedTimeRange","selectedRangeId","allowedTimeRanges","range","rangeId","timeRangeSelector","ComparedDateRangePicker","disableCompare","displayType","relativeDropdown","selectedRange","onPickDateRanges","rangeType","isCivilDateGreaterThanEqual","toString","minDate","maxDate","areEqual","prevProps","nextProps","minSupportDay","daysAwayFromMonday","getCivilDateDayOfWeek","yesterday","sevenDaysAgo","fourteenDaysAgo","thirtyDaysAgo","thisSunday","thisMonday","thisMonthFirstDay","getCivilDateMonthStart","lastMonthlastDay","lastMonthFirstDay","lastTwoMonthlastDay","lastTwoMonthFirstDay","firstDayOfYear","with","rawRanges","englishString","localizedString","text","getTimeRanges","rangeOptions","supportedOptions","TimeRangeSelectorWithMemo","TimeRangeSelectorWithValidation","TimeRangeSelectorWithIdentityContext","TimeRangeSelectorWithStyle","float","right","left","animation","shouldShowSelector","getToday","GeneralSection","currentRange","allowedRanges","setToday","radioValues","getRadioId","item","index","radioOptions","disableTimeZoneSelector","accountCampaignSelectorLoaded","generalSetting","TimeRangeSelector","timeZones","topAlignTitle","validator","selectedItems","accountCampaignValidator","ColumnChooser","categories","legacyI18n","isSplittingSelectedArea","instrumentation","cfg","searchStr","BackboneColumnChooser","simplified","on","selectedKeys","currentActive","helpers","updateView","isSaveNameEnabled","external","BackboneInstanceWrapper","instance","setDisabledColumns","exclusionSets","exclusionMap","memo","category","option","isAvailable","resolveAvailableColumns","cloneSelected","available","unshift","filterByTimeGrain","categoryClone","forbiddenTimeGrains","configs","attributesLimit","statisticsLimit","validate","selectedColumns","columnsLimit","resultColumns","resultCategory","slice","selectedColumnsSet","forEach","ReportColumnChooser","checkValid","errorMessages","_this$state","columnChooser","ErrorMessages","Columns","pilotSets","piloted","pilotFiltered","pilotFilteredCategories","unmodifiedCategories","translatedColumns","currentLocale","getLocale","compareLocale","Intl","Collator","compare","optionClone","sort","a","b","translateColumns","sets","set","groupName","match","formatExclusionSets","ExclusionSets","rejectedColumns","isAllowed","columns","filter","filterByPilot","timeGrainFiltered","timeGrainFilteredCategories","newCategories","exclusionSetsGroups","offendingSets","exclusionSet","resolveExclusionConditions","_resolveChartsColumns","attributesSet","entry","selectedAttributes","selectedStatistics","_configs$renderType","resultCategories","_validate","_validate2","splice","resolveChartsColumns","_props$reportSchema","_props$reportSchema$M","MandateColumnSet","MissingMandatoryColumnError","matches","isMandatoryColumnMissing","component","columnChooserStyle","ComponentSettings","getColumnChooserOverrideStyle","withInstrumentation","withLegacyI18n","merge","boxShadow","margin","position","withPerfMarker","ColumnSection","inputTitleStyle","alignSelf","Frequency","_item","CronModel","changeFrequency","cronFormatter","changeHour","optionFactory","selectorName","optionObj","useIndex","frequencyContainer","frequencyTitle","radioContainer","RadioGroup","items","getItemId","getItemValue","frequency","renderItem","dayOfWeek","dayOfMonth","checked","frequencySelect","e","target","getDaysOfWeek","getDaysOfMonth","hourContainer","hour","getHoursOfDay","StyledFrequency","alignItems","marginRight","flexShrink","StartEndDate","onSelectDate","date","isShowStartDatePicker","startSelectedDate","changeStartEndDate","isShowEndDatePicker","endSelectedDate","errMessage","onKeyDown","event","keyCode","Enter","handelShowHideSingleDatePicker","setWrapperRef","wrapperRef","$","startNavigatedDate","endNavigatedDate","selectedRanges","document","addEventListener","removeEventListener","getCivilDateToday","years","startEndDate","startEndDateLabel","readOnly","formatCivilDate","skeleton","calenderWrapper","ref","SingleMonthCalendar","defaultNavigatedDate","defaultSelectedDate","navigatedDate","selectedDate","isMonthPickerEnabled","errorMsg","getUTCFullYear","getUTCMonth","getUTCDate","StyledStartEndDate","overflow","getValidator","emailList","replace","RegExp","emails","offendingEmail","email","test","ValidatedTextArea","TextArea","EmailTextArea","forceValidate","field","alwaysShowError","ReportSchedule","toCronString","setSchedule","includeReport","onValidateEmail","parse","reportSchedule","scheduleTime","changeDefaultFrequency","emailTextArea","emailTitle","emailTextAreaSub","Checkbox","attachmentTooLarge","_ref2","clear","radioAndCheckboxStyle","marginLeft","SettingSection","changedSettings","settings","Object","assign","_objectDestructuringEmpty","saveType","defaultSchedule","initSchedule","isEmailValid","onChangeVisibleToExternalUsers","newType","isChecked","newSettings","saveAs","schdule","totalRow","visibleToExternalUsers","CronFormatter","showIncludeTotalRow","disableIncludeTotalRow","hasTopMargin","reportSetting","disabledCheckbox","background","metrics","prefix","localizeTitle","FilterTitle","logUnmappedFilter","getUpperDescription","propertyKey","getPropertyPath","processProperty","rawProperty","rawKey","columnName","IsAdsGlobalizationPhase1Enabled","IsAdsGlobalizationPhase2Enabled","IsAdsGlobalizationPhase6Enabled","IsAdsGlobalizationPhase2JapanEnabled","IsAdsGlobalizationPhase9Enabled","IsAdsGlobalizationPhase9VIEnabled","IsDomesticSimplifiedChineseEnabled","localizationMap","tuples","enumValue","FilterEnum","enumToColumnEnum","localizeEnumValues","IsMultiMediaAdsEnabled","ResponsiveAd","sortBy","localized","object","addtionalParams","dataSource","get","dummy","query","queryLowerCase","toLowerCase","includes","Name","itemsDisplayLimit","MAX_SAFE_INTEGER","selectorOptions","keyMap","Selector_Filter_Placeholder","nullable","getByIds","ids","Promise","chooseType","operators","customParameters","lowerDescription","upperDescription","minimum","filterSchemaProcessor","pairs","_ref3","reject","_ref4","_ref5","_ref6","_ref7","FilterComponent","onPredicateChange","currData","whiteList","prevData","prevDataPick","currDataPick","predicateCount","predicateList","PredicateList","entitySchema","maxConditionCount","setPredicates","render","showValidationErrors","wrapped","queryToPredicates","$and","validateGoalIdFilter","goalIdPredicate","GoalIds","onQueryChange","onQueryReset","editableFilter","FilterEntity","_this$props2","predicatesToQuery","updateQuery","positionRelative","filterContainer","onApplySavedFilter","onDeleteFilters","selector","selectableFilter","isPoPEnabled","onEditableFilterUpdate","onSelectableFilterUpdate","popoverContainer","maximumPredicateLimit","disallowDuplicateFilters","FilterSection","hasFilters","FilterNew","FilterOld","originalSetData","oldData","newData","goalIdErrorMsg","filterDefaultColumnByPilot","defaultColumn","getRejectedColumns","getStyle","createReportContainer","container","actions","sla","blocker","neutralLighter","justifyContent","selectorStyle","predicateValueEditorStyle","underlineLinkStyle","elementLocator","CreateReport","onPanelClick","panelStatus","setSection","warnings","shoudBlock","blocking","setFilterSection","setGeneralSection","setRootSection","linechartDefault","barchartDefault","defaultColumns","_props$identityDetail","_props$identityDetail2","_props$identityDetail3","accountName","accountTimeZone","TimeZone","savedReportData","_props$permissions","default","pilotDefault","customerOrAccountName","formatDate","apiKey","SchemaName","fromLegacyTimeZone","allRenderTypes","RenderTypes","accountSelectorPerfMarker","creationPerfMarker","createChild","willInit","done","_identityDetails$acco","_identityDetails$acco2","UiBlocker","loadingText","blockUiContainer","blockerIndicator","Panel","Warning","HelpLink","helpId","railviewid","CreateReportStyled","CreateReportIndex","_React$PureComponent","viewName","perfMarker","logger","setupInstrumentation","general","create","fetchTaskItem","shouldReloadTaskItem","fetchTaskItemRequest","cancel","templateId","willFetchData","withLastPromise","promiseFactory","getDetailsByExecutionId","finish","TaskItem","errorCode","fail","error","getDetailsByTaskItemId","_this$props3","reportKey","reports","reportList","_this$props3$permissi","GlobalErrorView","ReportType","deprecatedReports","setting","dynamic","PartialConversions","column","willRender","getErrorMessage","NavLink","resolve","currentProps","previousProps","currentPropsPick","previousPropsPick","derivedState","_CreateReportIndex","instrumentationSchema","scenario","activity","addScenario","DefaultErrorView","withReportListContext","WrappedCreateReport","VideoMetricColumns","performance","AccountPerformanceReport","mandatory","CampaignPerformanceReport","AdGroupPerformanceReport","AdPerformanceReport","KeywordPerformanceReport","NegativeKeywordConflictReport","ShareOfVoiceReport","SearchQueryPerformanceReport","DestinationURLPerformanceReport","PublisherUsagePerformanceReport","AdDynamicTextPerformanceReport","AudiencePerformanceReport","GoalsAndFunnelsReport","ConversionPerformanceReport","UserLocationPerformanceReport","elevatedColumnsMap","AdExtensionByKeywordReport","AdExtensionByAdReport","AdExtensionDetailReport","CallDetailReport","BudgetSummaryReport","CustomerInvoiceReport","BillingStatementReport","SearchCampaignChangeHistoryReport","UserRoleChangeHistoryReport","FraudChangeHistoryReport","DSAAutoTargetPerformanceReport","DSACategoryPerformanceReport","DSASearchQueryPerformanceReport","ProductPartitionPerformanceReport","ProductPartitionUnitPerformanceReport","ProductDimensionPerformanceReport","ProductSearchQueryPerformanceReport","ProductMatchCountReport","ProductNegativeKeywordConflictReport","AgeGenderAudienceReport","ProfessionalDemographicsAudienceReport","GeographicPerformanceReport","restrictionSets","AIM","IsAIMCampaignEnabled","GoalCategory","GoalType","IsInStoreTransactionAttributionSupported","AdGroupType","IsDSAMixedModeCampaignEnabled","ViewConversions","IsViewThroughConversionEnabled","ViewThroughConversionsRevenue","IsViewThroughConversionsRevenueEnabled","ConversionValueRuleMetrics","ConvValueRules","ConversionValueRuleViewThroughMetrics","AvgPositionDeprecationPhase1","IsAvgPositionDeprecationPhase1Enabled","AvgPositionDeprecationPhase2","IsAvgPositionDeprecationPhase2Enabled","VideoMetrics","permssions","IsVideoAdsPerfMetricsEnabled","VideoMetricsV2","IsVideoAdsPerfMetricsV2Enabled","AdScenarioType","IsVerticalAdsReportingPhase1Enabled","NeighborhoodLocationType","ConversionsQualified","IsDSADynamicDescriptionPhase1Enabled","AdId","PerformanceMax","PerformanceMaxCampaigns","PerformanceMaxCampaignsPhaseTwoReporting","ReachAndFreq","ReachAndFrequency","ReachAndFreq7Day","ReachAndFrequency7Day","AdStrength","BoostPlacement","IsAmplifyEnabled","BoostPlacementReporting","defaultSets","IsManualCpmEnabled","restrictedColumnsByReport","defaultColumnsByReport","helpLinkIds","AbsoluteTopImpressionRatePercent","AbsoluteTopImpressionShareLostToBudgetPercent","AbsoluteTopImpressionShareLostToRankPercent","AbsoluteTopImpressionSharePercent","AccountId","AccountName","AccountNumber","AccountStatus","AdDescription","AdDescription2","AdDistribution","AdExtensionId","AdExtensionPropertyValue","AdExtensionType","AdExtensionTypeId","AdExtensionVersion","AdGroupCriterionId","AdGroupId","AdGroupLabels","AdGroupName","AdGroupStatus","AdLabels","AdRelevance","AdStatus","AdTitle","AdType","AgeGroup","AgencyName","AllConversionRateQualified","AllConversionsQualified","AllCostPerConversionQualified","AllReturnOnAdSpend","AllRevenue","AllRevenuePerConversion","AreaCode","AssistedClicks","AssistedConversions","AssistedImpressions","Assists","AssociationId","AssociationLevel","AssociationStatus","AttributeChanged","AudienceId","AudienceImpressionSharePercent","AudienceImpressionLostToRankPercent","AudienceImpressionLostToBudgetPercent","AudienceName","AudienceType","AverageCPC","AverageCPM","AverageCpp","AveragePosition","BaseCampaignId","BenchmarkBid","BenchmarkCtr","BidAdjustment","BidMatchType","BidStrategyType","BilledAmount","BilledAmountUSD","BillingType","BillToCustomerName","BillToCustomerNumber","BillToCountry","Brand","BudgetAssociationStatus","BudgetName","BudgetStatus","BusinessName","CPA","CTR","CampaignId","CampaignLabels","CampaignName","CampaignStatus","CampaignType","Category0","Category1","Category2","CategoryList","ChangeMadeBy","ChangeMadeTo","ChangeTotalCount","ChangedBy","City","ClickCalls","ClickSharePercent","ClickType","ClickTypeId","Clicks","CompanyName","Condition","ConflictLevel","ConflictType","ConversionRateQualified","CostPerAssist","CostPerConversionQualified","Country","CountryOfSale","County","CurrencyCode","CurrentMaxCpc","CustomLabel0","CustomLabel1","CustomLabel2","CustomLabel3","CustomLabel4","CustomParameters","CustomerName","DailySpend","DateTime","DeliveredMatchType","DestinationUrl","DeviceOS","DeviceType","DisplayUrl","DocumentNumber","DocumentType","Duration","DynamicAdTarget","DynamicAdTargetId","DynamicAdTargetStatus","ExcludeZeroClicks","EntityId","EntityName","ExactMatchImpressionSharePercent","ExpectedCtr","ExtendedCost","FeedUrl","FinalAppUrl","FinalMobileUrl","FinalUrl","FinalUrlSuffix","FirstPageBid","FullViewConversions","Gender","Goal","GoalId","GregorianDate","GTIN","Headline","HistoricalAdRelevance","HistoricalExpectedCtr","HistoricalLandingPageExperience","HistoricalQualityScore","HowChanged","ImpressionLostToAdRelevancePercent","ImpressionLostToBidPercent","ImpressionLostToBudgetPercent","ImpressionLostToExpectedCtrPercent","ImpressionLostToRankAggPercent","ImpressionLostToRankPercent","ImpressionSharePercent","Impressions","IndustryName","ItemChanged","JobFunctionName","Keyword","KeywordId","KeywordLabels","KeywordStatus","LandingPageExperience","LandingPageTitle","Language","LocalStoreCode","LocationId","LocationType","LongHeadline","LowQualityClicks","LowQualityClicksPercent","LowQualityConversionRate","LowQualityConversionsQualified","LowQualityGeneralClicks","LowQualityImpressions","LowQualityImpressionsPercent","LowQualitySophisticatedClicks","Mainline1Bid","MainlineBid","ManualCalls","MatchedProductsAtAdGroup","MatchedProductsAtCampaign","MatchedProductsAtProductGroup","MerchantProductId","MetroArea","Month","MonthToDateSpend","MonthlyBudget","MostSpecificLocation","MPN","NegativeKeyword","NegativeKeywordList","NegativeKeywordId","NegativeKeywordListId","NegativeKeywordMatchType","Neighborhood","NetAmountDue","NetRevenue","NetRevenueUSD","Network","NewValue","OfferLanguage","OldValue","Param1","Param2","Param3","PartitionType","Path1","Path2","PhoneCalls","PhoneImpressions","PostalCode","Price","PricingMethod","ProductBought","ProductBoughtTitle","ProductCategory1","ProductCategory2","ProductCategory3","ProductCategory4","ProductCategory5","ProductGroup","ProductName","ProductType1","ProductType2","ProductType3","ProductType4","ProductType5","ProximityTargetLocation","Ptr","PublisherUrl","QualityImpact","QualityScore","QuantityBought","Quarter","QueryIntentCity","QueryIntentCountry","QueryIntentCounty","QueryIntentDMA","QueryIntentLocationId","QueryIntentNeighborhood","QueryIntentPostalCode","QueryIntentState","Radius","RelativeCTR","ReturnOnAdSpend","Revenue","RevenuePerAssist","RevenuePerConversion","SalesHouse","SearchQuery","SellerName","SoldToCustomerName","SoldToCustomerNumber","SoldToCountry","Spend","State","Status","TargetingSetting","TimePeriod","StoreId","TitlePart1","TitlePart2","TitlePart3","Tool","TopImpressionRatePercent","TopImpressionShareLostToBudgetPercent","TopImpressionShareLostToRankPercent","TopImpressionSharePercent","TopVsOther","TotalClicks","TotalClicksOnAdElements","TrackingTemplate","WebsiteCoverage","Week","WeekStartingMonday","ViewThroughConversions","ViewThroughRevenue","ViewThroughCostPerConversionQualified","ViewThroughReturnOnAdSpend","ViewThroughConversionRateQualified","Year","VideoViews","ViewThroughRate","AverageCPV","TotalWatchTimeInMS","AverageWatchTimePerImpression","AverageWatchTimePerVideoView","VideoViewsAt25Percent","VideoViewsAt50Percent","VideoViewsAt75Percent","CompletedVideoViews","VideoCompletionRate","missingMandatoryColumnErrors","enumBlackList","LanguageCode","processCategory","mandatoryColumns","aggregationRestrictions","columnNames","selectOption","helpTopic","processSchema","elevatedColumns","pilotRestrictionSets","pilotDefaultSets","timeRangeOverride","missingMandatoryColumnError","rawSchema","supportedAggregations","fields","shared","filterFields","processedFilter","rawField","filterable","processFilters","fieldSchema","$schema","validCategories","columnGroups","mandatoryColumnsMap","schemaMandatory","RequiredColumns","dif","JSON","stringify","AggregationExclusion","columnKey","getAggregationRestrictions","processedColumns","processColumns","process","Shared","ColumnName","defineProperties","AccountPerformanceReportUIV1","enumerable","AccountPerformanceReport_SixWeeksUIV1","AccountPerformanceReport_TwoMonthsUIV1","AccountPerformanceReport_TwoYearsUIV1","AccountPerformanceReport_ShareOfVoiceUIV1","AdDynamicTextPerformanceReportUIV1","AdExtensionByAdReportUIV1","AdExtensionByKeywordReportUIV1","AdExtensionDetailReportUIV1","AdGroupPerformanceReportUIV1","AdPerformanceReportUIV1","AgeGenderAudienceReportUIV1","AudiencePerformanceReportUIV1","BillingStatementReportUIV1","BudgetSummaryReportUIV1","CallDetailReportUIV1","CampaignPerformanceReportUIV1","ConversionPerformanceReportUIV1","CustomerInvoiceReportUIV1","DSAAutoTargetPerformanceReportUIV1","DSACategoryPerformanceReportUIV1","DSASearchQueryPerformanceReportUIV1","DestinationURLPerformanceReportUIV1","FraudChangeHistoryReportUIV1","GeographicPerformanceReportUIV1","GoalsAndFunnelsReportUIV1","KeywordPerformanceReportUIV1","NegativeKeywordConflictReportUIV1","ProductDimensionPerformanceReportUIV1","ProductMatchCountReportUIV1","ProductNegativeKeywordConflictReportUIV1","ProductPartitionPerformanceReportUIV1","ProductPartitionUnitPerformanceReportUIV1","ProductSearchQueryPerformanceReportUIV1","ProfessionalDemographicsAudienceReportUIV1","PublisherUsagePerformanceReportUIV1","SearchCampaignChangeHistoryReportUIV1","SearchQueryPerformanceReportUIV1","ShareOfVoiceReportUIV1","UserLocationPerformanceReportUIV1","UserRoleChangeHistoryReportUIV1","AgeGenderDemographicReport","legacyKeys","validationLocalization","ColumnChooser_Header","ColumnChooser_SubHeader","ColumnChooser_AvailableColumnsHeader","ColumnChooser_SelectedColumnsHeader","ColumnChooser_SelectedColumnsHeader_TopHalf","ColumnChooser_SelectedColumnsHeader_BottomHalf","ColumnChooser_SaveColumnDescription","ColumnChooser_Apply","ColumnChooser_Cancel","ColumnChooser_Add","ColumnChooser_Added","ColumnChooser_Remove","ColumnChooser_AddAllInList","ColumnChooser_RemoveAllInList","ColumnChooser_RemoveAllSelected","ColumnChooser_NoSearchResult","ColumnChooser_Disabled","ColumnChooser_Search_Column","ColumnChooser_AddColumn","ColumnChooser_RemoveColumn","ColumnChooser_LiftColumn","ColumnChooser_MoveColumn","ColumnChooser_DropColumn","ColumnChooser_RemovedColumns","ColumnChooser_RemovedColumn","ColumnChooser_AddedColumns","ColumnChooser_AddedColumn","Filter_Operator_IN","Filter_Operator_EQ","Filter_Operator_NEQ","Filter_Operator_Contains","Filter_Operator_Not_Contains","Filter_Operator_StartsWith","Filter_Operator_EndsWith","Filter_Operator_LT","Filter_Operator_GT","Filter_Operator_LTE","Filter_Operator_GTE","Filter_Validation_EnumSelectionRequired","Filter_Validation_Common_Required","Filter_Validation_Common_Number","Filter_Validation_Common_Number_Range","Filter_Validation_Common_Integer","Filter_Validation_Common_Date","Filter_Validation_Common_Id_Count","Filter_Cannot_Have_Duplicate","Filter_Remove","Filter_PredicateList_New","Performance","Filter_Key_AriaLabel","Filter_Operator_AriaLabel","Filter_Value_AriaLabel","SelectEntityOrEntities","SelectedEntityOrEntities","Selector_LoadingText","Selector_Check_All","Filter_Selector_MoreThanLimit","NoEntityOrEntities","CronFormatter_Frequency_MonthlyTemplate","CronFormatter_Frequency_WeeklyTemplate","CronFormatter_Frequency_DailyTemplate","CronFormatter_FrequencyGrain_Runs_Daily","CronFormatter_FrequencyGrain_Runs_Monthly","CronFormatter_FrequencyGrain_Runs_Weekly","CronFormatter_FrequencyGrain_DropdownMenu_None","CronFormatter_FrequencyGrain_DropdownMenu_Daily","CronFormatter_FrequencyGrain_DropdownMenu_Monthly","CronFormatter_FrequencyGrain_DropdownMenu_Weekly","DateFilter_Option_Custom","DateFilter_Option_CustomTime","DateFilter_Option_Today","DateFilter_Option_Yesterday","DateFilter_Option_ThisWeekSunday","DateFilter_Option_ThisWeekMonday","DateFilter_Option_Last7days","DateFilter_Option_LastWeekSunday","DateFilter_Option_LastWeekMonday","DateFilter_Option_Last14Days","DateFilter_Option_ThisMonth","DateFilter_Option_LastMonth","DateFilter_Option_Last30Days","DateFilter_Option_Last3Months","DateFilter_Option_Last6Months","DateFilter_Option_TwelveMonthsToDate","DateFilter_Option_ThisYear","DateFilter_Option_LastYear","DateFilter_Option_AllTime","DateFilter_Option_PreviousPeriod","DateFilter_Option_SamePeriodLastYear","DateFilter_Option_CustomPeriod","InlineDownloadReports_Column_EmailFrequency","InlineDownloadReports_EmailAndScheduling_Frequency_None","InlineDownloadReports_EmailAndScheduling_Frequency_Daily_Template","InlineDownloadReports_EmailAndScheduling_Frequency_Weekly_Template","InlineDownloadReports_EmailAndScheduling_Frequency_Monthly_Template","InlineDownloadReports_Action_UnsubscribeMe_Failed_NotSubscribed","InlineDownloadReports_Action_UnsubscribeMe_Failed","InlineDownloadReports_Action_UnsubscribeMe_Succeeded","Grid_Edit_Cell","Grid_EditButtonText","Save","Cancel","Schema_ReportEmailRule_Property_Cron","Schema_ReportEmailRule_Property_StartTime","Schema_ReportEmailRule_Property_EndTime","InlineDownloadReports_EmailAndScheduling_SendReportTo","InlineDownloadReports_SearchUsers","InlineDownloadReports_EmailAndScheduling_Email_Me","InlineDownloadReports_EmailAndScheduling_Email_Template_Me","InlineDownloadReports_EmailAndScheduling_User","InlineDownloadReports_EmailAndScheduling_FailedToLoadUsers","InlineDownloadReports_EmailAndScheduling_AllUsers","SimpleForm_Button_Save","SimpleForm_Button_Cancel","KoSchema_String_RemainingCharactersText","KoSchema_String_ExceededCharactersText","Custom","Schema_Enum_DateRangePreset_AllTime","Schema_Enum_DateRangePreset_LastBusinessWeek","Schema_Enum_DateRangePreset_LastFourteenDays","Schema_Enum_DateRangePreset_LastMonth","Schema_Enum_DateRangePreset_LastSevenDays","Schema_Enum_DateRangePreset_LastSixMonth","Schema_Enum_DateRangePreset_LastThirtyDays","Schema_Enum_DateRangePreset_LastThreeMonth","Schema_Enum_DateRangePreset_LastWeekStartingMon","Schema_Enum_DateRangePreset_LastWeekStartingSun","Schema_Enum_DateRangePreset_LastYear","Schema_Enum_DateRangePreset_ThisMonth","Schema_Enum_DateRangePreset_ThisWeekFromMon","Schema_Enum_DateRangePreset_ThisWeekFromSun","Schema_Enum_DateRangePreset_ThisYear","Schema_Enum_DateRangePreset_Today","Schema_Enum_DateRangePreset_Yesterday","LegacyI18n","LeagacyI18nProvider","context","buildLegacyI18n","Provider","AReactComponent","Consumer","Identity","IdentityProvider","serverContext","CurrentUser","CurrentCustomer","CurrentAccount","CultureLcid","sendBatchRequest","definition","params","reqs","param","uri","odataUri","convert","action","url","odata","batch","path","processResponse","getCommonOptions","_ref$ajaxOptions","ajaxOptions","urlParameters","host","headers","successCallback","oDataToken","success","attributes","ODataBaseAdapter","queryParameters","odataQuery","attrs","odataCast","queryParams","convertQuery","post","isFinding","request","filterOptions","queryEntitySet","entitySet","edmRootResourceIdentifier","identifyEntitySet","edm","types","ActionType","customParameterizationFunc","navigation","parameters","cacheResponse","res","queryId","idAttribute","addProperties","obj","defineProperty","afterInject","innerOptions","injected","responseText","status","statusText","errors","raw","body","patch","delete","ODataAdapter","_ODataBaseAdapter","_queryParameters$filt","_queryParameters$wher","where","ret","_where$","restWhere","$filter","odataV4","initJsDataLight","loginType","sessionId","JsDataLight","entityName","odataURL","getODataURLWithKey","odataAdapter","defaultGetODataURLWithKey","entity","class","endpoint","source","$withKey","getOptions","update","find","afterFindAll","_objectWithoutProperties","_excluded","findAll","cid","pcid","aid","JsDataLightWithScopePath","_JsDataLight","currentMode","scopePath","getScopePath","newMode","historyQueries","ReportIds","taskItemIds","primaryKey","reactRouterHistory","location","search","window","routePrefix","init","history","qs","replaceTo","NavigatorMaintenance","withRouter","propTypes","PropTypes","isRequired","customReports","getUrl","getId","report","historyReports","isRunning","DestinationUrlPerformanceReport","FeedItemPerformanceReport","FileFormat","Csv","Csvzip","Tsv","TsvZip","Xlsx","FileFormatForInlineDownload","generalUnavalible","runUnavalible","getDeprecatedMessage","isRunReport","InvalidId","InvalidEmail","TaskSchedulingInvalid","TaskThrottlingLimitReached","RequiredColumnsNotSelected","errMsg","Today","Yesterday","LastSevenDays","LastFourteenDays","LastThirtyDays","ThisWeekFromSun","ThisWeekFromMon","LastWeekStartingSun","LastWeekStartingMon","LastFourWeeksStartingSun","LastFourWeeksStartingMon","LastSixWeeksStartingSun","LastSixWeeksStartingMon","ThisMonth","LastMonth","LastTwoMonths","LastThreeMonths","LastSixMonths","ThisYear","LastYear","LastTwoYears","AllTime","AdvertiserHotelId","AdGroupTypePreview","AdRelevanceCampaign","AdRelevanceAdGroup","AdRelevanceKeyword","AdStrengthActionItems","AdvancedBookingWindow","AvgBookedABW","AvgBookedNights","BenchmarkBidProduct","BenchmarkCtrProduct","BookedABW","BookedLengthOfStay","CallStatus","CallTypeName","CampaignHotelId","Category","CheckInDate","CheckInDateDayOfWeek","FeedLabel","CountryName","CustomLabel0Product","CustomLabel1Product","CustomLabel2Product","CustomLabel3Product","CustomLabel4Product","CustomParametersCampaign","CustomParametersAdGroup","CustomParametersKeyword","CustomParametersAd","CustomParametersProduct","DateType","DestinationUrlAd","DestinationUrlKeyword","DestinationUrlProduct","EligibleImpressions","EstimatedClickPercent","EstimatedClicks","EstimatedConversionRate","EstimatedConversions","EstimatedCtr","EstimatedImpressionPercent","EstimatedImpressions","ExpectedCtrKeyword","ExpectedCtrCampaign","ExpectedCtrAdGroup","FeedId","FeedItemId","FinalUrlSuffixCampaign","FinalUrlSuffixAdGroup","FinalUrlSuffixKeyword","FinalUrlSuffixAd","GrossReturnOnAdSpend","Genre","HistoricalAdRelevanceAdGroup","HistoricalAdRelevanceCampaign","HistoricalAdRelevanceKeyword","HistoricalExpectedCtrAdGroup","HistoricalExpectedCtrCampaign","HistoricalExpectedCtrKeyword","HistoricalLandingPageExperienceAdGroup","HistoricalLandingPageExperienceCampaign","HistoricalLandingPageExperienceKeyword","HistoricalQualityScoreAdGroup","HistoricalQualityScoreCampaign","HistoricalQualityScoreKeyword","HotelGroup","HotelGroupNodeId","HotelName","ImpressionLostToRelevancePercent","ImpressionShare","LabelName","LabelNameAccount","LabelNameCampaign","LabelNameAdGroup","LabelNameAd","LabelNameKeyword","LabelColor","LandingPageExperienceAdGroup","LandingPageExperienceCampaign","LandingPageExperienceKeyword","LengthOfStay","MissedImpressions","MissedImpressionsNoBid","MissedImpressionsInsufficientBid","MissedImpressionsSpendingCapReached","MissedImpressionsNoTax","MissedImpressionsOther","NetReturnOnAdSpend","OrderId","PartnerImpressions","QualityScoreAdGroup","QualityScoreCampaign","QualityScoreKeyword","ReturnOnAdSpendCPS","RevenueCPS","SourceHotelId","StarRating","TrackingTemplateCampaign","TrackingTemplateAdGroup","TrackingTemplateKeyword","TrackingTemplateAd","TrackingTemplateProduct","DimensionColumns","MetricColumns","TimeColumns","ChangeInAdvertiserReportedRevenuePct","ChangeInAllConvRatePct","ChangeInConversionCreditPct","ChangeInCPAPct","ChangeInFullViewAdvertiserReportedRevenuePct","ChangeInFullViewThroughConversionPct","ChangeInROASPct","ChangeInViewThroughRatePct","ChangeInVTCCPAPct","ChangeInVTCROASPct","DDAAllConvRate","DDACPA","DDAFullAdvertiserReportedRevenue","DDAFullConversionCredit","DDAFullViewAdvertiserReportedRevenue","DDAFullViewThroughConversion","DDAROAS","DDAViewThroughRate","DDAVTCCPA","DDAVTCROAS","LCAAllConvRate","LCACPA","LCAFullAdvertiserReportedRevenue","LCAFullConversionCredit","LCAFullViewAdvertiserReportedRevenue","LCAFullViewThroughConversion","LCAROAS","LCAViewThroughRate","LCAVTCCPA","LCAVTCROAS","IsMainConversionGoal","Sales","CostPerSale","RevenuePerSale","msxAdClicks","msxDeliveredCountry","msxDeliveredMarket","msxDevice","msxPageType","msxPlacementId","msxProvider","msxPublisher","msxRegion","msxServedImpressions","msxServedRevenue","msxViewedImpressions","Installs","CostPerInstall","RevenuePerInstall","AssetGroupId","AssetGroupName","AssetGroupStatus","UserCountry","SiteType","ClickShare","RevenueAdjustment","AllRevenueAdjustment","ViewThroughRevenueAdjustment","VideoStarts","VideoSkips","CPCV","CollectionId","AverageImpressionFrequencyPerUser","AverageImpressionFrequencyPerUser7Day","Reach","Downloads","PostClickDownloadRate","CostPerDownload","AppInstalls","PostClickInstallRate","CPI","Purchases","PostInstallPurchaseRate","CPP","Subscriptions","PostInstallSubscriptionRate","CPS","RevenuePerDownload","RevenuePerAppInstall","NewCustomerConversions","NewCustomerRevenue","NewCustomerConversionRate","NewCustomerCPA","NewCustomerReturnOnAdSpend","PlacementName","IOReportMonth","ChangeType","ChangeAmount","RemainingIOBudget","InsertionOrderDetails","BillingDocumentNumber","MismatchedReason","InsertionOrderId","BDAmount","MismatchedAmount","CouponAmount","BudgetChangedAmount","SpendAmount","AdjustmentAmount","BudgetChangeOldValue","BudgetChangeNewValue","SpendCouponAmount","AdjustmentCouponAmount","SearchCategory","SearchVolume","AssetId","AssetContent","AssetType","AssetSource","L1Vertical","L2Vertical","L3Vertical","SearchesIndexed","ClicksIndexed","WoWSearches","WoWClicks","MoMSearches","MoMClicks","YoYLast1WeekSearches","YoYLast1WeekClicks","YoYLast4WeeksSearches","YoYLast4WeeksClicks","SearchesPeekWeek","ClicksPeekWeek","MarketplaceClickCoverage","ProportionOfSpend","Headline1","Headline2","Headline3","Description1","Description2","Image","Logo","CombinationLongHeadline","CountryCode","Keywords","SearchQueries","safeGetString","loggedEnums","loggedFilters","initLogger","LogUnmappedEnum","filterName","reformatDate","dateStr","dateFormatter","formatter","reformatShortDate","convertDateTimeStringToCivilDate","dateTimeString","_match","availablekeys","util","getCustomerId","parseInt","getUserId","isReportRunning","shouldRefresh","promise","empty","fullfilled","isFulfilled","getMergeFilter","getUTCOffsetWithDST","reformatMediumDate","formatDateRange","ReportTime","ReportTimeZone","appendActualRange","showTimeZone","fragments","uniqueId","logUnmappedEnum","offset","getUTCOffsetWithoutDST","dummyDate","customReportQueries","templateIds","createdByUserId","detailsQueries","taskItemId","expandTaskItem","expand","createReportQueries","pathname","Type","runNow","$expand","submitEvent","KEY_CODES","handler","keyDown","constants","QUERY_LIMIT","POLL_INTERVAL","href","preventDefault","serializeError","errorStack","stack","message","Permission","PermissionProvider","ReportAlertCenterBackbone","_AlertCenter","show","level","hasIcon","dismissible","AlertCenter","getInstance","showInitialMessage","showBanner","customCssClass","showTryNewUIMessage","ReportAlertCenter","uiNextLink","IsNewUIPhaseTwoEnabled","alert","_showError","showError","initializeErrorDisplayer","displayError","txt","RepositoryContext","RepositoryDataContext","ReportRepositoryComponent","catchException","resolveDownload","err","errorMessage","localizedMessage","detailsGridDataSource","customReportGridDataSource","uid","historyGridDataSource","checkAndUpdateHistory","allReportsFinished","historyData","reportsToDownload","rdsDownloadReport","reportId","pollReport","rdsRunReport","rdsRunReportTemplate","rdsDeleteReport","rdsDeleteReportTemplate","ResultId","iframeDownload","inlineEditReport","partialTaskItem","mapper","fullTaskItem","unsubscribeMe","userEmail","Email","others","baseContext","rdsRunSingleReport","getAllAccountIds","historyExpansion","prefetchedData","History","customData","CustomReports","Locale","historyExpansionInstance","ParentCustomerId","dataContext","_ReportRepositoryComponent","ReportRepository","withRepositoryDataContext","ReportListDataFactory","initialReportsTree","providedLogger","log","reportsTree","validCatergoryIds","validCreateReportIds","TypeError","filterReports","populateCategoryIds","populateCreateReportIds","validCategoryIds","runnableReports","reportCategory","_this3","rootNode","searchAlias","IsCallMeteringAllowed","IsEnhancedShoppingCampaignAllowed","IsLinkedInTargetingEnabled","IsDynamicSearchAdsV1Enabled","cloneNodes","childNode","localizeNodes","resolveNodePaths","child","getLinkFromEnumeration","ReportList","isValidCategoryId","isValidCreateReportId","reportListData","dataFactory","fetchData","lowerCaseId","ReportListContext","ReportListServiceBase","getUsersReportsTree","leaf","ReportListServiceWithI18n","ReportListService","ServicesEndpointsContext","ServicesEndpointsProvider","ModeUpdater","scope","updateMode","withScope","ContextProviders","LegacyDepsContext","withLegacyDeps","legacyDeps","theme","blockUi","reactBlockUi","light","white","gray10","gray20","gray30","gray40","gray50","gray60","gray70","reportVnextTheme","ThemeFluent","reportingTheme","ScopeSelectorLevelType","FilterKeyType","AccountCampaignContainerType","AccountCampaignOptionType","ScopeFilterLevelType","statusMap","Active","Inactive","constructor","rest","childFetched","optionType","number","extra","unAuthorized","deepness","isSelected","visible","addChild","parent","updateDeepness","resetChildren","midTraverseTree","visitSeq","o","i","containerKey","super","childPagination","updateChildPagination","SelectorRootOption","isRoot","SelectorContainerViewType","setup","createStyleSheet","selectorContainerHidden","selectorTreeExpandIcon","attach","SelectorTree","nodes","refresh","nodeRenderer","selectorNode","renderSelectorNode","containerConfig","onAdd","onRemove","hideAccountNodeArrow","ExpandableNode","updateTypeHandlers","nodeCache","rebuildNodeTreeIncrementally","TreeView","treeViewClassNames","selectorTree","iconsClassNameMap","collapsed","lastChild","expandIconAriaLabel","buildNodeTree","buildNode","rootOption","buildNodeCache","styles","selectorTreeHeight","buildSelectorTreeStyles","containerHeight","SelectorList","selectorList","selectorListHeight","buildSelectorListStyles","visibleOptions","AutoSizer","defaultHeight","defaultWidth","List","rowCount","rowHeight","rowRenderer","rowProps","renderListNode","SelectorContainer","containerContent","containerViewType","tree","containerHeader","renderSelectorHeader","col","coordinate","isLoading","Selector","containerMap","customerAccount","campaign","confirmOptionVisiblity","Row","Col","xs","optionContainerConfig","childrenVisible","localFilter","Set","toStringFunction","setCache","element","add","remove","isEmpty","size","callback","isSubsetOf","otherSet","isSub","difference","union","toArray","utils","leftArr","rightArr","getKey","cache","DoubleList","newSelected","originSelected","unionSelected","bubbleSelected","updateSelected","unselected","removeUnselected","removeAll","buildOptionSet","selectedSet","defaultSelectedOptions","prepareDefaultSelectedOptions","refreshEnabled","SelectorBox","selectorBox","ResultBox","resultBox","doubleList","selectorBoxConfig","leftOptionList","rightOptionList","selectedOptionSetList","buildSelectedSetByDeepness","optionSet","processedSet","optionArr","j","isAncestorSelected","childrenSet","unselectedOption","removeOneUnselected","isOptionInList","optionList","defaultOptions","disableRefresh","enableRefresh","optionSetList","sharedBasicStyle","doubleListHeight","bingColor","doubleListBackgroundColor","containerBorder","containerHegiht","resultListHeight","headerStyle","maxLimitContainer","selectorTreeNode","opacity","flex","textOverflow","whiteSpace","selectorNodeArrow","selectorListNode","addAll","addAllText","selectorAccountContainerHeader","selectorCampaignContainerHeader","selectorBoxHeader","searchListHeader","selectorDrillUpButton","clearIcon","selectorNodeOverflowSafeText","selectorAccountNodeText","selectedNodeArrow","accountNodeSelectedText","resultListBox","resultListHeader","resultListItemArrow","resultList","resultListItem","resultListItemContent","resultParentChainItem","parentArrow","itemName","accountParent","padidngTop","removeAllText","hidden","scopeSelector","GlyphiconWrapper","ajustStyle","isUINext","baIcon","env","ContainerConfigFactory","store","isInternalSearch","isOnApiSearch","searchTerm","some","customerAccountContainer","scopeSelectorLevel","ops","config","selectorNodeText","lastColumnInfo","serviceLevel","advertiserCustomerName","expandableOption","drillDown","headerStr","Customer","campaignSearchStr","customerAccountSearchStr","onQueryCustomerAccountChange","onQueryCampaignChange","onSearchCustomerAccount","searchCustomerAccount","onSearchCampaign","searchCampaign","onClearSearchCampaign","clearSearchCampaign","onClearSearchCustomerAccount","clearSearchCustomerAccount","onSelectScopeLevel","selectScopeLevel","getContainerHeight","campaignContainer","list","showCampaignsWithinCurrentAccount","Campaign","drillUp","createContainerConfig","AccountCampaignResultBox","reverse","renderResultNode","renderParentChain","parentChain","parentOption","childOption","jonitParentStr","reduce","joint","AccountCampaignSelectorBox","onSearch","async","newValue","serachText","onClearSearch","onSelect","getPlaceholder","placeholder","hideAccountSearchBar","showSearchBar","SearchBox","Account","ccJsDataStore","fetchDefaultSelectedOptions","global","reporting","accountTree","selectedScopeFilters","fetchSelectedScopeFilters","buildDefaultSelectedOptions","selectedOptions","findCustomerAndAccountFromMultiOptions","findCustomerAndAccount","foundOption","found","campaignFilter","FilterKey","all","searchHistorySelectorOptions","undeterminedAccounts","foundAccount","loadCampaigns","campaignOption","allAccountIds","selectedAccountIds","buildCustomerAccountOptionTree","entities","isCustomer","customerOption","accountOption","fetchAndBuildCustomerAccountOptionTree","rootCustomerId","hierarchyMaxAccountLimit","customFetchAndBuildAccountOptionList","fetchAndBuildCampaignOptionList","customers","limit","CustomerHierarchy","returnOnlyDirectlyLinkedEntities","contentType","dataType","preProcess","xhrFields","withCredentials","fetchCustomerHierarchy","customFetchAndBuildCampaignOptionList","campaigns","token","$top","$count","$select","$orderby","fetchCampaigns","selectorOption","buildCampaignOptionList","fetchAndBuildSearchCustomerList","searchText","searchCustomers","http","ReqId","generateGuid","fetchSearchCustomerList","advertiserCustomerId","fetchAndBuildSearchAccountList","searchAccounts","fetchSearchAccountList","accounts","AccountCampaignDataStore","StateStore","searchRootOption","initRootOption","loading","defaultCampaignParentOption","defaultSelectedOption","maxAccountLimit","isBeyondAccountLimit","initialSetUp","buildInitialDoubleListOptions","countAccount","toRdsSelected","fromRdsSelected","accountNumber","searchCustomer","searchAccount","searchOption","newSearchHistorySelectorOptions","scopeLevel","rdsSelected","userAllSelected","userSelected","accountIds","campaignReportScopes","customerScopes","shift","getSelected","customerFilter","accountFilter","underminedAccountFilter","AccountCampaignSelectorInternal","ds","allSelectedCorrected","loaded","setAllSelected","setSelected","generateBeyondAccountLimitText","ccJsData","allStr","specificStr","radioArea","hideRadioButtons","sm","Radio","defaultVisibleExpandableOptionList","componentDidMount","componentDidUpdate","correctDefaultAllSelected","setTimeout","withCcJsData","withStateStore"],"sourceRoot":""}