this.onClickSeeMore())}\r\n role=\"menuitem\"\r\n tabIndex={0}\r\n >\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderDivider = (item, index, key) => {\r\n const { classes } = this.props;\r\n return (\r\n \r\n {this.getCampaignListView()}\r\n
);\r\n }\r\n}\r\n\r\nCampaignResultView.propTypes = {\r\n classes: PropTypes.shape(_.mapObject(\r\n getDefaultCampaignSearchStyles({}, {}),\r\n _.constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n preferenceService: PropTypes.shape({}).isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n userContext: PropTypes.shape({\r\n CurrentAccount: PropTypes.object,\r\n }),\r\n clear: PropTypes.func.isRequired,\r\n scope: PropTypes.instanceOf(QueryParam).isRequired,\r\n searchActivity: PropTypes.any.isRequired,\r\n getSearchItemUniqueId: PropTypes.func.isRequired,\r\n searchQuery: PropTypes.string.isRequired,\r\n searchResultsNum: PropTypes.number,\r\n updateEntityNameFilter: PropTypes.func.isRequired,\r\n};\r\n\r\nCampaignResultView.defaultProps = {\r\n userContext: {},\r\n searchResultsNum: 4,\r\n};\r\n\r\nexport const StyledCampaignResultView =\r\nwithPreference(withScope(withGlobalFilter(withI18nConsumer(withDefaultStyles(\r\n CampaignResultView,\r\n getDefaultCampaignSearchStyles\r\n)))));\r\n\r\nexport const renderCampaignSearch = ({\r\n // eslint-disable-next-line react/prop-types\r\n searchActivity, getSearchItemUniqueId, searchQuery, clear, i18n, searchResultsNum,\r\n}) => (\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n );\r\n };\r\n\r\n const arrowIconClass = item.isAddedToResultList ? 'disabled' : 'enabled';\r\n\r\n return (\r\n \r\n {\r\n campaign ?\r\n
\r\n \r\n {`${campaign.Name} >`}\r\n \r\n {renderItemContent()}\r\n
\r\n :\r\n renderItemContent()\r\n }\r\n {\r\n item.isShowAddArrow ?\r\n (
) : ''\r\n }\r\n
\r\n {this.i18n.getString(this.props.stringKeys.emptyListContent)}\r\n
\r\n )\r\n\r\n renderHeader = () => (\r\n \r\n
\r\n {this.i18n.getString(this.props.stringKeys.listHeader, {\r\n itemCount: this.state.totalCount,\r\n })}\r\n \r\n \r\n )\r\n\r\n /**\r\n * render action bar: select all\r\n * @returns {object} return the action bar component\r\n */\r\n renderActionBar = () => (\r\n this.onSelectAllClick())}\r\n role=\"menuitem\"\r\n tabIndex={0}\r\n >\r\n {this.i18n.getString(this.props.stringKeys.actionBar)} \r\n \r\n {\r\n !hideStatus &&\r\n \r\n {item.name}\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n {\r\n campaign ?\r\n
\r\n \r\n {`${campaign.Name} >`}\r\n \r\n {renderItemContent()}\r\n
\r\n :\r\n renderItemContent()\r\n }\r\n
\r\n \r\n {campaign.Name}\r\n \r\n \r\n {'>'}\r\n \r\n \r\n {item.name}\r\n \r\n );\r\n }\r\n const text = this.props.getCustomDropdownText ?\r\n this.props.getCustomDropdownText() : item.name;\r\n\r\n return (\r\n \r\n {text}\r\n );\r\n };\r\n\r\n const renderEmptyDropdownText = () => {\r\n if (isMultiMode) {\r\n return this.props.getCustomDropdownText ?\r\n this.props.getCustomDropdownText() :\r\n this.i18n.getString(this.props.stringKeys.selectEntities);\r\n }\r\n return this.i18n.getString(this.props.stringKeys.selectEntity);\r\n };\r\n\r\n return {\r\n isToggled: this.state.isToggled,\r\n toggle: this.toggle,\r\n renderDropdownText,\r\n renderEmptyDropdownText,\r\n selectedItem: isMultiMode ? this.getSelectedItemForMultiMode() : this.state.selectedItem,\r\n updatedDropdownItem: this.updatedDropdownItem,\r\n ariaLabel: renderEmptyDropdownText(),\r\n };\r\n }\r\n\r\n /**\r\n * for multi mode: prepare the params for the withMultiResultContainer hoc\r\n * @returns {undefined} do not need return\r\n */\r\n getResultContainerOptions = () => {\r\n const { stringKeys, resultContainerOptions } = this.props;\r\n const renderHeader = itemCount => (\r\n \r\n
\r\n {this.i18n.getString(stringKeys.resultHeader, {\r\n itemCount,\r\n })}\r\n \r\n );\r\n\r\n const renderEmptyList = () => (\r\n \r\n {this.i18n.getString(this.props.stringKeys.emptyListContent)}\r\n
\r\n );\r\n\r\n const renderItem = (item, index) =>\r\n (\r\n {this.renderSelector()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nCampaignSelector.propTypes = {\r\n /**\r\n * item count per page\r\n */\r\n pageSize: PropTypes.number,\r\n /**\r\n * function to fetch items\r\n */\r\n fetch: PropTypes.func.isRequired,\r\n /**\r\n * callback to pass selected item and it's index outside\r\n */\r\n onSelect: PropTypes.func.isRequired,\r\n /**\r\n * selected item\r\n */\r\n selectedItem: PropTypes.objectOf(PropTypes.any),\r\n /**\r\n * i18n for localization\r\n */\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n parseDecimal: PropTypes.func.isRequired,\r\n }),\r\n /**\r\n * i18n for localization\r\n */\r\n i18nLegacy: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n parseDecimal: PropTypes.func.isRequired,\r\n }),\r\n /**\r\n * keys for customized strings\r\n */\r\n stringKeys: PropTypes.objectOf(PropTypes.string),\r\n /**\r\n * Used to check whether an item is selected.\r\n *\r\n * @param {Object} selectedItem - selected item\r\n * @param {Object} item - single data in the list\r\n * @return {boolean} - whether current item is selected\r\n */\r\n checkSelected: PropTypes.func,\r\n /**\r\n * judge whhether campaign selector is used as adgroup selector\r\n */\r\n campaign: PropTypes.objectOf(PropTypes.any),\r\n /**\r\n * the campaign adgroup selector mode: multi or single\r\n */\r\n isMultiMode: PropTypes.bool,\r\n /**\r\n * the initial selected item list for multi mode\r\n */\r\n selectedItemsForMultiMode: PropTypes.arrayOf(PropTypes.any),\r\n /**\r\n * callback for the Done btn clicked, with the selected items\r\n */\r\n onSelectDone: PropTypes.func,\r\n /**\r\n * callback for the Cancel btn clicked, with the selected items\r\n */\r\n onSelectCancel: PropTypes.func,\r\n /**\r\n * hide campaign status in selected container of multi mode\r\n */\r\n hideStatus: PropTypes.bool,\r\n /**\r\n * with Dropdown Menu or not\r\n */\r\n withDropdownMenu: PropTypes.bool,\r\n /**\r\n * customize the resultContainerOptions\r\n */\r\n resultContainerOptions: PropTypes.objectOf(PropTypes.any),\r\n /**\r\n * aria-label for campaign list selector\r\n */\r\n ariaLabel: PropTypes.string,\r\n /**\r\n * aria-label for result campaign list\r\n */\r\n resultListAriaLabel: PropTypes.string,\r\n /**\r\n * aria label of search box input\r\n */\r\n searchBoxAriaLabel: PropTypes.string,\r\n /**\r\n * customize OriginCampaignSelector\r\n */\r\n originCampaignSelectorOptions: PropTypes.shape({}),\r\n /**\r\n * message bar configuration\r\n */\r\n messageConfig: PropTypes.shape({}),\r\n /**\r\n * custom render function for dropdown text\r\n */\r\n getCustomDropdownText: PropTypes.func,\r\n /**\r\n * custom dropdown menu is toggled at beginning\r\n */\r\n isToggled: PropTypes.bool,\r\n};\r\n\r\nCampaignSelector.defaultProps = {\r\n pageSize: 10,\r\n selectedItem: null,\r\n stringKeys: {\r\n emptyListContent: 'CampaignSelector_EmptyList_Content',\r\n listHeader: 'CampaignSelector_List_Header',\r\n selectEntity: 'CampaignSelector_SelectCampaign',\r\n selectEntities: 'CampaignSelector_SelectCampaigns',\r\n resultHeader: 'CampaignSelector_Result_List_Header',\r\n actionBar: 'CampaignSelector_Result_Action_Bar',\r\n },\r\n checkSelected: (selectedItem, item) => _.isEqual(selectedItem, item),\r\n campaign: null,\r\n isToggled: false,\r\n isMultiMode: false,\r\n onSelectDone: _.noop,\r\n onSelectCancel: _.noop,\r\n i18n: null,\r\n i18nLegacy: null,\r\n selectedItemsForMultiMode: [],\r\n hideStatus: false,\r\n withDropdownMenu: true,\r\n resultContainerOptions: null,\r\n ariaLabel: '',\r\n resultListAriaLabel: '',\r\n searchBoxAriaLabel: '',\r\n originCampaignSelectorOptions: {},\r\n messageConfig: {},\r\n getCustomDropdownText: undefined,\r\n};\r\n","import Backbone from 'backbone';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { CampaignSelector } from './index';\r\n\r\nexport class CampaignSelectorView extends Backbone.View {\r\n initialize({\r\n i18n,\r\n fetch,\r\n selectedItem = null,\r\n stringKeys,\r\n checkSelected,\r\n pageSize,\r\n campaign,\r\n ariaLabel = '',\r\n searchBoxAriaLabel = '',\r\n isToggled,\r\n isMultiMode,\r\n onSelectDone,\r\n }) {\r\n this.i18n = i18n;\r\n this.selectedItem = selectedItem;\r\n this.fetch = fetch;\r\n this.stringKeys = stringKeys;\r\n this.checkSelected = checkSelected;\r\n this.pageSize = pageSize;\r\n this.campaign = campaign;\r\n this.ariaLabel = ariaLabel;\r\n this.searchBoxAriaLabel = searchBoxAriaLabel;\r\n this.isToggled = isToggled;\r\n this.isMultiMode = isMultiMode;\r\n this.onSelectDone = onSelectDone;\r\n\r\n this.onSelect = this.onSelect.bind(this);\r\n }\r\n\r\n onSelect(selectedItem) {\r\n this.selectedItem = selectedItem;\r\n this.trigger('selected-campaign', selectedItem);\r\n this.render();\r\n }\r\n\r\n render() {\r\n ReactDOM.render(\r\n (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nStyledCampaignUpgradeDialog.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n isUpgradeDialogOpen: PropTypes.bool.isRequired,\r\n closeUpgradeDialog: PropTypes.func.isRequired,\r\n selectedCampaigns: PropTypes.arrayOf(PropTypes.shape({\r\n Id: PropTypes.number.isRequired,\r\n })).isRequired,\r\n scope: PropTypes.shape({\r\n values: PropTypes.shape({\r\n aid: PropTypes.number,\r\n cid: PropTypes.number,\r\n }),\r\n }).isRequired,\r\n refreshGrid: PropTypes.func.isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const withCampaignUpgradeManager = (WrappedComponent) => {\r\n class UpgradeDialogManager extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isUpgradeDialogOpen: false,\r\n selectedCampaigns: [],\r\n };\r\n }\r\n\r\n openUpgradeDialog = (selectedItems = [], allPages = false) => {\r\n this.setState({\r\n isUpgradeDialogOpen: true,\r\n selectedCampaigns: allPages ? [{ Id: -1 }] : selectedItems,\r\n });\r\n };\r\n\r\n closeUpgradeDialog = () => {\r\n this.setState({\r\n isUpgradeDialogOpen: false,\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n i18n,\r\n } = this.props;\r\n\r\n const upgradeDialogProps = {\r\n toolbarDropdownText: i18n.getString(_TL_('Upgrade to Performance Max')),\r\n isUpgradeDialogOpen: this.state.isUpgradeDialogOpen,\r\n openUpgradeDialog: this.openUpgradeDialog,\r\n closeUpgradeDialog: this.closeUpgradeDialog,\r\n selectedCampaigns: this.state.selectedCampaigns,\r\n };\r\n\r\n return (\r\n \r\n \r\n {icon && \r\n {title}\r\n \r\n {topicKey && HelpPopup && \r\n {header}\r\n { !collapsed &&\r\n
\r\n {children}\r\n
\r\n }\r\n
\r\n
\r\n \r\n { content }\r\n\r\n { actionable &&\r\n
\r\n \r\n }\r\n
\r\n // https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist\r\n return (\r\n \r\n {items.map(pileItem => (\r\n
))}\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { withPageReadyAsync } from '@bingads-webui-react/with-page-ready';\r\n\r\nconst DelayedContentFooter = withPageReadyAsync(() =>\r\n import(/* webpackMode: 'eager' */'./index')\r\n .then(ContentFooter => ContentFooter), null);\r\n\r\nexport function withFooter(Component) {\r\n return props => (\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty, extend } from 'underscore';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { withPreference } from '@bingads-webui-react/preference-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withServerContext } from '@bingads-webui-campaign-react/server-context';\r\nimport { withScope } from '@bingads-webui-react/scope-service';\r\nimport { withPermissions } from '@bingads-webui-react/hoc-with-permissions';\r\nimport { withInstrumentation } from '@bingads-webui-react/hoc-with-instrumentation';\r\nimport { withSiteMap } from '@bingads-webui-campaign-react/with-site-map';\r\nimport { withCurrentExpandedScope } from '@bingads-webui-campaign-react/use-current-scope-entity';\r\nimport { AppContentFooter, getStyles } from '@bingads-webui-react/app-content-footer';\r\nimport { isNavigationRefreshOn } from '@bingads-webui-react/preference-utility';\r\n\r\n\r\n// even if we add React.memo to the functional component, the component will still re-render due to some param change.\r\n// this is to prevent this footer config get computed again\r\n// this assumes that the footer links won't change without full page refresh\r\nlet linksGlobal = [];\r\nlet locSettingsGlobal = {};\r\n\r\nfunction showImprintUrl(lcid) {\r\n // show the url for all german languages irrespective of country\r\n return lcid === 3079 || lcid === 1031 || lcid === 2055;\r\n}\r\n\r\nfunction getSupportUrlConfigKey({ CurrentUser, CurrentCustomer }) {\r\n let supportUrlConfigKey = 'supporturl_standard';\r\n\r\n // For internal users, don't look at customer service level since the customer service level is undefined\r\n // Customer service level can change when the internal user impersonate a customer\r\n // So, always default to standard support URL for internal users\r\n if (CurrentUser && !CurrentUser.IsInternal) {\r\n let serviceLevel;\r\n\r\n if (CurrentCustomer) {\r\n serviceLevel = CurrentCustomer.ServiceLevel;\r\n }\r\n\r\n if (serviceLevel) {\r\n switch (serviceLevel) {\r\n case 'Premium':\r\n case 'Select':\r\n supportUrlConfigKey = 'supporturl_premium';\r\n break;\r\n case 'Internal':\r\n supportUrlConfigKey = 'supporturl_internal';\r\n break;\r\n default:\r\n supportUrlConfigKey = 'supporturl_standard';\r\n break;\r\n }\r\n }\r\n }\r\n return supportUrlConfigKey;\r\n}\r\n\r\nfunction getLinks({\r\n serverContext,\r\n i18n,\r\n locSettings = {},\r\n supportUrlConfigKey,\r\n feedbackEnabled,\r\n isReadOnlyUser,\r\n}) {\r\n const linkArr = [];\r\n\r\n if (showImprintUrl(serverContext.CurrentUser.LocaleID) && locSettings.imprintUrl) {\r\n linkArr.push({\r\n url: locSettings.imprintUrl,\r\n text: i18n.getString(_TL_('Imprint')),\r\n });\r\n }\r\n\r\n const legalText = i18n.getString(_TL_('Legal'));\r\n if (serverContext.CurrentUser) {\r\n linkArr.push({\r\n url: serverContext.TermsConditionsUrl,\r\n text: legalText,\r\n });\r\n } else if (locSettings.legalurl) {\r\n linkArr.push({\r\n url: locSettings.legalurl,\r\n text: legalText,\r\n });\r\n }\r\n\r\n if (locSettings.privacyurl) {\r\n linkArr.push({\r\n url: locSettings.privacyurl,\r\n text: i18n.getString(_TL_('Privacy & Cookies')),\r\n });\r\n }\r\n\r\n if (locSettings.advertiseurl) {\r\n linkArr.push({\r\n url: locSettings.advertiseurl,\r\n text: i18n.getString(_TL_('Advertise')),\r\n });\r\n }\r\n\r\n if (locSettings.developersurl) {\r\n linkArr.push({\r\n url: locSettings.developersurl,\r\n text: i18n.getString(_TL_('Developers')),\r\n });\r\n }\r\n\r\n if (locSettings[supportUrlConfigKey]) {\r\n linkArr.push({\r\n url: locSettings[supportUrlConfigKey],\r\n text: i18n.getString(_TL_('Support')),\r\n });\r\n }\r\n\r\n if (locSettings.adcenterCommunityurl) {\r\n linkArr.push({\r\n url: locSettings.adcenterCommunityurl,\r\n text: i18n.getString(_TL_('Blog')),\r\n });\r\n }\r\n\r\n if (feedbackEnabled) {\r\n if (!isReadOnlyUser) {\r\n linkArr.push({\r\n url: '',\r\n text: i18n.getString(_TL_('Feedback')),\r\n hasFeedbackPanel: feedbackEnabled,\r\n });\r\n }\r\n\r\n // if (locSettings.feedback) {\r\n // linkArr.push({\r\n // url: locSettings.feedback,\r\n // text: i18n.getString(_TL_('User Voice')),\r\n // });\r\n // }\r\n }\r\n\r\n if (locSettings.forumurl) {\r\n linkArr.push({\r\n url: locSettings.forumurl,\r\n text: i18n.getString(_TL_('Community')),\r\n });\r\n }\r\n\r\n if (locSettings.consumerhealthprivacyurl) {\r\n linkArr.push({\r\n url: locSettings.consumerhealthprivacyurl,\r\n text: i18n.getString(_TL_('Consumer Health Privacy')),\r\n });\r\n }\r\n\r\n return linkArr;\r\n}\r\n\r\nexport const useFooterConfig = ({\r\n i18n,\r\n serverContext,\r\n feedbackEnabled,\r\n isReadOnlyUser,\r\n}) => {\r\n const [links, setLinks] = useState(linksGlobal);\r\n const [locSettings, setLocSettings] = useState(locSettingsGlobal);\r\n const supportUrlConfigKey = getSupportUrlConfigKey({\r\n CurrentUser: serverContext.CurrentUser,\r\n CurrentCustomer: serverContext.CurrentCustomer,\r\n });\r\n useEffect(() => {\r\n if (isEmpty(links)) {\r\n window.globalLegacyI18n.loadFooterSettingsI18n().then((footerSettings) => {\r\n const locSettingsData = footerSettings.data;\r\n const linkArr = getLinks({\r\n i18n,\r\n locSettings: locSettingsData,\r\n serverContext,\r\n supportUrlConfigKey,\r\n feedbackEnabled,\r\n isReadOnlyUser,\r\n });\r\n\r\n setLinks(linkArr);\r\n setLocSettings(locSettingsData);\r\n linksGlobal = linkArr;\r\n locSettingsGlobal = locSettingsData;\r\n });\r\n }\r\n // we only read the context and legacy deps once, ignore all the future update.\r\n // if current user change, we expect the page refresh, so this footer component will mount again automatically.\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n\r\n const footerLinks = useMemo(() => ({\r\n links,\r\n locSettings,\r\n supportUrlConfigKey,\r\n texts: {\r\n help: i18n.getString(_TL_('Help')),\r\n copyright: i18n.getString(_TL_('© {{year}} Microsoft'), { year: new Date().getFullYear() }),\r\n },\r\n }), [i18n, links, locSettings, supportUrlConfigKey]);\r\n\r\n return footerLinks;\r\n};\r\n\r\nconst ContentFooter = React.memo(({\r\n classes,\r\n i18n,\r\n serverContext,\r\n preferenceService,\r\n scope,\r\n permissions,\r\n siteMap,\r\n currentCampaign,\r\n currentAdGroup,\r\n instrumentation,\r\n}) => {\r\n const feedbackEnabled = permissions.dynamic.ProductFeedback;\r\n const { IsReadOnlyUser: isReadOnlyUser } = permissions;\r\n\r\n const {\r\n CurrentUser,\r\n Omniture,\r\n PageTrackingId,\r\n IsProdEnv,\r\n } = serverContext;\r\n\r\n const scenario = instrumentation.feedbackScenario && instrumentation.feedbackScenario.create();\r\n const logger = scenario && scenario.feedbackActivity && scenario.feedbackActivity.create();\r\n const feedbackLogger = {\r\n log: (info) => {\r\n logger.trace(info);\r\n },\r\n };\r\n const feedbackProps = {\r\n isTestEnv: !IsProdEnv,\r\n feedbackLogger,\r\n email: CurrentUser.Email,\r\n pageId: PageTrackingId,\r\n sessionId: Omniture && Omniture.SessionId,\r\n };\r\n\r\n if (isNavigationRefreshOn(permissions)) {\r\n extend(feedbackProps, { appData: { NavigationRefresh: true } });\r\n }\r\n\r\n const { links, texts } = useFooterConfig({\r\n i18n,\r\n serverContext,\r\n preferenceService,\r\n scope,\r\n permissions,\r\n siteMap,\r\n currentCampaign,\r\n currentAdGroup,\r\n feedbackEnabled,\r\n isReadOnlyUser,\r\n });\r\n\r\n return (\r\n \r\n null}\r\n ariaLabel={ariaLabel}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nContextualMenuIconButton.propTypes = {\r\n /**\r\n * Define the classes for ContextualMenuIconButton container\r\n * ContextualMenuIconButton container name can be customized.\r\n * Default value is 'ContextualMenuIconButton'\r\n */\r\n classes: PropTypes.shape(mapObject(\r\n getContextualMenuIconButtonStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n /**\r\n * The name of the icon to use from the icon font.\r\n */\r\n iconName: PropTypes.string.isRequired,\r\n /**\r\n * Items is a data array for menu list.\r\n */\r\n items: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n /**\r\n * custom contextual menu props outside\r\n */\r\n contextualMenuProps: PropTypes.shape({}),\r\n /**\r\n * Aria label of IconButton.\r\n */\r\n 'aria-label': PropTypes.string,\r\n};\r\n\r\nContextualMenuIconButton.defaultProps = {\r\n 'aria-label': '',\r\n contextualMenuProps: {},\r\n};\r\n\r\nexport const StyledContextualMenuIconButton =\r\n withDefaultStyles(ContextualMenuIconButton, getContextualMenuIconButtonStyles);\r\n","export const getContextualMenuIconButtonStyles = (_, { palette = {} }) => ({\r\n contextualMenuIconButtonContainer: {\r\n position: 'relative',\r\n '& .selected': {\r\n fontWeight: 'bold',\r\n },\r\n '& .icon': {\r\n color: palette.neutralSecondary,\r\n fontSize: '16px',\r\n margin: '5px 0px',\r\n },\r\n '& .icon-button': {\r\n padding: '0px 0px',\r\n backgroundColor: palette.neutralLighter,\r\n border: 'none',\r\n minWidth: '33px',\r\n height: '36px',\r\n },\r\n '& .icon-button:hover': {\r\n backgroundColor: palette.neutralQuaternary,\r\n },\r\n },\r\n});\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { capitalize } from 'underscore.string';\r\nimport {\r\n FormGroup,\r\n Label,\r\n} from '@bingads-webui-react/primitive';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Input, TextArea } from '@bingads-webui-react/primitive-validation';\r\nimport { HelpPopup } from '@bingads-webui-react/help-popup';\r\n\r\nconst getStyle = () => ({\r\n formGroup: {\r\n margin: '0px !important',\r\n\r\n '& input, textarea': {\r\n marginBottom: '30px',\r\n },\r\n '& input.error, textarea.error': {\r\n marginBottom: '9px',\r\n },\r\n },\r\n});\r\n\r\nclass CustomColumnFormInputUnStyled extends React.PureComponent {\r\n static propTypes = {\r\n i18n: PropTypes.shape({ getString: PropTypes.func }),\r\n name: PropTypes.string.isRequired,\r\n inputClassName: PropTypes.string.isRequired,\r\n maxLength: PropTypes.number.isRequired,\r\n inputValue: PropTypes.string.isRequired,\r\n classes: PropTypes.shape().isRequired,\r\n onInputChange: PropTypes.func,\r\n helpTopic: PropTypes.string,\r\n helpLabel: PropTypes.string,\r\n isTextArea: PropTypes.bool,\r\n inputLabelId: PropTypes.string.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n i18n: { getString: key => key },\r\n onInputChange: _.noop,\r\n helpTopic: 'DEFAULT_HELP_TOPIC',\r\n helpLabel: 'DEFAULT_HELP_LABEL',\r\n isTextArea: false,\r\n };\r\n\r\n render() {\r\n const {\r\n inputLabelId,\r\n name,\r\n isTextArea,\r\n helpLabel,\r\n helpTopic,\r\n classes,\r\n i18n,\r\n inputClassName,\r\n maxLength,\r\n inputValue,\r\n onInputChange,\r\n } = this.props;\r\n const capitalName = capitalize(name);\r\n const TextInput = isTextArea ? TextArea : Input;\r\n\r\n return (\r\n \r\n \r\n {i18n.getString(`CustomColumn_Column${capitalName}Label`)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport const CustomColumnFormInput = withDefaultStyles(CustomColumnFormInputUnStyled, getStyle);\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n FormGroup,\r\n Label,\r\n} from '@bingads-webui-react/primitive';\r\nimport classNames from 'classnames';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Panel, PanelType } from '@bingads-webui-react/fabric-control';\r\nimport { Button } from '@bingads-webui-react/primitive-unthemed';\r\nimport { ValidationGroup, SelectLite } from '@bingads-webui-react/primitive-validation';\r\nimport { HelpPopup } from '@bingads-webui-react/help-popup';\r\nimport {\r\n WithExpressionEditorControls,\r\n providesDefaults,\r\n providesProps,\r\n sharedDefaults,\r\n sharedProps,\r\n} from '@bingads-webui-react/hoc-with-expression-editor-controls';\r\nimport {\r\n customColumnGridKeyFromId\r\n} from '@bingads-webui-universal/custom-column-utils';\r\nimport { isValidForFeature } from '@bingads-webui/custom-columns-shared-config';\r\nimport { CustomColumnExpressionEditor } from '@bingads-webui-react/custom-column-expression-editor';\r\nimport { setClarityTag } from '@bingads-webui-universal/clarity';\r\n\r\nimport { CustomColumnFormInput } from './components/input-row';\r\n\r\nconst validFormats = ['Number', 'Percentage', 'Currency'];\r\nconst getStyle = () => ({\r\n customColumnPanel: {\r\n '& .instruction': {\r\n marginTop: '23px',\r\n marginBottom: '29px',\r\n },\r\n '& .error': {\r\n color: '#A80000',\r\n },\r\n '& .ms-Panel-footer': {\r\n borderTop: '1px solid #EDEBE9',\r\n },\r\n },\r\n inputControls: {\r\n width: '437px',\r\n },\r\n texAreaInput: {\r\n extend: 'inputControls',\r\n resize: 'none',\r\n height: '68px',\r\n },\r\n selectorFormGroup: {\r\n martinTop: '30px',\r\n },\r\n saveButton: {\r\n marginRight: '8px',\r\n },\r\n});\r\n\r\nclass FormPanel extends React.PureComponent {\r\n static propTypes = PropTypes.shape(_.defaults({\r\n uiDebuggerEnabled: PropTypes.bool,\r\n i18n: PropTypes.shape({ getString: PropTypes.func }),\r\n id: PropTypes.string.isRequired,\r\n onCancel: PropTypes.func,\r\n onSave: PropTypes.func,\r\n classes: PropTypes.shape().isRequired,\r\n permissions: PropTypes.shape(),\r\n /**\r\n * The form and expression editor contain complex custom controls that\r\n * need to have their depth explicitly set to be rendered as desired. A\r\n * convention has been established that allows parent components to control\r\n * the layering of their child elements:\r\n * - 1st layer children: child.zIndex % 1000 === true\r\n * - 2nd layer children: may control the zIndex of children, expecting that\r\n * child zIndex values stay between child.zIndexStart and child.zIndexStart+1000;\r\n * this ensures that the overall layering stays consistent between\r\n * children while allowing components to have finer control over layering\r\n * within the components.\r\n */\r\n zIndexStart: PropTypes.number,\r\n }, sharedProps, providesProps)).isRequired;\r\n\r\n static defaultProps = _.defaults({\r\n uiDebuggerEnabled: false,\r\n i18n: { getString: key => key },\r\n onCancel: _.noop,\r\n onSave: _.noop,\r\n zIndexStart: 10000,\r\n id: '',\r\n permissions: {},\r\n }, sharedDefaults, providesDefaults);\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { errMsg: undefined };\r\n setClarityTag({ customColumnPanel: 'true' });\r\n }\r\n\r\n onValueChange = (event) => {\r\n this.setState({\r\n errMsg: null,\r\n });\r\n\r\n this.props.onFormValueChange(event);\r\n }\r\n\r\n saveColumn = () => {\r\n const {\r\n isFormValid,\r\n customColumnService,\r\n isEdit,\r\n resolvePanel,\r\n formValueName,\r\n id,\r\n formValueDescription,\r\n expressionString,\r\n formValueColumnFormat,\r\n entitySchemaName,\r\n afterSave,\r\n onSave,\r\n i18n,\r\n } = this.props;\r\n\r\n if (!isFormValid) {\r\n return;\r\n }\r\n\r\n const expression = expressionString.split(' ');\r\n const formData = {\r\n id,\r\n name: formValueName,\r\n description: formValueDescription,\r\n expression,\r\n format: formValueColumnFormat,\r\n };\r\n\r\n customColumnService[isEdit ? 'edit' : 'add'](formData)\r\n .then((value) => {\r\n resolvePanel({\r\n key: customColumnGridKeyFromId(value),\r\n name: formData.name,\r\n canEdit: true,\r\n canDelete: true,\r\n isValid: isValidForFeature({\r\n schemaName: entitySchemaName,\r\n expression,\r\n permissions: this.props.permissions,\r\n }),\r\n });\r\n\r\n formData.id = value;\r\n onSave();\r\n afterSave(formData);\r\n }).catch((data) => {\r\n const { errors } = data;\r\n const error = _.first(errors);\r\n let errMsg;\r\n\r\n if (error) {\r\n if (error.Code === 'CustomColumnIdIsInvalid') {\r\n errMsg = i18n.getString('CustomColumn_DoesNotExist');\r\n afterSave({ id: undefined });\r\n } else if ((error.Code === 'AccountCustomColumnLimitExceeded') ||\r\n (error.Code === 'CustomerCustomColumnLimitExceeded')) {\r\n errMsg = i18n.getString('CustomColumn_LimitExceeded');\r\n } else if (error.Code === 'CustomColumnExpressionIsTooLong') {\r\n errMsg = i18n.getString('CustomColumnExpressionEditor_Expression_Too_Long');\r\n } else {\r\n errMsg = i18n.getString(`${error.Property}_${error.Code}`);\r\n }\r\n }\r\n\r\n this.setState({\r\n errMsg,\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n i18n,\r\n customColumnFormSchema: validationSchema,\r\n customColumnFormErrorMessages,\r\n customColumnFormIsDirty,\r\n classes,\r\n } = this.props;\r\n\r\n const renderFooterContent = () => (\r\n \r\n \r\n {i18n.getString('CustomColumn_Save')}\r\n \r\n \r\n {i18n.getString('CustomColumn_Cancel')}\r\n \r\n
\r\n );\r\n const nameLabelId = 'custom-column-name-label';\r\n const descriptionLabelId = 'custom-column-description-label';\r\n const formantLabelId = 'custom-column-formant-label';\r\n\r\n return (\r\n {}}\r\n isFooterAtBottom\r\n className={classes.customColumnPanel}\r\n >\r\n \r\n
\r\n \r\n {i18n.getString('CustomColumn_Description')}\r\n
\r\n \r\n \r\n {i18n.getString('CustomColumn_ColumnFormatLabel')}\r\n \r\n \r\n {validFormats.map(format => (\r\n \r\n {i18n.getString(`CustomColumn_ColumnFormat_${format}`)}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n {this.props.uiDebuggerEnabled ? (\r\n \r\n {JSON.stringify({\r\n debugInfo: {\r\n customColumnFormIsDirty: this.props.customColumnFormIsDirty,\r\n isFormValid: this.props.isFormValid,\r\n expression: this.props.expressionString,\r\n customColumnFormErrorMessages: this.props.customColumnFormErrorMessages,\r\n },\r\n }, null, 2)}\r\n \r\n ) : null }\r\n {\r\n this.state.errMsg ? (\r\n \r\n
{this.state.errMsg}
\r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.i18n.getString(this.state.operator.i18nKey)}\r\n \r\n \r\n {\r\n _.map(\r\n AudienceSetOperator,\r\n operator => (\r\n { this.onOperatorChange(operator); }}\r\n key={operator.value}\r\n >\r\n {this.props.i18n.getString(operator.i18nKey)}\r\n \r\n )\r\n )\r\n }\r\n \r\n \r\n
\r\n
\r\n
\r\n {errorMessage}\r\n
\r\n
\r\n this.onSaveAudienceSet(this.state.operator, this.state.audiences)}\r\n value={this.props.i18n.getString('Custom_Combination_Save_Audience_Set_Button_Text')}\r\n />\r\n { this.discardChange(); this.props.onCancel(); }}\r\n value={this.props.i18n.getString('Custom_Combination_Cancel_Audience_Set_Button_Text')}\r\n />\r\n
\r\n
\r\n );\r\n };\r\n\r\n renderAudienceSetDisplayer = (selectedAudiences, displayError) => (\r\n \r\n \r\n
\r\n
\r\n {this.props.i18n.getString(this.state.operator.i18nKey)}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n // Audience name and audience type\r\n _.map(selectedAudiences, audience => (\r\n
\r\n \r\n \r\n {audience.Name}\r\n \r\n :\r\n audience.Name\r\n }\r\n \r\n \r\n \r\n ))\r\n }\r\n
\r\n
\r\n {displayError && displayError.message}\r\n
\r\n
\r\n );\r\n\r\n\r\n render() {\r\n // Only show the selected audiences list\r\n if (this.props.audienceSet.isEditing) {\r\n const doubleListBoxData =\r\n this.mergeDataToDoubleListBoxFormat(this.state.operator, this.state.audiences);\r\n const editingError = this.state.error ||\r\n this.props.validateAudienceSet(this.state.operator, this.state.audiences);\r\n\r\n return this.renderAudienceSetEditor(doubleListBoxData, editingError);\r\n }\r\n\r\n const displayError = this.state.error;\r\n return this.renderAudienceSetDisplayer(this.props.audienceSet.audiences, displayError);\r\n }\r\n}\r\n\r\n\r\nAudienceSetDetail.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }).isRequired,\r\n\r\n audienceDao: PropTypes.shape({\r\n getAudienceByName: PropTypes.func.isRequired,\r\n getAudienceById: PropTypes.func.isRequired,\r\n getAudiencesByType: PropTypes.func.isRequired,\r\n getAllAudiences: PropTypes.func.isRequired,\r\n }).isRequired,\r\n\r\n audienceSet: PropTypes.shape({\r\n operator: PropTypes.any.isRequired,\r\n audiences: PropTypes.array.isRequired,\r\n isEditing: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n\r\n onEdit: PropTypes.func.isRequired,\r\n onRemove: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n onCancel: PropTypes.func.isRequired,\r\n\r\n validateAudienceSet: PropTypes.func.isRequired,\r\n getDisabledAudienceTypes: PropTypes.func.isRequired,\r\n getDisabledAudiences: PropTypes.func.isRequired,\r\n};\r\n","import _ from 'underscore';\r\nimport { AudienceType } from './constants';\r\n\r\nexport class AudienceDao {\r\n constructor({\r\n loadAudiencesAsync, //= () => Promise.resolve(),\r\n } = {}) {\r\n this.loadAudiencesAsync = loadAudiencesAsync;\r\n this.audiencesById = {};\r\n this.audiencesByName = {};\r\n this.audiencesByTypeValue = {};\r\n }\r\n\r\n refresh = () => this.loadAudiencesData();\r\n\r\n loadAudiencesData = () => {\r\n const audienceTypes = _.map(_.values(AudienceType), x => x.mtEnum);\r\n\r\n return this.loadAudiencesAsync(audienceTypes)\r\n .then((audiences) => {\r\n const audienceTypeByMTEnum = _.object(_.map(AudienceType, type => [type.mtEnum, type]));\r\n\r\n // Here skips unknown audience types\r\n const audienceWithInternalType = _.compact(_.map(\r\n audiences,\r\n (audience) => {\r\n const internalAudienceType = audienceTypeByMTEnum[audience.Type];\r\n return internalAudienceType ?\r\n _.defaults({ Type: internalAudienceType }, audience) : null;\r\n }\r\n ));\r\n\r\n this.audiences = audienceWithInternalType;\r\n this.audiencesById = _.object(_.map(\r\n audienceWithInternalType,\r\n audience => [audience.Id, audience]\r\n ));\r\n this.audiencesByName = _.object(_.map(\r\n audienceWithInternalType,\r\n audience => [audience.Name, audience]\r\n ));\r\n this.audiencesByTypeValue = _.groupBy(\r\n audienceWithInternalType,\r\n audience => audience.Type.value\r\n );\r\n });\r\n };\r\n\r\n getAllAudiences = () => this.audiences;\r\n\r\n getAudienceByName = audienceName => this.audiencesByName[audienceName];\r\n\r\n getAudienceById = audienceId => this.audiencesById[audienceId];\r\n\r\n getAudiencesByType = type => this.audiencesByTypeValue[type.value];\r\n\r\n getAudiencesByTypeValue = typeValue => this.audiencesByTypeValue[typeValue];\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\n\r\nimport { AudienceDao } from './audience-dao';\r\nimport { AudienceSetDetail } from './audience-set-detail';\r\nimport { CombinedListStyle } from './styles/combined-list-styles';\r\n\r\nimport {\r\n AudienceSetOperator,\r\n AudienceType,\r\n MaxAudienceSets,\r\n MaxAudiencesInAudienceSet,\r\n NewMaxAudienceSetsExceedingError,\r\n NewMaxAudiencesExceedingError,\r\n NewSimilarAudienceOperatorError,\r\n NewSimilarAudienceSetError,\r\n NewCustomerListCombinationError,\r\n NewEmptyAudienceSetError,\r\n NewOnlyNotAudienceSetError,\r\n NewNoAudienceSetError,\r\n NewCombinedListEditNotByCreatorError,\r\n NewAudienceIdInvalidError,\r\n NewInternalError,\r\n NewAudienceInConfictSetError,\r\n NewEnhancedCustomerListError,\r\n} from './constants';\r\n\r\nexport class CombinedListDetail extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.logMessage = props.logMessage;\r\n this.audienceDao = new AudienceDao({\r\n loadAudiencesAsync: this.props.loadAudiencesAsync,\r\n });\r\n\r\n const newAudienceSet = {\r\n id: -1,\r\n isEditing: true,\r\n operator: AudienceSetOperator.And,\r\n audiences: [],\r\n };\r\n\r\n this.state = {\r\n isLoadingAudience: false,\r\n\r\n audienceSets: [],\r\n audienceSummary: [],\r\n isAddingNewAudienceSet: !props.isEditMode,\r\n newAudienceSet: props.isEditMode ? null : newAudienceSet,\r\n\r\n error: null,\r\n };\r\n\r\n this.loadAudiencePromise = null;\r\n\r\n // only for test purpose\r\n if (this.props.testRef) {\r\n this.props.testRef.current = {\r\n beforeSavingValidation: this.beforeSavingValidation.bind(this),\r\n convertCombinedListToMTFormat: this.convertCombinedListToMTFormat.bind(this),\r\n backFillMTResponse: this.backFillMTResponse.bind(this),\r\n audienceDao: this.audienceDao,\r\n serialize: this.serialize.bind(this),\r\n load: this.load.bind(this),\r\n convertCombinedListToUIFormat: this.convertCombinedListToUIFormat.bind(this),\r\n simpleValidateAudienceSet: this.simpleValidateAudienceSet.bind(this),\r\n fullValidateAudienceSet: this.fullValidateAudienceSet.bind(this),\r\n validateCombinedList: this.validateCombinedList.bind(this),\r\n deltaCalculateDisabledAudienceTypes: this.deltaCalculateDisabledAudienceTypes.bind(this),\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // If it's in Editing, load audience data aggresively\r\n if (this.props.isEditMode) {\r\n this.activate();\r\n }\r\n this.logMessage(false, 'CombinedListDetail.componentDidMount', 'Combined List Detail React did mount');\r\n }\r\n\r\n componentDidUpdate() {\r\n this.logMessage(false, 'CombinedListDetail.componentDidUpdate', 'Combined List Detail React did update');\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n this.logMessage(true, 'CombinedListDetail.componentDidCatch', `Combined List Detail React did catch error: ${error} ${info.componentStack}`);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.logMessage(false, 'CombinedListDetail.componentWillUnmount', 'Combined List Detail React will unmount');\r\n }\r\n\r\n // Audience set operation\r\n onEditAudienceSet = (index) => {\r\n this.setState({ error: null }); // Bad impl for disappearing\r\n\r\n const newAudienceSets = _.map(\r\n this.state.audienceSets,\r\n (audienceSet, idx) =>\r\n (idx === index ? _.defaults({ isEditing: true }, audienceSet) : audienceSet)\r\n );\r\n\r\n this.setState({ audienceSets: newAudienceSets });\r\n this.logMessage(false, 'CombinedListDetail.onEditAudienceSet', 'Combined List Detail React onEditAudienceSet');\r\n };\r\n\r\n onSaveExistingAudienceSet = (operator, audiences, index) => {\r\n this.setState({ error: null }); // Bad impl for disappearing\r\n\r\n const updatedAudienceSet = {\r\n isEditing: false,\r\n operator,\r\n audiences,\r\n };\r\n\r\n const otherAudienceSets = _.compact(_.map(\r\n this.state.audienceSets,\r\n (x, idx) => (idx === index ? null : x)\r\n ));\r\n\r\n const error = this.fullValidateAudienceSet(updatedAudienceSet, otherAudienceSets);\r\n\r\n if (!error) {\r\n const updatedAudienceSets = _.map(\r\n this.state.audienceSets,\r\n (x, idx) => (idx === index ? updatedAudienceSet : x)\r\n );\r\n const audienceSummary = this.summarizeAudienceSets(updatedAudienceSets);\r\n\r\n this.setState({ audienceSets: updatedAudienceSets, audienceSummary });\r\n }\r\n this.logMessage(false, 'CombinedListDetail.onSaveExistingAudienceSet', 'Combined List Detail React onSaveExistingAudienceSet');\r\n return error;\r\n };\r\n\r\n onCancelExistingAudienceSet = (index) => {\r\n this.setState({ error: null }); // Bad impl for disappearing\r\n\r\n const newAudienceSets = _.map(\r\n this.state.audienceSets,\r\n (audienceSet, idx) =>\r\n (idx === index ? _.defaults({ isEditing: false }, audienceSet) : audienceSet)\r\n );\r\n this.logMessage(false, 'CombinedListDetail.onCancelExistingAudienceSet', 'Combined List Detail React onCancelExistingAudienceSet');\r\n this.setState({ audienceSets: newAudienceSets });\r\n };\r\n\r\n onRemoveAudienceSet = (index) => {\r\n this.setState({ error: null }); // Bad impl for disappearing error\r\n\r\n const newCombinedList = _.compact(_.map(\r\n this.state.audienceSets,\r\n (audienceSet, idx) => (idx === index ? null : audienceSet)\r\n ));\r\n\r\n const audienceSummary = this.summarizeAudienceSets(newCombinedList);\r\n this.logMessage(false, 'CombinedListDetail.onRemoveAudienceSet', 'Combined List Detail React onRemoveAudienceSet');\r\n this.setState({ audienceSets: newCombinedList, audienceSummary });\r\n };\r\n\r\n onAddNewAudienceSet = () => {\r\n this.setState({ error: null }); // Bad impl for disappearing error\r\n\r\n const newAudienceSet = {\r\n id: -1,\r\n isEditing: true,\r\n operator: AudienceSetOperator.And,\r\n audiences: [],\r\n };\r\n this.logMessage(false, 'CombinedListDetail.onAddNewAudienceSet', 'Combined List Detail React onAddNewAudienceSet');\r\n this.setState({ isAddingNewAudienceSet: true, newAudienceSet });\r\n };\r\n\r\n onSaveNewAudienceSet = (operator, audiences) => {\r\n this.setState({ error: null }); // Bad impl for disappearing\r\n\r\n const newAudienceSet = {\r\n id: _.uniqueId(),\r\n isEditing: false,\r\n operator,\r\n audiences,\r\n };\r\n\r\n const error = this.fullValidateAudienceSet(newAudienceSet, this.state.audienceSets);\r\n\r\n if (!error) {\r\n const newAudienceSets = [...this.state.audienceSets, newAudienceSet];\r\n const audienceSummary = this.summarizeAudienceSets(newAudienceSets);\r\n\r\n this.setState({\r\n isAddingNewAudienceSet: false,\r\n audienceSets: newAudienceSets,\r\n audienceSummary,\r\n });\r\n }\r\n this.logMessage(false, 'CombinedListDetail.onSaveNewAudienceSet', 'Combined List Detail React onSaveNewAudienceSet');\r\n return error;\r\n };\r\n\r\n onCancelNewAudienceSet = () => {\r\n this.setState({ error: null }); // Bad impl for disappearing\r\n\r\n this.setState({\r\n isAddingNewAudienceSet: false,\r\n newAudienceSet: null,\r\n });\r\n this.logMessage(false, 'CombinedListDetail.onCancelNewAudienceSet', 'Combined List Detail React onCancelNewAudienceSet');\r\n };\r\n\r\n // Data format converter\r\n convertCombinedListToMTFormat = (audienceSets) => {\r\n const mtFormatAudienceSetsObject = _.map(\r\n audienceSets,\r\n (audienceSet) => {\r\n const operator = audienceSet.operator.value;\r\n const audienceIds = _.map(audienceSet.audiences, x => x.Id);\r\n\r\n return {\r\n '@odata.type': '#Model.AudienceSet',\r\n Operator: operator,\r\n AudienceIds: audienceIds,\r\n };\r\n }\r\n );\r\n\r\n return mtFormatAudienceSetsObject;\r\n };\r\n\r\n convertCombinedListToUIFormat = (mtCombinedList, audienceDao) => {\r\n const uiFormatCombinedList = _.map(\r\n mtCombinedList,\r\n (mtAudienceSet) => {\r\n const operator = _.find(\r\n _.values(AudienceSetOperator),\r\n x => x.value === mtAudienceSet.Operator\r\n );\r\n\r\n const audiences = _.compact(_.map(\r\n mtAudienceSet.AudienceIds,\r\n (id) => {\r\n const audience = audienceDao.getAudienceById(id);\r\n if (!audience) {\r\n return {\r\n Id: id,\r\n Name: this.props.i18n.getString('Unavailable_Audience_withId', {\r\n Id: id,\r\n }),\r\n NotAvailable: true,\r\n Type: {\r\n value: 'NotAvailable',\r\n },\r\n };\r\n }\r\n return audience;\r\n }\r\n ));\r\n\r\n return {\r\n operator,\r\n audiences,\r\n isEditing: false,\r\n };\r\n }\r\n );\r\n\r\n return uiFormatCombinedList;\r\n };\r\n\r\n mapMTResponseErrorcode = (mtErrorCode) => {\r\n switch (mtErrorCode) {\r\n case 'AudienceSetsIsEmpty':\r\n return NewNoAudienceSetError(this.props.i18n);\r\n case 'AudienceSetsIsTooLarge':\r\n return NewMaxAudienceSetsExceedingError(this.props.i18n);\r\n case 'NoAudienceSelected':\r\n return NewEmptyAudienceSetError(this.props.i18n);\r\n case 'AllNOTOperatorIsNotAllowed':\r\n return NewOnlyNotAudienceSetError(this.props.i18n);\r\n case 'SimilarAudienceCanOnlyBeInSingleORSet':\r\n return NewSimilarAudienceSetError(this.props.i18n);\r\n case 'CustomerListsCanOnlyBeCombinedWithOtherCustomerLists':\r\n return NewCustomerListCombinationError(this.props.i18n);\r\n case 'CombinedListCanOnlyBeEditedByCreator':\r\n return NewCombinedListEditNotByCreatorError(this.props.i18n);\r\n case 'InvalidAudienceId':\r\n return NewAudienceIdInvalidError(this.props.i18n);\r\n case 'InvalidAudienceSetOperator':\r\n case 'AudienceTypeIsNotSupportedForANDOperator':\r\n case 'AudienceTypeIsNotSupportedForOROperator':\r\n case 'AudienceTypeIsNotSupportedForNOTOperator':\r\n case 'CustomerNotEligibleForAudienceCombination':\r\n // This will only happen by hacking or system issue\r\n return NewInternalError(this.props.i18n);\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n // Validate functions\r\n statAudiences = (audiences) => {\r\n let similarAudienceSize = 0;\r\n let customerListAudienceSize = 0;\r\n let customerAudienceSize = 0;\r\n let remarketAudienceSize = 0;\r\n let productAudienceSize = 0;\r\n\r\n _.each(audiences, (audience) => {\r\n switch (audience.Type) {\r\n case AudienceType.RemarketingSimilar:\r\n similarAudienceSize += 1;\r\n break;\r\n\r\n case AudienceType.Custom:\r\n customerAudienceSize += 1;\r\n break;\r\n\r\n case AudienceType.CustomerList:\r\n customerListAudienceSize += 1;\r\n break;\r\n\r\n case AudienceType.RemarketingList:\r\n remarketAudienceSize += 1;\r\n break;\r\n\r\n case AudienceType.Product:\r\n productAudienceSize += 1;\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n\r\n return {\r\n similarAudienceSize,\r\n customerAudienceSize,\r\n customerListAudienceSize,\r\n ordinaryAudienceSize: remarketAudienceSize + productAudienceSize, // Remarketing and Product audiences are ordinary audiences\r\n remarketAudienceSize,\r\n productAudienceSize,\r\n };\r\n };\r\n\r\n simpleValidateAudienceSet = (operator, audiences) => {\r\n // Do a quick validation within the set everytime a change\r\n if (audiences.length > MaxAudiencesInAudienceSet) {\r\n return NewMaxAudiencesExceedingError(this.props.i18n);\r\n }\r\n\r\n const {\r\n similarAudienceSize, customerAudienceSize, customerListAudienceSize,\r\n } = this.statAudiences(audiences);\r\n\r\n if (similarAudienceSize > 0 && operator !== AudienceSetOperator.Or) {\r\n return NewSimilarAudienceOperatorError(this.props.i18n);\r\n }\r\n\r\n if (similarAudienceSize > 0 &&\r\n (customerListAudienceSize > 0 && customerAudienceSize > 0)) {\r\n return NewEnhancedCustomerListError(this.props.newI18n);\r\n }\r\n\r\n\r\n return null;\r\n };\r\n\r\n fullValidateAudienceSet = (audienceSetToUpdate, restAudienceSets) => {\r\n // Within single set\r\n if (audienceSetToUpdate.audiences.length === 0) {\r\n return NewEmptyAudienceSetError(this.props.i18n);\r\n }\r\n\r\n if (audienceSetToUpdate.audiences.length > MaxAudiencesInAudienceSet) {\r\n return NewMaxAudiencesExceedingError(this.props.i18n);\r\n }\r\n\r\n const {\r\n similarAudienceSize, customerAudienceSize, customerListAudienceSize,\r\n }\r\n = this.statAudiences(audienceSetToUpdate.audiences);\r\n\r\n\r\n if (similarAudienceSize > 0 && audienceSetToUpdate.operator !== AudienceSetOperator.Or) {\r\n return NewSimilarAudienceOperatorError(this.props.i18n);\r\n }\r\n\r\n const simpleCheckError =\r\n this.simpleValidateAudienceSet(audienceSetToUpdate.operator, audienceSetToUpdate.audiences);\r\n if (!_.isNull(simpleCheckError)) {\r\n return simpleCheckError;\r\n }\r\n\r\n // Within all sets\r\n if (restAudienceSets.length + 1 > MaxAudienceSets) {\r\n return NewMaxAudienceSetsExceedingError(this.props.i18n);\r\n }\r\n\r\n let othersSimilarAudienceSize = 0;\r\n let othersCustomerListAudienceSize = 0;\r\n let othersCustomerAudienceSize = 0;\r\n\r\n _.each(\r\n restAudienceSets,\r\n (audienceSet) => {\r\n const {\r\n similarAudienceSize: similarSize,\r\n customerAudienceSize: customerSize,\r\n customerListAudienceSize: customerListSize,\r\n } = this.statAudiences(audienceSet.audiences);\r\n othersSimilarAudienceSize += similarSize;\r\n othersCustomerListAudienceSize += customerListSize;\r\n othersCustomerAudienceSize += customerSize;\r\n }\r\n );\r\n\r\n if (othersSimilarAudienceSize > 0 && similarAudienceSize > 0) {\r\n return NewSimilarAudienceSetError(this.props.i18n);\r\n }\r\n\r\n if (othersSimilarAudienceSize > 0 && (customerListAudienceSize > 0 || customerAudienceSize > 0)) {\r\n return NewEnhancedCustomerListError(this.props.newI18n);\r\n }\r\n\r\n if (similarAudienceSize > 0 && (othersCustomerAudienceSize > 0 || othersCustomerListAudienceSize > 0)) {\r\n return NewEnhancedCustomerListError(this.props.newI18n);\r\n }\r\n\r\n // check if same audience is included in both AND set and NOT set\r\n if ((audienceSetToUpdate.operator.value === AudienceSetOperator.And.value ||\r\n audienceSetToUpdate.operator.value === AudienceSetOperator.Not.value) &&\r\n restAudienceSets.length > 0) {\r\n const conflictAudiences = [];\r\n _.each(audienceSetToUpdate.audiences, (audience) => {\r\n if (this.isAudienceInConflictSet(\r\n audienceSetToUpdate.operator.value,\r\n audience.Id,\r\n restAudienceSets\r\n )) {\r\n conflictAudiences.push(audience);\r\n }\r\n });\r\n if (!_.isEmpty(conflictAudiences)) {\r\n return NewAudienceInConfictSetError(this.props.i18n, conflictAudiences);\r\n }\r\n }\r\n\r\n return null;\r\n };\r\n\r\n isAudienceInConflictSet = (setOperator, audienceId, otherAudienceSets) => {\r\n const oppositeSetOperator = setOperator === AudienceSetOperator.And.value ?\r\n AudienceSetOperator.Not.value : AudienceSetOperator.And.value;\r\n const oppositeAudienceSets = _.filter(\r\n otherAudienceSets,\r\n set => set.operator.value === oppositeSetOperator\r\n );\r\n const oppositeAudiences = _.reduce(\r\n oppositeAudienceSets,\r\n (total, set) => _.union(total, set.audiences),\r\n []\r\n );\r\n\r\n if (_.isEmpty(oppositeAudienceSets) || _.isEmpty(oppositeAudiences)) {\r\n return false;\r\n }\r\n\r\n const result = _.find(oppositeAudiences, audience => audience.Id === audienceId);\r\n\r\n return result !== undefined;\r\n };\r\n\r\n beforeSavingValidation = (audienceSets) => {\r\n // When save combined list, the audience sets in the status are good\r\n // but only one problem that we will not validate only \"NOT\" sets before saving\r\n let audienceSetWithNotOperatorSize = 0;\r\n let audienceSetWithOtherOperatorSize = 0;\r\n\r\n _.each(\r\n audienceSets,\r\n (audienceSet) => {\r\n switch (audienceSet.operator) {\r\n case AudienceSetOperator.Not:\r\n audienceSetWithNotOperatorSize += 1;\r\n break;\r\n default:\r\n audienceSetWithOtherOperatorSize += 1;\r\n }\r\n }\r\n );\r\n\r\n if (audienceSetWithOtherOperatorSize === 0) {\r\n return audienceSetWithNotOperatorSize === 0 ?\r\n NewNoAudienceSetError(this.props.i18n) : NewOnlyNotAudienceSetError(this.props.i18n);\r\n }\r\n\r\n return null;\r\n };\r\n\r\n deltaCalculateDisabledAudienceTypes = (operator, audiences, index = null) => {\r\n const disabledAudienceTypes = [];\r\n\r\n let {\r\n similarAudienceSize,\r\n customerAudienceSize,\r\n customerListAudienceSize,\r\n } = this.statAudiences(audiences);\r\n\r\n _.each(this.state.audienceSummary, (x, idx) => {\r\n if (index === idx) {\r\n return;\r\n }\r\n\r\n similarAudienceSize += x.similarAudienceSize;\r\n customerAudienceSize += x.customerAudienceSize;\r\n customerListAudienceSize += x.customerListAudienceSize;\r\n });\r\n\r\n // If other has Similar, no similar audiences are permitted in the new set\r\n if (operator !== AudienceSetOperator.Or) {\r\n disabledAudienceTypes.push(AudienceType.RemarketingSimilar);\r\n }\r\n\r\n if (similarAudienceSize > 0) {\r\n disabledAudienceTypes.push(AudienceType.CustomerList);\r\n disabledAudienceTypes.push(AudienceType.Custom);\r\n }\r\n\r\n if (customerListAudienceSize + customerAudienceSize > 0) {\r\n disabledAudienceTypes.push(AudienceType.RemarketingSimilar);\r\n }\r\n\r\n return _.uniq(disabledAudienceTypes);\r\n };\r\n\r\n deltaCalculateDisabledAudiences = (operator, audienceType, index = null) => {\r\n if (operator === AudienceSetOperator.Or) {\r\n // OR won't conflict with other sets\r\n return [];\r\n }\r\n\r\n const requiredOperator = (operator === AudienceSetOperator.And ?\r\n AudienceSetOperator.Not :\r\n AudienceSetOperator.And\r\n );\r\n\r\n const result = _.chain(this.state.audienceSets).map((audienceSet, idx) => {\r\n if (audienceSet.operator !== requiredOperator || idx === index) {\r\n return [];\r\n }\r\n\r\n const audienceOfRequiredType = _.filter(\r\n audienceSet.audiences,\r\n x => x.Type === audienceType\r\n );\r\n\r\n return audienceOfRequiredType;\r\n })\r\n .flatten()\r\n .uniq()\r\n .value();\r\n\r\n return result;\r\n };\r\n\r\n summarizeAudienceSets = audienceSets => _.map(\r\n audienceSets,\r\n x => this.statAudiences(x.audiences)\r\n );\r\n\r\n // Interface for isolation external operations\r\n activate() {\r\n if (!this.loadAudiencePromise) {\r\n this.setState({ isLoadingAudience: true });\r\n\r\n const loadAudiencePromise = this.audienceDao.refresh()\r\n .finally(() => { this.setState({ isLoadingAudience: false }); });\r\n\r\n this.loadAudiencePromise = loadAudiencePromise;\r\n }\r\n }\r\n\r\n serialize = () => this.convertCombinedListToMTFormat(this.state.audienceSets);\r\n\r\n load = (mtFormatAudienceSets) => {\r\n // This func can only be called after activate\r\n\r\n this.loadAudiencePromise.then(() => {\r\n const uiFormatAudienceSets = this.convertCombinedListToUIFormat(\r\n mtFormatAudienceSets,\r\n this.audienceDao\r\n );\r\n\r\n const audienceSummary = this.summarizeAudienceSets(uiFormatAudienceSets);\r\n\r\n this.setState({ audienceSets: uiFormatAudienceSets, audienceSummary });\r\n });\r\n };\r\n\r\n validateCombinedList = () => {\r\n // The audience sets are all good enough but few more to validate\r\n const error = this.beforeSavingValidation(this.state.audienceSets);\r\n\r\n if (error) {\r\n this.setState({ error });\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n backFillMTResponse = (errorCode) => {\r\n const error = this.mapMTResponseErrorcode(errorCode);\r\n\r\n if (error) {\r\n this.setState({ error });\r\n }\r\n };\r\n\r\n // render\r\n renderExistingAudienceSetDetail = (audienceSet, index) => (\r\n { this.onEditAudienceSet(index); }}\r\n onRemove={() => { this.onRemoveAudienceSet(index); }}\r\n onSave={(operator, audiences) => this.onSaveExistingAudienceSet(operator, audiences, index)}\r\n onCancel={() => { this.onCancelExistingAudienceSet(index); }}\r\n\r\n validateAudienceSet={\r\n (operator, audiences) => this.simpleValidateAudienceSet(operator, audiences)\r\n }\r\n getDisabledAudienceTypes={\r\n (operator, audiences) =>\r\n this.deltaCalculateDisabledAudienceTypes(operator, audiences, index)\r\n }\r\n getDisabledAudiences={\r\n (operator, audienceType) =>\r\n this.deltaCalculateDisabledAudiences(operator, audienceType, index)\r\n }\r\n externalError={null}\r\n />\r\n );\r\n\r\n\r\n renderNewAudienceSetDetail = audienceSet => (\r\n { }}\r\n onRemove={() => { }}\r\n onSave={(operator, audiences) => this.onSaveNewAudienceSet(operator, audiences)}\r\n onCancel={() => { this.onCancelNewAudienceSet(); }}\r\n\r\n validateAudienceSet={\r\n (operator, audiences) => this.simpleValidateAudienceSet(operator, audiences)\r\n }\r\n getDisabledAudienceTypes={\r\n (operator, audiences) => this.deltaCalculateDisabledAudienceTypes(operator, audiences, null)\r\n }\r\n getDisabledAudiences={\r\n (operator, audienceType) =>\r\n this.deltaCalculateDisabledAudiences(operator, audienceType, null)\r\n }\r\n externalError={null}\r\n />\r\n );\r\n\r\n renderFaker = () => (\r\n \r\n );\r\n\r\n render() {\r\n if (this.state.isLoadingAudience) {\r\n this.logMessage(false, 'Combined list detail render', 'renderFaker');\r\n return this.renderFaker();\r\n }\r\n\r\n const enableNewAudienceSet = this.state.audienceSets.length < MaxAudienceSets &&\r\n !this.state.isAddingNewAudienceSet;\r\n\r\n const fillerBetweenAudienceSets = (\r\n \r\n {this.props.i18n.getString('Custom_Combination_Audience_Set_Seprator_Text')}\r\n
\r\n );\r\n\r\n this.logMessage(false, 'Combined list detail render', 'render');\r\n return (\r\n \r\n
\r\n {\r\n _.map(\r\n this.state.audienceSets,\r\n (audienceSet, index) => {\r\n const isFillerNeeded = (index < this.state.audienceSets.length - 1) ||\r\n this.state.isAddingNewAudienceSet;\r\n\r\n return (\r\n
\r\n {this.renderExistingAudienceSetDetail(audienceSet, index)}\r\n {isFillerNeeded && fillerBetweenAudienceSets}\r\n \r\n );\r\n }\r\n )\r\n }\r\n
\r\n {\r\n this.state.isAddingNewAudienceSet ?\r\n this.renderNewAudienceSetDetail(this.state.newAudienceSet) : null\r\n }\r\n
\r\n {\r\n enableNewAudienceSet &&\r\n \r\n {this.state.error && this.state.error.message}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nCombinedListDetail.defaultProps = {\r\n newI18n: {\r\n getString: () => 'empty',\r\n },\r\n logMessage: _.noop,\r\n};\r\n\r\nCombinedListDetail.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }).isRequired,\r\n newI18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }),\r\n isEditMode: PropTypes.bool.isRequired,\r\n loadAudiencesAsync: PropTypes.func.isRequired,\r\n logMessage: PropTypes.func,\r\n};\r\n","/* eslint-disable */\r\n// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\r\nexport default (typeof window != 'undefined' && window.Math == Math\r\n ? window\r\n : typeof self != 'undefined' && self.Math == Math\r\n ? self\r\n : Function('return this')())\r\n","import globalThis from './global-this';\r\n\r\nconst ns = '2f1acc6c3a606b082e5eef5e54414ffb';\r\nif (globalThis[ns] == null) globalThis[ns] = 0;\r\n\r\n// Bundle may contain multiple JSS versions at the same time. In order to identify\r\n// the current version with just one short number and use it for classes generation\r\n// we use a counter. Also it is more accurate, because user can manually reevaluate\r\n// the module.\r\n// eslint-disable-next-line no-plusplus\r\nexport default globalThis[ns]++;\r\n","import moduleId from './module-id';\r\n\r\nconst maxRules = 1e10;\r\n\r\n// Customize createGenerateId function for jss setup\r\n// Remove $ in prefix to resolve jss prefix with $ sign issue\r\n// Issue: When prefix contains $, the nested style case will lose $ thus leads to style issue\r\nexport const createGenerateId = (options = {}) => {\r\n let ruleCounter = 0;\r\n\r\n return (rule, sheet) => {\r\n ruleCounter += 1;\r\n\r\n if (ruleCounter > maxRules) {\r\n console.warn(`[JSS] You might have a memory leak. Rule counter is at ${ruleCounter}.`);\r\n }\r\n\r\n let jssId = '';\r\n let prefix = '';\r\n\r\n if (sheet) {\r\n if (sheet.options.classNamePrefix) {\r\n prefix = sheet.options.classNamePrefix;\r\n }\r\n if (sheet.options.jss.id != null) {\r\n jssId = String(sheet.options.jss.id);\r\n }\r\n }\r\n\r\n if (options.minify) {\r\n // Using \"c\" because a number can't be the first char in a class name.\r\n return `${prefix || 'c'}${moduleId}${jssId}${ruleCounter}`.replace(/\\$/g, ''); // remove generated $ sign\r\n }\r\n\r\n return `${prefix + rule.key}-${moduleId}${jssId ? `-${jssId}` : ''}-${ruleCounter}`.replace(/\\$/g, ''); // remove generated $ sign\r\n };\r\n};\r\n","import { makeStyles, tokens, shorthands } from '@fluentui/react-components';\r\n\r\nexport const useCustomSegmentStyle = makeStyles({\r\n createPanel: {\r\n '& .custom-segment-card-keywords': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n ...shorthands.gap(tokens.spacingVerticalXS),\r\n marginTop: tokens.spacingVerticalS,\r\n\r\n '& .keyword': {\r\n '& button': {\r\n height: 'auto',\r\n alignItems: 'center',\r\n borderRadius: tokens.borderRadiusMedium,\r\n display: 'flex',\r\n flexDirection: 'row',\r\n ...shorthands.gap(tokens.spacingVerticalSNudge),\r\n fontWeight: tokens.fontWeightSemibold,\r\n ...shorthands.padding(tokens.spacingVerticalSNudge),\r\n backgroundColor: tokens.colorNeutralBackground3,\r\n },\r\n },\r\n },\r\n\r\n '& .custom-segment-panel-footer': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n justifyContent: 'flex-start',\r\n ...shorthands.gap(tokens.spacingVerticalS),\r\n },\r\n\r\n '& .fui-Input': {\r\n width: '90%',\r\n },\r\n\r\n '& .fui-Text': {\r\n marginBottom: tokens.spacingVerticalXS,\r\n },\r\n\r\n '& .custom-segment-error': {\r\n color: tokens.colorStatusDangerForeground3,\r\n },\r\n\r\n '& .header-fluent-container': {\r\n flexGrow: 1,\r\n },\r\n\r\n '& .name-input': {\r\n marginTop: tokens.spacingVerticalXL,\r\n marginBottom: tokens.spacingVerticalXL,\r\n },\r\n },\r\n\r\n customSegmentsPanel: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...shorthands.gap(tokens.spacingVerticalS),\r\n '& .ms-layer': {\r\n display: 'none',\r\n },\r\n\r\n '& .custom-segments': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n ...shorthands.gap(tokens.spacingVerticalXS),\r\n marginTop: tokens.spacingVerticalS,\r\n\r\n '& .custom-segment-tab': {\r\n alignItems: 'center',\r\n borderRadius: tokens.borderRadiusMedium,\r\n display: 'flex',\r\n flexDirection: 'row',\r\n ...shorthands.gap(tokens.spacingVerticalSNudge),\r\n fontWeight: tokens.fontWeightSemibold,\r\n ...shorthands.padding(tokens.spacingVerticalSNudge),\r\n backgroundColor: tokens.colorNeutralBackground3,\r\n height: 'auto',\r\n },\r\n '& .custom-segment-tab:hover': {\r\n backgroundColor: tokens.colorNeutralBackground3Hover,\r\n },\r\n },\r\n\r\n '& .custom-segment-actions': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n justifyContent: 'flex-start',\r\n ...shorthands.gap(tokens.spacingVerticalS),\r\n },\r\n },\r\n\r\n tooltip: {\r\n maxWidth: 240,\r\n '& .tooltip-header': {\r\n paddingTop: tokens.spacingVerticalS,\r\n '& .segment-name': {\r\n textOverflow: 'ellipsis',\r\n fontSize: tokens.fontSizeBase300,\r\n fontWeight: tokens.fontWeightSemibold,\r\n lineHeight: tokens.lineHeightBase300,\r\n paddingBottom: tokens.spacingVerticalS,\r\n },\r\n },\r\n\r\n '& .section-title': {\r\n paddingBottom: tokens.spacingVerticalS,\r\n paddingTop: tokens.spacingVerticalS,\r\n fontSize: tokens.fontSizeBase200,\r\n lineHeight: tokens.lineHeightBase200,\r\n fontWeight: tokens.fontWeightSemibold,\r\n },\r\n\r\n '& .segment-list': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n ...shorthands.gap(tokens.spacingVerticalXXS),\r\n fontSize: tokens.fontSizeBase100,\r\n lineHeight: tokens.lineHeightBase100,\r\n fontWeight: tokens.fontWeightRegular,\r\n paddingBottom: tokens.spacingVerticalS,\r\n },\r\n },\r\n\r\n headerContainer: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n width: '100%',\r\n paddingLeft: tokens.spacingHorizontalXXL,\r\n paddingRight: tokens.spacingHorizontalXXL,\r\n },\r\n\r\n header: {\r\n fontSize: tokens.fontSizeBase500,\r\n fontWeight: tokens.fontWeightSemibold,\r\n lineHeight: tokens.lineHeightBase500,\r\n marginTop: tokens.spacingVerticalNone,\r\n marginBottom: tokens.spacingVerticalNone,\r\n },\r\n});\r\n","import React, { useState, useCallback, useEffect, useContext, useMemo, useRef } from 'react';\r\nimport { map, isEmpty, reduce, compact, filter, isUndefined } from 'underscore';\r\nimport {\r\n FluentProvider, webLightTheme, Tooltip, Input, Label, Button,\r\n Combobox,\r\n Option,\r\n Text,\r\n Badge,\r\n Divider,\r\n} from '@fluentui/react-components';\r\nimport PropTypes from 'prop-types';\r\nimport { edmCampaign } from '@bingads-webui/edm-campaign';\r\nimport { ScopeContext } from '@bingads-webui-react/scope-service';\r\nimport { withCustomValidation } from '@bingads-webui-react/validation';\r\nimport { Panel, PanelType } from '@fluentui/react';\r\nimport { DismissRegular, PersonAddRegular } from '@fluentui/react-icons';\r\nimport { useCustomSegmentStyle } from './styles/custom-segments-style';\r\n\r\nexport const formatCustomSegment = ({ customSegments, i18n }) => {\r\n if (isEmpty(customSegments)) return i18n.getString(_TL_('Custom Targeting'));\r\n\r\n return `${i18n.getString(_TL_('Custom Targeting'))} (${customSegments.length})`;\r\n};\r\n\r\nconst SaveStatusMessage = ({ saveFeedback }) => (\r\n \r\n {saveFeedback}\r\n \r\n);\r\n\r\nconst CreateEditView = (props) => {\r\n const {\r\n i18n,\r\n editingSegment,\r\n setEditingSegment,\r\n setSegmentErrors,\r\n segmentErrors,\r\n segmentNameRef,\r\n segmentKeywordRef,\r\n saveFeedback,\r\n } = props;\r\n\r\n const [keywords, setKeywords] = useState(editingSegment.CustomSegmentCatalogList ? editingSegment.CustomSegmentCatalogList : []);\r\n const [keywordValue, setKeywordValue] = useState('');\r\n const [segmentName, setSegmentName] = useState(editingSegment.Name ? editingSegment.Name : '');\r\n const [keywordInputError, setKeywordInputError] = useState(null);\r\n\r\n const keywordSet = useMemo(() => new Set(map(keywords, keyword => keyword.CatalogName)), [keywords]);\r\n\r\n useEffect(() => {\r\n setKeywordValue('');\r\n return () => {\r\n setKeywords([]);\r\n setKeywordValue('');\r\n setSegmentName('');\r\n setSegmentErrors({\r\n nameInputError: null,\r\n catalogInputError: null,\r\n });\r\n setEditingSegment({});\r\n };\r\n }, [setEditingSegment, setSegmentErrors]);\r\n\r\n useEffect(() => {\r\n const updatedSegment = {\r\n Name: segmentName,\r\n CustomSegmentCatalogList: keywords,\r\n };\r\n setEditingSegment(updatedSegment);\r\n }, [segmentName, keywords, setEditingSegment]);\r\n\r\n return (\r\n \r\n {saveFeedback &&
}\r\n
\r\n {segmentErrors && segmentErrors.nameInputError &&\r\n \r\n {segmentErrors.nameInputError}\r\n \r\n }\r\n {i18n.getString(_TL_('Name'))} \r\n {\r\n setSegmentName(newValue.value);\r\n setSegmentErrors(prevErrors => ({ ...prevErrors, nameInputError: null }));\r\n }}\r\n placeholder={i18n.getString(_TL_('Enter a name for your custom segment'))}\r\n ref={segmentNameRef}\r\n />\r\n
\r\n
\r\n {segmentErrors && segmentErrors.catalogInputError &&\r\n
\r\n {segmentErrors.catalogInputError}\r\n \r\n }\r\n
{i18n.getString(_TL_('Keywords'))} \r\n
\r\n {i18n.getString(_TL_('Add words or phrases your target audience would search for on the Microsoft Advertising Network based on their interests and behaviors.'))} \r\n
\r\n
{\r\n setKeywordInputError(null);\r\n setKeywordValue(newValue.value);\r\n setSegmentErrors(prevErrors => ({ ...prevErrors, catalogInputError: null }));\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n if (isEmpty(keywordValue)) {\r\n setKeywordInputError(i18n.getString(_TL_('Please enter a keyword')));\r\n return;\r\n }\r\n if (keywordSet.has(keywordValue)) {\r\n setKeywordInputError(i18n.getString(_TL_('Keyword already exists')));\r\n return;\r\n }\r\n setKeywords([...keywords, { CatalogName: keywordValue }]);\r\n setKeywordValue('');\r\n }\r\n }}\r\n onRenderLabel={() => (\r\n \r\n Keywords \r\n {i18n.getString(_TL_('words or phrases that people search for on Bing'))} \r\n
\r\n )}\r\n />\r\n \r\n {keywordInputError &&
{keywordInputError} }\r\n
\r\n {\r\n map(keywords, (keyword, index) => (\r\n \r\n \r\n \r\n \r\n {i18n.getString(_TL_('Save'))}\r\n \r\n { setIsOpen(false); }}\r\n >\r\n {i18n.getString(_TL_('Cancel'))}\r\n \r\n
\r\n \r\n ), [i18n, onSave, setIsOpen]);\r\n\r\n const onRenderCreateCustomSegmentHeader = () => (\r\n \r\n \r\n
\r\n {i18n.getString(_TL_('Create custom segment'))}\r\n \r\n \r\n \r\n );\r\n\r\n return (\r\n { setIsOpen(false); }}\r\n isFooterAtBottom\r\n onRenderHeader={onRenderCreateCustomSegmentHeader}\r\n onRenderFooterContent={onRenderFooterContent}\r\n className={styles.createPanel}\r\n closeButtonAriaLabel={i18n.getString(_TL_('Close'))}\r\n >\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst UnstyledCustomSegmentsPicker = (props) => {\r\n const {\r\n i18n,\r\n updateValidation,\r\n validationProps,\r\n } = props;\r\n const styles = useCustomSegmentStyle();\r\n const { data: existingSegments } = validationProps;\r\n const { scope } = useContext(ScopeContext) || {};\r\n const segmentData = useSegmentData(scope.values);\r\n const [selectedItem, setSelectedItem] = useState(existingSegments ?\r\n map(existingSegments, segment => segment.Criterion.AudienceId) : []);\r\n const [isSidePanelOpen, setIsSidePanelOpen] = useState(false);\r\n\r\n const formattedSegmentsMap = useMemo(() => reduce(segmentData.segments, (memo, segment) => (\r\n {\r\n ...memo,\r\n [segment.Id]: segment,\r\n }\r\n ), {}), [segmentData.segments]);\r\n\r\n const onCusomSegmentChange = useCallback(() => {\r\n const customSegmentsList = compact(map(selectedItem, (item) => {\r\n const seg = formattedSegmentsMap[item];\r\n return {\r\n Status: 'Active',\r\n Criterion: {\r\n AudienceId: seg.Id,\r\n AudienceName: seg.Name,\r\n AudienceType: 'CustomSegment',\r\n Type: 'Audience',\r\n },\r\n };\r\n }));\r\n updateValidation([], { customSegments: customSegmentsList });\r\n }, [formattedSegmentsMap, selectedItem, updateValidation]);\r\n\r\n useEffect(() => {\r\n if (!segmentData.isLoading) {\r\n onCusomSegmentChange();\r\n }\r\n }, [selectedItem, onCusomSegmentChange, segmentData.isLoading]);\r\n\r\n const onRenderTooltip = useCallback(\r\n (item) => {\r\n if (!item) return null;\r\n const {\r\n Name,\r\n CustomSegmentCatalogList,\r\n } = item;\r\n\r\n return (\r\n \r\n
\r\n
\r\n
{i18n.getString(_TL_('Keyword'))}
\r\n
\r\n {map(CustomSegmentCatalogList, catalog => (\r\n {catalog.CatalogName}\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n \r\n {item.Name} \r\n \r\n \r\n )\r\n , [onRenderTooltip]\r\n );\r\n\r\n const [matchingOptions, setMatchingOptions] = useState(segmentData.segments);\r\n const [customSearch, setCustomSearch] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!segmentData.isLoading) {\r\n setMatchingOptions(segmentData.segments);\r\n }\r\n }, [segmentData.isLoading, segmentData.segments]);\r\n\r\n const onChange = useCallback((event) => {\r\n const value = event.target.value.trim();\r\n const matches = filter(\r\n segmentData.segments,\r\n segment => segment.Name.toLowerCase().includes(value.toLowerCase())\r\n );\r\n setMatchingOptions(matches);\r\n if (value.length && matches.length < 1) {\r\n setCustomSearch(value);\r\n } else {\r\n setCustomSearch(undefined);\r\n }\r\n }, [segmentData.segments]);\r\n\r\n const onOptionSelect = useCallback((_event, data) => {\r\n const { optionValue, optionText, selectedOptions } = data;\r\n const matchingOption = optionValue && !isUndefined(formattedSegmentsMap[optionValue]);\r\n\r\n if (matchingOption) {\r\n setSelectedItem(selectedOptions);\r\n setCustomSearch(undefined);\r\n } else {\r\n setCustomSearch(optionText);\r\n }\r\n }, [formattedSegmentsMap]);\r\n\r\n return (\r\n \r\n
\r\n
{i18n.getString(_TL_('Add categories/keywords to target your ideal audience based on their interests and behaviors. '))}
\r\n {\r\n !isEmpty(selectedItem) ? (\r\n
\r\n {\r\n map(selectedItem, (itemId) => {\r\n const currentSegment = formattedSegmentsMap[itemId];\r\n\r\n if (!currentSegment) return null;\r\n return (\r\n \r\n
\r\n ) : null\r\n }\r\n
0}\r\n freeform\r\n placeholder={i18n.getString(_TL_('Search your custom segments'))}\r\n onOptionSelect={onOptionSelect}\r\n selectedOptions={selectedItem}\r\n onChange={onChange}\r\n aria-labelledby=\"combo-segment-search-input\"\r\n {...props}\r\n >\r\n {customSearch ? (\r\n \r\n {i18n.getString(_TL_('No results'))}\r\n \r\n ) : null}\r\n {map(matchingOptions, option => (\r\n \r\n {onRenderOptionItem(option)}\r\n \r\n ))}\r\n \r\n \r\n
\r\n x !== actionOptions.noop)}\r\n onChange={this.onActionSelectionChanged}\r\n name=\"customer-list-action-options\"\r\n renderItem={item => this.props.i18n.getString(item.descriptionStringKey)}\r\n />\r\n );\r\n\r\n return (\r\n \r\n
\r\n {this.props.i18n.getString(stringKeys.editAudienceStatement)}\r\n \r\n \r\n {\r\n this.state.isActionRequired ? actionSelectionGroup : null\r\n }\r\n
\r\n \r\n
\r\n
\r\n {this.state.showActionError && this.state.isActionRequired ?\r\n this.props.i18n.getString(stringKeys.actionSelectorError) : null}\r\n
\r\n
\r\n
\r\n
\r\n {this.state.showFileError ?\r\n this.props.i18n.getString(stringKeys.fileError) : null}\r\n
\r\n
\r\n
{this.props.i18n.getString(stringKeys.detailPanelTitle)} \r\n
\r\n {\r\n this.props.isEditMode ? actionSelector : null\r\n }\r\n {\r\n (!this.props.isEditMode || (this.props.isEditMode && this.state.isActionRequired)) ?\r\n uploadSelector : null\r\n }\r\n {\r\n (!this.props.isEditMode || (this.props.isEditMode && this.state.isActionRequired)) ?\r\n consentLine : null\r\n }\r\n
\r\n
\r\n
\r\n
\r\n {this.state.filePath}\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n this.props.i18n.getString(stringKeys.fileLoadingStatement) : null}\r\n
\r\n
\r\n
\r\n
\r\n {this.state.fileError ? this.props.i18n.getString(this.state.fileError.message) : null}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n return (\r\n \r\n \r\n {this.props.i18n.getString(item.titleStringKey)}\r\n
\r\n \r\n {this.props.i18n.getString(item.descriptionStringKey)}\r\n
\r\n \r\n
\r\n {this.state.hashSelection === item ? filePicker : null}\r\n \r\n );\r\n };\r\n\r\n renderTemplateLink = (item) => {\r\n const showHashedLink = item && item.isHashed;\r\n return (\r\n \r\n {this.props.i18n.getString(stringKeys.itemTemplate)}\r\n \r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport Promise from 'bluebird';\r\n\r\nimport { BaseView } from '@bingads-webui/base-view';\r\nimport { downloadify } from '@bingads-webui/download-service';\r\nimport { uncheckedInjectionContext as globalContext } from '@bingads-webui-campaign/injection-context';\r\n\r\nimport { AudienceDetailPanel } from './detail-panel/detail-panel';\r\nimport { ResultPanel } from './result-panel/result-panel';\r\n\r\nimport {\r\n uploadFileType,\r\n actionOptions,\r\n hashOptions,\r\n panelStateOptions,\r\n progressStateOptions,\r\n} from './common/constants';\r\n\r\nconst AudienceI18n = globalContext.require('@bingads-webui/i18n-amd-loader!campaignui/feature/audiences');\r\nconst PageContext = globalContext.require('PageContext');\r\nconst UploadService = globalContext.require('component/azure-upload/index');\r\n\r\nexport class CustomerListAudiencePanelView extends BaseView {\r\n initialize({\r\n isEditMode = false,\r\n isPopup = false,\r\n detailPanelAttachPoint = null,\r\n resultPanelAttachPoint = null,\r\n\r\n saveCustomerListAudienceAsync,\r\n setParentDetailPanelVisible,\r\n setParentResultPanelVisible,\r\n setIsUploadNeeded,\r\n redirectToSharedLibrary,\r\n setPanelStepChangeEnabled = () => {},\r\n perfMarker = null,\r\n }) {\r\n this.isEditMode = isEditMode;\r\n this.isPopup = isPopup;\r\n\r\n this.detailPanelAttachPoint = detailPanelAttachPoint;\r\n this.resultPanelAttachPoint = resultPanelAttachPoint;\r\n\r\n this.saveCustomerListAudienceAsync = saveCustomerListAudienceAsync;\r\n this.setParentDetailPanelVisible = setParentDetailPanelVisible;\r\n this.setParentResultPanelVisible = setParentResultPanelVisible;\r\n this.setIsUploadNeeded = setIsUploadNeeded;\r\n this.redirectToSharedLibrary = redirectToSharedLibrary;\r\n this.setPanelStepChangeEnabled = setPanelStepChangeEnabled;\r\n this.perfMarker = perfMarker;\r\n\r\n this.detailPanel = null;\r\n this.resultPanel = null;\r\n\r\n // Information of sub panels\r\n this.isActionRequired = false;\r\n this.actionSelection = actionOptions.noop;\r\n this.hashSelection = hashOptions.plainText;\r\n this.customerListFile = null;\r\n this.consentStatus = false;\r\n\r\n // Used when toggle require action in the edit mode\r\n this.setIsUploadNeeded(!isEditMode);\r\n }\r\n\r\n // Render & remove for hildren panels\r\n renderDetailPanel = () => {\r\n ReactDOM.render(\r\n (\r\n { this.detailPanel = el; }}\r\n />\r\n ),\r\n this.detailPanelAttachPoint\r\n );\r\n }\r\n\r\n removeDetailPanel = () => {\r\n if (this.detailPanelAttachPoint) {\r\n ReactDOM.unmountComponentAtNode(this.detailPanelAttachPoint);\r\n }\r\n }\r\n\r\n renderResultPanel = () => {\r\n ReactDOM.render(\r\n (\r\n { this.resultPanel = el; }}\r\n />\r\n ),\r\n this.resultPanelAttachPoint\r\n );\r\n }\r\n\r\n removeResultPanel = () => {\r\n if (this.resultPanelAttachPoint) {\r\n ReactDOM.unmountComponentAtNode(this.resultPanelAttachPoint);\r\n }\r\n }\r\n\r\n // Detailed panel related functions\r\n onActionRequirementChanged = (isActionRequired) => {\r\n this.isActionRequired = isActionRequired;\r\n this.setIsUploadNeeded(isActionRequired);\r\n }\r\n\r\n onActionSelectionChanged = (selection) => { this.actionSelection = selection; }\r\n\r\n onHashSelectionChanged = (selection) => { this.hashSelection = selection; }\r\n\r\n onFileChangedAsync = (file) => { this.customerListFile = file; }\r\n\r\n onFinishAudienceDetail = () => {\r\n // finish detail panel and go to update\r\n if (!this.detailPanel.validate()) {\r\n return Promise.resolve();\r\n }\r\n\r\n return this.processValidation();\r\n }\r\n\r\n // Upload panel related functions\r\n generateCustomerListAudienceModel = (actionType, fileIdentifier) => ({\r\n CustomerListActionType: actionType,\r\n CustomerListFileIdentifier: fileIdentifier,\r\n });\r\n\r\n processValidation = () => {\r\n this.setParentDetailPanelVisible(false);\r\n this.setParentResultPanelVisible(true);\r\n\r\n\r\n // Parse file data rows\r\n const validationProcesser = new Promise((resolve) => {\r\n this.resultPanel.setPanelState(panelStateOptions.validateFile);\r\n this.resultPanel.setProgressState(progressStateOptions.validateRows);\r\n\r\n this.customerListFile.parseDataRows();\r\n resolve();\r\n })\r\n .then(() => {\r\n // Generate validation result file\r\n this.resultPanel.setProgressState(progressStateOptions.generateResultFile);\r\n\r\n this.customerListFile.generateValidationResult();\r\n })\r\n .then(() => {\r\n this.resultPanel.setProgressState(progressStateOptions.finished);\r\n })\r\n .then(() => {\r\n const validationResultMeta = this.customerListFile.getValidationResultMeta();\r\n\r\n this.resultPanel.setResultTableData(\r\n validationResultMeta.goodRowsNum,\r\n validationResultMeta.errorRowsNum\r\n );\r\n\r\n this.resultPanel.setPanelState(panelStateOptions.previewResult);\r\n this.resultPanel.setProgressState(progressStateOptions.idle);\r\n });\r\n\r\n return validationProcesser;\r\n }\r\n\r\n onDownloadValidationResult = () => { downloadify('validation-result.csv', this.customerListFile.getValidationResultFile(), { type: 'text/plain' }); }\r\n\r\n onApplyChange = () => { this.processSavingAudience(); }\r\n\r\n processSavingAudience = () => {\r\n this.resultPanel.setPanelState(panelStateOptions.uploadFile);\r\n let blobName = '';\r\n\r\n const savingAudienceProcessor = new Promise((resolve) => {\r\n this.resultPanel.setProgressState(progressStateOptions.generateUploadFile);\r\n\r\n\r\n setTimeout(() => {\r\n this.customerListFile.generateUploadFileAsync(this.perfMarker)\r\n .then(resolve);\r\n });\r\n })\r\n .then(() => {\r\n this.resultPanel.setProgressState(progressStateOptions.uploadFile);\r\n this.setPanelStepChangeEnabled(false);\r\n\r\n const fileToUpload = this.customerListFile.getUploadFile();\r\n fileToUpload.name = 'CustomerListFile.csv';\r\n\r\n const uploadService = new UploadService({\r\n file: fileToUpload,\r\n bulkFileType: uploadFileType,\r\n });\r\n\r\n return uploadService.start().then((blobUrl) => {\r\n blobName = (blobUrl.split('?')[0]).split('/').pop();\r\n });\r\n })\r\n .then(() => {\r\n this.resultPanel.setProgressState(progressStateOptions.createAudience);\r\n\r\n const customerListAudienceModel =\r\n this.generateCustomerListAudienceModel(this.actionSelection.type, blobName);\r\n\r\n return this.saveCustomerListAudienceAsync(customerListAudienceModel);\r\n })\r\n .then(() => {\r\n this.resultPanel.setProgressState(progressStateOptions.finished);\r\n this.resultPanel.setPanelState(panelStateOptions.success);\r\n })\r\n .catch(() => {\r\n // When encounter error, go back to preview\r\n this.resultPanel.setPanelState(panelStateOptions.previewResult);\r\n this.resultPanel.setProgressState(progressStateOptions.idle);\r\n this.setPanelStepChangeEnabled(true);\r\n });\r\n\r\n return savingAudienceProcessor;\r\n }\r\n\r\n render = () => {\r\n this.renderDetailPanel();\r\n this.renderResultPanel();\r\n\r\n return this;\r\n }\r\n\r\n remove = () => {\r\n this.removeDetailPanel();\r\n this.removeResultPanel();\r\n\r\n return super.remove();\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport classNames from 'classnames';\r\nimport { LearnMoreLink } from '@bingads-webui-campaign-react/help';\r\n\r\nimport {\r\n stringKeys,\r\n learnMoreLinkIds,\r\n panelStateOptions,\r\n progressStateOptions,\r\n} from '../common/constants';\r\n\r\nimport './result-table.css';\r\nimport './success-statement.css';\r\n\r\nexport class ResultPanel extends React.PureComponent {\r\n static propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n parseDecimal: PropTypes.func.isRequired,\r\n }).isRequired,\r\n panelState: x => _.contains(_.keys(panelStateOptions), x),\r\n progressState: x => _.contains(_.keys(progressStateOptions), x),\r\n onApplyChangeButtonClicked: PropTypes.func.isRequired,\r\n onDownloadResultButtonClicked: PropTypes.func.isRequired,\r\n onDoneButtonClicked: PropTypes.func.isRequired,\r\n onCancelButtonClicked: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n panelState: panelStateOptions.idle,\r\n progressState: progressStateOptions.idle,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n // Only for test purpose\r\n if (this.props.testRef) {\r\n this.props.testRef.current = {\r\n that: this,\r\n };\r\n }\r\n }\r\n\r\n state = {\r\n panelState: this.props.panelState,\r\n progressState: this.props.progressState,\r\n fileUpdateRowsCount: 0,\r\n fileErrorRowsCount: 0,\r\n };\r\n\r\n setPanelState = (state) => {\r\n this.setState({\r\n panelState: state,\r\n });\r\n }\r\n\r\n setProgressState = (state) => {\r\n this.setState({\r\n progressState: state,\r\n });\r\n }\r\n\r\n setResultTableData = (updateCount, errorCount) => {\r\n this.setState({\r\n fileUpdateRowsCount: updateCount,\r\n fileErrorRowsCount: errorCount,\r\n });\r\n }\r\n\r\n renderProgressBar = () => (\r\n \r\n
\r\n {\r\n this.props.i18n.getString(this.state.progressState.statementStringKey)\r\n }\r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.renderResultTableTitle(this.state.panelState)\r\n }\r\n
\r\n
\r\n \r\n \r\n { this.props.i18n.getString(stringKeys.resultTableHeaderUpdate) } \r\n { this.props.i18n.getString(stringKeys.resultTableHeaderError) } \r\n \r\n \r\n \r\n \r\n { this.state.fileUpdateRowsCount } \r\n { this.state.fileErrorRowsCount } \r\n \r\n \r\n
\r\n
\r\n
Encountered error in creating audience, please try again later.
\r\n
\r\n
\r\n { this.props.i18n.getString(stringKeys.resultPanelSuccessDescriptionTitle) }\r\n
\r\n
\r\n \r\n { this.props.i18n.getString(stringKeys.resultPanelSuccessDescriptionLine1) }\r\n \r\n \r\n { this.props.i18n.getString(stringKeys.resultPanelSuccessDescriptionLine2) }\r\n \r\n \r\n { this.props.i18n.getString(stringKeys.resultPanelSuccessDescriptionLine3) }\r\n \r\n \r\n \r\n \r\n
\r\n {\r\n this.state.panelState.isApplyChangesButtonVisible ?\r\n \r\n { this.props.i18n.getString(stringKeys.applyChangesButton) }\r\n \r\n : null\r\n }\r\n {\r\n this.state.panelState.isDownloadResultButtonVisible ?\r\n \r\n { this.props.i18n.getString(stringKeys.downloadResultButton) }\r\n \r\n : null\r\n }\r\n {\r\n this.state.panelState.isCancelButtonVisible ?\r\n \r\n { this.props.i18n.getString(stringKeys.cancelButton) }\r\n \r\n : null\r\n }\r\n {\r\n this.state.panelState.isDoneButtonVisible ?\r\n \r\n { this.props.i18n.getString(stringKeys.doneButton) }\r\n \r\n : null\r\n }\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n if (this.state.panelState === panelStateOptions.idle) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n {\r\n this.state.panelState.isProgressBarVisible ? this.renderProgressBar() : null\r\n }\r\n {\r\n this.state.panelState === panelStateOptions.success ?\r\n this.renderSuccessStatement() : null\r\n }\r\n {\r\n this.state.panelState.isResultTableVisible ? this.renderResultTable() : null\r\n }\r\n {\r\n this.state.panelState.isUserErrorVisible ? this.renderUserErrorSubpanel() : null\r\n }\r\n
\r\n {\r\n this.renderPanelButtons()\r\n }\r\n
AccountId: {AccountId} ),\r\n () => (AccountNumber: {AccountNumber} ),\r\n () => (AccountMode: {AccountMode} ),\r\n () => (CustomerId: {CustomerId} ),\r\n () => (\r\n \r\n ),\r\n shouldBypass && (() =>\r\n ( setBypass(true)} >Bypass page (use with caution) )\r\n ),\r\n signupUrl && (() => (\r\n \r\n )),\r\n ]), [AccountId, AccountMode, AccountNumber, CustomerId, shouldBypass, signupUrl, supportUrl]);\r\n\r\n const title = `Unsupported draft \"${accountType}\" account`;\r\n\r\n return (!bypass && isInternal && isDraft) ?\r\n (\r\n \r\n {\r\n React.Children.map(\r\n this.props.children,\r\n (child, index) => (\r\n \r\n {child &&\r\n React.cloneElement(\r\n child,\r\n {\r\n updateAvailability: this.updateAvailability(index),\r\n isVisible: computedVisibleElementIndex === index,\r\n }\r\n )\r\n }\r\n \r\n )\r\n )\r\n }\r\n {this.fallbackElementIndex === -1 && this.props.fallback}\r\n \r\n );\r\n }\r\n}\r\n\r\nRawElementSelector.propTypes = {\r\n classes: PropTypes.shape(mapObject(\r\n getContainerFactoryStyles(),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node,\r\n ]).isRequired,\r\n fallback: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\r\n onSelectionChange: PropTypes.func,\r\n};\r\n\r\nRawElementSelector.defaultProps = {\r\n fallback: null,\r\n onSelectionChange: () => { },\r\n};\r\n\r\nexport const ElementSelector = withDefaultStyles(RawElementSelector, getContainerFactoryStyles);\r\n","export const getContainerFactoryStyles = () =>\r\n ({\r\n visible: {\r\n height: '100%',\r\n width: '100%',\r\n },\r\n hidden: {\r\n height: '100%',\r\n width: '100%',\r\n display: 'none',\r\n },\r\n });\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { mapObject, constant } from 'underscore';\r\nimport { submitEvent } from '@bingads-webui-universal/accessibility-helper';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withOverflowProp } from '@bingads-webui-react/with-overflow-prop';\r\nimport { Glyphicon, Tooltip, OverlayTrigger } from '@bingads-webui-react/primitive';\r\nimport { getEntityItemStyles } from './styles';\r\n\r\nclass EntityItem extends React.PureComponent {\r\n renderContent = () => {\r\n const {\r\n canEdit,\r\n tooltipPlacement,\r\n text,\r\n } = this.props;\r\n const renderEntityContent = ({\r\n forwardedRef,\r\n isTextOverflow,\r\n }) => (\r\n \r\n
\r\n {text}\r\n \r\n }\r\n >\r\n {text}
\r\n \r\n {canEdit ? (\r\n \r\n { renderEntityItem() }\r\n
\r\n );\r\n }\r\n\r\n return (\r\n onClick(event)),\r\n tabIndex: 0,\r\n 'aria-label': ariaLabel,\r\n role: 'button',\r\n } : {})}\r\n >\r\n {label} \r\n { renderContent ? renderContent(this.props) : this.renderContent()}\r\n \r\n );\r\n }\r\n}\r\n\r\nEntityItem.propTypes = {\r\n classes: PropTypes.shape(mapObject(\r\n getEntityItemStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n renderEntityItem: PropTypes.func,\r\n label: PropTypes.string,\r\n text: PropTypes.string,\r\n renderContent: PropTypes.func,\r\n onClick: PropTypes.func,\r\n canEdit: PropTypes.bool,\r\n ariaLabel: PropTypes.string,\r\n tooltipPlacement: PropTypes.string,\r\n};\r\n\r\nEntityItem.defaultProps = {\r\n text: '',\r\n renderEntityItem: null,\r\n renderContent: null,\r\n onClick: null,\r\n canEdit: true,\r\n label: '',\r\n ariaLabel: '',\r\n tooltipPlacement: 'top',\r\n};\r\n\r\nexport const StyledEntityItem = withDefaultStyles(EntityItem, getEntityItemStyles);\r\n","// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\r\nexport const getEntityItemStyles = ({ entityItem = {} }, { palette = {} }) => ({\r\n entityItem: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'flex-start',\r\n justifyContent: 'center',\r\n '& .entity-label': {\r\n fontSize: '12px',\r\n color: palette.neutralSecondary,\r\n },\r\n '& .entity-content': {\r\n display: 'flex',\r\n alignSelf: 'stretch',\r\n justifyContent: 'space-between',\r\n },\r\n '& .entity-text': {\r\n fontSize: '14px',\r\n color: palette.neutralPrimary,\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n },\r\n '& .entity-icon': {\r\n fontSize: '16px',\r\n marginLeft: '10px',\r\n color: palette.themeDarkAlt,\r\n display: 'inline-block',\r\n cursor: 'pointer',\r\n },\r\n },\r\n});\r\n","import { isEmpty, isFunction } from 'underscore';\r\nimport React, { useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport hoistNonReactStatics from 'hoist-non-react-statics';\r\nimport { getDisplayName } from '@bingads-webui-react/hoc-utils';\r\nimport { useNeedsAttentionForAdapter } from '@bingads-webui-campaign-react/attention-beacon';\r\n\r\nexport const FormErrorBeaconAdapter = (WrappedComponent) => {\r\n const HOC = ({\r\n formErrorProps: formErrorPropsFromProps,\r\n attentionBeaconAdapterProps: attentionBeaconAdapterPropsFromProps,\r\n ...restProps\r\n }) => {\r\n const {\r\n onUnhandledErrorsChange: onUnhandledErrorsChangedFromProps,\r\n onUnmappedErrorsChange: onUnmappedErrorsChangeFromProps,\r\n } = formErrorPropsFromProps;\r\n const [needsAttentionForUnhandled, setNeedsAttentionForUnhandled] = useState(false);\r\n const onUnhandledErrorsChange = useCallback((unhandledErrors) => {\r\n if (isFunction(onUnhandledErrorsChangedFromProps)) {\r\n onUnhandledErrorsChangedFromProps(unhandledErrors);\r\n }\r\n setNeedsAttentionForUnhandled(!isEmpty(unhandledErrors));\r\n }, [onUnhandledErrorsChangedFromProps]);\r\n const [needsAttentionForUnmapped, setNeedsAttentionForUnmapped] = useState(false);\r\n const onUnmappedErrorsChange = useCallback((unmappedErrors) => {\r\n if (isFunction(onUnmappedErrorsChangeFromProps)) {\r\n onUnmappedErrorsChangeFromProps(unmappedErrors);\r\n }\r\n setNeedsAttentionForUnmapped(!isEmpty(unmappedErrors));\r\n }, [onUnmappedErrorsChangeFromProps]);\r\n\r\n const needsAttentionLocal = needsAttentionForUnhandled || needsAttentionForUnmapped;\r\n const { attentionBeaconAdapterProps } = useNeedsAttentionForAdapter({ needsAttentionLocal, attentionBeaconAdapterProps: attentionBeaconAdapterPropsFromProps });\r\n\r\n const formErrorProps = {\r\n ...formErrorPropsFromProps,\r\n onUnhandledErrorsChange,\r\n onUnmappedErrorsChange,\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nUnthemedFallbackPage.defaultProps = {\r\n match: {\r\n params: {},\r\n },\r\n title: undefined,\r\n};\r\n\r\nUnthemedFallbackPage.propTypes = {\r\n title: PropTypes.string,\r\n match: PropTypes.shape({\r\n params: PropTypes.shape({\r\n page: PropTypes.string,\r\n }),\r\n }),\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }).isRequired,\r\n siteMap: siteMapPropType.isRequired,\r\n classes: PropTypes.shape({\r\n container: PropTypes.string.isRequired,\r\n bodyContainer: PropTypes.string.isRequired,\r\n }).isRequired,\r\n};\r\n\r\nexport const FallbackPage\r\n = withI18nConsumer(withSiteMap(withDefaultStyles(UnthemedFallbackPage, getFallbackPageStyles)));\r\n","import { audienceModalStyles } from '@bingads-webui-campaign-react/common-styles';\r\n\r\nexport const getFallbackPageStyles = (_, { palette = {} }) => ({\r\n container: {\r\n marginLeft: '23px',\r\n marginTop: '16px',\r\n },\r\n bodyContainer: {\r\n paddingTop: '10px',\r\n width: '232px',\r\n },\r\n '@global': audienceModalStyles({ palette }),\r\n});\r\n","import React from 'react';\r\nimport { withSiteMap, siteMapPropType, findSelectedNode } from '@bingads-webui-campaign-react/with-site-map';\r\nimport { ProgressiveLoadingBlock } from '@bingads-webui-campaign-react/shell-ui-common';\r\nimport { FallbackPage } from './fallback-page';\r\n\r\nfunction isSelectedPageAvailable(siteMap) {\r\n const selectedNode = findSelectedNode(siteMap);\r\n\r\n return {\r\n needPlaceholder: !selectedNode,\r\n isAvailable: !!(selectedNode && selectedNode.selected && selectedNode.available),\r\n };\r\n}\r\n\r\nexport function withFallbackPage(Component) {\r\n const Wrapper = (props) => {\r\n const { needPlaceholder, isAvailable } = isSelectedPageAvailable(props.siteMap);\r\n\r\n // FallbackUpdaterWithDefaultLandingPage will redirect to next available page.\r\n // Showing this ProgressiveLoadingBlock as we will finally launch to an available page.\r\n if (needPlaceholder) {\r\n return (\r\n
{Name} \r\n
{attributeDescription}
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nFeedSelectorView.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }).isRequired,\r\n feeds: PropTypes.arrayOf(PropTypes.shape({\r\n Name: PropTypes.string,\r\n AttributeNames: PropTypes.arrayOf(PropTypes.string),\r\n Id: PropTypes.number,\r\n })),\r\n onSelect: PropTypes.func.isRequired,\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport 'jquery';\r\nimport { ListSelector } from '@bingads-webui-react/list-selector';\r\n\r\nexport class FeedAttributeSelectorView extends Component {\r\n static defaultProps = {\r\n attributeNames: [],\r\n }\r\n\r\n renderItem = name => (\r\n {name}
\r\n )\r\n\r\n render() {\r\n const { attributeNames, onSelect } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFeedAttributeSelectorView.propTypes = {\r\n attributeNames: PropTypes.arrayOf(PropTypes.string),\r\n onSelect: PropTypes.func.isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport class HelpIcon extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.element = React.createRef();\r\n }\r\n\r\n onClick = () => {\r\n // eslint-disable-next-line no-undef\r\n PopupController.PopupJsClick(this.element.current);\r\n }\r\n render() {\r\n const { topic, ariaLabel } = this.props;\r\n return (\r\n \r\n {this.state.errorMessage}\r\n
\r\n ) : null)\r\n\r\n render() {\r\n const { i18n, enableCancel } = this.props;\r\n const inputId = 'default_text_input';\r\n\r\n /* eslint-disable jsx-a11y/label-has-for */\r\n return (\r\n \r\n
\r\n
\r\n \r\n {i18n.getString('DefaultText_Label')}\r\n \r\n
\r\n
\r\n
\r\n {this.getErrorMessage()}\r\n
\r\n
\r\n
\r\n
{text} {text} \r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n {renderPart(i18n.getString('AdCustomizer_Syntax_Syntax'), false)}\r\n {renderPart(': {=', false)}\r\n {renderPart(i18n.getString('AdCustomizer_Syntax_FeedName'), !selectedFeed)}\r\n {renderPart('.', false)}\r\n {renderPart(\r\n i18n.getString('AdCustomizer_Syntax_AttributeName'),\r\n selectedFeed && !selectedAttribute\r\n )}\r\n {renderPart(':', false)}\r\n {renderPart(\r\n i18n.getString('DefaultText_Label'),\r\n selectedFeed && selectedAttribute\r\n )}\r\n {renderPart('}', false)}\r\n \r\n
\r\n
\r\n {syntaxView}\r\n
\r\n {selectorView}\r\n
\r\n
onClickHandler(number)}\r\n />));\r\n /* istanbul ignore next */\r\n const carousel = (\r\n // TODO: Setup card-holder__wrapper to try to reuse existed styles, remove after set up styles\r\n \r\n
currentPage > 0 && onClickHandler(currentPage - 1)}\r\n onKeyPress={() => currentPage > 0 && onClickHandler(currentPage - 1)}\r\n role=\"button\"\r\n tabIndex={0}\r\n >\r\n \r\n left \r\n
\r\n currentPage < totalPageSize - 1 && onClickHandler(currentPage + 1)}\r\n onKeyPress={() => currentPage < totalPageSize - 1 && onClickHandler(currentPage + 1)}\r\n role=\"button\"\r\n tabIndex={0}\r\n >\r\n \r\n right \r\n
\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n {paginations}\r\n
\r\n {carousel}\r\n
{ this.props.onLinkClicked(onClickObj); }}\r\n >\r\n {localizedDisplayName} \r\n \r\n );\r\n }\r\n /* eslint-disable react/no-array-index-key */\r\n return {detail.Values[0]}
;\r\n });\r\n return (\r\n \r\n
\r\n {`${this.props.expandedEntityName}:`}\r\n
\r\n
\r\n {detailsDom}\r\n
\r\n
${localizedDisplayName} `;\r\n };\r\n\r\n generateHtmlString = (message) => {\r\n const msgStr = this.props.deps.i18n.getString(message.MessageId);\r\n const substitutes = [];\r\n message.Parameters.forEach((param) => {\r\n if (param.Type === 'Url') {\r\n substitutes.push(this.generateHtmlUrl(param, msgStr.indexOf('href') > -1));\r\n }\r\n });\r\n\r\n return replaceCurly(msgStr, null, substitutes);\r\n };\r\n\r\n flatMap = (arr, fn) => {\r\n let result = [];\r\n arr.forEach((item) => {\r\n const mapping = fn(item);\r\n result = result.concat(mapping);\r\n });\r\n return result;\r\n };\r\n\r\n generateCause = (cause) => {\r\n const messageId = cause.Message.Parameters.length > 0 &&\r\n cause.Message.Parameters[0].Type === 'String' &&\r\n cause.Message.Parameters[0].Values[0] === '1' ?\r\n `${cause.Message.MessageId}Singular` :\r\n cause.Message.MessageId;\r\n\r\n // fall back to original message id in case singular string does not exist\r\n const tempMessage = this.props.deps.i18n.getString(messageId) ||\r\n this.props.deps.i18n.getString(cause.Message.MessageId);\r\n if (tempMessage.indexOf('{0}') > -1) {\r\n const paramArray = _.map(cause.Message.Parameters, (param, index) => {\r\n if (param.Type === 'String') {\r\n const nextParam = cause.Message.Parameters[index + 1];\r\n return nextParam && nextParam.Type === 'NestUrl' ? '' : param.Values[0];\r\n }\r\n if (param.Type === 'Url') {\r\n return this.generateHtmlUrl(param);\r\n }\r\n if (param.Type === 'NestUrl') {\r\n return this.generateEntityCause({ ...param, messageId: cause.Message.MessageId, key: index });\r\n }\r\n return null;\r\n });\r\n\r\n const finalStr = replaceCurly(\r\n tempMessage,\r\n null,\r\n paramArray\r\n );\r\n const pattern = /{\\d+}/;\r\n const regexp = new RegExp(pattern);\r\n\r\n // This if path is only for entity collapsing/expanding root cause\r\n if (regexp.test(finalStr)) {\r\n // 1. find object type from param array\r\n const domIndex = _.findIndex(paramArray, par => typeof (par) === 'object');\r\n const flattenedFinalStr = this.flatMap(finalStr.split(pattern), part =>\r\n [part, this.generateEntityCause({\r\n ...cause.Message.Parameters[domIndex],\r\n messageId: cause.Message.MessageId,\r\n key: part,\r\n })]);\r\n flattenedFinalStr.pop();\r\n return flattenedFinalStr;\r\n }\r\n return finalStr;\r\n }\r\n return tempMessage;\r\n };\r\n\r\n generateEntityCause = param =>\r\n (\r\n \r\n {this.generateSingleEntity(param)}\r\n
\r\n );\r\n\r\n generateSingleEntity = entity => (\r\n {\r\n this.setState({\r\n entityDetails: this.state.entityDetails.length > 0 ? [] : entity.SubParameters,\r\n expandedEntityName: this.props.deps.i18n.getString(entity.Count === 1 ?\r\n entity.DisplayNameId :\r\n `${entity.DisplayNameId}Plural`),\r\n }, () => {\r\n this.props.onDetailContainerShow({\r\n expandedEntityName: this.state.expandedEntityName,\r\n entityDetails: this.state.entityDetails,\r\n });\r\n\r\n if (this.state.entityDetails.length > 0) {\r\n this.logService.logContext(\r\n this.props.fluctuation,\r\n this.props.date,\r\n 'FluxAction',\r\n this.props.deps.context.CurrentUser.Id,\r\n this.props.deps.context.CurrentUser.IsInternal,\r\n this.props.deps.userActionActivity,\r\n 'FluctuationAction',\r\n {\r\n cause: entity.messageId,\r\n expandedEntityName: this.state.expandedEntityName,\r\n details: this.state.entityDetails,\r\n }\r\n );\r\n const action = `FluctuationAction${_.isEmpty(this.props.fromScenario) ? '' : `_${this.props.fromScenario}`}`;\r\n this.props.deps.userActionActivity.trace(\r\n JSON.stringify(`Expanded entity name: ${this.state.expandedEntityName},\r\n Expanded entities: ${JSON.stringify(this.state.entityDetails)}`),\r\n action\r\n );\r\n }\r\n });\r\n }}\r\n >\r\n {`${entity.Count} ${this.props.deps.i18n.getString(entity.Count === 1 ?\r\n entity.DisplayNameId :\r\n `${entity.DisplayNameId}Plural`)\r\n }`}\r\n \r\n );\r\n\r\n generateDetailContainer = (cause) => {\r\n if (this.state.entityDetails && this.state.entityDetails.length > 0) {\r\n return (\r\n { this.logUserAction(action); }}\r\n dangerouslySetInnerHTML={\r\n {\r\n __html: this.generateHtmlString(action.Message),\r\n }\r\n }\r\n />\r\n ) : null);\r\n\r\n render() {\r\n const causesList = this.props.fluctuation.RootCauses.map((cause) => {\r\n const formattedCause = this.generateCause(cause);\r\n if (Array.isArray(formattedCause)) {\r\n const formattedDom = formattedCause.map((c) => {\r\n if (typeof (c) === 'string') {\r\n /* eslint-disable jsx-a11y/click-events-have-key-events,\r\n jsx-a11y/no-static-element-interactions */\r\n return ( { this.logUserAction(cause); }}\r\n dangerouslySetInnerHTML={\r\n {\r\n __html: c,\r\n }\r\n }\r\n />);\r\n }\r\n return ({ c }
);\r\n });\r\n\r\n return (\r\n \r\n {formattedDom}\r\n {this.generateDetailContainer(cause)}\r\n \r\n );\r\n }\r\n return ( { this.logUserAction(cause); }}\r\n dangerouslySetInnerHTML={\r\n {\r\n __html: this.generateCause(cause),\r\n }\r\n }\r\n />);\r\n });\r\n\r\n let actionsList = this.props.fluctuation.Actions.map((action) => {\r\n const actionBundle = _.chain(action.Messages)\r\n .map(message => this.renderActionItem({ Message: message }))\r\n .compact()\r\n .value();\r\n\r\n if (!_.isEmpty(actionBundle)) {\r\n return actionBundle;\r\n }\r\n\r\n if (!_.isEmpty(action.Message) && !_.isEmpty(action.Message.MessageId)) {\r\n return this.renderActionItem(action);\r\n }\r\n return null;\r\n });\r\n\r\n actionsList = _.compact(_.flatten(actionsList));\r\n\r\n const causeContainer = this.props.fluctuation.RootCauses.length > 0 ? (\r\n \r\n {this.props.deps.i18n.getString('Fluctuation_RootCause')}\r\n
) : null;\r\n\r\n const actionContainer = _.isEmpty(actionsList) ? null : (\r\n \r\n {this.props.deps.i18n.getString('Fluctuation_Actions')}\r\n
);\r\n\r\n // setting inner html as part of payload is coming in as html string\r\n return (\r\n \r\n {causeContainer}\r\n {causesList}\r\n {actionContainer}\r\n {actionsList}\r\n
\r\n );\r\n }\r\n}\r\n\r\nActionContainer.propTypes = {\r\n page: PropTypes.number.isRequired,\r\n fluctuation: PropTypes.shape({\r\n UniqueId: PropTypes.string,\r\n RootCauses: PropTypes.arrayOf(PropTypes.shape({\r\n RootCauseId: PropTypes.number,\r\n Message: PropTypes.shape({\r\n MessageId: PropTypes.string,\r\n Parameters: PropTypes.arrayOf(PropTypes.shape({\r\n DisplayName: PropTypes.string,\r\n DisplayNameId: PropTypes.string,\r\n UrlId: PropTypes.string,\r\n Type: PropTypes.string,\r\n Values: PropTypes.arrayOf(PropTypes.string),\r\n SubParameters: PropTypes.arrayOf(PropTypes.shape({\r\n DisplayName: PropTypes.string,\r\n DisplayNameId: PropTypes.string,\r\n UrlId: PropTypes.string,\r\n Type: PropTypes.string,\r\n Values: PropTypes.arrayOf(PropTypes.string),\r\n })),\r\n })),\r\n }),\r\n })).isRequired,\r\n Actions: PropTypes.arrayOf(PropTypes.shape({\r\n ActionId: PropTypes.number,\r\n Message: PropTypes.shape({\r\n MessageId: PropTypes.string,\r\n Parameters: PropTypes.arrayOf(PropTypes.shape({\r\n Type: PropTypes.string,\r\n UrlId: PropTypes.string,\r\n DisplayName: PropTypes.string,\r\n DisplayNameId: PropTypes.string,\r\n Values: PropTypes.arrayOf(PropTypes.string),\r\n })),\r\n }),\r\n })).isRequired,\r\n }).isRequired,\r\n context: PropTypes.shape({\r\n CustomerId: PropTypes.number,\r\n AccountId: PropTypes.number,\r\n CampaignId: PropTypes.number,\r\n AdGroupId: PropTypes.number,\r\n }).isRequired,\r\n date: PropTypes.string.isRequired,\r\n deps: PropTypes.shape({\r\n userActionActivity: PropTypes.shape({\r\n trace: PropTypes.func,\r\n error: PropTypes.func,\r\n }),\r\n context: PropTypes.shape({\r\n CurrentCustomer: PropTypes.shape({\r\n Id: PropTypes.number,\r\n }),\r\n CurrentAccount: PropTypes.shape({\r\n Id: PropTypes.number,\r\n }),\r\n CurrentUser: PropTypes.shape({\r\n Id: PropTypes.number,\r\n IsInternal: PropTypes.bool,\r\n }),\r\n }).isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n }).isRequired,\r\n defaultEntityDetails: PropTypes.shape({\r\n expandedEntityName: PropTypes.string,\r\n entityDetails: PropTypes.arrayOf(PropTypes.shape({})),\r\n }),\r\n onDetailContainerShow: PropTypes.func,\r\n fromScenario: PropTypes.string,\r\n};\r\n\r\nActionContainer.defaultProps = {\r\n onDetailContainerShow: _.noop,\r\n defaultEntityDetails: {},\r\n fromScenario: '',\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { DefaultButton } from '@bingads-webui-react/fabric-control';\r\nimport { replaceCurly } from '@bingads-webui-campaign/fluctuation-common';\r\nimport { FluctuationUrlService } from '../fluctuation-url-service';\r\n\r\nexport const ViewAllContainer = (props) => {\r\n const { deps } = props;\r\n const urlService = new FluctuationUrlService(deps);\r\n const allCampaignsUrl = replaceCurly(\r\n urlService.allCampaignsUrl,\r\n {\r\n CustomerId: deps.context.CurrentCustomer.Id,\r\n AccountId: deps.context.CurrentAccount.Id,\r\n ...deps.context,\r\n }\r\n );\r\n const onButtonClick = () => deps.context.scope.save(allCampaignsUrl);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nViewAllContainer.propTypes = {\r\n deps: PropTypes.shape({\r\n context: PropTypes.shape({\r\n CurrentCustomer: PropTypes.shape({\r\n Id: PropTypes.number,\r\n }),\r\n CurrentAccount: PropTypes.shape({\r\n Id: PropTypes.number,\r\n }),\r\n CurrentUser: PropTypes.shape({\r\n Id: PropTypes.number,\r\n IsInternal: PropTypes.bool,\r\n }),\r\n scope: PropTypes.shape({\r\n save: PropTypes.func,\r\n }),\r\n }).isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n }).isRequired,\r\n};\r\n","import _ from 'underscore';\r\nimport { replaceCurly } from '@bingads-webui-campaign/fluctuation-common';\r\n\r\nexport const generateDescription = ({ description, deps }) => {\r\n const { context, i18n } = deps;\r\n const tempMessage = i18n.getString(description.MessageId);\r\n if (tempMessage.indexOf('{0}') > -1) {\r\n return replaceCurly(\r\n i18n.getString(description.MessageId),\r\n context,\r\n description.Parameters[0].Values[0]\r\n );\r\n }\r\n return tempMessage;\r\n};\r\n\r\n// Flatten [{ Date, FluctuationsPerDate[] }...] to [{ Date, Fluctuation }...]\r\nexport const flattenFluctuationsDict = (dateFluxMap) => {\r\n let flattenedDateFlux = [];\r\n\r\n const descSortedDateFluxMap = _.sortBy(\r\n dateFluxMap,\r\n unsortedDateFluxMap =>\r\n unsortedDateFluxMap.Date && (new Date(unsortedDateFluxMap.Date)).getTime()\r\n ).reverse();\r\n\r\n descSortedDateFluxMap.forEach((dateFluxPair) => {\r\n const { Date, FluctuationsPerDate = [] } = dateFluxPair || {};\r\n FluctuationsPerDate.forEach((Fluctuation) => {\r\n flattenedDateFlux = [\r\n ...flattenedDateFlux,\r\n {\r\n Date,\r\n Fluctuation,\r\n },\r\n ];\r\n });\r\n });\r\n\r\n return flattenedDateFlux;\r\n};\r\n\r\nexport const getFluctuationMetricUtil = (flucType) => {\r\n switch (flucType) {\r\n case 1:\r\n // Impressions\r\n return 5;\r\n case 2:\r\n // Clicks\r\n return 1;\r\n case 3:\r\n // Spent\r\n return 6;\r\n case 4:\r\n // Conv\r\n return 3;\r\n default:\r\n return null;\r\n }\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { Popover } from '@bingads-webui-react/popover';\r\nimport { FluctuationService } from '@bingads-webui-campaign/fluctuation-service';\r\nimport { ExpLoggerFactory } from '@bingads-webui/experiment-logger';\r\nimport { Loading } from '@bingads-webui-react/loading';\r\nimport { MetricCounter, DescriptionContainer, CalloutWithAutoPlacement, InsightAction, ActionSubPanel } from '@bingads-webui-campaign/fluctuation-common';\r\nimport { perfMarkerPropTypes } from '@bingads-webui/performance-marker';\r\nimport { instrumentationSchema } from './fluctuation-instr-schema';\r\nimport { Pagination } from './common/pagination';\r\nimport { ActionContainer } from './fluctuation-action/ActionContainer';\r\nimport { FluctuationLogService } from './fluctuation-log-service';\r\nimport { MinFluctuationsCountToShowAllInsightsButton, FluctuationGranularity, FluctuationType } from './common/constants';\r\nimport { ViewAllContainer } from './fluctuation-action/ViewAllContainer';\r\nimport { generateDescription, flattenFluctuationsDict, getFluctuationMetricUtil } from './common/utils';\r\n\r\nconst AB_TEST_NAME = 'AB_FluctuationBulb';\r\n\r\nexport class FluctuationPopup extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n const {\r\n deps, page, fluctuation: dateFluxMap, fromScenario, perfMarker,\r\n } = this.props;\r\n\r\n if (perfMarker) {\r\n this.perfMarker = perfMarker.createChild('Fluctuation_Popup');\r\n this.perfMarker.willInit();\r\n }\r\n\r\n const isDateRange = _.isArray(dateFluxMap);\r\n const flattenedDateFlux = isDateRange ?\r\n flattenFluctuationsDict(dateFluxMap) :\r\n flattenFluctuationsDict([dateFluxMap]);\r\n\r\n this.state = {\r\n showFluctuation: true,\r\n page: flattenedDateFlux[page] ? page : 0,\r\n dateFluctuations: flattenedDateFlux,\r\n totalPages: flattenedDateFlux.length,\r\n isLoading: _.isEmpty(flattenedDateFlux),\r\n currentSubPanel: ActionSubPanel.None,\r\n expandedEntityName: '',\r\n entityDetails: [],\r\n popupOpened: false,\r\n };\r\n this.initializeInstrumentation();\r\n this.logService = new FluctuationLogService(fromScenario);\r\n this.fromScenario = fromScenario;\r\n this.expLogger = ExpLoggerFactory.createLogger(AB_TEST_NAME);\r\n this.bulbColor = 'Yellow';\r\n this.token = deps.token || deps.context.Token;\r\n }\r\n\r\n componentDidMount() {\r\n const { withoutOpporCheck } = this.props;\r\n const { isLoading } = this.state;\r\n\r\n if (isLoading && !withoutOpporCheck) {\r\n this.fetchData();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { withoutOpporCheck, fluctuation } = this.props;\r\n\r\n if (withoutOpporCheck && this.state.popupOpened && !prevState.popupOpened) {\r\n this.fetchData();\r\n }\r\n\r\n if (_.isEmpty(prevProps.fluctuation) && !_.isEmpty(fluctuation)) {\r\n // eslint-disable-next-line react/no-did-update-set-state\r\n this.setState({\r\n dateFluctuations: flattenFluctuationsDict([fluctuation]),\r\n isLoading: false,\r\n });\r\n }\r\n if (this.perfMarker) {\r\n this.perfMarker.done();\r\n }\r\n }\r\n\r\n getFluctuation = () => this.state.dateFluctuations[this.state.page].Fluctuation;\r\n\r\n getDate = page => this.state.dateFluctuations[page].Date;\r\n\r\n getFluctuationMetric = (flucType) => {\r\n const metric = getFluctuationMetricUtil(flucType);\r\n if (metric === null) {\r\n this.activities.userActionActivity\r\n .error(\r\n `Invalid Fluctuation Type: ${flucType}`,\r\n 'FluctuationError'\r\n );\r\n }\r\n return metric;\r\n };\r\n\r\n fetchData() {\r\n if (this.perfMarker) this.perfMarker.willFetchData();\r\n const {\r\n deps: { context, appConfig },\r\n asyncLoadFluctuationConfig: { dateRange, fluctuationTypeIds },\r\n updateFlucData,\r\n updateLoadingStatus,\r\n } = this.props;\r\n if (updateLoadingStatus) {\r\n updateLoadingStatus(true);\r\n }\r\n const flucServiceIns = new FluctuationService({\r\n token: this.token,\r\n options: {\r\n userId: context.CurrentUser.Id,\r\n customerId: context.CurrentCustomer.Id,\r\n campaignId: context.CurrentCampaign &&\r\n context.CurrentCampaign.Id,\r\n accountId: context.CurrentAccount.Id,\r\n granularity: FluctuationGranularity.Day,\r\n startDate: this.formatDateString(dateRange.startDate),\r\n endDate: this.formatDateString(dateRange.endDate),\r\n surfacingChannelId: context.CurrentTabId === 'Campaigns' ? 1 : '',\r\n // TODO: confirm whether isFluctuationsExperiementEnabled is GAed\r\n isFluctuationsExperiementEnabled: context.isFluctuationsExperiementEnabled,\r\n host: appConfig && appConfig.get ? appConfig.get('BingAdsAdInsightWebApiUri') : undefined,\r\n },\r\n });\r\n flucServiceIns.findAll()\r\n .then((successResponse) => {\r\n if (updateFlucData) {\r\n updateFlucData(successResponse);\r\n\r\n if (updateLoadingStatus) {\r\n updateLoadingStatus(false);\r\n }\r\n } else {\r\n const unfilteredDateFlux = flattenFluctuationsDict(successResponse);\r\n const filteredDateFlux = _.filter(\r\n unfilteredDateFlux,\r\n dateFlux => _.contains(\r\n fluctuationTypeIds,\r\n FluctuationType[dateFlux.Fluctuation.FluctuationType]\r\n )\r\n );\r\n\r\n /* istanbul ignore else */\r\n if (_.isEmpty(filteredDateFlux)) {\r\n this.activities.userActionActivity\r\n .error(\r\n `Load empty fluctuaion: cid: ${context.CurrentCustomer.Id}, aid: ${context.CurrentAccount.Id}, campaignId: ${context.CurrentCampaign &&\r\n context.CurrentCampaign.Id}, fluc type: ${fluctuationTypeIds.toString()}`,\r\n 'LoadFluctuationError'\r\n );\r\n }\r\n\r\n this.setState({\r\n dateFluctuations: filteredDateFlux,\r\n totalPages: filteredDateFlux.length,\r\n isLoading: false,\r\n });\r\n }\r\n }, (errorResponse) => {\r\n this.activities.userActionActivity\r\n .error(\r\n `Fail to load Fluctuations: ${JSON.stringify(errorResponse)}`,\r\n 'LoadFluctuationError'\r\n );\r\n this.setState({ isLoading: false });\r\n });\r\n }\r\n\r\n triggerOnOpen = (page) => {\r\n if (!_.isEmpty(this.state.dateFluctuations)) {\r\n const action = `[date] ${this.getDate(page)} [action] Open ${this.bulbColor}`;\r\n this.expLogger.log(action, this.flight);\r\n\r\n if (this.props.onFlucOpen) {\r\n const currentFluctuationType = this.getFluctuation().FluctuationType;\r\n this.props.onFlucOpen(\r\n this.getFluctuationMetric(currentFluctuationType),\r\n this.getFluctuation().UniqueId\r\n );\r\n }\r\n }\r\n };\r\n\r\n resetState = () => {\r\n this.setState({\r\n page: 0,\r\n showFluctuation: true,\r\n popupOpened: true,\r\n });\r\n this.triggerOnOpen(0);\r\n if (!_.isEmpty(this.state.dateFluctuations)) {\r\n this.logService.logContext(\r\n this.getFluctuation(),\r\n this.getDate(this.state.page),\r\n 'FluxClick',\r\n this.props.deps.context.CurrentUser.Id,\r\n this.props.deps.context.CurrentUser.IsInternal,\r\n this.activities.userActionActivity,\r\n 'FluctuationAction'\r\n );\r\n this.activities.userActionActivity\r\n .trace(\r\n `Fluctuation popup opened: Date: ${this.getDate(this.state.page)},\r\n FlucId: ${this.getFluctuation().UniqueId}`,\r\n 'FluctuationAction'\r\n );\r\n }\r\n };\r\n\r\n closeFluctuation = () => {\r\n this.setState({\r\n showFluctuation: false,\r\n });\r\n this.activities.userActionActivity\r\n .trace(\r\n `Fluctuation popup closed: Date: ${this.getDate(this.state.page)}:\r\n Fluctuation Unique ID: ${this.getFluctuation().UniqueId}`,\r\n 'FluctuationAction'\r\n );\r\n this.props.onClose();\r\n };\r\n\r\n formatDateString(dateStr) {\r\n const leftPadding = s => ((s.length === 1) ? `0${s}` : s);\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 selectPage = (page) => {\r\n // should reset currentSubPanel and currentEntityDetails to initialize new page\r\n this.setState({\r\n page,\r\n currentSubPanel: ActionSubPanel.None,\r\n expandedEntityName: '',\r\n entityDetails: [],\r\n });\r\n this.triggerOnOpen(page);\r\n };\r\n\r\n initializeInstrumentation = () => {\r\n this.props.deps.instrumentation.addScenario(instrumentationSchema);\r\n\r\n const fluctuationScenario = this.props.deps.instrumentation.fluctuation.create();\r\n this.activities = {\r\n feedbackActivity: fluctuationScenario.fluctuationFeedback.create(),\r\n userActionActivity: fluctuationScenario.userAction.create(),\r\n dismissActivity: fluctuationScenario.fluctuationDismiss.create(),\r\n };\r\n };\r\n\r\n submitLog = (log) => {\r\n const { appConfig, context } = this.props.deps;\r\n const currentFluctuation = this.getFluctuation();\r\n const currentDate = this.getDate(this.state.page);\r\n const fluctuationData = {\r\n Comment: log.comment,\r\n Feedbacks: log.type === ActionSubPanel.FeedbackPanel && log.feedbacks ?\r\n log.feedbacks.map((item) => {\r\n if (item === '0') {\r\n return 'FluctuationIsGood';\r\n } else if (item === '1') {\r\n return 'ReasonIsIncorrect';\r\n }\r\n return 'ActionIsNotHelpful';\r\n }) : [],\r\n DismissFeedbacks: log.type === ActionSubPanel.DismissPanel && log.feedbacks ?\r\n log.feedbacks.map((item) => {\r\n if (item === '0') {\r\n return 'KnowTheCause';\r\n } else if (item === '1') {\r\n return 'FollowedUpAlready';\r\n }\r\n return 'JustWantToRemove';\r\n }) : [],\r\n };\r\n\r\n if (log.type === ActionSubPanel.DismissPanel) {\r\n this.logService.logContext(\r\n this.getFluctuation(),\r\n currentDate,\r\n 'FluxDismiss',\r\n context.CurrentUser.Id,\r\n context.CurrentUser.IsInternal,\r\n this.activities.userActionActivity,\r\n 'FluctuationDismiss',\r\n fluctuationData\r\n );\r\n\r\n // post dismiss request to MT\r\n const flucServiceIns = new FluctuationService({\r\n token: this.token,\r\n options: {\r\n userId: context.CurrentUser.Id,\r\n customerId: context.CurrentCustomer.Id,\r\n campaignId: context.CurrentCampaign &&\r\n context.CurrentCampaign.Id,\r\n accountId: context.CurrentAccount.Id,\r\n uniqueId: currentFluctuation.UniqueId,\r\n datetime: currentDate,\r\n host: appConfig && appConfig.get ? appConfig.get('BingAdsAdInsightWebApiUri') : undefined,\r\n },\r\n });\r\n\r\n const { dateFluctuations } = this.state;\r\n const actingFluctuation = dateFluctuations.slice(); // protective clone\r\n actingFluctuation.splice(this.state.page, 1);\r\n\r\n flucServiceIns.postFeedback().then(() => {\r\n this.props.onFlucDismiss({\r\n date: currentDate,\r\n fluctuation: currentFluctuation,\r\n isLastFluc: this.state.totalPages === 1,\r\n });\r\n this.setState({\r\n totalPages: this.state.totalPages - 1,\r\n dateFluctuations: actingFluctuation,\r\n page: this.state.page < actingFluctuation.length ?\r\n this.state.page :\r\n this.state.page - 1,\r\n });\r\n }, (errorResponse) => {\r\n this.activities.userActionActivity\r\n .error(\r\n `Fail to dismiss Fluctuations: ${JSON.stringify(errorResponse)}`,\r\n 'DismissFluctuationError'\r\n );\r\n });\r\n } else {\r\n this.logService.logContext(\r\n currentFluctuation,\r\n currentDate,\r\n 'FluxFeedback',\r\n context.CurrentUser.Id,\r\n context.CurrentUser.IsInternal,\r\n this.activities.userActionActivity,\r\n 'FluctuationFeedback',\r\n fluctuationData\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n canViewAllInsights, deps, metrics,\r\n triggerButton, isOpen, onDismiss, isReactNodeTriggerButton, withoutOpporCheck, withPopoverAdapter,\r\n } = this.props;\r\n const fluxLength = this.state.dateFluctuations.length;\r\n\r\n if (!this.state.isLoading && fluxLength === 0) {\r\n return null;\r\n }\r\n const currentFluctuation = !this.state.isLoading && this.getFluctuation();\r\n const shouldShowViewAllButton = canViewAllInsights\r\n && fluxLength >= MinFluctuationsCountToShowAllInsightsButton;\r\n const closeButtonClass = 'iconba iconba-Cancel';\r\n const closeButton = isReactNodeTriggerButton && this.state.showFluctuation ? (\r\n /* eslint-disable jsx-a11y/click-events-have-key-events,\r\n jsx-a11y/no-static-element-interactions */\r\n
:\r\n {this.state.isLoading ? null : (\r\n
\r\n \r\n
\r\n {deps.i18n.formatDate(new Date(this.getDate(this.state.page)), { skeleton: 'yMEd' })}\r\n
\r\n
\r\n {closeButton}\r\n
\r\n this.setState({ expandedEntityName, entityDetails })\r\n }\r\n fromScenario={this.fromScenario}\r\n />\r\n \r\n this.setState({ currentSubPanel })}\r\n />\r\n
\r\n {viewAllContainer}\r\n {pagination}\r\n )}\r\n
\r\n {children}\r\n \r\n );\r\n};\r\n\r\nFormErrorGroup.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node,\r\n ]).isRequired,\r\n formErrorProps: PropTypes.shape({\r\n errors: PropTypes.arrayOf(PropTypes.shape({})),\r\n onUnhandledErrorsChange: PropTypes.func,\r\n showAllValidationErrors: PropTypes.bool,\r\n }),\r\n};\r\n\r\nFormErrorGroup.defaultProps = {\r\n formErrorProps: undefined,\r\n};\r\n","import { chain } from 'underscore';\r\n\r\nexport const processErrors = (errors, filter) => {\r\n let process = chain(errors);\r\n if (filter) {\r\n process = process.filter(filter);\r\n }\r\n return process.value();\r\n};\r\n\r\nconst lastResortErrorMapper = error => error.toString();\r\nexport const processErrorMessages = (errors, mapper) => {\r\n let process = chain(errors);\r\n if (mapper) {\r\n process = process.map(mapper);\r\n } else {\r\n process = process.map(lastResortErrorMapper);\r\n }\r\n return process.uniq().value();\r\n};\r\n","import { constant, isFunction } from 'underscore';\r\nimport React, { useContext, useMemo, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ErrorMessages } from '@bingads-webui-react/validation';\r\nimport { FormErrorContext } from './form-error-context';\r\nimport { processErrorMessages, processErrors } from './process-errors';\r\n\r\nexport const UnmappedFormErrors = React.memo(({\r\n className,\r\n filter,\r\n mapper,\r\n formErrorProps,\r\n}) => {\r\n const { unmappedErrors, errorMapper } = useContext(FormErrorContext);\r\n const filteredUnmappedErrors = useMemo(\r\n () => processErrors(unmappedErrors, filter),\r\n [unmappedErrors, filter]\r\n );\r\n const filteredUnmappedErrorMessages = useMemo(\r\n () => processErrorMessages(filteredUnmappedErrors, mapper || errorMapper),\r\n [filteredUnmappedErrors, mapper, errorMapper]\r\n );\r\n\r\n const { onUnmappedErrorsChange } = formErrorProps;\r\n useEffect(() => {\r\n if (isFunction(onUnmappedErrorsChange)) {\r\n onUnmappedErrorsChange(filteredUnmappedErrors);\r\n }\r\n }, [onUnmappedErrorsChange, filteredUnmappedErrors]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n});\r\n\r\nUnmappedFormErrors.propTypes = {\r\n className: PropTypes.string,\r\n filter: PropTypes.func,\r\n mapper: PropTypes.func,\r\n formErrorProps: PropTypes.shape({\r\n onUnmappedErrorsChange: PropTypes.func,\r\n }),\r\n};\r\n\r\nUnmappedFormErrors.defaultProps = {\r\n className: 'unmapped-server-errors',\r\n filter: constant(true),\r\n mapper: undefined,\r\n formErrorProps: {\r\n onUnmappedErrorsChange: undefined,\r\n },\r\n};\r\n","import { useContext } from 'react';\r\nimport { FormErrorContext } from './form-error-context';\r\n\r\nexport const useFormErrorGroup = () => {\r\n const {\r\n errors,\r\n unmappedErrors,\r\n unhandledErrors,\r\n showAllValidationErrors,\r\n } = useContext(FormErrorContext);\r\n return {\r\n errors,\r\n unmappedErrors,\r\n unhandledErrors,\r\n showAllValidationErrors,\r\n };\r\n};\r\n","import { constant, isArray, isFunction } from 'underscore';\r\nimport React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport hoistNonReactStatics from 'hoist-non-react-statics';\r\nimport { getDisplayName } from '@bingads-webui-react/hoc-utils';\r\nimport { ErrorMessages } from '@bingads-webui-react/validation';\r\nimport { ValidatedControlAdapter } from './adapters/validated-control-adapter';\r\nimport { FormErrorContext } from './form-error-context';\r\nimport { processErrorMessages, processErrors } from './process-errors';\r\n\r\nexport const withFormError = (WrappedComponent, {\r\n filter: staticFilter = constant(false),\r\n mapper: staticMapper,\r\n Adapter = ValidatedControlAdapter,\r\n showError = true,\r\n} = {}) => {\r\n const AdaptedWrappedComponent = Adapter(WrappedComponent);\r\n\r\n const FormErrorHoC = ({ formErrorProps, ...restProps }) => {\r\n const { filter = staticFilter, mapper = staticMapper, onUnhandledErrorsChange } = formErrorProps;\r\n\r\n const parentContext = useContext(FormErrorContext);\r\n const isIsolated = !parentContext;\r\n\r\n const {\r\n errors,\r\n errorMapper,\r\n addNodeFilter,\r\n removeNodeFilter,\r\n addNodeUnhandledErrors,\r\n removeNodeUnhandledErrors,\r\n } = isIsolated ? {} : parentContext;\r\n\r\n // Change tracking through the unified onChange callback on formErrorProps\r\n const [hasChanged, setHasChanged] = useState(false);\r\n const onChange = useCallback(() => {\r\n setHasChanged(true);\r\n }, []);\r\n\r\n // Reset change tracking upon receiving new errors collection\r\n useEffect(() => {\r\n setHasChanged(false);\r\n }, [errors]);\r\n\r\n // Unhandled/still displayed errors\r\n const filteredErrors = useMemo(\r\n () => (hasChanged || !isArray(errors) ? [] : processErrors(errors, filter)),\r\n [hasChanged, errors, filter]\r\n );\r\n\r\n const errorMessages = useMemo(\r\n () => processErrorMessages(filteredErrors, mapper || errorMapper),\r\n [filteredErrors, mapper, errorMapper]\r\n );\r\n\r\n // When props.filter changes re-register with the parent\r\n // to keep it up to date on all nodes' filters so it can track\r\n // what errors didn't get mapped to any of the nodes\r\n useEffect(() => {\r\n const node = { filter }; // boxing it for by-ref identification\r\n if (!isIsolated) {\r\n addNodeFilter(node);\r\n }\r\n return () => {\r\n if (!isIsolated) {\r\n removeNodeFilter(node);\r\n }\r\n };\r\n }, [isIsolated, filter, addNodeFilter, removeNodeFilter]);\r\n\r\n // When currently displayed/unhandled errors change re-register\r\n // with the parent to keep it up to date on all node's unhandled errors.\r\n useEffect(() => {\r\n const node = { filteredErrors }; // boxing it for by-ref identification\r\n if (!isIsolated) {\r\n addNodeUnhandledErrors(node);\r\n }\r\n return () => {\r\n if (!isIsolated) {\r\n removeNodeUnhandledErrors(node);\r\n }\r\n };\r\n }, [isIsolated, filteredErrors, addNodeUnhandledErrors, removeNodeUnhandledErrors]);\r\n\r\n useEffect(() => {\r\n if (isFunction(onUnhandledErrorsChange)) {\r\n onUnhandledErrorsChange(filteredErrors);\r\n }\r\n }, [onUnhandledErrorsChange, filteredErrors]);\r\n\r\n // Unified interface between withFormError and Form Error adapters to report changes of Wrapped controls\r\n const serverErrorAdapterProps = useMemo(() => ({\r\n onChange,\r\n }), [onChange]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n\r\n HOC.propTypes = {\r\n formErrorProps: PropTypes.shape({}),\r\n };\r\n\r\n HOC.defaultProps = {\r\n formErrorProps: undefined,\r\n };\r\n\r\n hoistNonReactStatics(HOC, WrappedComponent);\r\n HOC.displayName = `withFormErrorGroup(${getDisplayName(WrappedComponent)})`;\r\n\r\n return HOC;\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { GlobalErrorView } from '@bingads-webui-react/app-global-error-view';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\n\r\nconst isIE11 = (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > -1);\r\n\r\nfunction getHelpContentHref(i18nLocale) {\r\n const splits = i18nLocale.split('-');\r\n let localeCode = splits[0] || 'en';\r\n\r\n if (localeCode === 'pt') {\r\n localeCode = 'pt-BR';\r\n }\r\n\r\n return `https://help.ads.microsoft.com/#apex/ads/${localeCode}/52033/0`;\r\n}\r\n\r\nfunction DefaultGlobalErrorView({ i18n, shouldShowRefreshLink }) {\r\n const title = i18n.getString(isIE11 ? _TL_('The site is incompatible with your browser') : _TL_('Well, that\\'s unexpected'));\r\n const description = isIE11 ? [\r\n () => (\r\n \r\n {i18n.getString(_TL_('Please find the list of supported browser from '))}\r\n {i18n.getString(_TL_('this page'))} \r\n
\r\n ),\r\n ] : [\r\n i18n.getString(_TL_(\"Microsoft Advertising isn't available right now, but everything should be back to normal very soon.\")),\r\n i18n.getString(_TL_(\"Don't worry about your ads - this doesn't impact them.\")),\r\n () => shouldShowRefreshLink && {i18n.getString(_TL_('Refresh Page'))} ,\r\n ];\r\n\r\n const errorViewProps = {\r\n className: 'campaign-ui-error-page',\r\n title,\r\n description,\r\n };\r\n return \r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nGFContextProvider.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n waterfallFilterStorage: PropTypes.instanceOf(WaterfallFilterStorage).isRequired,\r\n};\r\n\r\nexport const GlobalFilterContextProvider =\r\n withWaterfallFilterStorage(GFContextProvider);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Alert } from '@bingads-webui-react/alert';\r\n\r\nexport class DraftAlert extends React.PureComponent {\r\n render() {\r\n const {\r\n hasDraftStore, i18n, isNewUII18n, scope, onLinkClick,\r\n } = this.props;\r\n\r\n const { aid, cid, uid } = scope.values;\r\n\r\n const href = `merchantcenter?aid=${aid}&cid=${cid}&uid=${uid}`;\r\n const linkProps = !onLinkClick ?\r\n { href, target: '_blank', rel: 'noopener noreferrer' } :\r\n { href, onClick: onLinkClick };\r\n\r\n return (\r\n \r\n {hasDraftStore ?\r\n
)}\r\n level=\"Info\"\r\n message={(\r\n
)}\r\n />\r\n : null\r\n }\r\n
\r\n
\r\n ) : null;\r\n }\r\n}\r\n\r\nGranularityPicker.propTypes = {\r\n allGranularities: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n value: PropTypes.string.isRequired,\r\n })).isRequired,\r\n onChangeHandler: PropTypes.func.isRequired,\r\n selectedItem: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n value: PropTypes.string.isRequired,\r\n }),\r\n class: PropTypes.string,\r\n /**\r\n * i18n for localization\r\n */\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n parseDecimal: PropTypes.func.isRequired,\r\n }).isRequired,\r\n};\r\n\r\nGranularityPicker.defaultProps = {\r\n class: 'granularity-picker',\r\n selectedItem: undefined,\r\n};\r\n","var pug = require(\"!../../../../../node_modules/.pnpm/pug@2.0.4/node_modules/pug-runtime/index.js\");\n\nfunction template(locals) {var pug_html = \"\", pug_mixins = {}, pug_interp;;var locals_for_with = (locals || {});(function (fetchError, i18n) {pug_html = pug_html + \"\\u003Cdiv class=\\\"tile-content\\\"\\u003E\\u003Cdiv class=\\\"domain-selector\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\u003Cdiv class=\\\"graph\\\"\\u003E\\u003C\\u002Fdiv\\u003E\";\nif (fetchError) {\npug_html = pug_html + \"\\u003Cdiv class=\\\"error-msg\\\"\\u003E\" + (null == (pug_interp = i18n.getString('Dashboard_Cards_Data_Error')) ? \"\" : pug_interp) + \"\\u003C\\u002Fdiv\\u003E\";\n}\npug_html = pug_html + \"\\u003C\\u002Fdiv\\u003E\";}.call(this,\"fetchError\" in locals_for_with?locals_for_with.fetchError:typeof fetchError!==\"undefined\"?fetchError:undefined,\"i18n\" in locals_for_with?locals_for_with.i18n:typeof i18n!==\"undefined\"?i18n:undefined));;return pug_html;};\nmodule.exports = template;","var pug = require(\"!../../../../../node_modules/.pnpm/pug@2.0.4/node_modules/pug-runtime/index.js\");\n\nfunction template(locals) {var pug_html = \"\", pug_mixins = {}, pug_interp;;var locals_for_with = (locals || {});(function (i18n) {pug_html = pug_html + \"\\u003Cdiv class=\\\"domain-selector-header\\\"\\u003E\\u003Cstrong\\u003E\" + (pug.escape(null == (pug_interp = i18n.getString('AuctionInsights_Domain_Selector_Header')) ? \"\" : pug_interp)) + \"\\u003C\\u002Fstrong\\u003E\\u003C\\u002Fdiv\\u003E\";}.call(this,\"i18n\" in locals_for_with?locals_for_with.i18n:typeof i18n!==\"undefined\"?i18n:undefined));;return pug_html;};\nmodule.exports = template;","var pug = require(\"!../../../../../node_modules/.pnpm/pug@2.0.4/node_modules/pug-runtime/index.js\");\n\nfunction template(locals) {var pug_html = \"\", pug_mixins = {}, pug_interp;pug_html = pug_html + \"\\u003Cdiv class=\\\"dropdown selector-container\\\"\\u003E\\u003Cbutton class=\\\"btn btn-default dropdown-toggle legacy-dropdown-toggle\\\" data-toggle=\\\"dropdown\\\" role=\\\"button\\\" aria-haspopup=\\\"true\\\" aria-expanded=\\\"false\\\"\\u003E\\u003Cspan class=\\\"button-label truncated\\\"\\u003E\\u003C\\u002Fspan\\u003E\\u003Cspan class=\\\"icon-right glyphicon glyphicon-triangle-bottom\\\"\\u003E\\u003C\\u002Fspan\\u003E\\u003C\\u002Fbutton\\u003E\\u003Cdiv class=\\\"dropdown-menu\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\u003C\\u002Fdiv\\u003E\";;return pug_html;};\nmodule.exports = template;","import URI from 'urijs';\r\n\r\nexport enum DisplayMode {\r\n Shellless = 'shellless',\r\n Default = 'default'\r\n}\r\n\r\nexport function getDisplayMode(href = window.location.href): DisplayMode {\r\n const uri = new URI(href);\r\n const search = uri.search(true);\r\n const mode = search.DisplayMode;\r\n if (mode && Object.values(DisplayMode).includes(mode as DisplayMode)) {\r\n return mode as DisplayMode;\r\n }\r\n return DisplayMode.Default;\r\n}\r\n"],"names":["CalloutEntity","_createClass","_ref","name","component","props","sitemapId","priority","_ref$timeout","timeout","_classCallCheck","this","sortListWithPriority","list","newItem","newList","concat","_toConsumableArray","_","item","CalloutStoreContext","React","CalloutStoreProvider","calloutListConfig","children","_useState","useState","calloutList","newQueue","forEach","calloutEntity","push","getCalloutList","_useState2","_slicedToArray","queue","setQueue","next","useCallback","queueClone","justSkipThisTime","arguments","length","undefined","firstName","firstItem","shift","slice","contextVal","useMemo","_jsx","Provider","value","isLeafNode","selected","CalloutWithSiteMap","siteMap","onNext","onSkip","inBlackListFlag","setInBlackList","_useState3","_useState4","initialized","setInitialized","selectedParent","selectedChild","findSiteMap","useEffect","id","_objectSpread","calloutProcessors","processor","processPermissions","processPath","CalloutService","autoNext","setAutoNext","calloutStore","useContext","currentEntity","autoHideTimer","setTimeout","CurrentCallout","withSiteMap","allSiteMap","nextInner","justSkip","clearTimeout","className","helpbuttonStyle","ComponentSettings","CalloutCardInternal","i18n","title","content","contentHelpId","buttons","target","classes","coupon","couponHelpId","currency","contentNode","_jsxs","curlyTemplate","getString","_TL_","couponValue","formatCurrency","CouponValue","HelpIcon","topic","_Fragment","LearnMoreLink","linkText","map","_ref2","isPrimary","label","onClick","PrimaryButton","text","DefaultButton","Callout","popoverClassName","importCalloutCardPopup","popoverId","placement","show","rootClose","closeButton","defaultProps","CalloutCardComponent","withDefaultStyles","_ref$palette","palette","extend","minWidth","maxWidth","fontSize","paddingLeft","lineHeight","paddingTop","color","green","fontWeight","display","justifyContent","marginLeft","CalloutPreferenceFlag","CalloutDisplayPeriod","FAC_STATUS_NOT_IN_PROGRESS","CCUIConstants","RecommendationAdoptionStatus","NotInProgess","ConversionTrackingCouponCallout","withActivityContext","withCcJsData","withServerContext","withScope","preferenceService","scope","activity","ccJsData","serverContext","setShow","I18nContext","logger","logTrace","trace","logError","error","getLogger","setCoupon","_useState5","_useState6","couponsFetched","setCouponsFetched","couponAcknowledged","useRef","navPermssions","dynamic","NavigationRefresh","DynamicPermissions","isNavRefresh","isNavigationRefreshOn","targetElement","document","querySelector","_useLock","useLock","key","keyVault","conversionCoupon","priorityLevel","teachingBubble","isReady","lock","releaseLock","values","HideCouponCallout","current","aid","FeatureAdoptionCoupon","findAll","then","coupons","JSON","stringify","mtCoupon","catch","err","Status","FeatureId","serverCoupon","CurrentAccount","CurrencyCode","bubblePref","findByNameAtUserLevel","showBubble","Data","hasTry","_bubblePref$Data","period","timestamp","diffDay","Date","getTime","handlePreferenceData","setAtUserLevel","Name","gotoConversionGoals","pageItem","pathname","route","params","search","result","history","replace","onConfirm","onDismiss","TeachingBubble","featureName","onDone","onClose","primaryButtonText","secondaryButtonText","lockKey","ConversionCallout","Scenario","Activity","CalloutView","permissions","ImportCalloutCardWithoutCCJsData","shouldDisplayDelay","getAllCallout","ADGROUP_PAGE_SIZE","getAdgroupData","jsdata","edmCampaign","_ref$query","query","_ref$pageNumber","pageNumber","_ref$pageSize","pageSize","_ref$campaignId","campaignId","_ref$optionalAdgroupF","optionalAdgroupFilter","_ref$optionalAdGroupS","optionalAdGroupSelect","_ref$optionalAdGroupE","optionalAdGroupExpand","signleQuoteTerminatedQuery","filter","join","$expand","$select","formatQuery","$orderby","$skip","$top","$count","entitySet","currentAccount","Campaigns","$withKey","Number","AdGroups","toJSON","$filter","AdGroup","data","adgroupData","apply","status","campaignName","Campaign","Id","parentId","totalCount","items","transformAdgroupData","CAMPAIGN_PAGE_SIZE","getCampaignData","_ref$optionalCampaign","optionalCampaignFilter","_ref$optionalCampaign2","optionalCampaignSelect","campaignData","CampaignSettings","transformCampaignData","CampaignAdgroupSelectorProxy","onCampaignSelect","onAdGroupSelect","jsData","withUiBlocker","getCustomizedCampaignData","getCustomizedAdGroupData","selectedCampaign","selectedAdGroup","isMultiMode","onMultiSelectedDone","_ref2$query","_ref2$pageNumber","_ref2$pageSize","campaignAdgroupSelectorView","_ref2$optionalCampaig","uiBlockContainer","$","finally","_ref3","_ref3$query","_ref3$pageNumber","_ref3$pageSize","scopeParentItem","_ref3$optionalAdgroup","_this","checkSelected","selectedItem","CampaignAdgroupSelectorView","campaign","onFetch","args","fecthCampaignData","adgroup","fecthAdgroupData","on","selectedList","CampaignSelectorProxy","onEventTrigger","getCustomizedData","onSelectDone","campaignSelectorView","$el","find","CampaignSelectorView","fetch","AdgroupSelectorProxy","adgroupSelectorView","_ref2$optionalAdgroup","AdgroupSelectorView","stringKeys","emptyListContent","listHeader","selectEntity","resultHeader","selectEntities","actionBar","Scope","Account","ScopeLiterals","Level","LevelLiterals1","LevelLiterals2","isAccountScope","isAdGroupLevel","level","createCampaignAdGroupSelector","parentView","campaignOfAdgroup","_ref$optionalOnCampai","optionalOnCampaignSelect","adGroup","trigger","withUiBlock","getCampaignAdgroupSelectorView","isCampaignScope","getAdgroupSelectorView","isCampaignLevel","getCampaignSelectorView","Backbone","MAX_SELECTION_COUNT","parseIds","ids","parsedIdMap","memo","parsedId","parseSync","parsedIds","parseInt","SelectorDataSource","dataContextManager","cacheService","dataSource","type","selectorLoadAction","encodeData","where","options","get","viewFilter","searchFilter","limit","itemsDisplayLimit","select","orderBy","nameFilter","$contains","$and","cachedData","_parseIds","endQueries","$or","$eq","getContext","pseudoRequest","url","success","cache","skipRequest","Promise","cacheResponse","bypassCache","headers","load","newData","patchedData","missingIds","missingId","entity","indexOf","encodedData","_defineProperty","_this2","formatKeywordName","keywordName","KeywordDataSource","selectorDataSource","campaignNameToUse","CampaignName","campaignIdToUse","CampaignId","adGroupNameToUse","AdGroupName","adGroupIdToUse","AdGroupId","stringifySync","getByIds","formatAdGroupName","adgroupName","getEncodeDataFunction","currentCampaignName","currentCampaignId","AdGroupDataSource","CampaignDataSource","existingCampaignFilter","stubDataSource","selectorStyleOptions","nameColumn","selectorKeyMapFunc","Selector_Filter_Selected","unused","Selector_Filter_All","handleFilterChange","stats","selector","missingDataHandler","checked","predicate","checkMap","Selector","ViewFilter","setData","handleFilterChangeForCampaign","_ref4","missingData","handleFilterChangeForAdGroup","_ref5","_ref6","handleFilterChangeForKeyword","_ref7","_ref8","parsed","getSelectorOptions","selectorOptions","disableSearch","showSelected","showChanged","keyMap","styles","allowCheckAll","showNoDataMessage","generateSchemaForCampaignProperty","_ref9","_ref9$dataService","dataService","_ref9$entitySet","operatorDisplayNameMap","containsany","operators","addtionalParams","maxCount","filterable","generateSchemaForAdGroupProperty","_ref10","_ref10$dataService","_ref10$entitySet","_ref10$currentCampaig","_ref10$currentCampaig2","_ref10$isInAccountSco","isInAccountScope","generateSchemaForKeywordProperty","_ref11","_ref11$dataService","Keyword","_ref11$entitySet","createSchemaProcessorForCurrentScope","levelAt","levelAtConstant","CUSTOMER","_ref15","customizedSchemaForProcessor","generateSchemaForAccountProperty","properties","updateEntitySchemaForCustomerScope","ACCOUNT","_ref12","customizedGenerateSchemaForAdGroupProperty","customizedGenerateSchemaForCampaignProperty","ops","generateCampaignProperty","generateAdGroupProperty","updateEntitySchemaForAccountScope","CAMPAIGN","_ref13","currentCampaign","updateEntitySchemaForCampaignScope","ADGROUP","_ref14","updateEntitySchemaForAdGroupScope","getCampaignAdgroupSelectorFilterConfig","_ref$scope","entitySchema","sessionStore","preferenceStoreFactory","schemaI18n","SchemaI18n","schemaProcessor","cloneDeep","shortDateFormat","odata","ignoreCase","custom","maxSavedFilterLimit","storageFactory","FilterStorageFactory","parseIdAsInt","getLegacySaved","enabled","editor","isComparingEnabled","EXCEED_SAVE_LIMIT","CampaignAdgroupSelectorFilterAgent","_React$PureComponent","_len","Array","_key","_callSuper","state","showFilterBar","showFilterEditor","showToolBar","filterBar","filterEditor","onFilterMaxReached","onFilterOperationFailed","message","errorData","_this$props$filterCon","filterConfig","alertHelper","AlertHelper","errMsg","showAlert","showUnknownError","_inherits","initializeFilterAgent","prevProps","filterService","upperToolBar","_this$props","filterAgent","FilterAgent","toolbarView","view","rendered","getFilterBar","filterBarAgent","deterministicView","getFilterEditor","onFilterUIChanged","setState","onFilterStateChanged","BackboneInstanceWrapper","instance","managed","EmptyFilterView","imagePath","bulbIconSrc","src","alt","statusConfig","UserPaused","BudgetPaused","BudgetUserPaused","Deleted","Suspended","Active","InProgress","Paused","Draft","Expired","CampaignUserPaused","CampaignBudgetPaused","CampaignBudgetUserPaused","PrivacyPending","TargetingTooNarrow","CampaignItemComponent","_PureComponent","classnames","PureComponent","getAgroupitemStyles","removeArrowButton","position","top","transform","addArrowButton","right","itemContainer","overflow","whitespace","textOverflow","AdgroupItemComponent","arrowIconClass","isAddedToResultList","isShowAddArrow","CAMPAIGN_KEY","ADGROUP_KEY","CascaderWithLiveRegion","withLiveRegionProp","Cascader","OriginCampaignAdgroupSelector","_React$Component","onSearch","_this$state","adgroupFetchMode","onCampaignFetch","_ref$scopeParentItem","updateOptionItems","onAdgroupFetch","_ref2$scopeParentItem","queryByMode","scopeParentItemByMode","onCampaignSelected","onSelect","updateSelectedItems","onAdgroupSelected","resultContainerOptions","updateResultList","dropdownOptions","toggle","updatedDropdownItem","onSelectAllClick","renderHeader","header","renderEmptyList","role","renderCampaignItem","index","renderAdgroupItem","renderActionBar","onKeyDown","submitEvent","tabIndex","order","ariaLabel","initOptions","selectedAdgroupsForMultiMode","campaignSelectorOption","campaignListHeader","itemCount","renderItem","campaignEntities","selectorClassName","containerClassName","adGroupSelectorOption","adgroupListHeader","adgroupEntities","initFetch","itemKey","option","_this$props2","adgroupAdapter","i","findItemIndex","resultList","AdgroupOption","_this$props3","i18nLegacy","adgroupItemAdapter","cascaderOptions","isShowSearchbox","enableArrowKeysSupport","screenReaderText","getScreenReaderText","SingleCampaignAdgroupSelector","withDropdownMenu","MultiCampaignAdgroupSelector","withResultContainer","border","height","flexDirection","flex","padding","cursor","marginRight","verticalAlign","MultiSelectedAdgroupItemComponent","CampaignAdgroupSelector","onSelectCancel","getSelectedItemForMultiMode","resultListLen","selectedText","getHeaderTxt","getDropdownOptions","renderEmptyDropdownText","isToggled","renderDropdownText","focusFirstItemOnMount","getResultContainerOptions","headerTxt","emptyTips","onResultChanged","_Backbone$View","bind","adgroupSelectDone","ReactDOM","el","_superPropGet","NewUICampaignHistoryPreferenceKey","CampaignHistoryRecorderRaw","instrumentation","preferenceSetLogger","newUINavigation","create","preferenceSet","startSignal","nextProps","campaignHistoryPreference","findByNameAtAccountLevel","findIndex","splice","pop","unshift","setAtAccountLevel","CampaignHistoryRecorder","withPreference","withCurrentExpandedScope","withInstrumentation","getCampaignOdataConfig","orderby","errorFallback","Redirect","to","CampaignResultView","clear","searchItemUniqueId","getSearchItemUniqueId","searchActivity","getSearchActivityTraceLog","isSearchResultSelected","append","save","onClickSeeMore","searchQuery","remove","filterExpressions","getFilterExpressions","updateEntityNameFilter","filterType","featureNameToEntityNameFilter","filterAlias","filterArguments","allowedFilterAlias","featureIdToFilterAlias","_ref$selectedItem","keyword","getCampaignListView","searchResultsNum","renderDivider","renderFooter","renderItemsWithDividers","applyFilter","recentCampaigns","ListSelector","CampaignOData","call","escapeHatch","fallback","loadingFallback","onError","campaigns","renderNoResults","toLowerCase","includes","sort","campaign1","campaign2","campaignGlyphIcon","iconStatusClassName","activeStatusIcon","pausedStatusIcon","searchResultItem","searchItemContainer","statusIconContainer","Glyphicon","glyph","searchItemSpan","reduce","a","b","renderNoResultsListItem","_this$props4","searchText","_this$props5","resultHeaderContainer","_this$props6","searchItemFooterSpan","logo","divider","loading","Spinner","_this$props7","searchResultDropDown","SearchResultLiveRegion","emptyText","resultText","userContext","StyledCampaignResultView","withGlobalFilter","withI18nConsumer","pageMenuItem","backgroundColor","white","paddingBottom","zIndex","boxShadow","borderRadius","marginTop","width","textAlign","borderWidth","paddingRight","whiteSpace","borderTop","neutralLight","themePrimary","calloutTargetContainer","fallbackGlyph","float","neutralPrimary","shortcutItem","neutralSecondary","shortcutKey","margin","renderCampaignSearch","AccountActive","AccountError","ItemComponent","forwardedRef","renderItemContent","ref","disabled","OriginCampaignSelector","perfMarker","willFetchData","resolve","willRender","done","isSelectedLoaded","SVGElement","prototype","Object","defineProperty","contains","baseVal","split","selectedItemsForMultiMode","focus","originCampaignSelectorOptions","itemsAdapter","enableOverflowTooltip","_this$getRenderers","getRenderers","EntitySelector","searchBoxAriaLabel","messageConfig","SingleCampaignSelectorwWthDropdownMenu","MultiCampaignSelectorWthDropdownMenu","SingleCampaignSelector","MultiCampaignSelector","MultiSelectedItemComponent","hideStatus","CampaignSelector","getCustomDropdownText","defaultOptions","renderSelector","resultListAriaLabel","_ref$ariaLabel","_ref$searchBoxAriaLab","render","upgradeCampaignsToPMaxCall","cid","payload","Customers","Accounts","$makeCall","toPromise","fetchCampaignUpgradeData","count","upgradePromptTitle","upgradePromptDescription","upgradeSuccess","upgradeFailure","StyledCampaignUpgradeDialog","isUpgradeDialogOpen","closeUpgradeDialog","selectedCampaigns","refreshGrid","dialogContentProps","DialogType","normal","showCloseButton","closeButtonAriaLabel","subText","onUpgradeApiError","response","errors","isEmpty","showError","notificationApi","add","severity","NotificationLevel","Error","Dialog","hidden","modalProps","isBlocking","DialogFooter","autoFocus","ParentId","EntityId","updatedCampaigns","Info","withCampaignUpgradeManager","WrappedComponent","UpgradeDialogManager","openUpgradeDialog","selectedItems","allPages","upgradeDialogProps","toolbarDropdownText","campaignUpgradeProps","onGenericError","clearCache","pageName","successEmitter","headerStyles","container","root","headerIcon","overflowWrap","button","helpPopup","warningIcon","warningIconStyle","mergeStyles","headerIconStyle","helpPopupStyle","Header","opened","warning","topicKey","topicAriaLabel","icon","iconAltText","styleOverrides","finalStyles","merge","iconProps","iconName","transformOrigin","transition","collapseIcon","FontIcon","classNames","Stack","containerCollapsed","ActionButton","Text","nowrap","block","HelpPopup","Collapsible","open","onCollapse","onExpand","showWarningIcon","onRenderHeader","headerStyleOverrides","prevOpen","setPrevOpen","collapsed","setCollapsed","onToggleCollapse","defaultOnRenderHeader","CollapsiblePileItem","pileItem","itemState","contentRenderer","updateItem","collapseItem","expandItem","duplicateItem","removeItem","duplicate","addMore","duplicateIconName","duplicateTitle","removeIconName","removeTitle","_remove$enabled","removeEnabled","_pileItem$incomplete","incomplete","_pileItem$actionable","actionable","_pileItem$active","active","_pileItem$deleted","deleted","onDuplicate","onRemove","collapsibleItem","collapsibleItemContent","horizontal","collapsiblePileActions","initialState","maxItems","deactivateOne","onDeactivate","onValidate","deactivatedItem","validatedItem","deactivateAll","activateOne","onActivate","activatedItem","reducer","oldKey","action","canAddMore","activeItemCount","sum","v","now","remainingItem","deletedItemIndex","newItems","itemToActivate","newRemove","activeField","originalItem","updatedItem","CollapsiblePileUnstyled","config","onChanged","onCreate","addIconName","addMoreTitle","_useReducer","useReducer","_useReducer2","dispatch","isAddMoreEnabled","handleCreateClick","animation","MotionAnimations","fadeIn","alertStyle","buttonInputStyle","btnStyle","btnInteractStyle","closeImageStyle","controlStyle","datePickerStyle","dropDownEditorStyle","entitySelectorStyle","floatButtonStyle","getBlockerStyle","gridInlineErrorStyle","InlineEditorStyle","inlineErrorStyle","internalLinkStyle","legacyUIBlockerStyle","paginationStyle","scrollbarStyle","searchboxStyle","spinnerKeyframe","statusStyle","toggleButtonStyle","uiblockerStyle","underlineLinkStyle","reactUIBlockerStyle","commonDoubleListBoxStyle","outline","neutralLighter","convertToLocalStyle","style","convertToConcatStyle","convertToGlobalStyle","mergeStyle","div","glyphIconStyle","_ref$iconFontFamily","iconFontFamily","fontFamily","appearance","fontStyle","redDark","orange","audienceSelectorStyle","left","boxSizing","overflowX","overflowY","minHeight","textDecoration","outlineOffset","wordBreak","listStyle","marginBottom","adCustomizersStyle","maxHeight","background","alignSelf","fallbacks","gridTemplateColumns","gridColumnStart","gridColumnEnd","alignItems","adColumnPreviewStyle","wordWrap","getReactModalStyle","bottom","reactModalButton","tableStyle","borderLeft","borderRight","adSuggestionStyle","borderBottom","visibility","opacity","themeLighterAlt","themeDark","adSuggestionModalStyle","_ref2$palette","_ref2$iconFontFamily","messageBarStyle","linkStyle","learnMoreStyle","getLocalBlockerStyle","assign","uurlTestToolStyle","flexShrink","flexGrow","advancedSettingsSectionStyle","_ref2$advancedSection","advancedSectionMarginLeft","themeDarker","borderBottomWidth","borderBottomStyle","elementLocator","backgroundClip","borderColor","containerBudgetStyle","_ref$fontSize","locationCellStatusStyle","locationBidGridStyle","keywordPlannerStyle","pointerEvents","resize","getMapStyle","black","locationMapStyle","lineHieght","targetLocationRecommendationSharedStyle","targetLocationRecommendationStyle","getPhoneFrameStyle","outerFrame","innerFrame","truncatedDeclaration","truncatedStyle","modalContainerStyle","backgroundSize","flexWrap","floatButton","experienceContent","_ref3$palette","_ref3$iconFontFamily","flexBasis","themeDarkAlt","accent","borderBottomRightRadius","neutralQuaternaryAlt","flexFlow","crudAdStyle","_ref4$palette","_ref4$iconFontFamily","themeLight","crudAppInstallAdStyle","neutralTertiary","borderStyle","crudRSAStyle","crudAudienceAdStyle","_ref5$palette","_ref5$iconFontFamily","neutralSecondaryAlt","getCrudAdImagePreviewStyles","textIndent","getMMAPreviewStyles","sharedBudgetGridWrapper","isGreyBackground","estimationResultStyle","audienceAssociationSectionStyle","_ref2$singleListBoxWi","singleListBoxWidth","audienceBulkAssociationStyle","selectElementStyle","_ref$includeSelector","includeSelector","imageExperienceContentStyle","editImageCommonStyle","getMsanPreviewStyles","actionDropdownStyles","_ref2$dropdownMinWidt","dropdownMinWidthPx","_ref2$noLeftMargin","noLeftMargin","extensionEditorStyles","multiImageInnerCarouselStyles","getExtensionPreviewStyles","audienceReachEstimateContainerStyle","_ref2$leftMargin","leftMargin","_ref2$rightMargin","rightMargin","_ref2$topMargin","topMargin","uetTagSelectorStyles","theme","_ref$width","audienceModalStyles","_ref2$modalWidth","modalWidth","kendoMultiSelectStyle","zoom","audienceCombinedListStyle","blue","audienceExpressionStyle","uetTagManageDialogStyles","dateFilterStyle","red","resolveStyles","resolvedStyles","s","isFunction","some","_len2","_key2","keywordToolbarStyle","crudKeywordStyle","adsExtensionDoubleListStyle","inputFieldStyle","summaryPageStyle","gridRow","gridColumn","transformStyle","gridTemplateRows","justifySelf","backgroundBlendMode","backdropFilter","competitionCardStyle","backgroundRepeat","backgroundPosition","backgroundImage","CircleSolidSmall","DiamondSolidSmall","TriangleDownSolidSmall","TriangleUpSolidSmall","SquareSolidSmall","W","M","speak","fontVariant","textTransform","WebkitFontSmoothing","MozOsxFontSmoothing","gmbImportEditorStyle","experimentSettingsStyle","productGroupsStyle","largeSize","gridPopUpEditorStyle","body","predicateValueEditorStyle","tableLayout","neutralDark","neutralTertiaryAlt","getUETTagViewerStyle","getDialogStyle","dialog","getProgressBarStyle","convertTooltipPanelToCalloutStyle","colorPickerStyle","getColumnSolidBorderStyle","startIndex","endIndex","cellStyle","each","range","campaignMultiSelectorWithoutDropdownStyle","textDecorationLine","campaignMultiSelector","labelPopupStyle","deliveryColumnStyle","labelColumnHeaderStyle","outlineColor","labelsCellScopeStyle","labelsCellItemStyle","qualityScorePopupStyle","deleteColumnModalStyle","fabricPanelFixStyle","footer","commands","deliveryStatusStyle","playPauseCarouselStyle","PlayPauseButtons","inset","PlayPauseButtonsContainer","getInlineDownloadStyle","getInlineHelpButtonStyles","getCommonPiFormStyles","global","sDisplayMode","common","backgroundPositionX","pidlMigration","dateCellStyles","campaignManagedDateTooltipStyles","commonDoubleListBoxLeanStyle","pagerStyles","components","adExtensionsAssociationsContainerLayoutType","ExpandHorizontallyToContainer","FixedListBoxWidth","adExtensionsAssociationsContainerLayout","layoutColumnsContainerGridTemplateColumns","listBoxWidthPx","adExtensionsAssociationsContainer","layout","layoutType","flexibleGrid","columnGap","flexibleGridRow","flexibleGridColumn","flexibleGridColumnSpan","itemImage","itemText","adExtensionItemTemplateStyles","withEllipsisItemText","customParametersStyle","uurlStyle","extensionEditorNewStyles","legacyAdExtensionsAssociationsContainer","getFluctuationGridCellStyle","getFluctuationTooltipStyle","getFluctuationContentStyle","backgroundPositionY","CircleSolid","DiamondSolid","CircleDotted","DiamondDotted","listStyleType","textShadow","getFluctuationLoadingStyle","getFluctuationPopupStyle","validationErrorsStyle","semanticColors","errorIcon","getBudgetCenterTooltipStyle","getBudgetCenterEntryValueStyle","campaignGridBudgetCenterEntryStyle","withDelayedStyles","getDefaultStyles","getStyles","eventName","HOC","styleSheet","eventDispatcher","once","attached","all","jss","getDelayedStyles","core","createStyleSheet","attach","detach","withTheme","PILL_CONTROL","summary","overtime","GENERAL_INSIGHTS_DATA_TYPES","Grid","FEATURE_NAME_GENERAL_INSIGHTS","Chart","Tile","instrumentationSchema","scenario","setting","getGeneralInsightsPreferences","preferencesService","getPreference","saveGeneralInsightsPreferences","savePreference","getPillControlTypeFromPreferences","pillControlType","getGridNameWithPillControlType","getSegmentationData","appState","segType","getSegType","segmentationType","isTimeRangeValid","setSegmentationData","gridName","setSegType","fetchPreferenceForGeneralInsights","campaignType","getSegPreference","fetchSortInfo","finalCampaignType","initialize","selectShoppingCampaignType","CAMPAIGN_TYPES","Shopping","Search","GENERAL_INSIGHTS_FEATURE_NAMES","sortableHeader","SegmentationTypes","PillControlType","gridConfig","supportedTimeSegments","GeneralInsightsSegmentationDecorator","alwaysAddSegment","queryParams","newSegment","getDefaultTimeSegment","newQuery","queryDateRange","dateRange","start","startDate","end","endDate","dateSegmentations","dateSegmentation","addSegmentToQuery","processFilterIds","DisplayDomainDataSource","auctionInsightService","getNormalizedData","displayDomains","domain","displayDomain","handleFilterChangeForDisplayDomain","getFilterConfig","schemaForFilter","IsAvgPositionDeprecationPhase1Enabled","IsAvgPositionDeprecationPhase2Enabled","DisplayDomain","updateDisplayDomainSchema","pkg","globalContext","define","require","CompetitionTile","_this$props$chartData","chartData","AdvisorChartWithMetrics","selectedMetric","metric","domains","chartType","SELECTOR_CHECK_STATES","DomainSelectorView","_BaseView","_ref$allowCheckAll","_ref$itemsDisplayLimi","_ref$itemsCheckedLimi","itemsCheckedLimit","previouslyCheckedIds","pluck","without","html","domainSelectorTemplate","updateButton","removeSelector","prop","searchIcon","listAttributes","checkboxColumn","checkboxAttributes","tabindex","busyIndicator","compact","hasSelectionChanged","checkedIds","uncheckDomainsIfCheckedLimitExceeded","domainNames","FocusLockSelector","focusLockInstanceDecorator","focusLockSelectorView","prepend","domainSelectorHeaderTemplate","numItemsToUncheck","itemsToUncheck","itemsToKeepChecked","_this$previouslyCheck","newlyCheckedIds","setCheckMap","BaseView","requireDefault","appConfig","dateUtil","getFilters","_globalContext$requir2","CompetitionTileView","metricPreferenceKeyName","METRIC_PREFERENCE_KEY_NAME","fetchPreferenceToken","preexecuteFlag","createAsyncToken","onSuccess","preferences","availableMetrics","getLocalizedMetrics","METRICS","ImpressionShare","initializeInstrumentation","getAuctionInsightDataService","chartDataSource","getDataSource","refreshDataAsync","setChild","addScenario","currentScenario","loadGeneralInsights","currentActivity","FilterService","setEditableFilter","$in","refreshChartActivity","refreshChart","fetchError","refreshDataToken","stop","LocalizedDisplayDomain","updateState","onCancel","isShoppingCampaignTypeSet","_this3","competitionTileTemplate","getChild","updateChart","updateDomainSelector","_ref$metric","_ref$chartData","_ref$domains","_ref$chartType","updateData","cancel","bidStratetyTypeValue","parent","manual","manualCpv","manualCpm","manualCpa","enhancedCPC","maximizeClicks","maximizeConversions","targetCpa","targetRoas","maxConversionValue","targetImpressionShare","portfolioBidStrategy","costPerSale","percentCpc","commission","biddingStrategyTypeId","InheritFromParent","ManualCpc","MaxClicks","MaxConversions","TargetCpa","EnhancedCpc","TargetRoas","MaxConversionValue","TargetImpressionShare","ManualCpv","ManualCpm","PercentCpc","Commission","CostPerSale","ManualCpa","searchCampaignBiddingStrategyTypeOptionText","PortfolioBidStrategy","getBidStrategyTitleDetails","bidType","CampaignTypeMapping","CampaignTypes","Default","DynamicSearchAds","Audience","Smart","Hotel","PerformanceMax","App","LinkedIn","CampaignSubTypes","AudienceStatic","AudienceFeedBased","AudienceDynamicFeedBased","AudienceVideoAds","BrandAwarenessVideoAds","DisplayAds","ShoppingCoOperative","ShoppingSponsoredProductAd","ShoppingSmartAds","CampaignSubTypeMapping","CampaignSubTypeTextMapping","isXandrCampaign","campaignSubType","isAudienceNativeAdsCampaign","isXandrDisplayAdsCampaign","isXandrVideoAdsCampaign","isSearchShoppingCampaign","isSearchCampaign","isShoppingCampaign","isAudienceCampaign","isLinkedInCampaign","isAppCampaign","isAudienceCTVCampaign","CampaignSubType","BiddingScheme","Type","isAudienceDealCampaign","IsDealCampaign","isAudienceShoppingCampaign","ProductGroupSubTypeEnum","campaignShouldServeOnMSAN","campaignSettings","deliverySetting","ShouldServeOnMSAN","isXandrServing","isMSANServingDNV","Entity","Label","mediumEnum","Mixed","Content","syndEnum","BingYahooAndSearchPartners","BingYahooOnly","SearchPartnersOnly","InHousePromotion","ScopeLevel","DelayedContentFooter","withPageReadyAsync","default","ContentFooter","withFooter","Component","linksGlobal","locSettingsGlobal","useFooterConfig","feedbackEnabled","isReadOnlyUser","links","setLinks","locSettings","setLocSettings","supportUrlConfigKey","serviceLevel","CurrentUser","CurrentCustomer","IsInternal","ServiceLevel","getSupportUrlConfigKey","window","globalLegacyI18n","loadFooterSettingsI18n","footerSettings","locSettingsData","linkArr","lcid","_ref2$locSettings","LocaleID","imprintUrl","legalText","TermsConditionsUrl","legalurl","privacyurl","advertiseurl","developersurl","adcenterCommunityurl","hasFeedbackPanel","forumurl","consumerhealthprivacyurl","getLinks","texts","help","copyright","year","getFullYear","currentAdGroup","ProductFeedback","IsReadOnlyUser","Omniture","PageTrackingId","IsProdEnv","feedbackScenario","feedbackActivity","feedbackProps","isTestEnv","feedbackLogger","log","info","email","Email","pageId","sessionId","SessionId","appData","_useFooterConfig","AppContentFooter","withPermissions","ContextualMenuIconButton","renderMenu","ContextualMenu","contextualMenuProps","iconButtonContainer","menuProps","uniqueId","shouldFocusOnMount","directionalHint","DirectionalHint","bottomLeftEdge","buttonRef","FabricIconButton","menuAs","onRenderMenuIcon","StyledContextualMenuIconButton","contextualMenuIconButtonContainer","neutralQuaternary","CustomColumnFormInputUnStyled","inputLabelId","isTextArea","helpLabel","helpTopic","inputClassName","maxLength","inputValue","onInputChange","capitalName","capitalize","TextInput","TextArea","Input","FormGroup","formGroup","onChange","validationProps","field","CustomColumnFormInput","validFormats","FormPanel","onValueChange","event","onFormValueChange","saveColumn","isFormValid","customColumnService","isEdit","resolvePanel","formValueName","formValueDescription","expressionString","formValueColumnFormat","entitySchemaName","afterSave","onSave","expression","formData","description","format","customColumnGridKeyFromId","canEdit","canDelete","isValid","isValidForFeature","schemaName","Code","Property","setClarityTag","customColumnPanel","validationSchema","customColumnFormSchema","customColumnFormErrorMessages","customColumnFormIsDirty","formantLabelId","Panel","isOpen","headerText","PanelType","customWidth","onRenderFooterContent","Button","saveButton","onOuterClick","isFooterAtBottom","ValidationGroup","schema","onFormValidate","inputControls","isFormDirty","formErrorMessages","texAreaInput","CustomColumnExpressionEditor","zIndexStart","metricCategories","segmentCategories","providesProps","selectorFormGroup","SelectLite","uiDebuggerEnabled","debugInfo","sharedDefaults","providesDefaults","CustomColumnFormPanel","WithExpressionEditorControls","martinTop","AudienceType","RemarketingList","mtEnum","i18nKey","descI18nKey","Custom","Product","RemarketingSimilar","CustomerList","ImpressionBasedList","AudienceSetOperator","And","Or","Not","NewMaxAudienceSetsExceedingError","NewMaxAudiencesExceedingError","NewSimilarAudienceOperatorError","NewSimilarAudienceSetError","NewEmptyAudienceSetError","NewOnlyNotAudienceSetError","NewNoAudienceSetError","NewEnhancedCustomerListError","newI18n","CombinedListStyle","combinedListPanels","newAudienceSets","audienceSetPanel","audienceSetPanelHeader","audienceSetPanelHeaderTitle","audienceSetPanelHeaderLinks","audienceSetPanelBodyItems","audienceSetEditPanel","WebkitUserSelect","audienceSetEditPanelSeparationLine","audienceSetEditPanelButtons","audienceSetEditPanelError","audienceSetEditPanelOperatorSelector","audienceSetError","audienceSetListItem","DoubleListBoxViewThemed","DoubleListBoxView","getDoubleListBoxStyles","AudienceSetDetail","operator","audienceSet","audiences","onOperatorChange","newOperator","onDoubleListBoxChange","isAdding","categoryIndex","audienceName","newSelectedAudiences","performActionToAudienceSelection","onSaveAudienceSet","audienceNames","prevSelection","audiencesToChange","audienceDao","getAudienceByName","prevSelectedAudience","mergeDataToDoubleListBoxFormat","selectedAudiences","selectedAudiencesByTypeValue","audience","disabledAudienceTypes","getDisabledAudienceTypes","unavailable","notShowInSource","NotAvailable","x","showUnavailableItem","dataForDoubleListBox","audienceType","allAudiencesOfThisType","getAudiencesByType","selectedAudiencesOfThisType","disabledAudiencesOfThisType","getDisabledAudiences","isDisabled","discardChange","renderAudienceSetEditor","doubleListBoxData","editingError","errorMessage","Dropdown","Toggle","Menu","MenuItem","Row","renderAudienceSetDisplayer","displayError","onEdit","Col","sm","toString","isEditing","validateAudienceSet","AudienceDao","loadAudiencesAsync","refresh","loadAudiencesData","audienceTypes","audienceTypeByMTEnum","audienceWithInternalType","internalAudienceType","audiencesById","audiencesByName","audiencesByTypeValue","getAllAudiences","getAudienceById","audienceId","getAudiencesByTypeValue","typeValue","CombinedListDetail","onEditAudienceSet","audienceSets","idx","logMessage","onSaveExistingAudienceSet","updatedAudienceSet","otherAudienceSets","fullValidateAudienceSet","updatedAudienceSets","audienceSummary","summarizeAudienceSets","onCancelExistingAudienceSet","onRemoveAudienceSet","newCombinedList","onAddNewAudienceSet","newAudienceSet","isAddingNewAudienceSet","onSaveNewAudienceSet","onCancelNewAudienceSet","convertCombinedListToMTFormat","Operator","AudienceIds","convertCombinedListToUIFormat","mtCombinedList","mtAudienceSet","mapMTResponseErrorcode","mtErrorCode","NewCustomerListCombinationError","NewInternalError","NewAudienceIdInvalidError","statAudiences","similarAudienceSize","customerListAudienceSize","customerAudienceSize","remarketAudienceSize","productAudienceSize","ordinaryAudienceSize","simpleValidateAudienceSet","_this$statAudiences","audienceSetToUpdate","restAudienceSets","_this$statAudiences2","simpleCheckError","othersSimilarAudienceSize","othersCustomerListAudienceSize","othersCustomerAudienceSize","_this$statAudiences3","similarSize","customerSize","customerListSize","conflictAudiences","isAudienceInConflictSet","NewAudienceInConfictSetError","setOperator","oppositeSetOperator","oppositeAudienceSets","set","oppositeAudiences","total","beforeSavingValidation","audienceSetWithNotOperatorSize","audienceSetWithOtherOperatorSize","deltaCalculateDisabledAudienceTypes","_this$statAudiences4","deltaCalculateDisabledAudiences","requiredOperator","flatten","uniq","serialize","mtFormatAudienceSets","loadAudiencePromise","uiFormatAudienceSets","validateCombinedList","backFillMTResponse","errorCode","renderExistingAudienceSetDetail","externalError","renderNewAudienceSetDetail","renderFaker","UiBlocker","blocking","isLoadingAudience","loadingText","isEditMode","testRef","activate","componentStack","enableNewAudienceSet","fillerBetweenAudienceSets","isFillerNeeded","Math","self","Function","ns","globalThis","createGenerateId","ruleCounter","rule","sheet","console","warn","jssId","prefix","classNamePrefix","String","minify","moduleId","useCustomSegmentStyle","makeStyles","createPanel","shorthands","gap","tokens","spacingVerticalXS","spacingVerticalS","borderRadiusMedium","spacingVerticalSNudge","fontWeightSemibold","colorNeutralBackground3","colorStatusDangerForeground3","spacingVerticalXL","customSegmentsPanel","colorNeutralBackground3Hover","tooltip","fontSizeBase300","lineHeightBase300","fontSizeBase200","lineHeightBase200","spacingVerticalXXS","fontSizeBase100","lineHeightBase100","fontWeightRegular","headerContainer","spacingHorizontalXXL","fontSizeBase500","lineHeightBase500","spacingVerticalNone","formatCustomSegment","customSegments","SaveStatusMessage","saveFeedback","clip","CreateEditView","editingSegment","setEditingSegment","setSegmentErrors","segmentErrors","segmentNameRef","segmentKeywordRef","CustomSegmentCatalogList","keywords","setKeywords","keywordValue","setKeywordValue","segmentName","setSegmentName","_useState7","_useState8","keywordInputError","setKeywordInputError","keywordSet","Set","CatalogName","nameInputError","catalogInputError","weight","required","htmlFor","e","newValue","prevErrors","placeholder","preventDefault","has","onRenderLabel","DismissRegular","iconPosition","useSegmentData","_useState9","_useState10","isLoading","setIsLoading","_useState11","_useState12","segments","setSegments","_useState13","_useState14","setError","_useState15","_useState16","refreshCount","setRefreshCount","refreshData","prev","CustomSegments","res","segError","SegmentSidePanel","setIsOpen","segmentData","onSaveCallBack","_useState17","_useState18","_useState19","_useState20","_useState21","_useState22","setSaveFeedback","edmAccount","formatErrors","updatedErrors","formatEditing","IsAccountLevel","post","FluentProvider","webLightTheme","largeFixed","CustomSegmentSidePanel","updateValidation","scopeFromContext","ScopeContext","completeScope","_useState31","_useState32","isSidePanelOpen","setIsSidePanelOpen","ValidatedCustomSegmentsPicker","withCustomValidation","existingSegments","_useState23","segment","Criterion","AudienceId","_useState24","setSelectedItem","_useState25","_useState26","formattedSegmentsMap","onCusomSegmentChange","customSegmentsList","seg","AudienceName","onRenderTooltip","Divider","catalog","Badge","shape","onRenderOptionItem","Tooltip","withArrow","positioning","relationship","_useState27","_useState28","matchingOptions","setMatchingOptions","_useState29","_useState30","customSearch","setCustomSearch","trim","matches","onOptionSelect","_event","optionValue","optionText","selectedOptions","isUndefined","itemId","currentSegment","Combobox","multiselect","freeform","Option","PersonAddRegular","ValidatedCustomSegmentSidePanel","SegmentsSidePanelBackboneWrapper","appendChild","CustomerListAudiencePanelView","detailPanelTitle","editAudienceStatement","fileLoadingStatement","fileUploadInstruction","fileUploadNotice","actionSelectorError","fileError","consentOath","consentStatement","consentError","resultTableHeaderUpdate","resultTableHeaderError","applyChangesButton","downloadResultButton","cancelButton","doneButton","resultTablePreviewTitle","resultTableSuccessTitle","resultPanelSuccessDescriptionTitle","resultPanelSuccessDescriptionLine1","resultPanelSuccessDescriptionLine2","resultPanelSuccessDescriptionLine3","resultPanelSuccessDescriptionLine4","itemTemplate","itemCustomerMatchPolicies","invalidFileErrorMessage","maxRowsExceedErrorMessage","noHeaderErrorMessage","actionOptions","noop","enum","descriptionStringKey","delete","hashOptions","plainText","isHashed","titleStringKey","hashed","panelStateOptions","idle","validateFile","isProgressBarVisible","previewResult","isResultTableVisible","isApplyChangesButtonVisible","isDownloadResultButtonVisible","isCancelButtonVisible","uploadFile","isDoneButtonVisible","isUserErrorVisible","progressStateOptions","percentage","statementStringKey","validateRows","generateResultFile","generateUploadFile","createAudience","finished","uploadFileType","fileTemplateLink","fileHashedTemplateLink","customerMatchTermsLink","microsoftAdvertisingAgreementLink","microsoftAdvertisingPolicyLink","learnMoreLinkIds","customerMatchAudience","customerList","ActionOptionGroupStyle","ActionSelector","isActionRequired","actionSelection","onActionRequirementChanged","newActionRequirementValue","onActionSelectionChanged","actionOption","actionSelectionGroup","RadioGroup","Checkbox","inline","K","Int32Array","H","paddingStrings","fillZeroToBuffer","buffer","DataAdaptor","source","sharedByteCache","sourceLength","charCodeIndex","byteCache","cacheSize","sumBytes","willAddExtraChunk","willAppendLeadingOne","hasDone","chunk","safeWriteTail","char","char2","idx2","temp","ringCache","charCodeAt","OptimizedSHA256","dataAdaptor","sharedMemory","ArrayBuffer","Uint8Array","sharedH","h","w","t","x0","x1","mask","ra","rb","rc","rd","re","rf","rg","rh","hashResult","digstr","min","str","clearSharedStates","rebind","getNextChunk","hashChunk","hexDigest","InvalidFileError","MaxRowsExceedError","NoHeaderError","CRMIdNotAllowedError","MSIDNotAllowedError","UnsupportedHeaderError","ColumnHeaderMissingError","InvalidEmailError","InvalidCRMIdError","InvalidMSIDError","EmailAddressFormatRegex","normalizeData","defaultCustomerListFileConfig","isCRMIdAllowed","isMSIDAllowed","isFileHashed","delimiter","comments","skipEmptyLines","SHA256","parserConfigKeys","headerOptions","isPII","validator","match","CRM_Id","MSID","test","missingHeaderOption","unsupportedHeaderOption","CustomerListFile","domFileObject","parseHeaders","headerRow","dataRows","maxColumns","parsedHeaders","normalizedHeader","headerOption","headerMapping","parseDataRows","parseRows","rowsErrors","parseRow","row","normalizedValue","fieldError","generateValidationResult","headerWithErrorColumn","fill","dataRowsWithError","rowErrors","resultRow","mergeRowErrors","errorRowsNum","validationResultFile","generateCsv","validationResultMeta","goodRowsNum","y","generateUploadFileAsync","validRows","rowData","rowIndex","errorsColumnIndexes","hasValidField","colIndex","perfMarkerCombineHash","createChild","willInit","pacthedrValidRows","originArr","len","chunkArr","floor","chunkArray","withUiBlockerForHash","processedPacthPromiseArr","processedRows","wrapStringAsFile","rows","csvData","Papa","getValidationResultFile","getValidationResultMeta","getUploadFile","file","parserResult","allCsvRows","uploadFileContent","parserConfig","reject","complete","parserErrors","_allCsvRows","_toArray","processData","headerIndex","fieldValue","normalizedFieldValue","hashString","Blob","panelTitleLabelStyle","detailPanelStyle","AudienceDetailPanel","showActionError","consentStatus","showConsentError","onHashSelectionChanged","hashSelection","onFileChangedAsync","fileObject","isFileValid","fileConfig","IsCRMIdForCustomerListAudienceAllowed","IsAmplifyEnabled","BoostConversionBasedSegment","customerListFile","parseFileToObjectAsync","parseMetadata","onConsentStatusChanged","validate","hasFileError","hasActionError","hasConsentError","showFileError","that","actionSelector","uploadSelector","UploadSelector","templatePath","consentLine","ReactTemplate","model","termsLink","href","rel","agreementLink","policyLink","template","filePathIndicatorStyle","filePickerWrapperContainerStyle","CustomerListFilePicker","filePath","onFileChanged","newFilePath","extractFilename","onFileCleared","onFileValidated","filePicker","newFileError","onFileWithInvalidExtension","invalidFileExtensionError","filepath","filename","substr","lastIndexOf","filePickerOptions","allowedFileExtensions","validateFileExtensionsFailedMessage","isNative","displayFilePath","BackboneFilePicker","viewModel","validationDidFail","hide","css","StyleForUploadSelector","hashOption","renderUploadSelectorItem","templateLink","renderTemplateLink","showHashedLink","AudienceI18n","PageContext","UploadService","renderDetailPanel","Permissions","culture","Culture","TemplatesPathUrl","detailPanel","detailPanelAttachPoint","removeDetailPanel","renderResultPanel","ResultPanel","panelState","progressState","onApplyChangeButtonClicked","onApplyChange","onDownloadResultButtonClicked","onDownloadValidationResult","onCancelButtonClicked","redirectToSharedLibrary","onDoneButtonClicked","resultPanel","resultPanelAttachPoint","removeResultPanel","setIsUploadNeeded","selection","onFinishAudienceDetail","processValidation","generateCustomerListAudienceModel","actionType","fileIdentifier","CustomerListActionType","CustomerListFileIdentifier","setParentDetailPanelVisible","setParentResultPanelVisible","setPanelState","setProgressState","setResultTableData","downloadify","processSavingAudience","blobName","setPanelStepChangeEnabled","fileToUpload","bulkFileType","blobUrl","customerListAudienceModel","saveCustomerListAudienceAsync","_ref$isEditMode","_ref$isPopup","isPopup","_ref$detailPanelAttac","_ref$resultPanelAttac","_ref$setPanelStepChan","_ref$perfMarker","fileUpdateRowsCount","fileErrorRowsCount","updateCount","errorCount","renderProgressBar","renderResultTableTitle","panelStateOption","renderResultTable","cellPadding","renderUserErrorSubpanel","renderSuccessStatement","renderPanelButtons","applyButtonClass","DRAFT_ACCOUNT_STATUS","ACCOUNT_TYPES","expert","smart","unified","mca","subscriptionAds","ACCOUNT_MODES","trimCampaignUrl","ServicesEndpoints","suffix","CampaignUIAPI","DraftAccountPage","redirect","AccountNumber","AccountId","AccountMode","AccountStatus","CustomerId","UserId","bypass","setBypass","shouldBypass","location","getShouldBypass","isInternal","IsInternalUser","getIsInternal","accountType","McaScope","UnifiedProductSubscription","getAccountType","isDraft","getIsDraft","supportUrl","signupUrl","uid","getSignupUrl","GlobalErrorView","RawElementSelector","updateAvailability","isAvailable","prevState","elementAvailableStatuses","onSelectionChange","fallbackElementIndex","computedVisibleElementIndex","hasAvailableElement","isElementAvailable","child","visible","isVisible","ElementSelector","EntityItem","renderContent","tooltipPlacement","EntityContentWithOverflow","withOverflowProp","isTextOverflow","OverlayTrigger","overlay","renderEntityItem","entityItem","StyledEntityItem","FormErrorBeaconAdapter","formErrorPropsFromProps","formErrorProps","attentionBeaconAdapterPropsFromProps","attentionBeaconAdapterProps","restProps","_objectWithoutProperties","_excluded","onUnhandledErrorsChangedFromProps","onUnhandledErrorsChange","onUnmappedErrorsChangeFromProps","onUnmappedErrorsChange","needsAttentionForUnhandled","setNeedsAttentionForUnhandled","unhandledErrors","needsAttentionForUnmapped","setNeedsAttentionForUnmapped","unmappedErrors","needsAttentionLocal","useNeedsAttentionForAdapter","isAttentionBeaconAdapter","hoistNonReactStatics","displayName","getDisplayName","ValidationBeaconAdapter","validationPropsFromProps","setNeedsAttentionLocal","onValidateFromProps","restValidationProps","_excluded2","isDirty","messages","validationState","setValidationState","arg0","setNeedsAttentionLocalWithDebounce","debounce","hasPassiveMessages","passiveMessages","hasErrorMessages","errorFilter","alwaysShowError","withAttentionBeaconActuation","WrappedComponentWithActivation","withAttentionBeaconPropsInjection","_ref2$attentionBeacon","attentionBeaconProps","attentionBeaconPropsFromProps","getExtraPropsFromProps","getExtraProps","needsAttention","localExtraProps","_callTimeProps$actuat","actuationProps","actuationPropsFromCallTimeProps","needsActivation","getExtraPropsLocal","externalExtraProps","resolveFormErrorStaticConfig","FormErrorAdapterOrOptions","Adapter","withControlErrors","Control","ValidationAdapter","formErrorOptions","withFormError","withError","withValidation","withUnvalidatedControlErrors","withContainerErrors","Container","withControlErrorHandling","Actuators","FocusableActuator","Adapters","Consumers","compose","withAlwaysShowError","withAttentionBeacon","withActuation","withContainerRenderingErrorHandling","withAttentionBeaconRender","withAttentionBeaconGroupProxy","withFormErrorGroup","withContainerPropInjectingErrorHandling","UnthemedFallbackPage","fallbackTitle","matchedRoute","page","exact","extractPattern","RegExp","currentLocation","matchPath","path","isRouteMatch","FallbackContentTitle","bodyContainer","FallbackContentBody","FallbackPage","withFallbackPage","_isSelectedPageAvaila","selectedNode","findSelectedNode","needPlaceholder","available","isSelectedPageAvailable","ProgressiveLoadingBlock","FeedSelectorView","_Component","AttributeNames","Description","attributeDescription","processAttributeNames","attributeDescriptionPre","feeds","FeedAttributeSelectorView","attributeNames","PopupController","PopupJsClick","element","DefaultTextEditorView","onSaveOrOnCancel","isCancel","onCancelClicked","onSaveClicked","enableCancel","getErrorMessage","defaultText","prevPropsDefaultText","inputId","FeedSyntaxView","selectedFeed","selectedAttribute","renderPart","isBold","conditionTypeLabel","FeedAndAttributeSelectorView","onFeedSelected","_index","noNextLevel","onUserSelectionUpdated","selectedFeedName","selectedAttributeName","onDefaultTextInputDone","onUserActionCompleted","onFeedAttributeSelected","canIgnoreDefaultText","showSyntax","selectorView","renderSelectorView","syntaxView","number","gridRowStart","flexibleGridRows","isGlobal","containerName","gridRowEnd","flexibleGridRowSpan","m","o","FluctuationGranularity","FluctuationType","FluctuationTypeKey","invert","mapObject","Pagination","currentPage","totalPages","onClickHandler","totalPageSize","paginations","carousel","onKeyPress","urlMap","AdGroupTab","urlVNext","isOriginRequired","Opportunity","CompetitionOpportunity","FixConversionGoalSettingsOpportunity","WebsiteReport","AdGroupSettingsTab","CampaignSettingsTab","KeywordTab","CampaignTab","AdGroupAcctLevelTab","AdGroupCampaignLevelTab","KeywordCampaignLevelTab","KeywordAcctLevelTab","AdTab","AdCampaignLevelTab","AdAcctLevelTab","ChangeHistory","AuctionInsight","SearchTerm","InvoiceAccountPausedActionURLId","InvoiceAccountOnHoldActionURLId","PrepayAccountPausedActionURLId","ThresholdAccountOnHoldActionURLId","learnmoreLink","FixConversionGoalSettingLearnMore","CreatedNewConversionGoalLearnMore","InvoiceAccountPausedActionHelperId","InvoiceAccountOnHoldActionHelperId","PrepayAccountPausedActionHelperId","ThresholdAccountOnHoldActionHelperId","FluctuationUrlService","urlId","u","_urlMap$urlId","urlWithSlash","startsWith","origin","getUrl","FluctuationLogService","fromScenario","fluctuation","fluxDate","eventType","userId","note","logObject","fluxId","UniqueId","fluxContent","actions","Actions","rootCauses","RootCauses","MessageId","fluxKpi","customerId","accountId","DetailContainer","detail","urlService","deps","azure","context","UrlId","Values","replaceCurly","details","detailsDom","linkUrl","onClickObj","localizedDisplayName","DisplayName","onLinkClicked","expandedEntityName","ActionContainer","resetDetails","entityDetails","onDetailContainerShow","replaceAll","replacement","generateHtmlUrl","param","isHtml","completeUrl","userActionActivity","EntityScope","generateHtmlString","msgStr","substitutes","Parameters","flatMap","arr","fn","mapping","generateCause","cause","messageId","Message","tempMessage","paramArray","nextParam","generateEntityCause","finalStr","pattern","domIndex","par","flattenedFinalStr","part","generateSingleEntity","SubParameters","Count","DisplayNameId","logService","logContext","date","generateDetailContainer","logUserAction","renderActionItem","NestLevel","dangerouslySetInnerHTML","__html","defaultEntityDetails","_ref$expandedEntityNa","_ref$entityDetails","causesList","formattedCause","isArray","formattedDom","c","RootCauseId","actionsList","actionBundle","Messages","causeContainer","actionContainer","ViewAllContainer","allCampaignsUrl","generateDescription","flattenFluctuationsDict","dateFluxMap","flattenedDateFlux","unsortedDateFluxMap","reverse","dateFluxPair","_ref2$FluctuationsPer","FluctuationsPerDate","Fluctuation","FluctuationPopup","getFluctuation","dateFluctuations","getDate","getFluctuationMetric","flucType","getFluctuationMetricUtil","activities","triggerOnOpen","bulbColor","expLogger","flight","onFlucOpen","currentFluctuationType","resetState","showFluctuation","popupOpened","closeFluctuation","selectPage","currentSubPanel","ActionSubPanel","None","fluctuationScenario","fluctuationFeedback","userAction","dismissActivity","fluctuationDismiss","submitLog","_this$props$deps","currentFluctuation","currentDate","fluctuationData","Comment","comment","Feedbacks","FeedbackPanel","feedbacks","DismissFeedbacks","DismissPanel","flucServiceIns","FluctuationService","token","CurrentCampaign","datetime","host","actingFluctuation","postFeedback","onFlucDismiss","isLastFluc","errorResponse","isDateRange","ExpLoggerFactory","createLogger","Token","withoutOpporCheck","fetchData","_this$props3$deps","_this$props3$asyncLoa","asyncLoadFluctuationConfig","fluctuationTypeIds","updateFlucData","updateLoadingStatus","granularity","formatDateString","surfacingChannelId","CurrentTabId","isFluctuationsExperiementEnabled","successResponse","unfilteredDateFlux","filteredDateFlux","dateFlux","dateStr","leftPadding","dt","parse","month","getMonth","day","canViewAllInsights","metrics","triggerButton","isReactNodeTriggerButton","withPopoverAdapter","fluxLength","shouldShowViewAllButton","viewAllContainer","pagination","PopoverAdapter","Popover","CalloutWithAutoPlacement","Wrapper","metricWithInsightAsDefault","line","detailEntityUniqueId","calloutKey","onOpen","customKeepOpen","keepTargetPropagation","Loading","formatDate","skeleton","MetricCounter","DescriptionContainer","InsightAction","showAction","onSubmit","activeSubPanel","onCurrentSubPanelChange","createElementBasedFluctuationPopupFactory","placeholderElement","getFluctuationPopupStyles","metricsObject","Element","fluctuationPopupElement","fluctuationPopupElementWithLock","withLock","clickingPopup","force","srcTarget","StandardControlAdapter","_ref$functionToInject","functionToInject","_ref$functionsToInjec","functionsToInject","finalFunctionsToInject","union","serverErrorAdapterProps","injectedProps","chain","funcName","object","pick","ValidatedControlAdapter","onComponentValidate","newValidationProps","notComp","f","arg","andComp","f1","f2","orComp","anyComp","preds","constant","entityIs","entityType","propertyIs","propertyName","property","codeIs","code","FormErrorContext","FormErrorGroup","_ref$formErrorProps","errorsFromProps","hasErrorsProp","parentContext","isIsolated","setIsIsolated","nodes","setNodes","nodeUnhandledErrors","setNodeUnhandledErrors","addNodeFilter","node","currentNodes","removeNodeFilter","addNodeUnhandledErrors","removeNodeUnhandledErrors","parentAddNodeUnhandledErrors","parentRemoveNodeUnhandledErrors","parentErrors","parentErrorMapper","errorMapper","parentUnmappedErrors","parentAddNodeFilter","parentRemoveNodeFilter","parentShowAllValidationErrors","showAllValidationErrors","nodePredicates","filteredErrors","newContextProps","processErrors","process","lastResortErrorMapper","processErrorMessages","mapper","UnmappedFormErrors","_useContext","filteredUnmappedErrors","filteredUnmappedErrorMessages","ErrorMessages","_ref$filter","staticFilter","staticMapper","_ref$Adapter","_ref$showError","AdaptedWrappedComponent","FormErrorHoC","_formErrorProps$filte","_formErrorProps$mappe","hasChanged","setHasChanged","errorMessages","alwaysShowErrorFromProps","isIE11","navigator","userAgent","appVersion","getHelpContentHref","i18nLocale","localeCode","DefaultGlobalErrorView","shouldShowRefreshLink","errorViewProps","getLocale","Wrapped","ComponentError","_Error","_wrapNativeSuper","getGlobalErrorOptions","componentName","_ref2$errorAction","errorAction","createScenario","scenarioName","createActivity","appReactGlobalError","_ref$componentStack","errorStack","stack","createErrorMessage","hasGlobalError","renderErrorView","withGlobalErrorView","errorOptions","_ref$globalErrorOptio","globalErrorOptions","GlobalErrorBoundary","propTypes","PropTypes","isRequired","withGlobalErrorOptions","withComponentErrorLogging","withChunkErrorActionGlobalErrorView","fallbackParam","currentUrl","URL","searchParams","SupportedWaterfallFilters","WaterfallFilterType","CampaignType","CampaignStatus","AdGroupStatus","DateFilter","GFContextProvider","updateWaterfallFilter","waterfallFilterStorage","updateUrlFilter","waterfallFilters","waterfallFiltersState","urlFiltersState","urlFilterType","urlFilter","entityNameFiltersState","entityNameFilterType","entityNameFilter","GlobalFilterContext","GlobalFilterContextProvider","withWaterfallFilterStorage","DraftAlert","hasDraftStore","isNewUII18n","onLinkClick","_scope$values","linkProps","Alert","dismissible","dropdownTextForCreateNewRadioButton","dropdownTextForDraftRadioButton","mmcSuggestionTextForNewStores","Scenarios","NOT_DETERMINED","NO_MMC_STORES","SINGLE_MMC_STORE_SINGLE_GMC_STORE","SINGLE_MMC_STORE_MULTIPLE_GMC_STORES","MULTIPLE_MMC_STORE_SINGLE_GMC_STORE","MULTIPLE_MMC_STORE_MULTIPLE_GMC_STORES","draftStoreName","draftStoreId","_ref$isNewUII18n","googleApiInitializationFailedErrorText","idpiframeInitializationFailedErrorText","popupBlockedByBrowserErrorText","popupClosedByUserErrorText","cannotRetrieveRefreshTokenErrorText","accessDeniedErrorText","authorizationErrorText","clientIdFetchErrorText","gridGenericErrorText","alertGenericErrorText","googleImportInvalidAuthCodeErrorText","googleImportContentApiInsufficientAuthScopeErrorText","signInErrorCodes","GapiInitFailed","InitFailed","PopupBlockedGSI","PopupClosedGSI","AccessDenied","AuthorizationError","defaultValueForDisplayOnTheUI","PLACEHOLDER_RADIO_BUTTON_KEY","ASSOCIATE_RADIO_BUTTON_KEY","CREATE_NEW_RADIO_BUTTON_KEY","isSelectedMappingANewDraftStore","SelectedMapping","isSelectedMappingANewStoreToBeCreated","isSelectedMappingARealStore","MMCId","isCreatedDraftStore","MMCStore","IsPlaceholder","getCreatedDraftStoreIdForGMCStore","SuggestedMMCStore","MatchingPlaceholderId","doesGMCStoreHaveACreatedDraftStore","isSelectedMappingACreatedDraftStore","MMCStores","checkMappingGridForDraft","mappingGridRows","determineScenario","GMCStores","numGMCStores","keys","numMMCStores","areAllMMCStoresExistingDraftStores","isEmptyString","stringValue","parseGmcStoreName","GMCStore","StoreName","parseGmcDomain","Domain","parseHasAccessToGMCStore","HasAccess","parseOtherMMCStoreOptions","OtherMMCStoreOptions","generateCreateNewStoreRow","GMCMerchantId","GMCStoreName","GMCStoreDomain","generateRealStoreRow","MMCStoreId","generateDraftStoreRow","generateMmcGridRow","MMCStoreName","MMCStoreDomain","comparatorForSortingByInteger","item1","item2","generateMMCGridRows","mmcGridRows","mmcStore","mmcStoreId","formatItem","generateInfoForMMCGrid","hasValidStoreId","StoreId","isRealStoreWithoutPerfectMatch","IsDomainValidated","areThereMultipleDomainMatchingMMCStores","isPerfectMatch","generateMMCGridRowsForMultipleDomainMatchScenario","mmcStoresForMultipleDomainMatchScenario","storeId","otherMMCStoreOption","isDraftStore","isCreateNewStore","isSignedIn","isCellReadOnly","mappingGridRow","isReadOnlyDraftStore","isStoreAPerfectMatch","isSingleMmcStoreScenarioAndNotSignedIn","isSingleMmcStoreScenarioAndSignedInWithNoAccess","scenarioHasMmcStores","getReadOnlyCellTooltipText","generateMappingGridRowFromGetMappingsResponse","_ref16","rowHasDraftStore","GoogleMerchantIdToStoreMap","draftName","generateMappingGridRowsFromGetMappingsResponse","_ref17","isError","GMCEmail","gmcEmailAddress","infoForMMCGrid","determineRadioButtonWhenConstructed","_ref18","choiceGroupOptions","determineSelectedMMCStore","_ref19","selectedRadioButtonKey","selectedRow","selectedMMCStore","getMmcMtEndpoint","endPoint","getErrorLogDetails","fallbackErrorLog","responseText","substring","responseStatus","getClientIdForGMC","requestUrl","requestHeaders","_ref2$logger","smallToken","oAuthToken","devToken","_ref2$storeId","browserUrl","bmcMtEndpoint","AuthenticationToken","DeveloperToken","CustomerAccountId","authorization","unblock","errorLogDetails","mapTestGMCAccountToGMCEmail","testGMCAccount","getMappings","authorizationCode","googleMerchantIds","realGMCEmail","_ref4$logger","IsMerchantCenterImportStepAutoLoginEnabled","GoogleMerchantIdsToMatch","CreatePlaceholderStores","AuthCode","UsingGMCEmailToSync","createGetMappingsRequest","contentType","hasPlaceHolderStores","_ref5$aid","generateSetMappingsRequest","Mappings","GMCId","MMCEnum","CustomerIdAndEmailMap","setMappings","customerIdAndEmailMap","_ref7$logger","gmcSignOutButtonStyles","gmcSignInStatusSectionStyles","mmcGridStyles","detailsListGridErrorText","mappingEditorStyles","mappingEditorCalloutStyles","mappingGridStyles","gmcToMMCMappingGridWithSignInStyles","multipleMatchingStoresDescriptionStyles","readOnlyCellStyles","dropdownStyles","gmcToMMCMappingGridStyles","draftAlertStyles","GranularityPicker","allGranularities","class","DropdownSelector","onChangeHandler","dropdownMenuAriaLabel","shouldFocusFirstFocusableItemOnMount","module","exports","locals","pug_interp","pug_html","locals_for_with","pug","escape","DisplayMode","getDisplayMode","mode"],"sourceRoot":""} 
\r\n