${statusInfo}`;\r\n }\r\n\r\n function onUnblockSuccess(data) {\r\n if (data && data.RedirectUrl) {\r\n $.advertiser.redirect(data.RedirectUrl);\r\n }\r\n }\r\n\r\n function attachUnblockHandler() {\r\n $('#unblockImportLink').click(() => {\r\n // Stop polling for status\r\n clearInterval(timeOut);\r\n $.advertiser.ajaxPost({\r\n url: urls.unblockUrl,\r\n data: {\r\n importId,\r\n isFileImport,\r\n },\r\n traditional: true,\r\n onSuccess: onUnblockSuccess,\r\n });\r\n });\r\n\r\n $('#historyLink').click(() => {\r\n // Stop polling for status\r\n clearInterval(timeOut);\r\n $.advertiser.ajaxPost({\r\n url: urls.unblockUrl,\r\n data: {\r\n importId,\r\n isFileImport,\r\n },\r\n traditional: true,\r\n onSuccess: () => {\r\n window.location.href = `/Campaign/Campaigns?cid=${cid}&uid=${uid}&aid=${aid}#customer/${cid}/account/${aid}/importschedule`;\r\n },\r\n });\r\n });\r\n }\r\n\r\n function unattachUnblockHandler() {\r\n $('#unblockImportLink').unbind('click');\r\n $('#historyLink').unbind('click');\r\n }\r\n\r\n function shouldStopPolling(data) {\r\n //Do not continue to import summary when we get ImportStatus === ValidationCompleted (used for file import) for run now import via task engine\r\n //All other statuses are valid ends for a run now import, so continue to import summary/import fail.\r\n //Bug fix for 1449835: ImportStatus may return something incorrect when TaskItemExecutionStatus = PendingExecution. Do not halt polling in that scenario.\r\n let importComplete = data.Status === 'Complete' || data.Status === 'Failed' ||\r\n data.Status === 'Cancelled' || data.TaskItemExecutionStatus === 'Failed' || !!data.ErrorCode;\r\n\r\n if (isFileImport) {\r\n importComplete = importComplete || data.Status === 'ValidationCompleted';\r\n }\r\n return data.TaskItemExecutionStatus !== 'PendingExecution' && importComplete;\r\n }\r\n\r\n /* @this ImportState */\r\n function onStatusCheckSuccess(data) {\r\n if (data && !data.Errors) {\r\n if (!importId) {\r\n this.importId = importId = data.ImportId;\r\n }\r\n // Reset the counter for the failed attempts\r\n failedAttempts = 0;\r\n if (data.Status) {\r\n // Update the loading indicator with the current import status\r\n let status = statuses[data.Status];\r\n\r\n if (status && status.Text.length > 0) {\r\n $.advertiser.loadingPanel.updateText(getUnblockText(status));\r\n attachUnblockHandler();\r\n }\r\n\r\n if (shouldStopPolling(data)) {\r\n clearInterval(timeOut);\r\n unattachUnblockHandler();\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `onStatusCheckSuccess: polling finished, import status: ${data.Status}, \\\r\ntask status: ${data.TaskItemExecutionStatus}, error code: ${data.ErrorCode}, import id: ${importId}`);\r\n if (data.Status === 'Failed' || data.TaskItemExecutionStatus === 'Failed' || !!data.ErrorCode) {\r\n // Add logging for failed import status #1224009\r\n let prefix = 'ImportCampaignFailed';\r\n\r\n if (isFileImport) {\r\n prefix = `${prefix} file import`;\r\n } else {\r\n prefix = `${prefix} Google import`;\r\n }\r\n\r\n logger.logMessage([constants.LOGCATEGORY.ERROR],\r\n constants.LOGLEVEL.INFO,\r\n '/campaign/importcampaign',\r\n `${prefix}, ImportId : ${data.ImportId}`);\r\n\r\n // For scheduled import run now, we need to set the data's message in order for the import fail callback\r\n // to trigger unblocking the screen and the error message toast.\r\n data.Message = importErrorLocalizer.getLocalizedMessage(data.ErrorCode || data.FailureReason);\r\n if (_.isFunction(importFailCallback)) {\r\n importFailCallback(data);\r\n } else {\r\n this.onImportFail(data);\r\n }\r\n } else if (data.Status === 'Cancelled') {\r\n // This code path should not be hit ideally but adding safety net, otherwise UI keeps on polling for status indefinitly\r\n goBack();\r\n } else if ($.isFunction(successCallback)) {\r\n if (!isFileImport && data && data.ImportId) {\r\n getSummaryCounts.call(this, successCallback);\r\n } else {\r\n successCallback(data);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n function onStatusCheckFailure(data) {\r\n failedAttempts++;\r\n // Stop polling if there are five successive failures\r\n if (failedAttempts === MAX_FAILED_ATTEMPTS) {\r\n clearInterval(timeOut);\r\n $.advertiser.hideLoadingPanel();\r\n $.advertiser.showJsonErrors((data && data.Errors) || importErrorLocalizer.getLocalizedMessage(-1));\r\n\r\n let viewName = _activeView && _activeView.name();\r\n\r\n logger.logError('/campaign/importcampaign', `polling failed with Json errors, current view name: ${viewName}`);\r\n if (viewName === 'OptionsView') {\r\n importOptions.setDisable(true);\r\n } else if (viewName === 'SchedulingView') {\r\n scheduleForm.setErrorView();\r\n }\r\n }\r\n }\r\n\r\n function onStatusCheckComplete() {\r\n lastCallCompleted = true;\r\n }\r\n\r\n\r\n /* @this ImportState */\r\n function checkStatus() {\r\n if (lastCallCompleted) {\r\n lastCallCompleted = false;\r\n\r\n if (taskItemExecutionId) {\r\n const url = `/Customers()/Accounts()/TaskItemExecutions(${taskItemExecutionId})`;\r\n\r\n odata.get(url)\r\n .then((rawData = {}) => {\r\n if (!importId || importId === 0) {\r\n this.importId = importId = rawData.ImportId;\r\n }\r\n let obj = {\r\n Status: rawData.ImportStatus,\r\n ImportType: rawData.Type,\r\n ImportId: rawData.ImportId,\r\n TaskItemExecutionStatus: rawData.Status,\r\n ErrorCode: rawData.ErrorCode,\r\n ErrorDetail: rawData.ErrorDetail,\r\n };\r\n\r\n onStatusCheckSuccess.call(this, obj);\r\n }).catch((err) => {\r\n logException(err);\r\n onStatusCheckFailure();\r\n }).finally(() => {\r\n onStatusCheckComplete();\r\n });\r\n } else {\r\n const url = $.advertiser.setUrlParameter('importId', importId, urls.getStatusUrl);\r\n\r\n $.advertiser.ajaxGet({\r\n url,\r\n traditional: true,\r\n ignoreBeforeAjax: true,\r\n hideLoadingPanelOnSuccess: false,\r\n onSuccess: onStatusCheckSuccess.bind(this),\r\n onJsonError: onStatusCheckFailure,\r\n onAjaxComplete: onStatusCheckComplete,\r\n });\r\n }\r\n }\r\n }\r\n\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign', 'start polling');\r\n $.advertiser.showLoadingPanel();\r\n timeOut = setInterval(checkStatus.bind(this), 1000);\r\n }\r\n\r\n //This is temporarily not being used as we discovered a bug with polling import status in continue import scenarios\r\n //this way.\r\n fetchTaskItemExecutionIdAndPollStatus(successCallback) {\r\n let url = '/Customers()/Accounts()/TaskItemExecutions?%24top=1&%24count=true&%24expand=TaskItem&%24filter=TaskItem%2FType+eq+Enum.TaskItemType%27Import%27';\r\n\r\n odata.get(url).bind(this)\r\n .then((response) => {\r\n if (response && _.first(response.value) && _.first(response.value).Id) {\r\n this.pollStatus(successCallback, '', {\r\n Id: _.first(response.value).Id,\r\n });\r\n } else {\r\n showODataError();\r\n }\r\n }).catch((err) => {\r\n logException(err);\r\n showODataError();\r\n });\r\n }\r\n\r\n createImportTaskItem(data, successCallback, signupMode = false) {\r\n let url = '/Customers()/Accounts()/TaskItems?%24expand=TaskItemExecutions';\r\n\r\n $.advertiser.showLoadingPanel();\r\n odata.post(url, { data }).bind(this)\r\n .then((response) => {\r\n if (signupMode && this.isUpdatedImportUIForSignUpEnabled) {\r\n if (_.isFunction(successCallback)) {\r\n successCallback(data);\r\n }\r\n } else {\r\n this.pollStatus(successCallback, '', {\r\n Id: response.TaskItemExecutions[0].Id,\r\n });\r\n }\r\n }).catch((err) => {\r\n logger.endActivity(instrumentationSetting.ACTIVITYNAME.ExecuteImportPreviewTaskItem);\r\n logger.endActivity(instrumentationSetting.ACTIVITYNAME.ExecuteImportTaskItem);\r\n logException(err);\r\n $.advertiser.hideLoadingPanel();\r\n showODataError();\r\n });\r\n }\r\n\r\n expandView(importView) {\r\n this._activeView = importView;\r\n importView.expandView();\r\n }\r\n\r\n openActiveView() {\r\n if (!this._activeView) {\r\n return false;\r\n }\r\n\r\n let viewName = this._activeView.name();\r\n\r\n switch (viewName) {\r\n case 'AccountView':\r\n this.googleLogin.collapseView();\r\n break;\r\n case 'CampaignView':\r\n this.selectAccount.collapseView(true);\r\n break;\r\n case 'OptionsView':\r\n if (this.options.isFileImport) {\r\n this.fileUpload.collapseView();\r\n this.columnMatching.collapseView(true);\r\n } else {\r\n this.selectAccount.collapseView(true);\r\n this.selectCampaign.collapseView(true);\r\n }\r\n break;\r\n case 'ImportPreviewView':\r\n this.fileUpload.collapseView();\r\n this.columnMatching.collapseView(true);\r\n this.importOptions.collapseView(true);\r\n break;\r\n case 'ColumnMatchingView':\r\n this.fileUpload.collapseView();\r\n break;\r\n case 'SchedulingView':\r\n this.selectAccount.collapseView(true);\r\n this.selectCampaign.collapseView(true);\r\n this.importOptions.collapseView(true);\r\n break;\r\n default: break;\r\n }\r\n this.expandView(this._activeView);\r\n return true;\r\n }\r\n\r\n showErrorInGoogleLogin(msg) {\r\n if (msg) {\r\n $.advertiser.campaignImport.logoutGoogle();\r\n\r\n this.googleLogin.expandView();\r\n this.selectAccount.collapseView();\r\n this.selectCampaign.collapseView();\r\n this.importOptions.collapseView();\r\n if (this.scheduleForm) {\r\n this.scheduleForm.collapseView();\r\n }\r\n this.googleLogin.showAuthError(msg);\r\n } else {\r\n window.App.views.alertCenter.showError(i18nErrors.getString('ErrorNumber_-1'));\r\n }\r\n }\r\n\r\n onAuthError(errorCode) {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `Receive an auth error: ${errorCode}`);\r\n const msg = errorHelper.getErrorDetailsMessage(errorCode);\r\n\r\n this.showErrorInGoogleLogin(msg);\r\n }\r\n\r\n onGoogleOdataError(err) {\r\n let code;\r\n let msg;\r\n const googleLoginAccount = this.googleLogin.getSummaryInfo().LoginInfo;\r\n\r\n if (err.body) {\r\n code = _.propertyOf(err.body[0])('Code');\r\n }\r\n\r\n switch (code) {\r\n case 'GoogleSyncNotAdWordsUser':\r\n msg = i18n.get('CampaignImport_GSyncNotAdsUser').replace('{0}', googleLoginAccount);\r\n break;\r\n case 'GoogleSyncInvalidCustomerId':\r\n msg = i18n.get('CampaignImport_GSyncInvalidCustomerId');\r\n break;\r\n case 'GoogleSyncOAuthTokenRevoked':\r\n msg = i18n.get('CampaignImport_GSyncOAuthTokenRevoked');\r\n break;\r\n case 'GoogleSyncWebExceptionTimeout':\r\n msg = i18n.get('CampaignImport_GSyncOperationTimeout');\r\n break;\r\n case code === 'GoogleSyncAccountNotSetUp':\r\n msg = i18n.get('CampaignImport_GSyncAccountNotSetUp').replace('{0}', googleLoginAccount);\r\n break;\r\n case 'GoogleSyncUserIsNotAuthorized':\r\n msg = i18n.get('CampaignImport_GSyncAuthorizationError');\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n this.showErrorInGoogleLogin(msg);\r\n }\r\n\r\n onImportFail(data) {\r\n if (!this._activeView) {\r\n if (this.options.isFileImport && this.importOptions) {\r\n this.expandView(this.importOptions);\r\n } else if (this.scheduleForm) {\r\n this.expandView(this.scheduleForm);\r\n }\r\n }\r\n const viewName = this._activeView && this._activeView.name();\r\n\r\n $('.grid-edit-icon').hide(); //hide edit icons.\r\n\r\n if (viewName === 'OptionsView') {\r\n this.importOptions.setDisable(true);\r\n }\r\n\r\n if (data && data.Message) {\r\n let errorCode = data.FailureReason || data.ErrorCode;\r\n let failureDetailsIncludeErrorCode = data.FailureDetails && safeJson.parseSync(data.FailureDetails);\r\n let errorDetail;\r\n\r\n if (failureDetailsIncludeErrorCode) {\r\n errorDetail = failureDetailsIncludeErrorCode.ErrorCode === errorCode ? failureDetailsIncludeErrorCode.ErrorDetail : '';\r\n } else {\r\n errorDetail = data.ErrorDetail;\r\n }\r\n\r\n if (errorCode === 17015) {\r\n let errorView = new ImportFailureDetailsTableView({\r\n message: data.Message,\r\n data: errorDetail,\r\n failureReason: errorCode,\r\n }).render();\r\n\r\n if (viewName === 'OptionsView') {\r\n // if it is options view, importCampaign.js will handle the render/remove of the error view.\r\n this.importFailureDetailsTableView = errorView;\r\n\r\n $('#ImportOptions .error-panel').html(this.importFailureDetailsTableView.el);\r\n $('#ImportOptionsSection #Cancel').focus();\r\n } else if (viewName === 'SchedulingView') {\r\n // scheduling view will handle the render/remove of the error view\r\n this.scheduleForm.setErrorView(errorView);\r\n $('#ScheduleFormView .btn-cancel').focus();\r\n } else {\r\n $.advertiser.showJsonErrors(data);\r\n }\r\n } else if (errorHelper.isGoogleAuthError(data.ErrorCode)) {\r\n this.onAuthError(data.ErrorCode);\r\n } else {\r\n $.advertiser.showJsonErrors(data);\r\n }\r\n\r\n $.advertiser.hideLoadingPanel();\r\n $.advertiser.loadingPanel.updateText($('#loadingText').val());\r\n }\r\n }\r\n\r\n showImportSummary() {\r\n /* @this ImportState */\r\n function onSuccess(data) {\r\n if (!data.Errors || this.useOdata) {\r\n if (this.options.isFileImport) {\r\n data.FileUpload = this.fileUpload.getSummaryInfo();\r\n data.ColumnMatching = this.columnMatching.getSummaryInfo();\r\n } else {\r\n data.Login = this.googleLogin.getSummaryInfo();\r\n data.Account = this.selectAccount.getSummaryInfo();\r\n data.Campaign = this.selectCampaign.getSummaryInfo();\r\n }\r\n\r\n data.ImportOptions = this.importOptions.getSummaryInfo();\r\n this.importSummary.bindData(data);\r\n $('#ImportEditViews').hide();\r\n this.expandView(this.importSummary);\r\n $.advertiser.hideLoadingPanel();\r\n }\r\n }\r\n\r\n if (this.options.uxMode === 'signup' && this.isUpdatedImportUIForSignUpEnabled) {\r\n $.advertiser.signup.selectAccountSuccess();\r\n $('#ImportSummarySection').show();\r\n $('#LoginDisclaimer').hide();\r\n $('#EditLoginSummary').hide();\r\n $.advertiser.hideLoadingPanel();\r\n this.selectCampaign.collapseView(true);\r\n this.importSummary.enableAddPayment({\r\n url: this.options.urls.rurl,\r\n customerId: this.customerId,\r\n accountId: this.currentAccountId,\r\n });\r\n\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n 'Sign up user in new sign up UI pilot has reached import summary message');\r\n } else {\r\n getSummaryCounts.call(this, onSuccess.bind(this));\r\n }\r\n }\r\n\r\n onImportOptionsSuccess(data) {\r\n /* @this ImportState */\r\n function onImportPreviewSuccess(result) {\r\n if ((result && !result.Errors) || this.useOdata) {\r\n this.importPreview.bindData(result);\r\n this.importOptions.collapseView(true);\r\n this.expandView(this.importPreview);\r\n } else {\r\n $.advertiser.ajaxError();\r\n }\r\n }\r\n\r\n const isFileImport = this.options.isFileImport;\r\n\r\n // Status in data has two options: ValidationComplete and Complete. Complete, we don't show preview.\r\n if (this.isContinueImport && data && data.Status === 'Complete') {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n 'Import is Complete in continue import. Start to show import summary.');\r\n this.showImportSummary();\r\n if (!isFileImport && this.options.uxMode !== 'signup') {\r\n $('#NewImportSummarySection').hide();\r\n $('#ImportSummarySection').show();\r\n }\r\n return;\r\n }\r\n\r\n if (isFileImport) {\r\n if (this.useOdata) {\r\n const url = queryify(getImportPreviewUrlTmpl, { importId: this.importId });\r\n\r\n odata.get(url) // no need ui blocker as polling already has.\r\n .then((result) => {\r\n onImportPreviewSuccess.call(this, { Data: result });\r\n })\r\n .catch(() => {\r\n window.App.views.alertCenter.showError(i18nErrors.getString('ErrorNumber_-1'));\r\n $.advertiser.hideLoadingPanel();\r\n });\r\n } else {\r\n $.advertiser.ajaxPost({\r\n url: this.options.urls.getImportPreviewUrl,\r\n data: {\r\n importId: this.importId,\r\n },\r\n traditional: true,\r\n ignoreBeforeAjax: true,\r\n hideLoadingPanelOnSuccess: false,\r\n onSuccess: onImportPreviewSuccess.bind(this),\r\n });\r\n }\r\n } else {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n 'Start to show import summary for google import.');\r\n this.showImportSummary();\r\n }\r\n }\r\n}\r\n\r\nfunction createStateInstance(options) {\r\n return new ImportState(options);\r\n}\r\n\r\nfunction invalidateGridCacheAfterCompleteImport() {\r\n // Need to invalidate cache after an import is completed.\r\n // We don't make a specific request or navigate to a new page when that happens\r\n // so do it manually here. Otherwise, the Campaign grid may not fetch\r\n // newly imported entities\r\n let contextsToUpdate = summaryGridsActionMap.getActionMapping('completeimport');\r\n\r\n if (contextsToUpdate && contextsToUpdate.dependentIds) {\r\n summaryDataContextManager.updateContext(contextsToUpdate.dependentIds);\r\n } else {\r\n throw new Error('Could not find completeimport action mapping');\r\n }\r\n}\r\n\r\nexport {\r\n getGoogleCampaigns,\r\n getGoogleAccounts,\r\n createStateInstance,\r\n scrollToTop,\r\n goBack,\r\n removeView,\r\n showODataError,\r\n getCustomerId,\r\n logException,\r\n startPollingUntilImportStarted,\r\n invalidateGridCacheAfterCompleteImport,\r\n cookieHelperForEditImport,\r\n};\r\n","/* eslint-disable */\r\nimport _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport UploadService from '@bingads-webui-component-legacy/azure-upload/index';\r\nimport logger from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport setting from '@bingads-webui-static-legacy/instrumentation/campaignSchemaAndSetting';\r\nimport constants from '@bingads-webui-static-legacy/instrumentation/constants';\r\nimport instrumentation from '@bingads-webui-static-legacy/instrumentation/instrumentation';\r\nimport * as safeJSON from '@bingads-webui/safe-json';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nvar i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\nvar upload = (function (options) {\r\n options = options || ({});\r\n if (!options.file) {\r\n logger.logError('import-campaigns/azureUploader', 'Unexpected error: options.file is not set!');\r\n return Promise.reject();\r\n }\r\n var file = options.file;\r\n if (file.size === 0) {\r\n return Promise.reject({\r\n 'localizedError': i18n.get('FileImport_Upload_InvalidFile')\r\n });\r\n }\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, 'import-campaigns/azureUploader', 'Start file import using new approach, file name: ' + file.name + ', size: ' + file.size + 'bytes, type: ' + file.type);\r\n var allowedExtensions = ['.csv', '.tsv', '.xlsx', '.zip'];\r\n var uploadService = new UploadService({\r\n file: options.file,\r\n validateFunc: function (ext) {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, 'import-campaigns/azureUploader', 'File extension is ' + ext);\r\n return ext && _.contains(allowedExtensions, ext);\r\n }\r\n });\r\n return uploadService.start().then(function (data) {\r\n var urlWithoutSas = data && data.slice(0, data.indexOf('?'));\r\n var message = 'Uploaded successfully. File name: ' + options.file.name + ', size: ' + options.file.size + 'bytes, blobUrl: ' + urlWithoutSas;\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, 'import-campaigns/azureUploader', message);\r\n return Promise.resolve(data);\r\n }).catch(function (err) {\r\n err = err || ({});\r\n if (err.ValidatationFailed) {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, 'import-campaigns/azureUploader', 'The file extension is not supported.');\r\n return Promise.reject({\r\n 'localizedError': i18n.get('FileImport_Upload_InvalidFileExtension')\r\n });\r\n } else {\r\n var message;\r\n if (err.stack) {\r\n message = 'Message: ' + err.message + '.\\t Stack: ' + err.stack;\r\n } else {\r\n message = 'Error: ' + safeJSON.stringifySync(err);\r\n }\r\n logger.logError('import-campaigns/azureUploader', message);\r\n if (err.customizedCategory === 'NotSupported') {\r\n err = {\r\n 'localizedError': i18n.get('FileImport_Upload_UnSupportedBrowser')\r\n };\r\n } else if (err.customizedCategory === 'ReadUploadFailed') {\r\n err = {\r\n 'localizedError': i18n.get('FileImport_Upload_FailedMessage')\r\n };\r\n }\r\n return Promise.reject(err);\r\n }\r\n }).finally(function () {\r\n logger.endActivity();\r\n });\r\n}).asLoggingStart(setting.ACTIVITYNAME.ImportCampaignsClickToUploadFile, setting.SCENARIONAME.ImportCampaignsFileUpload);\r\nexport default {\r\n upload: upload\r\n};\r\n\r\n","import _ from 'underscore';\r\nimport { FileImportPage } from '@bingads-webui-campaign/file-import-page';\r\n\r\nimport * as i18nErrors from '@bingads-webui-component-legacy/api-errors-campaign/index';\r\n\r\nimport azureUploader from '../azureUploader';\r\nimport { createDeps, getBlacklist } from './shared-dependencies';\r\n\r\nfunction getImportTemplateUrl({ config }) {\r\n const Permissions = config.get('Permissions');\r\n let fileName = 'ImportTemplateWithAdExtensions.csv';\r\n\r\n if (Permissions.IsDSAMixedModeCampaignEnabled) {\r\n if (Permissions.IsEnhancedShoppingCampaignAllowed) {\r\n fileName = 'ImportTemplateWithAdExtensionsAndBSCAndAdGroupType.csv';\r\n } else {\r\n fileName = 'ImportTemplateWithAdExtensionsAndAdGroupType.csv';\r\n }\r\n } else if (Permissions.IsEnhancedShoppingCampaignAllowed) {\r\n fileName = 'ImportTemplateWithAdExtensionsAndBSC.csv';\r\n }\r\n const TemplatesPathUrl = config.get('TemplatesPathUrl');\r\n\r\n const importTemplateUrl = `${TemplatesPathUrl}Import/${fileName}`;\r\n\r\n return importTemplateUrl;\r\n}\r\n\r\nexport function initFileImportPage(settings) {\r\n const commonDeps = createDeps(settings);\r\n const deps = _.extend(commonDeps, {\r\n azureUploader: azureUploader.upload,\r\n i18nErrors,\r\n importTemplateUrl: getImportTemplateUrl(commonDeps),\r\n defaultLogActivity: commonDeps.logActivities.clickOnImportFromFile,\r\n });\r\n\r\n deps.logActivities = _.extend(deps.logActivities, {\r\n renderImportColumnMatching: deps.scenarios.fileimport.renderImportColumnMatching.create(),\r\n renderImportOptions: deps.scenarios.fileimport.renderImportOptions.create(),\r\n renderImportPreview: deps.scenarios.fileimport.renderImportPreview.create(),\r\n renderImportSummary: deps.scenarios.fileimport.renderImportSummary.create(),\r\n });\r\n\r\n return new FileImportPage({\r\n deps,\r\n el: settings.isForVNext ? undefined : '#ImportPage',\r\n options: {\r\n currentStep: 'file-upload-step',\r\n importId: settings.importId,\r\n subFieldsBlacklist: getBlacklist(),\r\n },\r\n });\r\n}\r\n","import Promise from 'bluebird';\r\nimport _ from 'underscore';\r\nimport { GoogleImportPage } from '@bingads-webui-campaign/google-import-page';\r\nimport { MultiAccountGoogleImportPage } from '@bingads-webui-campaign/account-import-page';\r\n\r\nimport edm from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport { UetTagSelectorView } from '@bingads-webui-campaign-legacy/audiences/components/uet-tag/index';\r\nimport '@bingads-webui-static-legacy/extension/promise/withUiBlock';\r\n\r\nimport { createDeps, getBlacklist } from './shared-dependencies';\r\nimport { cookieHelperForEditImport } from '../shared/import-helper';\r\n\r\nfunction initGapi(settings) {\r\n return Promise.resolve(createDeps(settings));\r\n}\r\n\r\nexport function initDeps(settings) {\r\n return initGapi(settings).then((commonDeps) => {\r\n if (settings.isMultiAccountImport) {\r\n // eslint-disable-next-line no-param-reassign\r\n edm.customerIdType.useAdvertiserCustomerId = false;\r\n }\r\n\r\n const deps = _.extend(commonDeps, {\r\n edm,\r\n google: window.google,\r\n jsData,\r\n defaultLogActivity: commonDeps.logActivities.clickOnImportFromGoogleAdWords,\r\n });\r\n\r\n return deps;\r\n });\r\n}\r\n\r\nexport function initGoogleImportDeps(settings) {\r\n\r\n return initGapi(settings).then((commonDeps) => {\r\n if (settings.isMultiAccountImport) {\r\n // eslint-disable-next-line no-param-reassign\r\n edm.customerIdType.useAdvertiserCustomerId = false;\r\n }\r\n\r\n const deps = _.extend(commonDeps, {\r\n edm,\r\n google: window.google,\r\n jsData,\r\n defaultLogActivity: commonDeps.logActivities.clickOnImportFromGoogleAdWords,\r\n cookieHelperForEditImport,\r\n UetTagSelectorView,\r\n subFieldsBlacklist: getBlacklist(),\r\n });\r\n\r\n deps.logScenario = deps.scenarios.googleimport;\r\n\r\n deps.logActivities = _.extend(deps.logActivities, {\r\n renderSelectAdWordsAccount: deps.scenarios.googleimport.renderSelectAdWordsAccount.create(),\r\n renderImportOptions: deps.scenarios.googleimport.renderImportOptions.create(),\r\n renderSelectAdWordsCampaigns: deps.scenarios.googleimport.renderSelectAdWordsCampaigns.create(),\r\n renderImportSummary: deps.scenarios.googleimport.renderImportSummary.create(),\r\n\r\n // signals, atomic signals are not defined here\r\n logInAccount: deps.scenarios.googleimport.logInAccount.create(),\r\n selectAccount: deps.scenarios.googleimport.selectAccount.create(),\r\n selectCampaign: deps.scenarios.googleimport.selectCampaign.create(),\r\n configureOptions: deps.scenarios.googleimport.configureOptions.create(),\r\n completeSchedule: deps.scenarios.googleimport.completeSchedule.create(),\r\n });\r\n\r\n return deps;\r\n });\r\n}\r\n\r\nexport function initGoogleImportPage(settings) {\r\n return initGoogleImportDeps(settings).then((deps) => {\r\n return settings.isMultiAccountImport ? new MultiAccountGoogleImportPage({\r\n deps,\r\n el: settings.isForVNext ? undefined : '#ImportPage',\r\n options: {\r\n currentStep: 'bing-account-title-step',\r\n importId: settings.importId,\r\n taskItemId: settings.taskItemId,\r\n subFieldsBlacklist: getBlacklist(),\r\n },\r\n }) : new GoogleImportPage({\r\n deps,\r\n el: settings.isForVNext ? undefined : '#ImportPage',\r\n options: {\r\n currentStep: 'google-login-step',\r\n importId: settings.importId,\r\n taskItemId: settings.taskItemId,\r\n subFieldsBlacklist: getBlacklist(),\r\n },\r\n });\r\n });\r\n}\r\n","import _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport { FacebookImportPage } from '@bingads-webui-campaign/facebook-import-page';\r\nimport { loadFacebookSdk, getEnvironment } from '@bingads-webui-campaign/import-shared-repositories';\r\nimport edm from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport timeZoneMapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport { UetTagSelectorView } from '@bingads-webui-campaign-legacy/audiences/components/uet-tag/index';\r\nimport '@bingads-webui-static-legacy/extension/promise/withUiBlock';\r\nimport { createDeps } from './shared-dependencies';\r\nimport { cookieHelperForEditImport } from '../shared/import-helper';\r\n\r\nexport function initFacebookImportDeps(settings) {\r\n // not fetch FB login SDK in local test env with test token used\r\n // this is to decrease the API call for FB to stablize automation tests\r\n const currentEnv = getEnvironment(document.domain);\r\n const loadSDK = currentEnv === 'LOCAL' && settings.token ? () => Promise.resolve() : loadFacebookSdk;\r\n\r\n return loadSDK().then((sdk) => {\r\n const commonDeps = createDeps(settings);\r\n let deps = _.extend(commonDeps, {\r\n edm,\r\n jsData,\r\n timeZoneMapper,\r\n defaultLogActivity: commonDeps.logActivities.clickOnImportFromFacebook,\r\n cookieHelperForEditImport,\r\n UetTagSelectorView,\r\n });\r\n\r\n // if sdk is not undefined then add it into deps\r\n if (!_.isUndefined(sdk)) {\r\n deps = _.extend(deps, {\r\n FB: sdk,\r\n });\r\n }\r\n\r\n deps.logScenario = deps.scenarios.facebookimport;\r\n\r\n deps.logActivities = _.extend(deps.logActivities, {\r\n renderSelectAdWordsAccount: deps.scenarios.facebookimport.renderSelectAdWordsAccount.create(),\r\n renderImportOptions: deps.scenarios.facebookimport.renderImportOptions.create(),\r\n renderSelectAdWordsCampaigns: deps.scenarios.facebookimport.renderSelectAdWordsCampaigns.create(),\r\n renderImportSummary: deps.scenarios.facebookimport.renderImportSummary.create(),\r\n\r\n // signals, atomic signals are not defined here\r\n logInAccount: deps.scenarios.facebookimport.logInAccount.create(),\r\n selectAccount: deps.scenarios.facebookimport.selectAccount.create(),\r\n selectCampaign: deps.scenarios.facebookimport.selectCampaign.create(),\r\n configureOptions: deps.scenarios.facebookimport.configureOptions.create(),\r\n completeSchedule: deps.scenarios.facebookimport.completeSchedule.create(),\r\n });\r\n return deps;\r\n });\r\n}\r\n\r\nexport function initFacebookImportPage(settings) {\r\n return initFacebookImportDeps(settings).then((deps) => {\r\n return new FacebookImportPage({\r\n deps,\r\n options: {\r\n currentStep: 'facebook-login-step',\r\n importId: settings.importId,\r\n taskItemId: settings.taskItemId,\r\n },\r\n });\r\n });\r\n}\r\n","import _ from 'underscore';\r\nimport edm from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport timeZoneMapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport { UetTagSelectorView } from '@bingads-webui-campaign-legacy/audiences/components/uet-tag/index';\r\nimport '@bingads-webui-static-legacy/extension/promise/withUiBlock';\r\n\r\nimport { createDeps } from './shared-dependencies';\r\nimport { cookieHelperForEditImport } from '../shared/import-helper';\r\n\r\n\r\nexport function initAmazonImportDeps(settings) {\r\n const commonDeps = createDeps(settings);\r\n const deps = _.extend(commonDeps, {\r\n edm,\r\n jsData,\r\n timeZoneMapper,\r\n defaultLogActivity: commonDeps.logActivities.clickOnImportFromAmazonSPA,\r\n cookieHelperForEditImport,\r\n UetTagSelectorView,\r\n });\r\n\r\n deps.logScenario = deps.scenarios.amazonimport;\r\n\r\n deps.logActivities = _.extend(deps.logActivities, {\r\n renderSelectAmazonAccount: deps.scenarios.amazonimport.renderSelectAmazonAccount.create(),\r\n renderImportOptions: deps.scenarios.amazonimport.renderImportOptions.create(),\r\n renderSelectAmazonCampaigns: deps.scenarios.amazonimport.renderSelectAmazonCampaigns.create(),\r\n renderImportSummary: deps.scenarios.amazonimport.renderImportSummary.create(),\r\n\r\n // signals, atomic signals are not defined here\r\n logInAccount: deps.scenarios.amazonimport.logInAccount.create(),\r\n selectAccount: deps.scenarios.amazonimport.selectAccount.create(),\r\n selectCampaign: deps.scenarios.amazonimport.selectCampaign.create(),\r\n configureOptions: deps.scenarios.amazonimport.configureOptions.create(),\r\n completeSchedule: deps.scenarios.amazonimport.completeSchedule.create(),\r\n });\r\n\r\n return deps;\r\n}\r\n","import _ from 'underscore';\r\nimport edm from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport timeZoneMapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport { UetTagSelectorView } from '@bingads-webui-campaign-legacy/audiences/components/uet-tag/index';\r\nimport '@bingads-webui-static-legacy/extension/promise/withUiBlock';\r\n\r\nimport { createDeps } from './shared-dependencies';\r\nimport { cookieHelperForEditImport } from '../shared/import-helper';\r\n\r\n\r\nexport function initPinterestImportDeps(settings) {\r\n const commonDeps = createDeps(settings);\r\n const deps = _.extend(commonDeps, {\r\n edm,\r\n jsData,\r\n timeZoneMapper,\r\n defaultLogActivity: commonDeps.logActivities.clickOnImportFromPinterestSPA,\r\n cookieHelperForEditImport,\r\n UetTagSelectorView,\r\n });\r\n\r\n deps.logScenario = deps.scenarios.pinterestimport;\r\n\r\n return deps;\r\n}\r\n","import config from '@bingads-webui-component-legacy/config/index';\r\nimport { getBlackList } from '@bingads-webui-campaign/import-components';\r\nexport function getBlacklist() {\r\n const permissions = config.get('Permissions') || {};\r\n\r\n return getBlackList(permissions);\r\n}\r\n","\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\nexport const statusOrderToBlockerTitleMap = [{\r\n Text: i18n.getString('Import_QueueStatus'),\r\n}, {\r\n Text: i18n.getString('Import_UploadStatus'),\r\n}, {\r\n Text: i18n.getString('Import_ValidationInProgressStatus'),\r\n}, {\r\n Text: i18n.getString('Import_ValidationCompletedStatus'),\r\n}, {\r\n Text: i18n.getString('Import_BulkFileGenerateInProgressStatus'),\r\n}, {\r\n Text: i18n.getString('Import_SubmitStatus'),\r\n}, {\r\n Text: i18n.getString('CampaignImport_Completed'),\r\n}];\r\n\r\nexport const statusKeyToOrderMap = {\r\n PendingExecution: 0,\r\n NotStarted: 1,\r\n UploadInProgress: 1,\r\n ValidationInProgress: 2,\r\n ValidationCompleted: 3,\r\n BulkFileGenerateInProgress: 4,\r\n SubmitInProgress: 5,\r\n Complete: 6,\r\n};\r\n","import _ from 'underscore';\r\n\r\nimport { generateCombinedSchemaObject } from '@bingads-webui-campaign/import-components';\r\nimport { formatCoupon } from '@bingads-webui-campaign/recommendation-core';\r\n\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport { FilterStorageFactory } from '@bingads-webui-campaign/filter-storage';\r\nimport * as i18nErrors from '@bingads-webui-component-legacy/api-errors-campaign/index';\r\nimport odata from '@bingads-webui-component-legacy/http/channel/odata';\r\nimport * as timeZoneEnumMapper from '@bingads-webui-component-legacy/timezonemapper/enumMapper';\r\nimport timeZoneMapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport doubleListBox from '@bingads-webui-static-legacy/shared/view/doubleListBox';\r\nimport accountSelectionLists from '@bingads-webui-static-legacy/bulk-edit/model/download/accountSelectionLists';\r\nimport dateUtil from '@bingads-webui-component-legacy/humanize/date';\r\n\r\nimport instrumentation from '@bingads-webui-campaign-legacy/instrumentation/index';\r\nimport { statusKeyToOrderMap, statusOrderToBlockerTitleMap } from './statuses';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\nconst i18nAmdLoader = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/import-campaigns');\r\n\r\n_.templateSettings = {\r\n interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n};\r\n\r\nconst scenarios = {\r\n amazonimport: instrumentation.importFromAmazonSPA.create(),\r\n pinterestimport: instrumentation.importFromPinterestSPA.create(),\r\n facebookimport: instrumentation.importFromFacebookSPA.create(),\r\n fileimport: instrumentation.importFromFileSPA.create(),\r\n googleimport: instrumentation.importFromGoogleAdWordsSPA.create(),\r\n continueImport: instrumentation.continueImportSPA.create(),\r\n};\r\nconst activities = {\r\n clickOnImportFromFacebook: scenarios.facebookimport.clickOnImportFromFacebookSPA.create(),\r\n clickOnImportFromAmazonSPA: scenarios.amazonimport.clickOnImportFromAmazonSPA.create(),\r\n clickOnImportFromPinterestSPA: scenarios.pinterestimport.clickOnImportFromPinterestSPA.create(),\r\n clickOnImportFromFile: scenarios.fileimport.clickOnImportFromFileSPA.create(),\r\n clickOnImportFromGoogleAdWords: scenarios.googleimport.clickOnImportFromGoogleAdWordsSPA.create(),\r\n loadContinueImport: scenarios.continueImport.loadContinueImportSPA.create(),\r\n};\r\n\r\nexport function createDeps(settings) {\r\n const { coupon, currency, preferenceService } = settings;\r\n const deps = {\r\n check: (dependencyName) => {\r\n if (!dependencyName || _.has(deps, dependencyName)) {\r\n return true;\r\n } else {\r\n throw new Error(`Missing dependency: ${dependencyName}`);\r\n }\r\n },\r\n config,\r\n i18n,\r\n i18nAmdLoader,\r\n i18nErrors,\r\n odata,\r\n timeZoneEnumMapper,\r\n timeZoneMapper,\r\n statusKeyToOrderMap,\r\n statusOrderToBlockerTitleMap,\r\n schema: generateCombinedSchemaObject(),\r\n alertCenter: window.App.views.alertCenter,\r\n logActivities: activities,\r\n scenarios,\r\n doubleListBox,\r\n accountSelectionLists,\r\n dateUtil,\r\n };\r\n\r\n const campaignFilterFactory = new FilterStorageFactory({\r\n preferenceService,\r\n featureName: 'CampaignsGrid',\r\n });\r\n const adGroupFilterFactory = new FilterStorageFactory({\r\n preferenceService,\r\n featureName: 'AdgroupGrid',\r\n });\r\n const adFilterFactory = new FilterStorageFactory({\r\n preferenceService,\r\n featureName: 'AdGrid',\r\n });\r\n\r\n deps.campaignFilterStore = campaignFilterFactory.create('editableFilter', {\r\n filterEntityOptions: {\r\n entitySchema: { name: 'Campaign' },\r\n },\r\n });\r\n deps.adgroupFilterStore = adGroupFilterFactory.create('editableFilter', {\r\n filterEntityOptions: {\r\n entitySchema: { name: 'AdGroup' },\r\n },\r\n });\r\n deps.adFilterStore = adFilterFactory.create('editableFilter', {\r\n filterEntityOptions: {\r\n entitySchema: { name: 'Ad' },\r\n },\r\n });\r\n\r\n return _.extend(\r\n deps,\r\n settings,\r\n coupon && {\r\n coupon: formatCoupon({\r\n i18n: i18nAmdLoader,\r\n coupon,\r\n currency,\r\n }),\r\n }\r\n );\r\n}\r\n\r\nexport { getBlacklist } from './options-blacklist';\r\n","export default {\r\n SearchTermGridId: 'KeywordsSearchTerm',\r\n AuctionInsightsGridId: 'tdAuctionInsightsGrid',\r\n CampaignTabId: 'Campaign',\r\n AdGroupTabId: 'AdGroup',\r\n AdsTabId: 'Ads',\r\n KeywordsTabId: 'Keywords',\r\n ProductsGroupId: 'ProductGroups',\r\n FlattenProductsGroupId: 'FlattenAdGroupLevelProductGroups',\r\n AudienceTabId: 'AudiencesAssociation',\r\n AdExtensionsTabId: 'AdExtensions',\r\n ChangeHistoryTabId: 'ChangeHistory',\r\n DimensionsTabId: 'Bidimensions',\r\n AdGroupStatusFilterColumnName: 'AdGroupStatus',\r\n KeywordNameFilterColumnName: 'KeywordName',\r\n LocationsTabId: 'Locations',\r\n DevicesTabId: 'Devices',\r\n AdScheduleTabId: 'AdSchedule',\r\n DemographicsTabId: 'Demographics',\r\n AdDescriptionFilterColumnName: 'AdDescription',\r\n AdExtensionCampaignAssociationStatus: 'AdExtensionCampaignAssociationStatus',\r\n AdExtensionAssociationStatus: 'AdExtensionAssociationStatus',\r\n KeywordMatchTypeColumnName: 'MatchType',\r\n\r\n CampaignEntity: 'Campaign',\r\n AdGroupEntity: 'AdGroup',\r\n AdEntity: 'Ad',\r\n KeywordEntity: 'Keyword',\r\n SearchTermEntity: 'SearchTerm',\r\n AuctionInsightEntity: 'AuctionInsight',\r\n AudiencesAssociationEntity: 'AdGroupAudienceAssociation',\r\n\r\n AccountEdmEntity: 'Accounts',\r\n AdGroupCriterionEdmEntity: 'AdGroupCriterions',\r\n CampaignCriterionEdmEntity: 'CampaignCriterions',\r\n CampaignEdmEntity: 'Campaigns',\r\n DynamicSearchAdsEdmEntity: 'DynamidSearchAds',\r\n AdGroupEdmEntity: 'AdGroups',\r\n AdEdmEntity: 'Ads',\r\n KeywordEdmEntity: 'Keywords',\r\n ClickMetricId: 1,\r\n NoneMetricId: -1,\r\n};\r\n","import _ from 'underscore';\r\nimport PageContext from '@bingads-webui-static-legacy/page-context';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/inline-chart');\r\n\r\nconst { IsViewThroughConversionEnabled } = PageContext.Permissions;\r\n\r\nexport default class InlineChartDropDownOption {\r\n constructor({filterOptionId} = {filterOptionId: []}) {\r\n this.filterOptionId = filterOptionId;\r\n }\r\n\r\n fetch() {\r\n let result = {\r\n data: _.compact([{\r\n id: 1,\r\n value: i18n.get('ColumnName_Clicks'),\r\n }, {\r\n id: 0,\r\n value: i18n.get('ColumnName_CostPerConversion'),\r\n }, {\r\n id: 2,\r\n value: i18n.get('ColumnName_CPA'),\r\n }, {\r\n id: 3,\r\n value: i18n.get('ColumnName_Conversions'),\r\n }, {\r\n id: 4,\r\n value: i18n.get('ColumnName_CTR'),\r\n }, {\r\n id: 5,\r\n value: i18n.get('TrendAreaChart_AxisY'),\r\n }, {\r\n id: 6,\r\n value: i18n.get('ColumnName_Spend'),\r\n }, {\r\n id: 7,\r\n value: i18n.get('Chart_AvgPosition'),\r\n }, {\r\n id: 8,\r\n value: i18n.get('ColumnName_ConversionRate'),\r\n }, {\r\n id: 9,\r\n value: i18n.get('ColumnName_Revenue'),\r\n }, {\r\n id: 10,\r\n value: i18n.get('ColumnName_ROAS'),\r\n }, {\r\n id: 11,\r\n value: i18n.get('ColumnName_AllConversionCPA'),\r\n }, {\r\n id: 12,\r\n value: i18n.get('ColumnName_AllConversions'),\r\n }, {\r\n id: 13,\r\n value: i18n.get('ColumnName_AllConversionRate'),\r\n }, {\r\n id: 14,\r\n value: i18n.get('ColumnName_AllConversionAdvertiserReportedRevenue'),\r\n }, {\r\n id: 15,\r\n value: i18n.get('ColumnName_AllConversionRevenueOnAdSpend'),\r\n }, IsViewThroughConversionEnabled && {\r\n id: 16,\r\n value: i18n.get('ColumnName_ViewThroughConversions'),\r\n }]),\r\n };\r\n\r\n if (_.isArray(this.filterOptionId) && this.filterOptionId.length !== 0) {\r\n const resultData = result.data;\r\n\r\n result.data = _.filter(resultData, (item) => {\r\n return !_.contains(this.filterOptionId, item.id);\r\n });\r\n }\r\n\r\n return result;\r\n }\r\n}\r\n","import Backbone from 'backbone';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/inline-chart');\r\n\r\nexport default class GranularityDropDownOption extends Backbone.Collection {\r\n constructor(option) {\r\n super();\r\n this.usingNewDatefilter = option && option.usingNewDatefilter;\r\n let dateObj = {};\r\n\r\n return state.getPromise('$daterange')\r\n .then((daterange) => {\r\n dateObj.dateRange = this.usingNewDatefilter ? daterange : window.App.views.Summary.dateFilter.ko_model.appliedRange();\r\n dateObj.comparedDateRange = this.usingNewDatefilter ? daterange.compared : window.App.views.Summary.dateFilter.ko_model.appliedComparedRange();\r\n\r\n let mainDateDiff = this._calculateDiff(dateObj.dateRange);\r\n let comparedDateDiff = this._calculateDiff(dateObj.comparedDateRange);\r\n let now = new Date();\r\n // we only support hourly data for a sliding 6 months window\r\n let hourlyStartDate = new Date(now.setMonth(now.getMonth() - 6));\r\n let hourlyOptionDisabled = mainDateDiff > 0 || (comparedDateDiff ? comparedDateDiff > 0 : false) ||\r\n !(dateObj.dateRange.start > hourlyStartDate) ||\r\n !(dateObj.comparedDateRange ? dateObj.comparedDateRange.start > hourlyStartDate : true);\r\n let dailyOptionDisabled = this._calculateDisabled(mainDateDiff, 1, 30) || (comparedDateDiff ? this._calculateDisabled(comparedDateDiff, 1, 30) : false);\r\n let weeklyOptionDisabled = this._calculateDisabled(mainDateDiff, 7, 210) || (comparedDateDiff ? this._calculateDisabled(comparedDateDiff, 7, 210) : false);\r\n let monthlyOptionDisabled = this._calculateDisabled(mainDateDiff, 31, 900) || (comparedDateDiff ? this._calculateDisabled(comparedDateDiff, 31, 900) : false);\r\n let quarterlyOptionDisabled = this._calculateDisabled(mainDateDiff, 90, Infinity) || (comparedDateDiff ? this._calculateDisabled(comparedDateDiff, 90, Infinity) : false);\r\n let allOptionsDisabled = hourlyOptionDisabled && dailyOptionDisabled &&\r\n weeklyOptionDisabled && monthlyOptionDisabled && quarterlyOptionDisabled;\r\n\r\n if (allOptionsDisabled) {\r\n let longerPeriod = comparedDateDiff > mainDateDiff ? comparedDateDiff : mainDateDiff;\r\n\r\n dailyOptionDisabled = this._calculateDisabled(longerPeriod, 1, 30);\r\n weeklyOptionDisabled = this._calculateDisabled(longerPeriod, 7, 210);\r\n monthlyOptionDisabled = this._calculateDisabled(longerPeriod, 31, 900);\r\n quarterlyOptionDisabled = this._calculateDisabled(longerPeriod, 90, Infinity);\r\n }\r\n\r\n return {\r\n data: [{\r\n id: 0,\r\n value: i18n.get('InlineChart_Granularity_Hourly'),\r\n enumValue: 'Hour',\r\n disabled: hourlyOptionDisabled,\r\n }, {\r\n id: 1,\r\n value: i18n.get('InlineChart_Granularity_Daily'),\r\n enumValue: 'Day',\r\n disabled: dailyOptionDisabled,\r\n }, {\r\n id: 2,\r\n value: i18n.get('InlineChart_Granularity_Weekly'),\r\n enumValue: 'Week',\r\n disabled: weeklyOptionDisabled,\r\n }, {\r\n id: 3,\r\n value: i18n.get('InlineChart_Granularity_Monthly'),\r\n enumValue: 'Month',\r\n disabled: monthlyOptionDisabled,\r\n }, {\r\n id: 4,\r\n value: i18n.get('InlineChart_Granularity_Quarterly'),\r\n disabled: quarterlyOptionDisabled,\r\n enumValue: 'Quarter',\r\n }],\r\n };\r\n });\r\n }\r\n\r\n _calculateDiff (dateRange) {\r\n if (dateRange) {\r\n let startDate = new Date(dateRange.start);\r\n let endDate = new Date(dateRange.end);\r\n let timeDiff = Math.abs(endDate.getTime() - startDate.getTime());\r\n\r\n return Math.round(timeDiff / (1000 * 3600 * 24));\r\n }\r\n return null;\r\n }\r\n\r\n _calculateDisabled (dateDiff, min, max) {\r\n return dateDiff < min || dateDiff > max;\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport DelegateAdapter from '@bingads-webui-component-legacy/js-data-delegate/adapter';\r\n\r\nclass ChartDelegateAdapter extends DelegateAdapter {\r\n // All of the methods shown here must return a promise\r\n\r\n // \"definition\" is a resource definition 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\r\n convertToDateObj(dateString) {\r\n let dateParsedArray = dateString.split('-');\r\n let year = dateParsedArray[0];\r\n let month = dateParsedArray[1] - 1;\r\n let day = dateParsedArray[2];\r\n\r\n return new Date(year, month, day, 0, 0, 0);\r\n }\r\n\r\n numberOfDataPoints(request) {\r\n let sd = this.convertToDateObj(request.startDate);\r\n let ed = this.convertToDateObj(request.endDate);\r\n\r\n switch (request.granularity) {\r\n case 'Day':\r\n return Math.round((ed - sd) / (1000 * 60 * 60 * 24)) + 1; // make sure it's 30 data points when the date range is 1-30 (30 minus 1 is 29 so have to plus 1)\r\n case 'Week':\r\n return Math.round((ed - sd) / (1000 * 60 * 60 * 24 * 7));\r\n case 'Month':\r\n return Math.round((ed - sd) / (1000 * 60 * 60 * 24 * 30));\r\n case 'Quarter':\r\n return Math.round((ed - sd) / (1000 * 60 * 60 * 24 * 90)) + 1; // make sure it's counting 1 extra quarter e.g 2013-12-20 -> 2016-12-20 is 13 quarters, not 12\r\n default:\r\n return Math.round((ed - sd) / (1000 * 60 * 60));\r\n }\r\n }\r\n\r\n prependZero(numb) {\r\n return numb < 10 ? `0${numb}` : numb;\r\n }\r\n\r\n generateFormattedDateString(date) {\r\n return `${date.getYear() + 1900}-${this.prependZero(date.getMonth() + 1)}-${this.prependZero(date.getDate())}T${this.prependZero(date.getHours())}:${this.prependZero(date.getMinutes())}:${this.prependZero(date.getSeconds())}-08:00`;\r\n }\r\n\r\n generateMockData(request) {\r\n let rtnData = [];\r\n let chartDropdownOptions = [\r\n 'AverageCPC',\r\n 'Clicks',\r\n 'CPA',\r\n 'Conversions',\r\n 'CTR',\r\n 'Impressions',\r\n 'Spend',\r\n 'AveragePosition',\r\n 'ConversionRate',\r\n 'AdvertiserReportedRevenue',\r\n 'RevenueOnAdSpend',\r\n 'AllConversionCPA',\r\n 'AllConversions',\r\n 'AllConversionRate',\r\n 'AllConversionAdvertiserReportedRevenue',\r\n 'AllConversionRevenueOnAdSpend',\r\n 'ViewThroughConversions',\r\n 'ViewThroughConversionsRevenue',\r\n 'ViewThroughConversionsCPA',\r\n 'ViewThroughConversionsReturnOnAdSpend',\r\n 'ViewThroughConversionsRate',\r\n ];\r\n\r\n _.each(chartDropdownOptions, (metricOption) => {\r\n let obj = {\r\n MetricName: metricOption,\r\n PrimaryDataPoints: [],\r\n ComparisonDataPoints: [],\r\n };\r\n let dateObj = this.convertToDateObj(request.startDate);\r\n\r\n this._fillData(request, obj.PrimaryDataPoints, dateObj);\r\n // fill in pop data\r\n if (request.compareStartDate) {\r\n this._fillData(request, obj.ComparisonDataPoints, dateObj);\r\n }\r\n\r\n rtnData.push(obj);\r\n });\r\n\r\n return rtnData;\r\n }\r\n\r\n _fillData(request, dataPoints, dateObj) {\r\n if (request.granularity === 'Hour') {\r\n let day = dateObj.getDate();\r\n\r\n for (let i = 0; i < 24; i++) {\r\n // make sure if it's hourly, it doesn't exceed to the next day\r\n // this happens when there's the daylight savings time change\r\n if (dateObj.getDate() !== day) {\r\n break;\r\n }\r\n\r\n dataPoints.push({\r\n 'DateTime': this.generateFormattedDateString(dateObj),\r\n 'Value': Math.floor(Math.random() * 100),\r\n });\r\n dateObj.addHour(1);\r\n }\r\n } else if (request.granularity === 'Day') {\r\n let numbOfdataPoints = this.numberOfDataPoints(request);\r\n\r\n for (let i = 0; i < numbOfdataPoints; i++) {\r\n dataPoints.push({\r\n 'DateTime': this.generateFormattedDateString(dateObj),\r\n 'Value': Math.floor(Math.random() * 100),\r\n });\r\n dateObj.addDay(1);\r\n }\r\n } else if (request.granularity === 'Week') {\r\n let numbOfdataPoints = this.numberOfDataPoints(request);\r\n\r\n for (let i = 0; i < numbOfdataPoints; i++) {\r\n dataPoints.push({\r\n 'DateTime': this.generateFormattedDateString(dateObj),\r\n 'Value': Math.floor(Math.random() * 100),\r\n });\r\n dateObj.addDay(7);\r\n }\r\n } else if (request.granularity === 'Month') {\r\n let numbOfdataPoints = this.numberOfDataPoints(request);\r\n\r\n for (let i = 0; i < numbOfdataPoints; i++) {\r\n dataPoints.push({\r\n 'DateTime': this.generateFormattedDateString(dateObj),\r\n 'Value': Math.floor(Math.random() * 100),\r\n });\r\n dateObj.addMonth(1);\r\n }\r\n } else if (request.granularity === 'Quarter') {\r\n let numbOfdataPoints = this.numberOfDataPoints(request);\r\n\r\n for (let i = 0; i < numbOfdataPoints; i++) {\r\n dataPoints.push({\r\n 'DateTime': this.generateFormattedDateString(dateObj),\r\n 'Value': Math.floor(Math.random() * 100),\r\n });\r\n // use setMonth and getMonth because the addMonth function doesn't work\r\n dateObj.setMonth(dateObj.getMonth() + 3);\r\n }\r\n }\r\n }\r\n\r\n findAll(request) {\r\n // Must resolve the promise with the found items\r\n return new Promise((resolve /*, reject */) => {\r\n resolve(this.generateMockData(request));\r\n });\r\n }\r\n\r\n}\r\n\r\nexport default ChartDelegateAdapter;\r\n","import _ from 'underscore';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/inline-chart');\r\n\r\nexport function toODataMetricName(metric) {\r\n let metricMapping = {\r\n 0: 'AverageCPC',\r\n 1: 'Clicks',\r\n 2: 'CPA',\r\n 3: 'Conversions',\r\n 4: 'CTR',\r\n 5: 'Impressions',\r\n 6: 'Spend',\r\n 7: 'AveragePosition',\r\n 8: 'ConversionRate',\r\n 9: 'AdvertiserReportedRevenue',\r\n 10: 'RevenueOnAdSpend',\r\n 11: 'AllConversionCPA',\r\n 12: 'AllConversions',\r\n 13: 'AllConversionRate',\r\n 14: 'AllConversionAdvertiserReportedRevenue',\r\n 15: 'AllConversionRevenueOnAdSpend',\r\n 16: 'ViewThroughConversions',\r\n };\r\n\r\n let allMetrics = metric.toString().split(',');\r\n let ret = _.map(allMetrics, (m) => {\r\n return metricMapping[m] ? metricMapping[m] : m;\r\n });\r\n\r\n return `${ret}`;\r\n}\r\n\r\nexport function getMetricLocalizedNameForOdata(metric) {\r\n let convertedString = '';\r\n\r\n switch (metric) {\r\n case 0:\r\n convertedString = i18n.get('ColumnName_CostPerConversion');\r\n break;\r\n case 1:\r\n convertedString = i18n.get('ColumnName_Clicks');\r\n break;\r\n case 2:\r\n convertedString = i18n.get('ColumnName_CPA');\r\n break;\r\n case 3:\r\n convertedString = i18n.get('ColumnName_Conversions');\r\n break;\r\n case 4:\r\n convertedString = i18n.get('ColumnName_CTR');\r\n break;\r\n case 5:\r\n convertedString = i18n.get('TrendAreaChart_AxisY');\r\n break;\r\n case 6:\r\n convertedString = i18n.get('ColumnName_Spend');\r\n break;\r\n case 7:\r\n convertedString = i18n.get('Chart_AvgPosition');\r\n break;\r\n case 8:\r\n convertedString = i18n.get('ColumnName_ConversionRate');\r\n break;\r\n case 9:\r\n convertedString = i18n.get('ColumnName_Revenue');\r\n break;\r\n case 10:\r\n convertedString = i18n.get('ColumnName_ROAS');\r\n break;\r\n case 11:\r\n convertedString = i18n.get('ColumnName_AllConversionCPA');\r\n break;\r\n case 12:\r\n convertedString = i18n.get('ColumnName_AllConversions');\r\n break;\r\n case 13:\r\n convertedString = i18n.get('ColumnName_AllConversionRate');\r\n break;\r\n case 14:\r\n convertedString = i18n.get('ColumnName_AllConversionAdvertiserReportedRevenue');\r\n break;\r\n case 15:\r\n convertedString = i18n.get('ColumnName_AllConversionRevenueOnAdSpend');\r\n break;\r\n case 16:\r\n convertedString = i18n.get('ColumnName_ViewThroughConversions');\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return convertedString;\r\n}\r\n\r\nexport function toUIMetricId(metricName) {\r\n let chartNameTable = {};\r\n\r\n chartNameTable.AverageCPC = 0;\r\n chartNameTable.Clicks = 1;\r\n chartNameTable.CPA = 2;\r\n chartNameTable.Conversions = 3;\r\n chartNameTable.ClickThruRate = 4;\r\n chartNameTable.Impressions = 5;\r\n chartNameTable.Spent = 6;\r\n chartNameTable.AveragePosition = 7;\r\n chartNameTable.ConversionRate = 8;\r\n chartNameTable.AdvertiserReportedRevenue = 9;\r\n chartNameTable.RevenueOnAdSpend = 10;\r\n chartNameTable.AllConversionCPA = 11;\r\n chartNameTable.AllConversions = 12;\r\n chartNameTable.AllConversionRate = 13;\r\n chartNameTable.AllConversionAdvertiserReportedRevenue = 14;\r\n chartNameTable.AllConversionRevenueOnAdSpend = 15;\r\n chartNameTable.ViewThroughConversions = 16;\r\n\r\n return chartNameTable[metricName];\r\n}\r\n","import _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport edmCampaign from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport ChartDelegateAdapter from '@bingads-webui-campaign-legacy/inline-chart/chartdelegateadapter';\r\nimport odataFilterConverter from '@bingads-webui-static-legacy/odata-filter-converter';\r\nimport * as chartNameConverter from '@bingads-webui-campaign-legacy/inline-chart/chartnameconverter';\r\nimport { getParameter } from '@bingads-webui/url-util';\r\nimport * as cookie from '@bingads-webui/cookie';\r\nimport Constants from '@bingads-webui-campaign-legacy/inline-chart/constants';\r\nimport instrument from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport instrumentConsts from '@bingads-webui-static-legacy/instrumentation/constants';\r\nimport jsdata from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport PageContext from '@bingads-webui-static-legacy/page-context';\r\n\r\nconst { IsCustomerHierarchyEnabled } = (PageContext && PageContext.Permissions) || {};\r\n\r\nclass DataProvider {\r\n constructor() {\r\n this.p$jsdata = undefined;\r\n }\r\n\r\n fetchData(context, metric) {\r\n let request = this._generateRequest(context, metric);\r\n\r\n //TODO[tedlee]: remove this approach of using query string parameter before GA\r\n let useInlineChartMockData = !!(getParameter('useInlineChartMockData', window.location.href) === 'true') ||\r\n cookie.get('useInlineChartMockData') === 'true';\r\n\r\n if (useInlineChartMockData) {\r\n this.p$jsdata = this._fetchDataUsingMockDBAdapter(request);\r\n } else {\r\n this.p$jsdata = this._fetchDataUsingOdataAdapter(request, context.refreshGridData);\r\n }\r\n return this.p$jsdata;\r\n }\r\n\r\n /**\r\n * @param {Object} context - an object passed from viewmodel layer that contains date filter info, grid filter info, level and tab Id, and time grain.\r\n * @param {String} metric - an optional parameter that specifies which metric to request.\r\n * @return {Object} an request object for adapter layer to construct actual odata/mockdata request.\r\n */\r\n _generateRequest(context, metric) {\r\n let request = {};\r\n let transformedMetric = `'${chartNameConverter.toODataMetricName(metric)}'`;\r\n\r\n _.extend(request, {\r\n parentLevels: context.parentLevels, //[{name: 'Campaigns', id: 21223784}, { name: 'AdGroups', id: 654321}],\r\n edmEntity: context.currentEntity ? this._getEntityCollectionName(context.currentEntity) : Constants.CampaignEdmEntity,\r\n entity: context.currentEntity ? context.currentEntity : Constants.CampaignEntity,\r\n startDate: context && context.period ? this._formatDateString(context.period().start) : null,\r\n endDate: context && context.period ? this._formatDateString(context.period().end) : null,\r\n compareStartDate: context && context.period && context.period().compared ? this._formatDateString(context.period().compared.start) : null,\r\n compareEndDate: context && context.period && context.period().compared ? this._formatDateString(context.period().compared.end) : null,\r\n granularity: context.granularity && context.granularity() ? context.granularity() : 'Day', //TODO: Day\r\n metrics: transformedMetric,\r\n filters: context.filter(),\r\n movingAverage: context.isMovingAverageOn(),\r\n });\r\n return request;\r\n }\r\n\r\n _fetchDataUsingOdataAdapter(request, forceRefresh) {\r\n let filter = null;\r\n const filtersTypeString = typeof request.filters === 'string';\r\n\r\n // filter out the filters that has empty values, and log them\r\n let filtersToUse = filtersTypeString || !request.filters ?\r\n request.filters :\r\n _.select(request.filters, (filterExpression) => {\r\n const valueValid = !_.isEmpty(filterExpression.Values) && !_.contains(filterExpression.Values, ''); // no empty values\r\n\r\n if (!valueValid && instrument.logError) {\r\n instrument.logError('inlineChartV2/filterForFetch',\r\n `there are invalid values, requested filters are ${JSON.stringify(filterExpression)}`);\r\n }\r\n\r\n return valueValid; // filter out the empty values here\r\n });\r\n\r\n if (filtersToUse) {\r\n if (filtersTypeString) {\r\n filter = decodeURIComponent(filtersToUse);\r\n } else {\r\n filter = decodeURIComponent(odataFilterConverter.convertToURLParam(filtersToUse, request.entity));\r\n }\r\n\r\n // Note: temporary log added for analyzing filter expression mismatching issue.\r\n if (instrument.logMessage) {\r\n let filterRequested;\r\n\r\n if (filtersTypeString) {\r\n filterRequested = `{ \"type\" : \"string\", \"value\" : \"${filtersToUse}\" }`;\r\n } else {\r\n filterRequested = `{ \"type\" : \"object\", \"value\" : \"${JSON.stringify(filtersToUse[0])}\" }`;\r\n }\r\n\r\n instrument.logMessage([instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/filterForFetch',\r\n `{ \"entity\" : \"${request.entity}\", \"filter\" : \"${filter}\", \"request\" : \"${filterRequested}\" }`);\r\n }\r\n } else {\r\n filter = {};\r\n }\r\n\r\n if (!_.isEmpty(filter)) {\r\n //filter generated from odataFilterConvert starts with '$filter='. Remove this substring.\r\n filter = filter.slice(8);\r\n }\r\n\r\n return jsdata.PerformanceTimeSeries.findAll({\r\n where: filter,\r\n entitySet: this._getScope(request).toJSON(),\r\n }, {\r\n headers: {\r\n 'x-ms-refreshcampaigncache': !!forceRefresh,\r\n },\r\n // bypass cache, as inline chart needs data aligned with grid, we need always update to date here\r\n // use bypassCache instead of cacheResponse as elsewhere (performance card) may cache the response\r\n bypassCache: true,\r\n }).then((result) => {\r\n if (!_.isEmpty(result.errors)) {\r\n return Promise.reject(result);\r\n }\r\n return this._prepareData(request, result);\r\n });\r\n }\r\n\r\n _fetchDataUsingMockDBAdapter(request) {\r\n let mockDataAdapter = new ChartDelegateAdapter('mockdb');\r\n\r\n return mockDataAdapter.findAll(request).then((result) => {\r\n return this._prepareData(request, result);\r\n });\r\n }\r\n\r\n _formatDateString(dateStr) {\r\n let leftPadding = (s) => {\r\n return s.length === 1 ? `0${s}` : s;\r\n };\r\n const dt = new Date(Date.parse(dateStr));\r\n const year = `${dt.getFullYear()}`;\r\n const month = `${dt.getMonth() + 1}`;\r\n const day = `${dt.getDate()}`;\r\n\r\n return `${year}-${leftPadding(month)}-${leftPadding(day)}`;\r\n }\r\n\r\n _prepareData(request, results) {\r\n let transformChartPoints = (series) => {\r\n let ret = {};\r\n\r\n let convertData = (point, isPrimaryData) => {\r\n if (isPrimaryData) {\r\n ret.PrimaryData = ret.PrimaryData || [];\r\n } else {\r\n ret.ComparisonData = ret.ComparisonData || [];\r\n }\r\n\r\n // Because the data-time is based on campaign time zone by default,\r\n // ideally, the format of data-time string in OData response should not\r\n // contain time zone part. In case it does, we should remove it.\r\n // e.g. \"2016-11-11T00:00:00-08:00\" -> \"2016-11-11T00:00:00\"\r\n point.DateTime = point.DateTime.substring(0, 19);\r\n\r\n // Then since chart is based on UTC, we need shift the date-time string to UTC,\r\n // otherwise, it will be treated as client's local time zone which is wrong.\r\n // e.g. \"2016-11-11T00:00:00\" -> \"2016-11-11T00:00:00Z\"\r\n point.DateTime = point.DateTime + 'Z'; // eslint-disable-line\r\n\r\n let dateTime = new Date(point.DateTime);\r\n\r\n if (isPrimaryData) {\r\n ret.PrimaryData.push([dateTime.getTime(), point.Value]);\r\n } else {\r\n ret.ComparisonData.push([dateTime.getTime(), point.Value]);\r\n }\r\n };\r\n\r\n _.each(series.PrimaryDataPoints, (point) => {\r\n convertData(point, true);\r\n });\r\n\r\n _.each(series.ComparisonDataPoints, (point) => {\r\n convertData(point, false);\r\n });\r\n\r\n return ret;\r\n };\r\n\r\n\r\n let ret = {};\r\n\r\n _.each(results, (series) => {\r\n let chartName = chartNameConverter.toUIMetricId(series.MetricName);\r\n\r\n ret[chartName] = {};\r\n ret[chartName] = transformChartPoints(series);\r\n });\r\n\r\n return ret;\r\n }\r\n\r\n _getScope(request) {\r\n let navigation = null;\r\n\r\n navigation = this._getNavigation(request.edmEntity);\r\n\r\n _.each(request.parentLevels, (nav) => {\r\n if (nav && _.isString(nav.id)) {\r\n nav.id = parseInt(nav.id);\r\n }\r\n navigation = navigation[nav.name].$withKey(nav.id);\r\n });\r\n\r\n if (request && request.edmEntity) {\r\n navigation = navigation[request.edmEntity];\r\n }\r\n\r\n let entitySet = navigation[IsCustomerHierarchyEnabled && request.edmEntity === 'Accounts' ? 'Default.HierarchicalPerformanceTimeSeries' : 'Default.PerformanceTimeSeries'].$call({\r\n granularity: `Enum.Granularity'${request.granularity}'`,\r\n startDate: request.startDate,\r\n endDate: request.endDate,\r\n comparisonStartDate: request.compareStartDate ? request.compareStartDate : null,\r\n comparisonEndDate: request.compareEndDate ? request.compareEndDate : null,\r\n metrics: request.metrics,\r\n // [tedled]: put movingAverage as false for now. will make it reflect the checkbox's selection\r\n movingAverage: request.movingAverage,\r\n });\r\n\r\n return entitySet;\r\n }\r\n\r\n _getNavigation(entityType) {\r\n switch (entityType) {\r\n case Constants.AccountEdmEntity:\r\n return edmCampaign.currentCustomer;\r\n case Constants.DynamicSearchAdsEdmEntity:\r\n // placeholder for DSA. This has to be changed.\r\n return edmCampaign.currentCustomer;\r\n case Constants.CampaignEdmEntity:\r\n return edmCampaign.currentAccount;\r\n default:\r\n return edmCampaign.currentAccount;\r\n }\r\n }\r\n\r\n _getEntityCollectionName(name) {\r\n let nameMapping = {\r\n Campaign: Constants.CampaignEdmEntity,\r\n Keyword: Constants.KeywordEdmEntity,\r\n Account: Constants.AccountEdmEntity,\r\n NegativeKeyword: Constants.KeywordEdmEntity, // Negative keywords also show keyword performance trend\r\n NegativeKeywordList: Constants.KeywordEdmEntity, // Negative keyword lists also show keyword performance trend\r\n AdGroup: Constants.AdGroupEdmEntity,\r\n Ad: Constants.AdEdmEntity,\r\n CampaignCriterion: Constants.CampaignCriterionEdmEntity,\r\n AdGroupCriterion: Constants.AdGroupCriterionEdmEntity,\r\n };\r\n\r\n if (nameMapping[name]) {\r\n return nameMapping[name];\r\n }\r\n return name;\r\n }\r\n}\r\n\r\nexport\r\ndefault DataProvider;\r\n","import _ from 'underscore';\r\nimport BPromise from 'bluebird';\r\nimport { PreferencesSubadapter } from '@bingads-webui-component-legacy/bingads-grid/service/preference-subadapter';\r\nimport { store, adapter } from '@bingads-webui-component-legacy/bingads-grid/service/grid-preferences';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\n\r\nexport let InlineChart = store.definitions.InlineChart;\r\n\r\n// To avoid 'Duplicated subadapter registration' error in new UI when we inject feature bundles\r\nif (_.isUndefined(InlineChart)) {\r\n InlineChart = store.defineResource('InlineChart');\r\n adapter.registerSubadapter('InlineChart', new PreferencesSubadapter({\r\n Resource: InlineChart,\r\n prefix({\r\n where: {\r\n project = 'CampaignUI',\r\n } = {},\r\n } = {}) {\r\n if (_.some([project], _.negate(_.isString))) {\r\n throw new Error('Invalid where clause');\r\n }\r\n\r\n return `WebApp.${project}.InlineChart`;\r\n },\r\n\r\n serialize(attrs) {\r\n const { id, project, inlineChartData } = attrs;\r\n\r\n if (_.some(project, _.negate(_.isString))) {\r\n throw new Error('Invalid attributes');\r\n }\r\n\r\n return {\r\n Id: id,\r\n Name: `WebApp.${project}.InlineChart`,\r\n Data: inlineChartData,\r\n Type: 'object',\r\n Version: 1,\r\n };\r\n },\r\n\r\n deserialize(data) {\r\n const match = data.Name.match(/^WebApp\\.(\\w+)\\.InlineChart/);\r\n\r\n if (!match) {\r\n throw new Error('Invalid preference name');\r\n }\r\n\r\n const project = match.slice(1);\r\n const inlineChartData = data.Data;\r\n const id = data.Id;\r\n\r\n return { id, project, inlineChartData };\r\n },\r\n }));\r\n}\r\n\r\n/*\r\n * This funciont gets inline chart specific preference data, and returns\r\n * promise with resolved data. If key is injected as parameter, it will\r\n * return the speicific key value inside the inline chart preference\r\n * Otherwise, it returns all key/value pairs saved for inline charts.\r\n * eg) getInlineChartInfo('CampaignUI', 'Campaign-showChart')\r\n * => promise with true/false result\r\n * getInlineChartInfo('CampaignUI')\r\n * => promise with set of key/values stored in preference\r\n*/\r\nexport function getInlineChartInfo(key = null, project = 'CampaignUI') {\r\n return InlineChart.findAll({\r\n where: { project },\r\n }).then((record) => {\r\n if (record.length === 0) {\r\n InlineChart.create({ inlineChartData: {}, project }, {\r\n path: config.get('odata.path'),\r\n });\r\n }\r\n const keyRecord = key ? record[0].inlineChartData[key] : record[0];\r\n\r\n return BPromise.resolve(record.length ? keyRecord : _.noop());\r\n });\r\n}\r\n\r\n/*\r\n * This funciont sets inline chart specific preference data, and returns\r\n * promise with resolved data. If provided key in passed parameter exists in preference\r\n * already, then it will update the value. Otherwise it will create a new key/value pair.\r\n * eg) setInlineChartInfo('{\r\n * 'Campaign-showChart': true,\r\n * }', 'CampaignUI')\r\n * => a 'Campaign-showChart' key is created/updated on preference service\r\n*/\r\nexport function setInlineChartInfo(item, project = 'CampaignUI') {\r\n return getInlineChartInfo().then((record) => {\r\n const inlineChartInfo = _.result(record, 'inlineChartData');\r\n const newinlineChartInfo = inlineChartInfo ? _.extend({}, inlineChartInfo, item) : item;\r\n\r\n if (record && !_.isEmpty(newinlineChartInfo)) {\r\n return InlineChart.update(record.id, { inlineChartData: newinlineChartInfo });\r\n } else {\r\n return InlineChart.create({ inlineChartData: newinlineChartInfo, project }, {\r\n path: config.get('odata.path'),\r\n });\r\n }\r\n });\r\n}\r\n","/* eslint-disable quotes */\r\nimport _ from 'underscore';\r\nimport ko from 'knockout';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport InlineChartDropDownOption from '@bingads-webui-campaign-legacy/inline-chart/model/inlinechartdropdownoption';\r\nimport GranularityDropDownOption from '@bingads-webui-campaign-legacy/inline-chart/model/granularityDropdownOption';\r\nimport DataProvider from '@bingads-webui-campaign-legacy/inline-chart/chartdataprovider';\r\nimport PageContext from '@bingads-webui-static-legacy/page-context';\r\nimport CampaignState from '@bingads-webui-campaign-legacy/campaign-state/index';\r\nimport * as chartNameConverter from '@bingads-webui-campaign-legacy/inline-chart/chartnameconverter';\r\nimport { getInlineChartInfo, setInlineChartInfo } from '@bingads-webui-campaign-legacy/inline-chart/inline-chart-preferences';\r\nimport instrument from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport instrumentSetting from '@bingads-webui-static-legacy/instrumentation/campaignSchemaAndSetting';\r\nimport instrumentConsts from '@bingads-webui-static-legacy/instrumentation/constants';\r\nimport instrumentation from '@bingads-webui-static-legacy/instrumentation/instrumentation'; // eslint-disable-line\r\nimport $ from 'jquery';\r\nimport BluebirdPromise from 'bluebird';\r\nimport Highcharts from 'highcharts';\r\nimport Constants from '@bingads-webui-campaign-legacy/inline-chart/constants';\r\nimport * as allColors from '@bingads-webui-campaign-legacy/performance-graph/graph/color';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/inline-chart');\r\n\r\nexport default class InlineChartViewModel {\r\n constructor(options) {\r\n // chart context\r\n this.learnMoreLabel = i18n.get('LearnMoreLinkText');\r\n this.isUsingVnextGrid = options.isUsingVnextGrid;\r\n this.entityType = options.entityType;\r\n this.tab = options.tab;\r\n this.currentEntity = ko.observable(null);\r\n this.filter = ko.observable(null);\r\n this.period = ko.observable(null);\r\n this.granularity = ko.observable(null);\r\n this.isMovingAverageChecked = ko.observable(false);\r\n this.primaryMetricId = ko.observable(0);\r\n this.secondaryMetricId = ko.observable(0);\r\n this.parentLevels = ko.observable([]);\r\n this.project = 'CampaignUI';\r\n\r\n this.chartDataProvider = new DataProvider();\r\n this.showChart = ko.observable(true);\r\n this.chartTitle = ko.observable();\r\n this.isDataAvailable = ko.observable(false);\r\n this.noDataText = ko.observable(i18n.get('BI_Chart_NoData'));\r\n this.isComparisonDataMissing = ko.observable(false);\r\n this.comparisonDataMissingText = ko.observable(i18n.get('BI_Chart_Missing_ComparisonData'));\r\n this.showMovingAverageText = ko.observable(i18n.get('BI_Chart_Show_MovingAverage'));\r\n this.newFeatureLabel = ko.observable(i18n.get('New_Feature_Label'));\r\n this.isChartLoading = ko.observable(true);\r\n this.isGranularityShowing = ko.observable(true);\r\n this.xAxisStartValue = ko.observable(null);\r\n this.xAxisEndValue = ko.observable(null);\r\n this.comparedXAxisStartValue = ko.observable(null);\r\n this.comparedXAxisEndValue = ko.observable(null);\r\n this.hideToolbar = ko.observable(false);\r\n this.hideToggleIcon = ko.observable(false);\r\n this.isDataFetchingDone = false;\r\n\r\n if (this.isUsingVnextGrid) {\r\n state.getPromise('$daterange').then((result) => {\r\n this.period(result);\r\n });\r\n }\r\n\r\n this.isPopOn = ko.computed(() => {\r\n return this.period() ? this.period().compared != null : false;\r\n }, this);\r\n\r\n this.isMovingAverageVisible = ko.computed(() => {\r\n if (this.granularity() !== 'Day') {\r\n return false;\r\n }\r\n\r\n let startDate;\r\n let endDate;\r\n let daysBetween;\r\n let oneDayMillisecondFrame = 1000 * 60 * 60 * 24;\r\n\r\n if (this.isUsingVnextGrid) {\r\n startDate = this.period().start;\r\n endDate = this.period().end;\r\n } else if (window.App && window.App.views && window.App.views.Summary && window.App.views.Summary.dateFilter && window.App.views.Summary.dateFilter.ko_model && this.granularity() === 'Day') {\r\n startDate = window.App.views.Summary.dateFilter.ko_model.appliedRange().start;\r\n endDate = window.App.views.Summary.dateFilter.ko_model.appliedRange().end;\r\n }\r\n\r\n if (startDate && endDate) {\r\n daysBetween = Math.round((endDate - startDate) / oneDayMillisecondFrame);\r\n\r\n if (this.isPopOn() || daysBetween > 31) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }, this);\r\n\r\n this.isMovingAverageOn = ko.computed(() => {\r\n if (this.isMovingAverageVisible()) {\r\n return this.isMovingAverageChecked();\r\n } else {\r\n return false;\r\n }\r\n }, this);\r\n\r\n this.granularityOptions = ko.observable(null);\r\n this.granularityId = 0;\r\n\r\n this.primaryMetricOptions = ko.observable(null);\r\n this.secondaryMetricOptions = ko.observable(null);\r\n\r\n // cached chart data that's used to render chart for different metric\r\n this.cachedChartData = {};\r\n\r\n this._getChartDataWhenSubscribed(this.granularity);\r\n this._getChartDataWhenSubscribed(this.isMovingAverageOn);\r\n\r\n this.startDate = ko.computed(() => {\r\n return this.period() ? this.period().start : null;\r\n }, this);\r\n\r\n this.endDate = ko.computed(() => {\r\n return this.period() ? this.period().end : null;\r\n }, this);\r\n\r\n this.comparedStartDate = ko.computed(() => {\r\n return this.period() && this.period().compared ? this.period().compared.start : null;\r\n }, this);\r\n\r\n this.comparedEndDate = ko.computed(() => {\r\n return this.period() && this.period().compared ? this.period().compared.end : null;\r\n }, this);\r\n\r\n this.primaryData = ko.observableArray();\r\n this.secondaryData = ko.observableArray();\r\n this.selectedPrimaryCategory = ko.observable();\r\n this.selectedSecondaryCategory = ko.observable();\r\n\r\n this.maxDate = new Date(9999, 12, 31);\r\n\r\n this.needUpdateChart = false;\r\n this.chartUpdatingPromise = null;\r\n\r\n if (window.App && window.App.on) {\r\n window.App.on('log-validation-method', (method) => {\r\n instrument.logMessage(\r\n [instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/validateFilter',\r\n `method called: ${method}`);\r\n });\r\n }\r\n\r\n this.queueAsync = BluebirdPromise.resolve();\r\n\r\n _.bindAll(this,\r\n 'onPrimaryMetricSelected',\r\n 'onSecondaryMetricSelected',\r\n 'onShowChartButtonClick',\r\n 'onMovingAverageClick',\r\n 'onGranularitySelected',\r\n 'reloadChartData',\r\n 'formatDate',\r\n 'calculatePercentageDiff',\r\n '_getQuarter',\r\n '_getChartDataWhenSubscribed',\r\n '_updateChart',\r\n '_getChartData',\r\n '_refreshAllCharts',\r\n '_setCategoryAndData',\r\n '_metricSelectedHandler',\r\n '_alignDataForComparison',\r\n '_getChartTitle',\r\n '_getChartDataForMetric',\r\n '_logChartData',\r\n '_validateFilter',\r\n '_logCurrentFilterInfo'\r\n );\r\n }\r\n\r\n onPrimaryMetricSelected(event) {\r\n const prefObj = {};\r\n\r\n this.primaryMetricId(event.id);\r\n this._metricSelectedHandler(this.primaryData, this.selectedPrimaryCategory, allColors.primary, event);\r\n\r\n prefObj[`${PageContext.CurrentTabId}-primaryMetric`] = this.selectedPrimaryCategory().id;\r\n if (setInlineChartInfo) {\r\n setInlineChartInfo(prefObj, this.project);\r\n }\r\n }\r\n\r\n onSecondaryMetricSelected(event) {\r\n const prefObj = {};\r\n\r\n this.secondaryMetricId(event.id);\r\n this._metricSelectedHandler(this.secondaryData, this.selectedSecondaryCategory, allColors.secondary, event);\r\n\r\n prefObj[`${PageContext.CurrentTabId}-secondaryMetric`] = this.selectedSecondaryCategory().id;\r\n if (setInlineChartInfo) {\r\n setInlineChartInfo(prefObj, this.project);\r\n }\r\n }\r\n\r\n onShowChartButtonClick() {\r\n const prefObj = {};\r\n\r\n this.showChart(!this.showChart());\r\n prefObj[`${PageContext.CurrentTabId}-showChart`] = this.showChart();\r\n\r\n if (setInlineChartInfo) {\r\n setInlineChartInfo(prefObj, this.project).then(() => {\r\n if (this.showChart()) {\r\n this.reloadChartData(this.filter(), this.currentEntity());\r\n }\r\n });\r\n }\r\n }\r\n\r\n onMovingAverageClick() {\r\n const prefObj = {};\r\n\r\n this.isMovingAverageChecked(!this.isMovingAverageChecked());\r\n prefObj[`${PageContext.CurrentTabId}-showMovingAverage`] = this.isMovingAverageChecked();\r\n\r\n if (setInlineChartInfo) {\r\n setInlineChartInfo(prefObj, this.project);\r\n }\r\n return true;\r\n }\r\n\r\n onGranularitySelected(event) {\r\n if (this.showChart()) {\r\n const prefObj = {};\r\n\r\n this.granularity(event.enumValue);\r\n this.granularityId = event.id;\r\n\r\n prefObj[`${PageContext.CurrentTabId}-granularity`] = event.enumValue;\r\n if (setInlineChartInfo) {\r\n setInlineChartInfo(prefObj, this.project);\r\n }\r\n }\r\n }\r\n\r\n // DateRange, Pop and Filter and other grid changes will trigger reloadChartData\r\n reloadChartData(filter, entity, forceRefresh) {\r\n this.parentLevels(this._getParentLevels());\r\n\r\n let filterObj = filter;\r\n let entityObj = entity || this.entityType || this._getDefaultEntityBaseOnParentLevels(this.parentLevels());\r\n\r\n this.forceRefresh = forceRefresh;\r\n\r\n // if entity is search term or auction insight, set entity to be empty for default and set filter to empty\r\n if (entityObj === Constants.SearchTermEntity || entityObj === Constants.AuctionInsightEntity || entityObj === Constants.AudiencesAssociationEntity) {\r\n entityObj = '';\r\n filterObj = {};\r\n }\r\n\r\n let filterUrlParam;\r\n\r\n // At line 291, filterUrlParam as a string may be set to this.filter\r\n // onShowChartButtonClick would get the string by calling this.filter() and pass it in the current function\r\n if (_.isString(filter)) {\r\n filterUrlParam = filter;\r\n } else {\r\n const filterString = filterObj && filterObj.odataV4 ? filterObj.odataV4({ ignoreCase: false }) : '';\r\n\r\n filterUrlParam = encodeURI(filterString ? `$filter=${filterString}` : '');\r\n }\r\n\r\n // When there is no filter applied, PerformanceTimeSerieis request for all entities(Adsgroup, Ads, Kewords)\r\n // needs to query on Campaign entity inorder to improve MT performance.\r\n // the PerformanceData fetched is for Account or Campaign based on the parent level.\r\n // We skip this optimization for AccountSummary and demographics tab as they need to use the\r\n // speicified entity.\r\n if (this.isUsingVnextGrid &&\r\n !filterUrlParam &&\r\n entityObj !== 'Accounts' &&\r\n entityObj !== 'CampaignCriterions' &&\r\n entityObj !== 'AdGroupCriterions') {\r\n // No filters set default base entity.\r\n entityObj = this._getDefaultEntityBaseOnParentLevels(this.parentLevels());\r\n }\r\n\r\n this.currentEntity(entityObj);\r\n\r\n // Handles filter and showChart\r\n this.filter(this.isUsingVnextGrid ? filterUrlParam : this._validateFilter(filterObj));\r\n if (getInlineChartInfo) {\r\n getInlineChartInfo().then((result) => {\r\n const prefObj = result ? result.inlineChartData : {};\r\n\r\n this.showChart(_.isUndefined(prefObj[`${PageContext.CurrentTabId}-showChart`]) ?\r\n true :\r\n prefObj[`${PageContext.CurrentTabId}-showChart`]);\r\n if (this.showChart()) {\r\n let func = () => {\r\n let flagUpdateChart = true;\r\n let p$granularityOptions = new GranularityDropDownOption({\r\n usingNewDatefilter: this.isUsingVnextGrid,\r\n });\r\n let dateRange = state.getPromise('$daterange');\r\n\r\n BluebirdPromise.all([p$granularityOptions, dateRange]).then((promiseResults) => {\r\n const granularityOptions = promiseResults[0];\r\n const dateRangeRes = promiseResults[1];\r\n\r\n this.chartTitle(this._getChartTitle());\r\n\r\n if (this.isUsingVnextGrid) {\r\n this.period(dateRangeRes);\r\n } else {\r\n // handle date range (including Pop)\r\n const dateRangeObj = {};\r\n\r\n if (window.App && window.App.views && window.App.views.Summary && window.App.views.Summary.dateFilter && window.App.views.Summary.dateFilter.ko_model) {\r\n dateRangeObj.start = window.App.views.Summary.dateFilter.ko_model.appliedRange().start;\r\n dateRangeObj.end = window.App.views.Summary.dateFilter.ko_model.appliedRange().end;\r\n dateRangeObj.compared = window.App.views.Summary.dateFilter.ko_model.appliedComparedRange();\r\n }\r\n this.period(dateRangeObj);\r\n }\r\n\r\n // Reload Pop\r\n // Recover original value from preference service\r\n const showMovingAverageInPref = prefObj[`${PageContext.CurrentTabId}-showMovingAverage`] || true;\r\n\r\n this.isMovingAverageChecked(showMovingAverageInPref !== null && showMovingAverageInPref !== '' ? showMovingAverageInPref === 'true' : false);\r\n\r\n // Reload granularity\r\n let granularityInPref = prefObj[`${PageContext.CurrentTabId}-granularity`] || 'Day';\r\n let granularityItemArray = $.grep(granularityOptions.data, (e) => {\r\n return !e.disabled && e.enumValue === granularityInPref;\r\n });\r\n let granularityItem = granularityItemArray[0];\r\n\r\n //Get available granularity based on date range\r\n let firstEnabledGranularity = 0;\r\n\r\n for (firstEnabledGranularity = 0; firstEnabledGranularity < granularityOptions.data.length; firstEnabledGranularity++) {\r\n if (granularityOptions.data[firstEnabledGranularity] && !granularityOptions.data[firstEnabledGranularity].disabled) {\r\n break;\r\n }\r\n }\r\n\r\n // if there's no supported granularity, show an error message\r\n if (firstEnabledGranularity >= granularityOptions.data.length) {\r\n this.isChartLoading(false);\r\n this.isDataAvailable(false);\r\n this.isGranularityShowing(false);\r\n\r\n flagUpdateChart = false;\r\n } else {\r\n this.granularity(granularityItem ? granularityItem.enumValue : granularityOptions.data[firstEnabledGranularity].enumValue);\r\n this.granularityId = granularityItem ? granularityItem.id : granularityOptions.data[firstEnabledGranularity].id;\r\n this.granularityOptions(granularityOptions.data);\r\n this.isGranularityShowing(true);\r\n\r\n flagUpdateChart = true;\r\n }\r\n\r\n // Reload metrics\r\n const metricOptions = new InlineChartDropDownOption().fetch();\r\n const primaryMetric = prefObj[`${PageContext.CurrentTabId}-primaryMetric`];\r\n const primaryIdInPref = _.isUndefined(primaryMetric) || _.isNull(primaryMetric) || !_.find(metricOptions.data, {id: primaryMetric}) ?\r\n Constants.ClickMetricId : primaryMetric;\r\n const secondaryMetric = prefObj[`${PageContext.CurrentTabId}-secondaryMetric`];\r\n const secondaryIdInPref = _.isUndefined(secondaryMetric) || _.isNull(secondaryMetric) || !_.find(metricOptions.data, {id: secondaryMetric}) ?\r\n Constants.NoneMetricId : secondaryMetric;\r\n\r\n if (!(_.isUndefined(primaryIdInPref) || _.isNull(primaryIdInPref))) {\r\n this.primaryMetricId(parseInt(primaryIdInPref));\r\n }\r\n if (!(_.isUndefined(secondaryIdInPref) || _.isNull(secondaryIdInPref))) {\r\n this.secondaryMetricId(parseInt(secondaryIdInPref));\r\n }\r\n\r\n const isAgeOrGenderTab = this.tab === \"Age\" || this.tab === \"Gender\";\r\n\r\n this.primaryMetricOptions(new InlineChartDropDownOption({filterOptionId: isAgeOrGenderTab ? [2] : []}).fetch());\r\n\r\n let secondaryMetricOptions = new InlineChartDropDownOption({filterOptionId: isAgeOrGenderTab ? [2] : []}).fetch();\r\n\r\n secondaryMetricOptions.data.unshift({ id: -1, value: i18n.get('InlineChart_Metric_None') });\r\n this.secondaryMetricOptions(secondaryMetricOptions);\r\n\r\n this.isMovingAverageChecked(!!prefObj[`${PageContext.CurrentTabId}-showMovingAverage`]);\r\n\r\n // Update chart\r\n if (flagUpdateChart) {\r\n return this._updateChart();\r\n } else {\r\n return null;\r\n }\r\n });\r\n };\r\n\r\n if (instrument.asLoggingStart) {\r\n return instrument.asLoggingStart(func, instrumentSetting.ACTIVITYNAME.InlineChartV2ReloadChart, instrumentSetting.SCENARIONAME.InlineChartV2ReloadChart)();\r\n } else {\r\n return func();\r\n }\r\n } else {\r\n return null;\r\n }\r\n });\r\n }\r\n }\r\n\r\n formatDate(timestamp) {\r\n if (timestamp) {\r\n switch (this.granularity()) {\r\n case 'Hour':\r\n return Highcharts.dateFormat('%H:%M %m/%d/%Y', timestamp);\r\n case 'Day':\r\n return Highcharts.dateFormat('%a %m/%d/%Y', timestamp);\r\n case 'Week':\r\n return `Week of ${Highcharts.dateFormat('%b %d, %Y', timestamp)}`;\r\n case 'Month':\r\n return Highcharts.dateFormat('%b %Y', timestamp);\r\n case 'Quarter':\r\n return `Q${this._getQuarter(new Date(timestamp))} ${Highcharts.dateFormat('%Y', timestamp)}`;\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n return '';\r\n }\r\n\r\n calculatePercentageDiff(selectedCategory) {\r\n if (selectedCategory && selectedCategory.id === -1) {\r\n return '';\r\n }\r\n let metricData = this.cachedChartData[selectedCategory.id];\r\n let primarySum = 0;\r\n let comparisonSum = 0;\r\n let primaryAvg = 0;\r\n let comparisonAvg = 0;\r\n let value = 0;\r\n\r\n _.each(metricData.PrimaryData, (dataObj) => {\r\n if (dataObj) {\r\n primarySum = primarySum + dataObj[1];\r\n }\r\n });\r\n _.each(metricData.ComparisonData, (dataObj) => {\r\n if (dataObj) {\r\n comparisonSum = comparisonSum + dataObj[1];\r\n }\r\n });\r\n\r\n if (metricData.PrimaryData && metricData.ComparisonData) {\r\n primaryAvg = primarySum / metricData.PrimaryData.length;\r\n comparisonAvg = comparisonSum / metricData.ComparisonData.length;\r\n let avgDiff = Math.round((primaryAvg - comparisonAvg) * 100 / comparisonAvg);\r\n\r\n value = _.isNaN(avgDiff) ? 'infinity' : avgDiff;\r\n }\r\n\r\n return value === 'infinity' || value >= 0 ? ` (
)`;\r\n }\r\n\r\n _getQuarter(dateObj) {\r\n if (dateObj) {\r\n switch (dateObj.getUTCMonth()) {\r\n case 0:\r\n case 1:\r\n case 2:\r\n return 1;\r\n case 3:\r\n case 4:\r\n case 5:\r\n return 2;\r\n case 6:\r\n case 7:\r\n case 8:\r\n return 3;\r\n case 9:\r\n case 10:\r\n case 11:\r\n return 4;\r\n default:\r\n return -1;\r\n }\r\n }\r\n\r\n return -1;\r\n }\r\n\r\n _getChartDataWhenSubscribed(event) {\r\n event.subscribe(() => {\r\n let func = () => {\r\n return this._updateChart();\r\n };\r\n\r\n if (instrument.asLoggingStart) {\r\n return instrument.asLoggingStart(func, instrumentSetting.ACTIVITYNAME.InlineChartV2ReloadChart, instrumentSetting.SCENARIONAME.InlineChartV2ReloadChart)();\r\n } else {\r\n return func();\r\n }\r\n });\r\n }\r\n\r\n // validate the filter\r\n // right now only verify the case when filter value is undefined\r\n _validateFilter(filter) {\r\n if (!filter) {\r\n return filter;\r\n }\r\n\r\n _.each(filter, (obj) => {\r\n // validate the value. exclude the 'undefined' value\r\n if (obj.Values && obj.Values.length > 0) {\r\n let values = [];\r\n\r\n _.each(obj.Values, (value) => {\r\n if (value !== undefined) {\r\n values.push(value);\r\n } else if (instrument.logMessage) {\r\n instrument.logMessage(\r\n [instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/validateFilter',\r\n `undefined filter value detected. filter: ${JSON.stringify(filter)}`);\r\n }\r\n });\r\n\r\n obj.Values = values;\r\n }\r\n\r\n // exclude this filter since there's no filter value\r\n if (obj.Values && obj.Values.length === 0) {\r\n return;\r\n }\r\n });\r\n\r\n return filter;\r\n }\r\n\r\n _updateChart() {\r\n this.isDataFetchingDone = false;\r\n\r\n // Clean old data before fetching the new data\r\n this.primaryData([]);\r\n this.secondaryData([]);\r\n\r\n this.needUpdateChart = true;\r\n\r\n this.chartUpdatingPromise = this.queueAsync.then(() => {\r\n if (!this.needUpdateChart) {\r\n return;\r\n }\r\n\r\n this.needUpdateChart = false;\r\n\r\n // Prepare chart context\r\n let chartContext = {\r\n currentEntity: this.currentEntity(),\r\n parentLevels: this.parentLevels(),\r\n filter: this.filter,\r\n period: this.period,\r\n granularity: this.granularity,\r\n isMovingAverageOn: this.isMovingAverageOn,\r\n refreshGridData: this.forceRefresh,\r\n };\r\n\r\n // Note: temporary log added for analyzing filter expression mismatching issue.\r\n if (instrument.logMessage) {\r\n instrument.logMessage([instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/updateChartWithFilterASync',\r\n `{ \"entity\" : \"${chartContext.currentEntity}\", \"filter\" : \"${JSON.stringify(chartContext.filter())}\" }`);\r\n }\r\n\r\n // Fetch data\r\n this._getChartData(chartContext, 'All').then((result) => {\r\n this.isDataFetchingDone = true;\r\n\r\n this.isDataAvailable(result && result[0] && result[0].PrimaryData && result[0].PrimaryData.length !== 0);\r\n this.isComparisonDataMissing(!(result && result[0] && result[0].ComparisonData && result[0].ComparisonData.length !== 0));\r\n this.noDataText(i18n.get('BI_Chart_NoData'));\r\n\r\n if (this.isDataAvailable()) {\r\n let xAxisStartDate = result[0].PrimaryData[0][0];\r\n let xAxisEndDate = result[0].PrimaryData[result[0].PrimaryData.length - 1][0];\r\n\r\n this.xAxisStartValue(this.formatDate(xAxisStartDate));\r\n this.xAxisEndValue(this.formatDate(xAxisEndDate));\r\n if (this.isComparisonDataMissing()) {\r\n this.comparedXAxisStartValue(null);\r\n this.comparedXAxisEndValue(null);\r\n } else {\r\n this.comparedXAxisStartValue(this.formatDate(this.comparedStartDate()));\r\n this.comparedXAxisEndValue(this.formatDate(this.comparedEndDate()));\r\n }\r\n } else {\r\n this.xAxisStartValue(null);\r\n this.xAxisEndValue(null);\r\n this.comparedXAxisStartValue(null);\r\n this.comparedXAxisEndValue(null);\r\n }\r\n\r\n //massage data to align charts if number of data points are different in case of pop or moving average\r\n if (this.isPopOn()) {\r\n this._alignDataForComparison(result);\r\n }\r\n\r\n // cache the result\r\n this.cachedChartData = result;\r\n this._refreshAllCharts(result);\r\n\r\n this._logChartData();\r\n }).then(() => {\r\n // loading succeeded\r\n this.isChartLoading(false);\r\n this.noDataText(i18n.get('BI_Chart_NoData'));\r\n if (instrument.endActivity) {\r\n instrument.endActivity(instrumentSetting.ACTIVITYNAME.InlineChartV2ReloadChart);\r\n }\r\n }, (err) => {\r\n const errorCode = _.result(_.first(_.result(err, 'errors')), 'Code');\r\n\r\n // loading failed\r\n this.isChartLoading(false);\r\n this.noDataText(i18n.get(`BI_Chart_Error_${errorCode}`) || i18n.get('BI_Chart_Error'));\r\n this.isDataAvailable(false);\r\n this.xAxisStartValue(null);\r\n this.xAxisEndValue(null);\r\n this.comparedXAxisStartValue(null);\r\n this.comparedXAxisEndValue(null);\r\n\r\n if (instrument.endActivity) {\r\n instrument.endActivity(instrumentSetting.ACTIVITYNAME.InlineChartV2ReloadChart, false);\r\n }\r\n throw err;\r\n });\r\n });\r\n\r\n return this.chartUpdatingPromise;\r\n }\r\n\r\n _getChartData(context, metric) {\r\n this.isChartLoading(true);\r\n\r\n return this.chartDataProvider.fetchData(context, metric);\r\n }\r\n\r\n _refreshAllCharts(chartData) {\r\n this._setCategoryAndData(chartData, this.selectedPrimaryCategory(), allColors.primary, this.primaryData);\r\n this._setCategoryAndData(chartData, this.selectedSecondaryCategory(), allColors.secondary, this.secondaryData);\r\n }\r\n\r\n _setCategoryAndData(chartData, selectedCategory, colors, data) {\r\n if (selectedCategory && selectedCategory.id !== -1) {\r\n let currentData = chartData[selectedCategory.id];\r\n let primaryData = {\r\n data: currentData.PrimaryData,\r\n };\r\n let comparisonData = {\r\n data: currentData.ComparisonData,\r\n };\r\n let rtnData = [];\r\n\r\n if (primaryData && primaryData.data) {\r\n primaryData.category = selectedCategory.id;\r\n primaryData.name = chartNameConverter.getMetricLocalizedNameForOdata(selectedCategory.id);\r\n primaryData.color = colors.original;\r\n rtnData.push(primaryData);\r\n }\r\n\r\n if (comparisonData && comparisonData.data) {\r\n comparisonData.category = selectedCategory.id;\r\n comparisonData.name = chartNameConverter.getMetricLocalizedNameForOdata(selectedCategory.id);\r\n comparisonData.xAxis = 1;\r\n comparisonData.color = colors.comparative;\r\n rtnData.push(comparisonData);\r\n }\r\n\r\n if (colors === allColors.secondary && selectedCategory.id !== -1) {\r\n primaryData.yAxis = 1;\r\n comparisonData.yAxis = 1;\r\n }\r\n\r\n data(rtnData);\r\n }\r\n }\r\n\r\n _metricSelectedHandler(dataObservable, categoryObservable, colors, metric) {\r\n if (metric.id === '-1') {\r\n this.dataObservable([]);\r\n } else {\r\n categoryObservable(metric);\r\n let currentData = this._getChartDataForMetric(metric.id, colors.original);\r\n let primaryData = {\r\n data: currentData.length > 0 ? currentData[0].PrimaryData : null,\r\n };\r\n let comparisonData = {\r\n data: currentData.length > 0 ? currentData[0].ComparisonData : null,\r\n };\r\n let rtnData = [];\r\n\r\n if (primaryData && primaryData.data) {\r\n primaryData.category = metric.id;\r\n primaryData.name = chartNameConverter.getMetricLocalizedNameForOdata(metric.id);\r\n primaryData.color = colors.original;\r\n rtnData.push(primaryData);\r\n }\r\n\r\n if (comparisonData && comparisonData.data) {\r\n comparisonData.name = chartNameConverter.getMetricLocalizedNameForOdata(metric.id);\r\n comparisonData.category = metric.id;\r\n comparisonData.xAxis = 1;\r\n comparisonData.color = colors.comparative;\r\n rtnData.push(comparisonData);\r\n }\r\n\r\n if (colors === allColors.secondary && categoryObservable().id !== -1) {\r\n primaryData.yAxis = 1;\r\n comparisonData.yAxis = 1;\r\n }\r\n\r\n dataObservable(rtnData);\r\n }\r\n this._logChartData();\r\n }\r\n\r\n _alignDataForComparison(dataSet) {\r\n let keys = Object.keys(dataSet);\r\n\r\n _.each(keys, (key) => {\r\n let metricData = dataSet[key];\r\n\r\n if (metricData.PrimaryData && metricData.ComparisonData && metricData.PrimaryData.length !== metricData.ComparisonData.length) {\r\n let shortermetricData = metricData.PrimaryData.length > metricData.ComparisonData.length ? metricData.ComparisonData : metricData.PrimaryData;\r\n let longermetricData = metricData.PrimaryData.length < metricData.ComparisonData.length ? metricData.ComparisonData : metricData.PrimaryData;\r\n let diff = Math.abs(metricData.PrimaryData.length - metricData.ComparisonData.length);\r\n\r\n for (let i = 0; i < diff; i++) {\r\n let diff1 = longermetricData[shortermetricData.length][0] - longermetricData[shortermetricData.length - 1][0];\r\n let dayAfter = shortermetricData[shortermetricData.length - 1][0] + diff1;\r\n\r\n shortermetricData.push([dayAfter, null]);\r\n }\r\n }\r\n\r\n // Current Mt returns last day of month, instead of first day of month.\r\n // Because last day of month\r\n if (this.granularity() === 'Month' || this.granularity() === 'Quarter' ) {\r\n let dayInMillisec = 60 * 60 * 24 * 1000;\r\n\r\n for (let i = 0; i < metricData.PrimaryData.length - 1; i++) {\r\n let primaryDataDateDiff = (metricData.PrimaryData[i + 1][0] - metricData.PrimaryData[i][0]) / dayInMillisec;\r\n let comparisonDataDateDiff = (metricData.ComparisonData[i + 1][0] - metricData.ComparisonData[i][0]) / dayInMillisec;\r\n\r\n if (comparisonDataDateDiff > primaryDataDateDiff) {\r\n metricData.PrimaryData[i + 1][0] += dayInMillisec;\r\n } else if (comparisonDataDateDiff < primaryDataDateDiff) {\r\n metricData.ComparisonData[i + 1][0] += dayInMillisec;\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n _getChartTitle() {\r\n let currentLevel = CampaignState.currentLevel;\r\n\r\n if (currentLevel === 'Account') {\r\n return i18n.get('BI_Chart_AccountLevel');\r\n } else if (currentLevel === 'Campaign') {\r\n return i18n.get('BI_Chart_CampaignLevel');\r\n } else {\r\n return i18n.get('BI_Chart_AdGroupLevel');\r\n }\r\n }\r\n\r\n _getChartDataForMetric(metricId, colorRGB) {\r\n if (this.cachedChartData && this.cachedChartData[metricId]) {\r\n let result = this.cachedChartData[metricId];\r\n\r\n result.category = metricId;\r\n result.color = colorRGB;\r\n\r\n return [result];\r\n } else {\r\n return [];\r\n }\r\n }\r\n\r\n _getParentLevels() {\r\n let currentCampaign = PageContext.CurrentCampaign;\r\n let currentAdGroup = PageContext.CurrentAdGroup;\r\n let parentLevels = [];\r\n\r\n if (currentCampaign) {\r\n parentLevels.push({name: Constants.CampaignEdmEntity, id: currentCampaign.Id});\r\n }\r\n if (currentAdGroup) {\r\n parentLevels.push({name: Constants.AdGroupEdmEntity, id: currentAdGroup.Id});\r\n }\r\n\r\n return parentLevels;\r\n }\r\n\r\n _getDefaultEntityBaseOnParentLevels(parentLevels) {\r\n let entity = Constants.CampaignEntity;\r\n\r\n if (parentLevels && parentLevels.constructor === Array && parentLevels.length > 0) {\r\n if (parentLevels[parentLevels.length - 1].name === Constants.AdGroupEdmEntity) {\r\n entity = Constants.AdEntity;\r\n } else if (parentLevels[parentLevels.length - 1].name === Constants.CampaignEdmEntity) {\r\n entity = Constants.AdGroupEntity;\r\n }\r\n }\r\n\r\n return entity;\r\n }\r\n\r\n _logChartData() {\r\n if (instrument.logMessage) {\r\n if (this.isUsingVnextGrid) {\r\n instrument.logMessage(\r\n [instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/updateChart',\r\n `{ \"entity\": \"${this.currentEntity()}\", \"metric1\": \"${this.primaryData().length > 0 ? this.primaryData()[0].name : ''}\", \"metric2\": \"${this.secondaryData().length > 0 ? this.secondaryData()[0].name : ''}\", \"dateRange\": \"${state.get('$daterange').text}\", \"pop\": \"${state.get('$daterange').compared ? state.get('$daterange').compared.text : ''}\", \"movingAverage\": \"${this.isMovingAverageOn()}\" }`);\r\n } else {\r\n instrument.logMessage(\r\n [instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/updateChart',\r\n `{ \"entity\": \"${this.currentEntity()}\", \"metric1\": \"${this.primaryData().length > 0 ? this.primaryData()[0].name : ''}\", \"metric2\": \"${this.secondaryData().length > 0 ? this.secondaryData()[0].name : ''}\", \"dateRange\": \"${window.App.views.Summary.dateFilter.ko_model.appliedRange().key}\", \"pop\": \"${window.App.views.Summary.dateFilter.ko_model.appliedComparedRange() ? window.App.views.Summary.dateFilter.ko_model.appliedComparedRange().key : ''}\", \"movingAverage\": \"${this.isMovingAverageOn()}\" }`);\r\n }\r\n }\r\n }\r\n\r\n _logCurrentFilterInfo(filterObj) {\r\n if (instrument.logMessage) {\r\n instrument.logMessage(\r\n [instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/wrongFilterSelected',\r\n `{ \"customerId\": \"${PageContext.CurrentCustomer.Id}\", \"accountId\": \"${PageContext.CurrentAccount.Id}\", \"currentTab\": \"${PageContext.CurrentTabId}\", \"filter\": \"${JSON.stringify(filterObj)}\" }`);\r\n }\r\n }\r\n}\r\n/* eslint-enable quotes */\r\n","\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/inline-chart');\r\n\r\nexport default function numericSymbolFormatter(tickValue, tickInterval, numberFormatter, decimalPoint, thousandsSeparator) {\r\n let sign = tickValue < 0 ? '-' : '';\r\n let formattedNumber = `${tickValue}`;\r\n\r\n let absTickValue = Math.abs(tickValue);\r\n let absTickInterval = Math.abs(tickInterval);\r\n\r\n let numericSymbolKeys = [{\r\n val: 1e12,\r\n key: 'InlineChart_NumericalAbbreviation_Trillion',\r\n }, {\r\n val: 1e9,\r\n key: 'InlineChart_NumericalAbbreviation_Billion',\r\n }, {\r\n val: 1e6,\r\n key: 'InlineChart_NumericalAbbreviation_Million',\r\n }, {\r\n val: 1e3,\r\n key: 'InlineChart_NumericalAbbreviation_Thousand',\r\n }];\r\n\r\n if (absTickInterval >= 1000) {\r\n //when tick interval is >= 1000, treat all y-axis values as whole numbers\r\n for (let i = 0; i < numericSymbolKeys.length; ++i) {\r\n if (absTickInterval >= numericSymbolKeys[i].val ) {\r\n formattedNumber = `${sign}${numberFormatter( absTickValue / numericSymbolKeys[i].val, 0, decimalPoint, thousandsSeparator)}${i18n.get(numericSymbolKeys[i].key)}`;\r\n break;\r\n }\r\n }\r\n } else if (Math.floor(absTickValue) === absTickValue) {\r\n //integer value < 1000, render as whole number without any decimals\r\n formattedNumber = `${sign}${numberFormatter(absTickValue, 0, decimalPoint, thousandsSeparator)}`;\r\n } else {\r\n let absTickValueStr = `${absTickValue}`;\r\n //here we relay on the fact that if we don't change the precision of floating point in javascript,\r\n //javascript engine will format a floating number appropriately. That is,\r\n //String(1.01) should output '1.01', instead of something like '1.010000000000000000000002'\r\n\r\n let dotIdx = absTickValueStr.indexOf('.');\r\n let isOneDecimalValue = dotIdx > 0 && dotIdx === absTickValueStr.length - 2;\r\n\r\n if (isOneDecimalValue) {\r\n // one decimal value, such as 1.2, 0.5, render with one decimal\r\n formattedNumber = `${sign}${numberFormatter(absTickValue, 1, decimalPoint, thousandsSeparator)}`;\r\n } else {\r\n // two decimal value, render with two decimals\r\n formattedNumber = `${sign}${numberFormatter(absTickValue, 2, decimalPoint, thousandsSeparator)}`;\r\n }\r\n }\r\n\r\n return formattedNumber;\r\n}\r\n","/* eslint-disable newline-after-var */\r\nimport _ from 'underscore';\r\nimport $ from 'jquery';\r\nimport Backbone from 'backbone';\r\nimport Highcharts from 'highcharts';\r\nimport PageContext from '@bingads-webui-static-legacy/page-context';\r\nimport ko from 'knockout';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport inlineChartTemplate from '@bingads-webui-campaign-legacy/inline-chart/template/inlinechart.pug';\r\nimport DropdownView from '@bingads-webui-component-legacy/dropdown/dropdownview';\r\nimport ChartView from '@bingads-webui-component-legacy/chart/chartview';\r\nimport InlineChartViewModel from '@bingads-webui-campaign-legacy/inline-chart/viewmodel/inlinechartviewmodel';\r\nimport BluebirdPromise from 'bluebird';\r\nimport numericSymbolFormatter from '@bingads-webui-campaign-legacy/inline-chart/numericsymbolformatter';\r\nimport Constants from '@bingads-webui-campaign-legacy/inline-chart/constants';\r\nimport instrument from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport instrumentConsts from '@bingads-webui-static-legacy/instrumentation/constants';\r\nimport * as allColors from '@bingads-webui-campaign-legacy/performance-graph/graph/color';\r\nconst legacy$ = $;\r\nexport default class InlineChartView extends Backbone.View {\r\n constructor(options = {}) {\r\n super(options);\r\n\r\n _.bindAll(this,\r\n 'initialize',\r\n 'render',\r\n '_onGridPageLoading',\r\n '_onGridPageLoadingNewGrid',\r\n '_onShowChartChanged',\r\n '_onGranularityOptionsChanged',\r\n '_onPrimaryMetricOptionsChanged',\r\n '_onSecondaryMetricOptionsChanged',\r\n '_onPrimaryDataChanged',\r\n '_onSecondaryDataChanged',\r\n '_onTabChange',\r\n '_toggleOldNewInlineChart',\r\n '_showNewChartOnCurrentTab',\r\n '_showOldChartOnCurrentTab',\r\n '_toggleToolbar',\r\n '_insertToolBarIfNeeded',\r\n '_updateMetricDropdownDiff',\r\n '_round',\r\n '_numberWithCommas',\r\n '_redrawChart'\r\n );\r\n\r\n this.needRedraw = false;\r\n\r\n this.queueAsync = BluebirdPromise.resolve();\r\n\r\n // Create view model\r\n this.inlineChartViewModel = new InlineChartViewModel({\r\n isUsingVnextGrid: options.isUsingVnextGrid,\r\n entityType: options.entityType,\r\n tab: options.tab,\r\n });\r\n\r\n // hookup with view model property changed events\r\n this.inlineChartViewModel.showChart.subscribe(this._onShowChartChanged);\r\n this.inlineChartViewModel.granularityOptions.subscribe(this._onGranularityOptionsChanged);\r\n this.inlineChartViewModel.primaryMetricOptions.subscribe(this._onPrimaryMetricOptionsChanged);\r\n this.inlineChartViewModel.secondaryMetricOptions.subscribe(this._onSecondaryMetricOptionsChanged);\r\n this.inlineChartViewModel.primaryData.subscribe(this._onPrimaryDataChanged);\r\n this.inlineChartViewModel.secondaryData.subscribe(this._onSecondaryDataChanged);\r\n\r\n this.onGridPageLoadingHandler = (e, args) => {\r\n this._onGridPageLoading(e, args);\r\n };\r\n\r\n this.onTabChangeHandler = () => {\r\n this._onTabChange();\r\n };\r\n\r\n legacy$(document).on('grid-page-loading', this.onGridPageLoadingHandler);\r\n\r\n legacy$(document).on('onSummaryPageTabChange', this.onTabChangeHandler);\r\n\r\n this.render(options);\r\n }\r\n\r\n render() {\r\n if (this.$el.length) {\r\n this.$el.html(inlineChartTemplate());\r\n\r\n ko.applyBindings(this.inlineChartViewModel, this.$el[0]);\r\n\r\n this._toggleOldNewInlineChart();\r\n\r\n this._insertToolBarIfNeeded();\r\n\r\n if (this.options.isUsingVnextGrid) {\r\n if (this.options.tab !== 'campaign') {\r\n this._onGridPageLoadingNewGrid(this.options.filter);\r\n }\r\n } else if (legacy$.triggeredGridPageLoading) {\r\n // the 'grid-page-loading' event has been triggered before bind\r\n this._onGridPageLoading(null, legacy$.triggeredGridPageLoading);\r\n }\r\n\r\n let resizeWidth = () => {\r\n // make the chart area the same width as the title area which contains the POP control\r\n let pageTitle = $('.campaignContentContainer section.page-title');\r\n\r\n if (pageTitle && pageTitle.length > 0) {\r\n // make the chart area the same width as the title area which contains the POP control\r\n let chartContainer = this.$('.chart-container');\r\n\r\n // Since pageTitle can have negative margin, border or padding,\r\n // chartContainer's width should be set accordingly.\r\n let pageTitleInclusiveWidth = pageTitle.width() +\r\n parseFloat(pageTitle.css('marginLeft')) +\r\n parseFloat(pageTitle.css('marginRight')) +\r\n parseFloat(pageTitle.css('paddingLeft')) +\r\n parseFloat(pageTitle.css('paddingRight')) +\r\n parseFloat(pageTitle.css('border-left-width')) +\r\n parseFloat(pageTitle.css('border-right-width'));\r\n\r\n if (chartContainer && chartContainer.length > 0) {\r\n chartContainer.width(pageTitleInclusiveWidth);\r\n }\r\n\r\n let highChartContainer = this.$('#highcharts-container');\r\n\r\n let chartConainerWidthDifference = 60;\r\n\r\n if (highChartContainer && highChartContainer.length > 0) {\r\n // highchart container has to be smaller because it has some left margin\r\n highChartContainer.width(pageTitleInclusiveWidth - chartConainerWidthDifference);\r\n }\r\n }\r\n };\r\n\r\n $(window).on('resize', resizeWidth);\r\n $(window).triggerHandler('resize');\r\n }\r\n }\r\n\r\n _onGridPageLoading(e, args) {\r\n if (this._showNewChartOnCurrentTab() &&\r\n (!(args.commandType === 'Paging' || args.commandType === 'Sorting') ||\r\n args.grid.RefreshGridData)) {\r\n // handle filter\r\n let filterObj;\r\n let filterEntity = '';\r\n\r\n if (args.filter && args.filter.length) {\r\n if (instrument.logMessage) {\r\n instrument.logMessage(\r\n [instrumentConsts.LOGCATEGORY.TRACE],\r\n instrumentConsts.LOGLEVEL.INFO,\r\n 'inlineChartV2/filterPassedIn',\r\n `{ \"filter\" : \"${args.filter[0].Value}\" }`);\r\n }\r\n\r\n filterObj = JSON.parse(args.filter[0].Value);\r\n filterEntity = args.filter[0].Entity;\r\n }\r\n\r\n this.inlineChartViewModel.reloadChartData(filterObj ? filterObj.FilterExpressions : {}, filterEntity || this.options.entityType, args.RefreshGridData);\r\n }\r\n }\r\n\r\n _onGridPageLoadingNewGrid(filters) {\r\n state.getPromise('$daterange')\r\n .then((daterange) => {\r\n this.inlineChartViewModel.period(daterange);\r\n this.inlineChartViewModel.reloadChartData(filters);\r\n });\r\n }\r\n\r\n _onShowChartChanged() {\r\n // manually toggle the global toolbar when toggling the chart area\r\n if (this.inlineChartViewModel.showChart()) {\r\n this.$('.btn-toolbar > .grid-groupmenu-container').show();\r\n this.$('.btn-toolbar > .grid-custommenu-container').show();\r\n } else {\r\n this.$('.btn-toolbar > .grid-groupmenu-container').hide();\r\n this.$('.btn-toolbar > .grid-custommenu-container').hide();\r\n }\r\n }\r\n\r\n _onGranularityOptionsChanged() {\r\n ko.cleanNode(this.$('#granularity-dropdown')[0]);\r\n this.granularityDropdown = new DropdownView({\r\n el: this.$('#granularity-dropdown').first(),\r\n defaultOption: this.inlineChartViewModel.granularityId,\r\n dropDownOptions: this.inlineChartViewModel.granularityOptions(),\r\n onDropDownChanged: this.inlineChartViewModel.onGranularitySelected,\r\n });\r\n }\r\n\r\n _onPrimaryMetricOptionsChanged() {\r\n ko.cleanNode(this.$('#main-primary-dropdown')[0]);\r\n\r\n this.primaryMetricDropdown = new DropdownView({\r\n el: this.$('#main-primary-dropdown').first(),\r\n dropDownOptions: this.inlineChartViewModel.primaryMetricOptions().data,\r\n defaultOption: this.inlineChartViewModel.primaryMetricId(),\r\n onDropDownChanged: this.inlineChartViewModel.onPrimaryMetricSelected,\r\n onPopEnabled: this.inlineChartViewModel.calculatePercentageDiff,\r\n });\r\n }\r\n\r\n _onSecondaryMetricOptionsChanged() {\r\n ko.cleanNode(this.$('#main-secondary-dropdown')[0]);\r\n\r\n this.secondaryMetricDropdown = new DropdownView({\r\n el: this.$('#main-secondary-dropdown').first(),\r\n dropDownOptions: this.inlineChartViewModel.secondaryMetricOptions().data,\r\n defaultOption: this.inlineChartViewModel.secondaryMetricId(),\r\n onDropDownChanged: this.inlineChartViewModel.onSecondaryMetricSelected,\r\n onPopEnabled: this.inlineChartViewModel.calculatePercentageDiff,\r\n });\r\n }\r\n\r\n _onPrimaryDataChanged() {\r\n this._redrawChart();\r\n }\r\n\r\n _onSecondaryDataChanged() {\r\n this._redrawChart();\r\n }\r\n\r\n _isDataFetchingDone() {\r\n return this.inlineChartViewModel.isDataFetchingDone;\r\n }\r\n\r\n _redrawChart() {\r\n // There are multiple events which can trigger chart redrawing (primaryData and secondaryData changed),\r\n // to avoid the chart being redrawn multiple times frequently, we defer the redrawing to the next\r\n // execution cycle so that we redraw the view after all events are triggered.\r\n this.needRedraw = true;\r\n\r\n this.queueAsync.then(() => {\r\n if (!this._isDataFetchingDone()) {\r\n // Data is not ready yet, skip redraw\r\n return;\r\n }\r\n\r\n if (!this.needRedraw) {\r\n // The view has been redrawn already, skip redraw\r\n return;\r\n }\r\n\r\n this.needRedraw = false;\r\n\r\n // Bump up chart-iteration every time the chart is redrawn\r\n let chartIteration = parseInt(this.$('.chart-container').attr('chart-iteration'));\r\n\r\n let chartRedrawMarker = instrument.logActivityDurationMarker(\r\n `InlineChart.Redraw.Iteration-${chartIteration}`\r\n );\r\n\r\n this.$('.chart-container').attr('chart-iteration', chartIteration + 1);\r\n\r\n let self = this;\r\n new ChartView({\r\n el: this.$('#highcharts-container')[0],\r\n showWeekend: this.granularityDropdown.koModel.selectedItem().enumValue === 'Day',\r\n highchartsOptions: {\r\n series: this.inlineChartViewModel.primaryData().concat(this.inlineChartViewModel.secondaryData()),\r\n tooltip: {\r\n formatter() {\r\n let primaryPoints = [];\r\n let comparisonPoints = [];\r\n let tempHtml = '';\r\n\r\n _.each(this.points, (point) => {\r\n switch (point.color) {\r\n case allColors.primary.original:\r\n primaryPoints.push(point);\r\n break;\r\n case allColors.primary.comparative:\r\n comparisonPoints.push(point);\r\n break;\r\n case allColors.secondary.original:\r\n primaryPoints.push(point);\r\n break;\r\n case allColors.secondary.comparative:\r\n comparisonPoints.push(point);\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n\r\n if (primaryPoints.length > 0) {\r\n tempHtml = `
${self.inlineChartViewModel.formatDate(comparisonPoints[0].x)} `;\r\n _.each(comparisonPoints, (point) => {\r\n tempHtml = `${tempHtml}
${point.series.name}:
${self._numberWithCommas(self._round(point.y), point.series.name)}${self._isPercentNeeded(point) ? '%' : ''} `;\r\n });\r\n }\r\n\r\n return tempHtml;\r\n },\r\n },\r\n yAxis: [{\r\n labels: {\r\n formatter() {\r\n let tickInterval = this.axis.tickInterval;\r\n let decimalPoint = Highcharts.getOptions().lang.decimalPoint;\r\n let thousandsSeparator = ',';\r\n\r\n if ( self.inlineChartViewModel.selectedPrimaryCategory() && self.inlineChartViewModel.selectedPrimaryCategory().id === 4 ) {\r\n return `${numericSymbolFormatter(this.value, tickInterval, Highcharts.numberFormat, decimalPoint, thousandsSeparator)}%`;\r\n }\r\n return `${numericSymbolFormatter(this.value, tickInterval, Highcharts.numberFormat, decimalPoint, thousandsSeparator)}`;\r\n },\r\n },\r\n }, {\r\n labels: {\r\n formatter() {\r\n let tickInterval = this.axis.tickInterval;\r\n let decimalPoint = Highcharts.getOptions().lang.decimalPoint;\r\n let thousandsSeparator = ',';\r\n\r\n if ( self.inlineChartViewModel.selectedSecondaryCategory() && self.inlineChartViewModel.selectedSecondaryCategory().id === 4 ) {\r\n return `${numericSymbolFormatter(this.value, tickInterval, Highcharts.numberFormat, decimalPoint, thousandsSeparator)}%`;\r\n }\r\n return `${numericSymbolFormatter(this.value, tickInterval, Highcharts.numberFormat, decimalPoint, thousandsSeparator)}`;\r\n },\r\n },\r\n }],\r\n },\r\n }).render();\r\n\r\n this._updateMetricDropdownDiff();\r\n\r\n chartRedrawMarker.markEnd();\r\n });\r\n }\r\n\r\n _onTabChange() {\r\n this._toggleOldNewInlineChart();\r\n }\r\n\r\n _isPercentNeeded(point) {\r\n if ((point.color === allColors.primary.original || point.color === allColors.primary.comparative ) && this.inlineChartViewModel.selectedPrimaryCategory().id === 4) {\r\n return true;\r\n } else if ((point.color === allColors.secondary.original || point.color === allColors.secondary.comparative) && this.inlineChartViewModel.selectedSecondaryCategory().id === 4) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n _toggleOldNewInlineChart() {\r\n // toggle the new and old inline chart based on current tab\r\n if (this._showNewChartOnCurrentTab()) {\r\n $('#bi-chartToggleContainer').hide();\r\n $('#chart-container').hide();\r\n\r\n this.$el.find('.chartToggle').show();\r\n $('.globalToolBarPanel').show();\r\n if (this.inlineChartViewModel.showChart()) {\r\n this.$('.chart-container').show();\r\n }\r\n } else if (this._showOldChartOnCurrentTab()) {\r\n $('#bi-chartToggleContainer').show();\r\n $('#chart-container').show();\r\n\r\n $('.globalToolBarPanel').hide();\r\n this.$('.chart-container').hide();\r\n } else {\r\n this.$el.find('.chartToggle').hide();\r\n $('#bi-chartToggleContainer').hide();\r\n $('#chart-container').hide();\r\n\r\n $('.globalToolBarPanel').hide();\r\n this.$('.chart-container').hide();\r\n }\r\n\r\n this._toggleToolbar();\r\n\r\n $('#bi-status-text').hide();\r\n }\r\n\r\n _toggleToolbar() {\r\n if (this._showNewChartOnCurrentTab()) {\r\n if (this.options.hideChartToolbar) {\r\n this.inlineChartViewModel.hideToolbar(true);\r\n } else {\r\n this.inlineChartViewModel.hideToolbar(false);\r\n }\r\n this.inlineChartViewModel.hideToggleIcon(false);\r\n } else {\r\n this.inlineChartViewModel.hideToolbar(true);\r\n this.inlineChartViewModel.hideToggleIcon(true);\r\n }\r\n }\r\n\r\n _showNewChartOnCurrentTab() {\r\n let tabsWithNewInlineCharts = [Constants.CampaignTabId, Constants.AdGroupTabId, Constants.ProductsGroupId, Constants.FlattenProductsGroupId, Constants.AdsTabId, Constants.KeywordsTabId,\r\n Constants.LocationsTabId, Constants.AdScheduleTabId, Constants.DevicesTabId, Constants.AudienceTabId, Constants.DemographicsTabId, Constants.SearchTermGridId];\r\n let entitiesUsingNewInlineCharts = [Constants.AccountEdmEntity];\r\n\r\n return entitiesUsingNewInlineCharts.indexOf(this.options.entityType) > -1 ||\r\n tabsWithNewInlineCharts.indexOf(PageContext.CurrentTabId) > -1;\r\n }\r\n\r\n _showOldChartOnCurrentTab() {\r\n let tabsWithOldInlineCharts = [Constants.ChangeHistoryTabId];\r\n\r\n if (tabsWithOldInlineCharts.indexOf(PageContext.CurrentTabId) > -1) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n _insertToolBarIfNeeded() {\r\n let globalToolBar = $('.navbar-tertiary > .btn-toolbar > .globalToolBar');\r\n let globalToolBarPanel = $('.navbar-tertiary > .globalToolBarPanel');\r\n\r\n if (globalToolBar && globalToolBar.length > 0) {\r\n globalToolBar.appendTo(this.$('.btn-toolbar'));\r\n }\r\n\r\n if (globalToolBarPanel && globalToolBarPanel.length > 0) {\r\n globalToolBarPanel.insertAfter(this.$('.btn-toolbar'));\r\n }\r\n }\r\n\r\n _updateMetricDropdownDiff() {\r\n if (this.primaryMetricDropdown) {\r\n this.primaryMetricDropdown.koModel.showDiff(\r\n this.inlineChartViewModel.primaryData().length &&\r\n (this.inlineChartViewModel.isPopOn() || this.inlineChartViewModel.isMovingAverageOn()));\r\n\r\n this.primaryMetricDropdown.koModel.triggerShowDifference();\r\n }\r\n\r\n if (this.secondaryMetricDropdown) {\r\n this.secondaryMetricDropdown.koModel.showDiff(\r\n this.inlineChartViewModel.secondaryData().length &&\r\n (this.inlineChartViewModel.isPopOn() || this.inlineChartViewModel.isMovingAverageOn()));\r\n\r\n this.secondaryMetricDropdown.koModel.triggerShowDifference();\r\n }\r\n }\r\n\r\n _round (num) {\r\n return Math.round(num * 100) / 100;\r\n }\r\n\r\n _numberWithCommas(num, seriesName) {\r\n let numberWithCommas = num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\r\n let metricInvolvingCost = ['AverageCPC', 'CPA', 'Spent', 'Revenue', 'CTR'];\r\n\r\n if (metricInvolvingCost.indexOf(seriesName) > -1 || numberWithCommas !== '0') {\r\n let dotIndex = numberWithCommas.indexOf('.');\r\n return numberWithCommas.length - dotIndex === 2 && dotIndex !== -1 ? `${numberWithCommas}0` : numberWithCommas;\r\n }\r\n return numberWithCommas;\r\n }\r\n\r\n remove() {\r\n super.remove();\r\n legacy$(document).off('grid-page-loading', this.onGridPageLoadingHandler);\r\n legacy$(document).off('onSummaryPageTabChange', this.onTabChangeHandler);\r\n }\r\n}\r\n","import {\r\n getGridPage,\r\n getGridRoute,\r\n getGridRouteForNewUI,\r\n} from '@bingads-webui-campaign/inline-download-grids-metadata';\r\nimport jsdata from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport edm from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport setPreferenceByReportEmailRule from '@bingads-webui-campaign-legacy/bingadsgrid/service/set-preference-by-report-email-rule';\r\n\r\nconst AccountsSummary = 'AccountsSummary';\r\nconst Campaigns = 'Campaigns';\r\nconst currentPage = edm.currentAccount ? Campaigns : AccountsSummary;\r\n\r\nexport default function createSimilar(reportId, {\r\n isForNewUI,\r\n getUrlSearch,\r\n scopeHistoryPush,\r\n i18n,\r\n convertSelectionDateRangeToDateFilter,\r\n restoreDateFilter,\r\n serverContext,\r\n} = {}) {\r\n return jsdata.TaskItem\r\n .find(reportId, {\r\n entitySet: edm.currentAccount ? edm.currentAccount.TaskItems : edm.currentCustomer.TaskItems,\r\n })\r\n .then((Rule) => {\r\n const {\r\n Entity,\r\n Selection,\r\n } = Rule;\r\n\r\n if (!isForNewUI) {\r\n const page = getGridPage(Entity, Selection);\r\n\r\n if (currentPage !== page) {\r\n window.location = `${page}#reports/create_similar/${Rule.Id}`;\r\n return null;\r\n }\r\n }\r\n\r\n return setPreferenceByReportEmailRule(Rule, isForNewUI ? { isForNewUI: true, i18n, convertSelectionDateRangeToDateFilter, restoreDateFilter } : {})\r\n .then(() => {\r\n state.set('$ReportEmailRule', Rule);\r\n if (isForNewUI) {\r\n const route = getGridRouteForNewUI({ getUrlSearch, entity: Entity, selection: Selection, serverContext });\r\n\r\n scopeHistoryPush(route);\r\n } else {\r\n window.App.navigate(getGridRoute(Entity, Selection));\r\n }\r\n });\r\n });\r\n}\r\n","import _ from 'underscore';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\n\r\nexport default function loadEmails({allUsersType}) {\r\n const params = allUsersType === 'Customer' ? {\r\n cid: state.get('customer_id'),\r\n uid: state.get('user_id'),\r\n } : {\r\n cid: state.get('customer_id'),\r\n uid: state.get('user_id'),\r\n aid: state.get('account_id'),\r\n };\r\n\r\n const queryString = new URLSearchParams(params).toString();\r\n\r\n return fetch(`/campaign/users/loadEmails?${queryString}`, { method: 'GET' })\r\n .then((response) => response.json())\r\n .then((emails) => {\r\n if (_.isArray(emails)) {\r\n return emails;\r\n }\r\n\r\n const error = new Error();\r\n\r\n error.response = emails;\r\n throw error;\r\n });\r\n}\r\n","export const getImportButtonOptions = (i18n, importChannelType, lazyInject, view) =>\r\n ['start_import', {\r\n id: 'start_import',\r\n type: 'button',\r\n iconLeftGlyphName: 'ba-Add',\r\n text: i18n.getString('Import_ImportCenter_StartImport'),\r\n classes: ['btn-primary'],\r\n onClick: () => {\r\n // lazyInject is for schedule grid and view is for log grid.\r\n const router = lazyInject ? lazyInject().backboneGridView.router : view.router;\r\n\r\n router.navigateToRoute(importChannelType.toLowerCase());\r\n },\r\n }];\r\n","\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\nexport { i18n };\r\n","import _ from 'underscore';\r\nimport { cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\n\r\nfunction createParentRowForBatchedImports(batchImportGroup) {\r\n const firstInBatchIndex = batchImportGroup.length - 1;\r\n const parent = cloneDeep(batchImportGroup[firstInBatchIndex]);\r\n\r\n delete parent.Id; // remove Id, otherwise, it will make data-key duplicated.\r\n const statisticFields = parent.EntityStatistics ? parent.EntityStatistics.Values.length : 0;\r\n let initStatistics = [];\r\n const entityStatisticChangeTypes = ['Additions', 'Changes', 'Deletions', 'Errors', 'Total'];\r\n const initialEntity = {};\r\n let isBatchStillInProgress = false;\r\n let hasAnyBatchedImportFailed = false;\r\n let hasAnyBatchedImportBeenCancelled = false;\r\n let successCount = 0;\r\n let errorCount = 0;\r\n\r\n _.each(entityStatisticChangeTypes, (key) => {\r\n initialEntity[key] = 0;\r\n });\r\n\r\n for (let index = 0; index < statisticFields; index++) {\r\n initStatistics.push(_.clone(initialEntity));\r\n }\r\n\r\n if (parent.EntityStatistics) {\r\n initStatistics = _.object(parent.EntityStatistics.Keys, initStatistics);\r\n }\r\n\r\n const combinedStatistics = _.reduce(batchImportGroup, (memo, importResult) => {\r\n if (parent.EntityStatistics && importResult.EntityStatistics) {\r\n const entityStatisticMap = _.object(importResult.EntityStatistics.Keys, importResult.EntityStatistics.Values);\r\n\r\n _.each(importResult.EntityStatistics.Keys, (entityType) => {\r\n if (memo[entityType]) {\r\n _.each(entityStatisticChangeTypes, (key) => {\r\n memo[entityType][key] += entityStatisticMap[entityType][key];\r\n });\r\n } else {\r\n memo[entityType] = _.clone(entityStatisticMap[entityType]);\r\n }\r\n });\r\n }\r\n\r\n if (importResult.ErrorCode) {\r\n hasAnyBatchedImportFailed = true;\r\n }\r\n\r\n if (importResult.ImportStatus === 'Cancelled') {\r\n hasAnyBatchedImportBeenCancelled = true;\r\n }\r\n\r\n if (importResult.ImportStatus === 'InProgress' || importResult.Status === 'PendingExecution') {\r\n isBatchStillInProgress = true;\r\n }\r\n\r\n if (_.isNumber(importResult.SuccessCount)) {\r\n successCount += importResult.SuccessCount;\r\n }\r\n\r\n if (_.isNumber(importResult.ErrorCount)) {\r\n errorCount += importResult.ErrorCount;\r\n }\r\n\r\n return memo;\r\n }, initStatistics);\r\n\r\n if (parent.EntityStatistics) {\r\n parent.EntityStatistics.Values = _.values(combinedStatistics);\r\n }\r\n\r\n if (isBatchStillInProgress) {\r\n parent.Status = 'PendingExeuction';\r\n }\r\n\r\n if (hasAnyBatchedImportBeenCancelled) {\r\n parent.ImportStatus = 'Cancelled';\r\n }\r\n\r\n if (hasAnyBatchedImportFailed) {\r\n parent.ErrorCode = -1;\r\n }\r\n\r\n parent.SuccessCount = successCount;\r\n parent.ErrorCount = errorCount;\r\n parent.TotalCount = successCount + errorCount;\r\n parent.ImportName = parent.ImportName || i18n.getString('CampaignImport_GSyncConnect');\r\n parent.ErrorFileIdentifier = null;\r\n parent.CampaignSplitStatus = 0;\r\n parent.CampaignSplitBatchIndex = 0;\r\n parent.CampaignSplitBatchCount = null;\r\n parent.IsBatchParent = true;\r\n\r\n return parent;\r\n}\r\n\r\nexport function processBatchedImports(data) {\r\n const groupedByBatch = _.values(_.groupBy(data, (importResult) => {\r\n if (importResult.CampaignSplitGuid) {\r\n return importResult.CampaignSplitGuid;\r\n }\r\n return importResult.Id;\r\n }));\r\n const sortedGroupedList = _.sortBy(groupedByBatch, (group) => {\r\n const minDateIndex = group.length - 1; // data is returned in reverse date order, last element is earliest\r\n\r\n return new Date(group[minDateIndex].StartDateTime);\r\n });\r\n const sortedGroupWithParentList = _.map(sortedGroupedList, (group) => {\r\n if (group.length > 1) {\r\n const parent = createParentRowForBatchedImports(group);\r\n const processedGroup = _.map(group, (importResult) => {\r\n const indexTemplate = i18n.getString('Alert_CarouselPagination');\r\n const indexText = _.template(indexTemplate)({\r\n page: importResult.CampaignSplitBatchIndex,\r\n total: importResult.CampaignSplitBatchCount,\r\n });\r\n\r\n importResult.ImportName = `${i18n.getString('CampaignImport_GSyncConnect')} ${indexText}`;\r\n importResult.IsChildBatch = true;\r\n\r\n return importResult;\r\n }).reverse();\r\n\r\n processedGroup.unshift(parent);\r\n\r\n return processedGroup;\r\n }\r\n return group;\r\n });\r\n\r\n return _.flatten(sortedGroupWithParentList.reverse());\r\n}\r\n\r\nexport function processMultiAccountBatchedImports(data) {\r\n const groupedByAccount = _.map(data, (item) => {\r\n item.ImportName = item.TaskItem.Name || i18n.getString('CampaignImport_MultiAccount_GSyncConnect');\r\n item.isCustomerLevel = true;\r\n let processedItem = [item];\r\n\r\n _.each(item.ImportResultList, (accountitem) => {\r\n accountitem.Id = accountitem.TaskId;\r\n accountitem.IsChildAccountTask = true;\r\n const indexTemplate = i18n.getString('Alert_CarouselPagination');\r\n const indexText = _.template(indexTemplate)({\r\n page: accountitem.MultiAccountTaskIndex,\r\n total: accountitem.MultiAccountTaskCount,\r\n });\r\n\r\n accountitem.ImportName = `${i18n.getString('CampaignImport_Account')} ${indexText}`;\r\n });\r\n processedItem = processedItem.concat(processBatchedImports(item.ImportResultList));\r\n return processedItem;\r\n });\r\n\r\n return _.flatten(groupedByAccount);\r\n}\r\n","import config from '@bingads-webui-component-legacy/config/index';\r\n\r\nconst permissions = config.get('Permissions') || {};\r\nconst testTypeSuffix = permissions.IsUseImportTestTypeForImportTaskExecutionEnabled ? 'Test' : '';\r\n\r\nexport const FILTER_IMPORT = `TaskItem/Type eq Enum.TaskItemType'Import${testTypeSuffix}'`;\r\nexport const FILTER_MULTIACCOUNT_IMPORT = `TaskItem/Type eq Enum.TaskItemType'MultiAccountGoogleImport${testTypeSuffix}'`;\r\nexport const FILTER_FILE_IMPORT = `TaskItem/Type eq Enum.TaskItemType'FileImport${testTypeSuffix}'`;\r\nexport const FILTER_FACEBOOK_IMPORT = `TaskItem/Type eq Enum.TaskItemType'FacebookImport${testTypeSuffix}'`;\r\nexport const FILTER_AMAZON_IMPORT = `TaskItem/Type eq Enum.TaskItemType'AmazonImport${testTypeSuffix}'`;\r\nexport const FILTER_PINTEREST_IMPORT = `TaskItem/Type eq Enum.TaskItemType'PinterestImport${testTypeSuffix}'`;\r\n","import _ from 'underscore';\r\nimport edm from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\n\r\nimport { showError, showSuccess } from '@bingads-webui-component-legacy/toast/index';\r\nimport createImportTaskItemHelper from '@bingads-webui-campaign-legacy/import-campaigns/shared/import-task-item-helper';\r\n\r\nimport { processBatchedImports, processMultiAccountBatchedImports } from './batched-import-processor';\r\nimport * as consts from './import-log-constants';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport constants from '@bingads-webui-static-legacy/instrumentation/constants';\r\n\r\nimport { IMPORT_TYPE } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-type';\r\n\r\nconst schema = window.globalLegacySchema.get('ImportResult');\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\n//Max int, used to fetch all task items executions for file import and combined imports (16 bit signed int)\r\nconst MAX_TASK_ITEM_COUNT = 32767;\r\n\r\n// processes batched imports and filters out error imports if needed\r\nfunction processData(isMultiAccount, data) {\r\n return isMultiAccount ?\r\n processMultiAccountBatchedImports(data) :\r\n processBatchedImports(data);\r\n}\r\n\r\nexport function getImportLogDataSourceConfig({ isMultiAccount, isFacebookImport = false, isAmazonImport = false, isPinterestImport = false, supportedImportTypes }) {\r\n if (isMultiAccount) {\r\n // eslint-disable-next-line no-param-reassign\r\n edm.customerIdType.useAdvertiserCustomerId = false;\r\n }\r\n return isMultiAccount ? {\r\n type: 'js-data',\r\n entity: jsData.TaskItemExecution,\r\n schema,\r\n query: {\r\n $expand: 'TaskItem',\r\n $filter: consts.FILTER_MULTIACCOUNT_IMPORT,\r\n },\r\n options: {\r\n entitySet: edm.currentCustomer.TaskItemExecutions,\r\n afterFindAll: (resources, data) => {\r\n const processedData = processData(isMultiAccount, data);\r\n\r\n // ensure that grid still has access to total odata count\r\n _.extend(processedData, {\r\n totalCount: data.totalCount,\r\n });\r\n return processedData;\r\n },\r\n },\r\n } : {\r\n type: 'js-data',\r\n entity: jsData.TaskItemExecution,\r\n options: {\r\n entitySet: edm.currentAccount.TaskItemExecutions,\r\n cacheResponse: false,\r\n afterFindAll: (resource, data) => {\r\n const processedData = processData(isMultiAccount, data);\r\n\r\n // ensure that grid still has access to total odata count\r\n _.extend(processedData, {\r\n totalCount: data.totalCount,\r\n });\r\n return processedData;\r\n },\r\n },\r\n schema,\r\n query: {\r\n $expand: 'TaskItem',\r\n $filter: (() => {\r\n if (supportedImportTypes[IMPORT_TYPE.facebookimport] && isFacebookImport) {\r\n return consts.FILTER_FACEBOOK_IMPORT;\r\n }\r\n if (supportedImportTypes[IMPORT_TYPE.amazonImport] && isAmazonImport) {\r\n return consts.FILTER_AMAZON_IMPORT;\r\n }\r\n if (supportedImportTypes[IMPORT_TYPE.pinterestImport] && isPinterestImport) {\r\n return consts.FILTER_PINTEREST_IMPORT;\r\n }\r\n return consts.FILTER_IMPORT;\r\n })(),\r\n },\r\n };\r\n}\r\n\r\nexport function getMemoryDataSourceConfig() {\r\n return {\r\n type: 'memory',\r\n schema,\r\n data: null,\r\n };\r\n}\r\n\r\nexport function updateMemoryGrid(view) {\r\n view.currentGrid.gridView.trigger('willUpdate');\r\n jsData.TaskItemExecution\r\n .findAll({\r\n query: {\r\n $expand: 'TaskItem',\r\n $filter: consts.FILTER_FILE_IMPORT,\r\n $top: MAX_TASK_ITEM_COUNT,\r\n },\r\n }, {\r\n bypassCache: true,\r\n cacheResponse: false,\r\n entitySet: edm.currentAccount.TaskItemExecutions,\r\n }).then((data) => {\r\n view.currentGrid.gridView.patch({\r\n dataSource: {\r\n data: processData(view.isMultiAccount, data),\r\n },\r\n });\r\n view.currentGrid.gridView.trigger('didUpdate');\r\n });\r\n}\r\n\r\nexport function updateTaskItemSessionId(taskId, sessionId = null, logMsg) {\r\n let adWordsSessionId = sessionId;\r\n\r\n if (!adWordsSessionId) {\r\n adWordsSessionId = createImportTaskItemHelper.getGoogleImportInfoFromCookie().googleSessionId;\r\n }\r\n\r\n if (adWordsSessionId) {\r\n jsData.TaskItem.find(taskId, {\r\n cacheResponse: false,\r\n }).then((taskItem) => {\r\n return jsData.TaskItem.update(taskId, _.extend(taskItem, {\r\n AdWordsImportContext: _.extend(taskItem.AdWordsImportContext, {\r\n SessionId: adWordsSessionId,\r\n AdWordsSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n SessionType: taskItem.AdWordsImportContext.SessionType === 'CloudImport' ? null : taskItem.AdWordsImportContext.SessionType,\r\n }),\r\n // patch request need to reset ImportUserPreferences to undefined, otherwise, MT will meet issue.\r\n ImportUserPreferences: undefined,\r\n }));\r\n }).then(() => {\r\n if (logMsg) {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'login Google_Credentials_Update_Success');\r\n }\r\n\r\n showSuccess(i18n.get('Scheduled_Import_GAuth_Edit_Success'));\r\n }).catch((error) => {\r\n if (logMsg) {\r\n logMsg(constants.LOGCATEGORY.TRACE, `Google_Credentials_Update_Error: ${JSON.stringify(error)}`);\r\n }\r\n\r\n showError(i18n.get('GenericErrorMessage'));\r\n });\r\n } else {\r\n if (logMsg) {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'No_Session_Id');\r\n }\r\n\r\n showError(i18n.get('GenericErrorMessage'));\r\n }\r\n}\r\n\r\nexport function findImportTaskItem(id) {\r\n return jsData.TaskItem.find(id, {\r\n cacheResponse: false,\r\n });\r\n}\r\n","import downloadService from '@bingads-webui-component-legacy/download/index';\r\nimport instrumentation from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport odata from '@bingads-webui-component-legacy/http/channel/odata';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\nexport default function download(identifier, type) {\r\n const url = `/BulkUploadFiles/GetBulkFileUrl(CustomerId=:customer_id,FileIdentifier=${identifier},BulkFileType=${type})`;\r\n\r\n odata.get(url)\r\n .then((data) => {\r\n downloadService.download(data);\r\n })\r\n .catch((err) => {\r\n window.App.views.alertCenter.showError(i18n.get('GenericErrorMessage'));\r\n instrumentation.logError('import campaign download', JSON.stringify(err));\r\n });\r\n}\r\n","import _ from 'underscore';\r\n\r\nimport { ImportOptionsSummaryBuilder } from '@bingads-webui-campaign/google-import-page';\r\nimport { ImportOptionsSummaryBuilder as FileImportOptionsSummaryBuilder, parseModelToImportUserPreference, parseJsonFormatImportOptions, getFacebookImportOptionBlackList } from '@bingads-webui-campaign/import-components';\r\nimport { getSubFieldsBlackList as getFileImportOptionBlackList } from '@bingads-webui-campaign/file-import-page';\r\nimport { getSubFieldsBlackList as getAmazonImportOptionBlackList } from '@bingads-webui-campaign/amazon-import';\r\nimport { getSubFieldsBlackList as getPinterestImportOptionBlackList } from '@bingads-webui-campaign/pinterest-import';\r\n\r\nimport creatorColumnTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/creator-column.pug';\r\nimport freqColumnTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/freq-column.pug';\r\nimport importTypeTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-type.pug';\r\nimport nameTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-log-name.pug';\r\nimport { bingadsGridColumn } from '@bingads-webui-component-legacy/bingads-grid/shared/column';\r\nimport { importSummaryColDataToTemplate } from '@bingads-webui-campaign-legacy/scheduled-import/view/shared-column-configs/import-summary-col';\r\nimport actionsLogTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-log-actions.pug';\r\nimport preferencesLogTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-settings-col.pug';\r\n\r\nimport config1 from '@bingads-webui-component-legacy/config/index';\r\nimport dateUtil from '@bingads-webui-component-legacy/humanize/date';\r\nimport { IMPORT_TYPE } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-type';\r\nimport { getImportButtonOptions } from './import-center-options';\r\n\r\nconst amdI18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/import-campaigns');\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\nconst i18nGlobal = window.globalLegacyI18n.get('component/i18n/loader!legacy/global');\r\n\r\nconst permissions = config1.get('Permissions');\r\nconst importSettingsSummaryBuilder = new ImportOptionsSummaryBuilder({ i18n });\r\nconst fileImportSettingsSummaryBuilder = new FileImportOptionsSummaryBuilder({ i18n });\r\n\r\n// import option black lists\r\nconst fileImportOptionBlackList = getFileImportOptionBlackList(permissions);\r\nconst facebookImportOptionBlackList = getFacebookImportOptionBlackList(permissions);\r\nconst amazonImportOptionBlackList = getAmazonImportOptionBlackList(permissions);\r\nconst pinterestImportOptionBlackList = getPinterestImportOptionBlackList(permissions);\r\n\r\nfunction getDropdownItemConfig(view, name, text, isFirstDropdownOption) {\r\n return {\r\n name,\r\n type: 'buttonMenuItem',\r\n text: i18n.getString(text),\r\n action: {\r\n viewFactory: () => {\r\n view.setErrorFilterPredicate(isFirstDropdownOption);\r\n view.refreshGrid();\r\n },\r\n setMenuTitle: i18n.getString(text),\r\n },\r\n };\r\n}\r\n\r\nfunction getLegacyToolbarConfig(view) {\r\n return {\r\n container: view.$('.log-toolbar'),\r\n items: [\r\n {\r\n name: 'logselect',\r\n type: 'dropdown',\r\n isNewFeature: false,\r\n level: 1,\r\n title: i18n.getString('AutomatedRules_RulesHistoryGrid_AllLogs'),\r\n items: [\r\n getDropdownItemConfig(view, 'all', 'AutomatedRules_RulesHistoryGrid_AllLogs', true),\r\n getDropdownItemConfig(view, 'changeorerror', 'Scheduled_Import_Logs_With_Errors', false),\r\n ],\r\n },\r\n {\r\n name: 'refresh',\r\n type: 'button',\r\n text: i18n.getString('CampaignImport_Refresh'),\r\n leftIconClass: 'spritedimage refresh-icon',\r\n action: () => {\r\n view.refreshGrid();\r\n },\r\n }],\r\n };\r\n}\r\n\r\nfunction getGridSwitchDropdownItem(view, text, isGoogleImport) {\r\n return {\r\n key: text,\r\n value: isGoogleImport,\r\n text,\r\n classes: 'grid-menu',\r\n };\r\n}\r\n\r\nfunction getVNextToolbarConfig(view) {\r\n const config = [];\r\n\r\n // if not in import center and not multi account and not smart account and not up smart account's log grid\r\n if (view.importChannelType === undefined && !view.isMultiAccount && !view.isSmartAccount && !view.isUPSmartAccount) {\r\n const filterText = {\r\n [IMPORT_TYPE.facebookimport]: i18n.getString('Scheduled_Import_Logs_Facebook_Imports'),\r\n [IMPORT_TYPE.amazonImport]: i18n.getString('Scheduled_Import_Logs_Amazon_Imports'),\r\n [IMPORT_TYPE.pinterestImport]: i18n.getString('Scheduled_Import_Logs_Pinterest_Imports'),\r\n [IMPORT_TYPE.fileimport]: i18n.getString('Scheduled_Import_Logs_File_Imports'),\r\n }[view.importType] || i18n.getString('Scheduled_Import_Logs_Google_Imports');\r\n\r\n const items = _.compact([\r\n view.supportedImportTypes[IMPORT_TYPE.googleimport] && {\r\n text: i18n.getString('Scheduled_Import_Logs_Google_Imports'),\r\n className: 'google-log-grid',\r\n onClick: () => {\r\n view.setImportType(IMPORT_TYPE.googleimport);\r\n view.updateToolbarTextForVNext(i18n.getString('Scheduled_Import_Logs_Google_Imports'));\r\n },\r\n },\r\n view.supportedImportTypes[IMPORT_TYPE.facebookimport] && {\r\n text: i18n.getString('Scheduled_Import_Logs_Facebook_Imports'),\r\n className: 'facebook-log-grid',\r\n onClick: () => {\r\n view.setImportType(IMPORT_TYPE.facebookimport);\r\n view.updateToolbarTextForVNext(i18n.getString('Scheduled_Import_Logs_Facebook_Imports'));\r\n },\r\n },\r\n view.supportedImportTypes[IMPORT_TYPE.amazonImport] && {\r\n text: i18n.getString('Scheduled_Import_Logs_Amazon_Imports'),\r\n className: 'amazon-log-grid',\r\n onClick: () => {\r\n view.setImportType(IMPORT_TYPE.amazonImport);\r\n view.updateToolbarTextForVNext(i18n.getString('Scheduled_Import_Logs_Amazon_Imports'));\r\n },\r\n },\r\n view.supportedImportTypes[IMPORT_TYPE.pinterestImport] && {\r\n text: i18n.getString('Scheduled_Import_Logs_Pinterest_Imports'),\r\n className: 'pinterest-log-grid',\r\n onClick: () => {\r\n view.setImportType(IMPORT_TYPE.pinterestImport);\r\n\r\n view.updateToolbarTextForVNext(i18n.getString('Scheduled_Import_Logs_Pinterest_Imports'));\r\n },\r\n },\r\n {\r\n text: i18n.getString('Scheduled_Import_Logs_File_Imports'),\r\n className: 'file-log-grid',\r\n onClick: () => {\r\n view.setImportType(IMPORT_TYPE.fileimport);\r\n view.updateToolbarTextForVNext(i18n.getString('Scheduled_Import_Logs_File_Imports'));\r\n },\r\n },\r\n ]);\r\n\r\n if (items.length > 1) {\r\n config.push(['logselect', {\r\n id: 'logselect',\r\n type: 'dropdown',\r\n button: {\r\n text: filterText,\r\n },\r\n menu: {\r\n items,\r\n },\r\n }]);\r\n }\r\n\r\n }\r\n if (view.importChannelType !== undefined) {\r\n const importButtonOptions = getImportButtonOptions(i18n, view.importChannelType, null, view);\r\n\r\n config.push(importButtonOptions);\r\n }\r\n config.push(['refresh', {\r\n id: 'refresh_log',\r\n type: 'button',\r\n iconLeftGlyphName: 'ba-Refresh',\r\n text: i18n.getString('CampaignImport_Refresh'),\r\n onClick: () => {\r\n view.refreshGrid();\r\n },\r\n }]);\r\n\r\n return _.reduce(\r\n config,\r\n (map, [key, value]) => {\r\n map.set(key, value);\r\n return map;\r\n },\r\n new Map(),\r\n );\r\n}\r\n\r\nexport function getToolbarConfig(view) {\r\n if (view.isForVNext) {\r\n return getVNextToolbarConfig(view);\r\n }\r\n return getLegacyToolbarConfig(view);\r\n}\r\n\r\nfunction mapTypeToString(type, isAutomated, isCustomerLevel, multiAccountTaskGuid, supportedImportTypes) {\r\n if (isCustomerLevel) {\r\n return isAutomated ?\r\n i18n.get('Scheduled_Import_MutliAccount_Type') :\r\n i18n.get('Scheduled_Import_MutliAccount_RunNow_Type');\r\n } else if (multiAccountTaskGuid) {\r\n return isAutomated ?\r\n i18n.get('Scheduled_Import_MutliAccount_Task_Type') :\r\n i18n.get('Scheduled_Import_MutliAccount_Task_RunNow_Type');\r\n } else if (isAutomated && type === 'GoogleAPIImport') {\r\n return i18n.get('Scheduled_Import_Type');\r\n } else if (type === 'GoogleAPIImport') {\r\n return i18n.get('Scheduled_Import_RunNow_Type');\r\n } else if (supportedImportTypes[IMPORT_TYPE.facebookimport] && isAutomated && type === 'FacebookImport') {\r\n return i18n.get('Scheduled_Import_Type_Facebook');\r\n } else if (supportedImportTypes[IMPORT_TYPE.facebookimport] && type === 'FacebookImport') {\r\n return i18n.get('Scheduled_Import_RunNow_Type_Facebook');\r\n } else if (supportedImportTypes[IMPORT_TYPE.amazonImport] && isAutomated && type === 'AmazonImport') {\r\n return i18n.get('Scheduled_Import_Type_Amazon');\r\n } else if (supportedImportTypes[IMPORT_TYPE.amazonImport] && type === 'AmazonImport') {\r\n return i18n.get('Scheduled_Import_RunNow_Type_Amazon');\r\n } else if (supportedImportTypes[IMPORT_TYPE.pinterestImport] && isAutomated && type === 'PinterestImport') {\r\n return i18n.get('Scheduled_Import_Type_Pinterest');\r\n } else if (supportedImportTypes[IMPORT_TYPE.pinterestImport] && type === 'PinterestImport') {\r\n return i18n.get('Scheduled_Import_RunNow_Type_Pinterest');\r\n }\r\n return i18n.get('Scheduled_Import_File_Type');\r\n}\r\n\r\nfunction getColumnsConfig(view) {\r\n let columns = _.compact([bingadsGridColumn({\r\n name: 'StartTime',\r\n title: 'ImprovedAdScheduling_Column_Heading_Start_Time',\r\n property: _.identity,\r\n bodyClasses: ['col-StartTime'],\r\n template: (local) => {\r\n return freqColumnTmpl({\r\n Freq: amdI18n.formatDate(new Date(local.value.StartedAt), { datetime: 'full' }),\r\n IsChildBatch: local.value.IsChildBatch,\r\n IsChildAccountTask: local.value.IsChildAccountTask,\r\n });\r\n },\r\n i18n: i18nGlobal,\r\n }), bingadsGridColumn({\r\n name: 'Name',\r\n title: 'Scheduled_Import_Name',\r\n property: _.identity,\r\n bodyClasses: ['col-Name'],\r\n template: (local) => {\r\n const fileName = decodeURIComponent(local.value.UploadFileName);\r\n const fileNameExists = local.value.Type === 'FileBasedImport' && fileName && fileName !== 'null';\r\n let name;\r\n\r\n if (fileNameExists) {\r\n name = fileName;\r\n } else {\r\n name = local.value.ImportName;\r\n }\r\n\r\n return nameTmpl({\r\n ariaLabel: name && i18n.get('Download_Import_File').replace('{{fileName}}', name),\r\n fileNameExists,\r\n name: name || i18nGlobal.get('QualityScore_NA'),\r\n IsChildBatch: local.value.IsChildBatch,\r\n IsChildAccountTask: local.value.IsChildAccountTask,\r\n });\r\n },\r\n i18n,\r\n }), bingadsGridColumn({\r\n name: 'CreatedBy',\r\n title: 'AutomatedRules_RulesManagementGrid_CreatedBy',\r\n property: _.identity,\r\n bodyClasses: ['col-CreatedBy'],\r\n template: (local) => {\r\n if (local.value.TaskItem) {\r\n return creatorColumnTmpl({\r\n Creator: local.value.TaskItem.ModifiedBy && local.value.TaskItem.ModifiedBy.Name,\r\n DateTime: dateUtil.format(new Date(local.value.TaskItem.CreatedAt), 'dddd, MMMM d, yyyy', config1.get('culture')),\r\n Time: dateUtil.format(new Date(local.value.TaskItem.CreatedAt), 'hh:mm:ss tt', config1.get('culture')),\r\n });\r\n }\r\n return i18n.get('Import_Log_Grid_Created_By_Dash');\r\n },\r\n i18n,\r\n }), view.isUPSmartAccount ? null : bingadsGridColumn({\r\n name: 'ImportSettings',\r\n title: 'Import_ImportSettings_Header',\r\n property: _.identity,\r\n helpId: 'pop_BA_Import_ImportSettings',\r\n bodyClasses: ['col-ImportSettings'],\r\n template: (local) => {\r\n const importSettings = local.value.ImportUserPreference;\r\n const parsedValue = importSettings && JSON.parse(importSettings);\r\n const options = parsedValue && parseModelToImportUserPreference(parseJsonFormatImportOptions({ options: parsedValue }));\r\n const showSmartType = !view.isMultiAccount && view.isForVNext && permissions.IsSmartImportEnabled && local.value.TaskItem.IsSmartImport;\r\n let enabledOptions;\r\n let settingsText;\r\n\r\n if (local.value.Type === 'GoogleAPIImport' ||\r\n view.isMultiAccount ||\r\n (view.supportedImportTypes[IMPORT_TYPE.facebookimport] && local.value.Type === 'FacebookImport') ||\r\n (view.supportedImportTypes[IMPORT_TYPE.amazonImport] && local.value.Type === 'AmazonImport') ||\r\n (view.supportedImportTypes[IMPORT_TYPE.pinterestImport] && local.value.Type === 'PinterestImport')) {\r\n const importOptionBlackList = {\r\n 'FacebookImport': facebookImportOptionBlackList,\r\n 'AmazonImport': amazonImportOptionBlackList,\r\n 'PinterestImport': pinterestImportOptionBlackList,\r\n }[local.value.Type] || [];\r\n\r\n if (options && importOptionBlackList.length) {\r\n enabledOptions = {};\r\n _.map(options, (option, key) => {\r\n if (!_.contains(importOptionBlackList, key)) {\r\n enabledOptions[key] = option;\r\n }\r\n });\r\n } else {\r\n enabledOptions = options;\r\n }\r\n\r\n settingsText = enabledOptions && importSettingsSummaryBuilder.generateSummaryFromSelectedOptions(enabledOptions, true);\r\n } else {\r\n if (options && fileImportOptionBlackList.length) {\r\n enabledOptions = {};\r\n _.map(options, (option, key) => {\r\n if (!_.contains(fileImportOptionBlackList, key)) {\r\n enabledOptions[key] = option;\r\n }\r\n });\r\n } else {\r\n enabledOptions = options;\r\n }\r\n\r\n settingsText = enabledOptions && fileImportSettingsSummaryBuilder.generateSummaryFromSelectedOptions(enabledOptions, true);\r\n }\r\n\r\n\r\n return preferencesLogTmpl({\r\n showSmartType,\r\n showTooltipIcon: !!parsedValue,\r\n settingsText: settingsText || i18nGlobal.get('QualityScore_NA'),\r\n importSettingsLabel: i18n.get('Import_ImportSettings_Header'),\r\n i18n,\r\n });\r\n },\r\n i18n,\r\n }), bingadsGridColumn({\r\n name: 'ImportType',\r\n title: 'AudiencesGrid_Header_Type',\r\n property: _.identity,\r\n bodyClasses: ['col-ImportType'],\r\n helpId: 'pop_BA_Import_HistoryType',\r\n template: (local) => {\r\n let importSourceAccountInfo;\r\n\r\n if (local.value.GoogleAccountName && local.value.GoogleCustomerId) {\r\n importSourceAccountInfo = `${local.value.GoogleAccountName} (${local.value.GoogleCustomerId})`;\r\n } else if (local.value.GoogleAccountName) {\r\n importSourceAccountInfo = local.value.GoogleAccountName;\r\n } else if (view.supportedImportTypes[IMPORT_TYPE.facebookimport] || view.supportedImportTypes[IMPORT_TYPE.amazonImport] || view.supportedImportTypes[IMPORT_TYPE.pinterestImport]) {\r\n if (local.value.ExternalAccountName && local.value.ExternalCustomerId) {\r\n importSourceAccountInfo = `${local.value.ExternalAccountName} (${local.value.ExternalCustomerId})`;\r\n } else if (local.value.ExternalAccountName) {\r\n importSourceAccountInfo = local.value.ExternalAccountName;\r\n }\r\n }\r\n\r\n return importTypeTmpl({\r\n Type: mapTypeToString(\r\n local.value.Type,\r\n local.value.IsAutomated,\r\n local.value.isCustomerLevel,\r\n local.value.MultiAccountTaskGuid,\r\n view.supportedImportTypes,\r\n ),\r\n IsGoogleImport: local.value.Type === 'GoogleAPIImport' || view.isMultiAccount,\r\n IsFacebookImport: view.supportedImportTypes[IMPORT_TYPE.facebookimport] && local.value.Type === 'FacebookImport',\r\n IsAmazonImport: view.supportedImportTypes[IMPORT_TYPE.amazonImport] && local.value.Type === 'AmazonImport',\r\n IsPinterestImport: view.supportedImportTypes[IMPORT_TYPE.pinterestImport] && local.value.Type === 'PinterestImport',\r\n ImportSourceAccountInfo: importSourceAccountInfo,\r\n });\r\n },\r\n i18n: i18nGlobal,\r\n }), bingadsGridColumn({\r\n name: 'Summary',\r\n title: 'AutomatedRules_RulesHistoryGrid_Summary',\r\n property: _.identity,\r\n bodyClasses: ['col-Summary'],\r\n helpId: 'pop_BA_Import_HistorySummary',\r\n template: (local) => importSummaryColDataToTemplate(local.value, i18n),\r\n i18n,\r\n }), bingadsGridColumn({\r\n name: 'Error',\r\n title: 'Scheduled_Import_History_Actions_Header',\r\n property: _.identity,\r\n bodyClasses: ['col-Error'],\r\n helpId: 'pop_BA_Import_History_Action',\r\n template: (local) => {\r\n const hasError = (local.value.ErrorCount && local.value.ErrorFileIdentifier) ||\r\n (local.value.EntityStatistics && _.any(local.value.EntityStatistics.Values, (stat) => stat.HasWarning === true));\r\n const hasErrorSummary = permissions && permissions.dynamic && permissions.dynamic.ImportNewErrorSummaryDownloadLink && hasError && local.value.ErrorSummaryFileIdentifier !== null;\r\n const hasPreview = (local.value.ImportStatus === 'ValidationCompleted') && local.value.Status === 'Completed';\r\n const hasErrorCode = permissions && permissions.dynamic && permissions.dynamic.TokenInvalidImportNotification && local.value.ErrorCode !== null;\r\n\r\n if (hasError) {\r\n view.logColumns({\r\n column: 'Import_History_Action',\r\n isMultiAccount: view.isMultiAccount,\r\n columnData: local.value,\r\n action: 'has',\r\n message: 'error file',\r\n });\r\n }\r\n\r\n if (hasErrorSummary) {\r\n view.logColumns({\r\n column: 'Import_History_Action',\r\n isMultiAccount: view.isMultiAccount,\r\n columnData: local.value,\r\n action: 'has',\r\n message: 'error summary file',\r\n });\r\n }\r\n\r\n return actionsLogTmpl({\r\n hasError,\r\n hasErrorSummary,\r\n hasPreview,\r\n i18n,\r\n hasErrorCode,\r\n errorDetailsLabel: i18n.getString('Grid_ErrorDetails'),\r\n });\r\n },\r\n i18n,\r\n })]);\r\n\r\n return columns;\r\n}\r\n\r\nexport class GoogleImportLogConfig {\r\n constructor(view) {\r\n _.extend(this, {\r\n name: 'GoogleImportLogGrid',\r\n el: view.$('.googleImportLogGrid'),\r\n dataSource: view.getImportLogDataSourceConfig(view),\r\n columns: getColumnsConfig(view),\r\n tableClasses: ['table', 'table-bordered'],\r\n tableAttributes: { 'aria-label': i18n.get('Scheduled_Import_History_Logs_Title') },\r\n pluginsConfig: {\r\n toolbar: getToolbarConfig(view),\r\n },\r\n plugins: {\r\n a11y: { i18n },\r\n uiBlocker: {\r\n el: view.$('.googleImportLogGrid'),\r\n },\r\n placeholder: {}, // use placeholder plugin to hide PageSize dropdown\r\n pagination: {\r\n pageSizeText: i18nGlobal.getString('Grid_ShowRows'),\r\n },\r\n perfMarker: {\r\n appConfig: config1,\r\n gridMarker: view.perfMarker,\r\n },\r\n },\r\n });\r\n }\r\n}\r\n\r\nexport class FacebookImportLogConfig {\r\n constructor(view) {\r\n _.extend(this, {\r\n name: 'FacebookImportLogGrid',\r\n el: view.$('.facebookImportLogGrid'),\r\n dataSource: view.getImportLogDataSourceConfig({isForVNext: true, isFacebookImport: true, supportedImportTypes: view.supportedImportTypes }),\r\n columns: getColumnsConfig(view),\r\n tableClasses: ['table', 'table-bordered'],\r\n tableAttributes: { 'aria-label': i18n.get('Scheduled_Import_History_Logs_Title') },\r\n pluginsConfig: {\r\n toolbar: getToolbarConfig(view),\r\n },\r\n plugins: {\r\n a11y: { i18n },\r\n uiBlocker: {\r\n el: view.$('.facebookImportLogGrid'),\r\n },\r\n placeholder: {}, // use placeholder plugin to hide PageSize dropdown\r\n pagination: {\r\n pageSizeText: i18nGlobal.getString('Grid_ShowRows'),\r\n },\r\n perfMarker: {\r\n appConfig: config1,\r\n gridMarker: view.perfMarker,\r\n },\r\n },\r\n });\r\n }\r\n}\r\n\r\nexport class AmazonImportLogConfig {\r\n constructor(view) {\r\n _.extend(this, {\r\n name: 'AmazonImportLogGrid',\r\n el: view.$('.amazonImportLogGrid'),\r\n dataSource: view.getImportLogDataSourceConfig({isForVNext: true, isAmazonImport: true, supportedImportTypes: view.supportedImportTypes }),\r\n columns: getColumnsConfig(view),\r\n tableClasses: ['table', 'table-bordered'],\r\n tableAttributes: { 'aria-label': i18n.get('Scheduled_Import_History_Logs_Title') },\r\n pluginsConfig: {\r\n toolbar: getToolbarConfig(view),\r\n },\r\n plugins: {\r\n a11y: { i18n },\r\n uiBlocker: {\r\n el: view.$('.amazonImportLogGrid'),\r\n },\r\n placeholder: {}, // use placeholder plugin to hide PageSize dropdown\r\n pagination: {\r\n pageSizeText: i18nGlobal.getString('Grid_ShowRows'),\r\n },\r\n perfMarker: {\r\n appConfig: config1,\r\n gridMarker: view.perfMarker,\r\n },\r\n },\r\n });\r\n }\r\n}\r\n\r\nexport class PinterestImportLogConfig {\r\n constructor(view) {\r\n _.extend(this, {\r\n name: 'PinterestImportLogGrid',\r\n el: view.$('.pinterestImportLogGrid'),\r\n dataSource: view.getImportLogDataSourceConfig({isForVNext: true, isPinterestImport: true, supportedImportTypes: view.supportedImportTypes }),\r\n columns: getColumnsConfig(view),\r\n tableClasses: ['table', 'table-bordered'],\r\n tableAttributes: { 'aria-label': i18n.get('Scheduled_Import_History_Logs_Title') },\r\n pluginsConfig: {\r\n toolbar: getToolbarConfig(view),\r\n },\r\n plugins: {\r\n a11y: { i18n },\r\n uiBlocker: {\r\n el: view.$('.pinterestImportLogGrid'),\r\n },\r\n placeholder: {}, // use placeholder plugin to hide PageSize dropdown\r\n pagination: {\r\n pageSizeText: i18nGlobal.getString('Grid_ShowRows'),\r\n },\r\n perfMarker: {\r\n appConfig: config1,\r\n gridMarker: view.perfMarker,\r\n },\r\n },\r\n });\r\n }\r\n}\r\n\r\nexport class FileImportLogConfig {\r\n constructor(view) {\r\n _.extend(this, {\r\n name: 'FileImportLogGrid',\r\n el: view.$('.fileImportLogGrid'),\r\n dataSource: view.getMemoryDataSourceConfig(),\r\n columns: getColumnsConfig(view).filter((item) => {\r\n return item.name !== 'CreatedBy';\r\n }), // we don't show CreatedBy column for file import since it has no such data\r\n tableClasses: ['table', 'table-bordered'],\r\n plugins: {\r\n a11y: { i18n },\r\n uiBlocker: {\r\n el: view.$('.fileImportLogGrid'),\r\n },\r\n placeholder: {}, // use placeholder plugin to hide PageSize dropdown\r\n pagination: {\r\n pageSizeText: i18nGlobal.getString('Grid_ShowRows'),\r\n },\r\n perfMarker: {\r\n appConfig: config1,\r\n gridMarker: view.perfMarker,\r\n },\r\n },\r\n });\r\n }\r\n}\r\n\r\nexport function getGridSwitchToolbarConfig(view) {\r\n return {\r\n classes: ['log-toolbar', 'grid-toolbar'],\r\n items: view.supportedImportTypes[IMPORT_TYPE.googleimport] && Object.keys(view.supportedImportTypes).length === 1 ? [{\r\n type: 'button',\r\n text: i18n.getString('CampaignImport_Refresh'),\r\n iconLeft: ['spiritedimage', 'refresh-icon'],\r\n onClick: () => {\r\n view.refreshGrid();\r\n },\r\n }] : [{\r\n type: 'selector',\r\n classes: ['grid-groupmenu-container', 'dropdown', 'grid-toolbar-front-theme'],\r\n button: {\r\n classes: ['grid-menu-container', 'grid-colchooser', 'dropdown-toggle'],\r\n iconRight: ['spritedimage toolbar-icon icon-arrowdown-normal'],\r\n },\r\n items: [\r\n getGridSwitchDropdownItem(view, i18n.getString('Scheduled_Import_Logs_Google_Imports'), true),\r\n getGridSwitchDropdownItem(view, i18n.getString('Scheduled_Import_Logs_File_Imports'), false),\r\n ],\r\n onChange: (item) => {\r\n view.setImportType(item.value);\r\n },\r\n },\r\n {\r\n type: 'button',\r\n text: i18n.getString('CampaignImport_Refresh'),\r\n iconLeft: ['spiritedimage', 'refresh-icon'],\r\n onClick: () => {\r\n view.refreshGrid();\r\n },\r\n }],\r\n };\r\n}\r\n","import ko from 'knockout';\r\n\r\nexport default function ViewModel() {\r\n this.showGoogleImportGrid = ko.observable(false);\r\n this.showFacebookImportGrid = ko.observable(false);\r\n this.showAmazonImportGrid = ko.observable(false);\r\n this.showPinterestImportGrid = ko.observable(false);\r\n this.showFileImportGrid = ko.observable(false);\r\n this.isFirstSwitch = ko.observable(true);\r\n\r\n this.showNoGoogleImportMsg = ko.observable(false);\r\n this.showNoFileImportMsg = ko.observable(false);\r\n this.showNoFacebookImportMsg = ko.observable(false);\r\n this.showNoAmazonImportMsg = ko.observable(false);\r\n this.showNoPinterestImportMsg = ko.observable(false);\r\n}\r\n","import Backbone from 'backbone';\r\n\r\nimport importSettingsTooltipTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-settings-tooltip.pug';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\nexport class ImportSettingsTooltipView extends Backbone.View {\r\n initialize({ formView }) {\r\n this.formView = formView;\r\n }\r\n\r\n render() {\r\n this.$el.html(importSettingsTooltipTmpl({\r\n i18n,\r\n }));\r\n\r\n this.$('.panel-body').append(this.formView.render().$el);\r\n\r\n return this;\r\n }\r\n\r\n remove() {\r\n this.formView.remove();\r\n }\r\n}\r\n","import Backbone from 'backbone';\r\nimport 'bootstrap';\r\nimport $ from 'jquery';\r\nimport ko from 'knockout';\r\nimport Promise from 'bluebird';\r\nimport _ from '@bingads-webui-component-legacy/extension/underscore';\r\n\r\nimport { GoogleLoginRepository, FacebookImportRepository, loadFacebookSdk } from '@bingads-webui-campaign/import-shared-repositories';\r\nimport { PinterestLoginRepository, PinterestImportRepository } from '@bingads-webui-campaign/pinterest-import';\r\nimport { dismissCallout } from '@bingads-webui-campaign/import-callout';\r\nimport { handleGoogleLoginAuthError, handleFacebookLoginError, handlePinterestLoginError } from '@bingads-webui-campaign/imports-core';\r\nimport { createDisabledUETSelectorClass } from '@bingads-webui-campaign/import-components';\r\nimport { ToolbarView } from '@bingads-webui/toolbar';\r\nimport { withUiBlock } from '@bingads-webui/uiblocker';\r\n\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport download from '@bingads-webui-campaign-legacy/import-campaigns/shared/download';\r\nimport showGooglePopup from '@bingads-webui-campaign-legacy/import-campaigns/shared/showGoogleLoginPopup';\r\nimport headerTemplateConfig from '@bingads-webui-campaign-legacy/bingadsgrid/config-preprocessor/header-template-config';\r\nimport { AmazonImportLogConfig, GoogleImportLogConfig, FacebookImportLogConfig, FileImportLogConfig, PinterestImportLogConfig, getGridSwitchToolbarConfig, getToolbarConfig } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-log-grid-config';\r\nimport { a11yPlugin } from '@bingads-webui/projection-grid-a11y';\r\nimport { paginationPlugin } from '@bingads-webui/projection-grid-pagination';\r\nimport { placeholderPlugin } from '@bingads-webui/projection-grid-placeholder';\r\nimport tmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-log-grid.pug';\r\nimport toolTipTmpl from '@bingads-webui-campaign-legacy/import-campaigns/template/lastImportTable/toolTip.pug';\r\nimport { uiBlockerPlugin } from '@bingads-webui/projection-grid-uiblocker';\r\nimport ViewModel from '@bingads-webui-campaign-legacy/scheduled-import/viewmodel/import-log-grid';\r\nimport { showError, showSuccess } from '@bingads-webui-component-legacy/toast/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport pgrid from '@bingads-webui-component-legacy/github/modules/projection-grid/module/projection-grid';\r\nimport UIBlocker from '@bingads-webui-component-legacy/uiblocker/service/uiBlocker';\r\nimport $http from '@bingads-webui-component-legacy/http/channel/core';\r\nimport odata from '@bingads-webui-component-legacy/http/channel/odata';\r\nimport { queryify } from '@bingads-webui/url-util';\r\nimport '@bingads-webui-static-legacy/extension/promise/withUiBlock';\r\nimport {\r\n ImportUpdateEntityPreference,\r\n ImportUserPreferences,\r\n ImportAppendDestUrlPreference,\r\n ImportSearchAndReplaceDestUrlPreference,\r\n AppendPreferencesForTrackingTemplate,\r\n SearchAndReplacePreferencesForTrackingTemplate,\r\n ImportPrefixAndSuffixForStringProperty,\r\n ImportSearchAndReplaceForStringProperty,\r\n ImportAdjustmentForNumericProperty,\r\n} from '@bingads-webui-campaign/campaign-ui-schemas';\r\nimport { perfMarkerPlugin } from '@bingads-webui-campaign/pgrid-performance-log';\r\n\r\nimport { getBlacklist } from '@bingads-webui-campaign-legacy/import-campaigns/spa/options-blacklist';\r\nimport { ImportSettingsTooltipView } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-settings-tooltip';\r\n\r\nimport logger from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport constants from '@bingads-webui-static-legacy/instrumentation/constants';\r\n\r\nimport { IMPORT_TYPE, IMPORT_TYPE_TO_IMPORT_NAME } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-type';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\nconst permissions = config.get('Permissions') || {};\r\n\r\nfunction debouncedVersion(func) { // prevent multiple click\r\n return _.debounce(func, 2000, true);\r\n}\r\n\r\nconst logMsg = (category, msg) => logger.logMessage([category], constants.LOGLEVEL.INFO, '/campaign/importcampaign', msg);\r\nconst logColumns = ({column, isMultiAccount, columnData, action, message}) => {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign', `column:${column}, ExecutionId:${isMultiAccount ? columnData.MultiAccountTaskExecutionId : columnData.Id}, ImportId:${columnData.ImportId}, TaskId:${columnData.TaskId}, MultiAccountTaskId:${isMultiAccount ? columnData.MultiAccountTaskId : null}, Action:${action}, Mes:${message}`);\r\n};\r\n\r\nexport default class View extends Backbone.View {\r\n initialize(options = {}) {\r\n if (options.perfMarker) {\r\n this.perfMarker = options.perfMarker.createChild('Import_Log_Grid_Load');\r\n this.perfMarker.willInit();\r\n }\r\n this.importType = options.importType;\r\n this.viewModel = new ViewModel();\r\n this.isMultiAccount = options.isMultiAccount;\r\n this.isSmartAccount = options.isSmartAccount || false; // default value is used for MAE\r\n this.isUPSmartAccount = options.isUPSmartAccount || false; // default value is used for MAE\r\n this.supportedImportTypes = options.supportedImportTypes || { [IMPORT_TYPE.googleimport]: IMPORT_TYPE_TO_IMPORT_NAME[IMPORT_TYPE.googleimport] }; // default value is used for MAE\r\n this.isForVNext = options.isForVNext;\r\n this.importChannelType = options.importChannelType;\r\n this.scope = options.scope;\r\n this.toolbarConfig = getToolbarConfig(this);\r\n this.updateToolbarTextForVNext = options.updateToolbarTextForVNext;\r\n this.router = options.router;\r\n this.getImportLogDataSourceConfig = options.getImportLogDataSourceConfig;\r\n this.getMemoryDataSourceConfig = options.getMemoryDataSourceConfig;\r\n this.updateTaskItemSessionId = options.updateTaskItemSessionId;\r\n this.findImportTaskItem = options.findImportTaskItem;\r\n this.updateMemoryGrid = options.updateMemoryGrid;\r\n this.overridingEvent = options.overridingEvent;\r\n this.importOptionsFormLoader = options.importOptionsFormLoader;\r\n this.summaryTableLoader = options.summaryTableLoader;\r\n this.uetTagSelectorViewLoader = options.uetTagSelectorViewLoader;\r\n this.newI18n = options.newI18n;\r\n this.logColumns = logColumns;\r\n }\r\n\r\n events() {\r\n return _.defaults({}, this.overridingEvent, {\r\n 'click .import-settings.icon-info': 'showImportSettings',\r\n 'click .import-summary.icon-info, .import-actions.learn-more': 'showSummaryDetails',\r\n 'click .googleLogin': 'showGoogleLoginPopup',\r\n 'click .facebookLogin': 'showFacebookLoginPopup',\r\n 'click .pinterestLogin': 'showPinterestLoginPopup',\r\n 'click .download-error': 'downloadErrorFile',\r\n 'click .download-error-summary': 'downloadErrorSummaryFile',\r\n 'click .download-file': 'downloadUploadedFile',\r\n 'keypress input': 'onKeyPressed',\r\n 'click .btn__preview': debouncedVersion(this.previewAnImport),\r\n 'click .btn__cancel': debouncedVersion(this.cancelAnImport),\r\n });\r\n }\r\n\r\n refreshGrid() {\r\n if (this.viewModel.showGoogleImportGrid()) {\r\n if (this.googleImportGridRendered) {\r\n this.googleImportGrid.gridView.refresh(true);\r\n } else {\r\n this.googleImportGridRendered = true;\r\n this.googleImportGrid.gridView.render();\r\n }\r\n } else if (this.viewModel.showFacebookImportGrid()) {\r\n if (this.facebookImportGridRendered) {\r\n this.facebookImportGrid.gridView.refresh(true);\r\n } else {\r\n this.facebookImportGridRendered = true;\r\n this.facebookImportGrid.gridView.render();\r\n }\r\n } else if (this.viewModel.showAmazonImportGrid()) {\r\n if (this.amazonImportGridRendered) {\r\n this.amazonImportGrid.gridView.refresh(true);\r\n } else {\r\n this.amazonImportGridRendered = true;\r\n this.amazonImportGrid.gridView.render();\r\n }\r\n } else if (this.viewModel.showPinterestImportGrid()) {\r\n if (this.pinterestImportGridRendered) {\r\n this.pinterestImportGrid.gridView.refresh(true);\r\n } else {\r\n this.pinterestImportGridRendered = true;\r\n this.pinterestImportGrid.gridView.render();\r\n }\r\n } else {\r\n this.updateMemoryGrid(this);\r\n }\r\n }\r\n\r\n setImportType(importType = IMPORT_TYPE.googleimport) {\r\n if ((this.viewModel.showGoogleImportGrid() && importType === IMPORT_TYPE.googleimport) ||\r\n (this.viewModel.showFacebookImportGrid() && importType === IMPORT_TYPE.facebookimport) ||\r\n (this.viewModel.showAmazonImportGrid() && importType === IMPORT_TYPE.amazonImport) ||\r\n (this.viewModel.showPinterestImportGrid() && importType === IMPORT_TYPE.pinterestImport)) {\r\n // already displaying correct grid\r\n return;\r\n }\r\n\r\n this.importType = importType;\r\n\r\n // hide old grid, set new, and update new\r\n this.viewModel.showGoogleImportGrid(importType === IMPORT_TYPE.googleimport);\r\n this.viewModel.showFacebookImportGrid(importType === IMPORT_TYPE.facebookimport);\r\n this.viewModel.showAmazonImportGrid(importType === IMPORT_TYPE.amazonImport);\r\n this.viewModel.showPinterestImportGrid(importType === IMPORT_TYPE.pinterestImport);\r\n this.currentGrid = {\r\n [IMPORT_TYPE.googleimport]: this.googleImportGrid,\r\n [IMPORT_TYPE.facebookimport]: this.facebookImportGrid,\r\n [IMPORT_TYPE.amazonImport]: this.amazonImportGrid,\r\n [IMPORT_TYPE.pinterestImport]: this.pinterestImportGrid,\r\n }[importType] || this.fileImportGrid;\r\n this.refreshGrid();\r\n }\r\n\r\n setErrorFilterPredicate(showAllImports) {\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `Setting filter in import log grid. Show all imports: ${showAllImports}`);\r\n\r\n // for legacy UI, ignore facebook import settings\r\n this.importType = showAllImports ? IMPORT_TYPE.googleimport : IMPORT_TYPE.fileimport;\r\n\r\n if (showAllImports) {\r\n this.predicate = () => true;\r\n } else {\r\n this.predicate = (execution) => execution.ErrorCount > 0 || (execution.Status === 'Failed' && execution.ImportStatus !== 'Cancelled');\r\n }\r\n }\r\n\r\n onKeyPressed(event) {\r\n const RETURN_CODE = 13;\r\n\r\n if (event.which === RETURN_CODE) {\r\n event.preventDefault();\r\n const pageText = this.currentGrid.pagination.$('input.form-control.page-number-input');\r\n\r\n if (pageText) {\r\n this.currentGrid.pagination.viewModel.pageNumberText(pageText.val());\r\n }\r\n }\r\n }\r\n\r\n showGoogleLoginPopup(e) {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'click Google_Sign_In_Link');\r\n\r\n const data = this.getColumnData(e);\r\n\r\n dismissCallout();\r\n\r\n if (permissions.UseJsGapiClientOnImportLogGrid) {\r\n logMsg(constants.LOGCATEGORY.TRACE, `GSILocal: ${permissions.dynamic.GSILocal}`);\r\n window.require(['ext/google/gsi'], () => {\r\n const google = window.google;\r\n const taskId = data.TaskId;\r\n\r\n const loginRepo = new GoogleLoginRepository({\r\n deps: {\r\n google,\r\n GSILocal: permissions.dynamic.GSILocal,\r\n },\r\n });\r\n\r\n new Promise((resolve, reject) => {\r\n loginRepo.googleSignIn({\r\n onSuccess: resolve,\r\n onFail: reject,\r\n useConsentPrompt: true,\r\n });\r\n }).then(({ code }) => {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'login Google_Sign_In_Success');\r\n\r\n const getGoogleSessionUrlTmpl =\r\n 'ImportSession/StartGoogleSession(CustomerId=:customer_id,AccountId=:account_id)?authCode={{AuthCode}}&redirectUri=postmessage';\r\n const requestUrl = _.template(getGoogleSessionUrlTmpl)({ AuthCode: code });\r\n\r\n odata.post(requestUrl, { data: ''})\r\n .then((sessionId) => {\r\n return this.updateTaskItemSessionId(taskId, sessionId, logMsg);\r\n });\r\n })\r\n .catch((error) => {\r\n logMsg(constants.LOGCATEGORY.TRACE,\r\n `failed to login to google on logs grid with gsi, err: ${JSON.stringify(error)}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (error && error.authErrors === 'popup_closed') {\r\n return;\r\n }\r\n\r\n // show Google login error message\r\n showError(handleGoogleLoginAuthError(error, this.newI18n));\r\n })\r\n .finally(withUiBlock());\r\n });\r\n } else {\r\n showGooglePopup(`/campaign/GoogleOAuth2/DirectToGoogleAuthorizationServer?cid=${config.get('CurrentCustomer').Id}&uid=${config.get('CurrentUser').Id}&aid=${config.get('CurrentAccount').Id}&userId=${encodeURIComponent(data.GoogleAccountName)}`, 'GoogleOAuth', 450, 650, _.partial(this.updateTaskItemSessionId, data.TaskId));\r\n }\r\n }\r\n\r\n showFacebookLoginPopup(e) {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'click Facebook_Sign_In_Link');\r\n\r\n const {TaskId: taskId} = this.getColumnData(e) || {};\r\n const currentUser = config.get('CurrentUser');\r\n\r\n dismissCallout();\r\n\r\n loadFacebookSdk().then((sdk) => {\r\n if (sdk === null) {\r\n logMsg(constants.LOGCATEGORY.ERROR, 'Failed to load Facebook script.');\r\n return;\r\n }\r\n\r\n const facebookRepo = new FacebookImportRepository({ deps: {\r\n FB: sdk,\r\n odata,\r\n config,\r\n defaultLogActivity: {\r\n trace: (msg) => logMsg(constants.LOGCATEGORY.TRACE, msg),\r\n error: (msg) => logMsg(constants.LOGCATEGORY.ERROR, msg),\r\n },\r\n i18n,\r\n edm: { currentAccount: {} },\r\n jsData,\r\n }});\r\n\r\n facebookRepo.login({\r\n onSuccess: ({accessToken}) => {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'login Facebook_Sign_In_Success');\r\n\r\n facebookRepo.refreshScheduledFacebookImportTaskItemSessionId(\r\n accessToken,\r\n taskId,\r\n currentUser,\r\n ).then(() => {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'login Facebook_Credentials_Update_Success');\r\n\r\n showSuccess(i18n.get('Scheduled_Import_Facebook_GAuth_Edit_Success'));\r\n }).catch((error) => {\r\n logMsg(constants.LOGCATEGORY.TRACE, `Facebook_Credentials_Update_Error: ${JSON.stringify(error)}`);\r\n\r\n showError(i18n.get('GenericErrorMessage'));\r\n });\r\n },\r\n onPermissionsDeclined: ({ declinedScopesAndDesc = [], userID}) => {\r\n const declinedPerms = declinedScopesAndDesc.map((ds) => ds.name).join(', ');\r\n\r\n logMsg(constants.LOGCATEGORY.TRACE,\r\n `user (${userID}) decliened permissions: ${declinedPerms || ''}, could not editing import`);\r\n\r\n // show permission error\r\n showError(handleFacebookLoginError({ authErrors: 'FacebookImport_Permission_Denied_Error' }, this.newI18n));\r\n },\r\n onFail: (error) => {\r\n logMsg(constants.LOGCATEGORY.ERROR,\r\n `could not sign into Facebook for editing import: ${JSON.stringify(error)}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (error && error.status === 'unknown') {\r\n return;\r\n }\r\n\r\n // show Facebook login error message\r\n showError(handleFacebookLoginError(error, this.newI18n));\r\n },\r\n rerequest: true,\r\n });\r\n });\r\n }\r\n\r\n showPinterestLoginPopup(e) {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'click Pinterest_Sign_In_Link');\r\n\r\n const { TaskId: taskId } = this.getColumnData(e) || {};\r\n const currentUser = config.get('CurrentUser');\r\n\r\n dismissCallout();\r\n\r\n const pinterestLoginRepo = new PinterestLoginRepository(config);\r\n const deps = {\r\n odata,\r\n config,\r\n defaultLogActivity: {\r\n trace: (msg) => logMsg(constants.LOGCATEGORY.TRACE, msg),\r\n error: (msg) => logMsg(constants.LOGCATEGORY.ERROR, msg),\r\n },\r\n i18n,\r\n edm: { currentAccount: {} },\r\n jsData,\r\n };\r\n const pinterestImportRepo = new PinterestImportRepository({ deps });\r\n\r\n pinterestLoginRepo.login()\r\n .then((authCode) => {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'login Pinterest_Sign_In_Success');\r\n\r\n return pinterestImportRepo.startPinterestSession(authCode);\r\n })\r\n .then((sessionId) => {\r\n return this.findImportTaskItem(taskId).then((taskItem) => {\r\n const data = {\r\n ...taskItem,\r\n PinterestImportContext: {\r\n ...taskItem.PinterestImportContext,\r\n SessionId: sessionId,\r\n PinterestSessionUserId: (currentUser && currentUser.Id) || taskItem.PinterestImportContext.PinterestSessionUserId,\r\n },\r\n };\r\n\r\n return pinterestImportRepo.updateScheduledImportTaskItem(data, taskId);\r\n });\r\n })\r\n .then(() => {\r\n logMsg(constants.LOGCATEGORY.TRACE, 'login Pinterest_Credentials_Update_Success');\r\n\r\n showSuccess(i18n.get('Scheduled_Import_Pinterest_GAuth_Edit_Success'));\r\n })\r\n .catch((res) => {\r\n logMsg(constants.LOGCATEGORY.ERROR,\r\n `could not sign into Pinterest for editing import: ${JSON.stringify(res)}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (res && res.error === 'popup_closed_by_user') {\r\n return;\r\n }\r\n\r\n // show Pinterest login error message\r\n showError(handlePinterestLoginError(res, this.newI18n));\r\n });\r\n }\r\n\r\n render() {\r\n this.$el.html(tmpl({\r\n noGoogleImportMsg: i18n.get('Scheduled_Import_Log_Empty_GoogleImport'),\r\n noFacebookImportMsg: i18n.get('Scheduled_Import_Log_Empty_FacebookImport'),\r\n noAmazonImportMsg: i18n.get('Scheduled_Import_Log_Empty_AmazonImport'),\r\n noPinterestImportMsg: i18n.get('Scheduled_Import_Log_Empty_PinterestImport'),\r\n noFileImportMsg: i18n.get('Scheduled_Import_Log_Empty_FileImport'),\r\n }));\r\n ko.applyBindings(this.viewModel, this.el);\r\n\r\n this.googleImportGrid = this.initGrid(new GoogleImportLogConfig(this));\r\n this.fileImportGrid = this.initGrid(new FileImportLogConfig(this));\r\n\r\n this.fileImportGrid.gridView.render();\r\n\r\n // render facebook import log grid\r\n if (this.supportedImportTypes[IMPORT_TYPE.facebookimport]) {\r\n this.facebookImportGrid = this.initGrid(new FacebookImportLogConfig(this));\r\n // this.facebookImportGrid.gridView.render();\r\n }\r\n\r\n if (this.supportedImportTypes[IMPORT_TYPE.amazonImport]) {\r\n this.amazonImportGrid = this.initGrid(new AmazonImportLogConfig(this));\r\n }\r\n\r\n if (this.supportedImportTypes[IMPORT_TYPE.pinterestImport]) {\r\n this.pinterestImportGrid = this.initGrid(new PinterestImportLogConfig(this));\r\n }\r\n\r\n // select grid based on importType\r\n switch (this.importType) {\r\n case IMPORT_TYPE.facebookimport:\r\n this.currentGrid = this.facebookImportGrid;\r\n this.viewModel.showFacebookImportGrid(true);\r\n break;\r\n case IMPORT_TYPE.amazonImport:\r\n this.currentGrid = this.amazonImportGrid;\r\n this.viewModel.showAmazonImportGrid(true);\r\n break;\r\n case IMPORT_TYPE.pinterestImport:\r\n this.currentGrid = this.pinterestImportGrid;\r\n this.viewModel.showPinterestImportGrid(true);\r\n break;\r\n case IMPORT_TYPE.fileimport:\r\n this.currentGrid = this.fileImportGrid;\r\n this.viewModel.showFileImportGrid(true);\r\n break;\r\n default:\r\n this.currentGrid = this.googleImportGrid;\r\n this.viewModel.showGoogleImportGrid(true);\r\n break;\r\n }\r\n\r\n this.currentGrid.gridView.render();\r\n\r\n if (!this.isForVNext) {\r\n this.toolbar = new ToolbarView(getGridSwitchToolbarConfig(this)).render();\r\n this.$('.log-toolbar').append(this.toolbar.$el);\r\n }\r\n\r\n this.refreshGrid();\r\n\r\n return this;\r\n }\r\n\r\n initGrid(gridConfig) {\r\n let grid = pgrid.factory({ vnext: true })\r\n .use(perfMarkerPlugin)\r\n .use(a11yPlugin)\r\n .use(paginationPlugin)\r\n .use(placeholderPlugin)\r\n .use(uiBlockerPlugin);\r\n\r\n grid = grid.create(_.flow([headerTemplateConfig])(gridConfig));\r\n\r\n this.initUpdateFinishedEventListener(grid);\r\n\r\n return grid;\r\n }\r\n\r\n initUpdateFinishedEventListener(grid) {\r\n grid.gridView.on('didUpdate', () => {\r\n const hasNoResult = grid.gridView.countRows === 0;\r\n\r\n // make sure pagination does not render before first file import grid loads\r\n if (this.viewModel.isFirstSwitch() && !this.viewModel.showGoogleImportGrid() && !this.viewModel.showFacebookImportGrid() && !this.viewModel.showAmazonImportGrid() && !this.viewModel.showPinterestImportGrid()) {\r\n this.viewModel.isFirstSwitch(false);\r\n }\r\n\r\n this.viewModel.showNoGoogleImportMsg(this.importType === IMPORT_TYPE.googleimport && hasNoResult);\r\n this.viewModel.showNoFacebookImportMsg(this.importType === IMPORT_TYPE.facebookimport && hasNoResult);\r\n this.viewModel.showNoAmazonImportMsg(this.importType === IMPORT_TYPE.amazonImport && hasNoResult);\r\n this.viewModel.showNoPinterestImportMsg(this.importType === IMPORT_TYPE.pinterestImport && hasNoResult);\r\n this.viewModel.showNoFileImportMsg(this.importType === IMPORT_TYPE.fileimport && hasNoResult);\r\n });\r\n }\r\n\r\n showImportSettings(e) {\r\n if ($(e.currentTarget).data('showTooltip')) {\r\n // there is already tooltip showing.\r\n return;\r\n }\r\n\r\n const target = e.target;\r\n let tooltipView;\r\n let $targetTooltip;\r\n const columnData = this.getColumnData(e);\r\n const $parent = $(target).parent();\r\n const eventName = _.uniqueId('click.import.log.grid.');\r\n const subFieldsBlacklist = getBlacklist();\r\n\r\n if (columnData.Type === 'FileBasedImport') {\r\n subFieldsBlacklist.push('ImportAccountUrlOptions');\r\n subFieldsBlacklist.push('ImportDeletedEntities');\r\n subFieldsBlacklist.push('ImportNewOption_ImportNewAudienceTargets');\r\n subFieldsBlacklist.push('ImportUpdateEntityPreference_UpdateAudienceTargets');\r\n subFieldsBlacklist.push('ImportUET');\r\n subFieldsBlacklist.push('AssociatedUETTagId');\r\n }\r\n\r\n const options = JSON.parse(columnData.ImportUserPreference);\r\n\r\n function hideTooltip(event) {\r\n if (($(event.target).is($(target)) ||\r\n $(event.target).closest('[role=tooltip]', $parent).length) &&\r\n !$(event.target).closest('.close-image', $parent).length) {\r\n return true;\r\n }\r\n\r\n $(document).off(eventName);\r\n $(e.currentTarget).data('showTooltip', false);\r\n if ($targetTooltip) {\r\n $targetTooltip.tooltip('destroy');\r\n }\r\n tooltipView.remove();\r\n tooltipView = null;\r\n $targetTooltip = null;\r\n return false;\r\n }\r\n\r\n function showTooltip() {\r\n $(e.currentTarget).data('showTooltip', true);\r\n $targetTooltip = $(e.currentTarget).tooltip({\r\n html: true,\r\n title: tooltipView.el,\r\n template: toolTipTmpl({ i18n }),\r\n });\r\n $targetTooltip.tooltip('show');\r\n $parent.find('.closeimage').focus();\r\n\r\n $(document).on(eventName, hideTooltip);\r\n }\r\n\r\n this.importOptionsFormLoader.then(({ ImportOptionsForm }) => {\r\n this.uetTagSelectorViewLoader\r\n .then(({ UetTagSelectorView }) => {\r\n const searchAndReplaceSchema = _.clone(ImportSearchAndReplaceForStringProperty);\r\n // overriding schema here because import options still uses\r\n // old preference and we need to rename the name so options generated can be unique.\r\n\r\n searchAndReplaceSchema.name = 'SearchAndReplaceForCustomParameters';\r\n const findAndReplaceSuffixSchema = _.clone(ImportSearchAndReplaceForStringProperty);\r\n\r\n findAndReplaceSuffixSchema.name = 'SearchAndReplaceForFinalURLSuffix';\r\n tooltipView = new ImportSettingsTooltipView({\r\n formView: new ImportOptionsForm({\r\n jsonFormatImportOptions: options,\r\n deps: {\r\n i18n,\r\n config,\r\n schema: {\r\n ImportUpdateEntityPreference,\r\n ImportUserPreferences,\r\n LandingPageAppendPreference: ImportAppendDestUrlPreference,\r\n LandingPageReplacePreference: ImportSearchAndReplaceDestUrlPreference,\r\n AppendTrackingTemplatePreference: AppendPreferencesForTrackingTemplate,\r\n SearchAndReplacePreferencesForTrackingTemplate,\r\n ImportPrefixAndSuffixForStringProperty,\r\n ImportSearchAndReplaceForStringProperty,\r\n ImportAdjustmentForNumericProperty,\r\n SearchAndReplaceForCustomParameters: searchAndReplaceSchema,\r\n SearchAndReplaceForFinalURLSuffix: findAndReplaceSuffixSchema,\r\n },\r\n subFieldsBlacklist,\r\n isCustomerLevel: !!columnData.isCustomerLevel,\r\n isMultiAccountImport: this.isMultiAccount,\r\n UetTagSelectorView: createDisabledUETSelectorClass(UetTagSelectorView),\r\n },\r\n }),\r\n }).render();\r\n\r\n _.each(tooltipView.$('input[type=\"checkbox\"], input[type=\"text\"], select.input'), (input) => {\r\n $(input).attr('disabled', 'disabled');\r\n });\r\n\r\n tooltipView.$('#AdExtensionOptionsNoBmcMessage').hide();\r\n\r\n showTooltip();\r\n });\r\n });\r\n }\r\n\r\n showSummaryDetails(e) {\r\n this.summaryTableLoader.then(({ showSummaryDetailsPopup }) => {\r\n showSummaryDetailsPopup(e, this.getColumnData(e), i18n, this.findImportTaskItem);\r\n });\r\n }\r\n\r\n getColumnData(e) {\r\n return this.currentGrid.gridView.itemOfElement(e.target);\r\n }\r\n\r\n downloadErrorFile(e) {\r\n let data = this.getColumnData(e);\r\n\r\n logColumns({\r\n column: 'Import_History_Action',\r\n isMultiAccount: this.isMultiAccount,\r\n columnData: data,\r\n action: 'click',\r\n message: 'error file download link'\r\n });\r\n\r\n if (data && data.ErrorFileIdentifier) {\r\n download(data.ErrorFileIdentifier, 'ImportErrorFile');\r\n } else {\r\n logColumns({\r\n column: 'Import_History_Action',\r\n isMultiAccount: this.isMultiAccount,\r\n columnData: data,\r\n action: 'error',\r\n message: 'no error file data'\r\n });\r\n showError(i18n.get('GenericErrorMessage'));\r\n }\r\n }\r\n\r\n downloadErrorSummaryFile(e) {\r\n let data = this.getColumnData(e);\r\n\r\n logColumns({\r\n column: 'Import_History_Action',\r\n isMultiAccount: this.isMultiAccount,\r\n columnData: data,\r\n action: 'click',\r\n message: 'error summary file download link'\r\n });\r\n\r\n if (data && data.ErrorSummaryFileIdentifier) {\r\n download(data.ErrorSummaryFileIdentifier, 'ImportErrorFile');\r\n } else {\r\n logColumns({\r\n column: 'Import_History_Action',\r\n isMultiAccount: this.isMultiAccount,\r\n columnData: data,\r\n action: 'error',\r\n message: 'no error summary file data'\r\n });\r\n showError(i18n.get('GenericErrorMessage'));\r\n }\r\n }\r\n\r\n downloadUploadedFile(e) {\r\n let data = this.getColumnData(e);\r\n\r\n if (data && data.UploadFileIdentifier) {\r\n download(data.UploadFileIdentifier, 'ImportFile');\r\n } else {\r\n showError(i18n.get('GenericErrorMessage'));\r\n }\r\n }\r\n\r\n previewAnImport(e) {\r\n const data = this.getColumnData(e);\r\n\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `Preview an import from log grid, import id: ${data.ImportId}`);\r\n\r\n if (this.isForVNext) {\r\n this.router.navigateToRoute('fileimport', { importId: data.ImportId });\r\n } else {\r\n const fileImportContinueUrl = '/campaign/ImportCampaign.m/FileImport';\r\n const redirectUrl = queryify(fileImportContinueUrl, { importId: data.ImportId });\r\n\r\n // redirect to file import page\r\n window.location.href = redirectUrl;\r\n }\r\n }\r\n\r\n cancelAnImport(e) {\r\n // Odata call is not ready yet. Use WCF call to unblock for the moment.\r\n const data = this.getColumnData(e);\r\n const blockerElem = this.$('.importLogGrid');\r\n\r\n this.UIBlockerToken = UIBlocker.block(blockerElem);\r\n\r\n logger.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `Cancel an import from log grid, import id: ${data.ImportId}`);\r\n\r\n $http.post({\r\n url: '/campaign/ImportCampaign.m/CancelCurrentImport',\r\n data: {\r\n importId: data.ImportId,\r\n __RequestVerificationToken: $('input[name=\"__RequestVerificationToken\"]').val(),\r\n },\r\n contentType: 'application/x-www-form-urlencoded',\r\n }).bind(this).finally(() => {\r\n UIBlocker.unblock(blockerElem, this.UIBlockerToken);\r\n })\r\n .then(() => {\r\n this.refreshGrid();\r\n }).catch(() => {\r\n showError(i18n.get('GenericErrorMessage'));\r\n });\r\n }\r\n\r\n remove(...args) {\r\n this.googleImportGrid.gridView.remove();\r\n this.googleImportGrid.pagination.remove();\r\n if (this.facebookImportGrid && this.facebookImportGrid.gridView) {\r\n this.facebookImportGrid.gridView.remove();\r\n }\r\n if (this.facebookImportGrid && this.facebookImportGrid.pagination) {\r\n this.facebookImportGrid.pagination.remove();\r\n }\r\n if (this.amazonImportGrid && this.amazonImportGrid.gridView) {\r\n this.amazonImportGrid.gridView.remove();\r\n }\r\n if (this.amazonImportGrid && this.amazonImportGrid.pagination) {\r\n this.amazonImportGrid.pagination.remove();\r\n }\r\n if (this.pinterestImportGrid && this.pinterestImportGrid.gridView) {\r\n this.pinterestImportGrid.gridView.remove();\r\n }\r\n if (this.pinterestImportGrid && this.pinterestImportGrid.pagination) {\r\n this.pinterestImportGrid.pagination.remove();\r\n }\r\n this.fileImportGrid.gridView.remove();\r\n this.fileImportGrid.pagination.remove();\r\n\r\n if (this.toolbar) {\r\n this.toolbar.remove();\r\n }\r\n\r\n super.remove(...args);\r\n }\r\n}\r\n","import _ from 'underscore';\r\n\r\nfunction isRedirected(windowObj) {\r\n try {\r\n if (windowObj.hasOwnProperty('isAuthSucceed')) {\r\n return true;\r\n }\r\n return false;\r\n } catch (e) {\r\n return false;\r\n }\r\n}\r\n\r\nexport default function(url, title, w, h, callback = _.noop, errorMessage = '') {\r\n const windowWidth = w || 450;\r\n const windowHeight = h || 650;\r\n\r\n let documentElement = document.documentElement;\r\n let screen = window.screen;\r\n\r\n // Multi Screen Popup Positioning (http://stackoverflow.com/a/16861050)\r\n // Credit: http://www.xtf.dk/2011/08/center-new-popup-window-even-on.html\r\n // Fixes dual-screen position Most browsers Firefox\r\n let dualScreenLeft = window.screenLeft === undefined ? screen.left : window.screenLeft;\r\n let dualScreenTop = window.screenTop === undefined ? window.screenTop : screen.top;\r\n\r\n let width = window.innerWidth || documentElement.clientWidth || screen.width;\r\n let height = window.innerHeight || documentElement.clientHeight || screen.height;\r\n\r\n\r\n let left = ((width - windowWidth) / 2) + dualScreenLeft;\r\n let top = ((height - windowHeight) / 2) + dualScreenTop;\r\n\r\n let newWindow = window.open(url, title, `resizable=yes, height=${windowHeight},width=${windowWidth},left=${left},top=${top}`);\r\n\r\n newWindow.focus();\r\n let timer = setInterval(() => {\r\n if (newWindow.closed) {\r\n window.clearInterval(timer);\r\n } else if (isRedirected(newWindow)) {\r\n window.clearInterval(timer);\r\n if (newWindow.isAuthSucceed === true) {\r\n callback(newWindow.googleAccount); //eslint-disable-line\r\n } else {\r\n callback(errorMessage); //eslint-disable-line\r\n }\r\n newWindow.close();\r\n }\r\n }, 100);\r\n}\r\n","import Promise from 'bluebird';\r\nimport _ from 'underscore';\r\n\r\nimport { getMemoryDataSourceConfig, getImportLogDataSourceConfig, updateTaskItemSessionId, findImportTaskItem, updateMemoryGrid } from './import-log-datasource-handler';\r\nimport ImportLogGridBase from './import-log-grid-base';\r\n\r\nexport default class View extends ImportLogGridBase {\r\n constructor(options = {}) {\r\n super(_.defaults(options, {\r\n getImportLogDataSourceConfig,\r\n getMemoryDataSourceConfig,\r\n updateTaskItemSessionId,\r\n findImportTaskItem,\r\n updateMemoryGrid,\r\n importOptionsFormLoader: new Promise((resolve) => {\r\n import(/* webpackMode: 'eager' */ '@bingads-webui-campaign/import-components').then((importOptions) => {\r\n resolve(importOptions);\r\n });\r\n }),\r\n summaryTableLoader: new Promise((resolve) => {\r\n import(/* webpackMode: 'eager' */ '@bingads-webui-campaign-legacy/scheduled-import/view/shared-column-configs/import-summary-col').then((summaryTable) => {\r\n resolve(summaryTable);\r\n });\r\n }),\r\n uetTagSelectorViewLoader: new Promise((resolve) => {\r\n import(/* webpackMode: 'eager' */ '@bingads-webui-campaign-legacy/audiences/components/uet-tag/index').then((uetTagSelector) => {\r\n resolve(uetTagSelector);\r\n });\r\n }),\r\n }));\r\n }\r\n}\r\n","import config from '@bingads-webui-component-legacy/config/index';\r\n\r\nconst permissions = config.get('Permissions');\r\n\r\nconst TEST_TYPE_SUFFIX = permissions && permissions.IsUseImportTestTypeForImportTaskExecutionEnabled ? 'Test' : '';\r\nconst FILTER_OUT_RUNNOW = 'IsRunNow eq false';\r\nconst FILTER_IMPORT_TYPE = `Type eq Enum.TaskItemType'Import${TEST_TYPE_SUFFIX}'`;\r\nconst FILTER_FACEBOOK_IMPORT_TYPE = `Type eq Enum.TaskItemType'FacebookImport${TEST_TYPE_SUFFIX}'`;\r\nconst FILTER_MULTIACCOUNT_IMPORT_TYPE = `Type eq Enum.TaskItemType'MultiAccountGoogleImport${TEST_TYPE_SUFFIX}'`;\r\nconst FILTER_AMAZON_IMPORT_TYPE = `Type eq Enum.TaskItemType'AmazonImport${TEST_TYPE_SUFFIX}'`;\r\nconst FILTER_PINTEREST_IMPORT_TYPE = `Type eq Enum.TaskItemType'PinterestImport${TEST_TYPE_SUFFIX}'`;\r\n\r\nexport const FILTER_ALL_ITEMS = `${FILTER_IMPORT_TYPE} and ${FILTER_OUT_RUNNOW}`;\r\nexport const FILTER_ALL_BUT_DELETED = `${FILTER_IMPORT_TYPE} and State ne Enum.TaskItemState'Deleted' and ${FILTER_OUT_RUNNOW}`;\r\nexport const FILTER_ALL_ITEMS_MULTIACCOUNT = `${FILTER_MULTIACCOUNT_IMPORT_TYPE} and ${FILTER_OUT_RUNNOW}`;\r\nexport const FILTER_ALL_BUT_DELETED_MULTIACCOUNT = `${FILTER_MULTIACCOUNT_IMPORT_TYPE} and State ne Enum.TaskItemState'Deleted' and ${FILTER_OUT_RUNNOW}`;\r\n\r\nexport const FILTER_ALL_FACEBOOK_ITEMS = `${FILTER_FACEBOOK_IMPORT_TYPE} and ${FILTER_OUT_RUNNOW}`;\r\nexport const FILTER_ALL_BUT_DELETED_FACEBOOK_ITEMS = `${FILTER_FACEBOOK_IMPORT_TYPE} and State ne Enum.TaskItemState'Deleted' and ${FILTER_OUT_RUNNOW}`;\r\n\r\nexport const FILTER_ALL_AMAZON_ITEMS = `${FILTER_AMAZON_IMPORT_TYPE} and ${FILTER_OUT_RUNNOW}`;\r\nexport const FILTER_ALL_BUT_DELETED_AMAZON_ITEMS = `${FILTER_AMAZON_IMPORT_TYPE} and State ne Enum.TaskItemState'Deleted' and ${FILTER_OUT_RUNNOW}`;\r\n\r\nexport const FILTER_ALL_PINTEREST_ITEMS = `${FILTER_PINTEREST_IMPORT_TYPE} and ${FILTER_OUT_RUNNOW}`;\r\nexport const FILTER_ALL_BUT_DELETED_PINTEREST_ITEMS = `${FILTER_PINTEREST_IMPORT_TYPE} and State ne Enum.TaskItemState'Deleted' and ${FILTER_OUT_RUNNOW}`;\r\n","import _ from 'underscore';\r\n\r\nimport { ACCOUNT_MODE } from '@bingads-webui-campaign/campaign-ui-common';\r\nimport { supportedRecommendationTypesList, importRecommendationListNameMap, importChannelNameMap } from '@bingads-webui-campaign/import-callout';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport dateUtil from '@bingads-webui-component-legacy/humanize/date';\r\nimport { showError } from '@bingads-webui-component-legacy/toast/index';\r\n\r\nimport odata from '@bingads-webui-static-legacy/communication/channel/odata';\r\nimport { bingadsGridColumn } from '@bingads-webui-component-legacy/bingads-grid/shared/column';\r\nimport statusColumnTmpl from '@bingads-webui-campaign-legacy/bingadsgrid/template/status-column.pug';\r\nimport creatorColumnTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/creator-column.pug';\r\nimport { importFreqColDataToTemplate } from '@bingads-webui-campaign-legacy/scheduled-import/view/shared-column-configs/import-freq-col';\r\nimport linkTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/link.pug';\r\nimport modeTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-mode.pug';\r\nimport nameTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-schedule-name.pug';\r\nimport acctTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/adwords-account-column.pug';\r\nimport taskTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-task-item-list-column.pug';\r\nimport runNowStatusColumnTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-schedule-run-now-status.pug';\r\nimport idTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-id.pug';\r\n\r\nimport popup from '@bingads-webui-component-legacy/dialog/popup';\r\n\r\nimport instrumentation from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport instrumentationConstants from '@bingads-webui-static-legacy/instrumentation/constants';\r\n\r\nimport * as constants from '@bingads-webui-campaign-legacy/scheduled-import/view/import-schedule-constants';\r\n\r\nimport { IMPORT_TYPE, IMPORT_TYPE_TO_IMPORT_NAME, getDefaultImportTypeOfFilter, getSupportedImportTypes } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-type';\r\nimport { getImportButtonOptions } from './import-center-options';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\nconst i18nGlobal = window.globalLegacyI18n.get('component/i18n/loader!legacy/global');\r\n\r\n// value from AccountStatus enum\r\nconst INACTIVE_STATUS = 32;\r\n\r\nconst permissions = config.get('Permissions');\r\n\r\nexport const preferenceUploadButtonConfig = ({\r\n legacyI18n, lazyInject, publicPath, showTopOfGridPanel, disabled, perfMarker,\r\n}) => {\r\n return {\r\n id: 'upload_file',\r\n type: 'button',\r\n iconLeftGlyphName: 'ba-Upload',\r\n text: legacyI18n.getString('Import_PreferenceUpload_Button_Upload'),\r\n disabled,\r\n onClick: () => {\r\n const logTrace = (action, message) => {\r\n instrumentation.logMessage([instrumentationConstants.LOGCATEGORY.TRACE], instrumentationConstants.LOGLEVEL.INFO, '/campaign/importcampaign', `Import_Preference_Upload ${action} ${message}`);\r\n };\r\n\r\n logTrace('click', 'Upload_Import_Preference_Button');\r\n import(/* webpackMode: \"eager\" */'@bingads-webui-campaign-legacy/scheduled-import/view/preference-upload').then((preferenceUploadViewModule) => {\r\n const gridToolbar = lazyInject().gridToolbar;\r\n const preferenceUploadView = new preferenceUploadViewModule.PreferenceUploadView({\r\n i18n: legacyI18n,\r\n publicPath,\r\n logTrace,\r\n perfMarker,\r\n }).render();\r\n\r\n logTrace('render', 'Import_Preference_Upload_Panel');\r\n showTopOfGridPanel(preferenceUploadView);\r\n gridToolbar.gridToolbarGroup.hideAllToolbars();\r\n window.scrollTo(0, 0);\r\n\r\n preferenceUploadView.on('cancel', () => {\r\n logTrace('click', 'Cancel_Or_Close_Button');\r\n preferenceUploadView.remove();\r\n gridToolbar.gridToolbarGroup.showAllToolbars();\r\n });\r\n });\r\n },\r\n };\r\n};\r\n\r\nlet batchEditStatus = function(gridView, items, value, isMultiAccount, isForVNext, adoptResumeScheduleRecommendation) {\r\n if (items.length === 0) {\r\n popup.alert(i18nGlobal.getString('Grid_RowSelectionRequired'));\r\n return;\r\n }\r\n\r\n const ruleUrlTmpl = (ruleId) => {\r\n return `/Advertiser/Customers()/${isMultiAccount ? '' : 'Accounts()/'}TaskItems({{ruleId}})`.replace('{{ruleId}}', ruleId);\r\n };\r\n\r\n const action = {\r\n type: 'Patch',\r\n data: {\r\n '@odata.type': isMultiAccount ? '#Model.MultiAccountGoogleImportTaskItem' : '#Model.ImportTaskItem',\r\n State: value,\r\n },\r\n };\r\n let batchRequest = [];\r\n let index = 0;\r\n\r\n for (index; index < items.length; index++) {\r\n const item = items[index];\r\n const state = item && item.State && item.State.toString();\r\n\r\n if (state && state !== 'Deleted') {\r\n const url = ruleUrlTmpl(item.Id);\r\n\r\n batchRequest.push({\r\n type: action.type,\r\n data: _.extend({ Type: item.Type }, action.data),\r\n url,\r\n });\r\n }\r\n }\r\n\r\n if (_.size(batchRequest) > 0) {\r\n odata.ajaxBatch(batchRequest, (err, textStatus, data) => {\r\n if (err) {\r\n showError(i18n.get('GenericErrorMessage'));\r\n }\r\n if (data.some((item) => {\r\n return item.status === 200;\r\n })) {\r\n gridView.refresh(true);\r\n if (isForVNext) {\r\n gridView.deselectAll();\r\n }\r\n\r\n // adopt import callout card recommendation\r\n if (adoptResumeScheduleRecommendation) {\r\n adoptResumeScheduleRecommendation(value, items);\r\n }\r\n }\r\n });\r\n }\r\n};\r\n\r\nlet emailMapper = function(notificationType) {\r\n let arr = [\r\n { value: 'None', text: i18n.get('AutomatedRules_NotificationType_None')},\r\n { value: 'OnChange, OnError', text: i18n.get('AutomatedRules_NotificationType_OnChangeOrError')},\r\n { value: 'OnError', text: i18n.get('AutomatedRules_NotificationType_OnError')},\r\n { value: 'Always', text: i18n.get('Scheduled_Import_NotificationType_Always')},\r\n ];\r\n let result = _.find(arr, (obj) => obj.value === notificationType);\r\n\r\n return result ? result.text : null;\r\n};\r\n\r\nfunction updateToolbarText(toolbarConfig, filterText) {\r\n const filterConfig = toolbarConfig.get('filter');\r\n\r\n filterConfig.button.text = filterText;\r\n\r\n config.set('filter', filterConfig);\r\n}\r\n\r\nexport function getToolbarConfigForVNext(scope, lazyInject, importChannelType, showTopOfGridPanel, publicPath, perfMarker) {\r\n const isMultiAccount = scope && scope.values && scope.values.aid === undefined;\r\n const isSmartAccount = config.get('CurrentAccount').AccountMode === ACCOUNT_MODE.SMART;\r\n const isUPSmartAccount = config.get('CurrentAccount').AccountMode === ACCOUNT_MODE.UNIFIED_SMART;\r\n\r\n // get supported import types based on permissions and account status\r\n const supportedImportTypes = getSupportedImportTypes({ permissions, isMultiAccount, isSmartAccount, isUPSmartAccount });\r\n\r\n const isMixedImports = importChannelType === undefined;\r\n const isGoogleImportOnly = importChannelType === IMPORT_TYPE.googleimport;\r\n const isFacebookImportOnly = importChannelType === IMPORT_TYPE.facebookimport;\r\n const isAmazonImportOnly = importChannelType === IMPORT_TYPE.amazonImport;\r\n const isPinterestImportOnly = importChannelType === IMPORT_TYPE.pinterestImport;\r\n\r\n let historyGridFilterTitles;\r\n\r\n if (isMixedImports) {\r\n historyGridFilterTitles = _.extend({\r\n googleAll: supportedImportTypes[IMPORT_TYPE.googleimport] && Object.keys(supportedImportTypes).length === 1 ? i18n.getString('Scheduled_Import_All_Imports') : i18n.getString('Scheduled_Import_All_Google_Imports'),\r\n googleDeleted: supportedImportTypes[IMPORT_TYPE.googleimport] && Object.keys(supportedImportTypes).length === 1 ? i18n.getString('Scheduled_Import_Filter_Deleted') : i18n.getString('Scheduled_Import_All_Google_But_Deleted_Imports'),\r\n }, supportedImportTypes[IMPORT_TYPE.facebookimport] ? {\r\n facebookAll: i18n.getString('Scheduled_Import_All_Facebook_Imports'),\r\n facebookDeleted: i18n.getString('Scheduled_Import_All_Facebook_But_Deleted_Imports'),\r\n } : {}, supportedImportTypes[IMPORT_TYPE.amazonImport] ? {\r\n amazonAll: i18n.getString('Scheduled_Import_All_Amazon_Imports'),\r\n amazonDeleted: i18n.getString('Scheduled_Import_All_Amazon_But_Deleted_Imports'),\r\n } : {}, supportedImportTypes[IMPORT_TYPE.pinterestImport] ? {\r\n pinterestAll: i18n.getString('Scheduled_Import_All_Pinterest_Imports'),\r\n pinterestDeleted: i18n.getString('Scheduled_Import_All_Pinterest_But_Deleted_Imports'),\r\n } : {});\r\n } else {\r\n historyGridFilterTitles = _.extend({\r\n googleAll: i18n.getString('Scheduled_Import_All_Imports'),\r\n googleDeleted: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n }, supportedImportTypes[IMPORT_TYPE.facebookimport] ? {\r\n facebookAll: i18n.getString('Scheduled_Import_All_Imports'),\r\n facebookDeleted: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n } : {}, supportedImportTypes[IMPORT_TYPE.amazonImport] ? {\r\n amazonAll: i18n.getString('Scheduled_Import_All_Imports'),\r\n amazonDeleted: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n } : {}, supportedImportTypes[IMPORT_TYPE.pinterestImport] ? {\r\n pinterestAll: i18n.getString('Scheduled_Import_All_Imports'),\r\n pinterestDeleted: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n } : {});\r\n }\r\n\r\n // set default dropdown button filter text\r\n const importTypeOfFilter = getDefaultImportTypeOfFilter({\r\n isMultiAccount,\r\n importType: isMixedImports ? scope.values.importType : importChannelType,\r\n supportedImportTypes,\r\n });\r\n const filterText = {\r\n [IMPORT_TYPE.facebookimport]: historyGridFilterTitles.facebookDeleted,\r\n [IMPORT_TYPE.amazonImport]: historyGridFilterTitles.amazonDeleted,\r\n [IMPORT_TYPE.pinterestImport]: historyGridFilterTitles.pinterestDeleted,\r\n }[importTypeOfFilter] || historyGridFilterTitles.googleDeleted;\r\n\r\n return {\r\n toolbarSelectedConfig: _.reduce([\r\n ['edit', {\r\n id: 'edit',\r\n type: 'dropdown',\r\n iconLeftGlyphName: 'ba-Edit',\r\n button: {\r\n text: i18nGlobal.getString('LocationTargeting_SectionEdit'),\r\n },\r\n menu: {\r\n items: [\r\n {\r\n name: 'enable',\r\n type: 'button',\r\n iconLeft: ['icon-status-active'],\r\n iconLeftGlyphName: 'ba-RadioBullet2',\r\n text: i18n.getString('AutomatedRules_RulesManagementGrid_EnableRule'),\r\n onClick: () => {\r\n const { grid: { gridView }, isMultiAccount: ima, adoptResumeScheduleRecommendation } = lazyInject().backboneGridView;\r\n\r\n batchEditStatus(gridView, gridView.selectedItems(), 'Active', ima, true, adoptResumeScheduleRecommendation);\r\n },\r\n }, {\r\n name: 'pause',\r\n type: 'button',\r\n iconLeft: ['icon-status-pause'],\r\n iconLeftGlyphName: 'ba-PauseListView12',\r\n text: i18n.getString('AutomatedRules_RulesManagementGrid_PauseRule'),\r\n onClick: () => {\r\n const gridView = lazyInject().backboneGridView.grid.gridView;\r\n\r\n batchEditStatus(gridView, gridView.selectedItems(), 'Paused', lazyInject().backboneGridView.isMultiAccount, true);\r\n },\r\n }, {\r\n name: 'delete',\r\n type: 'button',\r\n iconLeft: ['icon-status-delete'],\r\n iconLeftGlyphName: 'ba-Delete',\r\n text: i18n.getString('AutomatedRules_RulesManagementGrid_DeleteRule'),\r\n onClick: () => {\r\n // eslint-disable-next-line no-alert, no-restricted-globals\r\n if (!confirm(i18n.getString('Scheduled_Import_DeleteConfirm'))) {\r\n return;\r\n }\r\n const gridView = lazyInject().backboneGridView.grid.gridView;\r\n\r\n batchEditStatus(gridView, gridView.selectedItems(), 'Deleted', lazyInject().backboneGridView.isMultiAccount, true);\r\n },\r\n }],\r\n },\r\n }],\r\n ['expander', {\r\n type: 'expander',\r\n }],\r\n ['button-clear-selection', {\r\n type: 'button-clear-selection',\r\n }],\r\n ],\r\n (map, [key, value]) => {\r\n map.set(key, value);\r\n return map;\r\n }\r\n , new Map()),\r\n toolbarUnselectedConfig: _.reduce(_.compact([\r\n !isMixedImports && getImportButtonOptions(i18n, importChannelType, lazyInject),\r\n !isMixedImports && ['upload', preferenceUploadButtonConfig({\r\n legacyI18n: i18n,\r\n lazyInject,\r\n publicPath,\r\n showTopOfGridPanel,\r\n disabled: permissions && permissions.IsReadOnlyUser,\r\n perfMarker,\r\n })],\r\n ['filter', {\r\n id: 'filter',\r\n type: 'dropdown',\r\n button: {\r\n text: filterText,\r\n },\r\n menu: {\r\n items: _.compact([\r\n (isMixedImports || isGoogleImportOnly) && {\r\n name: 'google-all',\r\n type: 'button',\r\n text: historyGridFilterTitles.googleAll,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n // eslint-disable-next-line no-nested-ternary\r\n $filter: lazyInject().backboneGridView.isMultiAccount ? constants.FILTER_ALL_ITEMS_MULTIACCOUNT : constants.FILTER_ALL_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = false;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.googleimport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.googleAll));\r\n },\r\n },\r\n (isMixedImports || isGoogleImportOnly) && {\r\n name: 'google-deleted',\r\n type: 'buttonMenuItem',\r\n text: historyGridFilterTitles.googleDeleted,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n // eslint-disable-next-line no-nested-ternary\r\n $filter: lazyInject().backboneGridView.isMultiAccount ? constants.FILTER_ALL_BUT_DELETED_MULTIACCOUNT : constants.FILTER_ALL_BUT_DELETED,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = true;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.googleimport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.googleDeleted));\r\n },\r\n },\r\n supportedImportTypes[IMPORT_TYPE.facebookimport] && (isFacebookImportOnly || isMixedImports) && {\r\n name: 'facebook-all',\r\n type: 'button',\r\n text: historyGridFilterTitles.facebookAll,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: constants.FILTER_ALL_FACEBOOK_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = false;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.facebookimport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.facebookAll));\r\n },\r\n },\r\n supportedImportTypes[IMPORT_TYPE.facebookimport] && (isFacebookImportOnly || isMixedImports) && {\r\n name: 'facebook-deleted',\r\n type: 'buttonMenuItem',\r\n text: historyGridFilterTitles.facebookDeleted,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: constants.FILTER_ALL_BUT_DELETED_FACEBOOK_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = true;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.facebookimport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.facebookDeleted));\r\n },\r\n },\r\n supportedImportTypes[IMPORT_TYPE.amazonImport] && (isAmazonImportOnly || isMixedImports) && {\r\n name: 'amazon-all',\r\n type: 'button',\r\n text: historyGridFilterTitles.amazonAll,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: constants.FILTER_ALL_AMAZON_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = false;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.amazonImport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.amazonAll));\r\n },\r\n },\r\n supportedImportTypes[IMPORT_TYPE.amazonImport] && (isAmazonImportOnly || isMixedImports) && {\r\n name: 'amazon-deleted',\r\n type: 'buttonMenuItem',\r\n text: historyGridFilterTitles.amazonDeleted,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: constants.FILTER_ALL_BUT_DELETED_AMAZON_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = true;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.amazonImport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.amazonDeleted));\r\n },\r\n },\r\n supportedImportTypes[IMPORT_TYPE.pinterestImport] && (isPinterestImportOnly || isMixedImports) && {\r\n name: 'pinterest-all',\r\n type: 'button',\r\n text: historyGridFilterTitles.pinterestAll,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: constants.FILTER_ALL_PINTEREST_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = false;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.pinterestImport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.pinterestAll));\r\n },\r\n },\r\n supportedImportTypes[IMPORT_TYPE.pinterestImport] && (isPinterestImportOnly || isMixedImports) && {\r\n name: 'pinterest-deleted',\r\n type: 'buttonMenuItem',\r\n text: historyGridFilterTitles.pinterestDeleted,\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: constants.FILTER_ALL_BUT_DELETED_PINTEREST_ITEMS,\r\n },\r\n },\r\n });\r\n lazyInject().backboneGridView.isFiltered = true;\r\n lazyInject().backboneGridView.importTypeOfFilter = IMPORT_TYPE.pinterestImport;\r\n lazyInject().updateUnselectedToolbarConfig(updateToolbarText(lazyInject().getUnselectedToolbarConfig(), historyGridFilterTitles.pinterestDeleted));\r\n },\r\n },\r\n ]),\r\n },\r\n }],\r\n ['refresh', {\r\n id: 'refresh_schedule',\r\n type: 'button',\r\n iconLeftGlyphName: 'ba-Refresh',\r\n text: i18n.getString('CampaignImport_Refresh'),\r\n onClick: () => {\r\n lazyInject().backboneGridView.grid.gridView.refresh(true);\r\n },\r\n }],\r\n ]),\r\n (map, [key, value]) => {\r\n map.set(key, value);\r\n return map;\r\n }, new Map()),\r\n };\r\n}\r\n\r\nfunction getPluginsConfig(view) {\r\n return {\r\n toolbar: {\r\n container: view.$('.history-toolbar'),\r\n items: [\r\n {\r\n name: 'edit',\r\n type: 'dropdown',\r\n title: i18nGlobal.getString('LocationTargeting_SectionEdit'),\r\n level: 1,\r\n isNewFeature: false,\r\n items: [\r\n {\r\n name: 'enable',\r\n type: 'buttonMenuItem',\r\n leftIconClass: 'icon-status-active',\r\n text: i18n.getString('AutomatedRules_RulesManagementGrid_EnableRule'),\r\n action: (gridView) => {\r\n return view.batchEditCallback ?\r\n view.batchEditCallback(gridView, gridView.selectedItems(), 'Active') :\r\n batchEditStatus(gridView, gridView.selectedItems(), 'Active', view.isMultiAccount);\r\n },\r\n }, {\r\n name: 'pause',\r\n type: 'buttonMenuItem',\r\n leftIconClass: 'icon-status-pause',\r\n text: i18n.getString('AutomatedRules_RulesManagementGrid_PauseRule'),\r\n action: (gridView) => {\r\n return view.batchEditCallback ?\r\n view.batchEditCallback(gridView, gridView.selectedItems(), 'Paused') :\r\n batchEditStatus(gridView, gridView.selectedItems(), 'Paused', view.isMultiAccount);\r\n },\r\n }, {\r\n name: 'delete',\r\n type: 'buttonMenuItem',\r\n leftIconClass: 'icon-status-delete',\r\n text: i18n.getString('AutomatedRules_RulesManagementGrid_DeleteRule'),\r\n action: (gridView) => {\r\n return view.batchEditCallback ?\r\n view.batchEditCallback(gridView, gridView.selectedItems(), 'Deleted') :\r\n batchEditStatus(gridView, gridView.selectedItems(), 'Deleted', view.isMultiAccount);\r\n },\r\n }],\r\n }, {\r\n name: 'historyfilter',\r\n type: 'dropdown',\r\n title: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n level: 1,\r\n isNewFeature: false,\r\n items: [\r\n {\r\n name: 'all',\r\n type: 'buttonMenuItem',\r\n text: i18n.getString('Scheduled_Import_All_Imports'),\r\n action: {\r\n viewFactory: () => {\r\n view.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: view.isMultiAccount ? constants.FILTER_ALL_ITEMS_MULTIACCOUNT : constants.FILTER_ALL_ITEMS,\r\n },\r\n },\r\n });\r\n view.isFiltered = false;\r\n },\r\n setMenuTitle: {\r\n text: i18n.getString('Scheduled_Import_All_Imports'),\r\n pos: 1,\r\n },\r\n },\r\n }, {\r\n name: 'deleted',\r\n type: 'buttonMenuItem',\r\n text: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n action: {\r\n viewFactory: () => {\r\n view.grid.gridView.set({\r\n dataSource: {\r\n query: {\r\n $filter: view.isMultiAccount ? constants.FILTER_ALL_BUT_DELETED_MULTIACCOUNT : constants.FILTER_ALL_BUT_DELETED,\r\n },\r\n },\r\n });\r\n view.isFiltered = true;\r\n },\r\n setMenuTitle: {\r\n text: i18n.getString('Scheduled_Import_Filter_Deleted'),\r\n pos: 1,\r\n },\r\n },\r\n }],\r\n }, {\r\n name: 'refresh',\r\n type: 'button',\r\n text: i18n.getString('CampaignImport_Refresh'),\r\n leftIconClass: 'spritedimage refresh-icon',\r\n action: () => {\r\n view.grid.gridView.refresh(true);\r\n },\r\n }],\r\n },\r\n };\r\n}\r\n\r\nfunction getColumnsConfig(isMultiAccount, isForVNext, importChannelType, isSmartAccount, isUPSmartAccount, supportedImportTypes) {\r\n let columns = _.compact([bingadsGridColumn({\r\n name: 'State',\r\n property: _.identity,\r\n title: 'AutomatedRules_RulesManagementGrid_Status',\r\n helpId: 'pop_BA_Import_ScheduleStatus',\r\n bodyClasses: ['col-State'],\r\n sortable: {\r\n key: 'State',\r\n },\r\n template: (local) => {\r\n const tmp = local.value.IsAutoFrequency || local.value.Cron ? statusColumnTmpl : runNowStatusColumnTmpl;\r\n\r\n return tmp({\r\n Status: local.value.State,\r\n i18n: i18nGlobal,\r\n });\r\n },\r\n i18n,\r\n }), (importChannelType !== undefined || (permissions && permissions.dynamic && permissions.dynamic.ImportPreferenceUpload && !isMultiAccount)) && bingadsGridColumn({\r\n name: 'Id',\r\n property: _.identity,\r\n title: 'Scheduled_Import_Task_ID',\r\n bodyClasses: ['col-Id'],\r\n template: (local) => {\r\n return idTmpl({\r\n id: local.value.Id,\r\n });\r\n },\r\n i18n,\r\n }), bingadsGridColumn({\r\n name: 'Name',\r\n property: 'Name',\r\n title: 'Scheduled_Import_Name',\r\n bodyClasses: ['col-Name'],\r\n template: (local) => {\r\n return nameTmpl({\r\n Name: local.value || i18nGlobal.get('QualityScore_NA'),\r\n });\r\n },\r\n i18n,\r\n }), bingadsGridColumn({\r\n name: 'CreatedBy',\r\n title: 'AutomatedRules_RulesManagementGrid_CreatedBy',\r\n property: _.identity,\r\n bodyClasses: ['col-CreatedBy'],\r\n template: (local) => {\r\n return creatorColumnTmpl({\r\n Creator: local.value.ModifiedBy && local.value.ModifiedBy.Name,\r\n DateTime: dateUtil.format(new Date(local.value.CreatedAt), 'dddd, MMMM d, yyyy', config.get('culture')),\r\n Time: dateUtil.format(new Date(local.value.CreatedAt), 'hh:mm:ss tt', config.get('culture')),\r\n });\r\n },\r\n i18n,\r\n }), isMultiAccount ? bingadsGridColumn({\r\n name: 'ImportTaskItemList',\r\n property: 'ImportTaskItemList',\r\n title: 'Import_LastImport_AdWordsAccount',\r\n bodyClasses: ['col-AdWordsImportContext'],\r\n template: () => {\r\n return taskTmpl({\r\n i18n,\r\n className: 'import-schedule-accounts',\r\n });\r\n },\r\n i18n,\r\n }) : bingadsGridColumn({\r\n name: 'AdWordsImportContext',\r\n property: supportedImportTypes[IMPORT_TYPE.facebookimport] || supportedImportTypes[IMPORT_TYPE.amazonImport] || supportedImportTypes[IMPORT_TYPE.pinterestImport] ? (item) => {\r\n return item.AdWordsImportContext || item.FacebookImportContext || item.AmazonImportContext || item.PinterestImportContext;\r\n } : 'AdWordsImportContext',\r\n title: (() => {\r\n const IsFacebookImportEnabled = supportedImportTypes[IMPORT_TYPE.facebookimport];\r\n const IsAmazonImportEnabled = supportedImportTypes[IMPORT_TYPE.amazonImport];\r\n const IsPinterestImportEnabled = supportedImportTypes[IMPORT_TYPE.pinterestImport];\r\n\r\n if (supportedImportTypes[IMPORT_TYPE.googleimport] && Object.keys(supportedImportTypes).length === 1) {\r\n return i18n.get('Import_LastImport_AdWordsAccount');\r\n } else if (IsFacebookImportEnabled || IsAmazonImportEnabled || IsPinterestImportEnabled) {\r\n let enabledImportTypes = 'Google';\r\n\r\n if (importChannelType === undefined) {\r\n enabledImportTypes = enabledImportTypes.concat(IsFacebookImportEnabled ? '/Meta' : '')\r\n .concat(IsAmazonImportEnabled ? '/Amazon' : '')\r\n .concat(IsPinterestImportEnabled ? '/Pinterest' : '');\r\n } else if (IsFacebookImportEnabled && importChannelType === IMPORT_TYPE.facebookimport) {\r\n enabledImportTypes = 'Meta';\r\n } else if (IsAmazonImportEnabled && importChannelType === IMPORT_TYPE.amazonImport) {\r\n enabledImportTypes = 'Amazon';\r\n } else if (IsPinterestImportEnabled && importChannelType === IMPORT_TYPE.pinterestImport) {\r\n enabledImportTypes = 'Pinterest';\r\n }\r\n return i18n.get('Import_LastImport_AdWordsAccount_Dynamic').replace('{0}', enabledImportTypes);\r\n }\r\n\r\n return i18n.get('Import_LastImport_AdWordsAccount');\r\n })(),\r\n bodyClasses: ['col-AdWordsImportContext'],\r\n template: (local) => {\r\n const context = local.value || {};\r\n let accountNumber;\r\n\r\n if (context.CustomerId) {\r\n accountNumber = `(${context.CustomerId})`;\r\n } else if ((supportedImportTypes[IMPORT_TYPE.facebookimport] || supportedImportTypes[IMPORT_TYPE.pinterestImport]) && context.AccountId) {\r\n accountNumber = `(${context.AccountId})`;\r\n } else if (supportedImportTypes[IMPORT_TYPE.amazonImport] && context.ProfileId) {\r\n accountNumber = `(${context.ProfileId})`;\r\n } else {\r\n accountNumber = '';\r\n }\r\n\r\n return acctTmpl({\r\n EmailAddress: context.AccountName || i18n.get('Import_LastImport_Dash'),\r\n AccountNumber: accountNumber,\r\n });\r\n },\r\n }), bingadsGridColumn({\r\n name: 'Frequency',\r\n property: _.identity,\r\n title: 'AutomatedRules_RuleAuthoring_Filter',\r\n helpId: 'pop_BA_Import_ScheduleWhen',\r\n bodyClasses: ['col-Frequency'],\r\n template: (local) => importFreqColDataToTemplate(local.value, i18n),\r\n i18n,\r\n }), permissions.IsSmartImportEnabled && !isMultiAccount && !isUPSmartAccount ? bingadsGridColumn({\r\n name: 'Mode',\r\n property: _.identity,\r\n title: 'Scheduled_Import_Mode_Column',\r\n bodyClasses: ['col-Mode'],\r\n template: (local) => {\r\n return modeTmpl({\r\n mode: local.value.IsSmartImport ? i18n.get('Scheduled_Import_Mode_Smart') : i18n.get('Scheduled_Import_Mode_Advanced'),\r\n });\r\n },\r\n i18n,\r\n }) : null, bingadsGridColumn({\r\n name: 'NotificationType',\r\n title: 'AutomatedRules_RulesManagementGrid_EmailNotification',\r\n property: 'NotificationType',\r\n helpId: 'pop_BA_Import_ScheduleEmail',\r\n bodyClasses: ['col-NotificationType'],\r\n template: (local) => {\r\n return emailMapper(local.value);\r\n },\r\n i18n,\r\n }), bingadsGridColumn({\r\n name: 'Action',\r\n title: 'AutomatedRules_RulesManagementGrid_Action',\r\n property: _.identity,\r\n helpId: 'pop_BA_Import_ScheduleAction',\r\n bodyClasses: ['col-Action'],\r\n template: (local) => {\r\n // since vNext has been GAed, smart import schedules are allowed to edit.\r\n const columnData = local.value;\r\n const allowEdit = !permissions.IsReadOnlyUser && (isMultiAccount || (config.get('CurrentAccount').Status !== INACTIVE_STATUS));\r\n const enableRunNowButton = (columnData.IsAutoFrequency || columnData.Cron) && columnData.State !== 'Deleted' && allowEdit;\r\n\r\n const importRecommendationListName = importRecommendationListNameMap(columnData);\r\n const importChannel = importChannelNameMap(importRecommendationListName);\r\n const supportedRecommendationTypes = supportedRecommendationTypesList();\r\n\r\n const logTrace = (action, type) => {\r\n instrumentation.logMessage([instrumentationConstants.LOGCATEGORY.TRACE], instrumentationConstants.LOGLEVEL.INFO, '/campaign/importcampaign', `Import_Recommendation ${columnData.Id} ${action} ${type} ${importChannel}`);\r\n };\r\n\r\n let showRecommendation;\r\n\r\n if (importRecommendationListName) {\r\n if (columnData[importRecommendationListName] && columnData[importRecommendationListName].length !== 0) {\r\n columnData[importRecommendationListName] = _.filter(\r\n columnData[importRecommendationListName],\r\n (recommendationType) => {\r\n const ifTypeSupported = supportedRecommendationTypes[importRecommendationListName].indexOf(recommendationType) !== -1;\r\n\r\n if (!ifTypeSupported) {\r\n logTrace('not_supported_in_UI', `${recommendationType}`);\r\n }\r\n return ifTypeSupported;\r\n },\r\n );\r\n }\r\n\r\n showRecommendation = isForVNext && permissions.IsSmartImportEnabled && columnData[importRecommendationListName] &&\r\n columnData[importRecommendationListName].length !== 0;\r\n\r\n if (showRecommendation) {\r\n if (isSmartAccount) {\r\n logTrace('belongTo', 'Smart_Campaigns_Import');\r\n } else if (isUPSmartAccount) {\r\n logTrace('belongTo', 'ESC_Import');\r\n }\r\n\r\n logTrace('has', columnData[importRecommendationListName]);\r\n }\r\n }\r\n\r\n return linkTmpl({\r\n edit: allowEdit && !isSmartAccount ? i18nGlobal.get('LocationTargeting_SectionEdit') : '',\r\n runNow: enableRunNowButton ? i18n.get('Import_RunNow') : '',\r\n dash: i18n.get('Import_LastImport_Dash'),\r\n recommendationText: i18n.get('Scheduled_Import_Recommendation_Text'),\r\n showRecommendation,\r\n });\r\n },\r\n i18n,\r\n })]);\r\n\r\n return columns;\r\n}\r\n\r\nexport class ImportScheduleGridConfig {\r\n constructor(view) {\r\n _.extend(this, {\r\n name: `${IMPORT_TYPE_TO_IMPORT_NAME[view.importTypeOfFilter] || IMPORT_TYPE_TO_IMPORT_NAME[IMPORT_TYPE.googleimport]}ImportScheduleGrid`,\r\n el: view.$('.importHistoryGrid'),\r\n dataSource: view.getDataSourceConfig(view),\r\n pluginsConfig: view.isForVNext ? {} : getPluginsConfig(view),\r\n plugins: {\r\n a11y: { i18n },\r\n uiBlocker: {\r\n el: view.$('.importHistoryGrid'),\r\n },\r\n placeholder: {},\r\n pagination: {\r\n pageSizeText: i18nGlobal.getString('Grid_ShowRows'),\r\n },\r\n perfMarker: {\r\n appConfig: config,\r\n gridMarker: view.perfMarker,\r\n },\r\n },\r\n rows: {\r\n classes: {\r\n 'disable': () => {\r\n return false;\r\n },\r\n },\r\n },\r\n columns: getColumnsConfig(view.isMultiAccount, view.isForVNext, view.importChannelType, view.isSmartAccount, view.isUPSmartAccount, view.supportedImportTypes),\r\n tableClasses: ['table', 'table-bordered'],\r\n tableAttributes: { 'aria-label': i18n.get('Scheduled_Import_History_Page_Title') },\r\n selection: {\r\n enabled: true,\r\n },\r\n });\r\n }\r\n}\r\n","import _ from 'underscore';\r\n\r\nimport { ImportTaskItem, MultiAccountGoogleImportTaskItem } from '@bingads-webui-campaign/campaign-ui-schemas';\r\nimport edmCampaign from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport jsdataCampaign from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport { IMPORT_TYPE } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-type';\r\nimport UpdateStatusView from '@bingads-webui-component-legacy/update-status/view/index';\r\nimport * as constants from './import-schedule-constants';\r\n\r\nexport function getImportScheduleDataSourceConfig({ isMultiAccount, importTypeOfFilter }) {\r\n if (isMultiAccount) {\r\n // eslint-disable-next-line no-param-reassign\r\n edmCampaign.customerIdType.useAdvertiserCustomerId = false;\r\n }\r\n\r\n // set default data query filter text\r\n let filterText;\r\n\r\n if (isMultiAccount) {\r\n filterText = constants.FILTER_ALL_BUT_DELETED_MULTIACCOUNT;\r\n } else {\r\n filterText = {\r\n [IMPORT_TYPE.facebookimport]: constants.FILTER_ALL_BUT_DELETED_FACEBOOK_ITEMS,\r\n [IMPORT_TYPE.amazonImport]: constants.FILTER_ALL_BUT_DELETED_AMAZON_ITEMS,\r\n [IMPORT_TYPE.pinterestImport]: constants.FILTER_ALL_BUT_DELETED_PINTEREST_ITEMS,\r\n }[importTypeOfFilter] || constants.FILTER_ALL_BUT_DELETED;\r\n }\r\n\r\n return {\r\n type: 'js-data',\r\n entity: jsdataCampaign.TaskItem,\r\n schema: isMultiAccount ? MultiAccountGoogleImportTaskItem : ImportTaskItem,\r\n query: {\r\n // eslint-disable-next-line no-nested-ternary\r\n $filter: filterText,\r\n },\r\n options: {\r\n entitySet: isMultiAccount ? edmCampaign.currentCustomer.TaskItems : edmCampaign.currentAccount.TaskItems,\r\n cacheResponse: false,\r\n },\r\n };\r\n}\r\n\r\nfunction getJsDataOptions({ isMultiAccount }) {\r\n if (isMultiAccount) {\r\n // eslint-disable-next-line no-param-reassign\r\n edmCampaign.customerIdType.useAdvertiserCustomerId = false;\r\n }\r\n\r\n return {\r\n adapter: 'odata',\r\n entitySet: isMultiAccount ? edmCampaign.currentCustomer.TaskItems : edmCampaign.currentAccount.TaskItems,\r\n urlParameters: {\r\n $expand: 'TaskItemExecutions',\r\n },\r\n };\r\n}\r\n\r\nexport function createRunNowImport({ body, isMultiAccount }) {\r\n return jsdataCampaign.TaskItem.create(body, getJsDataOptions({ isMultiAccount }));\r\n}\r\n\r\nexport function createUpdateStatusView(view, model) {\r\n return new UpdateStatusView(_.defaults({\r\n Id: model.Id,\r\n Grid: view.grid,\r\n Model: model,\r\n Status: model.State.valueOf(),\r\n afterChange: (e, value) => {\r\n view.grid.gridView.refresh(true);\r\n if (value !== model.State) {\r\n view.adoptResumeScheduleRecommendation(value, [model]);\r\n }\r\n },\r\n useStateInsteadOfStatus: true,\r\n addImportTypeToStatusUpdate: true,\r\n ignoreEmptyId: true,\r\n }, getJsDataOptions(view), {\r\n schema: view.isMultiAccount ? MultiAccountGoogleImportTaskItem : ImportTaskItem,\r\n }));\r\n}\r\n\r\n","import ko from 'knockout';\r\n\r\nexport default function ViewModel() {\r\n this.showNoGoogleImportMsg = ko.observable(false);\r\n this.showNoFacebookImportMsg = ko.observable(false);\r\n this.showNoFilteredImportMsg = ko.observable(false);\r\n this.showNoAmazonImportMsg = ko.observable(false);\r\n this.showNoPinterestImportMsg = ko.observable(false);\r\n}\r\n","import { DeterministicWrapperView } from '@bingads-webui/deterministic-wrapper-view';\r\nimport { a11yPlugin } from '@bingads-webui/projection-grid-a11y';\r\nimport projectionGrid from 'projection-grid';\r\n\r\nexport class ImportScheduleAccountsDetailView extends DeterministicWrapperView {\r\n viewFactory({\r\n i18n,\r\n data,\r\n }) {\r\n const columns = [{\r\n bodyClasses: 'googleAccount',\r\n name: 'googleAccount',\r\n title: i18n.get('GoogleImport_MicrosoftAdvertising_GoogleAccounts'),\r\n }, {\r\n bodyClasses: 'bingAccount',\r\n name: 'bingAccount',\r\n title: i18n.get('GoogleImport_SelectMultiGoogleAccount_ImportToBingAccount'),\r\n }];\r\n\r\n const config = {\r\n dataSource: {\r\n type: 'memory',\r\n data,\r\n },\r\n columns,\r\n tableClasses: ['table', 'table-bordered'],\r\n plugins: {\r\n a11y: { i18n },\r\n },\r\n };\r\n\r\n this.grid = projectionGrid\r\n .factory({\r\n vnext: true,\r\n })\r\n .use(a11yPlugin)\r\n .create(config);\r\n\r\n return this.grid.gridView;\r\n }\r\n}\r\n","import Backbone from 'backbone';\r\nimport Promise from 'bluebird';\r\nimport $ from 'jquery';\r\nimport ko from 'knockout';\r\nimport _ from '@bingads-webui-component-legacy/extension/underscore';\r\n\r\nimport { GoogleLoginRepository, FacebookImportRepository, loadFacebookSdk } from '@bingads-webui-campaign/import-shared-repositories';\r\nimport { AmazonLoginRepository, AmazonImportRepository } from '@bingads-webui-campaign/amazon-import';\r\nimport { PinterestLoginRepository, PinterestImportRepository } from '@bingads-webui-campaign/pinterest-import';\r\nimport { handleGoogleLoginAuthError, handleFacebookLoginError, handleAmazonLoginError, handlePinterestLoginError } from '@bingads-webui-campaign/imports-core';\r\nimport { importRecommendationListNameMap, importChannelNameMap } from '@bingads-webui-campaign/import-callout';\r\nimport { perfMarkerPlugin } from '@bingads-webui-campaign/pgrid-performance-log';\r\n\r\nimport { PopoverView, contents } from '@bingads-webui/popover';\r\nimport { set } from '@bingads-webui/cookie';\r\n\r\nimport headerTemplateConfig from '@bingads-webui-campaign-legacy/bingadsgrid/config-preprocessor/header-template-config';\r\nimport { a11yPlugin } from '@bingads-webui/projection-grid-a11y';\r\nimport { paginationPlugin } from '@bingads-webui/projection-grid-pagination';\r\nimport { placeholderPlugin } from '@bingads-webui/projection-grid-placeholder';\r\nimport { ImportScheduleGridConfig } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-schedule-grid-config';\r\nimport tmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/import-schedule-grid.pug';\r\nimport toolbarPlugin from '@bingads-webui-campaign-legacy/bingadsgrid/plugin/toolbar';\r\nimport { uiBlockerPlugin } from '@bingads-webui/projection-grid-uiblocker';\r\nimport ViewModel from '@bingads-webui-campaign-legacy/scheduled-import/viewmodel/import-schedule-grid';\r\nimport cacheManager from '@bingads-webui-campaign-legacy/cache-manager/index';\r\nimport { withUiBlock } from '@bingads-webui/uiblocker';\r\nimport { notificationApi } from '@bingads-webui-react/notification-center';\r\n\r\nimport { assistedSelectionPlugin } from '@bingads-webui/projection-grid-assisted-selection';\r\nimport downloadService from '@bingads-webui-component-legacy/download/index';\r\nimport pgrid from '@bingads-webui-component-legacy/github/modules/projection-grid/module/projection-grid';\r\nimport odata from '@bingads-webui-component-legacy/http/channel/odata';\r\nimport { showError } from '@bingads-webui-component-legacy/toast/index';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport UIBlocker from '@bingads-webui-component-legacy/uiblocker/service/uiBlocker';\r\n\r\nimport createImportTaskItemHelper from '@bingads-webui-campaign-legacy/import-campaigns/shared/import-task-item-helper';\r\n\r\nimport instrumentation from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport constants from '@bingads-webui-static-legacy/instrumentation/constants';\r\n\r\nimport { ImportScheduleAccountsDetailView } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-schedule-accounts-detail-view';\r\n\r\nimport { logException, startPollingUntilImportStarted,\r\n cookieHelperForEditImport } from '@bingads-webui-campaign-legacy/import-campaigns/shared/import-helper';\r\n\r\nimport { IMPORT_TYPE, IMPORT_TYPE_TO_IMPORT_NAME } from '@bingads-webui-campaign-legacy/scheduled-import/view/import-type';\r\n\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/import-campaigns');\r\n\r\nconst permissions = config.get('Permissions');\r\nconst GSILocal = permissions && permissions.dynamic && permissions.dynamic.GSILocal;\r\nconst CNMarketExpansion = permissions && permissions.dynamic && permissions.dynamic.CNMarketExpansion;\r\nconst BaiduFileImport = permissions && permissions.dynamic && permissions.dynamic.BaiduFileImport;\r\n\r\nconst promisifyStartPollingUntilImportStarted = ({\r\n taskItemExecutionId,\r\n showLoadingIcon,\r\n isMultiAccount,\r\n}) => {\r\n return new Promise((resolve) => {\r\n startPollingUntilImportStarted(taskItemExecutionId, resolve, showLoadingIcon, isMultiAccount);\r\n });\r\n};\r\n\r\nfunction gapiSignInSuccess(callback, newI18n, authCode) {\r\n const urlTmpl = 'ImportSession/StartGoogleSession(CustomerId=:advertisercustomer_id,AccountId=:account_id)?authCode={{AuthCode}}&redirectUri=postmessage';\r\n const url = _.template(urlTmpl)({ AuthCode: authCode.code });\r\n\r\n odata.post(url, { data: '' })\r\n .then((sessionId) => {\r\n if (sessionId) {\r\n callback(sessionId, true);\r\n return;\r\n } else {\r\n // show error\r\n showError(handleGoogleLoginAuthError({ authErrors: 'sign_in_error_offline_access' }, newI18n));\r\n }\r\n });\r\n}\r\n\r\nconst logMsg = (category, msg) => instrumentation.logMessage([category], constants.LOGLEVEL.INFO, '/campaign/importcampaign', msg);\r\n\r\nfunction reloginToGoogle(callback, newI18n) {\r\n window.require(['ext/google/gsi'], () => {\r\n logMsg(constants.LOGCATEGORY.TRACE, `GSILocal: ${GSILocal}`);\r\n const loginRepo = new GoogleLoginRepository({ deps: { google: window.google, GSILocal }});\r\n\r\n const blockerElem = document.documentElement;\r\n const UIBlockerToken = UIBlocker.block(blockerElem);\r\n\r\n new Promise((resolve, reject) => {\r\n loginRepo.googleSignIn({\r\n onSuccess: resolve,\r\n onFail: reject,\r\n });\r\n }).then(_.partial(gapiSignInSuccess, callback, newI18n))\r\n .catch((error) => {\r\n instrumentation.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `could not sign into AdWords for editing import: ${error && error.authErrors}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (error && error.authErrors === 'popup_closed') {\r\n return;\r\n }\r\n\r\n // show Google login error message\r\n showError(handleGoogleLoginAuthError(error, newI18n));\r\n }).finally(() => {\r\n UIBlocker.unblock(blockerElem, UIBlockerToken);\r\n });\r\n });\r\n}\r\n\r\nfunction reloginToAmazon(callback, newI18n) {\r\n const amazonLoginRepo = new AmazonLoginRepository();\r\n const deps = {\r\n odata,\r\n config,\r\n defaultLogActivity: {\r\n trace: (msg) => logMsg(constants.LOGCATEGORY.TRACE, msg),\r\n error: (msg) => logMsg(constants.LOGCATEGORY.ERROR, msg),\r\n },\r\n i18n,\r\n edm: { currentAccount: {} },\r\n };\r\n const amazonImportRepo = new AmazonImportRepository({ deps });\r\n\r\n amazonLoginRepo.login()\r\n .then((authCode) => amazonImportRepo.startAmazonSession(authCode, true))\r\n .then((sessionId) => {\r\n if (sessionId) {\r\n callback(sessionId, true);\r\n return;\r\n } else {\r\n // show error\r\n showError(handleAmazonLoginError({ error: 'amazon_already_signed_out' }, newI18n));\r\n }\r\n })\r\n .catch((res) => {\r\n logMsg(constants.LOGCATEGORY.ERROR,\r\n `could not sign into Amazon for editing import: ${res}`);\r\n\r\n // it seems that no error will return if the popup is closed by user\r\n // show Amazon login error message\r\n showError(handleAmazonLoginError(res, newI18n));\r\n });\r\n}\r\n\r\nfunction reloginToFacebook(callback, newI18n) {\r\n loadFacebookSdk().then((sdk) => {\r\n if (sdk === null) {\r\n logMsg(constants.LOGCATEGORY.ERROR, 'Failed to load Facebook script.');\r\n return;\r\n }\r\n\r\n const deps = {\r\n FB: sdk,\r\n odata,\r\n config,\r\n defaultLogActivity: {\r\n trace: (msg) => logMsg(constants.LOGCATEGORY.TRACE, msg),\r\n error: (msg) => logMsg(constants.LOGCATEGORY.ERROR, msg),\r\n },\r\n i18n,\r\n edm: { currentAccount: {} },\r\n };\r\n const facebookRepo = new FacebookImportRepository({ deps });\r\n let hasReLoggedIn = false;\r\n const login2FB = () => {\r\n if (hasReLoggedIn) {\r\n return;\r\n }\r\n hasReLoggedIn = true;\r\n facebookRepo.login({\r\n onSuccess: ({accessToken}) => {\r\n facebookRepo.startFacebookSession(accessToken).then(({ sessionId }) => {\r\n if (sessionId) {\r\n callback(sessionId, true);\r\n return;\r\n } else {\r\n // show error\r\n showError(handleFacebookLoginError({ authErrors: 'FacebookImport_Signin_General_Error' }, newI18n));\r\n }\r\n });\r\n },\r\n onPermissionsDeclined: ({ declinedScopesAndDesc = [], userID}) => {\r\n const declinedPerms = declinedScopesAndDesc.map((ds) => ds.name).join(', ');\r\n\r\n logMsg(constants.LOGCATEGORY.TRACE,\r\n `user (${userID}) decliened permissions: ${declinedPerms || ''}, could not editing import`);\r\n\r\n // show permission error\r\n showError(handleFacebookLoginError({ authErrors: 'FacebookImport_Permission_Denied_Error' }, newI18n));\r\n },\r\n onFail: (error) => {\r\n logMsg(constants.LOGCATEGORY.ERROR,\r\n `could not sign into Facebook for editing import: ${error && error.authErrors}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (error && error.status === 'unknown') {\r\n return;\r\n }\r\n\r\n // show Facebook login error message\r\n showError(handleFacebookLoginError(error, newI18n));\r\n },\r\n });\r\n };\r\n\r\n // logout first, then login again\r\n facebookRepo.logout({onSuccess: login2FB, onFail: login2FB});\r\n });\r\n}\r\n\r\nfunction reloginToPinterest(callback, newI18n) {\r\n const pinterestLoginRepo = new PinterestLoginRepository(config);\r\n const deps = {\r\n odata,\r\n config,\r\n defaultLogActivity: {\r\n trace: (msg) => logMsg(constants.LOGCATEGORY.TRACE, msg),\r\n error: (msg) => logMsg(constants.LOGCATEGORY.ERROR, msg),\r\n },\r\n i18n,\r\n edm: { currentAccount: {} },\r\n };\r\n const pinterestImportRepo = new PinterestImportRepository({ deps });\r\n\r\n pinterestLoginRepo.login()\r\n .then((authCode) => pinterestImportRepo.startPinterestSession(authCode))\r\n .then((sessionId) => {\r\n if (sessionId) {\r\n callback(sessionId, true);\r\n return;\r\n } else {\r\n // show error\r\n showError(handlePinterestLoginError({ error: 'pinterest_already_signed_out' }, newI18n));\r\n }\r\n })\r\n .catch((res) => {\r\n logMsg(constants.LOGCATEGORY.ERROR,\r\n `could not sign into Pinterest for editing import: ${res}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (res && res.error === 'popup_closed_by_user') {\r\n return;\r\n }\r\n\r\n // show Pinterest login error message\r\n showError(handlePinterestLoginError(res, newI18n));\r\n });\r\n}\r\n\r\nfunction gapiSignInMultiAccountSuccess(callback, newI18n, authCode) {\r\n const urlTmpl = 'ImportSession/StartGoogleSession(CustomerId=:customer_id,AccountId={{AccountId}})?authCode={{AuthCode}}&redirectUri=postmessage';\r\n const url = _.template(urlTmpl)({ AccountId: config.get('CurrentAccount').Id, AuthCode: authCode.code });\r\n\r\n odata.post(url, { data: '' })\r\n .then((sessionId) => {\r\n if (sessionId) {\r\n callback(sessionId, true);\r\n return;\r\n } else {\r\n // show error\r\n showError(handleGoogleLoginAuthError({ authErrors: 'sign_in_error_offline_access' }, newI18n));\r\n }\r\n });\r\n}\r\n\r\nexport default class View extends Backbone.View {\r\n initialize(options = {}) {\r\n if (options.perfMarker) {\r\n this.perfMarker = options.perfMarker.createChild('Import_Schedule_Grid_Load');\r\n this.perfMarker.willInit();\r\n }\r\n this.viewModel = new ViewModel();\r\n this.isMultiAccount = options.isMultiAccount;\r\n this.isSmartAccount = options.isSmartAccount || false; // default value is used for MAE\r\n this.isUPSmartAccount = options.isUPSmartAccount || false; // default value is used for MAE\r\n this.supportedImportTypes = options.supportedImportTypes || { [IMPORT_TYPE.googleimport]: IMPORT_TYPE_TO_IMPORT_NAME[IMPORT_TYPE.googleimport] }; // default value is used for MAE\r\n this.isForVNext = options.isForVNext;\r\n this.vNextToolbarPlugin = options.vNextToolbarPlugin;\r\n this.router = options.router;\r\n this.getDataSourceConfig = options.getDataSourceConfig;\r\n this.createRunNowImport = options.createRunNowImport;\r\n this.createUpdateStatusView = options.createUpdateStatusView;\r\n this.batchEditCallback = options.batchEditCallback;\r\n this.overridingEvent = options.overridingEvent;\r\n this.isFiltered = false;\r\n this.importTypeOfFilter = options.importTypeOfFilter;\r\n this.importChannelType = options.importChannelType;\r\n this.adoptResumeScheduleRecommendation = (status, scheduleItems) => options.adoptResumeScheduleRecommendation(\r\n odata,\r\n {\r\n trace: (msg) => logMsg(constants.LOGCATEGORY.TRACE, msg),\r\n error: (msg) => logMsg(constants.LOGCATEGORY.ERROR, msg),\r\n },\r\n status,\r\n scheduleItems,\r\n );\r\n this.newI18n = options.newI18n;\r\n\r\n // pilot logs\r\n logMsg(constants.LOGCATEGORY.TRACE, `CNMarketExpansion: ${CNMarketExpansion}`);\r\n logMsg(constants.LOGCATEGORY.TRACE, `BaiduFileImport: ${BaiduFileImport}`);\r\n }\r\n\r\n events() {\r\n return _.defaults({}, this.overridingEvent, {\r\n 'click .col-State .statuschangehover': 'changeStatus',\r\n 'click .edit-task': this.isMultiAccount ? 'editMultiAccountImportTaskItem' : 'editImportTaskItem',\r\n 'click .run-now': this.isMultiAccount ?\r\n _.debounce(this.runMultiAccountImportNow.bind(this), 1000, true) :\r\n _.debounce(this.runImportNow.bind(this), 1000, true),\r\n 'click .download-file': 'downloadUploadedFile',\r\n 'keypress input': 'onKeyPressed',\r\n 'click .import-schedule-accounts-detail': 'viewAccountsDetails',\r\n });\r\n }\r\n\r\n viewAccountsDetails(event) {\r\n let model = this.getColumnData(event);\r\n\r\n const data = _.map(model.ImportTaskItemList, ({\r\n AccountName,\r\n AccountNumber,\r\n AdWordsImportContext: { AccountName: googleAccount, CustomerId },\r\n }) => ({\r\n googleAccount: `${googleAccount} (${CustomerId})`,\r\n bingAccount: `${AccountName} (${AccountNumber})`,\r\n }));\r\n\r\n const targetRect = event.target.getBoundingClientRect();\r\n\r\n new PopoverView({\r\n target: this.$(event.target),\r\n position: {\r\n isAbsolute: true,\r\n left: targetRect.right,\r\n top: targetRect.top,\r\n },\r\n containerClassName: ['GoogleAdsAccountView'],\r\n }).setContent(new contents.TitledContent()\r\n .setTitle('')\r\n .setBody(new ImportScheduleAccountsDetailView({i18n, data})));\r\n }\r\n\r\n onKeyPressed(event) {\r\n const RETURN_CODE = 13;\r\n\r\n if (event.which === RETURN_CODE) {\r\n event.preventDefault();\r\n const pageText = this.grid.pagination.$('input.form-control.page-number-input');\r\n\r\n if (pageText) {\r\n this.grid.pagination.viewModel.pageNumberText(pageText.val());\r\n }\r\n }\r\n }\r\n\r\n changeStatus(e) {\r\n e.stopPropagation();\r\n let model = this.getColumnData(e);\r\n\r\n if (this.updateStatusView) {\r\n this.updateStatusView.remove();\r\n this.updateStatusView = null;\r\n }\r\n\r\n this.updateStatusView = this.createUpdateStatusView(this, model).render();\r\n\r\n $(e.target).closest('td', this.el).append(this.updateStatusView.el);\r\n }\r\n\r\n getColumnData(e) {\r\n return this.grid.gridView.itemOfElement(e.target);\r\n }\r\n\r\n clickStatusIcon() {\r\n this.indicator = true;\r\n }\r\n\r\n checkEditButton() {\r\n const selectedItems = this.grid.gridView.selectedItems();\r\n const editDropDown = this.grid.toolbar.items[0];\r\n const enableEdit = _.find(selectedItems, (item) => {\r\n return item && item.State.toString() !== 'Deleted';\r\n });\r\n\r\n if (enableEdit) {\r\n editDropDown.enable();\r\n } else {\r\n editDropDown.disable();\r\n }\r\n }\r\n\r\n renderGrid(gridConfig, useQuickFilter) {\r\n this.grid = pgrid\r\n .factory({ vnext: true })\r\n .use(perfMarkerPlugin)\r\n .use(a11yPlugin)\r\n .use(paginationPlugin)\r\n .use(placeholderPlugin)\r\n .use(uiBlockerPlugin)\r\n .use(assistedSelectionPlugin);\r\n\r\n if (useQuickFilter) {\r\n this.grid = this.grid.use(toolbarPlugin(['quickFilter']));\r\n } else if (this.isForVNext) {\r\n this.grid = this.grid.use(this.vNextToolbarPlugin.plugin);\r\n } else {\r\n this.grid = this.grid.use(toolbarPlugin());\r\n }\r\n\r\n this.grid = this.grid.create(_.flow([headerTemplateConfig])(gridConfig));\r\n if (!this.isForVNext) {\r\n this.grid.toolbar.render();\r\n }\r\n this.grid.gridView.render();\r\n\r\n this.grid.gridView.on('didUpdate', () => {\r\n const hasNoResult = this.grid.gridView.countRows === 0;\r\n const filterCheck = this.isFiltered;\r\n\r\n this.viewModel.showNoGoogleImportMsg(this.importTypeOfFilter === IMPORT_TYPE.googleimport && !filterCheck && hasNoResult);\r\n this.viewModel.showNoFacebookImportMsg(this.importTypeOfFilter === IMPORT_TYPE.facebookimport && !filterCheck && hasNoResult);\r\n this.viewModel.showNoAmazonImportMsg(this.importTypeOfFilter === IMPORT_TYPE.amazonImport && !filterCheck && hasNoResult);\r\n this.viewModel.showNoPinterestImportMsg(this.importTypeOfFilter === IMPORT_TYPE.pinterestImport && !filterCheck && hasNoResult);\r\n this.viewModel.showNoFilteredImportMsg(filterCheck && hasNoResult);\r\n\r\n if (!this.isForVNext) {\r\n this.checkEditButton();\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n this.$el.html(tmpl({\r\n noImportMsgHeader: i18n.get('Scheduled_Import_History_EmptyHeader'),\r\n noGoogleImportMsg: i18n.get('Scheduled_Import_History_EmptyBody'),\r\n noFacebookImportMsg: i18n.get('Scheduled_Import_History_EmptyBody_Facebook'),\r\n noAmazonImportMsg: i18n.get('Scheduled_Import_History_EmptyBody_Amazon'),\r\n noPinterestImportMsg: i18n.get('Scheduled_Import_History_EmptyBody_Pinterest'),\r\n noFilteredImportMsg: i18n.get('Grid_NoFilteredRecords'),\r\n }));\r\n ko.applyBindings(this.viewModel, this.el);\r\n\r\n const gridConfig = new ImportScheduleGridConfig(this);\r\n\r\n this.renderGrid(gridConfig, false);\r\n if (!this.isForVNext) {\r\n this.grid.gridView.on('didSelect', this.checkEditButton.bind(this));\r\n }\r\n\r\n return this;\r\n }\r\n\r\n handleActionForScheduledImport(model, callback, isRunnow = false) {\r\n if (!model || (!model.AdWordsImportContext && !model.FacebookImportContext && !model.AmazonImportContext && !model.PinterestImportContext)) {\r\n instrumentation.logMessage([constants.LOGCATEGORY.ERROR], constants.LOGLEVEL.INFO, '/campaign/importcampaign', 'Bad model or context');\r\n return;\r\n }\r\n\r\n const currentUserId = _.propertyOf(config.get('CurrentUser'))('Id');\r\n const isFacebookImport = this.supportedImportTypes[IMPORT_TYPE.facebookimport] && model && model['@odata.type'] === '#Model.FacebookTaskItem';\r\n const isAmazonImport = this.supportedImportTypes[IMPORT_TYPE.amazonImport] && model && model['@odata.type'] === '#Model.AmazonImportTaskItem';\r\n const isPinterestImport = this.supportedImportTypes[IMPORT_TYPE.pinterestImport] && model && model['@odata.type'] === '#Model.PinterestImportTaskItem';\r\n\r\n if (model.ModifiedBy.Id === currentUserId) {\r\n if (isFacebookImport) {\r\n callback(model.FacebookImportContext.SessionId);\r\n return;\r\n } else if (isAmazonImport) {\r\n callback(model.AmazonImportContext.SessionId);\r\n return;\r\n } else if (isPinterestImport) {\r\n callback(model.PinterestImportContext.SessionId);\r\n return;\r\n } else if (isRunnow || (model.AdWordsImportContext && model.AdWordsImportContext.SessionType !== 'CloudImport')) {\r\n // Add login confirmation if the task is from MAE to relogin the user into webui\r\n // Run now job of MAE can trigger directly.\r\n callback(model.AdWordsImportContext.SessionId);\r\n return;\r\n }\r\n }\r\n\r\n instrumentation.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n ` Session Type:${model && model.AdWordsImportContext && model.AdWordsImportContext.SessionType}\r\n ModifiedById: ${model && model.ModifiedBy.Id}\r\n currentUserId: ${currentUserId}\r\n isFacebookImport: ${isFacebookImport}\r\n isAmazonImport: ${isAmazonImport}\r\n isPinterestImport: ${isPinterestImport}\r\n `);\r\n\r\n // ask user to relogin\r\n if (isFacebookImport) {\r\n reloginToFacebook(callback, this.newI18n);\r\n } else if (isAmazonImport) {\r\n reloginToAmazon(callback, this.newI18n);\r\n } else if (isPinterestImport) {\r\n reloginToPinterest(callback, this.newI18n);\r\n } else {\r\n reloginToGoogle(callback, this.newI18n);\r\n }\r\n }\r\n\r\n handleActionForMultiAccountScheduledImport(model, callback) {\r\n const currentUserId = _.propertyOf(config.get('CurrentUser'))('Id');\r\n\r\n if (model.ModifiedBy.Id === currentUserId) {\r\n callback(model.SessionId);\r\n return;\r\n } else {\r\n window.require(['ext/google/gsi'], () => {\r\n logMsg(constants.LOGCATEGORY.TRACE, `GSILocal: ${GSILocal}`);\r\n const loginRepo = new GoogleLoginRepository({ deps: { google: window.google, GSILocal }});\r\n\r\n new Promise((resolve, reject) => {\r\n loginRepo.googleSignIn({\r\n onSuccess: resolve,\r\n onFail: reject,\r\n });\r\n }).then(_.partial(gapiSignInMultiAccountSuccess, callback, this.newI18n))\r\n .catch((error) => {\r\n instrumentation.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/AccountsSummary',\r\n `could not sign into AdWords for editing import: ${error && error.authErrors}`);\r\n\r\n // do not show any error message if the popup is closed by user\r\n if (error && error.authErrors === 'popup_closed') {\r\n return;\r\n }\r\n\r\n // show Google login error message\r\n showError(handleGoogleLoginAuthError(error, this.newI18n));\r\n })\r\n .finally(withUiBlock());\r\n });\r\n }\r\n }\r\n\r\n editImportTaskItem(e) {\r\n const model = this.getColumnData(e);\r\n\r\n this.goToGoogleImportWizard({\r\n model,\r\n });\r\n }\r\n\r\n goToGoogleImportWizard({\r\n model, importStep = '',\r\n }) {\r\n const aid = state.get('account_id');\r\n const cid = state.get('customer_id');\r\n const uid = state.get('user_id');\r\n const taskItemId = model.Id;\r\n let navigator = null;\r\n\r\n if (this.isForVNext) {\r\n let routeName;\r\n\r\n if (this.supportedImportTypes[IMPORT_TYPE.facebookimport] && model['@odata.type'] === '#Model.FacebookTaskItem') {\r\n routeName = 'facebookimport';\r\n } else if (this.supportedImportTypes[IMPORT_TYPE.amazonImport] && model['@odata.type'] === '#Model.AmazonImportTaskItem') {\r\n routeName = 'amazonimport';\r\n } else if (this.supportedImportTypes[IMPORT_TYPE.pinterestImport] && model['@odata.type'] === '#Model.PinterestImportTaskItem') {\r\n routeName = 'pinterestimport';\r\n } else {\r\n routeName = 'googleimport';\r\n }\r\n\r\n const params = { taskItemId };\r\n\r\n if (_.isString(importStep) && !_.isEmpty(importStep)) {\r\n params.importStep = importStep;\r\n }\r\n\r\n navigator = _.partial(this.router.navigateToRoute, routeName, params);\r\n } else {\r\n const returnUrl = `/Campaign/ImportCampaign/GoogleImport?cid=${cid}&uid=${uid}&aid=${aid}&taskItemId=${taskItemId}`;\r\n\r\n navigator = _.partial(this.navigateToUrl, returnUrl);\r\n }\r\n\r\n this.handleActionForScheduledImport(model, _.partial(this.setDestination, navigator, taskItemId));\r\n }\r\n\r\n editMultiAccountImportTaskItem(e) {\r\n const model = this.getColumnData(e);\r\n const cid = state.get('customer_id');\r\n const uid = state.get('user_id');\r\n const taskItemId = model.Id;\r\n let navigator = null;\r\n\r\n if (this.isForVNext) {\r\n navigator = _.partial(this.router.navigateToRoute, 'googleimport');\r\n } else {\r\n const returnUrl = `/Campaign/AccountsSummary?cid=${cid}&uid=${uid}#customer/${cid}/import-accounts/googleImport`;\r\n\r\n navigator = _.partial(this.navigateToUrl, returnUrl);\r\n }\r\n\r\n // reserve task item id in cookie\r\n set('multi-account-scheduled-import-task-item-id', taskItemId);\r\n this.handleActionForMultiAccountScheduledImport(model, _.partial(this.setDestination, navigator, taskItemId));\r\n }\r\n\r\n setDestination(navigator, taskItemId, sessionId, ifUpdated) {\r\n if (ifUpdated) {\r\n cookieHelperForEditImport.createCookie(taskItemId, sessionId);\r\n } else {\r\n cookieHelperForEditImport.deleteCookie();\r\n }\r\n\r\n navigator();\r\n }\r\n\r\n navigateToUrl(url) {\r\n window.location.href = url;\r\n }\r\n\r\n downloadUploadedFile(e) {\r\n let data = this.getColumnData(e);\r\n\r\n if (this.isFileImportODataMigrationEnabled && data && data.FileImportContext && data.FileImportContext.FilePath) {\r\n downloadService.download(data.FileImportContext.FilePath);\r\n } else {\r\n showError(i18n.get('GenericErrorMessage'));\r\n }\r\n }\r\n\r\n runImportNow(e) {\r\n const model = this.getColumnData(e);\r\n\r\n this.handleActionForScheduledImport(model, _.partial(this.runImportNowInternal, model).bind(this), true);\r\n }\r\n\r\n // save import settings in edit panel\r\n saveImportSettingsInEditPanel({ columnData, updateData, edm, jsData, closeEditPanel }) {\r\n this.handleActionForScheduledImport(columnData, _.partial(this.editTaskSaveInternal, columnData, updateData, edm, jsData, closeEditPanel).bind(this));\r\n }\r\n\r\n editTaskSaveInternal(model, updateData, edm, jsData, closeEditPanel, sessionId) {\r\n const taskItemOptions = {\r\n adapter: 'odata',\r\n entitySet: this.isMultiAccount ?\r\n edm.currentCustomer.TaskItems : edm.currentAccount.TaskItems,\r\n };\r\n\r\n const taskItemId = model.Id;\r\n const data = _.extend({}, model,\r\n model['@odata.type'] === '#Model.ImportTaskItem' ? {\r\n AdWordsImportContext: _.extend({}, model.AdWordsImportContext, {\r\n AdWordsSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n SessionId: sessionId,\r\n SessionType: model.AdWordsImportContext.SessionType === 'CloudImport' ? null : model.AdWordsImportContext.SessionType,\r\n }),\r\n } : null, model['@odata.type'] === '#Model.FacebookTaskItem' ? {\r\n FacebookImportContext: _.extend({}, model.FacebookImportContext, {\r\n FacebookSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n SessionId: sessionId,\r\n }),\r\n } : null,\r\n { ImportUserPreferences: undefined },\r\n updateData,\r\n );\r\n\r\n jsData.TaskItem.update(taskItemId, data, taskItemOptions).then(() => {\r\n closeEditPanel();\r\n this.grid.gridView.refresh(true);\r\n }).catch((error) => {\r\n logMsg(constants.LOGCATEGORY.ERROR, `edit task failed due to: ${error}`);\r\n }).finally(withUiBlock(\r\n /* target */ $('.schedule-setting-editor-panel .panel-content'),\r\n /* loadingText */ undefined,\r\n /* shouldFocus */ undefined,\r\n /* delayedLoading */ undefined,\r\n /* overlayZIndex */ '1010',\r\n ));\r\n }\r\n\r\n applyAdCustomizerFeedRecommendation(columnData, notificationString, edm, jsData, recommendationType) {\r\n const updateData = {\r\n ImportUserPreference: _.extend({}, columnData.ImportUserPreference, {\r\n UpdateAdCustomizerFeeds: true,\r\n ImportNewAdCustomizerFeeds: true,\r\n }),\r\n };\r\n\r\n this.handleActionForScheduledImport(columnData, _.partial(this.applyRecommendationInternal, columnData, updateData, notificationString, edm, jsData, recommendationType).bind(this));\r\n }\r\n\r\n applySetMinBidValueAdjustRecommendation(columnData, notificationString, edm, jsData, recommendationType) {\r\n const updateData = {\r\n ImportUserPreference: _.extend({}, columnData.ImportUserPreference, {\r\n SetLowerBidsToAdCenterMinBids: true,\r\n }),\r\n };\r\n\r\n this.handleActionForScheduledImport(columnData, _.partial(this.applyRecommendationInternal, columnData, updateData, notificationString, edm, jsData, recommendationType).bind(this));\r\n }\r\n\r\n applyCurrencyConversionRecommendation(columnData, notificationString, edm, jsData, recommendationType) {\r\n const updateData = {\r\n ImportUserPreference: _.extend({}, columnData.ImportUserPreference, {\r\n EnableAutoCurrencyConversion: true,\r\n }),\r\n };\r\n\r\n this.handleActionForScheduledImport(columnData, _.partial(this.applyRecommendationInternal, columnData, updateData, notificationString, edm, jsData, recommendationType).bind(this));\r\n }\r\n\r\n applyAutoFrequencyRecommendation(columnData, notificationString, edm, jsData, recommendationType) {\r\n const updateData = {\r\n Cron: null,\r\n IsAutoFrequency: true,\r\n };\r\n\r\n this.handleActionForScheduledImport(columnData, _.partial(this.applyRecommendationInternal, columnData, updateData, notificationString, edm, jsData, recommendationType).bind(this));\r\n }\r\n\r\n applyGetGoogleAdsPermissionRecommendation(columnData, notificationString, edm, jsData, recommendationType) {\r\n const callback = (sessionId) => {\r\n this.handleActionForScheduledImport(columnData, _.partial(this.applyRecommendationInternal, columnData, null, notificationString, edm, jsData, recommendationType, sessionId).bind(this));\r\n };\r\n\r\n // relogin to google to refresh the token\r\n reloginToGoogle(callback, this.newI18n);\r\n }\r\n\r\n applyAccessTokenExpiringRecommendation(columnData, notificationString, edm, jsData, recommendationType) {\r\n const callback = (sessionId) => {\r\n this.handleActionForScheduledImport(columnData, _.partial(this.applyRecommendationInternal, columnData, null, notificationString, edm, jsData, recommendationType, sessionId).bind(this));\r\n };\r\n\r\n // relogin to facebook to refresh the token\r\n reloginToFacebook(callback, this.newI18n);\r\n }\r\n\r\n applyRecommendationInternal(model, updateData, notificationString, edm, jsData, recommendationType, sessionId) {\r\n const taskItemOptions = {\r\n adapter: 'odata',\r\n entitySet: this.isMultiAccount ?\r\n edm.currentCustomer.TaskItems : edm.currentAccount.TaskItems,\r\n };\r\n\r\n const taskItemId = model.Id;\r\n const data = _.extend({}, model,\r\n model['@odata.type'] === '#Model.ImportTaskItem' ? {\r\n AdWordsImportContext: _.extend({}, model.AdWordsImportContext, {\r\n AdWordsSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n SessionId: sessionId,\r\n SessionType: model.AdWordsImportContext.SessionType === 'CloudImport' ? null : model.AdWordsImportContext.SessionType,\r\n }),\r\n } : null, model['@odata.type'] === '#Model.FacebookTaskItem' ? {\r\n FacebookImportContext: _.extend({}, model.FacebookImportContext, {\r\n FacebookSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n SessionId: sessionId,\r\n }),\r\n } : null,\r\n { ImportUserPreferences: undefined },\r\n updateData,\r\n );\r\n\r\n const importChannel = importChannelNameMap(importRecommendationListNameMap(model));\r\n\r\n jsData.TaskItem.update(taskItemId, data, taskItemOptions).then(() => {\r\n this.grid.gridView.refresh(true);\r\n notificationApi.showInfo(notificationString);\r\n logMsg(constants.LOGCATEGORY.TRACE, `Import_Recommendation ${taskItemId} apply_success ${recommendationType} ${importChannel}`);\r\n }).catch((error) => {\r\n logMsg(constants.LOGCATEGORY.ERROR, `Import_Recommendation ${taskItemId} apply_fail ${recommendationType} ${error} ${importChannel}`);\r\n });\r\n }\r\n\r\n runMultiAccountImportNow(e) {\r\n const model = this.getColumnData(e);\r\n\r\n this.handleActionForMultiAccountScheduledImport(model, _.partial(this.runMultiAccountImportNowInternal, model).bind(this));\r\n }\r\n\r\n runImportNowInternal(model, sessionId) {\r\n if (this.supportedImportTypes[IMPORT_TYPE.facebookimport] && model['@odata.type'] === '#Model.FacebookTaskItem') {\r\n const isSmartImportWizardJob = model.IsSmartImport === true || model.IsSmartImport === false;\r\n const facebookBody = _.extend(\r\n _.pick(model, '@odata.type', 'AccountId', 'Type', 'TimeZoneId', 'AdGroupMedium', 'NotificationMedium', 'CultureName', 'UserName', 'AccountName'),\r\n {\r\n AdGroupMedium: 'Search', // TODO: MT bug? MT reponse with '0'\r\n FacebookImportContext: _.extend({}, model.FacebookImportContext, {\r\n '@odata.type': '#Model.FacebookImportContext',\r\n SessionId: sessionId,\r\n FacebookSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n }),\r\n ImportType: `FacebookImport${permissions && permissions.IsUseImportTestTypeForImportTaskExecutionEnabled ? 'Test' : ''}`,\r\n ImportUserPreference: model.ImportUserPreference,\r\n State: 'Active',\r\n NotificationType: 'None',\r\n }, isSmartImportWizardJob && { // pass IsAutoFrequency as false, IsSmartImport and Name if it is from smart import workflow (smart/expert)\r\n IsAutoFrequency: false,\r\n IsSmartImport: model.IsSmartImport,\r\n Name: model.Name,\r\n });\r\n\r\n this.triggerRunNowImportTask(facebookBody, model.Id);\r\n return;\r\n } else if (this.supportedImportTypes[IMPORT_TYPE.amazonImport] && model['@odata.type'] === '#Model.AmazonImportTaskItem') {\r\n const amazonBody = _.extend(\r\n _.pick(model, '@odata.type', 'AccountId', 'Type', 'TimeZoneId', 'AdGroupMedium', 'NotificationMedium', 'CultureName', 'UserName', 'AccountName'),\r\n {\r\n AdGroupMedium: 'Search', // TODO: MT bug? MT reponse with '0'\r\n AmazonImportContext: _.extend({}, model.AmazonImportContext, {\r\n '@odata.type': '#Model.AmazonImportContext',\r\n SessionId: sessionId,\r\n }),\r\n ImportType: `AmazonImport${permissions && permissions.IsUseImportTestTypeForImportTaskExecutionEnabled ? 'Test' : ''}`,\r\n ImportUserPreference: model.ImportUserPreference,\r\n State: 'Active',\r\n NotificationType: 'None',\r\n IsAutoFrequency: false,\r\n IsSmartImport: model.IsSmartImport,\r\n Name: model.Name,\r\n });\r\n\r\n this.triggerRunNowImportTask(amazonBody, model.Id);\r\n return;\r\n } else if (this.supportedImportTypes[IMPORT_TYPE.pinterestImport] && model['@odata.type'] === '#Model.PinterestImportTaskItem') {\r\n const pinterestBody = _.extend(\r\n _.pick(model, '@odata.type', 'AccountId', 'Type', 'TimeZoneId', 'AdGroupMedium', 'NotificationMedium', 'CultureName', 'UserName', 'AccountName'),\r\n {\r\n AdGroupMedium: 'Search',\r\n PinterestImportContext: _.extend({}, model.PinterestImportContext, {\r\n '@odata.type': '#Model.PinterestImportContext',\r\n SessionId: sessionId,\r\n PinterestSessionUserId: _.propertyOf(config.get('CurrentUser'))('Id'),\r\n }),\r\n ImportType: `PinterestImport${permissions && permissions.IsUseImportTestTypeForImportTaskExecutionEnabled ? 'Test' : ''}`,\r\n ImportUserPreference: model.ImportUserPreference,\r\n State: 'Active',\r\n NotificationType: 'None',\r\n IsAutoFrequency: false,\r\n IsSmartImport: model.IsSmartImport,\r\n Name: model.Name,\r\n });\r\n\r\n this.triggerRunNowImportTask(pinterestBody, model.Id);\r\n return;\r\n }\r\n\r\n const adWordsImportContext = model.AdWordsImportContext;\r\n let body;\r\n\r\n const isSmartImportWizardJob = permissions.IsSmartImportEnabled && (model.IsSmartImport === true || model.IsSmartImport === false);\r\n const isSmartCampaignOnlyJob = model.IsSmartCampaignOnly === true || model.IsSmartCampaignOnly === false;\r\n const isPmaxRecommendationJob = model.DefaultImportSettings === 'PMaxRecommendation'; // if pmax import recommendation task\r\n\r\n if (isPmaxRecommendationJob) {\r\n logMsg(constants.LOGCATEGORY.TRACE, {\r\n TaskType: 'PmaxRecommendationImportTask',\r\n TaskId: model.Id,\r\n Event: 'Trigger runnow button',\r\n });\r\n }\r\n\r\n try {\r\n body = createImportTaskItemHelper.prepareGoogleImport(_.extend({\r\n importUserPreferences: model.ImportUserPreferences,\r\n notificationType: model.NotificationType,\r\n timeZoneId: model.TimeZoneId,\r\n market: model.CustomerMarket,\r\n language: model.Language,\r\n adGroupMedium: model.AdGroupMedium,\r\n googleCustomerId: adWordsImportContext.CustomerId,\r\n loginCustomerId: adWordsImportContext.LoginCustomerId,\r\n campaignIds: adWordsImportContext.CampaignIds,\r\n googleEntitiesBlobName: adWordsImportContext.GoogleEntitiesBlobName,\r\n // if there is a new sessionId, reset value from 'CloudImport' into null.\r\n // same user triagger a runnow job for BAE task from webui, it will keep origin SessionType, SessionId.\r\n sessionType: adWordsImportContext.SessionId !== sessionId && adWordsImportContext.SessionType === 'CloudImport' ? null : adWordsImportContext.SessionType,\r\n initialAdWordsAccount: {\r\n sessionId,\r\n googleAccountName: adWordsImportContext.AccountName,\r\n },\r\n }, isSmartImportWizardJob && { // pass IsAutoFrequency as false, IsSmartImport and Name if it is from smart import workflow (smart/expert)\r\n IsAutoFrequency: false,\r\n IsSmartImport: model.IsSmartImport,\r\n Name: model.Name,\r\n }, isSmartCampaignOnlyJob && {\r\n IsSmartCampaignOnly: model.IsSmartCampaignOnly,\r\n }, model.IsEscImport && {\r\n IsEscImport: model.IsEscImport,\r\n }, isPmaxRecommendationJob && {\r\n DefaultImportSettings: model.DefaultImportSettings, // pass default import settings for MT to generate customized preferences\r\n }));\r\n } catch (err) {\r\n logException(err);\r\n throw err;\r\n }\r\n\r\n body = _.extend(body, {\r\n State: 'Active',\r\n NotificationType: 'None',\r\n });\r\n\r\n if (model.ImportUserPreference) {\r\n body = _.extend(body, {\r\n ImportUserPreference: model.ImportUserPreference,\r\n ImportUserPreferences: undefined,\r\n });\r\n }\r\n\r\n this.triggerRunNowImportTask(body, model.Id);\r\n }\r\n\r\n runMultiAccountImportNowInternal(model, sessionId) {\r\n let body;\r\n\r\n try {\r\n body = createImportTaskItemHelper.prepareMultiAccountGoogleImport({\r\n importUserPreference: model.ImportUserPreference,\r\n importTaskItemList: model.ImportTaskItemList,\r\n notificationType: model.NotificationType,\r\n timeZoneId: model.TimeZoneId,\r\n loginCustomerId: model.ImportTaskItemList[0].AdWordsImportContext.LoginCustomerId,\r\n sessionId,\r\n });\r\n } catch (err) {\r\n logException(err);\r\n throw err;\r\n }\r\n\r\n body = _.extend(body, {\r\n State: 'Active',\r\n NotificationType: 'None',\r\n });\r\n\r\n this.triggerRunNowImportTask(body, model.Id);\r\n }\r\n\r\n triggerRunNowImportTask(body, originalTaskId) {\r\n this.grid.gridView.trigger('willUpdate');\r\n this.createRunNowImport({\r\n body,\r\n isMultiAccount: this.isMultiAccount,\r\n })\r\n .then((data) => {\r\n instrumentation.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n 'disable cache for campaign grid after runnow');\r\n cacheManager.invalidate('Campaign');\r\n\r\n const taskItemExecutionId = data.TaskItemExecutions[0].Id;\r\n\r\n instrumentation.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n `successfuly trigger a run now import with task execution id: ${taskItemExecutionId}, original task id: ${originalTaskId}`);\r\n return promisifyStartPollingUntilImportStarted({\r\n taskItemExecutionId,\r\n showLoadingIcon: false,\r\n isMultiAccount: this.isMultiAccount,\r\n });\r\n })\r\n .then(() => {\r\n instrumentation.logMessage([constants.LOGCATEGORY.TRACE], constants.LOGLEVEL.INFO, '/campaign/importcampaign',\r\n 'successfuly start the run now import');\r\n this.grid.gridView.refresh(true);\r\n this.trigger('didRunNowImport');\r\n })\r\n .catch((err) => {\r\n this.handleGridErrors(err);\r\n })\r\n .finally(withUiBlock(this.grid.gridView.$el));\r\n }\r\n\r\n handleGridErrors(err) {\r\n this.grid.gridView.trigger('didUpdate');\r\n logException(err);\r\n let msg = i18n.get('GenericErrorMessage');\r\n\r\n if (_.propertyOf(_.first(err.errors))('Code') === 'TaskThrottlingLimitReached') {\r\n msg = i18n.get('Error_Import_ActiveImportLimit');\r\n }\r\n showError(msg);\r\n }\r\n\r\n remove(...args) {\r\n this.grid.gridView.remove();\r\n if (!this.isForVNext) {\r\n this.grid.toolbar.remove();\r\n }\r\n this.grid.pagination.remove();\r\n super.remove(...args);\r\n }\r\n}\r\n","import _ from 'underscore';\r\n\r\nimport { getImportScheduleDataSourceConfig, createRunNowImport, createUpdateStatusView } from './import-schedule-grid-data-source';\r\nimport ImportScheduleGridBase from './import-schedule-grid-base';\r\n\r\nexport default class View extends ImportScheduleGridBase {\r\n constructor(options = {}) {\r\n super(_.defaults(options, {\r\n getDataSourceConfig: getImportScheduleDataSourceConfig,\r\n createRunNowImport,\r\n createUpdateStatusView,\r\n }));\r\n }\r\n}\r\n","import Promise from 'bluebird';\r\nimport odata from '@bingads-webui-component-legacy/http/channel/odata';\r\n\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport dateUtil from '@bingads-webui-component-legacy/humanize/date';\r\n\r\nexport const getBlobUploadUrl = async ({ fileExtension = 'csv' }) => {\r\n const odataOptions = {\r\n cacheResponse: false,\r\n url: `/BulkUploadFiles/GetBlobUploadUrl(CustomerId=:customer_id,BulkFileType=21,FileExtension=${fileExtension})`,\r\n };\r\n\r\n const res = await odata.get(odataOptions);\r\n\r\n return res;\r\n};\r\n\r\nasync function postTask({\r\n BlobName, fileName, TaskType, SasUrl, UploadDateTime = null,\r\n}) {\r\n const permissions = config.get('Permissions') || {};\r\n const testTypeSuffix = permissions.IsUseImportTestTypeForImportTaskExecutionEnabled ? 'Test' : '';\r\n\r\n const odataOptions = {\r\n cacheResponse: false,\r\n url: '/Customers(:customer_id)/TaskItems?$expand=TaskItemExecutions',\r\n data: {\r\n '@odata.type': '#Model.ImportPreferenceBulkUpdateTaskItem',\r\n Name: `ImportPreferenceBulkUpdate-${dateUtil.format(new Date(), 'yyyy-MM-dd')}`,\r\n Type: `ImportPreferenceBulkUpdate${testTypeSuffix}`,\r\n Cron: '',\r\n FileIdentifier: BlobName,\r\n SasUrl,\r\n TaskType,\r\n UploadedFileName: fileName,\r\n UploadDateTime,\r\n },\r\n };\r\n\r\n const res = await odata.post(odataOptions);\r\n\r\n return res;\r\n}\r\n\r\nexport const postPreviewTask = async ({ BlobName, fileName, SasUrl }) => {\r\n const res = await postTask({\r\n BlobName, fileName, TaskType: 'Preview', SasUrl,\r\n });\r\n\r\n return res;\r\n};\r\n\r\nexport const postCommitTask = async ({\r\n BlobName, fileName, UploadDateTime, SasUrl,\r\n}) => {\r\n const res = await postTask({\r\n BlobName, fileName, TaskType: 'Commit', SasUrl, UploadDateTime,\r\n });\r\n\r\n return res;\r\n};\r\n\r\nexport const pollExecutionResult = ({ id }) => {\r\n const odataOptions = {\r\n cacheResponse: false,\r\n url: `/Customers(:customer_id)/TaskItemExecutions(${id})`,\r\n };\r\n\r\n return new Promise((resolve) => {\r\n const timer = setInterval(() => {\r\n odata.get(odataOptions).then((res) => {\r\n if (res.Status === 'Completed' || res.Status === 'Failed') {\r\n clearInterval(timer);\r\n resolve(res);\r\n }\r\n });\r\n }, 5000);\r\n });\r\n};\r\n","\r\nexport const PREFERENCE_UPLOAD_STATUS = {\r\n NotStart: 1,\r\n Upload: 2,\r\n Preview: 3,\r\n Apply: 4,\r\n Previewed: 5,\r\n Applied: 6,\r\n Error: 7,\r\n};\r\n","// TODO: confirm with MT and PM about the error messages\r\nexport const PREFERENCE_UPLOAD_ERROR_MAP = {\r\n InvalidImportPreferenceBulkUpdateTaskType: 'Import_PreferenceUpload_Invalid_Task_Type',\r\n ImportPreferenceBulkUpdateUploadFileSizeExceeded: 'Import_PreferenceUpload_Upload_File_Size_Exceeded',\r\n ImportPreferenceBulkUpdateBlobDownloadError: 'Import_PreferenceUpload_Blob_Download_Error',\r\n ImportPreferenceBulkUpdateBlobUploadError: 'Import_PreferenceUpload_Blob_Upload_Error',\r\n ImportPreferenceBulkUpdateFileFormatInvalid: 'Import_PreferenceUpload_File_Format_Invalid',\r\n ImportPreferenceBulkUpdateFileIsEmpty: 'Import_PreferenceUpload_File_Is_Empty',\r\n ImportPreferenceBulkUpdateFileMissingHeaderRow: 'Import_PreferenceUpload_File_Missing_HeaderRow',\r\n ImportPreferenceBulkUpdateColumnTaskIdNotFound: 'Import_PreferenceUpload_Column_Task_Id_Not_Found',\r\n ImportPreferenceBulkUpdateColumnAccountIdNotFound: 'Import_PreferenceUpload_Column_Account_Id_Not_Found',\r\n ImportPreferenceBulkUpdateColumnPreferenceNotFound: 'Import_PreferenceUpload_Column_Preference_Not_Found',\r\n ImportPreferenceBulkUpdateColumnImportTypeNotFound: 'Import_PreferenceUpload_Column_Import_Type_Not_Found',\r\n ImportPreferenceBulkUpdateParseFailedInvalidValuesInDataRows: 'Import_PreferenceUpload_Parse_Failed_Invalid_Values_In_DataRows',\r\n};\r\n","/* eslint-disable no-unused-vars */\r\nimport _ from 'underscore';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { ProgressIndicator } from '@fluentui/react/lib/ProgressIndicator';\r\nimport { FilePayload } from '@bingads-webui/azure-upload';\r\nimport { DeterministicView } from '@bingads-webui/deterministic-view';\r\nimport { iframeDownload } from '@bingads-webui/download-service';\r\nimport { FilePicker } from '@bingads-webui/file-picker';\r\nimport { PerfMarkerFactory } from '@bingads-webui/performance-marker';\r\nimport UploadService from '@bingads-webui-component-legacy/azure-upload/index';\r\nimport { getBlobUploadUrl, postPreviewTask, postCommitTask, pollExecutionResult } from '@bingads-webui-campaign-legacy/scheduled-import/service/preference-upload-api';\r\n\r\nimport preferenceUploadTemplate from '../template/preference-upload.pug';\r\nimport { PREFERENCE_UPLOAD_STATUS } from './preference-upload-status';\r\nimport { PREFERENCE_UPLOAD_ERROR_MAP } from './preference-upload-error-maps';\r\n\r\nexport class PreferenceUploadView extends DeterministicView {\r\n initialize({\r\n i18n,\r\n publicPath,\r\n logTrace,\r\n perfMarker,\r\n }) {\r\n this.i18n = i18n;\r\n this.publicPath = publicPath;\r\n this.logTrace = logTrace;\r\n this.perfMarker = perfMarker;\r\n if (this.perfMarker) {\r\n this.renderPerfMarker = this.perfMarker.createChild('Import_Preference_Upload_First_Render');\r\n this.renderPerfMarker.willInit();\r\n }\r\n this.FilePicker = FilePicker;\r\n this.title = i18n.getString('Import_PreferenceUpload_Title');\r\n this.description = i18n.getString('Import_PreferenceUpload_Description');\r\n this.PREFERENCE_UPLOAD_STATUS = PREFERENCE_UPLOAD_STATUS;\r\n this.initFilePicker();\r\n\r\n this.defaultState = {\r\n status: PREFERENCE_UPLOAD_STATUS.NotStart,\r\n isApplyEnabled: false,\r\n hideFilePicker: false,\r\n isPreviewEnabled: false,\r\n uploading: false,\r\n showSummaryGrid: false,\r\n downloadPath: '',\r\n progressPercentage: 0,\r\n errorMessage: null,\r\n };\r\n this.setState(this.defaultState);\r\n this.progressTitle = {\r\n [PREFERENCE_UPLOAD_STATUS.Upload]: this.i18n.getString('Schedule_Import_Preference_Upload_Status_Upload'),\r\n [PREFERENCE_UPLOAD_STATUS.Apply]: this.i18n.getString('Schedule_Import_Preference_Upload_Status_Apply'),\r\n [PREFERENCE_UPLOAD_STATUS.Preview]: this.i18n.getString('Schedule_Import_Preference_Upload_Status_Preview'),\r\n };\r\n }\r\n\r\n clearError() {\r\n this.setState({ errorMessage: null });\r\n }\r\n\r\n initFilePicker() {\r\n this.filePicker = new this.FilePicker({\r\n theme: 'default',\r\n className: 'preference-upload-file-picker',\r\n allowedFileExtensions: ['.csv'],\r\n i18n: this.i18n,\r\n validator: () => {\r\n this.setState({ isPreviewEnabled: true });\r\n this.clearError();\r\n },\r\n displayFilePath: 'filename',\r\n }).render();\r\n this.filePicker.on('error.extension', () => {\r\n this.logTrace('error_in_file_upload', 'Not_Supported_File_Extension');\r\n\r\n this.setState({ isPreviewEnabled: false });\r\n });\r\n this.filePicker.on('cleared', () => {\r\n this.setState({ isPreviewEnabled: false });\r\n this.clearError();\r\n });\r\n }\r\n\r\n get template() {\r\n return preferenceUploadTemplate;\r\n }\r\n\r\n get events() {\r\n return {\r\n 'click .cancel, .close-panel': () => {\r\n this.trigger('cancel');\r\n },\r\n 'click .upload-and-preview': () => this.uploadAndPreview(),\r\n 'click .apply-changes': () => this.apply(),\r\n 'click .helpLink.download-template': 'downloadTemplate',\r\n 'click .download-results': () => this.downloadResults(),\r\n };\r\n }\r\n\r\n // Download sample file\r\n downloadTemplate(event) {\r\n this.logTrace('click', 'Sample_File_Download_Button');\r\n\r\n event.stopPropagation();\r\n event.preventDefault();\r\n const templateUrl = `${this.publicPath}files/templates/Import/ImportPreferenceBulkUpdate_Sample.csv`;\r\n\r\n iframeDownload(templateUrl);\r\n }\r\n\r\n async uploadAndPreview() {\r\n this.logTrace('click', 'Upload_And_Preview_Button');\r\n\r\n if (this.perfMarker) {\r\n this.previewPerfMarker = this.perfMarker.createChild('Import_Preference_Upload_Preview_Fetch_Data');\r\n this.previewPerfMarker.willInit();\r\n this.previewPerfMarker.willFetchData();\r\n }\r\n\r\n // TODO: progress indicator improvement\r\n this.setState({ uploading: true, hideFilePicker: true, progressPercentage: 0, status: PREFERENCE_UPLOAD_STATUS.Upload });\r\n const file = this.filePicker.fileObject;\r\n const fileExtension = new FilePayload({\r\n file,\r\n }).getFileExtension();\r\n\r\n try {\r\n const { SasUrl, BlobName } = await getBlobUploadUrl({ fileExtension });\r\n\r\n const uploadService = new UploadService({\r\n blobSetting: {\r\n SasUrl,\r\n blobName: BlobName,\r\n },\r\n file,\r\n });\r\n\r\n // Uploading\r\n this.logTrace('preview', 'Uploading');\r\n\r\n await uploadService.start();\r\n this.setState({ progressPercentage: 0.2 });\r\n\r\n // Previewing\r\n this.logTrace('preview', 'Previewing');\r\n\r\n this.setState({ status: PREFERENCE_UPLOAD_STATUS.Preview });\r\n const previewTask = await postPreviewTask({ BlobName, fileName: file.name, SasUrl});\r\n\r\n this.setState({ progressPercentage: 0.4});\r\n\r\n // Get preview result\r\n this.logTrace('preview', 'Get_Preview_Task_Result');\r\n\r\n const taskId = previewTask.TaskItemExecutions[0].Id;\r\n let previewResult = await pollExecutionResult({ id: taskId });\r\n\r\n this.setState({ progressPercentage: 1 });\r\n this.onUploadFinish(previewResult, true);\r\n } catch (e) {\r\n this.logTrace('error_in_preview_stage', JSON.stringify(e));\r\n\r\n // TODO: confirm with MT about returned error structure\r\n const state = _.defaults({ errorMessage: this.getErrorMessage() }, this.defaultState);\r\n\r\n this.setState(state);\r\n }\r\n }\r\n\r\n async apply() {\r\n if (this.perfMarker) {\r\n this.applyPerfMarker = this.perfMarker.createChild('Import_Preference_Upload_Apply_Fetch_Data');\r\n this.applyPerfMarker.willInit();\r\n this.applyPerfMarker.willFetchData();\r\n }\r\n\r\n this.logTrace('click', 'Apply_Button');\r\n\r\n this.setState({ progressPercentage: 0, uploading: true });\r\n this.clearError();\r\n\r\n const { commitTaskSasUrl, BlobName, fileName, UploadDateTime } = this.getState();\r\n\r\n this.setState({ status: PREFERENCE_UPLOAD_STATUS.Apply });\r\n\r\n try {\r\n // Processing\r\n this.logTrace('apply', 'Processing');\r\n\r\n const commitTask = await postCommitTask({ BlobName, fileName, SasUrl: commitTaskSasUrl, UploadDateTime });\r\n\r\n this.setState({ progressPercentage: 0.4});\r\n\r\n // Get apply result\r\n this.logTrace('apply', 'Get_Apply_Task_Result');\r\n\r\n const taskId = commitTask.TaskItemExecutions[0].Id;\r\n let commitResult = await pollExecutionResult({ id: taskId });\r\n\r\n this.setState({ progressPercentage: 1 });\r\n this.onUploadFinish(commitResult, false);\r\n } catch (e) {\r\n this.logTrace('error_in_apply_stage', JSON.stringify(e));\r\n\r\n // TODO: confirm with MT about returned error structure\r\n const state = _.defaults({ errorMessage: this.getErrorMessage() }, this.defaultState);\r\n\r\n this.setState(state);\r\n }\r\n }\r\n\r\n\r\n onUploadFinish(res, isPreview) {\r\n if (this.previewPerfMarker) {\r\n this.previewPerfMarker.done();\r\n }\r\n\r\n if (this.applyPerfMarker) {\r\n this.applyPerfMarker.done();\r\n }\r\n\r\n const status = isPreview ? PREFERENCE_UPLOAD_STATUS.Previewed : PREFERENCE_UPLOAD_STATUS.Applied;\r\n const state = {\r\n successCount: res.SuccessCount,\r\n errorCount: res.ErrorCount,\r\n status,\r\n showSummaryGrid: true,\r\n downloadPath: res.OutputFileSasURL || '',\r\n uploading: false,\r\n };\r\n const logStage = isPreview ? 'preview' : 'apply';\r\n\r\n this.logTrace(`${logStage}`, `Success_Count:${state.successCount},Error_Count:${state.errorCount}`);\r\n\r\n if (res.Errors && res.Errors.length) {\r\n this.logTrace(`error_in_${logStage}_result`, `${res.Errors[0].Code}`);\r\n\r\n // TODO: confirm with MT about if it may return multiple error codes\r\n _.extend(state, {\r\n errorMessage: this.getErrorMessage(res.Errors[0].Code),\r\n });\r\n }\r\n\r\n if (isPreview) {\r\n _.extend(state, {\r\n isApplyEnabled: res.SuccessCount > 0,\r\n BlobName: res.FileIdentifier,\r\n fileName: res.InputFileName,\r\n commitTaskSasUrl: res.OutputFileSasURL,\r\n UploadDateTime: res.UploadDateTime,\r\n });\r\n }\r\n\r\n this.setState(state);\r\n }\r\n\r\n downloadResults() {\r\n this.logTrace('click', 'Download_Results_File_Button');\r\n\r\n const { downloadPath } = this.getState();\r\n\r\n iframeDownload(downloadPath);\r\n }\r\n\r\n getErrorMessage(err) {\r\n // don't show warning level error messages since it may be confused for customer\r\n if (err === 'ImportPreferenceBulkUpdateSmartImportWillChangeToExpertImport') {\r\n return null;\r\n }\r\n\r\n if (PREFERENCE_UPLOAD_ERROR_MAP[err] !== undefined) {\r\n return this.i18n.getString(PREFERENCE_UPLOAD_ERROR_MAP[err]);\r\n }\r\n\r\n // Default error\r\n return this.i18n.getString('Import_PreferenceUpload_Error_RequestFailed');\r\n }\r\n\r\n renderTrunk() {\r\n if (this.renderPerfMarker) {\r\n this.renderPerfMarker.willRender();\r\n }\r\n\r\n super.renderTrunk();\r\n\r\n this.$('.preference-upload-file-picker-placeholder').html(this.filePicker.$el);\r\n\r\n const { progressPercentage, status, uploading } = this.getState();\r\n\r\n if (uploading) {\r\n ReactDOM.render(\r\n
, this.$('.progress-container').get(0));\r\n }\r\n\r\n if (this.renderPerfMarker) {\r\n this.renderPerfMarker.done();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n remove() {\r\n ReactDOM.unmountComponentAtNode(this.el);\r\n return super.remove();\r\n }\r\n}\r\n","import _ from 'underscore';\r\n\r\nimport timeZoneMapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport dateUtil from '@bingads-webui-component-legacy/humanize/date';\r\nimport adSchedulingOptions from '@bingads-webui-campaign-legacy/adextension-shared/viewmodel/adSchedulingOptions';\r\nimport freqColumnTmpl from '@bingads-webui-campaign-legacy/scheduled-import/template/freq-column.pug';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\n\r\nconst i18nGlobal = window.globalLegacyI18n.get('component/i18n/loader!legacy/global');\r\n\r\nlet dayMapper = function(dayOfTheWeek) {\r\n let arr = [\r\n i18nGlobal.getString('DayOfWeek_Sunday'),\r\n i18nGlobal.getString('DayOfWeek_Monday'),\r\n i18nGlobal.getString('DayOfWeek_Tuesday'),\r\n i18nGlobal.getString('DayOfWeek_Wednesday'),\r\n i18nGlobal.getString('DayOfWeek_Thursday'),\r\n i18nGlobal.getString('DayOfWeek_Friday'),\r\n i18nGlobal.getString('DayOfWeek_Saturday'),\r\n ];\r\n\r\n return arr[parseInt(dayOfTheWeek)];\r\n};\r\n\r\nlet hourMapper = function(hourString) {\r\n let hour = parseInt(hourString);\r\n let hourObj = _.find(adSchedulingOptions.fromHourOptions, (obj) => obj.val === hour);\r\n\r\n return hourObj && hourObj.twelveHourDisplay ? hourObj.twelveHourDisplay : null;\r\n};\r\n\r\nlet frequencyMapper = function(cron, i18n) {\r\n if (cron && cron.split && cron !== '') {\r\n let arr = cron.split(' ');\r\n\r\n if (arr.length === 6) {\r\n const numOfBlank = _.reduce(arr, (memo, char) => {\r\n return memo + (char === '*' ? 1 : 0);\r\n }, 0);\r\n\r\n if (numOfBlank === 1) {\r\n return i18n.getString('Scheduled_Import_OnceTemplate')\r\n .replace('{0}', i18n.getString('AutomatedRules_FrequencyGrain_Once'))\r\n .replace('{1}', dateUtil.format(new Date(`${arr[3]}/${arr[2]}/${arr[5]}`), 'MM/d/yyyy', config.get('culture')))\r\n .replace('{2}', hourMapper(arr[1]));\r\n }\r\n if (arr[2] !== '*') {\r\n return i18n.getString('AutomatedRules_Frequency_MonthlyTemplate')\r\n .replace('{0}', i18n.getString('AutomatedRules_FrequencyGrain_Monthly'))\r\n .replace('{1}', arr[2])\r\n .replace('{2}', hourMapper(arr[1]));\r\n }\r\n if (arr[4] !== '*') {\r\n return i18n.getString('AutomatedRules_Frequency_WeeklyTemplate')\r\n .replace('{0}', i18n.getString('AutomatedRules_FrequencyGrain_Weekly'))\r\n .replace('{1}', dayMapper(arr[4]))\r\n .replace('{2}', hourMapper(arr[1]));\r\n }\r\n return i18n.getString('AutomatedRules_Frequency_DailyTemplate')\r\n .replace('{0}', i18n.getString('AutomatedRules_FrequencyGrain_Daily'))\r\n .replace('{1}', hourMapper(arr[1]));\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nexport function importFreqColDataToTemplate({\r\n IsAutoFrequency: isAuto,\r\n TimeZoneId,\r\n Cron: frequency,\r\n}, i18n) {\r\n if (!_.isNumber(TimeZoneId)) {\r\n // eslint-disable-next-line no-param-reassign\r\n TimeZoneId = config.get('AccountTimeZone');\r\n }\r\n\r\n let result = _.find(timeZoneMapper.getTimeZoneOptions(), (obj) => obj.index === TimeZoneId.toString());\r\n\r\n return freqColumnTmpl({\r\n i18n,\r\n isAuto,\r\n Freq: frequencyMapper(frequency, i18n),\r\n TimeZone: result ? result.text : null,\r\n });\r\n}\r\n","import _ from 'underscore';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport jsdata from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport timezonemapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport edmCampaign from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport { queryify } from '@bingads-webui/url-util';\r\nimport { defaultBidForShoppingCampaign } from '@bingads-webui-campaign-legacy/budget/shared/defaultBid';\r\nimport * as i18nErrors from '@bingads-webui-component-legacy/api-errors-campaign/index';\r\n\r\nexport function getProductData(shouldShowPlaceholderStoreIfExists = false) {\r\n let url = queryify('/Campaign/NewCampaign/GetProductScope', {\r\n aid: state.get('account_id'),\r\n cid: state.get('customer_id'),\r\n uid: state.get('user_id'),\r\n });\r\n\r\n if (shouldShowPlaceholderStoreIfExists) {\r\n url = `${url}&storeTypes=placeholder`;\r\n }\r\n\r\n const params = {\r\n url,\r\n adapter: 'legacy',\r\n // We shouldn't cache the response when showing placeholder stores.\r\n // If we do, there will be a bug when the user goes from campaign settings to creation.\r\n // The bug will be that the user sees draft stores in campaign creation since it reads from cache.\r\n bypassCache: shouldShowPlaceholderStoreIfExists,\r\n cacheResponse: !shouldShowPlaceholderStoreIfExists,\r\n };\r\n\r\n return jsdata.Product.find('MetaData', params).then((productData) => {\r\n // need to filter out all coop stores.\r\n return _.extend({}, productData, {\r\n ProductCollectionAccounts: productData.ProductCollectionAccounts.filter((item) => !item.IsCoOpStore && !item.IsGlobalStore),\r\n });\r\n });\r\n}\r\n\r\n\r\nconst defaultAdGroupName = 'Ad group #1';\r\n\r\nfunction getAdGroup({ campaignName, adgroupId, campaignId, startDate, endDate }) {\r\n const adgroup = {\r\n Campaign: {\r\n Id: campaignId,\r\n },\r\n Id: adgroupId,\r\n SearchBid: adgroupId == null ? 1 /* defaultBidForShoppingCampaign() */ : null, //FIXME: defaultBidForShoppingCampaign returns `undefined` for not mapped currencies and breaks SSC creation\r\n CampaignName: campaignName,\r\n Name: defaultAdGroupName,\r\n Status: 'Active',\r\n StartDate: startDate,\r\n EndDate: endDate,\r\n };\r\n\r\n return adgroup;\r\n}\r\n\r\nfunction getAd(campaignName) {\r\n const productAd = {\r\n CampaignName: campaignName,\r\n AdGroupName: defaultAdGroupName,\r\n PromotionalText: '',\r\n };\r\n\r\n return productAd;\r\n}\r\n\r\nfunction getProductPartition(campaignName) {\r\n return {\r\n // bid amount is a mandatory field in MT API, so here we need to set a default bid amount.\r\n // this value is useless for downstream as smart shopping campaign is auto bidding.\r\n BidAmount: 1, // defaultBidForShoppingCampaign(), //FIXME: defaultBidForShoppingCampaign returns `undefined` for not mapped currencies and breaks SSC creation\r\n ProductCondition: 'All',\r\n ProductValue: '',\r\n CampaignName: campaignName,\r\n AdGroupName: defaultAdGroupName,\r\n IsExcluded: false,\r\n IsLeaf: 'Unit',\r\n Status: 'Paused',\r\n };\r\n}\r\n\r\nfunction formatCriterions(campaignTargetingModel, campaignName) {\r\n let dayTimeCriterions = [];\r\n\r\n if (campaignTargetingModel.adScheduleModel) {\r\n dayTimeCriterions = campaignTargetingModel.adScheduleModel.dayTimeRanges;\r\n }\r\n let locationCriterions = [];\r\n let deletedLocationCriterions = [];\r\n\r\n if (campaignTargetingModel.locationTargets) {\r\n locationCriterions = campaignTargetingModel.locationTargets.locations;\r\n deletedLocationCriterions = campaignTargetingModel.locationTargets.deletedLocations;\r\n }\r\n let result = dayTimeCriterions;\r\n\r\n result = result.concat(locationCriterions).concat(deletedLocationCriterions).map((criterion) => {\r\n return _.extend({}, criterion, { CampaignName: campaignName });\r\n });\r\n return result.sort((__, b) => {\r\n if (b.Status === 'Delete') {\r\n return 1;\r\n }\r\n return -1;\r\n });\r\n}\r\n\r\nexport function bulkUpsertSmartShoppingCampaign({\r\n model,\r\n campaignId = null,\r\n adgroupId = null,\r\n}) {\r\n const timeZone = timezonemapper.getAccountTimeZone();\r\n const { adScheduleUseSearcherTimeZone } = model.campaignTargeting.adScheduleModel;\r\n const campaignName = model.campaignSetting.Name;\r\n const criterions = formatCriterions(model.campaignTargeting, campaignName);\r\n const startDate = model.campaignTargeting && model.campaignTargeting.adScheduleModel ?\r\n model.campaignTargeting.adScheduleModel.startDate : null;\r\n const endDate = model.campaignTargeting && model.campaignTargeting.adScheduleModel ?\r\n model.campaignTargeting.adScheduleModel.endDate : null;\r\n\r\n let shoppingSettingModel = { ...model.shoppingSetting };\r\n\r\n // Pick fields for feed label\r\n if (shoppingSettingModel.FeedLabel && shoppingSettingModel.FeedLabel.length > 0) {\r\n shoppingSettingModel = _.omit(shoppingSettingModel, 'SalesCountry');\r\n } else if (shoppingSettingModel.SalesCountry) {\r\n shoppingSettingModel = _.omit(shoppingSettingModel, 'FeedLabel');\r\n } else {\r\n shoppingSettingModel = _.omit(shoppingSettingModel, ['FeedLabel', 'SalesCountry']);\r\n }\r\n\r\n let smartShoppingModel = _.extend({}, model.campaignSetting, shoppingSettingModel, {\r\n AdScheduleUseSearcherTimeZone: adScheduleUseSearcherTimeZone,\r\n CampaignCriterions: criterions,\r\n TimeZone: timeZone,\r\n CampaignType: 'Shopping',\r\n CampaignSubType: 'ShoppingSmartAds',\r\n Priority: 'Highest',\r\n Languages: ['All'],\r\n });\r\n\r\n smartShoppingModel = _.omit(smartShoppingModel, ['BudgetId']);\r\n const adgroupToCreate = getAdGroup({ campaignName, adgroupId, campaignId, startDate, endDate });\r\n\r\n smartShoppingModel = _.extend({}, smartShoppingModel, {\r\n AdGroups: [adgroupToCreate],\r\n ProductAds: [getAd(campaignName)],\r\n ProductPartitions: [getProductPartition(campaignName)],\r\n Id: campaignId,\r\n });\r\n // if adgroup is created, no need to update default product ad and product group.\r\n if (adgroupId != null) {\r\n smartShoppingModel = _.omit(smartShoppingModel, ['ProductAds', 'ProductPartitions']);\r\n }\r\n\r\n return jsdata.ShoppingCampaign.create(smartShoppingModel, {\r\n adapter: 'bulk',\r\n cacheResponse: false,\r\n }).then((data) => {\r\n const result = {\r\n campaignId: data.Id,\r\n adgroupId: data.AdGroups && data.AdGroups.length ? data.AdGroups[0].Id : '',\r\n createdCampaign: data,\r\n campaignName: data.Name,\r\n };\r\n\r\n return result;\r\n }).catch((response) => {\r\n i18nErrors.getPartial(response, ['AdGroups', 'CampaignProductScope', 'CampaignCriterions'], 'newcampaign');\r\n throw response;\r\n });\r\n}\r\n\r\nexport function bulkUpdateSmartShoppingCampaign({ campaignId, model }) {\r\n const { adScheduleUseSearcherTimeZone } = model.adScheduleModel || {};\r\n let formatModel = _.omit(_.extend({}, model, {\r\n CampaignType: 'Shopping',\r\n CampaignSubType: 'ShoppingSmartAds',\r\n Priority: 'Highest',\r\n Languages: ['All'],\r\n Id: campaignId,\r\n AdScheduleUseSearcherTimeZone: adScheduleUseSearcherTimeZone,\r\n }), ['locationTargets', 'adScheduleModel']);\r\n // must use the campaign name after modified. or the bulk upsert API will return criterion error.\r\n const criterions = formatCriterions(model, formatModel.Name);\r\n\r\n formatModel.CampaignCriterions = criterions;\r\n\r\n // Pick fields for feed label\r\n if (formatModel.FeedLabel && formatModel.FeedLabel.length > 0) {\r\n formatModel.SalesCountry = 'delete_value';\r\n } else if (formatModel.SalesCountry) {\r\n formatModel.FeedLabel = 'delete_value';\r\n } else {\r\n formatModel.SalesCountry = 'delete_value';\r\n formatModel.FeedLabel = 'delete_value';\r\n }\r\n\r\n return jsdata.ShoppingCampaign.create(formatModel, {\r\n adapter: 'bulk',\r\n cacheResponse: false,\r\n }).catch((response) => {\r\n i18nErrors.getPartial(response, ['AdGroups', 'CampaignProductScope', 'CampaignCriterions'], 'newcampaign');\r\n throw response;\r\n });\r\n}\r\n\r\nexport function getCampaign(campaignId) {\r\n const params = {\r\n queryParameters: {\r\n entitySet: edmCampaign.currentAccount.Campaigns,\r\n expand: ['Budget', 'CampaignConversionGoal/Goals'],\r\n },\r\n bypassCache: true,\r\n };\r\n\r\n return jsdata.Campaign.find(campaignId, params);\r\n}\r\n\r\nexport function createAdGroupWithDefaulSettings(campaign) {\r\n return jsdata.AdGroup\r\n .create({\r\n Name: defaultAdGroupName,\r\n Campaign: {\r\n Id: campaign.Id,\r\n },\r\n SearchBid: defaultBidForShoppingCampaign(),\r\n Status: 'Active',\r\n ProductAds: [\r\n {\r\n CampaignName: campaign.Name ? campaign.Name : campaign.name,\r\n AdGroupName: defaultAdGroupName,\r\n PromotionalText: '',\r\n },\r\n ],\r\n }, { adapter: 'bulk', cacheResponse: false });\r\n}\r\n","import Backbone from 'backbone';\r\nimport _ from 'underscore';\r\nimport template from '@bingads-webui-campaign-legacy/shopping-campaign/template/campaign-creation/smart-shopping-campaign-creation.pug';\r\nimport CampaignSettingsView from '@bingads-webui-campaign-legacy/crud-campaign/view/create';\r\nimport ShoppingSettingsView from '@bingads-webui-campaign-legacy/shopping-campaign/view/campaign-creation/shopping-settings';\r\nimport CampaignTargetingView from '@bingads-webui-campaign-legacy/campaign-targeting/view/campaign-targeting';\r\nimport summaryDataContextManager from '@bingads-webui-static-legacy/summary/SummaryDataContextManager';\r\nimport pageContext from '@bingads-webui-static-legacy/page-context';\r\nimport * as scrollUtil from '@bingads-webui-component-legacy/extension/scrollTo';\r\n// eslint-disable-next-line\r\nimport _bingads_webui_component_legacy_legacy_router_index from '@bingads-webui-component-legacy/legacy-router/index';\r\n// eslint-disable-next-line\r\nconst router = _bingads_webui_component_legacy_legacy_router_index.legacyRouter;\r\nimport ModalManager from '@bingads-webui-component-legacy/dialog/modalManager';\r\nimport * as i18nError from '@bingads-webui-component-legacy/api-errors-campaign/index';\r\nimport * as gmcToMMCGridDeps from '@bingads-webui-campaign-react/gmc-to-mmc-mapping-grid-shared';\r\n\r\nconst isBSCSmartImportEnabled = pageContext && pageContext.Permissions && pageContext.Permissions.IsBSCSmartImportEnabled;\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/shopping-campaign');\r\n\r\nconst modalManager = new ModalManager(i18n.get('Browser_Reload_AlertMessage'));\r\n\r\nexport default class View extends Backbone.View {\r\n initialize({\r\n deps,\r\n }) {\r\n this.deps = deps;\r\n this.template = template;\r\n this.campaignSettingsView = null;\r\n this.shoppingSettingsView = null;\r\n this.campaignTargetingView = null;\r\n this.cachedModel = {\r\n campaignSettings: {},\r\n shoppingSettings: {},\r\n campaignTargeting: {\r\n locationTargets: {},\r\n adScheduleModel: {},\r\n },\r\n };\r\n this.navigateToRoute = router.navigateToRoute;\r\n this.campaignId = null;\r\n this.adgroupId = null;\r\n this.campaignName = null;\r\n\r\n this.initModalManager();\r\n }\r\n\r\n initModalManager() {\r\n modalManager.on();\r\n\r\n window.App && window.App.router_new.on('route', () => { // eslint-disable-line\r\n if (modalManager.active) {\r\n modalManager.off();\r\n }\r\n });\r\n }\r\n\r\n renderSubViews(productData, editMode, campaignInfo) {\r\n this.campaignSettingsPlaceholder = this.$el.find('.campaign-settings');\r\n this.shoppingSettingsPlaceholder = this.$el.find('.shopping-settings');\r\n this.campaignTargetingPlaceholder = this.$el.find('.campaign-targeting');\r\n\r\n // init campaign settings\r\n this.campaignSettingsView = this.renderCampaignSettingsView();\r\n this.campaignSettingsPlaceholder.empty().append(this.campaignSettingsView.$el);\r\n // init shopping settings\r\n this.shoppingSettingsView = this.renderShoppingSettingsView(productData, editMode);\r\n this.shoppingSettingsPlaceholder.empty().append(this.shoppingSettingsView.$el);\r\n // init campaign targeting\r\n this.campaignTargetingView = this.renderCampaignTargetingView(editMode, campaignInfo);\r\n this.campaignTargetingPlaceholder.empty().append(this.campaignTargetingView.$el);\r\n }\r\n\r\n renderCampaignSettingsView() {\r\n return new CampaignSettingsView(_.extend({\r\n scenario: 'smart-shopping-campaign-creation-workflow',\r\n showLanguage: false,\r\n campaignType: 'shopping',\r\n campaignSubType: 'ShoppingSmartAds',\r\n Id: this.campaignId,\r\n isNotAudienceCampaign: true,\r\n }, this.cachedModel.campaignSettings)).render();\r\n }\r\n\r\n renderShoppingSettingsView(productData, editMode = false) {\r\n return new ShoppingSettingsView({\r\n data: productData,\r\n campaignType: 'Shopping',\r\n campaignSubType: 'ShoppingSmartAds',\r\n model: this.cachedModel.shoppingSettings,\r\n editMode,\r\n // For BSC Import, we will show some information if the smart shopping campaign has a placeholder store associated to it\r\n shouldShowPlaceholderStoreIfExists: isBSCSmartImportEnabled && editMode,\r\n deps: {\r\n gmcToMMCGridDeps,\r\n i18nNewDesign: this.deps.i18nNewDesign,\r\n },\r\n }).render();\r\n }\r\n\r\n renderCampaignTargetingView(editMode, campaignInfo = {}) {\r\n const { AdScheduleUseSearcherTimeZone: adScheduleUseSearcherTimeZone } = campaignInfo;\r\n\r\n this.cachedModel.campaignTargeting.adScheduleModel.adScheduleUseSearcherTimeZone = adScheduleUseSearcherTimeZone;\r\n return new CampaignTargetingView({\r\n deps: {\r\n eventDelegator: this.deps.eventDelegator,\r\n },\r\n model: this.cachedModel.campaignTargeting,\r\n campaignId: this.campaignId,\r\n adgroupId: this.adgroupId,\r\n showDateSettings: !editMode,\r\n }).render();\r\n }\r\n\r\n navigateToCampaignSummaryPage(isEditMode) {\r\n modalManager.off();\r\n const { campaignId, campaignName } = this;\r\n\r\n if (campaignId) {\r\n if (isEditMode) {\r\n // eslint-disable-next-line camelcase\r\n this.navigateToRoute('campaign_adgroup', { campaign_id: campaignId });\r\n } else {\r\n this.navigateToRoute('campaign');\r\n }\r\n\r\n summaryDataContextManager.getContext('/campaign/NewCampaign/Create?');\r\n if (this.deps.eventDelegator) {\r\n this.deps.eventDelegator.trigger(\r\n isEditMode ? 'campaignUpdated' : 'campaignCreated', {\r\n data: [{\r\n Id: Number(campaignId),\r\n Name: campaignName,\r\n AccountId: pageContext.CurrentAccount.Id,\r\n CampaignType: 2,\r\n CampaignSubType: 12,\r\n }]});\r\n }\r\n } else {\r\n this.navigateToRoute('campaign');\r\n }\r\n }\r\n\r\n refreshCampaignTargetingView() {\r\n this.campaignTargetingView.remove();\r\n this.campaignTargetingView = this.renderCampaignTargetingView();\r\n this.campaignTargetingPlaceholder.empty().append(this.campaignTargetingView.el);\r\n }\r\n\r\n handleApiErrors(response) {\r\n if (!response || response === 'exclusion error') {\r\n return null;\r\n }\r\n\r\n const errors = _.chain(response.errors).map((error) => error.Error).uniq().value();\r\n\r\n if (response.entity && response.entity.Id) {\r\n //the campaign is saved to server\r\n this.campaignId = response.entity.Id;\r\n this.campaignSettingsView.ko_model.Id(response.entity.Id); // eslint-disable-line\r\n }\r\n\r\n let campaignErrors = _.reject(response.entity.errors, (error) => {\r\n return _.contains(['TrackingUrlTemplate', 'UrlCustomParameters'], error.property);\r\n });\r\n\r\n if (campaignErrors.length) {\r\n this.campaignSettingsView.handleApiErrors(campaignErrors);\r\n } else {\r\n const bulkApiErrors = i18nError.getBulkApiErrors(response.errors);\r\n const errMsg = bulkApiErrors && bulkApiErrors[0] && bulkApiErrors[0].message ?\r\n bulkApiErrors[0].message : document.querySelector('#internalErrorMsg').value;\r\n\r\n window.App.views.alertCenter.showError(errMsg);\r\n }\r\n\r\n return errors;\r\n }\r\n\r\n getValue() {\r\n const campaignSetting = this.campaignSettingsView.getData();\r\n const shoppingSetting = this.shoppingSettingsView.viewModel.toObject();\r\n const campaignTargeting = this.campaignTargetingView.getValue();\r\n\r\n if (campaignSetting && shoppingSetting && campaignTargeting) {\r\n const model = {\r\n campaignSetting,\r\n shoppingSetting,\r\n campaignTargeting,\r\n };\r\n\r\n return model;\r\n }\r\n return false;\r\n }\r\n\r\n scrollToErrors() {\r\n let errors = this.$('.error, .is-error')\r\n .filter(':visible');\r\n\r\n errors = errors.filter((index) => {\r\n const err = errors.eq(index);\r\n\r\n return err.text() !== '';\r\n });\r\n\r\n scrollUtil.scrollAndCenter(errors);\r\n }\r\n\r\n remove() {\r\n if (this.campaignSettingsView) {\r\n this.campaignSettingsView.remove();\r\n }\r\n if (this.campaignTargetingView) {\r\n this.campaignTargetingView.remove();\r\n }\r\n if (this.shoppingSettingsView) {\r\n this.shoppingSettingsView.remove();\r\n }\r\n super.remove();\r\n }\r\n}\r\n","import instrumentation from '@bingads-webui-campaign-legacy/instrumentation/index';\r\n\r\nexport class SSCInstrumentation {\r\n constructor() {\r\n const scenario = instrumentation.oldUISmartShoppingCampaignCreationScenario.create();\r\n\r\n this.activity = scenario.SSCCreationActivity.create();\r\n }\r\n\r\n signal(message) {\r\n try {\r\n const str = JSON.stringify(message);\r\n\r\n this.activity.signal(str);\r\n } catch (e) {\r\n console.log(e.stack); // eslint-disable-line\r\n }\r\n }\r\n\r\n sendEnterPageLog() {\r\n this.signal({\r\n messageType: 'ENTER_PAGE',\r\n });\r\n }\r\n\r\n sendCreateCampaignSucceededLog(campaignId) {\r\n this.signal({\r\n messageType: 'CAMPAIGN_CREATED',\r\n campaignId,\r\n });\r\n }\r\n\r\n sendCreateCampaignErrorLog(errors) {\r\n this.signal({\r\n messageType: 'CAMPAIGN_CREATION_FAILED',\r\n });\r\n errors.forEach((err) => {\r\n this.signal({\r\n messageType: 'CAMPAIGN_CREATION_ERROR',\r\n error: err,\r\n });\r\n });\r\n }\r\n\r\n sendValidationErrorLog(validationError) {\r\n this.signal({\r\n messageType: 'CAMPAIGN_CREATION_VALIDATION_FAILED',\r\n });\r\n Object.keys(validationError).forEach((property) => {\r\n const errorList = validationError[property];\r\n\r\n if (errorList && errorList.length) {\r\n errorList.forEach((err) => {\r\n if (err) {\r\n this.signal({\r\n messageType: 'CAMPAIGN_CREATION_VALIDATION_ERROR',\r\n property,\r\n error: err,\r\n });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n sendCancelCreationLog() {\r\n this.signal({\r\n messageType: 'CANCEL',\r\n });\r\n }\r\n\r\n sendPageError(stack) {\r\n this.signal({\r\n messageType: 'PAGE_ERROR',\r\n stack,\r\n });\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport template from '@bingads-webui-campaign-legacy/shopping-campaign/template/campaign-creation/smart-shopping-campaign-creation.pug';\r\nimport { getProductData, bulkUpdateSmartShoppingCampaign, getCampaign } from '@bingads-webui-campaign-legacy/shopping-campaign/service/campaign-creation/service'; // eslint-disable-line\r\nimport timezonemapper from '@bingads-webui-component-legacy/timezonemapper/index';\r\nimport AdvancedSettingsView from '@bingads-webui-campaign-legacy/advanced-settings/view/advancedSettings';\r\nimport withUiBlock from '@bingads-webui-component-legacy/uiblocker/index';\r\nimport { loadMap } from '@bingads-webui-campaign-legacy/dashboard-page/service/load-map';\r\nimport pageContext from '@bingads-webui-static-legacy/page-context';\r\nimport Promise from 'bluebird';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport jsdata from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport { GoalSelectorView } from '@bingads-webui-campaign-react/goal-selector/src/view';\r\nimport SmartShoppingBase from './smart-shopping-base';\r\nimport { SSCInstrumentation } from './ssc-instrumentation';\r\n\r\nconst isBSCSmartImportEnabled = pageContext && pageContext.Permissions && pageContext.Permissions.IsBSCSmartImportEnabled;\r\nconst i18n = window.globalLegacyI18n.get('component/i18n/loader!campaignui/feature/shopping-campaign');\r\n\r\n\r\nexport default class View extends SmartShoppingBase {\r\n initialize(options) {\r\n super.initialize(options);\r\n this.campaignId = options.campaignId;\r\n this.sscInstrumentation = new SSCInstrumentation();\r\n }\r\n\r\n get events() {\r\n return {\r\n 'click .btn-save': 'save',\r\n 'click .btn-cancel': 'cancel',\r\n };\r\n }\r\n\r\n render() {\r\n const unblock = withUiBlock(this.$el);\r\n\r\n // For BSC Import, we will show some information in campaign settings\r\n // if the smart shopping campaign has a placeholder store associated to it.\r\n const shouldShowPlaceholderStoreIfExists = isBSCSmartImportEnabled;\r\n\r\n Promise.all([\r\n getCampaign(this.campaignId),\r\n getProductData(shouldShowPlaceholderStoreIfExists),\r\n loadMap(),\r\n ]).then(([campaignInfo, productData]) => {\r\n unblock();\r\n this.cachedModel = _.extend(this.cachedModel, {\r\n campaignSettings: _.pick(campaignInfo, ['Name', 'BiddingScheme', 'Budget', 'CampaignCashback']),\r\n shoppingSettings: _.extend({}, _.result(campaignInfo, 'CampaignSettings', [{}])[0], {\r\n CampaignSubType: 'ShoppingSmartAds',\r\n }),\r\n });\r\n this.campaign = campaignInfo;\r\n this.campaignName = campaignInfo.Name;\r\n this.$el.html(template({ i18n, isStoreNotValid: false })).addClass('smart-shopping-settings');\r\n this.renderSubViews(productData, true, campaignInfo);\r\n this.advancedSettingsViewPlaceholder = this.$el.find('.advanced-settings');\r\n this.advancedSettingsView = this.renderAdvancedSettingsView(campaignInfo);\r\n this.advancedSettingsViewPlaceholder.empty().append(this.advancedSettingsView.$el);\r\n this.renderGoalSelector(campaignInfo);\r\n }).catch((e) => {\r\n this.sscInstrumentation.sendPageError(e.stack);\r\n const errMsg = document.querySelector('#internalErrorMsg').value;\r\n\r\n window.App.views.alertCenter.showError(errMsg);\r\n throw e;\r\n });\r\n return this;\r\n }\r\n\r\n renderAdvancedSettingsView(campaignInfo) {\r\n return new AdvancedSettingsView({\r\n campaignId: this.campaignId,\r\n level: 'campaign',\r\n scenario: 'smart-shopping-campaign',\r\n TimeZone: timezonemapper.getAccountTimeZone(),\r\n model: campaignInfo,\r\n nativeAdsCampaignBid: _.result(this.campaign, 'NativeBidAdjustment') || 0,\r\n campaignType: 'shopping',\r\n collapseAdvancedSettings: this.isSponsoredCampaign,\r\n }).render();\r\n }\r\n\r\n validate() {\r\n const isFeedFilterValid = this.shoppingSettingsView.isFeedLabelEnabled ? this.shoppingSettingsView.validateFeedFilter() : true;\r\n\r\n return super.getValue() && this.advancedSettingsView.validate() && isFeedFilterValid;\r\n }\r\n\r\n renderGoalSelector(campaign) {\r\n const cashbackSettings = _.result(campaign, 'CampaignCashback');\r\n const hasCashbackSettings = cashbackSettings &&\r\n (cashbackSettings.PersonalizedOffersEnabled === true ||\r\n cashbackSettings.MonthlyBudget > 0);\r\n const isSPA = campaign.CampaignSubType === 'ShoppingSponsoredProductAd';\r\n\r\n const enableGoalSelector = !isSPA && !hasCashbackSettings;\r\n\r\n if (enableGoalSelector) {\r\n this.goalSelectionView = new GoalSelectorView({\r\n i18n: i18n.realI18n,\r\n pageSize: 10,\r\n isMultiMode: true,\r\n isHideSaveBar: true,\r\n campaign,\r\n jsdata,\r\n state,\r\n });\r\n this.$('.conversion-goal-selection').empty().html(this.goalSelectionView.render().el);\r\n } else {\r\n this.$('.conversion-goal-section').empty();\r\n }\r\n }\r\n getValue() {\r\n if (this.validate()) {\r\n const value = super.getValue();\r\n let model = _.extend({}, value.campaignSetting, value.shoppingSetting, value.campaignTargeting);\r\n const advancedSettings = this.advancedSettingsView.getValues();\r\n\r\n model = _.extend(model, advancedSettings.urlOptions);\r\n if (this.goalSelectionView) {\r\n model.CampaignConversionGoalAssociations =\r\n this.goalSelectionView.convertToMTFormat(this.campaignId);\r\n }\r\n return model;\r\n }\r\n return false;\r\n }\r\n\r\n handleApiErrors(response) {\r\n super.handleApiErrors(response);\r\n if (response.entity && response.entity.Id) {\r\n this.advancedSettingsView.setData(response);\r\n this.advancedSettingsView.handleErrors(response);\r\n }\r\n }\r\n\r\n save() {\r\n const model = this.getValue();\r\n\r\n if (model) {\r\n const unblock = withUiBlock();\r\n\r\n bulkUpdateSmartShoppingCampaign({\r\n campaignId: this.campaignId,\r\n model,\r\n })\r\n .then((data) => {\r\n unblock();\r\n this.campaignName = data.Name;\r\n this.advancedSettingsView.setData(data);\r\n this.navigateToCampaignSummaryPage(true);\r\n })\r\n .catch((response) => {\r\n unblock();\r\n this.handleApiErrors(response);\r\n this.scrollToErrors();\r\n });\r\n } else {\r\n this.scrollToErrors();\r\n }\r\n }\r\n\r\n cancel() {\r\n this.navigateToCampaignSummaryPage(true);\r\n }\r\n\r\n remove() {\r\n super.remove();\r\n if (this.advancedSettingsView) {\r\n this.advancedSettingsView.remove();\r\n }\r\n }\r\n}\r\n","import BaseViewModel from '../common/base';\r\n\r\nclass ViewModel extends BaseViewModel {\r\n constructor() {\r\n super();\r\n\r\n this.configSchema(this);\r\n }\r\n}\r\n\r\nexport default ViewModel;\r\n","/*eslint new-cap:0 */\r\nimport Backbone from 'backbone';\r\nimport ko from 'knockout';\r\nimport _ from 'underscore';\r\nimport template from '@bingads-webui-campaign-legacy/shopping-campaign/template/campaign-creation/update.pug';\r\nimport CreateView from '@bingads-webui-campaign-legacy/shopping-campaign/view/campaign-creation/index';\r\nimport ViewModel from '@bingads-webui-campaign-legacy/shopping-campaign/viewmodel/campaign-creation/update';\r\nimport { getODataErrors } from '@bingads-webui-component-legacy/api-errors-campaign/index';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport withUiBlock from '@bingads-webui-component-legacy/uiblocker/index';\r\nimport edmCampaign from '@bingads-webui-component-legacy/edm-campaign/index';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\nimport Promise from 'bluebird';\r\nimport { getFeedData as GetFeedData } from '@bingads-webui-campaign/audience-campaign-creation-wizard';\r\nimport { isMSStoreAdsCampaign } from '@bingads-webui-campaign-react/ms-store-ads-common';\r\n\r\nconst permissions = config.get('Permissions') || {};\r\nconst isEnabledDynamicFeedCampaign = permissions.IsEnabledForDynamicFeedCampaign;\r\n\r\nexport default class View extends Backbone.View {\r\n initialize({\r\n deps,\r\n perfMarker,\r\n ccJsData,\r\n }) {\r\n if (perfMarker) {\r\n this.campaignScopeAllSettingsPerfMarker = perfMarker.createChild('CampaignScope_AllSettings_EditShoppingCampaign');\r\n }\r\n\r\n this.mark('willInit');\r\n this.campaignId = Number(state.get('campaign_id'));\r\n this.deps = deps;\r\n this.ccJsData = ccJsData;\r\n this.viewModel = new ViewModel();\r\n }\r\n\r\n render() {\r\n this.$el.html(template());\r\n ko.applyBindings(this.viewModel, this.el);\r\n\r\n this.hideUIBlocker = withUiBlock();\r\n this.mark('willFetchData');\r\n Promise.all(isEnabledDynamicFeedCampaign ? [this.getCampaign(), this.getFeedData()] : [this.getCampaign()])\r\n .then(([campaign, feed = null]) => {\r\n this.mark('willRender');\r\n const isMSStoreAdsGAWorkflow = isMSStoreAdsCampaign(campaign);\r\n\r\n this.shoppingCampaignView = new CreateView({ campaign, deps: this.deps, feed, isSettingsPage: true, isMSStoreAdsGAWorkflow, ccJsData: this.ccJsData });\r\n this.$('.update-container').html(this.shoppingCampaignView.render().el);\r\n })\r\n .finally(() => {\r\n this.hideUIBlocker();\r\n this.mark('done');\r\n })\r\n .catch(({ errors }) => {\r\n this.viewModel.errors.add(getODataErrors(errors));\r\n });\r\n\r\n return this;\r\n }\r\n\r\n getCampaign() {\r\n const params = {\r\n queryParameters: {\r\n entitySet: edmCampaign.currentAccount.Campaigns,\r\n expand: ['Budget', 'CampaignConversionGoal/Goals'],\r\n },\r\n bypassCache: true,\r\n };\r\n\r\n return jsData.Campaign.find(this.campaignId, params);\r\n }\r\n\r\n getFeedData({ $top = 10000, $skip = 0 } = {}) {\r\n return GetFeedData({ $top, $skip, permissions });\r\n }\r\n\r\n remove() {\r\n if (this.shoppingCampaignView) {\r\n this.shoppingCampaignView.remove();\r\n }\r\n super.remove();\r\n }\r\n\r\n mark(perfMarkerEvent) {\r\n if (this.campaignScopeAllSettingsPerfMarker) {\r\n this.campaignScopeAllSettingsPerfMarker[perfMarkerEvent]();\r\n }\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport BaseModel from '@bingads-webui-campaign-legacy/bulk-operation/util/bulk-edit-job';\r\n\r\nexport default class ChangeBidAdjustmentModel extends BaseModel {\r\n initialize() {\r\n this.defaults = _.extend({}, BaseModel.prototype.defaults, {\r\n Entity: 'CampaignCriterion',\r\n BatchAction: {\r\n Actions: [{\r\n '@odata.type': '#Model.NumericAction',\r\n Property: 'BidAdjustment',\r\n ActionType: 'SetToAmount',\r\n Value: '',\r\n }],\r\n },\r\n });\r\n }\r\n}\r\n","import ko from 'knockout';\r\nimport BaseViewModel from '@bingads-webui-static-legacy/bulk-edit/viewmodel/bulkEditJob';\r\n\r\nconst i18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/targeting-settings');\r\n\r\nexport default class ViewModel {\r\n constructor(options) {\r\n BaseViewModel.call(this);\r\n this.settingView = options.settingView;\r\n this.showButtonBar = ko.observable(true);\r\n this.showCloseButton = ko.observable(false);\r\n this.selectedEntityCount(options.model.get('selectedEntityCount'));\r\n this.entity = options.entity;\r\n this.gridType = options.gridType;\r\n this.crossPageSelectAll = options.crossPageSelectAll;\r\n this.titleText = ko.computed(() =>\r\n i18n.getString(`BulkEdit_${this.gridType}_ChangeBidTitle`, {selectCount: this.selectedEntityCount()}), this);\r\n this.entityNameHeader = ko.computed(() =>\r\n i18n.getString(`BulkEdit_${this.gridType}_EntityNameHeader`), this);\r\n this.bulkEditInfo = ko.computed(() =>\r\n i18n.getString(`BulkEdit_${this.gridType}_BulkEditInfo`), this);\r\n this.showAdgroupSelectedAllMixInheritWarning = ko.computed(() => {\r\n if (this.entity === 'AdGroupCriterion' && this.crossPageSelectAll.isAllSelected) {\r\n return true;\r\n }\r\n return false;\r\n });\r\n this.validate = () => {\r\n return this.settingView.validate();\r\n };\r\n }\r\n}\r\n","import { getLocationDisplayName, getDayTimeDisplayName, getDeviceDisplayName } from '@bingads-webui-campaign/targeting-settings-scaffolds';\r\nimport _ from 'underscore';\r\nimport $ from 'jquery';\r\n\r\nconst i18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/targeting-settings');\r\n\r\nexport function getDisplayName(entity) {\r\n if (entity.DeviceName) {\r\n return getDeviceDisplayName(i18n, { Criterion: entity });\r\n } else if (entity.Day) {\r\n return getDayTimeDisplayName(i18n, { Criterion: entity });\r\n } else {\r\n return getLocationDisplayName({ Criterion: entity });\r\n }\r\n}\r\n\r\nexport function getSelectedEntityIdStrings(gridView) {\r\n return _.map(gridView.selectedItems(), (obj) => {\r\n if (obj.LevelOfDetails === 'AdGroup') {\r\n const campaignId = obj.Campaign ? obj.Campaign.Id : $.advertiser.getUrlParameter('cmpid');\r\n\r\n return `CampaignId=${campaignId},AdGroupId=${obj.AdGroup.Id},TargetGroupDetailId=${obj.Id}`;\r\n } else {\r\n return `CampaignId=${obj.Campaign.Id},TargetGroupDetailId=${obj.Id}`;\r\n }\r\n });\r\n}\r\n","import _ from 'underscore';\r\nimport decimalNumber from '@bingads-webui-component-legacy/humanize/decimal';\r\nimport BaseView from '@bingads-webui-static-legacy/bulk-edit/view/bulkEditJob';\r\nimport logger from '@bingads-webui-static-legacy/instrumentation/index';\r\nimport { BidAdjustmentView } from '@bingads-webui-campaign/bid-adjustment';\r\nimport template from '@bingads-webui-static-legacy/bulk-edit/template/settings/changeBid.pug';\r\nimport ChangeBidAdjustmentViewModel from './change-bid-adjustment-viewmodel';\r\nimport filterConverter from '@bingads-webui-static-legacy/odata-filter-converter';\r\nimport { getSelectedEntityIdStrings } from '../helpers';\r\n\r\nconst i18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/targeting-settings');\r\n\r\nfunction formatBid(rows, formatEntityString) {\r\n if (rows) {\r\n _.each(rows, (value) => {\r\n value.data = [];\r\n value.EntityKeyObject = {};\r\n\r\n _.each(value.EntityKey, (obj) => {\r\n value.EntityKeyObject[obj.Key] = obj.Value;\r\n });\r\n\r\n let name = '';\r\n\r\n if (_.isFunction(formatEntityString)) {\r\n name = formatEntityString(value.EntityKeyObject);\r\n }\r\n value.data.push({value: name, isHtml: false});\r\n\r\n if (value.Changes && value.Changes.length) {\r\n value.data.push({value: decimalNumber.fromFloatToPercentString(value.Changes[0].OriginalValue, 0), isHtml: false});\r\n value.data.push({value: decimalNumber.fromFloatToPercentString(value.Changes[0].NewValue, 0), isHtml: false});\r\n } else {\r\n value.data.push({value: '', isHtml: false});\r\n value.data.push({value: '', isHtml: false});\r\n }\r\n });\r\n }\r\n return rows;\r\n}\r\n\r\nexport default class ChangeBidAdjustmentView extends BaseView {\r\n initialize(options) {\r\n this.options = options || {};\r\n this.entity = options.entity;\r\n super.initialize(options);\r\n this.gridType = options.gridType;\r\n this.customValidators = options.customValidators;\r\n this.formatEntityString = options.formatEntityString;\r\n this.checkInheritTargets = options.checkInheritTargets;\r\n this.template = template;\r\n this.settingView = new BidAdjustmentView({\r\n value: 0,\r\n i18n,\r\n showButtons: false,\r\n customValidators: this.customValidators,\r\n });\r\n // eslint-disable-next-line camelcase\r\n this.ko_model = new ChangeBidAdjustmentViewModel({\r\n entity: this.entity,\r\n model: this.model,\r\n settingView: this.settingView,\r\n gridType: this.gridType,\r\n crossPageSelectAll: this.grid.pgridPlugins.crossPageSelectAll,\r\n });\r\n }\r\n\r\n render(options) {\r\n super.render(options);\r\n this.$('#bid-adjustment-bulk-edit').empty().html(this.settingView.render().el);\r\n return this;\r\n }\r\n\r\n setAction(simulateResults) {\r\n // not use PreviewEntityIds but use PreviewCompositeIds for this feature.\r\n this.model.unset('PreviewEntityIds');\r\n this.model.unset('PreviewCompositeIds');\r\n if (simulateResults) {\r\n if (this.grid.pgridPlugins.crossPageSelectAll.isAllSelected) {\r\n this.model.set('PreviewCompositeIds', getSelectedEntityIdStrings(this.grid.gridView));\r\n }\r\n }\r\n\r\n const action = {\r\n Actions: [{\r\n '@odata.type': '#Model.NumericAction',\r\n Property: 'BidAdjustment',\r\n ActionType: 'SetToAmount',\r\n Value: this.settingView && this.settingView.currentModel ?\r\n this.settingView.currentModel.BidMultiplier : '',\r\n }],\r\n };\r\n\r\n const selectedItems = this.grid.gridView.selectedItems();\r\n\r\n // bid bulk edit log\r\n // TODO: will improve later\r\n logger.logMessage(\r\n 'ClientTrace',\r\n { name: 'Info', value: 0 },\r\n 'AdScheduleGridView.bidBulkEdit',\r\n `changeBidValue:${action.Actions[0].Value},selectedItems:${JSON.stringify(selectedItems)}}`,\r\n );\r\n\r\n this.model.set('BatchAction', action);\r\n this.model.set('Entity', this.entity);\r\n }\r\n\r\n formatErrors(errors) {\r\n return formatBid(errors, this.formatEntityString);\r\n }\r\n\r\n formatPreviewResults(results) {\r\n return formatBid(results, this.formatEntityString);\r\n }\r\n\r\n getFilterURLParam(filter, entity) {\r\n // New UI: replace the filterState with filterService, how the filterService/filterState used?\r\n let conditionString;\r\n\r\n if (this.grid.filterState) {\r\n conditionString = this.grid.filterState.getAllFilters().odataV4({ignoreCase: false});\r\n } else {\r\n conditionString = this.grid.filterService.getCombinedFilter().odataV4({ignoreCase: false});\r\n }\r\n let result;\r\n\r\n // This is for chaining the id rules with Criterion\r\n if (filter.idBased) {\r\n const idString = filterConverter.convert(filter.FilterExpressions, entity).$filter;\r\n const conditionRegex = /isof\\(Criterion, 'Model.[\\w]+Criterion'\\)/g;\r\n const conditionFragment = conditionString.match(conditionRegex);\r\n let conditionFragmentALl = conditionFragment[0];\r\n\r\n // location has 2 criterions\r\n if (conditionFragment.length > 1) {\r\n conditionFragmentALl = `${conditionFragmentALl} or ${conditionFragment[1]}`;\r\n }\r\n\r\n result = `(${conditionFragmentALl}) and (${idString})`;\r\n } else {\r\n result = conditionString;\r\n }\r\n\r\n return `$filter=(${encodeURIComponent(result)})`;\r\n }\r\n\r\n getIdFilter() {\r\n const FilterExpressions = [];\r\n\r\n if (this.grid.pgridPlugins.crossPageSelectAll.isAllSelected === false) {\r\n FilterExpressions.push({\r\n SelectedColumn: 'IdString',\r\n SelectedOperator: 'Equal',\r\n Values: getSelectedEntityIdStrings(this.grid.gridView),\r\n });\r\n }\r\n\r\n return {\r\n FilterExpressions,\r\n };\r\n }\r\n\r\n makeChanges(simulateResults) {\r\n // when view by ad group and not select all, we need to check if there is any inherit records.\r\n if (this.entity === 'AdGroupCriterion' && !this.grid.pgridPlugins.crossPageSelectAll.isAllSelected) {\r\n const selectedItems = this.grid.gridView.selectedItems();\r\n\r\n if (_.isFunction(this.checkInheritTargets)) {\r\n const inheritResult = this.checkInheritTargets(selectedItems, false);\r\n\r\n if (inheritResult) {\r\n return;\r\n }\r\n }\r\n }\r\n super.makeChanges(simulateResults);\r\n }\r\n}\r\n","import ChangeCashbackPercentView from '@bingads-webui-static-legacy/bulk-edit/view/demographics/changeCashbackPercent';\r\nimport tmpl from '@bingads-webui-static-legacy/bulk-edit/template/targeting/changeCashbackPercent.pug';\r\nimport filterConverter from '@bingads-webui-static-legacy/odata-filter-converter';\r\nimport decimalNumber from '@bingads-webui-component-legacy/humanize/decimal';\r\nimport _ from 'underscore';\r\nimport { getSelectedEntityIdStrings } from '../helpers';\r\n\r\nconst i18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/targeting-settings');\r\n\r\nfunction formatBid(rows, formatEntityString) {\r\n if (rows) {\r\n _.each(rows, (value) => {\r\n value.data = [];\r\n value.EntityKeyObject = {};\r\n\r\n _.each(value.EntityKey, (obj) => {\r\n value.EntityKeyObject[obj.Key] = obj.Value;\r\n });\r\n\r\n let name = '';\r\n\r\n if (_.isFunction(formatEntityString)) {\r\n name = formatEntityString(value.EntityKeyObject);\r\n }\r\n value.data.push({value: name, isHtml: false});\r\n\r\n if (value.Changes && value.Changes.length) {\r\n let newValue = value.Changes[0].NewValue;\r\n\r\n if (+newValue === -1 || newValue === '') {\r\n newValue = i18n.getString('Campaign_Cashback_Offer_Scope_InheritFromParent');\r\n } else {\r\n newValue = decimalNumber.fromFloatToPercentString(newValue, 2);\r\n }\r\n\r\n const originalValue = value.Changes[0].OriginalValue;\r\n\r\n value.data.push({\r\n value: originalValue === '' || +originalValue === -1 ?\r\n i18n.getString('Campaign_Cashback_Offer_Scope_InheritFromParent') :\r\n decimalNumber.fromFloatToPercentString(value.Changes[0].OriginalValue, 2),\r\n isHtml: false,\r\n });\r\n value.data.push({value: newValue, isHtml: false});\r\n } else {\r\n value.data.push({value: '', isHtml: false});\r\n value.data.push({value: '', isHtml: false});\r\n }\r\n });\r\n }\r\n return rows;\r\n\r\n}\r\n\r\nexport class ChangeTargetingCashbackPercentView extends ChangeCashbackPercentView {\r\n initialize(options) {\r\n super.initialize(options);\r\n this.template = tmpl;\r\n }\r\n\r\n setAction(simulateResults) {\r\n // not use PreviewEntityIds but use PreviewCompositeIds for this feature.\r\n this.model.unset('PreviewEntityIds');\r\n this.model.unset('PreviewCompositeIds');\r\n if (simulateResults) {\r\n if (this.grid.pgridPlugins.crossPageSelectAll.isAllSelected) {\r\n this.model.set('PreviewCompositeIds', getSelectedEntityIdStrings(this.grid.gridView));\r\n }\r\n }\r\n\r\n const action = {\r\n Actions: [{\r\n '@odata.type': '#Model.NumericAction',\r\n Property: 'CashbackAdjustment',\r\n ActionType: 'SetToAmount',\r\n Value: this.ko_model.getCashbackPercentValueByAction(),\r\n }],\r\n };\r\n\r\n this.model.set('BatchAction', action);\r\n this.model.set('Entity', this.entity);\r\n }\r\n\r\n getFilterURLParam(filter, entity) {\r\n // New UI: replace the filterState with filterService, how the filterService/filterState used?\r\n let conditionString;\r\n\r\n if (this.grid.filterState) {\r\n conditionString = this.grid.filterState.getAllFilters().odataV4({ignoreCase: false});\r\n } else {\r\n conditionString = this.grid.filterService.getCombinedFilter().odataV4({ignoreCase: false});\r\n }\r\n let result;\r\n\r\n // This is for chaining the id rules with Criterion\r\n if (filter.idBased) {\r\n const idString = filterConverter.convert(filter.FilterExpressions, entity).$filter;\r\n const conditionRegex = /isof\\(Criterion, 'Model.[\\w]+Criterion'\\)/g;\r\n const conditionFragment = conditionString.match(conditionRegex);\r\n let conditionFragmentALl = conditionFragment[0];\r\n\r\n // location has 2 criterions\r\n if (conditionFragment.length > 1) {\r\n conditionFragmentALl = `${conditionFragmentALl} or ${conditionFragment[1]}`;\r\n }\r\n\r\n result = `(${conditionFragmentALl}) and (${idString})`;\r\n } else {\r\n result = conditionString;\r\n }\r\n\r\n return `$filter=(${encodeURIComponent(result)})`;\r\n }\r\n\r\n getIdFilter() {\r\n const FilterExpressions = [];\r\n\r\n if (this.grid.pgridPlugins.crossPageSelectAll.isAllSelected === false) {\r\n FilterExpressions.push({\r\n SelectedColumn: 'IdString',\r\n SelectedOperator: 'Equal',\r\n Values: getSelectedEntityIdStrings(this.grid.gridView),\r\n });\r\n }\r\n\r\n return {\r\n FilterExpressions,\r\n };\r\n }\r\n\r\n makeChanges(simulateResults) {\r\n // when view by ad group and not select all, we need to check if there is any inherit records.\r\n if (this.entity === 'AdGroupCriterion' && !this.grid.pgridPlugins.crossPageSelectAll.isAllSelected) {\r\n const selectedItems = this.grid.gridView.selectedItems();\r\n\r\n if (_.isFunction(this.checkInheritTargets)) {\r\n const inheritResult = this.checkInheritTargets(selectedItems, false);\r\n\r\n if (inheritResult) {\r\n return;\r\n }\r\n }\r\n }\r\n super.makeChanges(simulateResults);\r\n }\r\n\r\n formatErrors(errors) {\r\n return formatBid(errors, this.formatEntityString);\r\n }\r\n\r\n formatPreviewResults(results) {\r\n return formatBid(results, this.formatEntityString);\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport { shouldSupportCashbackSettings } from '@bingads-webui-campaign/personalized-offer-shared';\r\nimport ChangeBidAdjustmentModel from './change-bid-adjustment/change-bid-adjustment-model';\r\nimport ChangeBidAdjustmentView from './change-bid-adjustment/change-bid-adjustment-view';\r\nimport { ChangeTargetingCashbackPercentView } from './change-cashback-percent/change-cashback-percent-view';\r\nimport ChangeCashbackPercentModel from '@bingads-webui-static-legacy/bulk-edit/model/demographics/changeCashbackPercent';\r\nimport popup from '@bingads-webui-component-legacy/dialog/popup';\r\nimport { showAlert } from './common-alert/index';\r\nimport appConfig from '@bingads-webui-component-legacy/config/index';\r\nimport { isDeprecatedLocation } from '@bingads-webui-campaign-legacy/location-targets/util/locationTargetDeprecationHelper';\r\n\r\nconst i18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/targeting-settings');\r\n\r\nexport default (definePlugin) => definePlugin('bidAdjustmentBulkEdit', [\r\n 'config',\r\n 'gridView',\r\n 'toolbar',\r\n 'pagination',\r\n 'crossPageSelectAll',\r\n 'filter',\r\n 'filterState',\r\n], (config, gridView, toolbar, pagination, crossPageSelectAll, filter, filterState) => {\r\n const pluginName = 'bidAdjustmentBulkEdit';\r\n let pluginConfig = _.result(config.plugins, pluginName, {});\r\n const isForVNext = _.result(pluginConfig, 'isForVNext', false);\r\n let toolbarEditor;\r\n let filterService;\r\n\r\n if (isForVNext) {\r\n // Currently, VNext toolbar, toolbarWithItem return toolbarEditor directly\r\n toolbarEditor = toolbar.gridToolbarGroup.toolbarWithItem();\r\n // Implicit dependency\r\n filterService = _.result(config, 'filterService', {});\r\n } else {\r\n const menuId = 'bulk-edit-bid-multiplier';\r\n\r\n toolbarEditor = toolbar.gridToolbarGroup.toolbarWithItem(menuId);\r\n pluginConfig = _.findWhere(toolbarEditor.options.items, { id: menuId });\r\n }\r\n\r\n function noneSelectedAndAlert(count) {\r\n if (count < 1) {\r\n popup.alert(i18n.getString('Grid_RowSelectionRequired'));\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function getGridSelectionCount() {\r\n return crossPageSelectAll.isAllSelected ?\r\n crossPageSelectAll.viewModel.totalRowsTotalPageCount() :\r\n gridView.selectedKeys().length;\r\n }\r\n\r\n function smartShoppingCampaignSelected(items) {\r\n return _.some(items, (item) => {\r\n return _.chain(item)\r\n .result('Campaign')\r\n .result('CampaignSubType')\r\n .value() === 'ShoppingSmartAds';\r\n });\r\n }\r\n\r\n /// return false if all are physical records\r\n /// return true if some are inherit or all inherit but not belong to 1 ad group\r\n /// return adgroupItems list if all are belong to 1 ad group\r\n function checkInheritTargets(selectedItems, editable = true) {\r\n const campaignItems = _.reject(selectedItems, (obj) => obj.LevelOfDetails === 'AdGroup');\r\n\r\n if (campaignItems.length === selectedItems.length && editable) {\r\n const adgroupItems = _.reject(campaignItems, (obj) => obj.AdGroupId !== campaignItems[0].AdGroupId);\r\n\r\n if (campaignItems.length === adgroupItems.length) {\r\n return adgroupItems;\r\n } else {\r\n showAlert({\r\n i18n,\r\n title: i18n.getString('BulkEdit_BidAdjustment_Invalid_Alert_Title'),\r\n messageDetails: i18n.getString(`BulkEdit_BidAdjustment_Inherit_NotSameAdGroup_${pluginConfig.gridType}`),\r\n });\r\n return true;\r\n }\r\n } else if (campaignItems.length > 0) {\r\n showAlert({\r\n i18n,\r\n title: i18n.getString('BulkEdit_BidAdjustment_Invalid_Alert_Title'),\r\n messageDetails: i18n.getString(`BulkEdit_BidAdjustment_MixInheritWarning_${pluginConfig.gridType}`),\r\n });\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n function checkDeprecatedLocations() {\r\n const selectedItems = gridView.selectedItems();\r\n const deprecatedLocationSelected = _.some(selectedItems, (item) => isDeprecatedLocation(item.Criterion));\r\n\r\n if (deprecatedLocationSelected) {\r\n showAlert({\r\n i18n,\r\n title: i18n.getString('BulkEdit_BidAdjustment_Invalid_Alert_Title'),\r\n messageDetails: i18n.getString('BulkEdit_BidAdjustment_DeprecatedWarning_Locations'),\r\n });\r\n }\r\n\r\n return deprecatedLocationSelected;\r\n }\r\n\r\n function renderView(view) {\r\n view.listenTo(gridView, 'didSelect', () => {\r\n view.updateSelectedEntityCount(getGridSelectionCount());\r\n });\r\n\r\n view.render();\r\n view.$el.find(':input:enabled:first').focus();\r\n }\r\n\r\n function expandToolBar(view) {\r\n let gridContainer;\r\n let gridToolbar;\r\n let editorContainer;\r\n\r\n if (isForVNext) {\r\n gridView.overrideWith(view);\r\n } else {\r\n gridContainer = gridView.$el.closest('.settings-view');\r\n gridToolbar = gridContainer.find('.grid-toolbar');\r\n editorContainer = gridContainer.find('.bulkedit-container');\r\n\r\n editorContainer.html(view.$el);\r\n editorContainer.show();\r\n gridToolbar.hide();\r\n }\r\n toolbar.gridToolbarGroup.hideAllToolbars();\r\n\r\n view.on('hide', () => {\r\n if (isForVNext) {\r\n gridView.overrideWith(null);\r\n } else {\r\n gridToolbar.show();\r\n editorContainer.hide();\r\n }\r\n toolbar.gridToolbarGroup.showAllToolbars();\r\n view.remove();\r\n gridView.deselectAll();\r\n gridView.refresh(true);\r\n });\r\n }\r\n\r\n function showBulkEditor(type = 'BidMultiplier') {\r\n let bulkEditView;\r\n\r\n if (noneSelectedAndAlert(getGridSelectionCount()) || checkDeprecatedLocations()) {\r\n return;\r\n }\r\n\r\n // when view by ad group and not select all, we need to check if there is any inherit records.\r\n if (pluginConfig.entity === 'AdGroupCriterion' && !crossPageSelectAll.isAllSelected) {\r\n const selectedItems = gridView.selectedItems();\r\n const inheritResult = checkInheritTargets(selectedItems);\r\n\r\n if (_.isArray(inheritResult)) {\r\n if (smartShoppingCampaignSelected(selectedItems)) {\r\n showAlert({\r\n i18n,\r\n title: i18n.getString('BulkEdit_BidAdjustment_Invalid_Alert_Title'),\r\n messageDetails: i18n.getString('BulkEdit_BidAdjustment_NoSmartShoppingCampaign'),\r\n });\r\n return;\r\n }\r\n gridView.trigger('editInherited', inheritResult);\r\n }\r\n if (inheritResult) {\r\n return;\r\n }\r\n }\r\n\r\n let grid;\r\n\r\n if (isForVNext) {\r\n grid = {\r\n gridView,\r\n pgridPlugins: {\r\n pagination,\r\n crossPageSelectAll,\r\n },\r\n filterService,\r\n };\r\n } else {\r\n grid = {\r\n gridView,\r\n pgridPlugins: {\r\n pagination,\r\n crossPageSelectAll,\r\n filter,\r\n },\r\n filterState,\r\n };\r\n }\r\n\r\n if (type === 'BidMultiplier') {\r\n bulkEditView = new ChangeBidAdjustmentView({\r\n model: new ChangeBidAdjustmentModel({\r\n selectedEntityCount: getGridSelectionCount(),\r\n }),\r\n grid,\r\n entity: _.isEmpty(pluginConfig.entity) ? 'CampaignCriterion' : pluginConfig.entity,\r\n gridType: pluginConfig.gridType,\r\n customValidators: pluginConfig.customValidators,\r\n formatEntityString: pluginConfig.formatEntityString,\r\n checkInheritTargets,\r\n onOperationSuccess: () => {\r\n gridView.deselectAll();\r\n },\r\n isForVNext,\r\n });\r\n } else {\r\n bulkEditView = new ChangeTargetingCashbackPercentView({\r\n model: new ChangeCashbackPercentModel({\r\n selectedEntityCount: getGridSelectionCount(),\r\n }),\r\n grid,\r\n entity: _.isEmpty(pluginConfig.entity) ? 'CampaignCriterion' : pluginConfig.entity,\r\n gridType: pluginConfig.gridType,\r\n customValidators: pluginConfig.customValidators,\r\n formatEntityString: pluginConfig.formatEntityString,\r\n checkInheritTargets,\r\n onOperationSuccess: () => {\r\n gridView.deselectAll();\r\n },\r\n isForVNext,\r\n });\r\n }\r\n\r\n renderView(bulkEditView);\r\n expandToolBar(bulkEditView);\r\n }\r\n\r\n function updateToolbar() {\r\n if (isForVNext) {\r\n toolbarEditor.update({\r\n type: 'button',\r\n id: 'bulk-edit-bid-multiplier',\r\n text: i18n.getString('TargetingSettings_Grid_Bulk_Edit_Bid_Multiplier'),\r\n classes: ['btn-link'],\r\n iconLeftGlyphName: 'ba-Edit',\r\n onClick: () => {\r\n showBulkEditor();\r\n },\r\n });\r\n\r\n const { IsPersonalizedOffersEnabled } = appConfig.get('Permissions');\r\n const currentCampaign = appConfig.get('CurrentCampaign');\r\n const showBulkEditCashbackPercentButton = (currentCampaign == null ||\r\n shouldSupportCashbackSettings(currentCampaign, appConfig.get('Permissions'))) && IsPersonalizedOffersEnabled;\r\n\r\n if (showBulkEditCashbackPercentButton) {\r\n toolbarEditor.update({\r\n type: 'button',\r\n id: 'bulk-edit-cashback-percent',\r\n text: i18n.getString('TargetingSettings_Grid_Bulk_Edit_CashbackPercent'),\r\n classes: ['btn-link'],\r\n iconLeftGlyphName: 'ba-Edit',\r\n onClick: () => {\r\n showBulkEditor('CashbackPercent');\r\n },\r\n });\r\n }\r\n } else {\r\n toolbarEditor.update({\r\n type: 'button',\r\n id: 'bulk-edit-bid-multiplier',\r\n text: i18n.getString('TargetingSettings_Grid_Bulk_Edit_Bid_Multiplier'),\r\n classes: ['btn', 'btn-secondary'],\r\n onClick: () => {\r\n showBulkEditor('BidMultiplier');\r\n },\r\n });\r\n }\r\n }\r\n\r\n updateToolbar();\r\n\r\n gridView.on('didUpdate', () => {\r\n updateToolbar();\r\n });\r\n});\r\n","import _ from 'underscore';\r\nimport $ from 'jquery';\r\nimport popup from '@bingads-webui-component-legacy/dialog/popup';\r\nimport DataStore from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport eventDispatcher from '@bingads-webui-component-legacy/event-dispatcher/index';\r\nimport state from '@bingads-webui-component-legacy/state/index';\r\nimport gridFilterSerializer from '@bingads-webui-campaign-legacy/bulk-operation/util/grid-filter-serializer';\r\nimport summaryDataContextManager from '@bingads-webui-static-legacy/summary/SummaryDataContextManager';\r\nimport { showAlert } from './common-alert/index';\r\n\r\nconst i18n = window.globalLegacyI18n.get('@bingads-webui/i18n-amd-loader!campaignui/feature/targeting-settings');\r\n\r\nexport default (definePlugin) => definePlugin('removeBulkEdit', [\r\n 'config',\r\n 'gridView',\r\n 'toolbar',\r\n 'crossPageSelectAll',\r\n 'filterState',\r\n], (config, gridView, toolbar, crossPageSelectAll, filterState) => {\r\n const menuId = 'bulk-edit-remove';\r\n const toolbarEditor = toolbar.gridToolbarGroup.toolbarWithItem(menuId);\r\n const pluginConfig = _.isUndefined(toolbarEditor.options) ?\r\n _.result(config.plugins, 'removeBulkEdit', {}) :\r\n _.findWhere(toolbarEditor.options.items, { id: menuId });\r\n\r\n let filterService;\r\n\r\n const isForVNext = pluginConfig.isForVNext;\r\n\r\n if (isForVNext) {\r\n filterService = _.result(config, 'filterService', {});\r\n }\r\n function noneSelectedAndAlert(count) {\r\n if (count < 1) {\r\n popup.alert(i18n.getString('Grid_RowSelectionRequired'));\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function getGridSelectionCount() {\r\n return crossPageSelectAll.isAllSelected ?\r\n crossPageSelectAll.viewModel.totalRowsTotalPageCount() :\r\n gridView.selectedKeys().length;\r\n }\r\n\r\n function pollStatus (taskId, successCb, failedCb) {\r\n DataStore.BulkEditSession.find(taskId, {cacheResponse: false}).then((response) => {\r\n successCb(response);\r\n })\r\n .catch(failedCb);\r\n }\r\n\r\n function processResponse (completeCB, failedCB, progressCB, response) {\r\n if (_.contains(['Completed', 'CompletedWithErrors'], response.Status)) {\r\n completeCB(response);\r\n } else if (_.contains(['Failed', 'Aborted', 'Expired'], response.Status)) {\r\n failedCB(response);\r\n } else { //task is inprogress or pending\r\n progressCB(response);\r\n setTimeout(_.partial(pollStatus, response.Id, _.partial(processResponse, completeCB, failedCB, progressCB), failedCB), 500);\r\n }\r\n return response;\r\n }\r\n\r\n function getDateRange () {\r\n try {\r\n const dateRange = state.get('$daterange');\r\n const startdate = (dateRange.start || dateRange.RangeStartDate).toISOString();\r\n const enddate = (dateRange.end || dateRange.RangeEndDate).toISOString();\r\n\r\n return `startdate=${startdate}&enddate=${enddate}`;\r\n } catch (e) {\r\n return '';\r\n }\r\n }\r\n\r\n function getQueryString (projection) {\r\n const dateRange = getDateRange();\r\n let query = '';\r\n const IdStrings = projection.IdString;\r\n\r\n if (_.isEmpty(projection)) {\r\n return dateRange;\r\n }\r\n\r\n if (projection.filters) {\r\n query = projection.filters.odataV4({ ignoreCase: false });\r\n }\r\n\r\n if (_.size(IdStrings) > 0) { //select some ids will distinguish it when new grid support select cross page\r\n const idStringsFilters = _.map(IdStrings, (obj) => {\r\n if (_.isUndefined(obj.AdGroupId)) {\r\n return `IdString eq 'CampaignId=${obj.CampaignId},TargetGroupDetailId=${obj.TargetGroupDetailId}'`;\r\n } else {\r\n return `IdString eq 'CampaignId=${obj.CampaignId},AdGroupId=${obj.AdGroupId},TargetGroupDetailId=${obj.TargetGroupDetailId}'`;\r\n }\r\n }).join(' or ');\r\n\r\n if (_.isEmpty(query)) {\r\n query = idStringsFilters;\r\n } else {\r\n query = `(${query}) and (${idStringsFilters})`;\r\n }\r\n }\r\n query = $.param({$filter: `${query}`});\r\n\r\n return `${query}&${dateRange}`;\r\n }\r\n\r\n function getParams(projection, batchActions, entity, campaignId, adgroupId) {\r\n return {\r\n BatchAction: batchActions,\r\n Description: crossPageSelectAll.isAllSelected ?\r\n gridFilterSerializer.toDescription(isForVNext ? filterService.getCombinedFilter() : filterState.getFilter() ) : JSON.stringify({ idsCount: getGridSelectionCount() }),\r\n Entity: entity,\r\n Selection: {\r\n QueryString: getQueryString(projection),\r\n CampaignId: campaignId,\r\n AdGroupId: adgroupId,\r\n },\r\n };\r\n }\r\n\r\n function bulkEditChange(options) {\r\n let params = options.params;\r\n\r\n let opt = _.defaults({}, options, {\r\n campaignId: null,\r\n adgroupId: null,\r\n completeCB: _.noop,\r\n failedCB: _.noop,\r\n progressCB: _.noop,\r\n });\r\n\r\n let process = _.partial(processResponse, opt.completeCB, opt.failedCB, opt.progressCB);\r\n\r\n let urlParameters = {$expand: 'BulkEditResults'};\r\n\r\n if (_.isEmpty(params)) {\r\n params = getParams(opt.projection, opt.batchActions, opt.entity, opt.campaignId, opt.adgroupId);\r\n }\r\n\r\n return DataStore.BulkEditSession.create(params, {\r\n urlParameters,\r\n cacheResponse: false,\r\n }).then(process)\r\n .catch(opt.failedCB);\r\n }\r\n\r\n function deleteTargets() {\r\n if (noneSelectedAndAlert(getGridSelectionCount())) {\r\n return;\r\n }\r\n\r\n // when view by ad group and not select all, we need to check if there is any inherit records.\r\n if (pluginConfig.entity.indexOf('AdGroupCriterion') >= 0 && !crossPageSelectAll.isAllSelected) {\r\n const selectedItems = gridView.selectedItems();\r\n\r\n const campaignItems = _.reject(selectedItems, (obj) => obj.LevelOfDetails === 'AdGroup');\r\n\r\n if (campaignItems.length > 0) {\r\n showAlert({\r\n i18n,\r\n title: i18n.getString('BulkEdit_Delete_Invalid_Alert_Title'),\r\n messageDetails: i18n.getString(`BulkEdit_Delete_Warning_${pluginConfig.gridType}`),\r\n });\r\n return;\r\n }\r\n }\r\n\r\n let confirmationMessage = '';\r\n\r\n confirmationMessage = i18n.getString('BulkEdit_Delete_Confirmation');\r\n if (pluginConfig.entity.indexOf('AdGroupCriterion') >= 0 && crossPageSelectAll.isAllSelected) {\r\n confirmationMessage = confirmationMessage.concat('\\n', i18n.getString('BulkEdit_Delete_SelectedAll_MixInheritWarning'));\r\n }\r\n\r\n if (!confirm(confirmationMessage)) { // eslint-disable-line no-alert\r\n return;\r\n }\r\n\r\n // invalidate cache\r\n switch (pluginConfig.entity) {\r\n case 'CampaignCriterion':\r\n case 'NegativeCampaignCriterion':\r\n summaryDataContextManager.emitter.trigger('invalidate', 'CampaignSettingsGrid');\r\n break;\r\n case 'AdGroupCriterion':\r\n case 'NegativeAdGroupCriterion':\r\n summaryDataContextManager.emitter.trigger('invalidate', 'AdGroupSettingsGrid');\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n const batchActions = {\r\n Actions: [{\r\n '@odata.type': '#Model.TextAction',\r\n ActionType: 'Set',\r\n Property: 'Status',\r\n Value: 'Deleted',\r\n }]};\r\n\r\n bulkEditChange({\r\n projection: {\r\n IdString: crossPageSelectAll.isAllSelected ? null : _.map(gridView.selectedItems(), (obj) => {\r\n return {\r\n CampaignId: obj.Campaign ? obj.Campaign.Id : Number(pluginConfig.view.options.campaignId),\r\n AdGroupId: obj.LevelOfDetails === 'AdGroup' ? obj.AdGroup.Id : undefined,\r\n TargetGroupDetailId: obj.Id,\r\n };\r\n }),\r\n // eslint-disable-next-line no-nested-ternary\r\n filters: crossPageSelectAll.isAllSelected ? isForVNext ? filterService.getCombinedFilter() : filterState.getAllFilters() : undefined,\r\n },\r\n batchActions,\r\n entity: pluginConfig.entity,\r\n campaignId: Number(pluginConfig.view.options.campaignId),\r\n adgroupId: Number(pluginConfig.view.options.adgroupId),\r\n completeCB: (response) => {\r\n if (response.SuccessRowCount === response.TotalRowCount) {\r\n window.App.views.alertCenter.toastConfirmation(i18n.getString('BulkEdit_Delete_Success', {\r\n success: response.SuccessRowCount,\r\n total: response.TotalRowCount,\r\n }));\r\n } else {\r\n window.App.views.alertCenter.toastWarning(i18n.getString('BulkEdit_Delete_Partial_Success', {\r\n success: response.SuccessRowCount,\r\n total: response.TotalRowCount,\r\n }));\r\n }\r\n gridView.deselectAll();\r\n gridView.refresh(true);\r\n eventDispatcher.trigger('targeting-settings:bulkRemoved', gridView);\r\n },\r\n failedCB: () => {\r\n gridView.deselectAll();\r\n window.App.views.alertCenter.toastError(i18n.getString('BulkEdit_Delete_Failed'));\r\n },\r\n }).withUiBlock(pluginConfig.view.$el);\r\n }\r\n\r\n function updateToolbar() {\r\n if (isForVNext) {\r\n toolbarEditor.update({\r\n type: 'button',\r\n id: menuId,\r\n text: i18n.getString('Button_Delete'),\r\n iconLeftGlyphName: 'ba-Delete',\r\n classes: ['btn-link'],\r\n onClick: () => {\r\n deleteTargets();\r\n },\r\n });\r\n } else {\r\n toolbarEditor.update({\r\n type: 'button',\r\n id: menuId,\r\n text: i18n.getString('TargetingSettings_Remove'),\r\n classes: ['btn', 'btn-secondary'],\r\n onClick: () => {\r\n deleteTargets();\r\n },\r\n });\r\n }\r\n }\r\n\r\n updateToolbar();\r\n});\r\n","import Backbone from 'backbone';\r\nimport template from './common-alert-template.pug';\r\n\r\nexport default class View extends Backbone.View {\r\n initialize(options = {}) {\r\n this.options = options;\r\n }\r\n\r\n get events() {\r\n return {\r\n 'click input.btn-default': '_ok',\r\n };\r\n }\r\n\r\n _ok() {\r\n this.trigger('ok');\r\n }\r\n\r\n render({\r\n i18n,\r\n messageDetails,\r\n learnMoreId = '',\r\n }) {\r\n this.$el.html(template({\r\n i18n,\r\n messageDetails,\r\n learnMoreId,\r\n }));\r\n\r\n return this;\r\n }\r\n}\r\n","import { decorate } from '@bingads-webui/dialog';\r\nimport commonAlert from './common-alert';\r\n\r\nconst CommonAlertDialog = decorate(commonAlert);\r\n\r\nexport function showAlert ({\r\n i18n,\r\n title = '',\r\n messageDetails,\r\n learnMoreId = '',\r\n}) {\r\n let alertView = new CommonAlertDialog({\r\n dialogOptions: {\r\n title,\r\n maxWidth: 658,\r\n },\r\n i18n,\r\n messageDetails,\r\n learnMoreId,\r\n }).render();\r\n\r\n alertView.center();\r\n\r\n alertView.bind('ok', () => {\r\n alertView.destroy();\r\n alertView = null;\r\n });\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { CcJsDataContextProvider } from '@bingads-webui-cc-react/js-data-rest';\r\nimport { DomChildrenPropTypes } from '@bingads-webui-campaign-react/account-reparenting-props';\r\nimport { appendJsDataErrorSummary, handleAjaxAuthFailure } from '@bingads-webui-campaign-react/account-reparenting-errors';\r\n\r\nexport const ARWJsDataContextProvider = ({\r\n children,\r\n serverContext: {\r\n CurrentUser,\r\n CurrentCustomer,\r\n ServicesEndpoints,\r\n },\r\n}) => (\r\n
\r\n {children}\r\n \r\n);\r\n\r\nARWJsDataContextProvider.propTypes = {\r\n children: DomChildrenPropTypes.isRequired,\r\n serverContext: PropTypes.shape({\r\n CurrentCustomer: PropTypes.shape({\r\n Id: PropTypes.number.isRequired,\r\n }).isRequired,\r\n CurrentUser: PropTypes.shape({\r\n Id: PropTypes.number.isRequired,\r\n }).isRequired,\r\n ServicesEndpoints: PropTypes.shape({\r\n ClientCenterUIAPI: PropTypes.string.isRequired,\r\n }).isRequired,\r\n }).isRequired,\r\n};\r\n","import { useMemo } from 'react';\r\nimport { useARWContextValue } from '@bingads-webui-campaign-react/account-reparenting-context-provider';\r\nimport { useJsDataContext } from '@bingads-webui-cc-react/js-data-rest';\r\n\r\nexport const useAction = (Action) => {\r\n const serverContext = useARWContextValue();\r\n const jsData = useJsDataContext();\r\n\r\n const action = useMemo(() => new Action({\r\n reparentingId: serverContext.ReparentingId,\r\n sourceCustomerId: serverContext.SourceCustomer.Id,\r\n targetCustomerId: serverContext.TargetCustomer.Id,\r\n jsData,\r\n }), [Action, serverContext, jsData]);\r\n\r\n return action;\r\n};\r\n","import { useAction } from './use-data-actions';\r\n\r\nclass AccountActions {\r\n constructor({ jsData }) {\r\n this.jsData = jsData;\r\n }\r\n\r\n fetch = id => this.jsData.Account.find(id);\r\n\r\n fetchAll = ids => this.jsData.Account.findAll({ accountIds: ids });\r\n}\r\n\r\nexport const useAccountActions = () => useAction(AccountActions);\r\n","import { useAction } from './use-data-actions';\r\n\r\nclass CustomerActions {\r\n constructor({ jsData }) {\r\n this.jsData = jsData;\r\n }\r\n\r\n fetch = id => this.jsData.Customer.find(id);\r\n updateServiceLevel = ({ id, serviceLevel }) =>\r\n this.jsData.ServiceLevel.update(id, { serviceLevel }, { cacheResponse: false });\r\n updatePilotFeatures = ({ id, pilotFeatures }) =>\r\n this.jsData.PilotFeatures.update(id, { pilotFeatures }, { cacheResponse: false });\r\n}\r\n\r\nexport const useCustomerActions = () => useAction(CustomerActions);\r\n","import { usePromise } from '@bingads-webui-react/async-utils';\r\n\r\nimport { useAction } from './use-data-actions';\r\n\r\nclass PaymentInstrumentActions {\r\n constructor({ jsData }) {\r\n this.jsData = jsData;\r\n }\r\n\r\n fetch = billToCustomerId =>\r\n this.jsData.PaymentInstrument.findAll({ customerId: billToCustomerId });\r\n\r\n fetchWithId = piId =>\r\n this.jsData.PaymentInstrument.find(piId);\r\n}\r\n\r\nexport const usePaymentInstrumentActions = () => useAction(PaymentInstrumentActions);\r\n\r\nexport const usePaymentInstruments = (billToCustomerId) => {\r\n const paymentInstrumentActions = usePaymentInstrumentActions();\r\n\r\n const { data: paymentInstruments = [] } = usePromise(\r\n () => paymentInstrumentActions.fetch(billToCustomerId),\r\n [paymentInstrumentActions, billToCustomerId]\r\n );\r\n\r\n return paymentInstruments;\r\n};\r\n","import { useAction } from './use-data-actions';\r\n\r\nclass BillingActions {\r\n constructor({ jsData }) {\r\n this.jsData = jsData;\r\n }\r\n\r\n fetchBulkTaxEstimates = accountIds =>\r\n this.jsData.BulkEstimateTaxes.findAll({ accountIds });\r\n}\r\n\r\nexport const useBillingActions = () => useAction(BillingActions);\r\n","import { useAction } from './use-data-actions';\r\n\r\nclass ReparentingJobActions {\r\n constructor({\r\n reparentingId,\r\n sourceCustomerId,\r\n targetCustomerId,\r\n jsData,\r\n }) {\r\n this.reparentingId = reparentingId;\r\n this.sourceCustomerId = sourceCustomerId;\r\n this.targetCustomerId = targetCustomerId;\r\n this.jsData = jsData;\r\n }\r\n\r\n add = ({ accountIds }) =>\r\n this.jsData.AccountReparentingJobAdd.create({ accountIds });\r\n\r\n update = ({\r\n updateType,\r\n lifeCycleStatus,\r\n targetCustomerId,\r\n accountIds,\r\n accountLinkingSettings,\r\n accountBillingSettings,\r\n defaultBillingSetting,\r\n }) =>\r\n this.jsData.AccountReparentingJobUpdate.update(this.reparentingId, {\r\n updateType,\r\n lifeCycleStatus,\r\n accountIds,\r\n sourceCid: this.sourceCustomerId,\r\n targetCid: targetCustomerId || this.targetCustomerId,\r\n accountLinkingSettings,\r\n accountBillingSettings,\r\n defaultBillingSetting,\r\n });\r\n\r\n load = () =>\r\n this.jsData.AccountReparentingJobLoad.find(this.reparentingId, {\r\n params: {\r\n sourceCid: this.sourceCustomerId,\r\n targetCid: this.targetCustomerId,\r\n },\r\n });\r\n\r\n loadAccounts = ids => this.jsData.AccountReparentingLoadAccounts.findAll({ accountIds: ids });\r\n\r\n submit = () =>\r\n this.jsData.AccountReparentingJobSubmit.create({\r\n id: this.reparentingId,\r\n sourceCid: this.sourceCustomerId,\r\n });\r\n}\r\n\r\nexport const useReparentingJobActions = () => useAction(ReparentingJobActions);\r\n","import { useAction } from './use-data-actions';\r\n\r\nclass ReparentingValidateActions {\r\n constructor({ reparentingId, sourceCustomerId, jsData }) {\r\n this.reparentingId = reparentingId;\r\n this.sourceCustomerId = sourceCustomerId;\r\n this.jsData = jsData;\r\n }\r\n\r\n accountIds = ({ accountIds }) =>\r\n this.jsData.AccountReparentingValidateAccounts.create({ accountIds });\r\n\r\n targetCustomer = ({ targetCustomerNumber }) =>\r\n this.jsData.AccountReparentingValidateTargetCustomer.create({\r\n targetCustomerNumber,\r\n id: this.reparentingId,\r\n sourceCid: this.sourceCustomerId,\r\n }, { cacheResponse: false });\r\n\r\n linkSettings = ({ accountLinkingSettings }) =>\r\n this.jsData.AccountReparentingValidateLinkInfo.create({\r\n id: this.reparentingId,\r\n sourceCid: this.sourceCustomerId,\r\n accountLinkingSettings,\r\n }, { cacheResponse: false });\r\n\r\n billingSettings = ({ accountBillingSettings }) =>\r\n this.jsData.AccountReparentingValidateBillingInfo.create({\r\n id: this.reparentingId,\r\n sourceCid: this.sourceCustomerId,\r\n accountBillingSettings,\r\n }, { cacheResponse: false });\r\n\r\n fullValidate = () =>\r\n this.jsData.AccountReparentingFullValidate.create({\r\n id: this.reparentingId,\r\n sourceCid: this.sourceCustomerId,\r\n });\r\n}\r\n\r\nexport const useReparentingValidateActions = () => useAction(ReparentingValidateActions);\r\n","import { edmCampaign } from '@bingads-webui/edm-campaign';\r\nimport { odata } from '@bingads-webui/http-util';\r\nimport { useAction } from './use-data-actions';\r\n\r\nclass UETTagActions {\r\n constructor({\r\n reparentingId,\r\n sourceCustomerId,\r\n }) {\r\n this.reparentingId = reparentingId;\r\n const edmCustomer = edmCampaign.Customers.$withKey(sourceCustomerId);\r\n this.userSettings = edmCustomer.ReparentingUserSettings.$withKey(this.reparentingId);\r\n }\r\n\r\n load = () => this.userSettings.get().toPromise();\r\n\r\n submit = UETTags => this.userSettings['Default.PostReparentingUserSetting'].$makeCall({\r\n payload: { TagSettings: UETTags },\r\n }).toPromise();\r\n\r\n download = () =>\r\n odata.get(this.userSettings['Default.DownloadSummary'].odataURL, {\r\n xhrFields: {\r\n responseType: 'blob',\r\n },\r\n dataType: 'binary',\r\n oDataToken: window.campaignODataConfigs ? window.campaignODataConfigs.Token : '',\r\n });\r\n}\r\n\r\nexport const useUETTagActions = () => useAction(UETTagActions);\r\n","import React, { useContext } from 'react';\r\n\r\nexport const ARWServerContext = React.createContext({\r\n Value: {},\r\n Actions: {},\r\n Permissions: {},\r\n});\r\n\r\nexport const useARWContextValue = () => useContext(ARWServerContext).Value;\r\nexport const useARWContextActions = () => useContext(ARWServerContext).Actions;\r\nexport const useARWContextPermissions = () => useContext(ARWServerContext).Permissions;\r\n","import React from 'react';\r\nimport _ from 'underscore';\r\nimport { Constants } from '@bingads-webui-clientcenter/entity-utils';\r\nimport { ServerContextProviderPropTypes } from '@bingads-webui-campaign-react/account-reparenting-props';\r\nimport { areUiInsertionOrdersEqual, convertAccountModelToServerContext, toClientSideBillingSetting } from '@bingads-webui-campaign-react/account-reparenting-utils';\r\nimport { ARWServerContext } from './arw-server-context';\r\n\r\nexport class ARWContextProvider extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const {\r\n serverContext: {\r\n Accounts,\r\n AccountIds,\r\n CurrentCustomer,\r\n SourceCustomerId,\r\n },\r\n } = props;\r\n const sourceCustomerId = SourceCustomerId && _.isNumber(SourceCustomerId) ?\r\n SourceCustomerId :\r\n CurrentCustomer.Id;\r\n\r\n // TargetCustomer and SourceCustomer are loaded during JobLoad Call\r\n this.state = {\r\n TargetCustomer: {},\r\n SourceCustomer: { Id: sourceCustomerId },\r\n NewBillTo: {\r\n Customer: null,\r\n PaymentOptionId: null,\r\n PaymentInstrumentId: null,\r\n InsertionOrder: null,\r\n PrepayConfig: null,\r\n },\r\n Timestamp: null,\r\n AccountIds,\r\n Accounts,\r\n MandatoryNewBillToAccountIds: [],\r\n AccountBillToCustomersMap: {},\r\n IOPreApprovalRequired: false,\r\n UETTags: null,\r\n ShowSummaryPaneLinkSettings: false,\r\n ShowSummaryPaneBillingSetting: false,\r\n };\r\n this.contextActions = {\r\n UpdateJobTimestamp: this.updateJobTimestamp,\r\n DeleteAccount: this.deleteAccount,\r\n UpdateTargetCustomer: this.updateTargetCustomer,\r\n UpdateSourceCustomer: this.updateSourceCustomer,\r\n UpdateSelectedAccountIds: this.updateSelectedAccountIds,\r\n UpdateSelectedAccounts: this.updateSelectedAccounts,\r\n UpdateJobLoadAccounts: this.updateJobLoadAccounts,\r\n UpdateAccountLinks: this.updateAccountLinks,\r\n UpdateAccountBilling: this.updateAccountBilling,\r\n UpdateAccountsBillingSettings: this.updateAccountsBillingSettings,\r\n SetIOPreApprovalRequired: this.setIOPreApprovalRequired,\r\n UpdateNewBillToSettings: this.updateNewBillToSettings,\r\n UpdateAccountBillToCustomersMap: this.updateAccountBillToCustomersMap,\r\n UpdateUETTags: this.updateUETTags,\r\n SetShowSummaryPaneLinkSettings: this.setShowSummaryPaneLinkSettings,\r\n SetShowSummaryPaneBillingSetting: this.setShowSummaryPaneBillingSetting,\r\n };\r\n }\r\n\r\n setShowSummaryPaneLinkSettings = (showSummaryPaneLinkSettings) => {\r\n this.setState({ ShowSummaryPaneLinkSettings: showSummaryPaneLinkSettings });\r\n }\r\n\r\n setShowSummaryPaneBillingSetting = (showSummaryPaneBillingSetting) => {\r\n this.setState({ ShowSummaryPaneBillingSetting: showSummaryPaneBillingSetting });\r\n }\r\n\r\n setIOPreApprovalRequired = ({ ioPreApprovalRequired }) => {\r\n this.setState({ IOPreApprovalRequired: ioPreApprovalRequired });\r\n }\r\n\r\n updateAccountBillToCustomersMap = (accountBillToCustomersMap) => {\r\n this.setState({ AccountBillToCustomersMap: accountBillToCustomersMap });\r\n };\r\n\r\n updateAccountLinks = (accountLinks, mandatoryNewBillToAccountIds) => {\r\n const updatedAccounts = this.state.Accounts;\r\n\r\n // set unlink flags for broken agency links\r\n _.each(accountLinks, (accLink) => {\r\n const accountIndex = _.findIndex(updatedAccounts, acc => acc.Id === accLink.Id);\r\n const updatedAccount = updatedAccounts[accountIndex];\r\n const linkIndex = _.findIndex(\r\n updatedAccount.LinkedManagers,\r\n manager => manager.Id === accLink.LinkedManager.Id\r\n );\r\n updatedAccount.LinkedManagers[linkIndex].Unlink = accLink.LinkedManager.Unlink;\r\n });\r\n\r\n // break bill-to links based on CCMT response\r\n _.each(updatedAccounts, (acc) => {\r\n if (_.contains(mandatoryNewBillToAccountIds, acc.Id)) {\r\n acc.BillToManager.BillTo = null;\r\n }\r\n });\r\n\r\n this.setState({\r\n Accounts: updatedAccounts.slice(),\r\n MandatoryNewBillToAccountIds: mandatoryNewBillToAccountIds || [],\r\n });\r\n }\r\n\r\n updateAccountBilling = (accountsBilling) => {\r\n const updatedAccounts = this.state.Accounts;\r\n _.each(accountsBilling, (accBilling) => {\r\n const accountIndex = _.findIndex(updatedAccounts, acc => acc.Id === accBilling.Id);\r\n const updatedAccount = updatedAccounts[accountIndex];\r\n updatedAccount.BillToManager.BillTo = accBilling.BillToManager.BillTo;\r\n });\r\n\r\n this.setState({ Accounts: updatedAccounts.slice() });\r\n }\r\n\r\n updateNewBillToSettings = ({\r\n billToCustomer,\r\n paymentOptionId,\r\n paymentInstrumentId,\r\n insertionOrder,\r\n prepayConfig,\r\n }) => {\r\n this.setState({\r\n NewBillTo: {\r\n Customer: billToCustomer,\r\n PaymentOptionId: paymentOptionId,\r\n PaymentInstrumentId: paymentInstrumentId,\r\n InsertionOrder: insertionOrder,\r\n PrepayConfig: prepayConfig,\r\n },\r\n });\r\n }\r\n\r\n updateAccountsBillingSettings = ({\r\n updatedAccountsBillingSettings,\r\n }) => {\r\n const toUpdateIds = _.pluck(updatedAccountsBillingSettings, 'accountId');\r\n\r\n const updatedAccounts = _.map(\r\n this.state.Accounts,\r\n (account) => {\r\n const updatedSettingsIndex = _.findIndex(toUpdateIds, aid => aid === account.Id);\r\n\r\n if (updatedSettingsIndex < 0) {\r\n return account;\r\n }\r\n\r\n const {\r\n billToCustomer,\r\n paymentOptionId,\r\n paymentInstrumentId,\r\n insertionOrder,\r\n prepayConfig,\r\n } = updatedAccountsBillingSettings[updatedSettingsIndex];\r\n\r\n const isInvoicePaymentOption = paymentOptionId === Constants.PaymentOptionId.Invoice;\r\n\r\n if (isInvoicePaymentOption) {\r\n if (account.BillToChange && account.BillToChange.InsertionOrder && insertionOrder) {\r\n const contextInsertionOrder = account.BillToChange.InsertionOrder;\r\n\r\n const shouldResetStatus =\r\n account.BillToChange.PaymentInstrumentId !== paymentInstrumentId ||\r\n !areUiInsertionOrdersEqual(contextInsertionOrder, insertionOrder);\r\n\r\n if (shouldResetStatus) {\r\n // We had one created and was submitted again for review.\r\n if (contextInsertionOrder.ioStatus !== null) {\r\n insertionOrder.ioStatus =\r\n Constants.InsertionOrderStatus.PendingBillToPartyChangeAndUserReview;\r\n } else {\r\n insertionOrder.ioStatus = null;\r\n }\r\n } else {\r\n insertionOrder.ioStatus = contextInsertionOrder.ioStatus;\r\n }\r\n }\r\n }\r\n\r\n return {\r\n ...account,\r\n BillToCustomer: billToCustomer,\r\n BillToChange: {\r\n PaymentOptionId: paymentOptionId,\r\n PaymentInstrumentId: paymentInstrumentId,\r\n InsertionOrder: insertionOrder,\r\n PrepayConfig: prepayConfig,\r\n },\r\n };\r\n }\r\n );\r\n\r\n this.setState({\r\n Accounts: updatedAccounts,\r\n });\r\n };\r\n\r\n // Update Accounts information from JobLoad Response\r\n updateJobLoadAccounts = (accounts) => {\r\n let showSummaryPaneLinkSettings = false;\r\n let showSummaryPaneBillingSetting = false;\r\n const updatedAccounts = _.map(this.state.Accounts, (acc) => {\r\n const updatedAccount = acc;\r\n const jobAccount = _.find(accounts, jobAcc => jobAcc.AccountId === updatedAccount.Id);\r\n\r\n _.each(jobAccount.LinkSettings, (linkSetting) => {\r\n const linkIndex = _.findIndex(\r\n updatedAccount.LinkedManagers,\r\n linkedManager => linkedManager.Id === linkSetting.AgencyCustomerId\r\n );\r\n // ignore the links which might have been deleted since previous visit\r\n if (linkIndex !== -1) {\r\n updatedAccount.LinkedManagers[linkIndex].Unlink = !linkSetting.KeepLink;\r\n }\r\n showSummaryPaneLinkSettings = true; // set to true even if there is one setting available\r\n });\r\n\r\n if (!jobAccount.BillingSetting) {\r\n updatedAccount.BillToManager.BillTo = null;\r\n } else if (jobAccount.BillingSetting && !jobAccount.BillingSetting.BillToChangeSetting) {\r\n updatedAccount.BillToManager.BillTo = true;\r\n } else if (jobAccount.BillingSetting && jobAccount.BillingSetting.BillToChangeSetting) {\r\n updatedAccount.BillToManager.BillTo = false;\r\n const {\r\n billToCustomer,\r\n paymentOptionId,\r\n paymentInstrumentId,\r\n insertionOrder,\r\n prepayConfig,\r\n } = toClientSideBillingSetting(jobAccount.BillingSetting);\r\n\r\n updatedAccount.BillToCustomer = billToCustomer;\r\n updatedAccount.BillToChange = {\r\n PaymentOptionId: paymentOptionId,\r\n PaymentInstrumentId: paymentInstrumentId,\r\n InsertionOrder: insertionOrder,\r\n PrepayConfig: prepayConfig,\r\n };\r\n }\r\n\r\n if (jobAccount.BillingSetting) {\r\n showSummaryPaneBillingSetting = true; // set to true even if there is one setting available\r\n }\r\n\r\n return updatedAccount;\r\n });\r\n\r\n this.setState({\r\n Accounts: updatedAccounts,\r\n ShowSummaryPaneBillingSetting: showSummaryPaneBillingSetting,\r\n ShowSummaryPaneLinkSettings: showSummaryPaneLinkSettings,\r\n });\r\n }\r\n\r\n updateTargetCustomer = (customer) => {\r\n this.setState({ TargetCustomer: customer });\r\n }\r\n\r\n updateJobTimestamp = (timestamp) => {\r\n this.setState({ Timestamp: timestamp });\r\n }\r\n\r\n updateSourceCustomer = (customer) => {\r\n this.setState({ SourceCustomer: customer });\r\n }\r\n\r\n updateSelectedAccountIds = (accountIds) => {\r\n this.setState({ AccountIds: accountIds });\r\n }\r\n\r\n updateSelectedAccounts = (accounts) => {\r\n const updatedAccounts = _.map(accounts, acc => convertAccountModelToServerContext(acc));\r\n this.setState({ Accounts: updatedAccounts });\r\n }\r\n\r\n updateUETTags = (uetTags) => {\r\n this.setState({ UETTags: uetTags || [] });\r\n }\r\n\r\n deleteAccount = (accountId, newUETTags) => {\r\n this.setState(prevState => ({\r\n Accounts: _.reject(prevState.Accounts, acc => acc.Id === accountId),\r\n }));\r\n\r\n // update uet tags\r\n if (this.props.serverContext.Permissions.IsAccountReparentingUETEnabled &&\r\n this.state.UETTags) {\r\n this.setState({\r\n UETTags: newUETTags,\r\n });\r\n }\r\n }\r\n\r\n render = () => {\r\n const {\r\n Accounts,\r\n AccountIds,\r\n AccountBillToCustomersMap,\r\n MandatoryNewBillToAccountIds,\r\n TargetCustomer,\r\n SourceCustomer,\r\n IOPreApprovalRequired,\r\n ShowSummaryPaneBillingSetting,\r\n ShowSummaryPaneLinkSettings,\r\n NewBillTo,\r\n Timestamp,\r\n UETTags,\r\n } = this.state;\r\n const {\r\n CurrentUser,\r\n CurrentCustomer,\r\n ReparentingId,\r\n ServicesEndpoints,\r\n Permissions,\r\n } = this.props.serverContext;\r\n return (\r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nARWContextProvider.propTypes = ServerContextProviderPropTypes;\r\n","import _ from 'underscore';\r\nimport { useARWContextValue } from './arw-server-context';\r\n\r\n/*\r\n * return true if existing BillToCustomer is either Unlinked or chooses\r\n * to have new BillTo PI after takeover billing step\r\n */\r\nexport const useAccountsWithNewBillTo = () => {\r\n const accounts = useARWContextValue().Accounts;\r\n return _.filter(accounts, acc => !acc.BillToManager.BillTo);\r\n};\r\n\r\n/*\r\n * return true if existing link between existing BillToCustomer\r\n * and Account is retained after review linking step,\r\n * can be true/ false based on decisions previously made on this step\r\n */\r\nexport const useAccountsForBillingSetup = () => {\r\n const { Accounts, MandatoryNewBillToAccountIds } = useARWContextValue();\r\n return _.filter(Accounts, acc => !_.contains(MandatoryNewBillToAccountIds, acc.Id));\r\n};\r\n\r\nconst findIntersection = (list1, list2) => {\r\n if (list1.length === 0) return list2;\r\n return _.filter(list1, item1 =>\r\n _.any(list2, item2 => _.isEqual(item1, item2)));\r\n};\r\n\r\n/*\r\n * return intersection of all eligible Bill To Customers, pass null for all accounts\r\n */\r\nexport const useEligibleBillToCustomers = (accountId = null) => {\r\n const billToCustomersMap = useARWContextValue().AccountBillToCustomersMap;\r\n const allAccountIds = accountId ? [accountId] : _.keys(billToCustomersMap);\r\n return _.reduce(\r\n allAccountIds,\r\n (billToCustomersList, accId) =>\r\n findIntersection(billToCustomersList, billToCustomersMap[accId])\r\n , []\r\n );\r\n};\r\n\r\n/*\r\n * Returns the payment option configured for the accounts with new bill to.\r\n */\r\nexport const usePaymentOptionId = () => {\r\n const contextAccounts = useAccountsWithNewBillTo();\r\n const { PaymentOptionId } = useARWContextValue().NewBillTo;\r\n\r\n const firstAccountWithBillToChange = _.find(\r\n contextAccounts,\r\n account => account.BillToChange && account.BillToChange.PaymentOptionId\r\n );\r\n\r\n return firstAccountWithBillToChange ?\r\n firstAccountWithBillToChange.BillToChange.PaymentOptionId :\r\n PaymentOptionId;\r\n};\r\n","export const defaultSchema = {\r\n scenario: [{\r\n name: 'default',\r\n value: 'Account Reparenting Scenario',\r\n activity: [{\r\n name: 'logger',\r\n value: 'Account Reparenting Logger for default scenario',\r\n }],\r\n }],\r\n};\r\n","import _ from 'underscore';\r\nimport { INSTRUMENTATION_SYSTEM_NAME, INSTRUMENTATION_SUB_SYSTEM } from '@bingads-webui-campaign-react/account-reparenting-utils';\r\nimport { getInstrumentation as getInstrumentationInstance } from '@bingads-webui-campaign/instrumentation-setup';\r\n\r\nimport { defaultSchema } from './schemas';\r\n\r\nexport const getInstrumentation = ({ serverContext }) => {\r\n const applicationName = {\r\n systemName: INSTRUMENTATION_SYSTEM_NAME,\r\n subSystemName: INSTRUMENTATION_SUB_SYSTEM,\r\n };\r\n\r\n const userContext = _.pick(serverContext, 'CurrentUser', 'CurrentCustomer');\r\n\r\n return getInstrumentationInstance({\r\n pageTrackingId: serverContext.PageTrackingId,\r\n errorMappers: {},\r\n userContext,\r\n serverContext,\r\n applicationName,\r\n isInDevelopmentMode: true,\r\n });\r\n};\r\n\r\nexport const getInstrumentationService = ({ instrumentation }) => {\r\n instrumentation.addScenario(defaultSchema);\r\n const defaultScenario = instrumentation.default.create();\r\n const logger = defaultScenario.logger.create();\r\n\r\n return {\r\n instrumentation,\r\n logger,\r\n };\r\n};\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport { DomChildrenPropTypes, InstumentationServiceContextPropTypes } from '@bingads-webui-campaign-react/account-reparenting-props';\r\n\r\nexport const InstrumentationContext = React.createContext({\r\n logger: _.noop,\r\n instrumentation: _.noop,\r\n});\r\n\r\nexport const InstrumentationContextProvider = props => (\r\n \r\n {props.children}\r\n \r\n);\r\n\r\nInstrumentationContextProvider.propTypes = {\r\n context: InstumentationServiceContextPropTypes.isRequired,\r\n children: DomChildrenPropTypes.isRequired,\r\n};\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport { Button, NavItem } from '@bingads-webui-react/primitive';\r\nimport { SearchBox } from '@bingads-webui-react/search-box';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { FocusLock } from '@bingads-webui-react/focus-lock';\r\n\r\nimport { CommonLocStrings } from '@bingads-webui-campaign-react/account-reparenting-localization';\r\nimport { entityPopoverClassesProps, getEntityPopoverStyles } from '@bingads-webui-campaign-react/account-reparenting-styles';\r\nimport { I18nPropTypes } from '@bingads-webui-campaign-react/account-reparenting-props';\r\n\r\nconst ListItem = ({\r\n Name,\r\n Url,\r\n}) => (\r\n Url ?\r\n \r\n {Name}\r\n :\r\n {Name} \r\n);\r\n\r\nListItem.propTypes = {\r\n Name: PropTypes.string.isRequired,\r\n Url: PropTypes.string,\r\n};\r\n\r\nListItem.defaultProps = {\r\n Url: '',\r\n};\r\n\r\nconst EntityPopover = ({\r\n i18n,\r\n classes,\r\n popoverId,\r\n entities,\r\n matchSearch,\r\n isShowing,\r\n onCancelClick,\r\n title,\r\n searchboxPlaceholder,\r\n}) => {\r\n const [searchText, setSearchText] = useState('');\r\n const entityList = _.filter(\r\n entities,\r\n entity => matchSearch(entity, searchText.toLowerCase().trim())\r\n );\r\n\r\n const className = classNames(\r\n classes.entityPopover,\r\n isShowing ? 'open' : ''\r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n {title && {i18n.getString(title)} }\r\n \r\n
\r\n {\r\n _.map(entity.Children, child => (\r\n
\r\n
\r\n ))\r\n }\r\n
\r\n {i18n.getString(CommonLocStrings.CloseLabel)}\r\n \r\n \r\n \r\n \r\n
\r\n { onPreviousClick &&\r\n \r\n {i18n.getString(CommonLocStrings.BackLabel)}\r\n \r\n }\r\n { onNextClick && (\r\n \r\n {i18n.getString(CommonLocStrings.NextLabel)}\r\n \r\n )}\r\n { onSubmitClick && (\r\n \r\n {i18n.getString(CommonLocStrings.SubmitLabel)}\r\n \r\n )}\r\n \r\n {i18n.getString(CommonLocStrings.CancelLabel)}\r\n \r\n { saveAndProceed && (\r\n \r\n {i18n.getString(CommonLocStrings.SaveAndExitLabel)}\r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nARWStepFooter.propTypes = {\r\n saveAndProceed: PropTypes.func,\r\n onPreviousClick: PropTypes.func,\r\n onNextClick: PropTypes.func,\r\n onSubmitClick: PropTypes.func,\r\n onCancelClick: PropTypes.func,\r\n nextButtonDisabled: PropTypes.bool,\r\n};\r\n\r\nARWStepFooter.defaultProps = {\r\n saveAndProceed: null,\r\n onPreviousClick: null,\r\n onNextClick: null,\r\n onSubmitClick: null,\r\n onCancelClick: null,\r\n nextButtonDisabled: true,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { ARWStepFooter } from './arw-step-footer';\r\n\r\n/**\r\n * Base layout for ARW wizard steps. Includes UIBlocker, header and footer.\r\n * @param {*} props - See propTypes definition.\r\n * @returns {ReactNode} - Base layout component.\r\n */\r\nexport function ARWStepBaseLayout(props) {\r\n const {\r\n className,\r\n children,\r\n saveAndProceed,\r\n onCancelClick,\r\n onNextClick,\r\n onSubmitClick,\r\n onPreviousClick,\r\n nextButtonDisabled,\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n {children}\r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nARWStepBaseLayout.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.node,\r\n PropTypes.arrayOf(PropTypes.node),\r\n ]),\r\n className: PropTypes.string,\r\n saveAndProceed: PropTypes.func,\r\n onPreviousClick: PropTypes.func,\r\n onSubmitClick: PropTypes.func,\r\n onNextClick: PropTypes.func,\r\n onCancelClick: PropTypes.func,\r\n nextButtonDisabled: PropTypes.bool,\r\n};\r\n\r\nARWStepBaseLayout.defaultProps = {\r\n children: null,\r\n className: null,\r\n saveAndProceed: null,\r\n onPreviousClick: null,\r\n onSubmitClick: null,\r\n onCancelClick: null,\r\n onNextClick: null,\r\n nextButtonDisabled: true,\r\n};\r\n","import React, { useCallback } from 'react';\r\nimport classNames from 'classnames';\r\nimport _ from 'underscore';\r\nimport $ from 'jquery';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withUiBlock } from '@bingads-webui/uiblocker';\r\n\r\nimport { useARWContextValue, useARWContextActions, usePaymentOptionId, useARWContextPermissions } from '@bingads-webui-campaign-react/account-reparenting-context-provider';\r\nimport { summaryPaneClassesProps, getSummaryPaneStyles } from '@bingads-webui-campaign-react/account-reparenting-styles';\r\nimport { useReparentingJobActions, useUETTagActions } from '@bingads-webui-campaign-react/account-reparenting-actions';\r\nimport { JobUpdateTypes } from '@bingads-webui-campaign-react/account-reparenting-utils';\r\nimport { TransferRequestSummary } from '@bingads-webui-campaign-react/transfer-request-summary';\r\n\r\nconst SummaryPane = ({ classes }) => {\r\n const serverContext = useARWContextValue();\r\n const contextActions = useARWContextActions();\r\n const jobActions = useReparentingJobActions();\r\n const paymentOptionId = usePaymentOptionId();\r\n const uetActions = useUETTagActions();\r\n const {\r\n Accounts,\r\n SourceCustomer,\r\n TargetCustomer,\r\n CurrentUser,\r\n NewBillTo,\r\n ReparentingId,\r\n ServicesEndpoints,\r\n UETTags,\r\n ShowSummaryPaneLinkSettings,\r\n ShowSummaryPaneBillingSetting,\r\n } = serverContext;\r\n const isUETEnabled = useARWContextPermissions().IsAccountReparentingUETEnabled;\r\n const { UpdateUETTags } = contextActions;\r\n\r\n const onAccountDelete = useCallback((accountId) => {\r\n const updatedAccounts = _.reject(Accounts, acc => acc.Id === accountId);\r\n jobActions.update({\r\n updateType: JobUpdateTypes.ReparentingAccountDelete,\r\n accountIds: _.pluck(updatedAccounts, 'Id'),\r\n })\r\n .then(() => {\r\n contextActions.DeleteAccount(accountId);\r\n if (isUETEnabled) {\r\n uetActions.load()\r\n .then(({ UetSetting }) => {\r\n const tagInfos = _.extend([], UetSetting.TagInfos, {\r\n saved: UetSetting.IsSaved,\r\n });\r\n UpdateUETTags(tagInfos);\r\n })\r\n .catch(() => {\r\n // TODO, error handling\r\n })\r\n .finally(withUiBlock($('.accounts-list-popover-dialog')));\r\n }\r\n })\r\n .finally(withUiBlock($('.accounts-list-popover-dialog')));\r\n }, [Accounts, jobActions, contextActions, isUETEnabled, uetActions, UpdateUETTags]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nSummaryPane.propTypes = {\r\n classes: summaryPaneClassesProps.isRequired,\r\n};\r\n\r\nexport const ARWSummaryPane = withDefaultStyles(SummaryPane, getSummaryPaneStyles);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getPageDescriptionStyles } from './styles/page-description-styles';\r\n\r\nconst UnstyledPageDescription = ({\r\n children,\r\n classes: { accountsSummaryPageDescription },\r\n}) => (\r\n \r\n
\r\n {children}\r\n
\r\n
\r\n {associations.map((association, index) => (\r\n
\r\n );\r\n};\r\n\r\nExtensions.propTypes = {\r\n layoutOptions: PropTypes.shape({}),\r\n template: PropTypes.func.isRequired,\r\n associations: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n};\r\n\r\nExtensions.defaultProps = {\r\n layoutOptions: undefined,\r\n};\r\n\r\nconst getEditorStyles = (components, theme = {}) => ({\r\n ...adExtensionEditorsGlobalStyles(components, theme),\r\n\r\n extensionsAssociations: {\r\n ...getAdExtensionsAssociationsStyles(components, theme),\r\n ...adExtensionItemTemplateStyles({ withEllipsisItemText: true })(theme),\r\n },\r\n editorPanel: {\r\n ...getAdExtensionEditorStyles(components, theme),\r\n },\r\n});\r\n\r\nconst Editor = ({\r\n campaignId,\r\n campaignName,\r\n associationEditor: AssociationEditor,\r\n dynamicFeatures,\r\n onSave: onEditorSave,\r\n onCancel: onEditorCancel,\r\n onChange: onEditorChange,\r\n}) => {\r\n const classes = useDefaultStyles(getEditorStyles);\r\n const view = useRef();\r\n const viewListener = useMemo(() => clone(Backbone.Events), []);\r\n let container;\r\n\r\n useEffect(() => {\r\n view.current = new AssociationEditor({\r\n useNewDlbLayout: true,\r\n showSaveButtonAsDefaultButton: true,\r\n allowSelectAll: false,\r\n allowDeselectAll: true,\r\n campaignId,\r\n campaignName,\r\n entityType: 'campaign',\r\n hasSubTitle: true,\r\n showErrorsInline: true,\r\n popupFront: '.navbar-fixed-top',\r\n usePanel: true,\r\n panelClassName: classes.editorPanel,\r\n isForVNext: true,\r\n vnextContext: { dynamicFeatures },\r\n // perfMarker: showAdAndExtensionMarker,\r\n // activityLogger: this.activityLogger,\r\n });\r\n\r\n view.current.render();\r\n view.current.$el.appendTo(container);\r\n\r\n return () => {\r\n view.current.remove();\r\n };\r\n // We want the view to be created only once,\r\n // hence ignoring all dependencies of this \"effect\".\r\n // This means that the view will ignore changes to all props.\r\n // If need be to make view pick props updates, the view\r\n // need to provide a way to communicate such updates to it.\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const onSave = useCallback((associations) => {\r\n console.log('[DWD] Extension association editor onSave, associations=_', associations);\r\n if (isFunction(onEditorSave)) {\r\n onEditorSave(associations);\r\n }\r\n }, [onEditorSave]);\r\n\r\n const onCancel = useCallback(() => {\r\n console.log('[DWD] Extension association editor onCancel');\r\n if (isFunction(onEditorCancel)) {\r\n onEditorCancel();\r\n }\r\n }, [onEditorCancel]);\r\n\r\n const onChange = useCallback(() => {\r\n console.log('[DWD] Extension association editor onChange');\r\n if (isFunction(onEditorChange)) {\r\n onEditorChange();\r\n }\r\n }, [onEditorChange]);\r\n\r\n useEffect(() => {\r\n viewListener.listenTo(view.current, 'save', onSave);\r\n viewListener.listenTo(view.current, 'cancel', onCancel);\r\n viewListener.listenTo(view.current, 'extensions:changed', onChange);\r\n\r\n return () => viewListener.stopListening(view.current);\r\n }, [viewListener, onSave, onCancel, onChange]);\r\n\r\n return (\r\n \r\n
{ container = ref; })} />\r\n
\r\n );\r\n};\r\n\r\nEditor.propTypes = {\r\n campaignId: PropTypes.number.isRequired,\r\n campaignName: PropTypes.string.isRequired,\r\n associationEditor: PropTypes.func.isRequired,\r\n dynamicFeatures: PropTypes.shape({}),\r\n onChange: PropTypes.func,\r\n onSave: PropTypes.func,\r\n onCancel: PropTypes.func,\r\n};\r\n\r\nEditor.defaultProps = {\r\n dynamicFeatures: undefined,\r\n onChange: undefined,\r\n onSave: undefined,\r\n onCancel: undefined,\r\n};\r\n\r\nconst getAdExtensionsAssociationsWrapperStyles = (components, theme) => ({\r\n controlsBar: {\r\n paddingTop: 16,\r\n },\r\n iconButtonColor: {\r\n color: theme.palette.themePrimary,\r\n },\r\n extensionDescription: {\r\n '& > ul > li': {\r\n lineHeight: '32px',\r\n },\r\n },\r\n});\r\n\r\nexport const AdExtensionsAssociationsWrapper = ({\r\n extensionType,\r\n campaignId,\r\n campaignName,\r\n renderDescription,\r\n associationEditor,\r\n staticFeatures,\r\n dynamicFeatures,\r\n selectedExtensionsLayoutOptions,\r\n\r\n // ...renderTimeProps\r\n i18n,\r\n extensionsAssociations,\r\n onUpdateExtensionsAssociations,\r\n}) => {\r\n const classes = useDefaultStyles(getAdExtensionsAssociationsWrapperStyles);\r\n const [isEditorOpen, setIsEditorOpen] = useState(false);\r\n\r\n const onOpenEditor = useCallback(() => {\r\n setIsEditorOpen(true);\r\n }, []);\r\n\r\n const onEditorSave = useCallback((associations) => {\r\n onUpdateExtensionsAssociations(extensionType, associations);\r\n setIsEditorOpen(false);\r\n }, [extensionType, onUpdateExtensionsAssociations]);\r\n\r\n const onEditorCancel = useCallback(() => {\r\n setIsEditorOpen(false);\r\n }, []);\r\n\r\n const associations = extensionsAssociations[extensionType] || [];\r\n\r\n if (isEditorOpen) {\r\n return (\r\n
\r\n );\r\n }\r\n\r\n if (associations.length === 0) {\r\n return (\r\n <>\r\n {renderDescription({ i18n, classes })}\r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n const dynamicTemplate = dynamicFeatures && dynamicFeatures.universalItemTemplate;\r\n const staticTemplate = staticFeatures && staticFeatures.universalItemTemplate;\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nAdExtensionsAssociationsWrapper.propTypes = {\r\n extensionType: PropTypes.string.isRequired,\r\n campaignId: PropTypes.number.isRequired,\r\n campaignName: PropTypes.string.isRequired,\r\n renderDescription: PropTypes.func.isRequired,\r\n associationEditor: PropTypes.func.isRequired,\r\n extensionsAssociations: PropTypes.shape({}).isRequired,\r\n staticFeatures: PropTypes.shape({\r\n universalItemTemplate: PropTypes.func,\r\n }),\r\n dynamicFeatures: PropTypes.shape({\r\n universalItemTemplate: PropTypes.func,\r\n }),\r\n selectedExtensionsLayoutOptions: PropTypes.shape({}),\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }).isRequired,\r\n onUpdateExtensionsAssociations: PropTypes.func.isRequired,\r\n};\r\n\r\nAdExtensionsAssociationsWrapper.defaultProps = {\r\n staticFeatures: undefined,\r\n dynamicFeatures: undefined,\r\n selectedExtensionsLayoutOptions: undefined,\r\n};\r\n","import { datePickerStyle } from '@bingads-webui-campaign-react/common-styles';\r\n\r\nexport const adExtensionEditorsGlobalStyles = (components, theme) => ({\r\n '@global': {\r\n ...datePickerStyle(theme),\r\n },\r\n});\r\n","import { chain, difference, intersection, result } from 'underscore';\r\nimport React from 'react';\r\nimport classNames from 'classnames';\r\nimport { campaignTypeExtensionTypeFilter } from '@bingads-webui-campaign/ad-extensions-shared';\r\nimport appAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-app/view/associationsEditor';\r\nimport { universalItemTemplate as appUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-app/template';\r\nimport callAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-call/view/associationsEditor';\r\nimport { universalItemTemplate as callUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-call/template';\r\nimport calloutAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-callout/view/associationsEditor';\r\nimport { universalItemTemplate as calloutUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-callout/template';\r\nimport locationAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-location/view/associationsEditor';\r\nimport { universalItemTemplate as locationUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-location/template';\r\nimport priceAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-price/view/associationsEditor';\r\nimport { universalItemTemplate as priceUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-price/template';\r\nimport reviewAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-review/view/associationsEditor';\r\nimport { universalItemTemplate as reviewUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-review/template';\r\nimport sitelinkAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-sitelink/view/associationsEditor';\r\nimport { universalItemTemplate as sitelinkUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-sitelink/template';\r\nimport structuredsnippetAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-structuredsnippet/view/associationsEditor';\r\nimport { universalItemTemplate as structuredsnippetUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-structuredsnippet/template';\r\nimport promotionAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-promotion/view/associationsEditor';\r\nimport filterLinkAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-filter-link/view/associationsEditor';\r\nimport flyerAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-flyer/view/associationsEditor';\r\nimport actionlinkAssociationsEditor from '@bingads-webui-campaign-legacy/adextension-actionlink/view/associationsEditor';\r\nimport { universalItemTemplate as actionUniversalItemTemplate } from '@bingads-webui-campaign-legacy/adextension-actionlink/template';\r\nimport { AdExtensionsAssociationsWrapper } from './ad-extensions-associations-wrapper';\r\n\r\nconst detailsFuncFactory = ([hasAssociationsKeySingular, hasAssociationsKeyPlural], noAssociationsKey) =>\r\n (i18n, associations = []) => (associations.length > 0 ?\r\n i18n.getString(associations.length > 1 ? hasAssociationsKeyPlural : hasAssociationsKeySingular, { number: associations.length }) :\r\n i18n.getString(noAssociationsKey));\r\n\r\nconst editorViewMapper = {\r\n App: {\r\n editor: appAssociationsEditor,\r\n title: _TL_('App extensions'),\r\n details: detailsFuncFactory([_TL_('1 app extension set'), _TL_('{{number}} app extensions set')], _TL_('No app extensions set')),\r\n renderDescription: ({ i18n }) => (\r\n
{i18n.getString(_TL_('App extensions'))} \r\n ),\r\n },\r\n Call: {\r\n editor: callAssociationsEditor,\r\n title: _TL_('Call extensions'),\r\n details: detailsFuncFactory([_TL_('1 call extension set'), _TL_('{{number}} call exensions set')], _TL_('No call extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show your business’s phone number in your ads to let customers know they can click to call.'))}
\r\n \r\n ),\r\n topic: 'pop_BA_CampaignCreate_Ads_CallExtensions',\r\n },\r\n Callout: {\r\n editor: calloutAssociationsEditor,\r\n title: _TL_('Callout extensions'),\r\n details: detailsFuncFactory([_TL_('1 callout extension set'), _TL_('{{number}} callout extensions set')], _TL_('No callout extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show extra details about your website’s products or offers in your ads.'))}
\r\n \r\n ),\r\n topic: 'pop_BA_CampaignCreate_Ads_CalloutExtensions',\r\n },\r\n Location: {\r\n editor: locationAssociationsEditor,\r\n title: _TL_('Location extensions'),\r\n details: detailsFuncFactory([_TL_('1 location extension set'), _TL_('{{number}} location extensions set')], _TL_('No location extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show the address and phone number of your closest business location in your ads.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 3,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_LocationExtensions',\r\n },\r\n Review: {\r\n editor: reviewAssociationsEditor,\r\n title: _TL_('Review extensions'),\r\n details: detailsFuncFactory([_TL_('1 review extension set'), _TL_('{{number}} review extensions set')], _TL_('No review extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show a positive review from a third-party source in your ads.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 4,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_ReviewExtensions',\r\n },\r\n SiteLink: {\r\n editor: sitelinkAssociationsEditor,\r\n title: _TL_('Sitelink extensions'),\r\n details: detailsFuncFactory([_TL_('1 sitelink extension set'), _TL_('{{number}} sitelink extensions set')], _TL_('No sitelink extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show additional sitelinks in your ads that take customers to specific pages of your website'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 4,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_SitelinkExtensions',\r\n },\r\n StructuredSnippet: {\r\n editor: structuredsnippetAssociationsEditor,\r\n title: _TL_('Structured snippet extensions'),\r\n details: detailsFuncFactory([_TL_('1 structured snippet extension set'), _TL_('{{number}} structured snippet extensions set')], _TL_('No structured snippet extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Highlight specific aspects of your products and services using structured snippets.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 4,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_StructuredSnippetExtensions',\r\n },\r\n Price: {\r\n editor: priceAssociationsEditor,\r\n title: _TL_('Price extensions'),\r\n details: detailsFuncFactory([_TL_('1 price extension set'), _TL_('{{number}} price extensions set')], _TL_('No price extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Provide valuable price information to your prospective customers before they click on your ad.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 3,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_PriceExtensions',\r\n },\r\n Promotion: {\r\n editor: promotionAssociationsEditor,\r\n title: _TL_('Promotion extensions'),\r\n details: detailsFuncFactory([_TL_('1 promotion extension set'), _TL_('{{number}} promotion extensions set')], _TL_('No promotion extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show deals for holidays and other special occasions in your ads.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 4,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_PromotionExtensions',\r\n },\r\n FilterLink: {\r\n editor: filterLinkAssociationsEditor,\r\n title: _TL_('Filter link extensions'),\r\n details: detailsFuncFactory([_TL_('1 filter link extension set'), _TL_('{{number}} filter link extensions set')], _TL_('No filter link extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show links to specific products and services using filter links.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 4,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_FilteredLinkExtensions',\r\n },\r\n Flyer: {\r\n editor: flyerAssociationsEditor,\r\n title: _TL_('Flyer extensions'),\r\n details: detailsFuncFactory([_TL_('1 flyer extension set'), _TL_('{{number}} flyer extensions set')], _TL_('No flyer extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Showcase flyers of your chosen products and promotions, providing potential customers with more information before they buy.'))}
\r\n \r\n ),\r\n selectedExtensionsLayoutOptions: {\r\n type: 'grid',\r\n itemsPerRow: 2,\r\n },\r\n topic: 'pop_BA_CampaignCreate_Ads_FlyerExtensions',\r\n },\r\n Action: {\r\n editor: actionlinkAssociationsEditor,\r\n title: _TL_('Action extensions'),\r\n details: detailsFuncFactory([_TL_('1 action extension set'), _TL_('{{number}} action extensions set')], _TL_('No action extensions set')),\r\n renderDescription: ({ i18n, classes }) => (\r\n
\r\n {i18n.getString(_TL_('Show an action button in your ads.'))}
\r\n \r\n ),\r\n topic: 'pop_BA_CampaignCreate_Ads_ActionExtensions',\r\n },\r\n};\r\n\r\nexport const extensionEntityMapping = {\r\n Action: 'ActionAdExtension',\r\n App: 'AppAdExtension',\r\n Call: 'CallAdExtension',\r\n Callout: 'CalloutAdExtension',\r\n Image: 'ImageAdExtension',\r\n Location: 'LocationAdExtension',\r\n Price: 'PriceAdExtension',\r\n Review: 'ReviewAdExtension',\r\n SiteLink: 'Sitelink2AdExtension',\r\n StructuredSnippet: 'StructuredSnippetAdExtension',\r\n Automated: 'AutomatedAdExtension',\r\n Promotion: 'PromotionAdExtension',\r\n FilterLink: 'FilterLinkAdExtension',\r\n Flyer: 'FlyerAdExtension',\r\n Video: 'VideoAdExtension',\r\n LeadForm: 'LeadFormAdExtension',\r\n BusinessInfo: 'LogoAdExtension',\r\n};\r\n\r\nexport const extensionNameMapping = {\r\n ActionAdExtension: 'Action',\r\n AppAdExtension: 'App',\r\n CallAdExtension: 'Call',\r\n CalloutAdExtension: 'Callout',\r\n ImageAdExtension: 'Image',\r\n LocationAdExtension: 'Location',\r\n PriceAdExtension: 'Price',\r\n ReviewAdExtension: 'Review',\r\n Sitelink2AdExtension: 'SiteLink',\r\n StructuredSnippetAdExtension: 'StructuredSnippet',\r\n AutomatedAdExtension: 'Automated',\r\n PromotionAdExtension: 'Promotion',\r\n FilterLinkAdExtension: 'FilterLink',\r\n FlyerAdExtension: 'Flyer',\r\n VideoAdExtension: 'Video',\r\n LeadFormAdExtension: 'LeadForm',\r\n LogoAdExtension: 'BusinessInfo',\r\n};\r\n\r\nexport const getAvailableExtensions = (permissions, campaignType) => {\r\n const campaignTypeFilter = campaignTypeExtensionTypeFilter(campaignType);\r\n\r\n return chain([\r\n ['Action', permissions.IsActionLinkExtensionAllowed],\r\n ['Price', permissions.IsPriceExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['Location', permissions.IsLocationExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['App', permissions.IsAppExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['SiteLink', permissions.IsSiteLinkExtensionsAllowed],\r\n ['Call', permissions.IsCallExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['Callout', permissions.IsCalloutExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['Review', permissions.IsReviewExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['StructuredSnippet', permissions.IsStructuredSnippetExtensionAllowed && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ['Promotion', permissions.IsPromotionAdExtensionEnabled],\r\n ['FilterLink', permissions.IsFilterLinkAdExtensionEnabled],\r\n ['Flyer', permissions.IsFlyerAdExtensionEnabled && !permissions.IsDomesticSimplifiedChineseEnabled],\r\n ]).filter(([type, allowed]) => allowed && campaignTypeFilter(type))\r\n .map(([name]) => name)\r\n .value();\r\n};\r\n\r\nconst getObjectiveExtensionMap = availableExtensions => ({\r\n WebsiteVisits: {\r\n suggestedExtensions: ['SiteLink', 'Action', 'Callout', 'Promotion'],\r\n otherExtensions: ['Price', 'StructuredSnippet', 'FilterLink', 'Review', 'Call', 'Location', 'Flyer'],\r\n },\r\n LocationVisits: {\r\n suggestedExtensions: ['Location', 'Call', 'Action', 'Promotion'],\r\n otherExtensions: ['Review', 'Callout', 'StructuredSnippet', 'FilterLink', 'Price', 'SiteLink', 'Flyer'],\r\n },\r\n WebsiteConversions: {\r\n suggestedExtensions: ['Action', 'Price', 'Promotion', 'SiteLink'],\r\n otherExtensions: ['Callout', 'StructuredSnippet', 'FilterLink', 'Review', 'Location', 'Call', 'Flyer'],\r\n },\r\n PhoneCalls: {\r\n suggestedExtensions: ['Call', 'Callout', 'Review', 'SiteLink'],\r\n otherExtensions: ['StructuredSnippet', 'FilterLink', 'Price', 'Promotion', 'Action', 'Flyer'],\r\n },\r\n AppInstalls: {\r\n suggestedExtensions: ['App', 'Review'],\r\n otherExtensions: difference(availableExtensions, ['App', 'Review']),\r\n },\r\n});\r\n\r\nexport const getObjectiveExtensions = (permissions, { campaignType, campaignObjective }) => {\r\n const availableExtensions = getAvailableExtensions(permissions, campaignType);\r\n const { suggestedExtensions, otherExtensions } = result(\r\n getObjectiveExtensionMap(availableExtensions),\r\n campaignObjective,\r\n { suggestedExtensions: [], otherExtensions: [] }\r\n );\r\n const suggestedObjectiveExtensions = intersection(suggestedExtensions, availableExtensions);\r\n const otherObjectiveExtensions = intersection(otherExtensions, availableExtensions);\r\n\r\n return { suggestedObjectiveExtensions, otherObjectiveExtensions };\r\n};\r\n\r\nconst adExtensionsStaticFeatures = {\r\n Action: {\r\n universalItemTemplate: actionUniversalItemTemplate,\r\n },\r\n App: {\r\n universalItemTemplate: appUniversalItemTemplate,\r\n },\r\n Call: {\r\n universalItemTemplate: callUniversalItemTemplate,\r\n },\r\n Callout: {\r\n universalItemTemplate: calloutUniversalItemTemplate,\r\n },\r\n Location: {\r\n universalItemTemplate: locationUniversalItemTemplate,\r\n },\r\n Price: {\r\n universalItemTemplate: priceUniversalItemTemplate,\r\n },\r\n Review: {\r\n universalItemTemplate: reviewUniversalItemTemplate,\r\n },\r\n SiteLink: {\r\n universalItemTemplate: sitelinkUniversalItemTemplate,\r\n },\r\n StructuredSnippet: {\r\n universalItemTemplate: structuredsnippetUniversalItemTemplate,\r\n },\r\n};\r\n\r\nexport const extensionsAssociationsFactory = (campaignId, campaignName, extensionTypes = [], adExtensionsDynamicFeatures) =>\r\n extensionTypes.map((extensionType) => {\r\n const {\r\n editor,\r\n title,\r\n topic,\r\n details,\r\n renderDescription,\r\n selectedExtensionsLayoutOptions,\r\n } = editorViewMapper[extensionType];\r\n const staticFeatures = adExtensionsStaticFeatures[extensionType];\r\n const dynamicFeatures = adExtensionsDynamicFeatures(extensionType);\r\n\r\n return {\r\n extensionType,\r\n editor,\r\n title,\r\n topic,\r\n details,\r\n renderDescription,\r\n staticFeatures,\r\n dynamicFeatures,\r\n selectedExtensionsLayoutOptions,\r\n };\r\n }).map(({\r\n extensionType,\r\n editor,\r\n title,\r\n topic,\r\n details,\r\n renderDescription,\r\n staticFeatures,\r\n dynamicFeatures,\r\n selectedExtensionsLayoutOptions,\r\n }) => {\r\n const AssociationPanel = React.memo((renderTimeProps = {}) => (\r\n
\r\n ));\r\n return {\r\n extensionType,\r\n title,\r\n topic,\r\n details,\r\n AssociationPanel,\r\n };\r\n });\r\n","// copied from @bingads-webui-campaign-react/wizard-shared-components/utils/p$dadeRange to avoid depending on bing-maps\r\nimport Promise from 'bluebird';\r\nimport { WaterfallFilterStorage, WaterfallFilterType, waterfallDateFilterProcessor } from '@bingads-webui-campaign/filter-storage';\r\nimport { ServerContext } from '@bingads-webui-campaign-react/server-context';\r\nimport { PreferenceContext } from '@bingads-webui-react/preference-context';\r\nimport { useContext } from 'react';\r\n\r\nfunction useDateRangeDefault() {\r\n const preferenceService = useContext(PreferenceContext);\r\n const serverContext = useContext(ServerContext);\r\n const waterfallFilterStorage = new WaterfallFilterStorage({\r\n preferenceService,\r\n });\r\n const waterFallDateFilters = waterfallFilterStorage.getFilters([WaterfallFilterType.DateFilter]);\r\n const dateFilter = waterfallDateFilterProcessor(waterFallDateFilters, serverContext);\r\n return dateFilter;\r\n}\r\n\r\nexport function useP$DaterangeDefault() {\r\n const dateFilter = useDateRangeDefault();\r\n return Promise.resolve(dateFilter);\r\n}\r\n","import { getInlineDownloadStyle, helpbuttonStyle, datePickerStyle } from '@bingads-webui-campaign-react/common-styles';\r\n\r\nexport const inlineDownloadStyle = (_, theme) => ({\r\n '@global': {\r\n ...datePickerStyle(theme),\r\n },\r\n InlineDownloadWrapper: {\r\n marginTop: '24px',\r\n position: 'relative',\r\n zIndex: 11,\r\n ...getInlineDownloadStyle(theme),\r\n '& button.btn': {\r\n marginRight: '8px',\r\n },\r\n \"& input[type='checkbox']\": {\r\n bottom: 0,\r\n },\r\n '& .helpbutton': helpbuttonStyle(theme)['.helpbutton'],\r\n '& .helpbutton::before': {\r\n ...helpbuttonStyle(theme)['.helpbutton::before'],\r\n position: 'static',\r\n top: 'unset',\r\n },\r\n '& .helpbutton:after': {\r\n content: 'none',\r\n },\r\n '& .glyphicon-remove': {\r\n color: `${theme.palette.themePrimary}`,\r\n },\r\n '& .form-horizontal .form-group': {\r\n marginLeft: 0,\r\n marginRight: 0,\r\n },\r\n '& .panel': {\r\n boxShadow: 'none',\r\n '& .panel-heading ': {\r\n padding: '0px',\r\n fontWeight: '600',\r\n '& .panel-title': {\r\n fontSize: '20px',\r\n fontWeight: '600',\r\n lineHeight: '27px',\r\n },\r\n },\r\n '& .panel-body': {\r\n lineHeight: '19px',\r\n paddingLeft: '0px',\r\n marginButtom: '18px',\r\n paddingButtom: '0px',\r\n },\r\n },\r\n },\r\n});\r\n","import React, { useContext, useMemo } from 'react';\r\nimport _ from 'underscore';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport Promise from 'bluebird';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withServerContext, ServerContext } from '@bingads-webui-campaign-react/server-context';\r\n\r\nimport { useP$DaterangeDefault } from './use-daterange-default';\r\nimport { inlineDownloadStyle } from './styles';\r\n\r\n// TODO: support segments for inline download\r\nexport function useInlineDownload({\r\n processReportRule = _.identity,\r\n customDownloadService = undefined,\r\n downloadFormats = undefined,\r\n entity,\r\n totalRecordCount,\r\n validateSegmentType = () => true,\r\n isFeedbackEnabled = undefined,\r\n data = { SegmentationTypes: [] },\r\n InlineDownloadCampaignODataRepository,\r\n isForVNext = true,\r\n p$daterange = undefined,\r\n localizedHeaders,\r\n odataColumnNames,\r\n serverContext,\r\n filterUrlParam,\r\n serializedFilter,\r\n}) {\r\n const p$daterangeDefaultValue = useP$DaterangeDefault();\r\n\r\n const p$daterangeDefault = () => p$daterangeDefaultValue;\r\n\r\n const segmentationTypes = [];\r\n\r\n if (serverContext && serverContext.Permissions && serverContext.Permissions.IsCustomerHierarchyEnabled) {\r\n _.extend(data, { IsCustomerHierachyRequest: true });\r\n }\r\n\r\n const repository = _.isFunction(customDownloadService) ? {\r\n download({\r\n Format,\r\n SegmentationTypes,\r\n }) {\r\n customDownloadService(Format, SegmentationTypes[0]);\r\n return Promise.resolve();\r\n },\r\n } : new InlineDownloadCampaignODataRepository({\r\n odataColumnNames,\r\n localizedHeaders,\r\n entity,\r\n filterUrlParam,\r\n serializedFilter,\r\n processReportRule,\r\n isForVNext,\r\n p$daterange: p$daterange || p$daterangeDefault,\r\n });\r\n\r\n return {\r\n isForVNext,\r\n totalRecordCount,\r\n repository,\r\n downloadFormats,\r\n segmentationTypes,\r\n validateSegmentType,\r\n isFeedbackEnabled,\r\n data,\r\n allUsersType: entity === 'Account' ? 'Customer' : 'Account',\r\n };\r\n}\r\n\r\n// Generate a inline download react from with default props and propTypes\r\nconst InlineDownloadWrapperInternal = React.memo((props) => {\r\n const serverContext = useContext(ServerContext);\r\n const classes = useDefaultStyles(inlineDownloadStyle);\r\n const {\r\n setDownloadShown,\r\n getInlineDownloadColumns,\r\n getInlineDownloadFilter,\r\n ReportEmailRule,\r\n InlineDownloadReactForm,\r\n InlineDownloadCampaignODataRepository,\r\n totalAssetCount,\r\n entity,\r\n } = props;\r\n\r\n const {\r\n localizedHeaders,\r\n odataColumnNames,\r\n } = useMemo(getInlineDownloadColumns, []);\r\n\r\n const {\r\n filterUrlParam,\r\n serializedFilter,\r\n } = useMemo(getInlineDownloadFilter, []);\r\n\r\n const inlineDownloadConfigs = useInlineDownload({\r\n serverContext,\r\n entity: entity || 'Folder',\r\n totalRecordCount: totalAssetCount,\r\n downloadFormats: [\r\n 'Csv',\r\n 'Tsv',\r\n 'Xlsx',\r\n 'Csvzip',\r\n ],\r\n InlineDownloadCampaignODataRepository,\r\n validateSegmentType: () => true,\r\n isFeedbackEnabled: false,\r\n data: ReportEmailRule || ({ SegmentationTypes: [] }),\r\n isForVNext: true,\r\n p$daterange: undefined,\r\n localizedHeaders,\r\n odataColumnNames,\r\n filterUrlParam,\r\n serializedFilter,\r\n });\r\n\r\n return (\r\n
\r\n setDownloadShown(false)}\r\n totalRecordCount={totalAssetCount}\r\n downloadFormats={inlineDownloadConfigs.downloadFormats}\r\n segmentationTypes={[]}\r\n validateSegmentType={() => true} // if we don't have segment type, we don't need to validate it\r\n isFeedbackEnabled={false}\r\n data={inlineDownloadConfigs.data}\r\n allUsersType={inlineDownloadConfigs.allUsersType}\r\n repository={inlineDownloadConfigs.repository}\r\n clearAfterDownloadCall={false}\r\n isForVNext\r\n />\r\n
\r\n );\r\n});\r\n\r\nInlineDownloadWrapperInternal.propTypes = {\r\n setDownloadShown: PropTypes.func,\r\n totalAssetCount: PropTypes.number.isRequired,\r\n ReportEmailRule: PropTypes.shape({}),\r\n getInlineDownloadColumns: PropTypes.func.isRequired,\r\n getInlineDownloadFilter: PropTypes.func.isRequired,\r\n InlineDownloadReactForm: PropTypes.element.isRequired,\r\n InlineDownloadCampaignODataRepository: PropTypes.func.isRequired,\r\n entity: PropTypes.string,\r\n};\r\n\r\nInlineDownloadWrapperInternal.defaultProps = {\r\n setDownloadShown: () => {},\r\n ReportEmailRule: undefined,\r\n entity: undefined,\r\n};\r\n\r\nconst DelayedInlineDownloadWrapperInternal = React.lazy(() =>\r\n import(/* webpackMode: 'eager' */ '@bingads-webui-campaign-legacy/griddownload/view/loader')\r\n .then(({ InlineDownloadReactForm, InlineDownloadCampaignODataRepository }) => ({\r\n default: React.memo(props => (
)),\r\n })));\r\n\r\nexport const InlineDownloadWrapper = withServerContext(DelayedInlineDownloadWrapperInternal);\r\n","import React, { useMemo, useState, useEffect } from 'react';\r\nimport appState from '@bingads-webui-component-legacy/state/index';\r\nimport { parseSync } from '@bingads-webui/safe-json';\r\nimport { InlineDownloadWrapper } from './inline-download-wrapper';\r\n\r\nconst getReportEmailRule = () => {\r\n const rule = appState.get('$ReportEmailRule');\r\n appState.unset('$ReportEmailRule');\r\n return rule;\r\n};\r\n\r\nexport const useInlineDownload = ({ overwriteFilters }) => {\r\n // ReportEmailRule state from appState is for the filter, columns and date range from the task\r\n // items of the report grid. We need to get it from appState and then remove it from appState\r\n // so that it doesn't get used in next show of the inline download.\r\n const ReportEmailRule = getReportEmailRule();\r\n const [isDownloadShown, setDownloadShown] = useState(!!ReportEmailRule);\r\n const ReportEmailRuleSnapshot = useMemo(() => ReportEmailRule, [isDownloadShown]);\r\n\r\n // Ensure not rerendering root after mount\r\n const renderInlineDownload = useMemo(\r\n () => props => (
),\r\n [ReportEmailRuleSnapshot]\r\n );\r\n\r\n useEffect(() => {\r\n if (ReportEmailRuleSnapshot && ReportEmailRuleSnapshot.Filter && overwriteFilters) {\r\n // Filter is a stringified JSON object in the serializedFilter of the inline download API call.\r\n // We need to parse it and then overwrite the filters in the grid with the parsed filters.\r\n const filters = parseSync(ReportEmailRuleSnapshot.Filter);\r\n overwriteFilters(filters);\r\n }\r\n }, [overwriteFilters]);\r\n\r\n return {\r\n renderInlineDownload,\r\n ReportEmailRule,\r\n isDownloadShown,\r\n setDownloadShown,\r\n };\r\n};\r\n","import _ from 'underscore';\r\nimport { useContext, useMemo } from 'react';\r\nimport { InstrumentationContext } from '@bingads-webui-react/hoc-with-instrumentation';\r\n\r\nexport const useSetupInstrument = (scenarioName, activityName) => {\r\n const instrumentation = useContext(InstrumentationContext);\r\n\r\n const backupLogger = useMemo(() => ({\r\n trace: _.noop,\r\n error: _.noop,\r\n }), []);\r\n\r\n return useMemo(() => {\r\n if (instrumentation && instrumentation[scenarioName]) {\r\n const scenario = instrumentation[scenarioName].create();\r\n if (scenario[activityName]) {\r\n return scenario[activityName].create();\r\n }\r\n }\r\n return backupLogger;\r\n }, [activityName, backupLogger, instrumentation, scenarioName]);\r\n};\r\n","export const input2Duration = timeObj => ((parseInt(timeObj.Day, 10) * 24 * 60) + (parseInt(timeObj.Hour, 10) * 60) + parseInt(timeObj.Min, 10));\r\n\r\nexport const duration2Input = (timeInMin) => {\r\n const timeObj = { Min: 0, Hour: 0, Day: 0 };\r\n timeObj.Min = (timeInMin % 60) || 0;\r\n const remainingHours = parseInt(timeInMin / 60, 10) || 0;\r\n timeObj.Hour = remainingHours % 24;\r\n timeObj.Day = parseInt(remainingHours / 24, 10) || 0;\r\n\r\n return timeObj;\r\n};\r\n\r\nexport const findOptionbyKey = (options, searchKey, optionKey = 'key') => {\r\n const foundKeys = options.filter(option => option[optionKey] === searchKey);\r\n if (foundKeys && foundKeys.length > 0) {\r\n return foundKeys[0];\r\n }\r\n return {};\r\n};\r\n\r\nexport const allSettledPromiseWrapper = (promises) => {\r\n const wrappedPromises = promises.map(p => Promise.resolve(p)\r\n .then(\r\n val => ({ status: 'fulfilled', value: val }),\r\n err => ({ status: 'rejected', reason: err })\r\n ));\r\n return Promise.all(wrappedPromises);\r\n};\r\n","\r\nimport PropTypes from 'prop-types';\r\nimport { ActionOperatorEnum, AttributionModelTypeEnum, CategoryOperatorEnum, ConversionCountTypeEnum, GOAL_CATEGORY, GoalStatusEnum, GoalValueTypeEnum, LabelOperatorEnum, ValueOperatorEnum } from '@bingads-webui-campaign-react/goal-creation-shared-config';\r\n\r\nexport const GoalPropType = {\r\n Selected: PropTypes.bool,\r\n GoalId: PropTypes.number,\r\n GoalCategory: PropTypes.oneOf(Object.values(GOAL_CATEGORY)),\r\n Type: PropTypes.string,\r\n CurrencyCode: PropTypes.string,\r\n GoalValue: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number,\r\n ]),\r\n IsAccountLevel: PropTypes.bool,\r\n ConversionCountType: PropTypes.oneOf(ConversionCountTypeEnum),\r\n IsMainConversionGoal: PropTypes.bool,\r\n LookbackWindowInMinutes: PropTypes.number,\r\n LookbackWindowinStr: PropTypes.string,\r\n ViewThroughLookbackWindowinMinutes: PropTypes.number,\r\n ViewThroughLookbackWindowinStr: PropTypes.string,\r\n ActionOperator: PropTypes.oneOf(ActionOperatorEnum),\r\n Action: PropTypes.string,\r\n ValueOperator: PropTypes.oneOf(ValueOperatorEnum),\r\n Value: PropTypes.number,\r\n LabelOperator: PropTypes.oneOf(LabelOperatorEnum),\r\n Label: PropTypes.string,\r\n CategoryOperator: PropTypes.oneOf(CategoryOperatorEnum),\r\n Category: PropTypes.string,\r\n Status: PropTypes.oneOf(GoalStatusEnum),\r\n AttributionModelType: PropTypes.oneOf(AttributionModelTypeEnum),\r\n Name: PropTypes.string,\r\n GoalValueType: PropTypes.oneOf(GoalValueTypeEnum),\r\n Tag: PropTypes.shape({\r\n Id: PropTypes.number,\r\n }),\r\n IsEnhancedConversionsEnabled: PropTypes.bool,\r\n '@odata.type': PropTypes.string,\r\n};\r\n","const activities = [\r\n {\r\n name: 'goalSelectionStep',\r\n value: 'goalSelectionStep',\r\n },\r\n {\r\n name: 'goalWebsiteStep',\r\n value: 'goalWebsiteStep',\r\n },\r\n {\r\n name: 'goalDetailsStep',\r\n value: 'goalDetailsStep',\r\n },\r\n {\r\n name: 'goalManualStep',\r\n value: 'goalManualStep',\r\n },\r\n {\r\n name: 'goalDoneStep',\r\n value: 'goalDoneStep',\r\n },\r\n {\r\n name: 'selectGoalObjective',\r\n value: 'selectGoalObjective',\r\n },\r\n {\r\n name: 'selectGoalType',\r\n value: 'selectGoalType',\r\n },\r\n {\r\n name: 'editGoalDetails',\r\n value: 'editGoalDetails',\r\n },\r\n {\r\n name: 'editGoalDetails.normalGoal',\r\n value: 'editGoalDetails.normalGoal',\r\n },\r\n {\r\n name: 'editGoalDetails.smartGoal',\r\n value: 'editGoalDetails.smartGoal',\r\n },\r\n {\r\n name: 'setupTag',\r\n value: 'setupTag',\r\n },\r\n {\r\n name: 'setupTag.selectTag',\r\n value: 'setupTag.selectTag',\r\n },\r\n {\r\n name: 'setupTag.noTag',\r\n value: 'setupTag.noTag',\r\n },\r\n {\r\n name: 'setupTag.noTag.selectTagMethod',\r\n value: 'setupTag.noTag.selectTagMethod',\r\n },\r\n {\r\n name: 'setupTag.noTag.installTag',\r\n value: 'setupTag.noTag.installTag',\r\n },\r\n {\r\n name: 'setupTag.noTag.emailTag',\r\n value: 'setupTag.noTag.emailTag',\r\n },\r\n {\r\n name: 'setupTag.noTag.platformTag',\r\n value: 'setupTag.noTag.platformTag',\r\n },\r\n {\r\n name: 'setupTag.noTag.platformTagInstructions',\r\n value: 'setupTag.noTag.platformTagInstructions',\r\n },\r\n {\r\n name: 'setupTag.noTag.gtmTag',\r\n value: 'setupTag.noTag.gtmTag',\r\n },\r\n {\r\n name: 'setupTag.addEventTag',\r\n value: 'setupTag.addEventTag',\r\n },\r\n {\r\n name: 'setupTag.eventTagChoice',\r\n value: 'setupTag.eventTagChoice',\r\n },\r\n {\r\n name: 'setupTag.addEventTagWithClarity',\r\n value: 'setupTag.addEventTagWithClarity',\r\n },\r\n {\r\n name: 'endFlow',\r\n value: 'endFlow',\r\n },\r\n {\r\n name: 'createWizard',\r\n value: 'createWizard',\r\n },\r\n {\r\n name: 'editGoalDetails.enhancedConversions',\r\n value: 'editGoalDetails.enhancedConversions',\r\n },\r\n {\r\n name: 'setupTag.setupEnhancedConv',\r\n value: 'setupTag.setupEnhancedConv',\r\n },\r\n];\r\n\r\nexport const instrumentationSchema = {\r\n scenario: [\r\n // All activities must be under this scenario so that we can later use SceId to string together a session.\r\n {\r\n name: 'autoGoalCreationWizard',\r\n value: 'autoGoalCreationWizard',\r\n activity: activities,\r\n },\r\n {\r\n name: 'stepFlowScenario',\r\n value: 'step flow',\r\n activity: [\r\n {\r\n name: 'stepFlow',\r\n value: 'step flow',\r\n },\r\n ],\r\n },\r\n ],\r\n};\r\n","import React from 'react';\r\n\r\nexport const GoalWizardContext = React.createContext();\r\n","export const AUTO_GOAL_CREATION_WIZARD_STEP_PATHS = {\r\n GOAL_TYPE_SELECTION: 'GOAL_TYPE_SELECTION',\r\n WEBSITE: 'WEBSITE',\r\n GOAL_DETAIL_SETTING: 'GOAL_DETAIL_SETTING',\r\n UET_SETUP: 'UET_SETUP',\r\n DONE: 'DONE',\r\n MANUAL: 'MANUAL',\r\n};\r\n\r\nexport const FLOWS = {\r\n MANUAL_GOAL: 'MANUAL_GOAL',\r\n MANUAL_GOAL_WEBSITE: 'MANUAL_GOAL_WEBSITE',\r\n AUTO_GOAL_WITH_UET: 'AUTO_GOAL_WITH_UET',\r\n AUTO_GOAL_WITHOUT_UET: 'AUTO_GOAL_WITHOUT_UET',\r\n AUTO_GOAL_SKIP_WEBSITE_WITH_UET: 'AUTO_GOAL_SKIP_WEBSITE_WITH_UET',\r\n AUTO_GOAL_SKIP_WEBSITE_WITHOUT_UET: 'AUTO_GOAL_SKIP_WEBSITE_WITHOUT_UET',\r\n};\r\n\r\nexport const stepToPage = {\r\n [AUTO_GOAL_CREATION_WIZARD_STEP_PATHS.GOAL_TYPE_SELECTION]: 'autogoalwizard010.goalTypeSelection',\r\n [AUTO_GOAL_CREATION_WIZARD_STEP_PATHS.WEBSITE]: 'autogoalwizard020.website',\r\n [AUTO_GOAL_CREATION_WIZARD_STEP_PATHS.GOAL_DETAIL_SETTING]: 'autogoalwizard030.goaldetail',\r\n [AUTO_GOAL_CREATION_WIZARD_STEP_PATHS.UET_SETUP]: 'autogoalwizard040.uetsetup',\r\n [AUTO_GOAL_CREATION_WIZARD_STEP_PATHS.DONE]: 'autogoalwizard050.done',\r\n [AUTO_GOAL_CREATION_WIZARD_STEP_PATHS.MANUAL]: 'autogoalwizard000.manual',\r\n};\r\n","import { edmCampaign } from '@bingads-webui/edm-campaign';\r\n\r\nexport const createGoals = (payload, cid, aid) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Goals['Default.AddGoals']\r\n .$makeCall({ payload })\r\n .toPromise();\r\n\r\nexport const updateGoal = (goalId, payload, cid, aid) =>\r\n edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Goals.update(goalId, payload);\r\n\r\nexport const bulkEditGoals = (payload, cid, aid) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Goals['Default.UpdateGoals']\r\n .$makeCall({ payload })\r\n .toPromise();\r\n\r\nexport const createGoal = (payload, cid, aid) =>\r\n edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Goals.post(payload).toPromise();\r\n\r\nexport const getGoals = (cid, aid, params) => {\r\n const parameters = params || {};\r\n\r\n return edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Goals\r\n .get({\r\n filter: parameters.$filter ? { where: parameters.$filter } : {},\r\n count: parameters.$count || true,\r\n startDate: parameters.$startDate,\r\n endDate: parameters.$endDate,\r\n }).toPromise();\r\n};\r\n","import _ from 'underscore';\r\nimport { useEffect, useState } from 'react';\r\nimport { getGoals } from './uet-goal-crud';\r\n\r\nexport const useGoalwithParams = ({\r\n serverContext,\r\n activity,\r\n params,\r\n}) => {\r\n const [goals, setGoals] = useState([]);\r\n const [count, setCount] = useState(0);\r\n const { Token } = serverContext;\r\n const { Id: aid, AdvertiserCustomerID: cid } = serverContext.CurrentAccount;\r\n\r\n useEffect(() => {\r\n getGoals(cid, aid, params).then((result) => {\r\n activity.trace('Load Goals Successed');\r\n const finalResult = _.get(result, 'value', []);\r\n if (params && params.$count) {\r\n setCount(_.get(result, '@odata.count', 0));\r\n }\r\n setGoals(finalResult);\r\n }).catch((error) => {\r\n activity.error(`Load Goals Failed: ${JSON.stringify(error)}`);\r\n });\r\n }, [Token, activity, aid, cid, params]);\r\n\r\n return [goals, count];\r\n};\r\n","import { edmCampaign } from '@bingads-webui/edm-campaign';\r\n\r\nexport const getAutoGoalRecommendations = (cid, aid) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Goals['Default.GetGoalRecommendation']\r\n .get().toPromise();\r\n","import _ from 'underscore';\r\nimport { useEffect, useState } from 'react';\r\nimport { getAutoGoalRecommendations } from './goal-recommendations';\r\n\r\nexport const useRecommendation = ({\r\n serverContext,\r\n activity,\r\n}) => {\r\n const [recommendation, setRecommendation] = useState([]);\r\n const { Token } = serverContext;\r\n const { Id: aid, AdvertiserCustomerID: cid } = serverContext.CurrentAccount;\r\n\r\n useEffect(() => {\r\n getAutoGoalRecommendations(cid, aid, Token).then((result) => {\r\n activity.trace(`Load Recommendation : ${JSON.stringify(result)}`);\r\n const finalResult = _.get(result, 'value', []);\r\n setRecommendation(finalResult);\r\n }).catch((error) => {\r\n activity.error(`Load Recommendation Failed: ${JSON.stringify(error)}`);\r\n });\r\n }, [Token, activity, aid, cid]);\r\n\r\n return [recommendation];\r\n};\r\n","import { odata } from '@bingads-webui/http-util';\r\n\r\nconst emailInfo = {\r\n UET: {\r\n EmailNotificationId: 388,\r\n EmailTemplateName: 'UetTagInstructionsEmail',\r\n },\r\n Event: {\r\n EmailNotificationId: 389,\r\n EmailTemplateName: 'UetTagAndEventTagInstructionsEmail',\r\n },\r\n UetTagInstructionsEmailV2: {\r\n EmailNotificationId: 589,\r\n EmailTemplateName: 'UetTagInstructionsEmailV2',\r\n },\r\n UetTagAndEventTagInstructionsEmailV2: {\r\n EmailNotificationId: 590,\r\n EmailTemplateName: 'UetTagAndEventTagInstructionsEmailV2',\r\n },\r\n};\r\n\r\nexport const postEmail = (cid, aid, token, emailType, emailAddresses, emailContent) => {\r\n const { EmailNotificationId, EmailTemplateName } = emailInfo[emailType];\r\n\r\n const data = {\r\n EmailContent: Object.entries(emailContent).map(([k, v]) => ({ Key: k, Value: v })),\r\n EmailAddresses: emailAddresses,\r\n EmailTemplateName,\r\n EmailNotificationId,\r\n ToAdvertiser: true,\r\n };\r\n const url = aid ? `${window.location.origin}/ODataApi/Advertiser/V2/Customers(${cid})/Accounts(${aid})/SendEmail` :\r\n `${window.location.origin}/ODataApi/Advertiser/V2/Customers(${cid})/Accounts/SendEmail`;\r\n try {\r\n return odata.post({\r\n url,\r\n data,\r\n headers: {\r\n Authorization: `CCMTSmallToken ${token}`,\r\n },\r\n }).then((res) => {\r\n if (res && res.value) {\r\n return res;\r\n }\r\n return Promise.reject(res);\r\n });\r\n } catch (e) {\r\n return Promise.reject(e);\r\n }\r\n};\r\n","import _ from 'underscore';\r\nimport { useCallback } from 'react';\r\nimport { edmCampaign } from '@bingads-webui/edm-campaign';\r\n\r\nexport const postEventLog = (cid, aid, postData) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)['Default.PostABTestingEventLog']\r\n .$makeCall({\r\n payload: { data: postData },\r\n })\r\n .toPromise();\r\n\r\nexport function useStepFlowEvent(\r\n serverContext,\r\n logTrace = _.noop\r\n) {\r\n const accountId = _.get(serverContext, ['CurrentAccount', 'Id']);\r\n const customerId = _.get(serverContext, ['CurrentCustomer', 'Id']);\r\n const { token } = serverContext;\r\n\r\n const postEvent = useCallback(({ EventName, EventValue }) => {\r\n const data = {\r\n UniqueId: _.get(serverContext, ['Omniture', 'SessionId']),\r\n EventName,\r\n EventValue: JSON.stringify({\r\n AID: accountId,\r\n CID: customerId,\r\n ...EventValue,\r\n TimeStamp: new Date().toISOString(),\r\n }),\r\n };\r\n logTrace(`[PostABTestingEventLog]: UniqueId: ${data.UniqueId}, EventName: ${data.EventName}, EventValue: ${data.EventValue}`);\r\n\r\n postEventLog(customerId, accountId, data, token);\r\n }, [serverContext, accountId, customerId, logTrace, token]);\r\n\r\n return postEvent;\r\n}\r\n","import { edmCampaign } from '@bingads-webui/edm-campaign';\r\n\r\nexport const THIRD_PARTY_PLATFORM_MAPPING = {\r\n None: 'None',\r\n GTM: 'Google Tag Manager',\r\n WordPress: 'WordPress',\r\n Shopify: 'Shopify',\r\n};\r\n\r\nexport const getDetectDomainThirdParty = (cid, aid, domain) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Tags['Default.DetectDomainThirdParty']\r\n .$makeCall({\r\n payload: { Domain: domain },\r\n })\r\n .toPromise();\r\n\r\nexport const postTagPromise = (payload, cid, aid) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Tags\r\n .post(payload).toPromise().then((response) => {\r\n if (response && response.Id) {\r\n return { ...response, isAutoCreated: true };\r\n }\r\n throw new Error('Could not create tag');\r\n });\r\n\r\nexport const getTags = (cid, aid) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Tags\r\n .get({\r\n top: 2000,\r\n select: ['Id', 'Name', 'Owner', 'TrackingCode', 'IsPreferredTag', 'IsClarityTagEnabled', 'TrackingStatus', 'IsReadOnly'],\r\n }).toPromise().then((tagResponse) => {\r\n if (tagResponse && tagResponse.value) {\r\n return tagResponse.value;\r\n }\r\n return [];\r\n }).catch(error => Promise.reject(error));\r\n\r\nexport const updateTag = (cid, aid, tagId, payload) => {\r\n const edmCustomer = edmCampaign.Customers.$withKey(cid);\r\n const edmHolder = aid ? edmCustomer.Accounts.$withKey(aid) : edmCustomer;\r\n return edmHolder.Tags.update(tagId, payload)\r\n .then((response) => {\r\n if (response.Id) {\r\n return response;\r\n }\r\n throw response;\r\n });\r\n};\r\n\r\nexport const getExternalIntegrations = (cid, aid, tagId) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Tags.$withKey(tagId)['Default.GetExternalIntegrations']\r\n .$makeCall({})\r\n .toPromise().then(response => ({ ...response, hasExternalIntegrations: response.NumberOfEntities > 0 }));\r\n\r\nexport const getTagByDomain = (cid, aid, domain) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Tags['Default.DetectDomainUET']\r\n .$makeCall({\r\n payload: { Domain: domain },\r\n })\r\n .toPromise();\r\n","import _ from 'underscore';\r\n\r\nexport const generateAddOrEditGoalPayload = (goals) => {\r\n const result = goals.map((goal) => {\r\n const newPayloadGoal = { ...goal };\r\n\r\n delete newPayloadGoal.Domains;\r\n delete newPayloadGoal.PageUrls;\r\n\r\n newPayloadGoal.GoalValue = parseFloat(goal.GoalValue);\r\n\r\n if (newPayloadGoal.ValueOperator === 'NoValue') {\r\n delete newPayloadGoal.ValueOperator;\r\n delete newPayloadGoal.Value;\r\n }\r\n\r\n if (newPayloadGoal.LabelOperator === 'NoValue') {\r\n delete newPayloadGoal.LabelOperator;\r\n delete newPayloadGoal.Label;\r\n }\r\n\r\n if (newPayloadGoal.GoalValueType === 'NoValue') {\r\n delete newPayloadGoal.CurrencyCode;\r\n delete newPayloadGoal.GoalValue;\r\n } else {\r\n newPayloadGoal.GoalValue = (_.isUndefined(newPayloadGoal.GoalValue) || _.isNull(newPayloadGoal.GoalValue)) ? 1 : newPayloadGoal.GoalValue;\r\n newPayloadGoal.CurrencyCode = newPayloadGoal.CurrencyCode === null ? 'USD' : newPayloadGoal.CurrencyCode;\r\n }\r\n return {\r\n ...newPayloadGoal,\r\n };\r\n });\r\n return result;\r\n};\r\n\r\n","import { ActionOperatorEnum, AttributionModelTypeEnum, CategoryOperatorEnum, ConversionCountTypeEnum, GoalStatusEnum, GoalTypeEnum, GoalValueTypeEnum, LabelOperatorEnum, ValueOperatorEnum } from '@bingads-webui-campaign-react/goal-creation-shared-config';\r\n// ToDo: use campaign-odata-schemas when MT is ready\r\nexport const autoGoalSchemaFieldName = {\r\n Name: 'Name',\r\n Category: 'Category',\r\n CategoryOperator: 'CategoryOperator',\r\n Action: 'Action',\r\n ActionOperator: 'ActionOperator',\r\n Label: 'Label',\r\n LabelOperator: 'LabelOperator',\r\n Value: 'Value',\r\n ValueOperator: 'ValueOperator',\r\n Id: 'Id',\r\n Type: 'Type',\r\n Status: 'Status',\r\n LookbackWindowInMinutes: 'LookbackWindowInMinutes',\r\n LookbackWindowInMinutesGroup: 'LookbackWindowInMinutesGroup',\r\n Day: 'Day',\r\n Hour: 'Hour',\r\n Min: 'Min',\r\n IsAccountLevel: 'IsAccountLevel',\r\n ConversionCountType: 'ConversionCountType',\r\n GoalValue: 'GoalValue',\r\n CurrencyCode: 'CurrencyCode',\r\n GoalValueType: 'GoalValueType',\r\n IsMainConversionGoal: 'IsMainConversionGoal',\r\n ViewThroughLookbackWindowinMinutes: 'ViewThroughLookbackWindowinMinutes',\r\n ViewThroughLookbackWindowinMinutesGroup: 'ViewThroughLookbackWindowinMinutesGroup',\r\n AttributionModelType: 'AttributionModelType',\r\n};\r\n\r\nexport const autoGoalSettingSchema = {\r\n name: 'aut goal setting schema',\r\n type: 'object',\r\n properties: {\r\n [autoGoalSchemaFieldName.Name]: {\r\n type: 'string',\r\n minLength: 1,\r\n },\r\n [autoGoalSchemaFieldName.GoalValue]: {\r\n type: 'number',\r\n required: true,\r\n minimum: 0,\r\n maximum: 9999999,\r\n },\r\n [autoGoalSchemaFieldName.ViewThroughLookbackWindowinMinutes]: {\r\n type: 'integer',\r\n required: true,\r\n minimum: 0,\r\n maximum: 150,\r\n },\r\n [autoGoalSchemaFieldName.ViewThroughLookbackWindowinMinutesGroup]: {\r\n type: 'object',\r\n schema: {\r\n name: 'ViewThroughLookbackWindowinMinutesGroup Schema',\r\n type: 'object',\r\n properties: {\r\n [autoGoalSchemaFieldName.Day]: {\r\n type: 'integer',\r\n required: true,\r\n minimum: 0,\r\n maximum: 30,\r\n },\r\n\r\n [autoGoalSchemaFieldName.Hour]: {\r\n type: 'integer',\r\n minimum: 0,\r\n maximum: 23,\r\n },\r\n [autoGoalSchemaFieldName.Min]: {\r\n type: 'integer',\r\n minimum: 0,\r\n maximum: 59,\r\n },\r\n },\r\n },\r\n },\r\n [autoGoalSchemaFieldName.Category]: {\r\n type: 'string',\r\n },\r\n [autoGoalSchemaFieldName.CategoryOperator]: {\r\n type: 'string',\r\n enum: CategoryOperatorEnum,\r\n },\r\n [autoGoalSchemaFieldName.Action]: {\r\n type: 'string',\r\n },\r\n [autoGoalSchemaFieldName.ActionOperator]: {\r\n type: 'string',\r\n enum: ActionOperatorEnum,\r\n },\r\n [autoGoalSchemaFieldName.Label]: {\r\n type: 'string',\r\n },\r\n [autoGoalSchemaFieldName.LabelOperator]: {\r\n type: 'string',\r\n enum: LabelOperatorEnum,\r\n },\r\n [autoGoalSchemaFieldName.Value]: {\r\n type: 'object',\r\n nullable: true,\r\n },\r\n [autoGoalSchemaFieldName.ValueOperator]: {\r\n type: 'string',\r\n enum: ValueOperatorEnum,\r\n },\r\n [autoGoalSchemaFieldName.Id]: {\r\n type: 'integer',\r\n key: true,\r\n nullable: true,\r\n },\r\n [autoGoalSchemaFieldName.Type]: {\r\n type: 'string',\r\n enum: GoalTypeEnum,\r\n },\r\n [autoGoalSchemaFieldName.Status]: {\r\n type: 'string',\r\n enum: GoalStatusEnum,\r\n },\r\n [autoGoalSchemaFieldName.LookbackWindowInMinutes]: {\r\n type: 'integer',\r\n minimum: 0,\r\n maximum: 129600,\r\n },\r\n [autoGoalSchemaFieldName.LookbackWindowInMinutesGroup]: {\r\n type: 'object',\r\n schema: {\r\n name: 'LookbackWindowInMinutesGroup Schema',\r\n type: 'object',\r\n properties: {\r\n [autoGoalSchemaFieldName.Day]: {\r\n type: 'integer',\r\n required: true,\r\n minimum: 0,\r\n maximum: 90,\r\n },\r\n [autoGoalSchemaFieldName.Hour]: {\r\n type: 'integer',\r\n minimum: 0,\r\n maximum: 23,\r\n },\r\n [autoGoalSchemaFieldName.Min]: {\r\n type: 'integer',\r\n minimum: 0,\r\n maximum: 59,\r\n },\r\n },\r\n },\r\n },\r\n [autoGoalSchemaFieldName.IsAccountLevel]: {\r\n type: 'boolean',\r\n },\r\n [autoGoalSchemaFieldName.ConversionCountType]: {\r\n type: 'string',\r\n enum: ConversionCountTypeEnum,\r\n nullable: true,\r\n },\r\n [autoGoalSchemaFieldName.CurrencyCode]: {\r\n type: 'string',\r\n },\r\n [autoGoalSchemaFieldName.GoalValueType]: {\r\n type: 'string',\r\n enum: GoalValueTypeEnum,\r\n },\r\n [autoGoalSchemaFieldName.AttributionModelType]: {\r\n type: 'string',\r\n enum: AttributionModelTypeEnum,\r\n },\r\n [autoGoalSchemaFieldName.IsMainConversionGoal]: {\r\n type: 'boolean',\r\n nullable: true,\r\n },\r\n },\r\n};\r\n","export const getGoalDetailFormStyles = () => ({\r\n formBody: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '20px',\r\n '& Label': {\r\n fontWeight: 'normal',\r\n },\r\n },\r\n\r\n labelHelp: {\r\n display: 'flex',\r\n gap: '5px',\r\n\r\n '& button': {\r\n color: 'unset',\r\n },\r\n },\r\n accordionHeader: {\r\n color: '#115EA3',\r\n width: '145px',\r\n '& button': {\r\n padding: 0,\r\n },\r\n },\r\n accordionPanel: {\r\n margion: 0,\r\n },\r\n rowContainer: {\r\n display: 'flex',\r\n gap: '12px',\r\n },\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { HelpButton } from '@bingads-webui-react/help-popup';\r\nimport { Label } from '@fluentui/react-components';\r\n\r\nexport const LabelHelpButton = ({\r\n i18n,\r\n className,\r\n labelTitle,\r\n helpId,\r\n helpIAriaLabel,\r\n}) => {\r\n const mappedArialLabel = helpIAriaLabel || i18n.getString(_TL_('Learn more about {{term}}'), { term: labelTitle });\r\n return (\r\n
\r\n {labelTitle}\r\n \r\n );\r\n};\r\n\r\nLabelHelpButton.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n className: PropTypes.string.isRequired,\r\n labelTitle: PropTypes.string.isRequired,\r\n helpId: PropTypes.string.isRequired,\r\n helpIAriaLabel: PropTypes.string,\r\n};\r\nLabelHelpButton.defaultProps = {\r\n helpIAriaLabel: null,\r\n};\r\n","import { InputLite, withErrorField } from '@bingads-webui-react/primitive-validation-fluent';\r\nimport _ from 'underscore';\r\n\r\nexport const errorMessageMapping = {\r\n required: _TL_('Field must not be empty'),\r\n type: _TL_('Invalid Character'),\r\n maxLength: _TL_('Maximum length exceeded'),\r\n minLength: _TL_('Minimum length not met'),\r\n range: _TL_('Number range is incorrect'),\r\n // [new-i18n-issue]: a workaround to use build-in validation string map\r\n Validation_Base_Field_Not_Valid: _TL_('Validation_Base_Field_Not_Valid'),\r\n Validation_NotEmpty_Required_Field: _TL_('Validation_NotEmpty_Required_Field'),\r\n Validation_String_Max_Length: _TL_('Validation_String_Max_Length'),\r\n Validation_String_Min_Length: _TL_('Validation_String_Min_Length'),\r\n Validation_String_Invalid_Characters: _TL_('Validation_String_Invalid_Characters'),\r\n Validation_Number_Require_Numeric: _TL_('Validation_Number_Require_Numeric'),\r\n Validation_Number_Max_Length: _TL_('Validation_Number_Max_Length'),\r\n Validation_Number_Range_Min: _TL_('Validation_Number_Range_Min'),\r\n Validation_Number_Range_Max: _TL_('Validation_Number_Range_Max'),\r\n Validation_Number_Range_Between: _TL_('Validation_Number_Range_Between'),\r\n};\r\n\r\nexport const handleValidationMessages = (i18n, errors, customErrorMapping = errorMessageMapping) => {\r\n const errorStrings = _.map(\r\n errors,\r\n (oldError, key) => (\r\n _.has(customErrorMapping, key) ?\r\n i18n.getString(customErrorMapping[key]) : oldError)\r\n );\r\n return _.isEmpty(errorStrings) ? [] : [_.last(errorStrings)];\r\n};\r\n\r\nexport const ValidatedInput = withErrorField(InputLite);\r\n\r\n","import _ from 'underscore';\r\nimport classNames from 'classnames';\r\nimport React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field } from '@fluentui/react-components';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { duration2Input, input2Duration } from '@bingads-webui-campaign-react/auto-goal-creation-wizard-utils';\r\nimport { ValidationGroup } from '@bingads-webui-react/primitive-validation-fluent';\r\n\r\nimport { getGoalDetailFormStyles } from '../styles/goal-details-setting-form-style';\r\nimport { ValidatedInput, errorMessageMapping, handleValidationMessages } from '../control-components/validated-helper';\r\nimport { autoGoalSettingSchema } from '../auto-goal-schema';\r\n\r\nexport const ConversionWindowFormUnstyled = ({\r\n i18n,\r\n className,\r\n classes,\r\n onChange,\r\n windowTargetName,\r\n schemaFieldGroupName,\r\n conversionWindowInMin,\r\n label,\r\n maxWindowInMin,\r\n minWindowInMin,\r\n}) => {\r\n const timeObj = duration2Input(conversionWindowInMin);\r\n const maxWindowInDay = maxWindowInMin / 24 / 60;\r\n const customError = [i18n.getString(_TL_('Enter a conversion period of up to {{day}} days.'), { day: maxWindowInDay })];\r\n const customValidator = total => total >= minWindowInMin && total <= maxWindowInMin;\r\n const [showError, setShowError] = useState(false);\r\n const onValidate = (result) => {\r\n if (result && result.isValid) {\r\n const updateObj = { ...timeObj, ..._.get(result, ['data', schemaFieldGroupName]) };\r\n const updatedTime = input2Duration(updateObj);\r\n if (customValidator(updatedTime)) {\r\n onChange(windowTargetName, updatedTime);\r\n setShowError(false);\r\n } else {\r\n setShowError(true);\r\n }\r\n }\r\n };\r\n const customErrorMapping = {\r\n ...errorMessageMapping,\r\n decimalLength: _TL_('Field requires integer value'),\r\n };\r\n\r\n const errorProcessor = errors => handleValidationMessages(i18n, errors, customErrorMapping);\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 );\r\n};\r\n\r\nConversionWindowFormUnstyled.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n className: PropTypes.string,\r\n classes: PropTypes.shape(_.mapObject(\r\n getGoalDetailFormStyles(),\r\n _.constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n windowTargetName: PropTypes.string.isRequired,\r\n schemaFieldGroupName: PropTypes.string.isRequired,\r\n conversionWindowInMin: PropTypes.number,\r\n maxWindowInMin: PropTypes.number.isRequired,\r\n minWindowInMin: PropTypes.number,\r\n label: PropTypes.node.isRequired,\r\n};\r\n\r\nConversionWindowFormUnstyled.defaultProps = {\r\n className: 'goal-window-form',\r\n conversionWindowInMin: 0,\r\n minWindowInMin: 0,\r\n};\r\n\r\nexport const ConversionWindowForm = withDefaultStyles(ConversionWindowFormUnstyled, getGoalDetailFormStyles);\r\n","import _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React, { useMemo } from 'react';\r\nimport {\r\n Field,\r\n Dropdown,\r\n Option,\r\n} from '@fluentui/react-components';\r\nimport { getCurrencyOptions } from '@bingads-webui-campaign-react/conversion-utils';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { GoalPropType, findOptionbyKey } from '@bingads-webui-campaign-react/auto-goal-creation-wizard-utils';\r\n\r\nimport { getGoalDetailFormStyles } from '../styles/goal-details-setting-form-style';\r\nimport { autoGoalSchemaFieldName } from '../auto-goal-schema';\r\nimport { ValidatedInput, errorMessageMapping, handleValidationMessages } from '../control-components/validated-helper';\r\n\r\nexport const DefaultRevenueFormUnstyled = ({\r\n i18n,\r\n classes,\r\n draftGoal,\r\n onChange,\r\n}) => {\r\n const currencyOptions = useMemo(() => getCurrencyOptions(i18n), [i18n]);\r\n const selectedOption = findOptionbyKey(currencyOptions, draftGoal.CurrencyCode);\r\n const customError = {\r\n ...errorMessageMapping,\r\n decimalLength: _TL_('The number with up to 2 decimal places.'),\r\n };\r\n\r\n return (\r\n
\r\n
\r\n onChange('GoalValue', e.target.value)}\r\n validationProps={{\r\n field: autoGoalSchemaFieldName.GoalValue,\r\n errorProcessor: errors => handleValidationMessages(i18n, errors, customError),\r\n }}\r\n />\r\n
\r\n
\r\n \r\n onChange('CurrencyCode', data.optionValue || '')}\r\n value={selectedOption && selectedOption.text}\r\n selectedOptions={selectedOption && [selectedOption.key]}\r\n >\r\n {currencyOptions.map(option =>\r\n {option.text} )\r\n }\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nDefaultRevenueFormUnstyled.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n classes: PropTypes.shape(_.mapObject(\r\n getGoalDetailFormStyles(),\r\n _.constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n draftGoal: PropTypes.shape(GoalPropType).isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n};\r\nexport const DefaultRevenueForm = withDefaultStyles(DefaultRevenueFormUnstyled, getGoalDetailFormStyles);\r\n","import _ from 'underscore';\r\nimport React, { useContext, useState, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport {\r\n Accordion,\r\n AccordionHeader,\r\n AccordionItem,\r\n AccordionPanel,\r\n Field,\r\n Radio,\r\n RadioGroup,\r\n Dropdown,\r\n Option,\r\n Checkbox,\r\n Link\r\n} from '@fluentui/react-components';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { ReactTemplate } from '@bingads-webui-react/react-template';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { ValidationGroup } from '@bingads-webui-react/validation';\r\nimport { goalHelpIdMapping } from '@bingads-webui-campaign-react/goal-creation-shared-config';\r\nimport { GoalPropType, findOptionbyKey } from '@bingads-webui-campaign-react/auto-goal-creation-wizard-utils';\r\nimport { ServerContext } from '@bingads-webui-campaign-react/server-context';\r\n\r\nimport { autoGoalSchemaFieldName, autoGoalSettingSchema } from './auto-goal-schema';\r\nimport { getGoalDetailFormStyles } from './styles/goal-details-setting-form-style';\r\nimport { LabelHelpButton } from './components/label-help-button';\r\nimport { ConversionWindowForm } from './components/window-form';\r\nimport { DefaultRevenueForm } from './components/default-revenue-value-form';\r\nimport { getAttributeModelOptions, getRevenueOptions } from './constants';\r\nimport { ValidatedInput, handleValidationMessages } from './control-components/validated-helper';\r\n\r\nexport const GoalDetailForm = ({\r\n draftGoal,\r\n setDraftGoal,\r\n setIsFormValid,\r\n accountName,\r\n activity,\r\n}) => {\r\n const i18n = useContext(I18nContext);\r\n const classes = useDefaultStyles(getGoalDetailFormStyles);\r\n const serverContext = useContext(ServerContext);\r\n const locale = _.get(serverContext, ['CurrentLocale'], 'en-us').toLowerCase();\r\n const languageCode = locale.split('-')[0];\r\n\r\n const onAccountLabel = `${i18n.getString(_TL_('On account:'))} ${accountName}`;\r\n const acrossAccountsLabel = i18n.getString(_TL_('Across all accounts'));\r\n const allCountLabel = i18n.getString(_TL_('All (if one ad click causes 3 purchases, 3 conversions will be counted) '));\r\n const uniqueCountLabel = i18n.getString(_TL_('Unique (if one ad click causes 3 purchases, 1 conversion will be counted)'));\r\n\r\n const setRadioValue = (name, newValue) => {\r\n const copiedGoal = _.clone(draftGoal);\r\n if (name === 'IsAccountLevel') {\r\n copiedGoal[name] = newValue === 'accountLevel';\r\n } else {\r\n copiedGoal[name] = newValue;\r\n }\r\n if (name === 'IsMainConversionGoal') {\r\n copiedGoal[name] = newValue === 'yes';\r\n }\r\n if (name === 'IsEnhancedConversionsEnabled') {\r\n copiedGoal[name] = newValue;\r\n if (activity && activity.trace) {\r\n activity.trace(`[GoalDetailForm] IsEnhancedConversionsEnabled DraftGoal ${JSON.stringify(copiedGoal)}`);\r\n }\r\n }\r\n setDraftGoal(copiedGoal);\r\n };\r\n\r\n const onValidate = (result) => {\r\n if (result) {\r\n setIsFormValid(result.isValid);\r\n }\r\n };\r\n\r\n const onGenericValueChange = (name, value) => {\r\n const copiedGoal = _.clone(draftGoal);\r\n copiedGoal[name] = value;\r\n setDraftGoal(copiedGoal);\r\n };\r\n\r\n const attributeModelOptions = useMemo(() => getAttributeModelOptions(i18n), [i18n]);\r\n const selectedAttributeModelOption = findOptionbyKey(attributeModelOptions, draftGoal.AttributionModelType);\r\n\r\n const revenueOptions = useMemo(() => getRevenueOptions(i18n), [i18n]);\r\n const selectedReveueOption = findOptionbyKey(revenueOptions, draftGoal.GoalValueType);\r\n const [isValueAvailable, setIsValueAvailable] = useState(draftGoal.GoalValueType === 'VariantValue' || draftGoal.GoalValueType === 'FixedValue');\r\n\r\n const onChangeRevenueSelection = (ev, data) => {\r\n onGenericValueChange('GoalValueType', data.optionValue || '');\r\n const shouldShowValueDropdown = data.optionValue === 'FixedValue' || data.optionValue === 'VariantValue';\r\n setIsValueAvailable(shouldShowValueDropdown);\r\n };\r\n\r\n return (\r\n
\r\n\r\n
\r\n onGenericValueChange('Name', e.target.value)}\r\n validationProps={{\r\n field: autoGoalSchemaFieldName.Name,\r\n errorProcessor: errors => handleValidationMessages(i18n, errors),\r\n }}\r\n />\r\n \r\n {\r\n revenueOptions.map(option =>\r\n {option.text} )\r\n }\r\n \r\n \r\n {isValueAvailable && ( setRadioValue('IsMainConversionGoal', data.value)}\r\n value={draftGoal.IsMainConversionGoal ? 'yes' : 'no'}\r\n >\r\n setRadioValue('IsEnhancedConversionsEnabled', data && data.checked)}\r\n checked={draftGoal.IsEnhancedConversionsEnabled}\r\n label={\r\n <>\r\n\r\n (\r\n \r\n \r\n {i18n.getString(_TL_('Advanced settings'))}\r\n \r\n \r\n setRadioValue('IsAccountLevel', data.value)}\r\n value={draftGoal.IsAccountLevel ? 'accountLevel' : 'customerLevel'}\r\n >\r\n setRadioValue('ConversionCountType', data.value)}\r\n value={draftGoal.ConversionCountType}\r\n >\r\n onGenericValueChange('AttributionModelType', data.optionValue || '')}\r\n value={selectedAttributeModelOption && selectedAttributeModelOption.text}\r\n selectedOptions={selectedAttributeModelOption && [selectedAttributeModelOption.key]}\r\n >\r\n {\r\n attributeModelOptions.map(option =>\r\n {option.text} )\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nGoalDetailForm.propTypes = {\r\n accountName: PropTypes.string.isRequired,\r\n draftGoal: PropTypes.shape(GoalPropType).isRequired,\r\n setDraftGoal: PropTypes.func.isRequired,\r\n setIsFormValid: PropTypes.func.isRequired,\r\n activity: PropTypes.shape({\r\n trace: PropTypes.func.isRequired,\r\n error: PropTypes.func.isRequired,\r\n }),\r\n};\r\n\r\nGoalDetailForm.defaultProps = {\r\n activity: {\r\n trace: _.noop,\r\n error: _.noop,\r\n },\r\n};\r\n","export const getAttributeModelOptions = i18n => [{ key: 'Default', text: i18n.getString(_TL_('Last Click')) },\r\n { key: 'LastTouch', text: i18n.getString(_TL_('Last Touch')) }];\r\n\r\nexport const getRevenueOptions = i18n => [\r\n {\r\n key: 'FixedValue',\r\n text: i18n.getString(_TL_('Each conversion action has the same value')),\r\n ariaLabel: i18n.getString(_TL_('Each conversion action has the same value')),\r\n },\r\n {\r\n key: 'VariantValue',\r\n text: i18n.getString(_TL_('Conversion action value may vary (for example, by price)')),\r\n ariaLabel: i18n.getString(_TL_('Conversion action value may vary (for example, by price)')),\r\n },\r\n {\r\n key: 'NoValue',\r\n text: i18n.getString(_TL_('Don\\'t assign a value')),\r\n ariaLabel: i18n.getString(_TL_('Don\\'t assign a value')),\r\n },\r\n];\r\n","import _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React, { useContext, useEffect, useState } from 'react';\r\nimport { Button } from '@fluentui/react-components';\r\nimport {\r\n Drawer,\r\n DrawerHeader,\r\n DrawerHeaderTitle,\r\n DrawerBody,\r\n DrawerFooter\r\n} from '@fluentui/react-drawer';\r\nimport {\r\n MessageBar, MessageBarBody, MessageBarTitle,\r\n} from '@fluentui/react-message-bar';\r\nimport { Dismiss24Regular } from '@fluentui/react-icons';\r\nimport { GoalPropType } from '@bingads-webui-campaign-react/auto-goal-creation-wizard-utils';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\n\r\nimport { GoalDetailForm } from './goal-details-setting-form';\r\n\r\nexport const GoalDetailSettingDrawer = ({\r\n accountName,\r\n activity,\r\n goal,\r\n isOpen,\r\n isReadOnly,\r\n message,\r\n setGoal,\r\n setIsOpen,\r\n restoreFocusSourceAttributes,\r\n}) => {\r\n const i18n = useContext(I18nContext);\r\n const [draftGoal, setDraftGoal] = useState(_.clone(goal));\r\n const [isFormValid, setIsFormValid] = useState(true);\r\n\r\n useEffect(() => {\r\n setDraftGoal(_.clone(goal));\r\n }, [goal]);\r\n\r\n const onSaveBtnClick = () => {\r\n if (isFormValid) {\r\n setGoal(draftGoal);\r\n if (activity && activity.trace) {\r\n activity.trace(`[GoalDetailForm] onSaveBtnClick draftGoal ${JSON.stringify(draftGoal)}`);\r\n }\r\n }\r\n };\r\n\r\n const onCancelBtnClick = () => {\r\n setDraftGoal(_.clone(goal));\r\n if (activity && activity.trace) {\r\n activity.trace(`[GoalDetailForm] onCancelBtnClick draftGoal ${JSON.stringify(draftGoal)}`);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n return (\r\n
setIsOpen(open)}\r\n position=\"end\"\r\n size=\"medium\"\r\n modalType=\"modal\"\r\n\r\n >\r\n \r\n \r\n \r\n \r\n {message &&\r\n \r\n \r\n \r\n {message} \r\n \r\n \r\n \r\n }\r\n \r\n \r\n {i18n.getString(_TL_('Save'))}\r\n \r\n \r\n {i18n.getString(_TL_('Cancel'))}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nGoalDetailSettingDrawer.propTypes = {\r\n accountName: PropTypes.string.isRequired,\r\n activity: PropTypes.shape({\r\n trace: PropTypes.func.isRequired,\r\n error: PropTypes.func.isRequired,\r\n }),\r\n goal: PropTypes.shape(GoalPropType).isRequired,\r\n isOpen: PropTypes.bool.isRequired,\r\n isReadOnly: PropTypes.bool,\r\n message: PropTypes.string,\r\n setGoal: PropTypes.func.isRequired,\r\n setIsOpen: PropTypes.func.isRequired,\r\n restoreFocusSourceAttributes: PropTypes.shape({}),\r\n};\r\n\r\nGoalDetailSettingDrawer.defaultProps = {\r\n activity: {\r\n trace: _.noop,\r\n error: _.noop,\r\n },\r\n isReadOnly: false,\r\n message: null,\r\n restoreFocusSourceAttributes: {},\r\n};\r\n","import _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React, { useContext, useState } from 'react';\r\nimport { GoalPropType } from '@bingads-webui-campaign-react/auto-goal-creation-wizard-utils';\r\nimport { updateGoal } from '@bingads-webui-campaign-react/auto-goal-data-repository';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { getMessageFromErrors } from '@bingads-webui-campaign-react/conversion-wizard-components';\r\n\r\nimport { GoalDetailSettingDrawer } from './goal-details-setting-drawer';\r\nimport { generateAddOrEditGoalPayload } from './helper';\r\n\r\nexport const GoalDetailSettingEditDrawer = ({\r\n activity,\r\n goal,\r\n isOpen,\r\n isReadOnly,\r\n serverContext,\r\n setGoal,\r\n setIsOpen,\r\n restoreFocusSourceAttributes = {},\r\n}) => {\r\n const i18n = useContext(I18nContext);\r\n const { Id: aid, AdvertiserCustomerID: cid } = serverContext.CurrentAccount;\r\n const [message, setMessage] = useState(null);\r\n const defaultErrorMessageEdit = i18n.getString(_TL_('Sorry, an error occurred while editing this goal.'));\r\n\r\n const setGoalInternal = (draftGoal) => {\r\n const editPayloads = generateAddOrEditGoalPayload([draftGoal]);\r\n\r\n updateGoal(draftGoal.Id, { ...editPayloads[0] }, cid, aid)\r\n .then((result) => {\r\n activity.trace(`[GoalDetailSettingEditDrawer] setGoalInternal draftGoal ${JSON.stringify(result)}`);\r\n setGoal(draftGoal);\r\n setIsOpen(false);\r\n })\r\n .catch(({ errors }) => {\r\n if (errors) {\r\n const errorMessage = getMessageFromErrors(i18n, errors);\r\n setMessage(errorMessage);\r\n } else {\r\n setMessage(defaultErrorMessageEdit);\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n {i18n.getString(_TL_('Add more conversion goals'))}\r\n \r\n }\r\n />\r\n \r\n {i18n.getString(_TL_('We have detected new conversion goals to add based on your website activities'))}\r\n \r\n \r\n {i18n.getString(_TL_('Add more goals to further optimize your campaign performance.'))}\r\n
\r\n \r\n \r\n {i18n.getString(_TL_('See more'))}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nRecommendationTile.propTypes = {\r\n onClick: PropTypes.func.isRequired,\r\n i18n: PropTypes.shape({ getString: PropTypes.func }).isRequired,\r\n isReadOnly: PropTypes.bool,\r\n};\r\n\r\nRecommendationTile.defaultProps = {\r\n isReadOnly: false,\r\n};\r\n","import _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Fragment } from 'react';\r\nimport { useRecommendation, useGoalwithParams } from '@bingads-webui-campaign-react/auto-goal-data-repository';\r\n\r\nimport { RecommendationTile } from './recommendation-tile';\r\n\r\nexport const RecommendationTileWithCondition = ({\r\n activity,\r\n i18n,\r\n isReadOnly,\r\n onClick,\r\n serverContext,\r\n}) => {\r\n const [recommendation] = useRecommendation({ serverContext, activity });\r\n const formatDate = date => i18n.formatDate(date, { raw: 'M/d/yyyy' });\r\n const startDate = new Date();\r\n startDate.setFullYear(startDate.getFullYear() - 1);\r\n const params = {\r\n $filter: '(isAutoGoal eq true)', $startDate: formatDate(startDate), $endDate: formatDate(new Date()), $count: true,\r\n };\r\n const [, count] = useGoalwithParams({ serverContext, activity, params });\r\n const shouldShow = !_.isEmpty(recommendation) && count > 0;\r\n activity.trace(`[RecommendationTileWithCondition] should Show tile ${shouldShow} with auto goal count of ${count}`);\r\n\r\n const onClickInternal = (e) => {\r\n activity.trace('[RecommendationTileWithCondition] clicked');\r\n if (onClick) {\r\n onClick(e);\r\n }\r\n };\r\n\r\n return shouldShow ? = (props) => {\r\n const {\r\n className,\r\n options,\r\n value,\r\n onChange,\r\n label,\r\n helpTopic,\r\n helpLabel,\r\n } = props;\r\n const id = useId('bid-strategy-dropdown');\r\n const classes = useBidStrategyDropdownStyles();\r\n const i18n = useContext(I18nContext) as any;\r\n\r\n const selectedOptions = useMemo(() => [value], [value]);\r\n const selectedText = options.find(option => option.key === value)?.text;\r\n const selectedTextString = selectedText ? i18n.getString(selectedText) : selectedText;\r\n\r\n const onOptionSelect: DropdownProps['onOptionSelect'] = useCallback((ev, data) => {\r\n const newValue = options.find((option: { key: string }) => option.key === data.optionValue)?.key;\r\n onChange(newValue);\r\n }, [options, onChange]);\r\n\r\n return (\r\n \r\n \r\n {label || i18n.getString(_TL_('Bid strategy'))} \r\n {helpTopic &&\r\n \r\n \r\n {options.map(option => (\r\n \r\n {i18n.getString(option.text)}\r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nBidStrategyDropdownPure.defaultProps = {\r\n className: '',\r\n label: undefined,\r\n helpTopic: undefined,\r\n helpLabel: undefined,\r\n};\r\n\r\nexport const ValidatedBidStrategyDropdown = withValidation(BidStrategyDropdownPure, GenericAdapter);\r\n","import React from 'react';\r\n\r\ninterface BidStrategyIconProps {\r\n width?: number;\r\n height?: number;\r\n}\r\n\r\nconst BidStrategyIconPure: React.FC = ({ width, height }) => (\r\n \r\n \r\n);\r\n\r\nBidStrategyIconPure.defaultProps = {\r\n width: 24,\r\n height: 24,\r\n};\r\n\r\nexport const BidStrategyIcon = React.memo(BidStrategyIconPure);\r\n"],"names":["ViewModel","_createClass","_ref","_this","scope","hideFooter","isXandrVideoAd","isMultiAdFormatDisplayAd","isMultiAdFormatVideoAd","isForVNext","_ref$setAdGroupType","setAdGroupType","_","_ref$setIsDisplayPlus","setIsDisplayPlusNativeEditAdEditor","_ref$permissions","permissions","_classCallCheck","KoSchema","properties","this","scopeContext","scopeService","getScope","ko","campaignType","campaignSubType","campaignDomain","isDynamicDescriptionEnabled","isFeedBasedCampaign","selectorLabelId","showAdGroups","adGroupId","showCampaignLevel","campaignId","showEditor","allowAdCreation","selectedCampaigns","selectedAdgroups","adEditorTitle","saveAnalyticsId","saveCreateAnalyticsId","subscribe","newAdgroup","onAdGroupSelect","newCampaign","onCampaignSelect","isDisplayAdWithCopilot","isXandrDisplayAdsCampaign","dynamic","DisplayPlusCopilotAssetGeneration","isDisplayPlusNativeEdit","isAudienceCampaign","isAudienceNativeAdsCampaign","DisplayPlusEdit","containerClass","hideSaveAndCreateAnother","isSmartShoppingCampaign","key","value","current","newAdgroupId","Id","MTCampaignTypeEnum","Campaign","CampaignType","campaignName","Name","adGroupName","CampaignSubType","CampaignSettings","isTraditionalChinese","Language","adsCountMap","adGroupType","biddingStrategyType","DisplayBiddingStrategyType","AdGroupType","isXandrVideoAdsCampaign","XandrVideoCampaigns","isDisplayPlusNativeEditEnabled","setClarityTag","IsDisplayPlusAudienceNative","transformAdgroupData","data","Promise","adgroupData","resolve","pageContext","CurrentCampaign","length","EntitySelectorService","getAdsCount","CurrentAccount","CurrentCustomer","then","catch","e","console","log","adgroup","shouldKeepSmartShoppingCampaignAdGroup","result","map","item","name","status","Status","totalCount","items","i18n","window","globalLegacyI18n","get","AdgroupSelectorProxy","arguments","undefined","onEventTrigger","getCustomizedData","query","pageNumber","pageSize","adgroupSelectorView","selectorContainer","$","uiBlockContainer","hasClass","find","queryText","isDSAMixedModeCampaignEnabled","config","signleQuoteTerminatedQuery","replace","$expand","$select","concat","$skip","$top","$count","$filter","entitySet","edmCampaign","currentAccount","Campaigns","$withKey","Number","AdGroups","toJSON","jsdata","AdGroup","findAll","getAdgroupData","finally","withUiBlock","AdgroupSelectorView","fetch","_ref2","_ref2$query","_ref2$pageNumber","fecthAdgroupData","stringKeys","emptyListContent","listHeader","selectEntity","on","selectedItem","campaign","getCampaignData","campaignData","transformCampaignData","CampaignAdgroupSelectorProxy","_ref$onCampaignSelect","_ref$onAdGroupSelect","campaignAdgroupSelectorView","_ref2$pageSize","_ref3","_ref3$query","_ref3$pageNumber","_ref3$pageSize","_ref3$scopeParentItem","scopeParentItem","CampaignAdgroupSelectorView","onFetch","args","fecthCampaignData","i18nGlobal","saveIds","ExpandedText","saveCreateIds","View","_Backbone$View","_callSuper","_inherits","perfMarker","newI18n","_ref$model","model","_ref$campaignId","_ref$adGroupId","_ref$adGroupType","_ref$campaignType","_ref$campaignSubType","_ref$biddingStrategyT","_ref$isSaveToServer","isSaveToServer","_ref$isTraditionalChi","_ref$appLookupDisable","appLookupDisabled","_ref$developerName","developerName","_ref$campaignDomain","_ref$isDynamicDescrip","_ref$isFeedBasedCampa","_ref$firstTextAdModel","firstTextAdModel","_ref$firstExpandedTex","firstExpandedTextAdModel","_ref$firstResponsiveS","firstResponsiveSearchAdModel","_ref$isForVNext","_ref$inlineSuggestion","inlineSuggestionsEnabled","_ref$adsCountMap","_ref$showSaveAndCreat","showSaveAndCreateAnother","_ref$isOpenCreatePane","isOpenCreatePanel","_ref$shouldSendOpport","shouldSendOpportunityLog","logOpportunity","parentPerfMarker","serverContext","preferenceService","createChild","autoEnd","isActiveChild","PerfMarkerFactory","createMarker","willInit","hasWebsiteImageOptedInObservable","adEditor","AdEditorView","showInline","viewModel","bind","hasWebsiteImageOptedIn","ad","trigger","context","adId","setAnalyticsId","_type","type","errors","setTitle","adgroupSelectorProxy","selectedAdGroup","adgroupSelector","getAdgroupSelectorView","campaignAdgroupSelectorProxy","selectedCampaign","getCampaignAdgroupSelectorView","originalAdEditorScope","$el","empty","append","template","isDisplayPlusDisplayAd","el","render","remove","_superPropGet","save","saveAndCreateAnother","Backbone","options","isTextareaEmpty","isKeywordPlannerEnabled","createView","CreateView","keywordPlannerView","KeywordPlannerView","mode","scenario","newKeyword","addSuggestion","viewmodel","adGroup","textarea","parser","keywordsTextareaVal","textAreaSubscription","isEmpty","gridData","emptySearchTeams","initializeSuggestions","html","isAfterFirstInteraction","_this2","_this$options$adGroup","getLandingPageUrl","Ad","limit","offset","Ads","cacheResponse","campaignParams","bypassCache","queryParameters","adGroupParams","criterionLoader","load","spread","campaignLocationRes","adGroupLocationRes","landingPageUrlRes","campaignLanguageRes","adGroupLanguageRes","languages","keywordPlannerSupportedLanguages","Languages","isLanguageSupported","setLanguages","locationTargets","Criterion","setLocationTargeting","landingPageUrl","FinalUrls","DestinationUrl","allLocationsUnsupported","onSearch","url","validate","getChangedKeywords","keywordSuggestionsAdded","dispose","off","_AdapterView","getQueryOptions","params","queryOptions","filterText","where","$contains","take","skip","HotelCenterEntitySelectorService","SubAccount","results","subAccount","Type","total","HasPaged","success","error","fail","jsDataOptions","edm","SubAccounts","HotelGroups","HotelGroup","SubAccountId","SubAccountName","s$i18n","AdExtensionAssociationSchema","globalLegacySchema","GridConfig","adextensionType","columns","_ref$excludedColumns","excludedColumns","deleteAssociation","editExtension","addExtension","gridContainer","toolbarContainer","associationType","typeString","_ref$selection","selection","_ref$heroButtonText","heroButtonText","dataSourceGenerator","adExtensionTabPerfMarker","customHeaderOffset","getGridName","AdExtensionType","AssociationType","legacyGridName","tableClasses","scrolling","virtualized","viewport","header","height","sortableHeader","sortableHeaderTemplate","hasCampaignNameColumn","hasAdGroupNameColumn","defaultItems","deliveryColumn","getDeliveryColumn","entityColumns","_toConsumableArray","bingadsGridColumn","property","VerticalSubAccount","sortable","title","bodyClasses","VerticalHotelGroup","idColumn","putil","getSharedColumns","col","plugins","a11y","performanceLog","appConfig","logger","marker","filter","toolbar","helpers","singleToolbar","container","id","text","classes","onClick","disabled","Permissions","IsReadOnlyUser","button","attributes","tabindex","menu","iconLeft","dateFilter","state","isOdataActionSource","addDateChangeListener","handler","App","views","Summary","bindDateFilterChangeHandler","comparisonColumns","pagination","availablePageSizes","enableRandomPage","pageSizeText","getString","placeholder","rows","headRows","toolbarRow","constants","DEFAULT_TOOLBAR_NAME","dataSource","entity","DataStore","AdExtensionAssociations","$call","gridDataParameters","adExtensionTypes","headers","_defineProperty","schema","selectable","isAggregateRow","SubAccountAssociationsRequestFactory","ids","getBatchRequest","scopes","flatten","idList","EntityId","AdExtensionId","HotelGroupAssociationsRequestFactory","HotelAssociationsRepository","_AssociationsReposito","_schema","requestFactory","batchURL","entityType","AssociationsRepository","baseSchema","standardProperties","commonProperties","HotelCenterAdExtensionsRepository","ownedProperties","afterChangeComitted","extensionDataFormatter","associationsDataFormatter","extension","ExtensionsRepository","association","attrsProcessor","attrs","accountId","associationAdgroupId","associationCampaignId","associationAccountId","adextensionId","adextensionStatus","AdExtension","Delivery","deliveryAlertId","getTimeZoneForDateRangeText","_bingads_webui_component_legacy_timezonemapper_index","ENTITY_MAP","headerRefreshCache","updateFlagRefreshCache","operator","grid","gridView","expandToolBar","view","show","gridToolbarGroup","hideAllToolbars","call","showAllToolbars","hide","refresh","openAssociationsEditor","currentCampaignId","currentAdgroupId","adExtensionId","editFromGrid","adgroupName","isStringFormatId","adgroupId","usePanel","disableScheduling","repositoryFactory","updateContext","isUINext","createAssociationEditorForUiNext","instantiateEditor","editAssociations","selectedItems","popup","alert","deliveryStatus","alertCenter","showError","selectedCampaignId","selectedAdgroupId","editor","toLowerCase","getBulkDeleteItems","deleteMessage","confirm","in","deleteAssociations","deletedItems","associations","mappingAssociationType","createRequestFactory","destroyAllByOdata","HotelCenterBaseAdExtensionAssociationsView","_ref4","_ref4$excludedColumns","customizedFilterList","dataPostProcess","filterListProcessor","overThresholdErrorMessage","_ref4$isUINext","_ref4$createAssociati","_ref4$extendPlugins","extendPlugins","preferenceConfig","extensionsRepo","isInitialGrid","prepareGrid","event","deliveryStatusPopupFactory","showRejectionPopup","stopPropagation","document","one","closeRejectionPopup","_ref5","_ref5$attrsProcessor","defaultAttrsProcessor","_ref5$shouldNotShowGr","shouldNotShowGrid","appendLearnMoreLink","accountTimeZoneText","_ref6","_this3","_ref6$attrsProcessor","configParams","createAssociations","NewGridConfig","filterConfig","afterFindAll","resources","Code","asyncCallback","asyncEmptyText","setupGrid","gridPromise","fetchPreferenceConfig","_this4","pluginFactories","toolbarPlugin","newDateFilterPlugin","newPaginationPlugin","newUiBlockerPlugin","a11yPlugin","newAssistedSelectionPlugin","perfMarkerPlugin","placeholderPlugin","performanceLogPlugin","defaultPlugins","gridOptions","plugin","getDefaultPlugins","extendedPlugins","pgridFactory","gridConfig","AdExtensionDeliveryStatusPopupFactory","overrideEntities","overrideAssociationType","BidataNotRequired","changes","preference","sortInfo","orderby","preferencesService","Data","toolbarEditor","toolbarWithName","itemsCount","getItemCount","set","deselectAll","dismiss","eventDispatcher","cacheManager","invalidate","rejectionContainer","getElementById","style","display","css","ResetImage","removeRejectionPopup","i18nHotelCenter","hotelCenterComponentI18n","hotelCenterSharedI18n","HotelCenterAssignmentDeps","viewAdapter","hotelCenterEdm","hotelCenterJsData","crossPageSelectAll","sharedColumn","schemaUtil","customUserInfoPreferences","campaignJsData","dateFilterPreferences","HotelCenterAssignment","hotelCenterAssignmentLoader","CalloutAdExtensionSchema","CalloutAdExtensionAssociationsView","_HotelCenterBaseAdExt","isNewEntitySelector","associationOption","AssociationEditor","CalloutAssociationEditor","findScope","i18nKeys","multiSelectSubtitle","AdgroupSelectorEntityTypeAdgroups","AdgroupSelectorEntityTypeCampaigns","AdExtensionsMultiSelectSelectCampaigns","AdExtensionsMultiSelectSelectAdgroups","entitySelectorService","maxSelectedItemsCount","AssociationContainer","subtitle","ErrorGridEntityAdgroupColumn","ErrorGridEntityCampaignColumn","delete_confirm","AdExtensions_Edit_Warning","local","gridRowTemplate","Text","helpId","HotelCenterBaseAdExtensionView","hotelCenterI18n","hotelCenterShared","HotelCenterIntelligenceDeps","adapter","azureUpload","toast","calloutExtensionAssociation","segmentationPerferences","servicePreference","customeridtype","HotelCenterIntelligence","hotelCenterIntelligenceLoader","hotelCenterIntelligence","hotelCenterSchemaI18n","hotelCenterUtils","HotelCenterOverviewDeps","detailMapper","bulkEditJob","downloadViewAdapter","columnChooser","newPerformanceLog","popupEditor","decimal","jsDataCampaign","segmentationPreferences","columnChooserPreferences","HotelCenterOverview","hotelCenterOverviewLoader","userCountryService","getHotelCenterShared","SetupViewDeps","HotelCenteSetup","setupViewLoader","_getHotelCenterUtils","getHotelCenterUtils","bidUtils","bidMultiplierUtils","dateUtils","inlineDownloadUtils","fetchDbProvisionStatus","reject","cid","aid","getProvisionedUrl","Authorization","Token","isHotelAdsDBPilotEnabled","bootstrapHotelCenter","dbProvisionStatus","dbProvisionResult","getFilterPromise","filterValues","match","currentCustomer","subAccounts","getTotalSubaccounts","pageId","isPageReady","logException","err","msg","message","stack","st","JSON","stringify","logError","startPollingUntilImportStarted","taskItemExecutionId","completeCallBack","showLoadingIcon","isMultiAccount","failedTimes","wrappedCompleteCallBack","func","hideLoadingPanel","logMessage","LOGCATEGORY","TRACE","LOGLEVEL","INFO","showLoadingPanel","setTimeout","checkStatus","odata","editImportCookieName","currentUserName","cookieHelperForEditImport","createCookie","taskItemId","sessionId","cookieValue","expire","Date","setTime","getTime","cookie","deleteCookie","getSessionId","editImportCookie","safeJson","upload","file","size","allowedExtensions","UploadService","validateFunc","ext","start","urlWithoutSas","slice","indexOf","ValidatationFailed","safeJSON","customizedCategory","endActivity","asLoggingStart","setting","ACTIVITYNAME","ImportCampaignsClickToUploadFile","SCENARIONAME","ImportCampaignsFileUpload","getImportTemplateUrl","fileName","IsDSAMixedModeCampaignEnabled","IsEnhancedShoppingCampaignAllowed","TemplatesPathUrl","initFileImportPage","settings","commonDeps","createDeps","deps","azureUploader","i18nErrors","importTemplateUrl","defaultLogActivity","logActivities","clickOnImportFromFile","renderImportColumnMatching","scenarios","fileimport","create","renderImportOptions","renderImportPreview","renderImportSummary","FileImportPage","currentStep","importId","subFieldsBlacklist","getBlacklist","initGapi","initDeps","isMultiAccountImport","customerIdType","useAdvertiserCustomerId","google","jsData","clickOnImportFromGoogleAdWords","initGoogleImportDeps","UetTagSelectorView","logScenario","googleimport","renderSelectAdWordsAccount","renderSelectAdWordsCampaigns","logInAccount","selectAccount","selectCampaign","configureOptions","completeSchedule","initGoogleImportPage","MultiAccountGoogleImportPage","GoogleImportPage","initFacebookImportDeps","getEnvironment","domain","token","loadFacebookSdk","sdk","timeZoneMapper","clickOnImportFromFacebook","FB","facebookimport","initFacebookImportPage","FacebookImportPage","initAmazonImportDeps","clickOnImportFromAmazonSPA","amazonimport","renderSelectAmazonAccount","renderSelectAmazonCampaigns","initPinterestImportDeps","clickOnImportFromPinterestSPA","pinterestimport","getBlackList","statusOrderToBlockerTitleMap","statusKeyToOrderMap","PendingExecution","NotStarted","UploadInProgress","ValidationInProgress","ValidationCompleted","BulkFileGenerateInProgress","SubmitInProgress","Complete","i18nAmdLoader","interpolate","instrumentation","importFromAmazonSPA","importFromPinterestSPA","importFromFacebookSPA","importFromFileSPA","importFromGoogleAdWordsSPA","continueImport","continueImportSPA","activities","clickOnImportFromFacebookSPA","clickOnImportFromFileSPA","clickOnImportFromGoogleAdWordsSPA","loadContinueImport","loadContinueImportSPA","coupon","currency","check","dependencyName","Error","timeZoneEnumMapper","generateCombinedSchemaObject","doubleListBox","accountSelectionLists","dateUtil","campaignFilterFactory","FilterStorageFactory","featureName","adGroupFilterFactory","adFilterFactory","campaignFilterStore","filterEntityOptions","entitySchema","adgroupFilterStore","adFilterStore","formatCoupon","SearchTermGridId","AuctionInsightsGridId","CampaignTabId","AdGroupTabId","AdsTabId","KeywordsTabId","ProductsGroupId","FlattenProductsGroupId","AudienceTabId","AdExtensionsTabId","ChangeHistoryTabId","DimensionsTabId","AdGroupStatusFilterColumnName","KeywordNameFilterColumnName","LocationsTabId","DevicesTabId","AdScheduleTabId","DemographicsTabId","AdDescriptionFilterColumnName","AdExtensionCampaignAssociationStatus","AdExtensionAssociationStatus","KeywordMatchTypeColumnName","CampaignEntity","AdGroupEntity","AdEntity","KeywordEntity","SearchTermEntity","AuctionInsightEntity","AudiencesAssociationEntity","AccountEdmEntity","AdGroupCriterionEdmEntity","CampaignCriterionEdmEntity","CampaignEdmEntity","DynamicSearchAdsEdmEntity","AdGroupEdmEntity","AdEdmEntity","KeywordEdmEntity","ClickMetricId","NoneMetricId","IsViewThroughConversionEnabled","PageContext","InlineChartDropDownOption","filterOptionId","resultData","GranularityDropDownOption","_Backbone$Collection","option","usingNewDatefilter","dateObj","_possibleConstructorReturn","getPromise","daterange","dateRange","ko_model","appliedRange","comparedDateRange","compared","appliedComparedRange","mainDateDiff","_calculateDiff","comparedDateDiff","now","hourlyStartDate","setMonth","getMonth","hourlyOptionDisabled","dailyOptionDisabled","_calculateDisabled","weeklyOptionDisabled","monthlyOptionDisabled","quarterlyOptionDisabled","Infinity","longerPeriod","enumValue","startDate","endDate","end","timeDiff","Math","abs","round","dateDiff","min","max","ChartDelegateAdapter","_DelegateAdapter","dateString","dateParsedArray","split","year","month","day","request","sd","convertToDateObj","ed","granularity","numb","date","getYear","prependZero","getDate","getHours","getMinutes","getSeconds","rtnData","metricOption","obj","MetricName","PrimaryDataPoints","ComparisonDataPoints","_fillData","compareStartDate","push","dataPoints","i","generateFormattedDateString","floor","random","addHour","numbOfdataPoints","numberOfDataPoints","addDay","addMonth","generateMockData","DelegateAdapter","getMetricLocalizedNameForOdata","metric","convertedString","IsCustomerHierarchyEnabled","DataProvider","p$jsdata","_generateRequest","useInlineChartMockData","getParameter","location","href","_fetchDataUsingMockDBAdapter","_fetchDataUsingOdataAdapter","refreshGridData","transformedMetric","metricMapping","allMetrics","toString","ret","m","chartNameConverter","parentLevels","edmEntity","currentEntity","_getEntityCollectionName","Constants","period","_formatDateString","compareEndDate","metrics","filters","movingAverage","isMovingAverageOn","forceRefresh","filterRequested","filtersTypeString","filtersToUse","filterExpression","valueValid","Values","instrument","decodeURIComponent","odataFilterConverter","convertToURLParam","instrumentConsts","PerformanceTimeSeries","_getScope","_prepareData","dateStr","leftPadding","s","dt","parse","getFullYear","series","chartName","chartNameTable","convertData","point","isPrimaryData","PrimaryData","ComparisonData","DateTime","substring","dateTime","Value","transformChartPoints","navigation","_getNavigation","nav","parseInt","comparisonStartDate","comparisonEndDate","nameMapping","Keyword","Account","NegativeKeyword","NegativeKeywordList","CampaignCriterion","AdGroupCriterion","InlineChart","store","definitions","getInlineChartInfo","project","record","inlineChartData","path","keyRecord","BPromise","setInlineChartInfo","inlineChartInfo","newinlineChartInfo","update","defineResource","registerSubadapter","PreferencesSubadapter","Resource","prefix","_ref$where","_ref$where2$project","serialize","Version","deserialize","InlineChartViewModel","learnMoreLabel","isUsingVnextGrid","tab","isMovingAverageChecked","primaryMetricId","secondaryMetricId","chartDataProvider","showChart","chartTitle","isDataAvailable","noDataText","isComparisonDataMissing","comparisonDataMissingText","showMovingAverageText","newFeatureLabel","isChartLoading","isGranularityShowing","xAxisStartValue","xAxisEndValue","comparedXAxisStartValue","comparedXAxisEndValue","hideToolbar","hideToggleIcon","isDataFetchingDone","isPopOn","isMovingAverageVisible","daysBetween","granularityOptions","granularityId","primaryMetricOptions","secondaryMetricOptions","cachedChartData","_getChartDataWhenSubscribed","comparedStartDate","comparedEndDate","primaryData","secondaryData","selectedPrimaryCategory","selectedSecondaryCategory","maxDate","needUpdateChart","chartUpdatingPromise","method","queueAsync","BluebirdPromise","prefObj","_metricSelectedHandler","allColors","CurrentTabId","reloadChartData","_getParentLevels","filterUrlParam","filterObj","entityObj","_getDefaultEntityBaseOnParentLevels","filterString","odataV4","ignoreCase","encodeURI","_validateFilter","flagUpdateChart","p$granularityOptions","promiseResults","dateRangeRes","_getChartTitle","dateRangeObj","showMovingAverageInPref","granularityInPref","granularityItem","firstEnabledGranularity","metricOptions","primaryMetric","primaryIdInPref","secondaryMetric","secondaryIdInPref","isAgeOrGenderTab","unshift","_updateChart","instrumentSetting","InlineChartV2ReloadChart","timestamp","Highcharts","_getQuarter","selectedCategory","metricData","primarySum","comparisonSum","primaryAvg","comparisonAvg","dataObj","avgDiff","getUTCMonth","values","_this5","chartContext","_getChartData","xAxisStartDate","xAxisEndDate","formatDate","_alignDataForComparison","_refreshAllCharts","_logChartData","errorCode","fetchData","chartData","_setCategoryAndData","colors","currentData","comparisonData","category","color","original","xAxis","comparative","yAxis","dataObservable","categoryObservable","_getChartDataForMetric","dataSet","_this6","keys","Object","shortermetricData","longermetricData","diff","diff1","dayAfter","dayInMillisec","primaryDataDateDiff","comparisonDataDateDiff","currentLevel","CampaignState","metricId","colorRGB","currentCampaign","currentAdGroup","CurrentAdGroup","constructor","Array","numericSymbolFormatter","tickValue","tickInterval","numberFormatter","decimalPoint","thousandsSeparator","sign","formattedNumber","absTickValue","absTickInterval","numericSymbolKeys","val","absTickValueStr","dotIdx","legacy$","InlineChartView","needRedraw","inlineChartViewModel","_onShowChartChanged","_onGranularityOptionsChanged","_onPrimaryMetricOptionsChanged","_onSecondaryMetricOptionsChanged","_onPrimaryDataChanged","_onSecondaryDataChanged","onGridPageLoadingHandler","_onGridPageLoading","onTabChangeHandler","_onTabChange","inlineChartTemplate","_toggleOldNewInlineChart","_insertToolBarIfNeeded","_onGridPageLoadingNewGrid","triggeredGridPageLoading","pageTitle","chartContainer","pageTitleInclusiveWidth","width","parseFloat","highChartContainer","triggerHandler","_showNewChartOnCurrentTab","commandType","RefreshGridData","filterEntity","Entity","FilterExpressions","granularityDropdown","DropdownView","first","defaultOption","dropDownOptions","onDropDownChanged","onGranularitySelected","primaryMetricDropdown","onPrimaryMetricSelected","onPopEnabled","calculatePercentageDiff","secondaryMetricDropdown","onSecondaryMetricSelected","_redrawChart","_isDataFetchingDone","chartIteration","attr","chartRedrawMarker","logActivityDurationMarker","self","ChartView","showWeekend","koModel","highchartsOptions","tooltip","formatter","primaryPoints","comparisonPoints","tempHtml","points","x","_numberWithCommas","_round","y","_isPercentNeeded","labels","axis","lang","_updateMetricDropdownDiff","markEnd","_showOldChartOnCurrentTab","_toggleToolbar","hideChartToolbar","tabsWithNewInlineCharts","globalToolBar","globalToolBarPanel","appendTo","insertAfter","showDiff","triggerShowDifference","num","seriesName","numberWithCommas","dotIndex","currentPage","createSimilar","reportId","isForNewUI","getUrlSearch","scopeHistoryPush","convertSelectionDateRangeToDateFilter","restoreDateFilter","TaskItem","TaskItems","Rule","Selection","page","getGridPage","setPreferenceByReportEmailRule","route","getGridRouteForNewUI","navigate","getGridRoute","loadEmails","allUsersType","uid","queryString","URLSearchParams","response","json","emails","getImportButtonOptions","importChannelType","lazyInject","iconLeftGlyphName","backboneGridView","router","navigateToRoute","processBatchedImports","groupedByBatch","importResult","CampaignSplitGuid","sortedGroupedList","group","minDateIndex","StartDateTime","sortedGroupWithParentList","parent","batchImportGroup","firstInBatchIndex","cloneDeep","statisticFields","EntityStatistics","initStatistics","entityStatisticChangeTypes","initialEntity","isBatchStillInProgress","hasAnyBatchedImportFailed","hasAnyBatchedImportBeenCancelled","successCount","errorCount","index","Keys","combinedStatistics","memo","entityStatisticMap","ErrorCode","ImportStatus","SuccessCount","ErrorCount","TotalCount","ImportName","ErrorFileIdentifier","CampaignSplitStatus","CampaignSplitBatchIndex","CampaignSplitBatchCount","IsBatchParent","createParentRowForBatchedImports","processedGroup","indexTemplate","indexText","IsChildBatch","reverse","testTypeSuffix","IsUseImportTestTypeForImportTaskExecutionEnabled","FILTER_IMPORT","FILTER_MULTIACCOUNT_IMPORT","FILTER_FILE_IMPORT","FILTER_FACEBOOK_IMPORT","FILTER_AMAZON_IMPORT","FILTER_PINTEREST_IMPORT","processData","groupedByAccount","isCustomerLevel","processedItem","ImportResultList","accountitem","TaskId","IsChildAccountTask","MultiAccountTaskIndex","MultiAccountTaskCount","processMultiAccountBatchedImports","getImportLogDataSourceConfig","_ref$isFacebookImport","isFacebookImport","_ref$isAmazonImport","isAmazonImport","_ref$isPinterestImpor","isPinterestImport","supportedImportTypes","TaskItemExecution","consts","TaskItemExecutions","processedData","resource","IMPORT_TYPE","amazonImport","pinterestImport","getMemoryDataSourceConfig","updateMemoryGrid","currentGrid","patch","updateTaskItemSessionId","taskId","logMsg","adWordsSessionId","createImportTaskItemHelper","getGoogleImportInfoFromCookie","googleSessionId","taskItem","AdWordsImportContext","SessionId","AdWordsSessionUserId","SessionType","ImportUserPreferences","showSuccess","findImportTaskItem","download","identifier","downloadService","amdI18n","config1","importSettingsSummaryBuilder","ImportOptionsSummaryBuilder","fileImportSettingsSummaryBuilder","FileImportOptionsSummaryBuilder","fileImportOptionBlackList","getFileImportOptionBlackList","facebookImportOptionBlackList","getFacebookImportOptionBlackList","amazonImportOptionBlackList","getAmazonImportOptionBlackList","pinterestImportOptionBlackList","getPinterestImportOptionBlackList","getDropdownItemConfig","isFirstDropdownOption","action","viewFactory","setErrorFilterPredicate","refreshGrid","setMenuTitle","getGridSwitchDropdownItem","isGoogleImport","getToolbarConfig","isSmartAccount","isUPSmartAccount","importType","className","setImportType","updateToolbarTextForVNext","importButtonOptions","_slicedToArray","Map","getVNextToolbarConfig","isNewFeature","level","leftIconClass","getLegacyToolbarConfig","getColumnsConfig","freqColumnTmpl","Freq","StartedAt","datetime","UploadFileName","fileNameExists","nameTmpl","ariaLabel","creatorColumnTmpl","Creator","ModifiedBy","format","CreatedAt","Time","enabledOptions","settingsText","importSettings","ImportUserPreference","parsedValue","parseModelToImportUserPreference","parseJsonFormatImportOptions","showSmartType","IsSmartImportEnabled","IsSmartImport","importOptionBlackList","generateSummaryFromSelectedOptions","preferencesLogTmpl","showTooltipIcon","importSettingsLabel","importSourceAccountInfo","isAutomated","multiAccountTaskGuid","GoogleAccountName","GoogleCustomerId","ExternalAccountName","ExternalCustomerId","importTypeTmpl","IsAutomated","MultiAccountTaskGuid","IsGoogleImport","IsFacebookImport","IsAmazonImport","IsPinterestImport","ImportSourceAccountInfo","importSummaryColDataToTemplate","hasError","stat","HasWarning","hasErrorSummary","ImportNewErrorSummaryDownloadLink","ErrorSummaryFileIdentifier","hasPreview","hasErrorCode","TokenInvalidImportNotification","logColumns","column","columnData","actionsLogTmpl","errorDetailsLabel","GoogleImportLogConfig","tableAttributes","pluginsConfig","uiBlocker","gridMarker","FacebookImportLogConfig","AmazonImportLogConfig","PinterestImportLogConfig","FileImportLogConfig","showGoogleImportGrid","showFacebookImportGrid","showAmazonImportGrid","showPinterestImportGrid","showFileImportGrid","isFirstSwitch","showNoGoogleImportMsg","showNoFileImportMsg","showNoFacebookImportMsg","showNoAmazonImportMsg","showNoPinterestImportMsg","ImportSettingsTooltipView","formView","importSettingsTooltipTmpl","debouncedVersion","debounce","MultiAccountTaskExecutionId","ImportId","MultiAccountTaskId","IMPORT_TYPE_TO_IMPORT_NAME","toolbarConfig","overridingEvent","importOptionsFormLoader","summaryTableLoader","uetTagSelectorViewLoader","defaults","previewAnImport","cancelAnImport","googleImportGridRendered","googleImportGrid","facebookImportGridRendered","facebookImportGrid","amazonImportGridRendered","amazonImportGrid","pinterestImportGridRendered","pinterestImportGrid","fileImportGrid","showAllImports","predicate","execution","which","preventDefault","pageText","pageNumberText","getColumnData","dismissCallout","UseJsGapiClientOnImportLogGrid","GSILocal","require","loginRepo","GoogleLoginRepository","googleSignIn","onSuccess","onFail","useConsentPrompt","code","requestUrl","AuthCode","post","authErrors","handleGoogleLoginAuthError","w","h","callback","errorMessage","windowWidth","windowHeight","documentElement","screen","dualScreenLeft","screenLeft","left","dualScreenTop","screenTop","top","innerWidth","clientWidth","innerHeight","clientHeight","newWindow","open","focus","timer","setInterval","closed","clearInterval","windowObj","hasOwnProperty","isRedirected","isAuthSucceed","googleAccount","close","showGooglePopup","encodeURIComponent","partial","currentUser","facebookRepo","FacebookImportRepository","trace","ERROR","login","accessToken","refreshScheduledFacebookImportTaskItemSessionId","onPermissionsDeclined","_ref6$declinedScopesA","declinedScopesAndDesc","userID","declinedPerms","ds","join","handleFacebookLoginError","rerequest","pinterestLoginRepo","PinterestLoginRepository","pinterestImportRepo","PinterestImportRepository","authCode","startPinterestSession","_objectSpread","PinterestImportContext","PinterestSessionUserId","updateScheduledImportTaskItem","res","handlePinterestLoginError","tmpl","noGoogleImportMsg","noFacebookImportMsg","noAmazonImportMsg","noPinterestImportMsg","noFileImportMsg","initGrid","ToolbarView","iconRight","onChange","getGridSwitchToolbarConfig","pgrid","vnext","use","paginationPlugin","uiBlockerPlugin","flow","headerTemplateConfig","initUpdateFinishedEventListener","hasNoResult","countRows","currentTarget","tooltipView","$targetTooltip","target","$parent","eventName","uniqueId","_ref8","ImportOptionsForm","_ref9","searchAndReplaceSchema","clone","ImportSearchAndReplaceForStringProperty","findAndReplaceSuffixSchema","jsonFormatImportOptions","ImportUpdateEntityPreference","LandingPageAppendPreference","ImportAppendDestUrlPreference","LandingPageReplacePreference","ImportSearchAndReplaceDestUrlPreference","AppendTrackingTemplatePreference","AppendPreferencesForTrackingTemplate","SearchAndReplacePreferencesForTrackingTemplate","ImportPrefixAndSuffixForStringProperty","ImportAdjustmentForNumericProperty","SearchAndReplaceForCustomParameters","SearchAndReplaceForFinalURLSuffix","createDisabledUETSelectorClass","each","input","toolTipTmpl","hideTooltip","is","closest","_ref10","showSummaryDetailsPopup","itemOfElement","UploadFileIdentifier","redirectUrl","queryify","_this7","blockerElem","UIBlockerToken","UIBlocker","block","$http","__RequestVerificationToken","contentType","unblock","_len","_key","_ImportLogGridBase","importOptions","summaryTable","uetTagSelector","ImportLogGridBase","TEST_TYPE_SUFFIX","FILTER_OUT_RUNNOW","FILTER_IMPORT_TYPE","FILTER_FACEBOOK_IMPORT_TYPE","FILTER_MULTIACCOUNT_IMPORT_TYPE","FILTER_AMAZON_IMPORT_TYPE","FILTER_PINTEREST_IMPORT_TYPE","FILTER_ALL_ITEMS","FILTER_ALL_BUT_DELETED","FILTER_ALL_ITEMS_MULTIACCOUNT","FILTER_ALL_BUT_DELETED_MULTIACCOUNT","FILTER_ALL_FACEBOOK_ITEMS","FILTER_ALL_BUT_DELETED_FACEBOOK_ITEMS","FILTER_ALL_AMAZON_ITEMS","FILTER_ALL_BUT_DELETED_AMAZON_ITEMS","FILTER_ALL_PINTEREST_ITEMS","FILTER_ALL_BUT_DELETED_PINTEREST_ITEMS","preferenceUploadButtonConfig","legacyI18n","publicPath","showTopOfGridPanel","logTrace","instrumentationConstants","preferenceUploadViewModule","gridToolbar","preferenceUploadView","PreferenceUploadView","scrollTo","batchEditStatus","adoptResumeScheduleRecommendation","ruleId","State","batchRequest","ajaxBatch","textStatus","some","updateToolbarText","getToolbarConfigForVNext","historyGridFilterTitles","AccountMode","ACCOUNT_MODE","SMART","UNIFIED_SMART","getSupportedImportTypes","isMixedImports","isGoogleImportOnly","isFacebookImportOnly","isAmazonImportOnly","isPinterestImportOnly","googleAll","googleDeleted","facebookAll","facebookDeleted","amazonAll","amazonDeleted","pinterestAll","pinterestDeleted","importTypeOfFilter","getDefaultImportTypeOfFilter","toolbarSelectedConfig","_lazyInject$backboneG","ima","toolbarUnselectedConfig","isFiltered","updateUnselectedToolbarConfig","getUnselectedToolbarConfig","getPluginsConfig","batchEditCallback","pos","IsAutoFrequency","Cron","statusColumnTmpl","runNowStatusColumnTmpl","ImportPreferenceUpload","idTmpl","taskTmpl","FacebookImportContext","AmazonImportContext","IsFacebookImportEnabled","IsAmazonImportEnabled","IsPinterestImportEnabled","enabledImportTypes","accountNumber","CustomerId","AccountId","ProfileId","acctTmpl","EmailAddress","AccountName","AccountNumber","importFreqColDataToTemplate","modeTmpl","notificationType","arr","emailMapper","showRecommendation","allowEdit","enableRunNowButton","importRecommendationListName","importRecommendationListNameMap","importChannel","importChannelNameMap","supportedRecommendationTypes","supportedRecommendationTypesList","recommendationType","ifTypeSupported","linkTmpl","edit","runNow","dash","recommendationText","ImportScheduleGridConfig","getDataSourceConfig","enabled","getImportScheduleDataSourceConfig","jsdataCampaign","MultiAccountGoogleImportTaskItem","ImportTaskItem","getJsDataOptions","urlParameters","createRunNowImport","body","createUpdateStatusView","UpdateStatusView","Grid","Model","valueOf","afterChange","useStateInsteadOfStatus","addImportTypeToStatusUpdate","ignoreEmptyId","showNoFilteredImportMsg","ImportScheduleAccountsDetailView","_DeterministicWrapper","projectionGrid","DeterministicWrapperView","CNMarketExpansion","BaiduFileImport","gapiSignInSuccess","reloginToGoogle","reloginToFacebook","hasReLoggedIn","login2FB","startFacebookSession","_ref4$declinedScopesA","logout","gapiSignInMultiAccountSuccess","vNextToolbarPlugin","scheduleItems","runMultiAccountImportNow","runImportNow","ImportTaskItemList","_ref6$AdWordsImportCo","bingAccount","targetRect","getBoundingClientRect","PopoverView","position","isAbsolute","right","containerClassName","setContent","contents","TitledContent","setBody","updateStatusView","indicator","editDropDown","enable","disable","useQuickFilter","assistedSelectionPlugin","filterCheck","checkEditButton","noImportMsgHeader","noFilteredImportMsg","renderGrid","isRunnow","currentUserId","propertyOf","amazonLoginRepo","AmazonLoginRepository","amazonImportRepo","AmazonImportRepository","startAmazonSession","handleAmazonLoginError","reloginToAmazon","reloginToPinterest","goToGoogleImportWizard","_ref7","_ref7$importStep","importStep","navigator","routeName","isString","returnUrl","navigateToUrl","handleActionForScheduledImport","setDestination","handleActionForMultiAccountScheduledImport","ifUpdated","isFileImportODataMigrationEnabled","FileImportContext","FilePath","runImportNowInternal","updateData","closeEditPanel","editTaskSaveInternal","taskItemOptions","extend","FacebookSessionUserId","notificationString","UpdateAdCustomizerFeeds","ImportNewAdCustomizerFeeds","applyRecommendationInternal","SetLowerBidsToAdCenterMinBids","EnableAutoCurrencyConversion","notificationApi","showInfo","runMultiAccountImportNowInternal","isSmartImportWizardJob","facebookBody","pick","AdGroupMedium","ImportType","NotificationType","triggerRunNowImportTask","amazonBody","pinterestBody","adWordsImportContext","isSmartCampaignOnlyJob","IsSmartCampaignOnly","isPmaxRecommendationJob","DefaultImportSettings","TaskType","Event","prepareGoogleImport","importUserPreferences","timeZoneId","TimeZoneId","market","CustomerMarket","language","adGroupMedium","googleCustomerId","loginCustomerId","LoginCustomerId","campaignIds","CampaignIds","googleEntitiesBlobName","GoogleEntitiesBlobName","sessionType","initialAdWordsAccount","googleAccountName","IsEscImport","prepareMultiAccountGoogleImport","importUserPreference","importTaskItemList","originalTaskId","promisifyStartPollingUntilImportStarted","handleGridErrors","_ImportScheduleGridBa","ImportScheduleGridBase","getBlobUploadUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref$fileExtension","odataOptions","wrap","_context","prev","next","fileExtension","sent","abrupt","stop","_x","apply","postTask","_x2","_postTask","_callee4","BlobName","SasUrl","_ref3$UploadDateTime","UploadDateTime","_context4","FileIdentifier","UploadedFileName","postPreviewTask","_callee2","_context2","_x3","postCommitTask","_callee3","_context3","_x4","pollExecutionResult","PREFERENCE_UPLOAD_STATUS","NotStart","Upload","Preview","Apply","Previewed","Applied","PREFERENCE_UPLOAD_ERROR_MAP","InvalidImportPreferenceBulkUpdateTaskType","ImportPreferenceBulkUpdateUploadFileSizeExceeded","ImportPreferenceBulkUpdateBlobDownloadError","ImportPreferenceBulkUpdateBlobUploadError","ImportPreferenceBulkUpdateFileFormatInvalid","ImportPreferenceBulkUpdateFileIsEmpty","ImportPreferenceBulkUpdateFileMissingHeaderRow","ImportPreferenceBulkUpdateColumnTaskIdNotFound","ImportPreferenceBulkUpdateColumnAccountIdNotFound","ImportPreferenceBulkUpdateColumnPreferenceNotFound","ImportPreferenceBulkUpdateColumnImportTypeNotFound","ImportPreferenceBulkUpdateParseFailedInvalidValuesInDataRows","_DeterministicView","renderPerfMarker","FilePicker","description","initFilePicker","defaultState","isApplyEnabled","hideFilePicker","isPreviewEnabled","uploading","showSummaryGrid","downloadPath","progressPercentage","setState","progressTitle","filePicker","theme","allowedFileExtensions","validator","clearError","displayFilePath","preferenceUploadTemplate","uploadAndPreview","downloadResults","templateUrl","iframeDownload","_uploadAndPreview","_yield$getBlobUploadU","uploadService","previewTask","previewResult","previewPerfMarker","willFetchData","fileObject","FilePayload","getFileExtension","blobSetting","blobName","onUploadFinish","t0","getErrorMessage","_apply","_this$getState","commitTaskSasUrl","commitTask","commitResult","applyPerfMarker","getState","isPreview","done","OutputFileSasURL","logStage","Errors","InputFileName","willRender","_this$getState3","ReactDOM","_jsx","ProgressIndicator","label","percentComplete","DeterministicView","hourMapper","hourString","hour","hourObj","adSchedulingOptions","fromHourOptions","twelveHourDisplay","frequencyMapper","cron","char","dayOfTheWeek","isAuto","frequency","getTimeZoneOptions","TimeZone","getProductData","shouldShowPlaceholderStoreIfExists","Product","productData","ProductCollectionAccounts","IsCoOpStore","IsGlobalStore","defaultAdGroupName","getAd","CampaignName","AdGroupName","PromotionalText","getProductPartition","BidAmount","ProductCondition","ProductValue","IsExcluded","IsLeaf","formatCriterions","campaignTargetingModel","dayTimeCriterions","adScheduleModel","dayTimeRanges","locationCriterions","deletedLocationCriterions","locations","deletedLocations","criterion","sort","__","b","bulkUpsertSmartShoppingCampaign","_ref2$campaignId","_ref2$adgroupId","timeZone","timezonemapper","getAccountTimeZone","adScheduleUseSearcherTimeZone","campaignTargeting","campaignSetting","criterions","shoppingSettingModel","shoppingSetting","FeedLabel","SalesCountry","smartShoppingModel","AdScheduleUseSearcherTimeZone","CampaignCriterions","Priority","adgroupToCreate","SearchBid","StartDate","EndDate","getAdGroup","ProductAds","ProductPartitions","ShoppingCampaign","createdCampaign","bulkUpdateSmartShoppingCampaign","formatModel","getCampaign","expand","createAdGroupWithDefaulSettings","defaultBidForShoppingCampaign","_bingads_webui_component_legacy_legacy_router_index","legacyRouter","isBSCSmartImportEnabled","IsBSCSmartImportEnabled","modalManager","ModalManager","campaignSettingsView","shoppingSettingsView","campaignTargetingView","cachedModel","campaignSettings","shoppingSettings","initModalManager","router_new","active","editMode","campaignInfo","campaignSettingsPlaceholder","shoppingSettingsPlaceholder","campaignTargetingPlaceholder","renderCampaignSettingsView","renderShoppingSettingsView","renderCampaignTargetingView","CampaignSettingsView","showLanguage","isNotAudienceCampaign","ShoppingSettingsView","gmcToMMCGridDeps","i18nNewDesign","CampaignTargetingView","eventDelegator","showDateSettings","isEditMode","campaign_id","summaryDataContextManager","getContext","uniq","campaignErrors","handleApiErrors","bulkApiErrors","i18nError","errMsg","querySelector","getData","toObject","getValue","eq","scrollUtil","SSCInstrumentation","oldUISmartShoppingCampaignCreationScenario","activity","SSCCreationActivity","str","signal","messageType","forEach","validationError","errorList","_SmartShoppingBase","sscInstrumentation","loadMap","isStoreNotValid","addClass","renderSubViews","advancedSettingsViewPlaceholder","advancedSettingsView","renderAdvancedSettingsView","renderGoalSelector","sendPageError","AdvancedSettingsView","nativeAdsCampaignBid","collapseAdvancedSettings","isSponsoredCampaign","isFeedFilterValid","isFeedLabelEnabled","validateFeedFilter","cashbackSettings","hasCashbackSettings","PersonalizedOffersEnabled","MonthlyBudget","goalSelectionView","GoalSelectorView","realI18n","isMultiMode","isHideSaveBar","advancedSettings","getValues","urlOptions","CampaignConversionGoalAssociations","convertToMTFormat","setData","handleErrors","navigateToCampaignSummaryPage","scrollToErrors","SmartShoppingBase","_BaseViewModel","configSchema","BaseViewModel","isEnabledDynamicFeedCampaign","IsEnabledForDynamicFeedCampaign","ccJsData","campaignScopeAllSettingsPerfMarker","hideUIBlocker","getFeedData","_ref3$","feed","isMSStoreAdsGAWorkflow","isMSStoreAdsCampaign","shoppingCampaignView","isSettingsPage","add","getODataErrors","_ref5$$top","_ref5$$skip","GetFeedData","perfMarkerEvent","ChangeBidAdjustmentModel","_BaseModel","BaseModel","prototype","BatchAction","Actions","Property","ActionType","settingView","showButtonBar","showCloseButton","selectedEntityCount","gridType","titleText","selectCount","entityNameHeader","bulkEditInfo","showAdgroupSelectedAllMixInheritWarning","isAllSelected","getSelectedEntityIdStrings","LevelOfDetails","getUrlParameter","formatBid","formatEntityString","EntityKeyObject","EntityKey","Key","isHtml","Changes","decimalNumber","fromFloatToPercentString","OriginalValue","NewValue","ChangeBidAdjustmentView","_BaseView","customValidators","checkInheritTargets","BidAdjustmentView","showButtons","ChangeBidAdjustmentViewModel","pgridPlugins","simulateResults","unset","currentModel","BidMultiplier","conditionString","filterState","getAllFilters","filterService","getCombinedFilter","idBased","idString","filterConverter","convert","conditionFragment","conditionFragmentALl","SelectedColumn","SelectedOperator","BaseView","newValue","originalValue","ChangeTargetingCashbackPercentView","_ChangeCashbackPercen","getCashbackPercentValueByAction","ChangeCashbackPercentView","definePlugin","pluginConfig","toolbarWithItem","menuId","getGridSelectionCount","totalRowsTotalPageCount","selectedKeys","editable","campaignItems","adgroupItems","AdGroupId","showAlert","messageDetails","showBulkEditor","bulkEditView","deprecatedLocationSelected","isDeprecatedLocation","checkDeprecatedLocations","inheritResult","listenTo","updateSelectedEntityCount","renderView","onOperationSuccess","ChangeCashbackPercentModel","editorContainer","overrideWith","updateToolbar","IsPersonalizedOffersEnabled","shouldSupportCashbackSettings","pollStatus","successCb","failedCb","BulkEditSession","processResponse","completeCB","failedCB","progressCB","getQueryString","projection","startdate","RangeStartDate","toISOString","enddate","RangeEndDate","getDateRange","IdStrings","IdString","idStringsFilters","CampaignId","TargetGroupDetailId","bulkEditChange","batchActions","opt","process","Description","gridFilterSerializer","toDescription","getFilter","idsCount","QueryString","deleteTargets","confirmationMessage","emitter","SuccessRowCount","TotalRowCount","toastConfirmation","toastWarning","toastError","_ref$learnMoreId","learnMoreId","CommonAlertDialog","decorate","commonAlert","_ref$title","alertView","dialogOptions","maxWidth","center","destroy","ARWJsDataContextProvider","children","_ref$serverContext","CurrentUser","ServicesEndpoints","CcJsDataContextProvider","userId","customerId","appendErrorSummary","appendJsDataErrorSummary","handleAjaxAuthFailure","clientCenterBaseUrl","ClientCenterUIAPI","useAction","Action","useARWContextValue","useJsDataContext","useMemo","reparentingId","ReparentingId","sourceCustomerId","SourceCustomer","targetCustomerId","TargetCustomer","AccountActions","fetchAll","accountIds","useAccountActions","CustomerActions","Customer","updateServiceLevel","serviceLevel","ServiceLevel","updatePilotFeatures","pilotFeatures","PilotFeatures","useCustomerActions","PaymentInstrumentActions","billToCustomerId","PaymentInstrument","fetchWithId","piId","usePaymentInstrumentActions","usePaymentInstruments","paymentInstrumentActions","_usePromise$data","usePromise","BillingActions","fetchBulkTaxEstimates","BulkEstimateTaxes","useBillingActions","ReparentingJobActions","AccountReparentingJobAdd","updateType","lifeCycleStatus","accountLinkingSettings","accountBillingSettings","defaultBillingSetting","AccountReparentingJobUpdate","sourceCid","targetCid","AccountReparentingJobLoad","loadAccounts","AccountReparentingLoadAccounts","submit","AccountReparentingJobSubmit","useReparentingJobActions","ReparentingValidateActions","AccountReparentingValidateAccounts","targetCustomer","targetCustomerNumber","AccountReparentingValidateTargetCustomer","linkSettings","AccountReparentingValidateLinkInfo","billingSettings","AccountReparentingValidateBillingInfo","fullValidate","AccountReparentingFullValidate","useReparentingValidateActions","UETTagActions","userSettings","toPromise","UETTags","$makeCall","payload","TagSettings","odataURL","xhrFields","responseType","dataType","oDataToken","campaignODataConfigs","edmCustomer","Customers","ReparentingUserSettings","useUETTagActions","ARWServerContext","React","useContext","useARWContextActions","useARWContextPermissions","ARWContextProvider","_React$Component","props","setShowSummaryPaneLinkSettings","showSummaryPaneLinkSettings","ShowSummaryPaneLinkSettings","setShowSummaryPaneBillingSetting","showSummaryPaneBillingSetting","ShowSummaryPaneBillingSetting","setIOPreApprovalRequired","ioPreApprovalRequired","IOPreApprovalRequired","updateAccountBillToCustomersMap","accountBillToCustomersMap","AccountBillToCustomersMap","updateAccountLinks","accountLinks","mandatoryNewBillToAccountIds","updatedAccounts","Accounts","accLink","accountIndex","acc","updatedAccount","linkIndex","LinkedManagers","manager","LinkedManager","Unlink","BillToManager","BillTo","MandatoryNewBillToAccountIds","updateAccountBilling","accountsBilling","accBilling","updateNewBillToSettings","billToCustomer","paymentOptionId","paymentInstrumentId","insertionOrder","prepayConfig","NewBillTo","PaymentOptionId","PaymentInstrumentId","InsertionOrder","PrepayConfig","updateAccountsBillingSettings","updatedAccountsBillingSettings","toUpdateIds","account","updatedSettingsIndex","_updatedAccountsBilli","Invoice","BillToChange","contextInsertionOrder","areUiInsertionOrdersEqual","ioStatus","InsertionOrderStatus","PendingBillToPartyChangeAndUserReview","BillToCustomer","updateJobLoadAccounts","accounts","jobAccount","jobAcc","LinkSettings","linkSetting","linkedManager","AgencyCustomerId","KeepLink","BillingSetting","BillToChangeSetting","_toClientSideBillingS","toClientSideBillingSetting","updateTargetCustomer","customer","updateJobTimestamp","Timestamp","updateSourceCustomer","updateSelectedAccountIds","AccountIds","updateSelectedAccounts","convertAccountModelToServerContext","updateUETTags","uetTags","deleteAccount","newUETTags","prevState","IsAccountReparentingUETEnabled","_this$state","_this$props$serverCon","Provider","contextActions","_props$serverContext","SourceCustomerId","UpdateJobTimestamp","DeleteAccount","UpdateTargetCustomer","UpdateSourceCustomer","UpdateSelectedAccountIds","UpdateSelectedAccounts","UpdateJobLoadAccounts","UpdateAccountLinks","UpdateAccountBilling","UpdateAccountsBillingSettings","SetIOPreApprovalRequired","UpdateNewBillToSettings","UpdateAccountBillToCustomersMap","UpdateUETTags","SetShowSummaryPaneLinkSettings","SetShowSummaryPaneBillingSetting","useAccountsWithNewBillTo","useAccountsForBillingSetup","_useARWContextValue","useEligibleBillToCustomers","billToCustomersMap","allAccountIds","billToCustomersList","accId","list1","list2","item1","item2","usePaymentOptionId","contextAccounts","firstAccountWithBillToChange","defaultSchema","getInstrumentation","applicationName","systemName","INSTRUMENTATION_SYSTEM_NAME","subSystemName","INSTRUMENTATION_SUB_SYSTEM","userContext","getInstrumentationInstance","pageTrackingId","PageTrackingId","errorMappers","isInDevelopmentMode","getInstrumentationService","addScenario","defaultScenario","default","InstrumentationContext","InstrumentationContextProvider","ListItem","Url","NavItem","defaultProps","EntityPopover","popoverId","entities","matchSearch","isShowing","onCancelClick","searchboxPlaceholder","_useState","useState","_useState2","searchText","setSearchText","entityList","trim","classNames","entityPopover","FocusLock","onExit","focusFirstItemOnMount","isControlledFocusLock","isFocusLock","_jsxs","SearchBox","onQueryChange","Children","child","Button","CommonLocStrings","CloseLabel","ARWEntityPopover","withI18nConsumer","withDefaultStyles","getEntityPopoverStyles","ARWStepFooter","saveAndProceed","onPreviousClick","onNextClick","onSubmitClick","nextButtonDisabled","I18nContext","onNextButtonClick","useCallback","onSaveAndExit","BackLabel","NextLabel","SubmitLabel","CancelLabel","SaveAndExitLabel","ARWStepBaseLayout","ARWSummaryPane","jobActions","uetActions","isUETEnabled","onAccountDelete","JobUpdateTypes","ReparentingAccountDelete","UetSetting","tagInfos","TagInfos","saved","IsSaved","summaryPaneContainer","TransferRequestSummary","sourceCustomer","newBillTo","clientCenterUIAPI","getSummaryPaneStyles","AccountsPageDescription","accountsSummaryPageDescription","_ref$palette","palette","padding","bottom","fontFamily","fontSize","lineHeight","neutralPrimary","margin","getAdExtensionEditorStyles","components","mergeStyles","convertToLocalStyle","helpbuttonStyle","extensionEditorStyles","messageBarStyle","scrollbarStyle","glyphIconStyle","searchboxStyle","selectElementStyle","includeSelector","validationErrorsStyle","getAdExtensionsAssociationsStyles","buttonInputStyle","adExtensionsAssociationsContainer","adExtensionsAssociationsContainerLayoutType","ExpandHorizontallyToContainer","Extension","extensionContainer","dangerouslySetInnerHTML","__html","Extensions","layoutOptions","useDefaultStyles","_ref2$type","_ref2$itemsPerRow","itemsPerRow","extensionsContainer","flexDirection","flexWrap","gap","gridGap","gridTemplateColumns","marginBottom","border","borderRadius","alignContent","adExtensionItemTemplateStyles","withEllipsisItemText","getExtensionsStyles","getEditorStyles","datePickerStyle","adExtensionEditorsGlobalStyles","extensionsAssociations","editorPanel","Editor","associationEditor","dynamicFeatures","onEditorSave","onSave","onEditorCancel","onCancel","onEditorChange","useRef","viewListener","useEffect","useNewDlbLayout","showSaveButtonAsDefaultButton","allowSelectAll","allowDeselectAll","hasSubTitle","showErrorsInline","popupFront","panelClassName","vnextContext","isFunction","stopListening","ref","getAdExtensionsAssociationsWrapperStyles","controlsBar","paddingTop","iconButtonColor","themePrimary","extensionDescription","AdExtensionsAssociationsWrapper","extensionType","renderDescription","staticFeatures","selectedExtensionsLayoutOptions","onUpdateExtensionsAssociations","isEditorOpen","setIsEditorOpen","onOpenEditor","_Fragment","DefaultButton","iconProps","iconName","_TL_","dynamicTemplate","universalItemTemplate","staticTemplate","detailsFuncFactory","noAssociationsKey","hasAssociationsKeySingular","hasAssociationsKeyPlural","number","editorViewMapper","appAssociationsEditor","details","Call","callAssociationsEditor","topic","Callout","calloutAssociationsEditor","Location","locationAssociationsEditor","Review","reviewAssociationsEditor","SiteLink","sitelinkAssociationsEditor","StructuredSnippet","structuredsnippetAssociationsEditor","Price","priceAssociationsEditor","Promotion","promotionAssociationsEditor","_ref11","FilterLink","filterLinkAssociationsEditor","_ref12","Flyer","flyerAssociationsEditor","_ref13","actionlinkAssociationsEditor","_ref14","extensionEntityMapping","Image","Automated","Video","LeadForm","BusinessInfo","extensionNameMapping","ActionAdExtension","AppAdExtension","CallAdExtension","CalloutAdExtension","ImageAdExtension","LocationAdExtension","PriceAdExtension","ReviewAdExtension","Sitelink2AdExtension","StructuredSnippetAdExtension","AutomatedAdExtension","PromotionAdExtension","FilterLinkAdExtension","FlyerAdExtension","VideoAdExtension","LeadFormAdExtension","LogoAdExtension","getAvailableExtensions","campaignTypeFilter","campaignTypeExtensionTypeFilter","chain","IsActionLinkExtensionAllowed","IsPriceExtensionAllowed","IsDomesticSimplifiedChineseEnabled","IsLocationExtensionAllowed","IsAppExtensionAllowed","IsSiteLinkExtensionsAllowed","IsCallExtensionAllowed","IsCalloutExtensionAllowed","IsReviewExtensionAllowed","IsStructuredSnippetExtensionAllowed","IsPromotionAdExtensionEnabled","IsFilterLinkAdExtensionEnabled","IsFlyerAdExtensionEnabled","_ref15","_ref16","_ref17","getObjectiveExtensions","_ref19","campaignObjective","availableExtensions","_result","WebsiteVisits","suggestedExtensions","otherExtensions","LocationVisits","WebsiteConversions","PhoneCalls","AppInstalls","difference","getObjectiveExtensionMap","suggestedObjectiveExtensions","intersection","otherObjectiveExtensions","adExtensionsStaticFeatures","actionUniversalItemTemplate","appUniversalItemTemplate","callUniversalItemTemplate","calloutUniversalItemTemplate","locationUniversalItemTemplate","priceUniversalItemTemplate","reviewUniversalItemTemplate","sitelinkUniversalItemTemplate","structuredsnippetUniversalItemTemplate","extensionsAssociationsFactory","adExtensionsDynamicFeatures","_editorViewMapper$ext","_ref20","AssociationPanel","renderTimeProps","useP$DaterangeDefault","PreferenceContext","ServerContext","waterFallDateFilters","WaterfallFilterStorage","getFilters","WaterfallFilterType","DateFilter","waterfallDateFilterProcessor","useDateRangeDefault","inlineDownloadStyle","InlineDownloadWrapper","marginTop","zIndex","getInlineDownloadStyle","marginRight","content","marginLeft","boxShadow","fontWeight","paddingLeft","marginButtom","paddingButtom","InlineDownloadWrapperInternal","setDownloadShown","getInlineDownloadColumns","getInlineDownloadFilter","ReportEmailRule","InlineDownloadReactForm","InlineDownloadCampaignODataRepository","totalAssetCount","_useMemo","localizedHeaders","odataColumnNames","_useMemo2","inlineDownloadConfigs","_ref$processReportRul","processReportRule","_ref$customDownloadSe","customDownloadService","_ref$downloadFormats","downloadFormats","totalRecordCount","_ref$validateSegmentT","validateSegmentType","_ref$isFeedbackEnable","isFeedbackEnabled","_ref$data","SegmentationTypes","_ref$p$daterange","p$daterange","serializedFilter","p$daterangeDefaultValue","IsCustomerHierachyRequest","repository","Format","segmentationTypes","useInlineDownload","gridId","toggleToolbarVisibility","clearAfterDownloadCall","DelayedInlineDownloadWrapperInternal","withServerContext","overwriteFilters","rule","appState","getReportEmailRule","isDownloadShown","ReportEmailRuleSnapshot","renderInlineDownload","Filter","parseSync","useSetupInstrument","scenarioName","activityName","backupLogger","input2Duration","PropTypes","GOAL_CATEGORY","ConversionCountTypeEnum","ActionOperatorEnum","ValueOperatorEnum","LabelOperatorEnum","CategoryOperatorEnum","GoalStatusEnum","AttributionModelTypeEnum","GoalValueTypeEnum","timeObj","Day","Hour","Min","duration2Input","timeInMin","remainingHours","findOptionbyKey","searchKey","optionKey","foundKeys","allSettledPromiseWrapper","promises","wrappedPromises","p","reason","all","instrumentationSchema","GoalWizardContext","AUTO_GOAL_CREATION_WIZARD_STEP_PATHS","GOAL_TYPE_SELECTION","WEBSITE","GOAL_DETAIL_SETTING","UET_SETUP","DONE","MANUAL","FLOWS","MANUAL_GOAL","MANUAL_GOAL_WEBSITE","AUTO_GOAL_WITH_UET","AUTO_GOAL_WITHOUT_UET","AUTO_GOAL_SKIP_WEBSITE_WITH_UET","AUTO_GOAL_SKIP_WEBSITE_WITHOUT_UET","stepToPage","createGoals","Goals","updateGoal","goalId","bulkEditGoals","useGoalwithParams","goals","setGoals","_useState3","_useState4","count","setCount","_serverContext$Curren","AdvertiserCustomerID","parameters","$startDate","$endDate","getGoals","finalResult","getAutoGoalRecommendations","useRecommendation","recommendation","setRecommendation","emailInfo","UET","EmailNotificationId","EmailTemplateName","UetTagInstructionsEmailV2","UetTagAndEventTagInstructionsEmailV2","postEmail","emailType","emailAddresses","emailContent","_emailInfo$emailType","EmailContent","entries","EmailAddresses","ToAdvertiser","origin","postEventLog","postData","useStepFlowEvent","EventName","EventValue","UniqueId","AID","CID","TimeStamp","THIRD_PARTY_PLATFORM_MAPPING","None","GTM","WordPress","Shopify","getDetectDomainThirdParty","Tags","Domain","postTagPromise","isAutoCreated","getTags","select","tagResponse","updateTag","tagId","getExternalIntegrations","hasExternalIntegrations","NumberOfEntities","getTagByDomain","generateAddOrEditGoalPayload","goal","newPayloadGoal","Domains","PageUrls","GoalValue","ValueOperator","LabelOperator","Label","GoalValueType","CurrencyCode","autoGoalSchemaFieldName","autoGoalSettingSchema","_properties3","minLength","required","minimum","maximum","enum","nullable","GoalTypeEnum","getGoalDetailFormStyles","formBody","labelHelp","accordionHeader","accordionPanel","margion","rowContainer","LabelHelpButton","labelTitle","mappedArialLabel","helpIAriaLabel","term","HelpButton","errorMessageMapping","maxLength","range","Validation_Base_Field_Not_Valid","Validation_NotEmpty_Required_Field","Validation_String_Max_Length","Validation_String_Min_Length","Validation_String_Invalid_Characters","Validation_Number_Require_Numeric","Validation_Number_Max_Length","Validation_Number_Range_Min","Validation_Number_Range_Max","Validation_Number_Range_Between","handleValidationMessages","customErrorMapping","errorStrings","oldError","ValidatedInput","withErrorField","InputLite","ConversionWindowFormUnstyled","windowTargetName","schemaFieldGroupName","conversionWindowInMin","maxWindowInMin","minWindowInMin","maxWindowInDay","customError","setShowError","decimalLength","errorProcessor","Field","hint","validationMessage","ValidationGroup","validationProps","onValidate","isValid","updateObj","updatedTime","fieldProps","field","ConversionWindowForm","DefaultRevenueForm","draftGoal","currencyOptions","getCurrencyOptions","selectedOption","Dropdown","dropdownWidth","onOptionSelect","ev","optionValue","selectedOptions","Option","GoalDetailForm","setDraftGoal","setIsFormValid","accountName","locale","languageCode","onAccountLabel","acrossAccountsLabel","allCountLabel","uniqueCountLabel","setRadioValue","copiedGoal","onGenericValueChange","attributeModelOptions","getAttributeModelOptions","selectedAttributeModelOption","AttributionModelType","revenueOptions","getRevenueOptions","selectedReveueOption","isValueAvailable","setIsValueAvailable","goalHelpIdMapping","Revenue","shouldShowValueDropdown","OptimizeCampaign","RadioGroup","IsMainConversionGoal","Radio","EnhancedConversions","Checkbox","checked","IsEnhancedConversionsEnabled","ReactTemplate","terms","Link","rel","underline","policy","learnMoreLink","Accordion","collapsible","AccordionItem","AccordionHeader","expandIconPosition","AccordionPanel","IsAccountLevel","ConversionCountType","LookbackWindowInMinutes","ViewThroughLookbackWindowinMinutes","GoalDetailSettingDrawer","isOpen","isReadOnly","setGoal","setIsOpen","restoreFocusSourceAttributes","isFormValid","Drawer","onOpenChange","modalType","DrawerHeader","DrawerHeaderTitle","appearance","icon","Dismiss24Regular","DrawerBody","DrawerFooter","MessageBar","shape","intent","MessageBarBody","MessageBarTitle","GoalDetailSettingEditDrawer","_ref$restoreFocusSour","setMessage","defaultErrorMessageEdit","Title","editPayloads","getMessageFromErrors","useStyles","makeStyles","card","subTitle","RecommendationTile","styles","Card","mergeClasses","CardHeader","Divider","Body1Stronger","CardFooter","RecommendationTileWithCondition","_useRecommendation","raw","setFullYear","_useGoalwithParams","shouldShow","Fragment","pug","module","exports","locals","pug_interp","pug_html","pug_mixins","locals_for_with","cssClass","escape","statusIconLabel","isResponsiveAdForSSCEnabled","useBidStrategyDropdownStyles","root","tokens","spacingVerticalMNudge","spacingVerticalXS","dropdown","BidStrategyDropdownPure","helpTopic","helpLabel","useId","selectedText","selectedTextString","htmlFor","HelpPopupInline","ValidatedBidStrategyDropdown","withValidation","GenericAdapter","BidStrategyIconPure","viewBox","fill","xmlns","d","BidStrategyIcon"],"sourceRoot":""}