\r\n {isSVGIcon ? (
\r\n \r\n
\r\n \r\n {\r\n isNewFeature ?\r\n {description}
\r\n {i18n.getString(_TL_('New'))}
\r\n : ''\r\n }\r\n {\r\n showFACBadge && FACInfo ?\r\n {i18n.getString(_TL_('{{CouponValue}} off'), { CouponValue: FACInfo.CouponValueWithCurrency })}
\r\n : ''\r\n }\r\n \r\n {this.renderObjectiveItemContent()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nObjectiveItem.propTypes = {\r\n classes: PropTypes.shape(mapObject(\r\n getObjectiveItemStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n id: PropTypes.string.isRequired,\r\n iconName: PropTypes.string.isRequired,\r\n descriptionLine: PropTypes.string.isRequired,\r\n helpId: PropTypes.string,\r\n onClick: PropTypes.func,\r\n isSVGIcon: PropTypes.bool,\r\n 'aria-label': PropTypes.string,\r\n isSelected: PropTypes.bool,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n helpArialLabel: PropTypes.string,\r\n isNewFeature: PropTypes.bool,\r\n showFACBadge: PropTypes.bool,\r\n FACInfo: PropTypes.shape({\r\n CouponValueWithCurrency: PropTypes.string,\r\n }),\r\n ariaItemSize: PropTypes.number.isRequired,\r\n ariaItemIndex: PropTypes.number.isRequired,\r\n};\r\n\r\nObjectiveItem.defaultProps = {\r\n helpId: null,\r\n onClick: null,\r\n isSVGIcon: false,\r\n 'aria-label': '',\r\n isSelected: false,\r\n helpArialLabel: null,\r\n isNewFeature: false,\r\n showFACBadge: false,\r\n FACInfo: null,\r\n};\r\n\r\nconst wrap = compose(\r\n TempComponent => withDefaultStyles(TempComponent, getObjectiveItemStyles),\r\n withI18nConsumer\r\n);\r\n\r\nexport const StyledObjectiveItem = wrap(ObjectiveItem);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { mapObject, constant } from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getActionListStyles } from '../styles';\r\nimport { StyledObjectiveItem } from './objective-item';\r\n\r\nconst ActionList = ({\r\n classes,\r\n title,\r\n actionItems,\r\n}) => {\r\n const ariaLabelId = `campaignCreationActionListTitle-${Math.floor(Math.random() * 10000)}`;\r\n\r\n return (\r\n \r\n {title && (\r\n
\r\n );\r\n};\r\n\r\nActionList.propTypes = {\r\n classes: PropTypes.shape(mapObject(\r\n getActionListStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n title: PropTypes.string,\r\n actionItems: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n iconName: PropTypes.string.isRequired,\r\n descriptionLine: PropTypes.string.isRequired,\r\n helpId: PropTypes.string,\r\n onClick: PropTypes.func,\r\n 'aria-label': PropTypes.string,\r\n isSelected: PropTypes.bool,\r\n })).isRequired,\r\n};\r\n\r\nActionList.defaultProps = {\r\n title: null,\r\n};\r\n\r\nexport const StyledActionList = withDefaultStyles(ActionList, getActionListStyles);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Callout, DirectionalHint } from '@fluentui/react';\r\nimport { mapObject, constant, bind } from 'underscore';\r\nimport { Row } from '@bingads-webui-react/layout';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { LearnMoreLink } from '@bingads-webui-campaign-react/help';\r\nimport { getAdTypeItemStyles } from '../styles';\r\nimport { StyledSelectableItem } from './selectable-item';\r\n\r\nclass AdTypeItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isSmartShoppingWarningVisible: false,\r\n isPerfMaxWarningVisible: false,\r\n };\r\n this.warningMessageTarget = React.createRef();\r\n }\r\n\r\n handleAdTypeClick = () => {\r\n const {\r\n disabled, onSelect, id, itemId, dealDetails,\r\n } = this.props;\r\n\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n if (itemId === 'MediaPackageCampaign') {\r\n onSelect(dealDetails);\r\n\r\n return;\r\n }\r\n onSelect(id);\r\n };\r\n\r\n showWarning(isShowWarning) {\r\n if (isShowWarning && this.props.isSmartShoppingWarningVisible) {\r\n this.setState({\r\n isSmartShoppingWarningVisible: true,\r\n });\r\n }\r\n if (isShowWarning && this.props.isPerfMaxWarningVisible) {\r\n this.setState({\r\n isPerfMaxWarningVisible: true,\r\n });\r\n }\r\n if (!isShowWarning && this.state.isSmartShoppingWarningVisible) {\r\n this.setState({\r\n isSmartShoppingWarningVisible: false,\r\n });\r\n }\r\n if (!isShowWarning && this.state.isPerfMaxWarningVisible) {\r\n this.setState({\r\n isPerfMaxWarningVisible: false,\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n smartShoppingWarningMessage, disabled, classes, title, description, img, id, isSelected, audienceAdsPolicy, period, 'aria-label': ariaLabel, ariaItemSize, ariaItemIndex, i18n, isNewFeature, helpTopicId,\r\n } = this.props;\r\n\r\n return (\r\n \r\n {title}\r\n
\r\n )}\r\n\r\n {actionItems.map((item, index) => (\r\n
\r\n \r\n \r\n {\r\n isNewFeature ?\r\n \r\n {title}\r\n
\r\n {\r\n img &&\r\n \r\n 
\r\n
\r\n }\r\n \r\n \r\n {description}\r\n {\r\n audienceAdsPolicy ?\r\n {audienceAdsPolicy}\r\n : ''\r\n }\r\n {period}\r\n {\r\n helpTopicId ?\r\n
\r\n \r\n {this.state.isSmartShoppingWarningVisible && smartShoppingWarningMessage ? (\r\n \r\n {smartShoppingWarningMessage}\r\n \r\n ) : null}\r\n {this.state.isPerfMaxWarningVisible && smartShoppingWarningMessage ? (\r\n \r\n {smartShoppingWarningMessage}\r\n \r\n ) : null}\r\n
\r\n );\r\n }\r\n}\r\n\r\nAdTypeItem.propTypes = {\r\n isSmartShoppingWarningVisible: PropTypes.bool,\r\n isPerfMaxWarningVisible: PropTypes.bool,\r\n smartShoppingWarningMessage: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.element,\r\n ]),\r\n classes: PropTypes.shape(mapObject(\r\n getAdTypeItemStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n description: PropTypes.string.isRequired,\r\n img: PropTypes.string.isRequired,\r\n helpTopicId: PropTypes.string,\r\n onSelect: PropTypes.func.isRequired,\r\n isSelected: PropTypes.bool.isRequired,\r\n audienceAdsPolicy: PropTypes.string,\r\n period: PropTypes.string,\r\n 'aria-label': PropTypes.string,\r\n ariaItemSize: PropTypes.number.isRequired,\r\n disabled: PropTypes.bool,\r\n ariaItemIndex: PropTypes.number.isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n isNewFeature: PropTypes.bool,\r\n itemId: PropTypes.string,\r\n dealDetails: PropTypes.shape({}),\r\n};\r\n\r\nAdTypeItem.defaultProps = {\r\n isPerfMaxWarningVisible: false,\r\n isSmartShoppingWarningVisible: false,\r\n smartShoppingWarningMessage: '',\r\n audienceAdsPolicy: null,\r\n period: null,\r\n dealDetails: null,\r\n helpTopicId: '',\r\n itemId: '',\r\n disabled: false,\r\n 'aria-label': '',\r\n isNewFeature: false,\r\n};\r\n\r\nexport const StyledAdTypeItem = withDefaultStyles(AdTypeItem, getAdTypeItemStyles);\r\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport classnames from 'classnames';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Dropdown } from '@fluentui/react';\r\nimport { getTargetConstraints } from '@bingads-webui-campaign-react/xandr-video-campaign-shared-components';\r\nimport config from '@bingads-webui-component-legacy/config/index';\r\n\r\nimport { getChooseAdsPanelStyles } from '../styles';\r\n\r\nfunction isTargetHasValue(deal, targetType) {\r\n return getTargetConstraints(deal, targetType).mandatory.length > 0;\r\n}\r\n\r\nexport function DealFilterBar(props) {\r\n const {\r\n i18n, deals, onFilter, locationFilterOptions, isEnabledDealsV2,\r\n } = props;\r\n\r\n const classes = useDefaultStyles(getChooseAdsPanelStyles);\r\n // alphabetical order by location\r\n const locationOptions = _.sortBy(locationFilterOptions, item => item.text);\r\n const [ronFilter, setRonFilter] = useState(false);\r\n const [ageFilter, setAgeFilter] = useState(false);\r\n const [genderFilter, setGenderFilter] = useState(false);\r\n const [genreFilter, setGenreFilter] = useState(false);\r\n\r\n const currentLocation = config.get('CurrentUser').Market;\r\n // For deal V2 SI test, we will remove it when we can fetch US deals from V2 api\r\n const currentLocationInOptions = locationFilterOptions.find(location => location.key === currentLocation);\r\n const usLocationOptions = locationFilterOptions.find(location => location.key === 'US');\r\n const defaultLocationOptions = isEnabledDealsV2 ? _.first(locationFilterOptions) : usLocationOptions;\r\n\r\n const [locationFilter, setLocationFilter] = useState(currentLocationInOptions || defaultLocationOptions);\r\n\r\n function applyFilterToDeal() {\r\n let tmpDeals = deals.slice();\r\n if (ronFilter) {\r\n tmpDeals = tmpDeals.filter(deal =>\r\n _.get(deal, 'Name', '').toLowerCase().includes('top10') ||\r\n (!deal.Genre && !deal.AgeRange && !isTargetHasValue(deal, 'Gender') && !isTargetHasValue(deal, 'Device') && !isTargetHasValue(deal, 'Audience')));\r\n }\r\n\r\n if (ageFilter) {\r\n tmpDeals = tmpDeals.filter(deal => deal.AgeRange);\r\n }\r\n\r\n if (genderFilter) {\r\n tmpDeals = tmpDeals.filter(deal => isTargetHasValue(deal, 'Gender'));\r\n }\r\n\r\n if (genreFilter) {\r\n tmpDeals = tmpDeals.filter(deal => deal.Genre);\r\n }\r\n\r\n if (locationFilter.key !== 'all') {\r\n tmpDeals = tmpDeals.filter((deal) => {\r\n const { mandatory } = getTargetConstraints(deal, 'Location');\r\n return mandatory.includes(String(locationFilter.data.Id));\r\n });\r\n }\r\n\r\n onFilter(tmpDeals);\r\n }\r\n\r\n useEffect(() => {\r\n applyFilterToDeal();\r\n }, [ronFilter, ageFilter, genderFilter, genreFilter, locationFilter]);\r\n\r\n function onLocationChange(ev, item) {\r\n setLocationFilter(item);\r\n }\r\n\r\n function onRonClick() {\r\n setRonFilter(!ronFilter);\r\n\r\n setAgeFilter(false);\r\n setGenderFilter(false);\r\n setGenreFilter(false);\r\n }\r\n\r\n function onAgeClick() {\r\n setAgeFilter(!ageFilter);\r\n\r\n setRonFilter(false);\r\n setGenderFilter(false);\r\n setGenreFilter(false);\r\n\r\n applyFilterToDeal();\r\n }\r\n\r\n function onGenderClick() {\r\n setGenderFilter(!genderFilter);\r\n\r\n setRonFilter(false);\r\n setAgeFilter(false);\r\n setGenreFilter(false);\r\n\r\n applyFilterToDeal();\r\n }\r\n\r\n function onGenreClick() {\r\n setGenreFilter(!genreFilter);\r\n\r\n setRonFilter(false);\r\n setAgeFilter(false);\r\n setGenderFilter(false);\r\n\r\n applyFilterToDeal();\r\n }\r\n\r\n return (\r\n {i18n.getString(_TL_('New'))}
\r\n : ''\r\n }\r\n \r\n \r\n {i18n.getString(_TL_('Age'))}\r\n
\r\n \r\n \r\n {i18n.getString(_TL_('RON and TOP10'))}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nDealFilterBar.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n deals: PropTypes.array.isRequired,\r\n onFilter: PropTypes.func.isRequired,\r\n locationFilterOptions: PropTypes.array.isRequired,\r\n isEnabledDealsV2: PropTypes.bool,\r\n};\r\n\r\nDealFilterBar.defaultProps = {\r\n isEnabledDealsV2: false,\r\n};\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/interactive-supports-focus */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { mapObject, constant, isBoolean, flatten, uniq, each, get } from 'underscore';\r\nimport { MessageBar, Checkbox, Link } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Button } from '@bingads-webui-react/primitive';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { Loading } from '@bingads-webui-campaign-react/loading';\r\nimport { Panel } from '@bingads-webui-campaign-react/panel';\r\nimport { withScope, QueryParam } from '@bingads-webui-react/scope-service';\r\nimport { withPermissions } from '@bingads-webui-react/hoc-with-permissions';\r\nimport { getLocalStorage } from '@bingads-webui/storage';\r\nimport { getRoutePathById, siteMapPropType, withSiteMap } from '@bingads-webui-campaign-react/with-site-map';\r\nimport * as createService from '@bingads-webui-campaign-legacy/campaign-create-advanced/view/service';\r\nimport { bytesForHuman, targetConstraintsToText, getCountriesLocations, getTargetConstraints, getVideoConstraintDuration, MTCurrencyConvertor, isNetflixDeal } from '@bingads-webui-campaign-react/xandr-video-campaign-shared-components';\r\nimport decimal from '@bingads-webui-component-legacy/humanize/decimal';\r\nimport { getChooseAdsPanelStyles } from '../styles';\r\nimport { StyledAdTypeItem } from './ad-type-item';\r\nimport { DealFilterBar } from './deal-filter-bar';\r\nimport {\r\n adTypeConfig,\r\n shoppingCampaignTypeConfig,\r\n perfMaxCampaignTypeConfig,\r\n standardShoppingCampaignTypeConfig,\r\n shoppingCampaignTypes,\r\n xandrVideoCampaignTypeConfig,\r\n adImpressionsCampaignTypeConfig,\r\n getDeals,\r\n getDealsV2,\r\n sponsoredProductCampaignTypeConfig,\r\n} from '../helper';\r\n\r\nconst NFDealAccountPreferenceName = 'WebApp.CampaignUI.AcceptNetflixDealTCs';\r\nlet noSmartShoppingReasonRef = null;\r\n\r\nclass ChooseAdsPanel extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.createService = createService;\r\n\r\n this.localStorage = getLocalStorage();\r\n this.isLocalStorageSupported = this.localStorage.supportsStorage();\r\n if (this.isLocalStorageSupported) {\r\n this.localStorage.invalidate('XandrVideoCampaignType');\r\n }\r\n\r\n this.state = {\r\n selectedAdType: null,\r\n selectedVideoChannelType: null,\r\n selectedAdImpressionsType: null,\r\n selectedCampaignType: null,\r\n selectedSponsoredProductCampaignType: null,\r\n showShoppingCampaignTypeOptions: false,\r\n showPerfMaxCampaignTypeOptions: props.showPerfMaxCampaignTypeOptions,\r\n isPerfMaxCampaignDisabled: false,\r\n netflixDealTCAccepted: this.isAcceptNetflixDealTCs(props),\r\n deals: [],\r\n filteredDeals: [],\r\n isSmartShoppingCampaignDisabled: false,\r\n loading: true,\r\n locationMap: {},\r\n locationFilterOptions: [],\r\n smartShoppingNotSupportedReason: null,\r\n itemId: props.itemId,\r\n };\r\n }\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (nextProps.itemId !== prevState.itemId) {\r\n const { itemId, showPerfMaxCampaignTypeOptions } = nextProps;\r\n const selectedCampaignType = showPerfMaxCampaignTypeOptions ? null : shoppingCampaignTypes.smart;\r\n if (itemId === 'ShoppingCampaign' && nextProps.isSmartShoppingCampaignEnabled) {\r\n return {\r\n loading: true,\r\n selectedCampaignType,\r\n showShoppingCampaignTypeOptions: false,\r\n showPerfMaxCampaignTypeOptions: nextProps.showPerfMaxCampaignTypeOptions,\r\n itemId,\r\n };\r\n } else if (itemId === 'MediaPackageCampaign') {\r\n return {\r\n loading: !prevState.deals || prevState.deals.length === 0,\r\n itemId,\r\n };\r\n }\r\n\r\n return {\r\n selectedAdType: null,\r\n selectedCampaignType,\r\n showShoppingCampaignTypeOptions: false,\r\n showPerfMaxCampaignTypeOptions: nextProps.showPerfMaxCampaignTypeOptions,\r\n loading: nextProps.showPerfMaxCampaignTypeOptions,\r\n itemId,\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.itemId !== this.props.itemId) {\r\n this.fetchIsSmartShoppingCampaignEnabled(this.props);\r\n this.fetchIsPerfMaxCampaignEnabled(this.props);\r\n this.fetchDeals(this.props);\r\n }\r\n }\r\n\r\n get adTypes() {\r\n const { i18n } = this.props;\r\n return adTypeConfig(i18n);\r\n }\r\n\r\n get shopppingCampaignTypes() {\r\n const { i18n, permissions } = this.props;\r\n return shoppingCampaignTypeConfig(i18n, permissions);\r\n }\r\n\r\n get perfMaxCampaignType() {\r\n const { i18n } = this.props;\r\n return perfMaxCampaignTypeConfig(i18n);\r\n }\r\n\r\n get standardCampaignType() {\r\n const { i18n } = this.props;\r\n return adTypeConfig(i18n, true)[0];\r\n }\r\n\r\n get audienceCampaignType() {\r\n const { i18n } = this.props;\r\n return adTypeConfig(i18n, true)[1];\r\n }\r\n\r\n get standardShoppingCampaignType() {\r\n const { i18n } = this.props;\r\n return standardShoppingCampaignTypeConfig(i18n);\r\n }\r\n\r\n get xandrVideoCampaignType() {\r\n const { i18n } = this.props;\r\n return xandrVideoCampaignTypeConfig(i18n);\r\n }\r\n\r\n get adImpressionCampaignType() {\r\n const { i18n } = this.props;\r\n return adImpressionsCampaignTypeConfig(i18n);\r\n }\r\n\r\n getPanelTitle() {\r\n if (this.state.loading) {\r\n return '';\r\n }\r\n const { i18n, itemId } = this.props;\r\n\r\n if (itemId === 'MediaPackageCampaign') {\r\n return i18n.getString(_TL_('Choose your deal'));\r\n }\r\n\r\n const shoppingCampaignSubTypeTitle = i18n.getString(_TL_('Select a campaign type.'));\r\n const campaignTypeTitle = i18n.getString(_TL_('What kind of ads do you want to run for this campaign?'));\r\n return this.state.showShoppingCampaignTypeOptions || this.state.showPerfMaxCampaignTypeOptions ? shoppingCampaignSubTypeTitle : campaignTypeTitle;\r\n }\r\n\r\n getConversionGoalWarningMessage(isPerfMaxCampaign) {\r\n const {\r\n classes, scope, siteMap, i18n,\r\n } = this.props;\r\n\r\n return (\r\n \r\n {\r\n evt.preventDefault();\r\n const pathname = getRoutePathById(siteMap, 'conversion-goals');\r\n\r\n scope.history.push({\r\n pathname,\r\n search: scope.history.location.search,\r\n });\r\n }}\r\n >\r\n {i18n.getString(_TL_('Set up conversion tracking'))}\r\n \r\n
\r\n );\r\n }\r\n\r\n getSmartShoppingWarningMessage() {\r\n const { classes, i18n } = this.props;\r\n switch (this.state.smartShoppingNotSupportedReason) {\r\n case noSmartShoppingReasonRef.NO_AVAILABLE_GOAL:\r\n return this.getConversionGoalWarningMessage();\r\n case noSmartShoppingReasonRef.MORE_THAN_100:\r\n return (\r\n {i18n.getString(_TL_('Missing conversion tracking'))}
\r\n {i18n.getString(_TL_('To run a {{campaignType}}, you need conversion tracking so you can keep track of when your ads lead to sales on your website.'), {\r\n campaignType: isPerfMaxCampaign ? i18n.getString(_TL_('Performance Max campaign')) : i18n.getString(_TL_('Smart Shopping campaign')),\r\n })}\r\n\r\n
\r\n );\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n async fetchDeals(props) {\r\n if (props.permissions.IsDealEnabledForMsAds) {\r\n if (this.state.deals && this.state.deals.length > 0) {\r\n return;\r\n }\r\n const { itemId, scope, serverContext } = props;\r\n const { cid, aid } = scope.values;\r\n const lcid = serverContext ? serverContext.CurrentUser.LocaleID : '1033';\r\n\r\n if (itemId === 'MediaPackageCampaign') {\r\n let deals;\r\n if (props.permissions.IsEnabledDealsV2) {\r\n deals = await getDealsV2(cid, aid).then(response => response.value);\r\n } else {\r\n deals = await getDeals();\r\n }\r\n const locationIds = uniq(flatten(deals.map(deal => getTargetConstraints(deal, 'Location').mandatory)));\r\n\r\n const locationResponse = await getCountriesLocations(locationIds, lcid, cid, aid);\r\n const locationMap = {};\r\n const locationFilterOptions = [];\r\n each(locationResponse, (location) => {\r\n if (!locationMap[location.data.Id]) {\r\n locationFilterOptions.push({ key: location.data.CountryCode, text: location.data.EnglishName, data: location.data });\r\n }\r\n locationMap[location.data.Id] = location.data.EnglishName;\r\n });\r\n\r\n this.setState({\r\n loading: false,\r\n locationMap,\r\n locationFilterOptions,\r\n deals,\r\n filteredDeals: deals,\r\n });\r\n }\r\n }\r\n }\r\n\r\n fetchIsSmartShoppingCampaignEnabled(props) {\r\n const { itemId, showPerfMaxCampaignTypeOptions, isSmartShoppingCampaignEnabled } = props;\r\n if (itemId === 'ShoppingCampaign') {\r\n if (isSmartShoppingCampaignEnabled) {\r\n this.fetchIsSmartShoppingCampaignSupportedWithLegacyCode().then(({ supported, reason }) => {\r\n if (this.props.itemId === itemId) {\r\n const showShoppingCampaignTypeOptions = supported || reason !== noSmartShoppingReasonRef.NO_PILOT;\r\n this.setState({\r\n loading: false,\r\n showShoppingCampaignTypeOptions,\r\n selectedAdType: null,\r\n isSmartShoppingCampaignDisabled: !supported && reason !== noSmartShoppingReasonRef.NO_PILOT,\r\n smartShoppingNotSupportedReason: reason,\r\n });\r\n if (!showPerfMaxCampaignTypeOptions) {\r\n this.setState({\r\n selectedCampaignType: supported ? shoppingCampaignTypes.smart : shoppingCampaignTypes.standard,\r\n });\r\n }\r\n }\r\n });\r\n } else if (this.props.itemId === itemId) {\r\n this.setState({\r\n loading: false,\r\n showShoppingCampaignTypeOptions: true,\r\n isSmartShoppingCampaignDisabled: true,\r\n selectedAdType: null,\r\n });\r\n if (!showPerfMaxCampaignTypeOptions) {\r\n this.setState({\r\n selectedCampaignType: shoppingCampaignTypes.standard,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n fetchIsPerfMaxCampaignEnabled(props) {\r\n const { showPerfMaxCampaignTypeOptions } = props;\r\n\r\n if (showPerfMaxCampaignTypeOptions) {\r\n this.setState({\r\n loading: false,\r\n isPerfMaxCampaignDisabled: false,\r\n });\r\n }\r\n }\r\n\r\n fetchIsSmartShoppingCampaignSupportedWithLegacyCode() {\r\n return new Promise((resolve) => {\r\n const { fetchIsSmartShoppingCampaignSupported, noSmartShoppingReason } = this.createService;\r\n resolve(fetchIsSmartShoppingCampaignSupported());\r\n noSmartShoppingReasonRef = noSmartShoppingReason;\r\n });\r\n }\r\n\r\n handleNextButtonClick = () => {\r\n const {\r\n handleNavigation, permissions, config, preferenceService,\r\n } = this.props;\r\n const {\r\n selectedVideoChannelType,\r\n itemId,\r\n netflixDealTCAccepted,\r\n selectedDeal,\r\n selectedAdImpressionsType,\r\n selectedSponsoredProductCampaignType,\r\n } = this.state;\r\n if (itemId === 'VideoCampaign') {\r\n config.set('XandrVideoCampaignType', selectedVideoChannelType);\r\n\r\n if (this.isLocalStorageSupported) {\r\n this.localStorage.set('XandrVideoCampaignType', selectedVideoChannelType);\r\n }\r\n handleNavigation('VideoCampaign');\r\n } else if (itemId === 'MediaPackageCampaign') {\r\n config.set('VideoMediaDeal', selectedDeal);\r\n\r\n if (netflixDealTCAccepted && this.isNetflixDealSelected()) {\r\n preferenceService.setAtAccountLevel({\r\n Name: NFDealAccountPreferenceName,\r\n Data: true,\r\n Type: 'bool',\r\n Version: 1,\r\n });\r\n }\r\n\r\n if (this.isLocalStorageSupported) {\r\n this.localStorage.set('VideoMediaDeal', selectedDeal);\r\n }\r\n\r\n handleNavigation('VideoCampaign');\r\n } else if (itemId === 'AdImpressions') {\r\n handleNavigation(selectedAdImpressionsType);\r\n } else if (itemId === 'SponsoredShoppingCampaign') {\r\n handleNavigation(selectedSponsoredProductCampaignType);\r\n } else if (this.state.showPerfMaxCampaignTypeOptions) {\r\n if (this.state.showShoppingCampaignTypeOptions && this.state.selectedCampaignType === shoppingCampaignTypes.standard) {\r\n if (permissions.IsAIMCampaignEnabled) {\r\n this.setState({\r\n showPerfMaxCampaignTypeOptions: false,\r\n showShoppingCampaignTypeOptions: false,\r\n });\r\n } else {\r\n handleNavigation('SearchAds');\r\n }\r\n } else {\r\n const { selectedCampaignType } = this.state;\r\n handleNavigation(selectedCampaignType);\r\n }\r\n } else if (!this.state.showShoppingCampaignTypeOptions) {\r\n const { selectedAdType } = this.state;\r\n\r\n handleNavigation(selectedAdType);\r\n } else if (this.state.selectedCampaignType === shoppingCampaignTypes.standard) {\r\n if (permissions.IsAIMCampaignEnabled) {\r\n this.setState({\r\n showShoppingCampaignTypeOptions: false,\r\n });\r\n } else {\r\n handleNavigation('SearchAds');\r\n }\r\n } else {\r\n const { selectedCampaignType } = this.state;\r\n handleNavigation(selectedCampaignType);\r\n }\r\n };\r\n\r\n handleAdTypeSelect = (adTypeId) => {\r\n this.setState({ selectedAdType: adTypeId });\r\n };\r\n\r\n handleCampaignTypeSelect = (id) => {\r\n this.setState({ selectedCampaignType: id });\r\n };\r\n\r\n handleShoppingCampaignTypeSelect = (id) => {\r\n this.setState({ selectedCampaignType: id });\r\n };\r\n\r\n handleXanerVideoCampaignChannelSelect = (id) => {\r\n this.setState({ selectedVideoChannelType: id });\r\n };\r\n\r\n handleSponsoredProductCampaignTypeSelect = (id) => {\r\n this.setState({ selectedSponsoredProductCampaignType: id });\r\n };\r\n\r\n handleDealSelect = (deal) => {\r\n this.setState({ selectedDeal: deal });\r\n };\r\n\r\n handleAdImpressionsCampaignChannelSelect = (id) => {\r\n this.setState({ selectedAdImpressionsType: id });\r\n };\r\n\r\n handleCheckNFDealIterm = async () => {\r\n this.setState({\r\n netflixDealTCAccepted: !this.state.netflixDealTCAccepted,\r\n });\r\n };\r\n\r\n handleDealFilter = (filteredDeals) => {\r\n this.setState({\r\n filteredDeals,\r\n });\r\n };\r\n\r\n isAcceptNetflixDealTCs = (props) => {\r\n const { preferenceService } = props;\r\n return get(preferenceService.findByNameAtAccountLevel(NFDealAccountPreferenceName), 'Data', false);\r\n };\r\n\r\n isNetflixDealSelected = () => this.state.selectedDeal && isNetflixDeal(this.state.selectedDeal);\r\n\r\n isNextButtonDisabled() {\r\n const {\r\n selectedAdType,\r\n selectedCampaignType,\r\n loading,\r\n itemId,\r\n selectedDeal,\r\n netflixDealTCAccepted,\r\n selectedAdImpressionsType,\r\n selectedVideoChannelType,\r\n selectedSponsoredProductCampaignType,\r\n } = this.state;\r\n if (loading) {\r\n return true;\r\n }\r\n\r\n if (this.state.showShoppingCampaignTypeOptions) {\r\n return selectedCampaignType == null;\r\n }\r\n if (this.state.showPerfMaxCampaignTypeOptions) {\r\n return selectedCampaignType == null;\r\n }\r\n if (itemId === 'VideoCampaign') {\r\n return selectedVideoChannelType == null;\r\n }\r\n if (itemId === 'MediaPackageCampaign') {\r\n return selectedDeal == null || (this.isNetflixDealSelected() && !netflixDealTCAccepted);\r\n }\r\n if (itemId === 'AdImpressions') {\r\n return selectedAdImpressionsType == null;\r\n }\r\n if (itemId === 'SponsoredShoppingCampaign') {\r\n return selectedSponsoredProductCampaignType == null;\r\n }\r\n if (!this.state.showShoppingCampaignTypeOptions) {\r\n return selectedAdType == null;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n renderOptions() {\r\n const { i18n, permissions, isSmartShoppingCampaignEnabled } = this.props;\r\n const {\r\n selectedCampaignType,\r\n selectedVideoChannelType,\r\n selectedAdImpressionsType,\r\n selectedSponsoredProductCampaignType,\r\n itemId,\r\n selectedDeal,\r\n filteredDeals,\r\n deals,\r\n isPerfMaxCampaignDisabled,\r\n locationMap,\r\n } = this.state;\r\n let campaignTypeOptions = [];\r\n const { selectedAdType } = this.state;\r\n\r\n if (permissions.IsDomesticSimplifiedChineseEnabled) {\r\n const campaignTypesToShow = [this.standardCampaignType];\r\n if (itemId !== 'ShoppingCampaign') {\r\n campaignTypesToShow.push(this.audienceCampaignType);\r\n }\r\n return campaignTypesToShow.map((campaigntype, index) =>\r\n (\r\n {i18n.getString(_TL_('Campaign limit reached'))}
\r\n {i18n.getString(_TL_('The maximum number of Smart Shopping campaigns allowed per account is 100.'))}\r\n\r\n {!hideDealImpression && item.EstimatedImpressions &&
\r\n ),\r\n };\r\n return (\r\n {i18n.getString(_TL_('Estimated Impressions'))}: {bytesForHuman(item.EstimatedImpressions)}
}\r\n {i18n.getString(_TL_('Deal Id'))}: {item.Id}
\r\n {/* todos: get location by ids */}\r\n {i18n.getString(_TL_('Country'))}: {targetConstraintsToText(item, 'Location', i18n, locationMap)}
\r\n {\r\n item.MinimumBid ?\r\n {i18n.getString(_TL_('Minimum bid'))}: {decimal.fromFloatToString(item.MinimumBid, 2)} {MTCurrencyConvertor[item.Currency] || 'USD'}
:\r\n {i18n.getString(_TL_('Minimum bid'))}: {i18n.getString(_TL_('Unavailable'))}
\r\n }\r\n {i18n.getString(_TL_('Duration'))}: {getVideoConstraintDuration(item, i18n)}
\r\n {i18n.getString(_TL_('Gender targeting'))}: {targetConstraintsToText(item, 'Gender', i18n)}
\r\n {i18n.getString(_TL_('Device targeting'))}: {targetConstraintsToText(item, 'Device', i18n)}
\r\n {i18n.getString(_TL_('Age targeting'))}: {item.AgeRange || targetConstraintsToText(item, 'Age', i18n)}
\r\n {i18n.getString(_TL_('Audience targeting'))}: {targetConstraintsToText(item, 'Audience', i18n)}
\r\n {isDealGenreRestricted && {i18n.getString(_TL_('Genre targeting'))}: {item.Genre ? 'Available' : 'Unavailable'}
}\r\n \r\n \r\n {i18n.getString(_TL_('I have read and agree to the '))}\r\n \r\n {i18n.getString(_TL_('Netflix Inventory Policy'))}\r\n \r\n {i18n.getString(_TL_('.'))}\r\n \r\n }\r\n onChange={this.handleCheckNFDealIterm}\r\n disabled={this.isAcceptNetflixDealTCs(this.props)}\r\n defaultChecked={netflixDealTCAccepted}\r\n />\r\n \r\n {i18n.getString(_TL_('Once you save your campaign, you cannot change your deal. If at some point you want to change your deal, you\\'ll need to create a new campaign.'))}\r\n \r\n \r\n \r\n {\r\n i18n.getString(_TL_('Advertisers in the following verticals are required to submit their licenses and/or proof of creative approval in select markets to serve their ads on Netflix: Alcohol, Financial Services, Insurance, High fat/sugar/salt foods, online sports betting, state-run lotteries, healthcare, pharmaceuticals, and dating. Licenses and proof of creative approval can be submitted in web forms linked through the'))\r\n }\r\n \r\n \r\n {i18n.getString(_TL_('Restricted policy page.'))}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const {\r\n i18n, isOpen, classes, onClose, isMMCSetup, permissions, isSmartShoppingCampaignEnabled\r\n } = this.props;\r\n const { itemId, deals, locationFilterOptions } = this.state;\r\n let optionsLength = 2;\r\n\r\n if (this.state.showPerfMaxCampaignTypeOptions && !(itemId === 'ShoppingCampaign' && !isSmartShoppingCampaignEnabled)) {\r\n optionsLength = 3;\r\n }\r\n\r\n const width = 1191 - ((3 - optionsLength) * 334);\r\n\r\n return (\r\n \r\n {this.state.loading ?
\r\n {\r\n this.state.showShoppingCampaignTypeOptions && this.state.showPerfMaxCampaignTypeOptions && isBoolean(isMMCSetup) && !isMMCSetup &&\r\n \r\n \r\n {i18n.getString(_TL_('Next'))}\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nChooseAdsPanel.propTypes = {\r\n itemId: PropTypes.string.isRequired,\r\n isSmartShoppingCampaignEnabled: PropTypes.bool.isRequired,\r\n classes: PropTypes.shape(mapObject(\r\n getChooseAdsPanelStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n isOpen: PropTypes.bool.isRequired,\r\n onClose: PropTypes.func,\r\n preferenceService: PropTypes.shape({}).isRequired,\r\n deals: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n handleNavigation: PropTypes.func.isRequired,\r\n scope: PropTypes.instanceOf(QueryParam).isRequired,\r\n siteMap: siteMapPropType.isRequired,\r\n permissions: PropTypes.shape({\r\n dynamic: PropTypes.shape({\r\n PMaxLite: PropTypes.bool,\r\n }).isRequired,\r\n IsAIMCampaignEnabled: PropTypes.bool.isRequired,\r\n IsDealFilterEnabled: PropTypes.bool.isRequired,\r\n IsSmartShoppingCampaignEnabled: PropTypes.bool.isRequired,\r\n IsDomesticSimplifiedChineseEnabled: PropTypes.bool,\r\n IsEnabledDealsV2: PropTypes.bool,\r\n }).isRequired,\r\n serverContext: PropTypes.shape({}).isRequired,\r\n showPerfMaxCampaignTypeOptions: PropTypes.bool,\r\n isMMCSetup: PropTypes.bool.isRequired,\r\n};\r\n\r\nChooseAdsPanel.defaultProps = {\r\n onClose: () => { },\r\n showPerfMaxCampaignTypeOptions: false,\r\n};\r\n\r\nexport const StyledChooseAdsPanel = withDefaultStyles(withI18nConsumer(withScope(withSiteMap(withPermissions(ChooseAdsPanel)))), getChooseAdsPanelStyles);\r\n","import React, { Fragment } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _, { compose, mapObject, constant, map, findWhere } from 'underscore';\r\nimport { withScope, QueryParam } from '@bingads-webui-react/scope-service';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withPermissions } from '@bingads-webui-react/hoc-with-permissions';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { getLocalStorage } from '@bingads-webui/storage';\r\nimport { withDFMCache } from '@bingads-webui/dfm-cache';\r\nimport { withPreference } from '@bingads-webui-react/preference-context';\r\nimport { withSiteMap, siteMapPropType } from '@bingads-webui-campaign-react/with-site-map';\r\nimport { perfMarkerPropTypes } from '@bingads-webui/performance-marker';\r\nimport { Stack } from '@fluentui/react';\r\nimport { withCcJsData } from '@bingads-webui-cc-react/js-data-rest';\r\nimport { Constants as CCUIConstants } from '@bingads-webui-clientcenter/entity-utils';\r\nimport { FAC_FEATURE_ID } from '@bingads-webui-campaign/recommendation-core';\r\n\r\nimport { StyledActionList } from '../components/action-list';\r\nimport { getChooseObjectiveStyles } from '../styles';\r\nimport {\r\n objectivesConfig,\r\n toolsConfig,\r\n navigateSelectedTools,\r\n navigateSelectedObjective,\r\n withCreationHeader,\r\n shoppingCampaignTypes,\r\n campaignTypes,\r\n objectivesForPerfMax,\r\n adImpressionsCampaignTypes,\r\n getProductData,\r\n} from '../helper';\r\nimport { StyledChooseAdsPanel } from '../components/choose-ads-panel';\r\n\r\nclass ChooseObjective extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.localStorage = getLocalStorage();\r\n this.isLocalStorageSupported = this.localStorage.supportsStorage();\r\n if (this.isLocalStorageSupported) {\r\n this.localStorage.invalidate('CampaignObjective');\r\n }\r\n\r\n this.state = {\r\n isPanelOpen: false,\r\n selectedItemId: null,\r\n isMMCSetup: null,\r\n couponDetails: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const {\r\n perfMarker,\r\n prefetchChunks,\r\n scope,\r\n ccJsData,\r\n permissions,\r\n i18n,\r\n serverContext,\r\n } = this.props;\r\n if (perfMarker) {\r\n perfMarker.done();\r\n }\r\n if (typeof prefetchChunks === 'function') {\r\n prefetchChunks();\r\n }\r\n const { uid, cid, aid } = scope.values;\r\n const {\r\n CurrentAccount: {\r\n CurrencyCode,\r\n },\r\n } = serverContext;\r\n if (permissions.dynamic.FACForShopping) {\r\n this.getFACData({\r\n ccJsData,\r\n aid,\r\n i18n,\r\n CurrencyCode,\r\n });\r\n }\r\n this.getProductData = _.once(() => {\r\n const getProductDataWithCache = withDFMCache(getProductData, 'getProductScopeDFM', this);\r\n const getProductDataPromise = Promise.resolve(getProductDataWithCache(cid, aid, uid));\r\n getProductDataPromise.then((data) => {\r\n const hasAnyStores = !_.isEmpty(data) && !_.isEmpty(data.ProductCollectionAccounts);\r\n this.setState({\r\n isMMCSetup: hasAnyStores,\r\n });\r\n });\r\n });\r\n this.setSelectedItemFromQueryString();\r\n }\r\n\r\n getFACData = ({\r\n ccJsData, aid, i18n, CurrencyCode,\r\n }) => {\r\n ccJsData.FeatureAdoptionCoupon\r\n .findAll({ aid })\r\n .then((coupons) => {\r\n if (!_.isArray(coupons) || coupons.length === 0) {\r\n return [];\r\n }\r\n return coupons;\r\n })\r\n .catch(() => [])\r\n .then(coupons => _.filter(\r\n coupons,\r\n ({ Status, FeatureId }) => FeatureId === parseInt(FAC_FEATURE_ID.SHOPPING_CAMPAIGN, 10)\r\n && (\r\n Status === CCUIConstants.RecommendationAdoptionStatus.NotInProgess\r\n || Status === CCUIConstants.RecommendationAdoptionStatus.Active\r\n )\r\n ))\r\n .then((coupons) => {\r\n if (coupons.length > 0) {\r\n this.setState({\r\n couponDetails: {\r\n ...coupons[0],\r\n CouponValueWithCurrency: i18n.formatCurrency(coupons[0].CouponValue, CurrencyCode),\r\n },\r\n });\r\n }\r\n });\r\n };\r\n\r\n getDescription = i18n => i18n.getString(_TL_('A successful campaign needs a clear goal, and setting your goal here lets us suggest the most helpful Microsoft Advertising features for your campaign. You\\'ll still have access to all Microsoft Advertising features regardless of the goal you choose.'));\r\n\r\n get showPerfMaxCampaignTypeOptions() {\r\n const { permissions } = this.props;\r\n return permissions.dynamic.PerformanceMaxCampaigns && _.contains(objectivesForPerfMax, this.state.selectedItemId);\r\n }\r\n\r\n setSelectedItemFromQueryString = () => {\r\n const { scope, i18n, permissions } = this.props;\r\n const selectedItemKeyFromSearch = scope.values && scope.values.selectedCampaignObjectiveKey;\r\n const objectiveItems = objectivesConfig({ i18n, permissions }).filter(item => item.isEnabled);\r\n\r\n if (objectiveItems.some(item => item.id === selectedItemKeyFromSearch)) {\r\n this.handleSelectedObjective({ id: selectedItemKeyFromSearch });\r\n }\r\n };\r\n\r\n showPanel = () => {\r\n this.setState({ isPanelOpen: true });\r\n if (this.props.permissions.dynamic.PerformanceMaxCampaigns) {\r\n this.getProductData();\r\n }\r\n };\r\n\r\n closePanel = () => {\r\n this.setState({ isPanelOpen: false, selectedItemId: null });\r\n };\r\n\r\n handleSelectedObjective = ({ id: itemId }) => {\r\n const {\r\n config, permissions, scope, siteMap,\r\n } = this.props;\r\n const isSmartCampaign = itemId === 'SmartCampaign';\r\n const isHotelBooking = itemId === 'HotelBooking';\r\n const isAppInstall = itemId === 'AppInstalls';\r\n const isMSStoreAdsGAWorkflow = itemId === 'MSStoreAds';\r\n\r\n if (isMSStoreAdsGAWorkflow) {\r\n scope.history.push({\r\n pathname: '/campaign/vnext/createcampaign/msstoreads',\r\n search: scope.history.location.search,\r\n });\r\n return;\r\n }\r\n\r\n if (isHotelBooking) {\r\n const IsRenameHotelToLodgingEnabled = this.props.permissions && this.props.permissions.dynamic && this.props.permissions.dynamic.IsRenameHotelToLodgingEnabled;\r\n scope.history.push({\r\n pathname: IsRenameHotelToLodgingEnabled ? '/campaign/vnext/createcampaign/lodging' : '/campaign/vnext/createcampaign/hotel',\r\n search: scope.history.location.search,\r\n });\r\n return;\r\n }\r\n\r\n if (isSmartCampaign) {\r\n const { uid, cid, aid } = scope.values;\r\n window.location.href = `/campaign/smart?cid=${cid}&aid=${aid}&uid=${uid}#/CreateCampaign`;\r\n return;\r\n }\r\n\r\n if (isAppInstall) {\r\n navigateSelectedObjective({\r\n isShopping: false,\r\n isAudience: false,\r\n isSmartShopping: false,\r\n siteMap: [findWhere(siteMap, { id: 'campaign-create' })],\r\n scope,\r\n });\r\n }\r\n\r\n const isShopping = itemId.indexOf('ShoppingCampaign') !== -1;\r\n this.setState({ isPanelOpen: false, selectedItemId: itemId });\r\n config.set('CampaignObjective', itemId);\r\n\r\n if (this.isLocalStorageSupported) {\r\n this.localStorage.set('CampaignObjective', itemId);\r\n }\r\n\r\n if ((permissions.IsVideoAdsForCampaignEnabled && !permissions.dynamic.XandrVideoCampaigns) && itemId === 'VideoCampaign') {\r\n navigateSelectedObjective({\r\n isVideo: true, isAudience: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope, permissions,\r\n });\r\n } else if (permissions.IsManualCpmEnabled && !permissions.dynamic.XandrDisplayAdsCampaigns && itemId === 'AdImpressions') {\r\n // only native ads enabled\r\n navigateSelectedObjective({\r\n isAudience: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope,\r\n });\r\n } else if (!permissions.IsManualCpmEnabled && permissions.dynamic.XandrDisplayAdsCampaigns && itemId === 'AdImpressions') {\r\n // only display ad enabled\r\n navigateSelectedObjective({\r\n isAudience: true, isDisplayAds: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope,\r\n });\r\n } else if (\r\n (permissions.IsAIMCampaignEnabled && itemId !== 'SponsoredShoppingCampaign' &&\r\n !(permissions.IsDomesticSimplifiedChineseEnabled && itemId === 'ShoppingCampaign')) ||\r\n (permissions.IsSmartShoppingCampaignEnabled && !permissions.IsDomesticSimplifiedChineseEnabled && !permissions.dynamic.SSCDeprecation && itemId === 'ShoppingCampaign') ||\r\n (permissions.IsDealEnabledForMsAds && itemId === 'MediaPackageCampaign') ||\r\n (permissions.IsManualCpmEnabled && permissions.dynamic.XandrDisplayAdsCampaigns && itemId === 'AdImpressions') ||\r\n (permissions.dynamic.XandrVideoCampaigns && itemId === 'VideoCampaign') ||\r\n (itemId === 'SponsoredShoppingCampaign')) {\r\n this.showPanel();\r\n } else {\r\n navigateSelectedObjective({\r\n isShopping, isAudience: false, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope,\r\n });\r\n }\r\n };\r\n\r\n handleNavigation = (selectedType) => {\r\n const { scope, siteMap, permissions } = this.props;\r\n if (!selectedType) {\r\n return;\r\n }\r\n\r\n if (this.state.selectedItemId === 'VideoCampaign') {\r\n navigateSelectedObjective({\r\n isVideo: true, isAudience: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope, permissions,\r\n });\r\n return;\r\n }\r\n\r\n if (this.state.selectedItemId === 'MediaPackageCampaign') {\r\n navigateSelectedObjective({\r\n isMediaPackage: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope,\r\n });\r\n return;\r\n }\r\n\r\n if (this.state.selectedItemId === 'AdImpressions') {\r\n if (selectedType === adImpressionsCampaignTypes.displayAds) {\r\n navigateSelectedObjective({\r\n isAudience: true, isDisplayAds: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope,\r\n });\r\n return;\r\n }\r\n\r\n navigateSelectedObjective({\r\n isAudience: true, siteMap: [findWhere(siteMap, { id: 'campaign-create' })], scope,\r\n });\r\n return;\r\n }\r\n\r\n if (this.state.selectedItemId === 'SponsoredShoppingCampaign') {\r\n navigateSelectedObjective({\r\n sponsoredBrandAdType: selectedType,\r\n siteMap: [findWhere(siteMap, { id: 'campaign-create' })],\r\n scope,\r\n });\r\n\r\n return;\r\n }\r\n\r\n navigateSelectedObjective({\r\n isShopping: this.state.selectedItemId.indexOf('ShoppingCampaign') !== -1,\r\n isAudience: selectedType === 'AudienceAds',\r\n isNewAudience: permissions.IsNewStaticAudienceCampaignCreationEnabled,\r\n isNewSearch: permissions.dynamic.SearchCampaignCreationRevamp,\r\n isSmartShopping: selectedType === shoppingCampaignTypes.smart,\r\n isPerfMax: selectedType === campaignTypes.perfMax,\r\n siteMap: [findWhere(siteMap, { id: 'campaign-create' })],\r\n scope,\r\n });\r\n };\r\n\r\n renderActionList = () => {\r\n const { i18n, permissions } = this.props;\r\n const objectives = map(objectivesConfig({ i18n, permissions }), item => ({\r\n onClick: this.handleSelectedObjective,\r\n isSelected: (!!this.state.selectedItemId) && this.state.selectedItemId === item.id,\r\n FACInfo: this.state.couponDetails,\r\n ...item,\r\n }));\r\n const tools = map(toolsConfig({ i18n, permissions }), item => ({\r\n onClick: params => navigateSelectedTools({\r\n ...this.props,\r\n ...params,\r\n }),\r\n isSelected: (!!this.state.selectedItemId) && this.state.selectedItemId === item.id,\r\n ...item,\r\n }));\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nChooseObjective.propTypes = {\r\n classes: PropTypes.shape(mapObject(\r\n getChooseObjectiveStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n preferenceService: PropTypes.shape({}).isRequired,\r\n permissions: PropTypes.shape({\r\n IsAIMCampaignEnabled: PropTypes.bool.isRequired,\r\n IsDynamicSearchAdsV1Enabled: PropTypes.bool.isRequired,\r\n IsAdultAdsEnabled: PropTypes.bool.isRequired,\r\n IsUserAppInstallAdsAllowed: PropTypes.bool.isRequired,\r\n IsEnhancedShoppingCampaignAllowed: PropTypes.bool.isRequired,\r\n IsSmartShoppingCampaignEnabled: PropTypes.bool.isRequired,\r\n IsVideoAdsForCampaignEnabled: PropTypes.bool.isRequired,\r\n IsDealEnabledForMsAds: PropTypes.bool.isRequired,\r\n IsAmplifyEnabled: PropTypes.bool.isRequired,\r\n IsNewStaticAudienceCampaignCreationEnabled: PropTypes.bool.isRequired,\r\n dynamic: PropTypes.shape({\r\n PerformanceMaxCampaigns: PropTypes.bool,\r\n XandrVideoCampaigns: PropTypes.bool,\r\n XandrDisplayAdsCampaigns: PropTypes.bool,\r\n FACForShopping: PropTypes.bool,\r\n DisplayPlusCampaigns: PropTypes.bool,\r\n SSCDeprecation: PropTypes.bool,\r\n SearchCampaignCreationRevamp: PropTypes.bool,\r\n }),\r\n }).isRequired,\r\n // config: e.g. component/config/index file should be inject from the options\r\n // eslint-disable-next-line react/forbid-prop-types\r\n config: PropTypes.object.isRequired,\r\n siteMap: siteMapPropType.isRequired,\r\n scope: PropTypes.instanceOf(QueryParam).isRequired,\r\n perfMarker: perfMarkerPropTypes.isRequired,\r\n prefetchChunks: PropTypes.func.isRequired,\r\n serverContext: PropTypes.shape({\r\n CurrentAccount: PropTypes.shape({\r\n CurrencyCode: PropTypes.string.isRequired,\r\n }).isRequired,\r\n }).isRequired,\r\n ccJsData: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nconst wrap = compose(\r\n TempComponent => withDefaultStyles(TempComponent, getChooseObjectiveStyles),\r\n withScope,\r\n withI18nConsumer,\r\n withPreference,\r\n withPermissions,\r\n withSiteMap,\r\n withCcJsData,\r\n TempComponent => withCreationHeader(TempComponent, undefined, undefined, false)\r\n);\r\n\r\nexport const StyledCampaignChooseObjective = wrap(ChooseObjective);\r\n","/* istanbul ignore file */\r\nimport React from 'react';\r\nimport Promise from 'bluebird';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { ProgressiveLoadingBlock } from '@bingads-webui-campaign-react/shell-ui-common';\r\nimport appConfig from '@bingads-webui-component-legacy/config/index';\r\nimport { StyledCampaignChooseObjective } from './choose-objective';\r\n\r\nconst chooseObjectiveViewPromise = () => Promise.resolve(props => (\r\n
\r\n \r\n
\r\n \r\n \r\n {this.getDescription(i18n)} \r\n \r\n
\r\n {this.renderActionList()}\r\n \r\n Promise.resolve(ShoppingCampaignCreationView)}\r\n InjectViewOption={{\r\n perfMarker,\r\n isMSStoreAdsGAWorkflow,\r\n ccJsData,\r\n scope,\r\n siteMap,\r\n getFACCoupon,\r\n updateCouponStatus,\r\n }}\r\n styleScopeName=\"CampaignCreationSearchShopping\"\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst CampaignCreationSearchShopping = getShoppingCampaignCreationComponent(false);\r\nconst CampaignCreationMSStoreAds = getShoppingCampaignCreationComponent(true);\r\n\r\nconst propTypes = {\r\n serverContext: PropTypes.shape({\r\n CurrentAccount: PropTypes.shape({\r\n CurrencyCode: PropTypes.string.isRequired,\r\n }).isRequired,\r\n }).isRequired,\r\n perfMarker: perfMarkerPropTypes.isRequired,\r\n scope: PropTypes.shape({}).isRequired,\r\n siteMap: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n};\r\n\r\nCampaignCreationSearchShopping.propTypes = propTypes;\r\nCampaignCreationMSStoreAds.propTypes = propTypes;\r\n\r\nexport const StyledCampaignCreationSearchShopping =\r\n withDefaultStyles(withCreationHeader(CampaignCreationSearchShopping), getEntityCreationStyle);\r\nexport const StyledCampaignCreationMSStoreAds =\r\n withDefaultStyles(withCreationHeader(CampaignCreationMSStoreAds), getEntityCreationStyle);\r\n","/* istanbul ignore file */\r\nimport React from 'react';\r\nimport Promise from 'bluebird';\r\nimport PropTypes from 'prop-types';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { perfMarkerPropTypes } from '@bingads-webui/performance-marker';\r\nimport { AudienceCampaignCreationWizard } from '@bingads-webui-campaign-legacy/audience-campaign/loader';\r\nimport decimal from '@bingads-webui-component-legacy/humanize/decimal';\r\nimport PageContext from '@bingads-webui-static-legacy/page-context';\r\nimport { getEntityCreationStyle } from '../styles';\r\nimport { InjectWrapperWithHoC, withCreationHeader } from '../helper';\r\nimport VerticalLayout from '../template/steps-template.pug';\r\nimport HeaderTemplate from '../template/header-template.pug';\r\n\r\nconst $top = 10000;\r\n\r\nfunction CampaignCreationAudienceShopping(props) {\r\n const {\r\n serverContext: {\r\n CurrentAccount: {\r\n CurrencyCode,\r\n },\r\n Permissions: {\r\n IsReadOnlyUser,\r\n IsEnabledForDynamicFeedCampaign,\r\n },\r\n CurrentAccountInActive,\r\n },\r\n perfMarker,\r\n } = props;\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nCampaignCreationAudienceSimplified.propTypes = {\r\n serverContext: PropTypes.shape({\r\n CurrentAccountInActive: PropTypes.bool.isRequired,\r\n Permissions: PropTypes.shape({\r\n IsReadOnlyUser: PropTypes.bool.isRequired,\r\n IsImpressionTrackingUrlsEnabled: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n CurrentAccount: PropTypes.shape({\r\n CurrencyCode: PropTypes.string.isRequired,\r\n }).isRequired,\r\n }).isRequired,\r\n perfMarker: perfMarkerPropTypes.isRequired,\r\n classes: PropTypes.shape({\r\n CampaignCreationAudience: PropTypes.string.isRequired,\r\n }).isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func.isRequired,\r\n }),\r\n};\r\n\r\nCampaignCreationAudienceSimplified.defaultProps = {\r\n i18n: {\r\n getString: text => text,\r\n },\r\n};\r\n\r\nexport const StyledCampaignCreationAudienceSimplified =\r\n withDefaultStyles(withCreationHeader(CampaignCreationAudienceSimplified), getEntityCreationStyle);\r\n","/* istanbul ignore file */\r\nimport React from 'react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { AdTypes } from '@bingads-webui-campaign-react/campaign-onboarding-v2';\r\nimport { ProgressiveLoadingBlock } from '@bingads-webui-campaign-react/shell-ui-common';\r\n\r\nconst getStandardShoppingCampaignWizardAsync = () => import(/* webpackMode: 'eager' */ '@bingads-webui-campaign-react/standard-shopping-wizard')\r\n .then(({ StandardShoppingCampaignWizard }) => StandardShoppingCampaignWizard);\r\n\r\nconst getComponent = getComponentAsync =>\r\n () => getComponentAsync()\r\n .then(component => ({ default: component }));\r\n\r\n\r\nconst StandardShoppingComponent = (props) => {\r\n const Component = React.lazy(getComponent(getStandardShoppingCampaignWizardAsync));\r\n return (\r\n \r\n
);\r\n },\r\n }));\r\n }));\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.instance && this.instance.remove) {\r\n this.instance.remove();\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\nNavigateSection.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n siteMap: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n scope: PropTypes.instanceOf(QueryParam).isRequired,\r\n backRouterId: PropTypes.string,\r\n content: PropTypes.element,\r\n isShowConfirmPopup: PropTypes.bool,\r\n isBorderInsteadOfShadow: PropTypes.bool,\r\n ariaLabelText: PropTypes.string.isRequired,\r\n};\r\n\r\nNavigateSection.defaultProps = {\r\n backRouterId: 'campaigns',\r\n content: undefined,\r\n isShowConfirmPopup: true,\r\n isBorderInsteadOfShadow: false,\r\n};\r\n\r\nexport const StyledNavigateSection = withScope(withSiteMap(withI18nConsumer(NavigateSection)));\r\n","import React from 'react';\r\nimport { map, last, constant, mapObject } from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getNavigateContentStyles } from '../styles';\r\n\r\nfunction NavigateContent(props) {\r\n const { crumbs, classes } = props;\r\n const crumbSpans = map(crumbs, (crumb, index) => {`${crumb} > `});\r\n\r\n if (crumbSpans.length > 0) {\r\n crumbSpans[crumbSpans.length - 1] = ({last(crumbs)});\r\n }\r\n\r\n return (\r\n {props.content ||
\r\n {i18n.getString(_TL_('Campaigns > Create Campaign'))}
}\r\n {crumbSpans}\r\n
);\r\n}\r\n\r\nNavigateContent.propTypes = {\r\n crumbs: PropTypes.arrayOf(PropTypes.string),\r\n classes: PropTypes.shape(mapObject(\r\n getNavigateContentStyles({}, {}),\r\n constant(PropTypes.string.isRequired)\r\n )).isRequired,\r\n};\r\n\r\nNavigateContent.defaultProps = {\r\n crumbs: [],\r\n};\r\n\r\nexport const StyledNavigateContent = withDefaultStyles(NavigateContent, getNavigateContentStyles);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { StyledNavigateSection } from './navigate-section';\r\nimport { StyledNavigateContent } from './navigate-content';\r\n\r\nexport function CreationHeader(props) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nCreationHeader.propTypes = {\r\n style: PropTypes.shape({}),\r\n crumbs: PropTypes.arrayOf(PropTypes.string),\r\n};\r\n\r\nCreationHeader.defaultProps = {\r\n style: {},\r\n crumbs: [],\r\n};\r\n","import _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { withI18nConsumer } from '@bingads-webui-react/i18n-context';\r\nimport { getLocalStorage } from '@bingads-webui/storage';\r\nimport { withSiteMap, siteMapPropType } from '@bingads-webui-campaign-react/with-site-map';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { CreationHeader } from '../components/creation-header';\r\n\r\n\r\nconst styles = () => ({\r\n container: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n },\r\n});\r\n\r\nexport function withCreationHeader(Component, headerCrumbs, backRouterId, isShowConfirmPopup, isBorderInsteadOfShadow) {\r\n const CreationHeaderHoC = (props) => {\r\n const { i18n, siteMap, classes } = props;\r\n const localStorage = getLocalStorage();\r\n let fromPathId = backRouterId;\r\n if (localStorage.supportsStorage()) {\r\n fromPathId = localStorage.get('fromPathId');\r\n }\r\n let crumbs = headerCrumbs;\r\n if (_.isUndefined(crumbs)) {\r\n const fromPage = _.findWhere(siteMap, { id: fromPathId });\r\n let fromPageName = '';\r\n if (fromPage && fromPage.name) {\r\n fromPageName = i18n.getString(_TL_(fromPage.name));\r\n }\r\n crumbs = [\r\n fromPageName || i18n.getString(_TL_('Campaigns')),\r\n i18n.getString(_TL_('Create Campaign'))];\r\n }\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n CreationHeaderHoC.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n siteMap: siteMapPropType.isRequired,\r\n classes: PropTypes.shape({\r\n container: PropTypes.string.isRequired,\r\n }).isRequired,\r\n };\r\n\r\n return withDefaultStyles(withI18nConsumer(withSiteMap(CreationHeaderHoC)), styles);\r\n}\r\n","export const getDelayedCreationStyles = () => (\r\n import(/* webpackMode: 'eager' */'../styles')\r\n .then(({ getEntityCreationStyle }) => ({\r\n getDelayedStyles: getEntityCreationStyle,\r\n }))\r\n);\r\n","import PageContext from '@bingads-webui-static-legacy/page-context';\r\n\r\nexport function getCommonCampaignCreationViewOptions(props) {\r\n const {\r\n serverContext: {\r\n CurrentAccount: {\r\n CurrencyCode,\r\n },\r\n CurrentAccountInActive,\r\n Permissions: {\r\n IsReadOnlyUser,\r\n IsImpressionTrackingUrlsEnabled,\r\n },\r\n },\r\n perfMarker,\r\n i18n,\r\n } = props;\r\n\r\n return {\r\n viewContext: {\r\n accountCurrencyCode: CurrencyCode,\r\n isReadOnlyUser: IsReadOnlyUser,\r\n CurrentAccountInActive,\r\n },\r\n perfMarker,\r\n isForVNext: true,\r\n isImpressionTrackingUrlsEnabled: IsImpressionTrackingUrlsEnabled,\r\n newI18n: i18n,\r\n deps: {\r\n pageContext: PageContext,\r\n },\r\n }\r\n}\r\n","\r\nimport { queryify } from '@bingads-webui/url-util';\r\nimport jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\n\r\nexport const getProductData = (cid, aid, uid) => {\r\n const url = queryify('/Campaign/NewCampaign/GetProductScope', {\r\n aid,\r\n cid,\r\n uid,\r\n });\r\n\r\n const params = {\r\n url,\r\n adapter: 'legacy',\r\n bypassCache: false,\r\n cacheResponse: true,\r\n };\r\n\r\n return jsData.Product.find('MetaData', params);\r\n};\r\n","import jsData from '@bingads-webui-component-legacy/js-data-campaign/index';\r\nimport { edmCampaign } from '@bingads-webui/edm-campaign';\r\n\r\nexport const getDeals = () => jsData.Deal.findAll();\r\n\r\nexport const getDealsV2 = (cid, aid) => edmCampaign\r\n .Customers.$withKey(cid)\r\n .Accounts.$withKey(aid)\r\n .Deals.get({\r\n IsUseV2: true,\r\n }).toPromise();\r\n","const objectiveItemsPropsMapping = (i18n, permissions) => [\r\n {\r\n id: 'WebsiteVisits',\r\n descriptionLine: i18n.getString(_TL_('Visits to my website')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_Clicks',\r\n iconName: 'Click',\r\n 'aria-label': i18n.getString(_TL_('Visits to my website')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Visits to my website')),\r\n isEnabled: true,\r\n },\r\n {\r\n id: 'LocationVisits',\r\n descriptionLine: i18n.getString(_TL_('Visits to my business location(s)')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_Visits',\r\n iconName: 'PedometerSteps',\r\n 'aria-label': i18n.getString(_TL_('Visits to my business location(s)')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Visits to my business location(s)')),\r\n isEnabled: true,\r\n },\r\n {\r\n id: 'WebsiteConversions',\r\n descriptionLine: i18n.getString(_TL_('Conversions in my website')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_Conversions',\r\n iconName: 'WebConversion',\r\n 'aria-label': i18n.getString(_TL_('Conversions in my website')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Conversions in my website')),\r\n isEnabled: true,\r\n },\r\n {\r\n id: 'PhoneCalls',\r\n descriptionLine: i18n.getString(_TL_('Phone calls to my business')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_Calls',\r\n iconName: 'Phone',\r\n 'aria-label': i18n.getString(_TL_('Phone calls to my business')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Phone calls to my business')),\r\n isEnabled: true,\r\n },\r\n {\r\n id: 'AppInstalls',\r\n descriptionLine: i18n.getString(_TL_('App installs')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_Installs',\r\n iconName: 'CellPhone',\r\n 'aria-label': i18n.getString(_TL_('App installs')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about App installs')),\r\n isEnabled: permissions.IsUserAppInstallAdsAllowed && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n {\r\n id: 'SmartCampaign',\r\n descriptionLine: i18n.getString(_TL_('Smart campaign')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_Smart',\r\n iconName: 'Processing',\r\n 'aria-label': i18n.getString(_TL_('Smart campaign')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Smart campaign')),\r\n isEnabled: permissions.IsSmartCampaignPhase2Enabled && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n {\r\n id: 'ShoppingCampaign',\r\n descriptionLine: i18n.getString(_TL_('Sell products from your catalog')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_BSC',\r\n iconName: 'ShoppingCart',\r\n 'aria-label': i18n.getString(_TL_('Sell products from your catalog')),\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Sell products from your catalog')),\r\n isEnabled: permissions.IsEnhancedShoppingCampaignAllowed,\r\n showFACBadge: permissions.dynamic.FACForShopping, // show feature adoption coupon badge: eg. '$25 off'\r\n },\r\n {\r\n id: 'SponsoredShoppingCampaign',\r\n descriptionLine: i18n.getString(_TL_('Boost product sales')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_ProductSales',\r\n iconName: 'RetailFinancials',\r\n isSVGIcon: false,\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Boost product sales')),\r\n 'aria-label': i18n.getString(_TL_('Boost product sales')),\r\n isEnabled: permissions.IsSPAv2Enabled && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n {\r\n id: 'MSStoreAds',\r\n descriptionLine: i18n.getString(_TL_('Promote your apps and games')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_StoreAds',\r\n iconName: 'MicrosoftStore',\r\n isSVGIcon: true,\r\n helpArialLabel: i18n.getString(_TL_('Learn more about Microsoft Store ads')),\r\n 'aria-label': i18n.getString(_TL_('Promote your apps and games')),\r\n isNewFeature: true,\r\n isEnabled: (!permissions.IsDomesticSimplifiedChineseEnabled && permissions.IsEnhancedShoppingCampaignAllowed) || (permissions.IsDomesticSimplifiedChineseEnabled && permissions.dynamic.WindowsStoreAdsCNExpansion),\r\n },\r\n {\r\n id: 'VideoCampaign',\r\n descriptionLine: permissions.dynamic.XandrVideoCampaigns ? i18n.getString(_TL_('Video views')) : i18n.getString(_TL_('Video views')),\r\n helpId: permissions.dynamic.XandrVideoCampaigns ? 'pop_BA_VideoAds_About' : 'pop_BA_CampaignCreate_Goals_VideoViews',\r\n iconName: 'MSNVideos',\r\n helpArialLabel: permissions.dynamic.XandrVideoCampaigns ? i18n.getString(_TL_('Learn more about brand awareness video')) : i18n.getString(_TL_('Learn more about video views')),\r\n 'aria-label': permissions.dynamic.XandrVideoCampaigns ? i18n.getString(_TL_('Video views')) : i18n.getString(_TL_('Video views')),\r\n isNewFeature: true,\r\n isEnabled: (permissions.IsVideoAdsForCampaignEnabled || permissions.dynamic.XandrVideoCampaigns) && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n {\r\n id: 'MediaPackageCampaign',\r\n descriptionLine: i18n.getString(_TL_('Media deals')),\r\n helpId: 'pop_BA_VideoAds_MediaDeals',\r\n iconName: 'MSNVideos',\r\n helpArialLabel: i18n.getString(_TL_('Learn more about media deals')),\r\n 'aria-label': i18n.getString(_TL_('Media deals')),\r\n isNewFeature: true,\r\n isEnabled: permissions.IsDealEnabledForMsAds && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n {\r\n id: 'AdImpressions',\r\n descriptionLine: i18n.getString(_TL_('Ad impressions')),\r\n helpId: 'pop_BA_CampaignCreate_Goals_AdImpressions', // TODO\r\n iconName: 'View',\r\n helpArialLabel: i18n.getString(_TL_('Learn more about ad impressions')),\r\n 'aria-label': i18n.getString(_TL_('Ad impressions')),\r\n isEnabled: (permissions.IsManualCpmEnabled || permissions.dynamic.XandrDisplayAdsCampaigns) && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n {\r\n id: 'HotelBooking',\r\n descriptionLine: permissions.dynamic.IsRenameHotelToLodgingEnabled ? i18n.getString(_TL_('Increase property bookings')) : i18n.getString(_TL_('Increase hotel bookings')),\r\n helpId: permissions.dynamic.IsRenameHotelToLodgingEnabled ? 'pop_BA_CampaignCreate_Goals_LodgingBooking' : 'pop_BA_CampaignCreate_Goals_HotelBooking',\r\n iconName: 'Hotel',\r\n 'aria-label': permissions.dynamic.IsRenameHotelToLodgingEnabled ? i18n.getString(_TL_('Increase property bookings')) : i18n.getString(_TL_('Increase hotel bookings')),\r\n helpArialLabel: permissions.dynamic.IsRenameHotelToLodgingEnabled ? i18n.getString(_TL_('Learn more about increase property bookings')) : i18n.getString(_TL_('Learn more about increase hotel bookings')),\r\n isNewFeature: true,\r\n isEnabled: permissions.dynamic.HotelCampaign && !permissions.IsDomesticSimplifiedChineseEnabled,\r\n },\r\n];\r\n\r\nexport const objectivesConfig = ({ i18n, permissions }) => {\r\n const objectivesItems = objectiveItemsPropsMapping(i18n, permissions);\r\n\r\n return objectivesItems.filter(item => item.isEnabled);\r\n};\r\n\r\nexport const objectivesForPerfMax = [\r\n 'WebsiteVisits',\r\n 'LocationVisits',\r\n 'WebsiteConversions',\r\n 'PhoneCalls',\r\n 'ShoppingCampaign',\r\n];\r\n","import { isFunction, some, isEmpty } from 'underscore';\r\nimport { merge } from '@bingads-webui/primitive-utilities';\r\nimport {\r\n campaignSettingsStyles, adgroupsKeywordsStyles, adExtensionsStyles, budgetBidsStyles, adgroupCreationStyles,\r\n creationCommonStyle,\r\n dsaCampaignStyles,\r\n audienceCampaignSettingsStyles, audienceTargetsSettingsStyles, audienceBudgetBidsStyles, audienceAdsStyles,\r\n audienceAdgroupStyles,\r\n raiseBidPopupStyles,\r\n disclaimerPanelStyles, globalDsaCampaignStyles,\r\n globalAdgroupCreationStyles,\r\n audienceCampaignBmcRedirectStyles\r\n} from '@bingads-webui-campaign-react/campaign-adgroup-settings-shared-styles';\r\nimport {\r\n entitySelectorStyle, uiblockerStyle, toggleButtonStyle, messageBarStyle, searchboxStyle, tableStyle,\r\n helpbuttonStyle, linkStyle, paginationStyle, statusStyle, glyphIconStyle, kendoMultiSelectStyle, commonDoubleListBoxStyle,\r\n advancedSettingsSectionStyle, containerBudgetStyle, locationBidGridStyle, keywordPlannerStyle, locationMapStyle,\r\n sharedBudgetGridWrapper, estimationResultStyle, audienceAssociationSectionStyle, extensionEditorStyles, audienceReachEstimateContainerStyle,\r\n datePickerStyle, audienceModalStyles, audienceCombinedListStyle, keywordToolbarStyle, selectElementStyle, buttonInputStyle, inputFieldStyle, audienceExpressionStyle,\r\n convertToGlobalStyle, legacyUIBlockerStyle\r\n} from '@bingads-webui-campaign-react/common-styles';\r\nimport { adEditorPanelOverrideStyle } from '@bingads-webui-campaign-react/ad-editor-styles';\r\nimport { stepWizardStyle } from './step-wizard';\r\nimport { getCreationContainerContentStyle, CreationContainerContentOverrideStyle } from './creation-content-container-style';\r\n\r\nfunction resolveStyles(theme, ...styles) {\r\n const resolvedStyles = styles.map(s => (isFunction(s) ? s(theme) : s));\r\n\r\n if (some(resolvedStyles, isEmpty)) {\r\n throw new Error('Cannot pass in empty style!');\r\n }\r\n return resolvedStyles;\r\n}\r\n\r\nexport const getAdgroupCreationAudienceStyle = (_, { palette = {} }) => {\r\n const commonStyles = merge(\r\n {},\r\n ...resolveStyles(\r\n { palette },\r\n statusStyle,\r\n paginationStyle,\r\n entitySelectorStyle,\r\n buttonInputStyle,\r\n containerBudgetStyle,\r\n commonDoubleListBoxStyle,\r\n keywordPlannerStyle,\r\n searchboxStyle,\r\n estimationResultStyle,\r\n locationBidGridStyle,\r\n locationMapStyle,\r\n sharedBudgetGridWrapper,\r\n tableStyle,\r\n advancedSettingsSectionStyle,\r\n toggleButtonStyle,\r\n linkStyle,\r\n selectElementStyle\r\n )\r\n );\r\n\r\n const globalStyles = merge(\r\n {},\r\n ...resolveStyles(\r\n { palette },\r\n stepWizardStyle,\r\n uiblockerStyle,\r\n kendoMultiSelectStyle,\r\n audienceModalStyles,\r\n audienceExpressionStyle,\r\n audienceCombinedListStyle,\r\n extensionEditorStyles,\r\n messageBarStyle,\r\n glyphIconStyle,\r\n datePickerStyle,\r\n helpbuttonStyle,\r\n keywordToolbarStyle,\r\n inputFieldStyle,\r\n CreationContainerContentOverrideStyle,\r\n disclaimerPanelStyles,\r\n globalDsaCampaignStyles,\r\n globalAdgroupCreationStyles\r\n ),\r\n convertToGlobalStyle(resolveStyles(\r\n { palette },\r\n adEditorPanelOverrideStyle\r\n ))\r\n );\r\n\r\n\r\n const searchCreationStyles = merge(\r\n {},\r\n ...resolveStyles(\r\n { palette },\r\n audienceTargetsSettingsStyles,\r\n audienceBudgetBidsStyles,\r\n dsaCampaignStyles,\r\n campaignSettingsStyles,\r\n adgroupsKeywordsStyles,\r\n adExtensionsStyles,\r\n budgetBidsStyles,\r\n creationCommonStyle,\r\n adgroupCreationStyles,\r\n raiseBidPopupStyles\r\n )\r\n );\r\n\r\n const audienceCreationStyles = merge(\r\n {\r\n '& .ima-reach-alert': {\r\n padding: '8px 32px 8px 8px !important',\r\n marginTop: '10px',\r\n marginLeft: '0px',\r\n },\r\n },\r\n ...resolveStyles(\r\n { palette },\r\n audienceCampaignSettingsStyles,\r\n audienceReachEstimateContainerStyle,\r\n audienceAssociationSectionStyle,\r\n audienceTargetsSettingsStyles,\r\n audienceBudgetBidsStyles,\r\n audienceAdsStyles,\r\n audienceAdgroupStyles,\r\n audienceCampaignBmcRedirectStyles,\r\n legacyUIBlockerStyle\r\n )\r\n );\r\n\r\n return {\r\n '@global': globalStyles,\r\n\r\n CampaignCreationAudience: {\r\n ...getCreationContainerContentStyle(),\r\n ...audienceCreationStyles,\r\n ...commonStyles,\r\n ...searchCreationStyles,\r\n },\r\n };\r\n};\r\n","/* istanbul ignore file */\r\nimport React from 'react';\r\nimport Promise from 'bluebird';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { perfMarkerPropTypes } from '@bingads-webui/performance-marker';\r\nimport { AudienceAdgroupCreationWizard } from '@bingads-webui-campaign-legacy/audience-campaign/loader';\r\nimport decimal from '@bingads-webui-component-legacy/humanize/decimal';\r\nimport PageContext from '@bingads-webui-static-legacy/page-context';\r\nimport eventDispatcher from '@bingads-webui-component-legacy/event-dispatcher/index';\r\nimport { withDelayedStyles } from '@bingads-webui-campaign-react/common-utils';\r\nimport { getAdgroupCreationAudienceStyle } from '../styles/adgroup-creation-audience-styles';\r\nimport { InjectWrapperWithHoC, getDelayedCreationStyles } from '../helper';\r\nimport VerticalLayout from '../template/steps-template.pug';\r\nimport HeaderTemplate from '../template/header-template.pug';\r\n\r\nconst ADGROUP_CREATION_AUDIENCE_LOADED_EVENT = 'ad_group_creation_view_loaded';\r\nfunction AdGroupCreationAudience(props) {\r\n const {\r\n serverContext: {\r\n CurrentAccount: {\r\n CurrencyCode,\r\n },\r\n CurrentAccountInActive,\r\n Permissions: {\r\n IsReadOnlyUser,\r\n },\r\n },\r\n campaignContext: { currentCampaign },\r\n perfMarker,\r\n isVideo,\r\n isOpenCreatePanel,\r\n i18n,\r\n } = props;\r\n const isShoppingCampaign = _.result(_.take(currentCampaign.CampaignSettings), 'ProviderId');\r\n const AdGroupCreationAudiencePerfMarker = perfMarker.createChild('AdGroupCreationAudience');\r\n\r\n return (\r\n
\r\n );\r\n }\r\n\r\n if (this.props.isCampaignMode && !campaignId) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n if (!this.props.isCampaignMode && campaignId && !adGroupId) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n if (!this.props.isCampaignMode && !campaignId && !adGroupId) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n }\r\n}\r\n\r\nconst getCampaignAdgroupMultiSelectorStyles = (_, { palette = ThemeFluent.palette }) => extend({\r\n campaignAdgroupMultiSelector: extend(\r\n {},\r\n ComponentSettings.entitySelectorStyle({ palette }),\r\n extend(\r\n {},\r\n ComponentSettings.paginationStyle({ palette }),\r\n { '& .ba-pagination': ComponentSettings.paginationStyle({ palette })['& .ba-pagination, .dlb-pager-container, .pagination-control'] }\r\n ),\r\n getCampaignAdgroupMultiSelectorStyle()\r\n ),\r\n});\r\n\r\nexport const CampaignAdgroupSelectorEdm = withDefaultStyles(\r\n UnstyledCampaignAdgroupSelectorEdm,\r\n getCampaignAdgroupMultiSelectorStyles\r\n);\r\n\r\nUnstyledCampaignAdgroupSelectorEdm.propTypes = {\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n scope: PropTypes.shape({\r\n values: PropTypes.shape({\r\n cid: PropTypes.number.isRequired,\r\n aid: PropTypes.number,\r\n campaignId: PropTypes.number,\r\n adGroupId: PropTypes.number,\r\n }),\r\n }).isRequired,\r\n classes: PropTypes.shape({\r\n campaignAdgroupMultiSelector: PropTypes.string.isRequired,\r\n }).isRequired,\r\n onApply: PropTypes.func.isRequired,\r\n onSelectCampaign: PropTypes.func,\r\n onSelectAdGroup: PropTypes.func,\r\n onSelectCancel: PropTypes.func,\r\n isCampaignMode: PropTypes.bool,\r\n isMultiMode: PropTypes.bool,\r\n withDropdownMenu: PropTypes.bool,\r\n // this will completely replace the default campaign filter, there will be no cancatenation\r\n accountFilterCustomizer: PropTypes.func,\r\n campaignFilterCustomizer: PropTypes.func,\r\n adGroupFilterCustomizer: PropTypes.func,\r\n // eslint-disable-next-line react/forbid-prop-types\r\n value: PropTypes.any,\r\n perfMarker: perfMarkerPropTypes,\r\n};\r\n\r\nUnstyledCampaignAdgroupSelectorEdm.defaultProps = {\r\n isCampaignMode: false,\r\n isMultiMode: true,\r\n withDropdownMenu: true,\r\n value: null,\r\n accountFilterCustomizer: undefined,\r\n campaignFilterCustomizer: undefined,\r\n adGroupFilterCustomizer: undefined,\r\n onSelectCancel: noop,\r\n onSelectCampaign: identity,\r\n onSelectAdGroup: identity,\r\n perfMarker: null,\r\n};\r\n","import Backbone from 'backbone';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { CampaignAdgroupSelectorEdm } from './campaign-adgroup-selector-edm';\r\n\r\n/**\r\n * the backbone view for the react campaign adgroup selector\r\n * campaign format: {onFetch, pageSize}\r\n * adgroup format: {onFetch, pageSize}\r\n */\r\nexport class CampaignAdgroupSelectorEdmView extends Backbone.View {\r\n initialize({\r\n i18n, scope, isCampaignMode, withDropdownMenu,\r\n campaignFilterCustomizer, value,\r\n }) {\r\n this.i18n = i18n;\r\n this.scope = scope;\r\n this.onApply = this.onApply.bind(this);\r\n this.onSelectCancel = this.onSelectCancel.bind(this);\r\n this.isCampaignMode = isCampaignMode;\r\n this.withDropdownMenu = withDropdownMenu;\r\n this.campaignFilterCustomizer = campaignFilterCustomizer;\r\n this.value = value;\r\n }\r\n\r\n /**\r\n * should trigger event to notify outter component\r\n * @param {object} selectedItem - the item selected\r\n * @returns {undefined} update the state with fetch result\r\n */\r\n onApply(selectedItem) {\r\n this.trigger('on-apply', selectedItem);\r\n }\r\n\r\n /**\r\n * should trigger event to notify outter component\r\n * @param {object} selectedItem - the item selected\r\n * @returns {undefined} update the state with fetch result\r\n */\r\n onSelectCancel() {\r\n this.trigger('on-select-cancel');\r\n }\r\n\r\n render() {\r\n ReactDOM.render(\r\n (\r\n \r\n {props.goalTypeTitle}\r\n
\r\n );\r\n};\r\n","import { bgColor, cardColor, selectedCardBorderColor, font } from './vars';\r\n\r\nconst goalCardButton = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n width: '255.33px',\r\n height: '266.5px',\r\n};\r\nconst goalCardContainer = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n width: '255.33px',\r\n height: '266.5px',\r\n padding: '28px',\r\n border: '1px solid rgba(0, 0, 0, 0.0)',\r\n borderRadius: '4px',\r\n backgroundColor: cardColor,\r\n boxShadow: '0px 2px 4px 0px #0000001A',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n backgroundColor: bgColor,\r\n },\r\n};\r\nconst goalCardContainerSelected = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n width: '255.33px',\r\n height: '266.5px',\r\n padding: '28px',\r\n border: `1px solid ${selectedCardBorderColor}`,\r\n borderRadius: '4px',\r\n backgroundColor: cardColor,\r\n boxShadow: '0px 2px 4px 0px #0000001A',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n backgroundColor: bgColor,\r\n },\r\n};\r\nconst noGoalTypes = {\r\n height: '12px',\r\n};\r\nconst text = {\r\n fontFamily: font,\r\n letterSpacing: '0px',\r\n lineHeight: '24px',\r\n textAlign: 'center',\r\n color: '#000000',\r\n};\r\nconst title = {\r\n fontFamily: font,\r\n letterSpacing: '0px',\r\n lineHeight: '24px',\r\n textAlign: 'center',\r\n color: '#000000',\r\n fontSize: '18px',\r\n fontWeight: '600',\r\n width: 'max-content',\r\n height: '30px',\r\n display: 'flex',\r\n maxWidth: '120%',\r\n whiteSpace: 'nowrap',\r\n};\r\nconst titleName = {\r\n width: '100%',\r\n textOverflow: 'ellipsis',\r\n overflow: 'hidden',\r\n};\r\nconst titleHelp = {\r\n flexShrink: '0',\r\n};\r\nconst titleWithTooltip = {\r\n fontFamily: font,\r\n letterSpacing: '0px',\r\n lineHeight: '24px',\r\n textAlign: 'center',\r\n color: '#000000',\r\n fontSize: '18px',\r\n fontWeight: '600',\r\n width: '45px',\r\n height: '30px',\r\n};\r\nconst description = {\r\n fontFamily: font,\r\n letterSpacing: '0px',\r\n lineHeight: '20px',\r\n textAlign: 'center',\r\n color: '#000000',\r\n fontSize: '14px',\r\n fontWeight: '400',\r\n overflow: 'visible',\r\n width: '220px',\r\n height: '40px',\r\n};\r\n\r\nexport const getStyles = () => {\r\n return {\r\n goalCardButton,\r\n goalCardContainer,\r\n goalCardContainerSelected,\r\n noGoalTypes,\r\n text,\r\n title,\r\n titleName,\r\n titleHelp,\r\n titleWithTooltip,\r\n description,\r\n };\r\n};\r\n\r\n","/* eslint-disable arrow-body-style */\r\nimport React, { ReactElement, useContext } from 'react';\r\nimport { ActionButton } from '@fluentui/react';\r\nimport { HelpPopupInline } from '@bingads-webui-react/help-popup';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { CampaignGoalTitle } from './campaign-goal-title';\r\nimport { getStyles } from '../../styles/campaign-goal-card';\r\n\r\n\r\nexport interface CampaignGoalCardStyles {\r\n cardTitle?: React.CSSProperties;\r\n cardDescription?: React.CSSProperties;\r\n}\r\n\r\nexport interface CampaignGoalCardProps {\r\n goalId: string;\r\n goalTypeTitle: string | undefined;\r\n goalTypeTitleColors: [string, string] | undefined;\r\n title: string;\r\n tooltipId?: string;\r\n description: string;\r\n icon: ReactElement;\r\n styles?: CampaignGoalCardStyles;\r\n onClick: (goalSelected: string) => void;\r\n selected: boolean;\r\n hasFACBadge?: boolean;\r\n FACCouponInfo?: any;\r\n permissions?: any;\r\n}\r\n\r\n\r\nexport const CampaignGoalCard = (props: CampaignGoalCardProps) => {\r\n\r\n const i18n: any = useContext(I18nContext);\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const handleKeyDown = (event) => {\r\n if (((event.keyCode === 13) || (event.keyCode === 32))) props?.onClick(props.goalId);\r\n };\r\n\r\n const renderGoalTypeTitle = () => {\r\n if (typeof props.goalTypeTitle === 'undefined' || typeof props.goalTypeTitleColors === 'undefined') return ;\r\n return (\r\n \r\n {renderGoalTypeTitle()}\r\n {props.icon}\r\n \r\n {i18n.getString(props.title)}\r\n {props.tooltipId &&
\r\n \r\n {i18n.getString(_TL_('What\\'s the goal of this campaign?'))}\r\n {i18n.getString(_TL_('Choose the goal that best suits the campaign you want to create.'))}\r\n
\r\n \r\n
\r\n );\r\n};\r\n","import React, { useContext, useEffect, useState } from 'react';\r\nimport { ChoiceGroup, IChoiceGroupOption } from '@fluentui/react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { HelpPopupInline } from '@bingads-webui-react/help-popup';\r\nimport { LearnMoreLink } from '@bingads-webui-campaign-react/help';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { AdTypes } from '../../config/constants';\r\nimport { getStyles } from '../../styles/campaign-type-card-with-goal';\r\nimport { FACBadge } from '../goal-card/fac-badge';\r\n\r\nexport interface AdTypeOption {\r\n id: AdTypes;\r\n title: string;\r\n tooltipId?: string;\r\n learnMoreId?: string;\r\n description: string;\r\n hasFACBadge?: boolean;\r\n}\r\n\r\nexport interface CampaignAdTypeOptionsProps {\r\n adTypeOptions: AdTypeOption[];\r\n onAdTypeSelect: (adType: AdTypes) => void;\r\n defaultAdType?: AdTypes;\r\n permissions?: any;\r\n FACCouponInfo?: any;\r\n}\r\n\r\n\r\nconst getRadioGroupStyle = optionsCount => () => {\r\n const styles = getStyles().adTypesWrapper;\r\n if (optionsCount > 3) {\r\n styles['grid-template-columns'] = 'repeat(2, minmax(0, 1fr))';\r\n styles['grid-auto-flow'] = 'unset';\r\n }\r\n return {\r\n flexContainer: [\r\n styles,\r\n ],\r\n };\r\n};\r\n\r\nconst getChoiceOptionStyle = () => {\r\n return {\r\n choiceFieldWrapper: [\r\n getStyles().choiceFieldWrapper,\r\n ],\r\n };\r\n};\r\n\r\nexport const CampaignAdTypeOptionsRadio = (props: CampaignAdTypeOptionsProps) => {\r\n\r\n const { adTypeOptions, onAdTypeSelect, defaultAdType } = props;\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const [selectedAdType, setSelectedAdType] = useState(defaultAdType ?? adTypeOptions[0]?.id);\r\n\r\n // make sure the parent gets the default ad type when this component mounts\r\n useEffect(() => {\r\n if (defaultAdType) {\r\n onAdTypeSelect(defaultAdType);\r\n }\r\n }, []);\r\n\r\n const handleAdTypeChange = (e, option) => {\r\n const selected = option?.key as AdTypes ?? (defaultAdType ?? adTypeOptions[0]?.id);\r\n setSelectedAdType(selected);\r\n onAdTypeSelect(selected);\r\n };\r\n\r\n const i18n: any = useContext(I18nContext);\r\n\r\n if (adTypeOptions.length === 0) return null;\r\n return (\r\n \r\n {props.selected &&
\r\n {props.radioRender!()}
}\r\n \r\n
\r\n {props.icon}
\r\n \r\n \r\n {i18n.getString(props.titleOverride || props.title)}\r\n {props.tooltipId &&\r\n
\r\n \r\n
}\r\n \r\n {props.selected && props.optionsHeader && {i18n.getString(props.optionsHeader)}}\r\n
\r\n \r\n {props.selected && props?.optionsComponent}\r\n
\r\n \r\n {/*
\r\n );\r\n },\r\n };\r\n })}\r\n />\r\n );\r\n};\r\n","import { CampaignGoal, CampaignType, AdTypes, ObjectiveIDs, CampaignOptionTypes, CampaignTypeTitle, CampaignTypeTooltipIds, AdTypesSelectionHeaderText, CampaignAdTypes, ICampaignGoalsToCampaignTypesMap } from '../../config/constants';\r\nimport { AppInstallSearchPreview, CTVPreview, DisplayPlusNativePreview, DisplayPlusDisplayPreview, DisplayPlusVideoPreview, HotelPreview, LinkedInPreview, PmaxPreview, SearchPreview, ShoppingPreview, WindowsStorePreview } from '../../helpers/images';\r\nimport { smartShoppingIcon, standardShoppingIcon, connectedTVIconAdv, displayPlusIconAdv, hotelIconAdv, pmaxIconAdv, searchIconAdv, shoppingForBrandsIconAdv, windowsStoreIconAdv, linkedInIconAdv } from '../../helpers/icons';\r\n\r\nexport interface ICampaignGoalToCampaignType {\r\n title: string,\r\n tooltipId: string | undefined,\r\n defaultObjectiveID: string,\r\n ObjectiveIDsForAdTypes?: { [adTypeId: string]: string },\r\n optionsType: CampaignOptionTypes,\r\n optionsHeader?: string,\r\n options?: { id: AdTypes, title: string, description: string, learnMoreId?: string, tooltipId?: string, }[],\r\n enableOptions?: Function,\r\n titleOverride?: string,\r\n descriptionOverride?: string,\r\n descriptionExtendedOverride?: string,\r\n defaultAdType?: AdTypes,\r\n hasFACBadge?: boolean,\r\n}\r\n\r\nexport interface ICampaignGoalToAdType {\r\n [adType: string]: ICampaignGoalToCampaignType\r\n}\r\n\r\nexport interface ICampaignGoalConfig {\r\n [campaignType: string]: ICampaignGoalToCampaignType\r\n}\r\n\r\nexport interface ICampaignGoalToCampaignTypeMap {\r\n [goal: string]: ICampaignGoalConfig\r\n}\r\n\r\nconst enableDisplayPlusOptions = (config: ICampaignGoalToCampaignType, permissions: any) => {\r\n const dynamicPermissions = permissions && permissions.dynamic;\r\n const isEnableMultiAdFormat = dynamicPermissions && dynamicPermissions.MultiAdFormat;\r\n const isFBImportForAudienceCampaignCreationEnabled = dynamicPermissions.FBImportForAudienceCampaignCreation;\r\n\r\n const displayPlus = { ...config };\r\n if (isEnableMultiAdFormat === true) {\r\n displayPlus.optionsType = CampaignOptionTypes.None;\r\n displayPlus.defaultAdType = AdTypes.Native;\r\n displayPlus.options = undefined;\r\n displayPlus.optionsHeader = undefined;\r\n }\r\n\r\n if (isFBImportForAudienceCampaignCreationEnabled) {\r\n if (displayPlus.options) {\r\n displayPlus.options = [...displayPlus.options, CampaignAdTypes[CampaignType.DisplayPlus].MetaImport];\r\n } else {\r\n displayPlus.options = [\r\n CampaignAdTypes[CampaignType.DisplayPlus].AudienceDefault,\r\n CampaignAdTypes[CampaignType.DisplayPlus].MetaImport,\r\n ];\r\n }\r\n }\r\n\r\n return displayPlus;\r\n};\r\n\r\nconst enableDisplayAndVideoOptions = (config: ICampaignGoalToCampaignType, permissions: any) => {\r\n const dynamicPermissions = permissions && permissions.dynamic;\r\n const isEnabledForXandrVideoCampaign = dynamicPermissions && dynamicPermissions.XandrVideoCampaigns;\r\n const isEnabledForXandrDisplayCampaign = dynamicPermissions && dynamicPermissions.XandrDisplayAdsCampaigns;\r\n\r\n const isEnableMSANDisplayCampaigns = dynamicPermissions && dynamicPermissions.EnableMSANDisplayCampaigns;\r\n const isEnableMSANVideoCampaigns = dynamicPermissions && dynamicPermissions.EnableMSANVideoCampaigns;\r\n\r\n const isEnabledForDisplayCampaign = isEnableMSANDisplayCampaigns && isEnabledForXandrDisplayCampaign;\r\n const isEnabledForVideoCampaign = isEnableMSANVideoCampaigns && isEnabledForXandrVideoCampaign;\r\n\r\n const isFBImportForAudienceCampaignCreationEnabled = dynamicPermissions.FBImportForAudienceCampaignCreation;\r\n\r\n // We show the options only when Video/Display are enabled and enabled for MSAN\r\n\r\n if (isEnabledForDisplayCampaign === true || isEnabledForVideoCampaign === true || isFBImportForAudienceCampaignCreationEnabled === true) {\r\n const displayPlus = { ...config };\r\n displayPlus.optionsType = CampaignOptionTypes.Radio;\r\n displayPlus.options = [];\r\n if (isEnabledForDisplayCampaign === true) {\r\n displayPlus.options.push(CampaignAdTypes[CampaignType.DisplayPlus].Display);\r\n }\r\n displayPlus.options.push(CampaignAdTypes[CampaignType.DisplayPlus].Native);\r\n if (isEnabledForVideoCampaign === true) {\r\n displayPlus.options.push(CampaignAdTypes[CampaignType.DisplayPlus].Video);\r\n }\r\n return enableDisplayPlusOptions(displayPlus, permissions);\r\n }\r\n return config;\r\n};\r\n\r\n// Mapping of campaign goals to all possible campaign types and ad types\r\nexport const CampaignGoalToCampaignTypeMap: ICampaignGoalToCampaignTypeMap = {\r\n [CampaignGoal.ConvertCustomers]: {\r\n [CampaignType.PerformanceMax]: {\r\n title: CampaignTypeTitle[CampaignType.PerformanceMax],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.PerformanceMax],\r\n defaultObjectiveID: ObjectiveIDs.WebsiteConversions,\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n // will always be native ad types here\r\n [CampaignType.DisplayPlus]: {\r\n title: CampaignTypeTitle[CampaignType.DisplayPlus],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.DisplayPlus],\r\n defaultObjectiveID: ObjectiveIDs.Conversions,\r\n optionsType: CampaignOptionTypes.None,\r\n enableOptions: enableDisplayAndVideoOptions,\r\n defaultAdType: AdTypes.Native,\r\n },\r\n [CampaignType.Search]: {\r\n title: CampaignTypeTitle[CampaignType.Search],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.Search],\r\n defaultObjectiveID: ObjectiveIDs.WebsiteConversions,\r\n optionsType: CampaignOptionTypes.Radio,\r\n optionsHeader: AdTypesSelectionHeaderText.AdTypeGeneric,\r\n options: [\r\n CampaignAdTypes[CampaignType.Search].Multimedia,\r\n CampaignAdTypes[CampaignType.Search].AppInstalls,\r\n ],\r\n defaultAdType: AdTypes.Multimedia,\r\n },\r\n [CampaignType.Hotel]: {\r\n defaultObjectiveID: ObjectiveIDs.HotelBooking,\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.Hotel],\r\n title: CampaignTypeTitle[CampaignType.Hotel],\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n [CampaignType.Lodging]: {\r\n defaultObjectiveID: ObjectiveIDs.HotelBooking,\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.Lodging],\r\n title: CampaignTypeTitle[CampaignType.Lodging],\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n },\r\n [CampaignGoal.SellProducts]: {\r\n [CampaignType.PerformanceMax]: {\r\n title: CampaignTypeTitle[CampaignType.PerformanceMax],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.PerformanceMax],\r\n defaultObjectiveID: ObjectiveIDs.ShoppingCampaign,\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n [CampaignType.StandardShopping]: {\r\n title: CampaignTypeTitle[CampaignType.StandardShopping],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.StandardShopping],\r\n defaultObjectiveID: ObjectiveIDs.ShoppingCampaign,\r\n optionsType: CampaignOptionTypes.Radio,\r\n optionsHeader: AdTypesSelectionHeaderText.Shopping,\r\n options: [\r\n CampaignAdTypes[CampaignType.StandardShopping].ShoppingAudience,\r\n CampaignAdTypes[CampaignType.StandardShopping].Search,\r\n ],\r\n defaultAdType: AdTypes.ShoppingAudience,\r\n hasFACBadge: true,\r\n },\r\n [CampaignType.SmartShopping]: {\r\n title: CampaignTypeTitle[CampaignType.SmartShopping],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.SmartShopping],\r\n defaultObjectiveID: ObjectiveIDs.ShoppingCampaign,\r\n optionsType: CampaignOptionTypes.None,\r\n hasFACBadge: true,\r\n },\r\n [CampaignType.ShoppingForBrands]: {\r\n title: CampaignTypeTitle[CampaignType.ShoppingForBrands],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.ShoppingForBrands],\r\n defaultObjectiveID: ObjectiveIDs.SponsoredShoppingCampaign,\r\n optionsType: CampaignOptionTypes.Radio,\r\n options: [\r\n CampaignAdTypes[CampaignType.ShoppingForBrands].MRN,\r\n CampaignAdTypes[CampaignType.ShoppingForBrands].SPB,\r\n ],\r\n defaultAdType: AdTypes.MRN,\r\n },\r\n },\r\n [CampaignGoal.PromoteApp]: {\r\n [CampaignType.WindowsStore]: {\r\n title: CampaignTypeTitle[CampaignType.WindowsStore],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.WindowsStore],\r\n defaultObjectiveID: ObjectiveIDs.MSStoreAds,\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n // Will always be App Installs ad type\r\n [CampaignType.Search]: {\r\n title: CampaignTypeTitle[CampaignType.Search],\r\n tooltipId: undefined,\r\n defaultObjectiveID: ObjectiveIDs.AppInstalls,\r\n optionsType: CampaignOptionTypes.None,\r\n titleOverride: _TL_('App Installs ads'),\r\n descriptionOverride: _TL_('Show ads for your mobile apps on search results pages in response to queries.'),\r\n descriptionExtendedOverride: _TL_('Show ads for your mobile apps on search results pages in response to queries.'),\r\n defaultAdType: AdTypes.AppInstalls,\r\n },\r\n },\r\n [CampaignGoal.Consideration]: {\r\n // TODO will always be native ad types here for the MVP\r\n [CampaignType.DisplayPlus]: {\r\n title: CampaignTypeTitle[CampaignType.DisplayPlus],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.DisplayPlus],\r\n defaultObjectiveID: ObjectiveIDs.Consideration,\r\n optionsType: CampaignOptionTypes.None,\r\n defaultAdType: AdTypes.Native,\r\n enableOptions: enableDisplayAndVideoOptions,\r\n },\r\n [CampaignType.Search]: {\r\n title: CampaignTypeTitle[CampaignType.Search],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.Search],\r\n defaultObjectiveID: ObjectiveIDs.AdImpressions,\r\n ObjectiveIDsForAdTypes: {\r\n [AdTypes.Multimedia as string]: ObjectiveIDs.WebsiteVisits,\r\n [AdTypes.AppInstalls as string]: ObjectiveIDs.AppInstalls,\r\n },\r\n optionsType: CampaignOptionTypes.Radio,\r\n optionsHeader: AdTypesSelectionHeaderText.AdTypeGeneric,\r\n options: [\r\n CampaignAdTypes[CampaignType.Search].Multimedia,\r\n CampaignAdTypes[CampaignType.Search].AppInstalls,\r\n ],\r\n defaultAdType: AdTypes.Multimedia,\r\n },\r\n [CampaignType.LinkedIn]: {\r\n title: CampaignTypeTitle[CampaignType.LinkedIn],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.LinkedIn],\r\n defaultObjectiveID: ObjectiveIDs.Consideration,\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n },\r\n [CampaignGoal.BrandAwareness]: {\r\n [CampaignType.DisplayPlus]: {\r\n title: CampaignTypeTitle[CampaignType.DisplayPlus],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.DisplayPlus],\r\n defaultObjectiveID: ObjectiveIDs.Awareness,\r\n optionsType: CampaignOptionTypes.Radio,\r\n optionsHeader: AdTypesSelectionHeaderText.AdTypeGeneric,\r\n enableOptions: enableDisplayPlusOptions,\r\n options: [\r\n CampaignAdTypes[CampaignType.DisplayPlus].Display,\r\n CampaignAdTypes[CampaignType.DisplayPlus].Native,\r\n CampaignAdTypes[CampaignType.DisplayPlus].Video,\r\n ],\r\n defaultAdType: AdTypes.Display,\r\n },\r\n [CampaignType.ConnectedTV]: {\r\n title: CampaignTypeTitle[CampaignType.ConnectedTV],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.ConnectedTV],\r\n defaultObjectiveID: ObjectiveIDs.VideoCampaign,\r\n optionsType: CampaignOptionTypes.Radio,\r\n optionsHeader: AdTypesSelectionHeaderText.CTV,\r\n options: [\r\n CampaignAdTypes[CampaignType.ConnectedTV].AudienceVideo,\r\n // CampaignAdTypes[CampaignType.ConnectedTV].Premium,\r\n CampaignAdTypes[CampaignType.ConnectedTV].Netflix,\r\n ],\r\n defaultAdType: AdTypes.AudienceVideo,\r\n },\r\n [CampaignType.LinkedIn]: {\r\n title: CampaignTypeTitle[CampaignType.LinkedIn],\r\n tooltipId: CampaignTypeTooltipIds[CampaignType.LinkedIn],\r\n defaultObjectiveID: ObjectiveIDs.Awareness,\r\n optionsType: CampaignOptionTypes.None,\r\n },\r\n },\r\n};\r\n\r\nexport const getCampaignTypeIcon = (type: string) => {\r\n switch (type) {\r\n case CampaignType.PerformanceMax:\r\n return pmaxIconAdv;\r\n case CampaignType.DisplayPlus:\r\n return displayPlusIconAdv;\r\n case CampaignType.Search:\r\n return searchIconAdv;\r\n case CampaignType.StandardShopping:\r\n return standardShoppingIcon;\r\n case CampaignType.SmartShopping:\r\n return smartShoppingIcon;\r\n case CampaignType.ShoppingForBrands:\r\n return shoppingForBrandsIconAdv;\r\n case CampaignType.ConnectedTV:\r\n return connectedTVIconAdv;\r\n // case CampaignType.Deals:\r\n // return dealsIconAdv;\r\n case CampaignType.WindowsStore:\r\n return windowsStoreIconAdv;\r\n case CampaignType.Lodging:\r\n return hotelIconAdv;\r\n case CampaignType.Hotel:\r\n return hotelIconAdv;\r\n case CampaignType.LinkedIn:\r\n return linkedInIconAdv;\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nexport const getCampaignPreviewImage = (type: string, adType?: AdTypes) => {\r\n switch (type) {\r\n case CampaignType.LinkedIn:\r\n return LinkedInPreview;\r\n case CampaignType.PerformanceMax:\r\n return PmaxPreview;\r\n case CampaignType.DisplayPlus:\r\n if (adType === AdTypes.Native) return DisplayPlusNativePreview;\r\n if (adType === AdTypes.Video) return DisplayPlusVideoPreview;\r\n if (adType === AdTypes.Display) return DisplayPlusDisplayPreview;\r\n return DisplayPlusNativePreview;\r\n case CampaignType.Search:\r\n if (adType === AdTypes.AppInstalls) return AppInstallSearchPreview;\r\n return SearchPreview;\r\n case CampaignType.StandardShopping:\r\n return ShoppingPreview;\r\n case CampaignType.SmartShopping:\r\n return ShoppingPreview;\r\n case CampaignType.ShoppingForBrands:\r\n return ShoppingPreview;\r\n case CampaignType.ConnectedTV:\r\n return CTVPreview;\r\n case CampaignType.WindowsStore:\r\n return WindowsStorePreview;\r\n case CampaignType.Lodging:\r\n return HotelPreview;\r\n case CampaignType.Hotel:\r\n return HotelPreview;\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nexport const getObjectiveID = (campaignType: ICampaignGoalToCampaignType, adType: AdTypes) => {\r\n return campaignType.ObjectiveIDsForAdTypes?.[adType] || campaignType.defaultObjectiveID;\r\n};\r\n\r\nexport const configureCampaignTypeSelection = (goal: CampaignGoal, campaignGoalToCampaignMap: ICampaignGoalsToCampaignTypesMap, disabledAdTypes: AdTypes[], permissions: any): ICampaignGoalConfig => {\r\n const campaignGoalConfig: ICampaignGoalConfig = {};\r\n const campaignTypes = campaignGoalToCampaignMap[goal];\r\n const baseCampaignGoalConfig = CampaignGoalToCampaignTypeMap[goal];\r\n Object.entries(baseCampaignGoalConfig).forEach(([campaignType, campaignTypeConfig]) => {\r\n if (!campaignTypes.includes(campaignType as CampaignType)) return;\r\n\r\n const configCopy = campaignTypeConfig.enableOptions ? { ...campaignTypeConfig.enableOptions(campaignTypeConfig, permissions) } : { ...campaignTypeConfig };\r\n if (configCopy.options) {\r\n const options = configCopy.options.filter(option => !disabledAdTypes.includes(option.id as AdTypes));\r\n // if only 1 option, set it to the default and remove the options list and header\r\n if (options.length === 0) {\r\n configCopy.defaultAdType = AdTypes.NoneSelected;\r\n configCopy.options = undefined;\r\n configCopy.optionsHeader = undefined;\r\n } else if (options.length === 1) {\r\n configCopy.defaultAdType = options[0].id;\r\n configCopy.options = undefined;\r\n configCopy.optionsHeader = undefined;\r\n } else {\r\n // if the default ad type is disabled, set the first available ad type to the default\r\n if (!options.some(c => c.id === configCopy.defaultAdType)) configCopy.defaultAdType = options[0].id;\r\n configCopy.options = options;\r\n }\r\n }\r\n campaignGoalConfig[campaignType] = configCopy;\r\n });\r\n\r\n return campaignGoalConfig;\r\n};\r\n","import React, { useContext, useState, useEffect } from 'react';\r\nimport { ChoiceGroup, Image, IChoiceGroupOption } from '@fluentui/react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { ScenarioContext } from '@bingads-webui-react/hoc-with-signal';\r\nimport { SelectionCardWithGoal } from '../../components/selection-card-with-goal';\r\nimport { CampaignGoal, CampaignType, CampaignGoalPageTwoText, CampaignTypeWithGoalDescriptionTextShort,\r\n CampaignTypeWithGoalDescriptionTextExtended, AdTypes, ICampaignGoalsToCampaignTypesMap } from '../../config/constants';\r\nimport { getStyles } from '../../styles/index';\r\nimport { CampaignAdTypeOptionsRadio } from '../../components/campaign-type-card/campaign-ad-type-options-radio';\r\nimport { configureCampaignTypeSelection, getCampaignPreviewImage, getCampaignTypeIcon, getObjectiveID, } from './configs';\r\n\r\ninterface CampaignTypeSelectionWithGoalProps {\r\n selectedCampaignGoal: CampaignGoal,\r\n campaignGoalToCampaignTypeMap: ICampaignGoalsToCampaignTypesMap,\r\n disabledAdTypes: AdTypes[],\r\n handleCampaignTypeSelect: (campaignType: string, objectiveID: string, adType?: string) => void,\r\n FACCouponInfo?: any,\r\n permissions?: any,\r\n}\r\n\r\nexport const CampaignTypeSelectionWithGoal = (props: CampaignTypeSelectionWithGoalProps) => {\r\n const {\r\n selectedCampaignGoal,\r\n campaignGoalToCampaignTypeMap,\r\n disabledAdTypes,\r\n handleCampaignTypeSelect,\r\n permissions,\r\n FACCouponInfo,\r\n } = props;\r\n const i18n: any = useContext(I18nContext);\r\n const scenarioContext: any = useContext(ScenarioContext);\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const campaignGoalConfig = configureCampaignTypeSelection(selectedCampaignGoal, campaignGoalToCampaignTypeMap, disabledAdTypes, permissions);\r\n\r\n const defaultCampaignType = Object.keys(campaignGoalConfig)[0];\r\n\r\n const [selectedCampaignType, setSelectedCampaignType] = useState(defaultCampaignType);\r\n const [selectedAdType, setSelectedAdType] = useState(campaignGoalConfig[defaultCampaignType].defaultAdType ?? AdTypes.NoneSelected);\r\n\r\n // We need to make the main page aware of default campaign type, objective ID, and ad type when this component mounts\r\n useEffect(() => {\r\n if (handleCampaignTypeSelect) {\r\n const defCampaign = Object.keys(campaignGoalConfig)[0];\r\n const defAdType = campaignGoalConfig[defaultCampaignType].defaultAdType ?? AdTypes.NoneSelected;\r\n const objectiveId = getObjectiveID(campaignGoalConfig[defCampaign], defAdType);\r\n handleCampaignTypeSelect(defaultCampaignType, objectiveId, defAdType);\r\n setSelectedCampaignType(defCampaign);\r\n setSelectedAdType(defAdType);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.selectedCampaignGoal]);\r\n\r\n const renderCampaignTypeCardsWithGoal = () => {\r\n if (selectedCampaignGoal === CampaignGoal.SkipGoals || selectedCampaignGoal === CampaignGoal.NoneSelected) return null;\r\n const options: IChoiceGroupOption[] = Object.entries(campaignGoalConfig).map(([campaignType, config]) => {\r\n const id = campaignType as CampaignType;\r\n const { title } = config;\r\n\r\n const titleOverride = config?.titleOverride;\r\n const descShort = config?.descriptionOverride || CampaignTypeWithGoalDescriptionTextShort[campaignType];\r\n const descExtended = config?.descriptionExtendedOverride || CampaignTypeWithGoalDescriptionTextExtended[campaignType];\r\n const icon = \r\n {selected &&
*/}\r\n {defaultRender!()}
}\r\n \r\n \r\n {i18n.getString(option.title)}\r\n {option.tooltipId &&
\r\n \r\n
\r\n );\r\n};\r\n","import { AdTypes, CampaignGoal, CampaignType, ObjectiveIDs } from '../../config/constants';\r\nimport { WindowsStorePreview, MobileAppInstallPreview } from '../../helpers/images';\r\nimport { androidPlayStoreIconAdv, iOsAppStoreIconAdv, microsoftIconAdv } from '../../helpers/icons';\r\n\r\n\r\nexport interface ICampaignGoalAdTypeConfig {\r\n title: string,\r\n tooltipId: string | undefined,\r\n objectiveID: string,\r\n campaignType: CampaignType,\r\n titleOverride?: string,\r\n descriptionOverride?: string,\r\n descriptionExtendedOverride?: string,\r\n defaultAdType?: AdTypes,\r\n hasFACBadge?: boolean,\r\n}\r\n\r\nexport interface ICampaignGoalToAdType {\r\n [adType: string]: ICampaignGoalAdTypeConfig\r\n}\r\n\r\nexport interface ICampaignGoalToAdTypeConfig {\r\n [goal: string]: ICampaignGoalToAdType\r\n}\r\n\r\nexport const CampaignGoalToAdTypeConfig: ICampaignGoalToAdTypeConfig = {\r\n [CampaignGoal.UnifiedPromoteApp]: {\r\n [AdTypes.WindowsAppStore]: {\r\n title: _TL_('Microsoft Store'),\r\n tooltipId: undefined,\r\n objectiveID: ObjectiveIDs.AppInstalls,\r\n campaignType: CampaignType.UnifiedAppAds,\r\n descriptionOverride: _TL_('Promote your Microsoft apps in the Store, Start menu, and other Microsoft components.'),\r\n descriptionExtendedOverride: _TL_('Promote your Microsoft apps in the Store, Start menu, and other Microsoft components.'),\r\n },\r\n [AdTypes.AndroidPlayStore]: {\r\n title: _TL_('Android'),\r\n tooltipId: undefined,\r\n objectiveID: ObjectiveIDs.AppInstalls,\r\n campaignType: CampaignType.UnifiedAppAds,\r\n descriptionOverride: _TL_('Promote your Android app on mobile devices across the Microsoft Advertising Network.'),\r\n descriptionExtendedOverride: _TL_('Promote your Android app on mobile devices across the Microsoft Advertising Network.'),\r\n },\r\n [AdTypes.IosAppStore]: {\r\n title: _TL_('iOS'),\r\n tooltipId: undefined,\r\n objectiveID: ObjectiveIDs.AppInstalls,\r\n campaignType: CampaignType.UnifiedAppAds,\r\n descriptionOverride: _TL_('Promote your iOS app on mobile devices across the Microsoft Advertising Network.'),\r\n descriptionExtendedOverride: _TL_('Promote your iOS app on mobile devices across the Microsoft Advertising Network.'),\r\n },\r\n },\r\n};\r\n\r\nexport const getAdTypeIcon = (type: string) => {\r\n switch (type) {\r\n case AdTypes.WindowsAppStore:\r\n return microsoftIconAdv;\r\n case AdTypes.AndroidPlayStore:\r\n return androidPlayStoreIconAdv;\r\n case AdTypes.IosAppStore:\r\n return iOsAppStoreIconAdv;\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nexport const getAdPreviewImage = (type: string) => {\r\n switch (type) {\r\n case AdTypes.WindowsAppStore:\r\n return WindowsStorePreview;\r\n case AdTypes.AndroidPlayStore:\r\n return MobileAppInstallPreview;\r\n case AdTypes.IosAppStore:\r\n return MobileAppInstallPreview;\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nexport const configureAdTypeSelection = (goal: CampaignGoal, campaignGoalToAdTypeMap: ICampaignGoalToAdTypeConfig, disabledAdTypes: AdTypes[]): ICampaignGoalToAdType => {\r\n const baseCampaignGoalConfig = CampaignGoalToAdTypeConfig[goal];\r\n Object.keys(baseCampaignGoalConfig).forEach((adType) => {\r\n if (!disabledAdTypes.includes(adType as AdTypes)) return;\r\n\r\n delete baseCampaignGoalConfig[adType];\r\n });\r\n\r\n return baseCampaignGoalConfig;\r\n};\r\n","import React, { useContext, useState, useEffect } from 'react';\r\nimport { ChoiceGroup, Image, IChoiceGroupOption } from '@fluentui/react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { SelectionCardWithGoal } from '../../components/selection-card-with-goal';\r\nimport { CampaignGoal, CampaignType, CampaignGoalPageTwoText, CampaignTypeWithGoalDescriptionTextShort,\r\n CampaignTypeWithGoalDescriptionTextExtended, AdTypes } from '../../config/constants';\r\nimport { getStyles } from '../../styles/index';\r\nimport { getAdPreviewImage, getAdTypeIcon, CampaignGoalToAdTypeConfig, configureAdTypeSelection } from './configs';\r\n\r\ninterface CampaignTypeSelectionWithGoalProps {\r\n selectedCampaignGoal: CampaignGoal,\r\n disabledAdTypes: AdTypes[],\r\n handleAdTypeSelect: (campaignType: string, objectiveID: string, adType?: string) => void,\r\n FACCouponInfo?: any,\r\n permissions?: any,\r\n}\r\n\r\nexport const AdTypeSelectionWithGoal = (props: CampaignTypeSelectionWithGoalProps) => {\r\n const {\r\n selectedCampaignGoal,\r\n disabledAdTypes,\r\n handleAdTypeSelect,\r\n permissions,\r\n FACCouponInfo,\r\n } = props;\r\n const i18n: any = useContext(I18nContext);\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const campaignGoalConfig = configureAdTypeSelection(selectedCampaignGoal, CampaignGoalToAdTypeConfig, disabledAdTypes);\r\n\r\n const defaultAdType = Object.keys(campaignGoalConfig)[0];\r\n\r\n const [selectedAdType, setSelectedAdType] = useState(defaultAdType);\r\n\r\n // We need to make the main page aware of default campaign type, objective ID, and ad type when this component mounts\r\n useEffect(() => {\r\n if (handleAdTypeSelect) {\r\n const defAdType = Object.keys(campaignGoalConfig)[0];\r\n const defCampaign = campaignGoalConfig[defaultAdType].campaignType ?? CampaignType.NoneSelected;\r\n const objectiveId = campaignGoalConfig[defaultAdType].objectiveID;\r\n handleAdTypeSelect(defCampaign, objectiveId, defAdType);\r\n setSelectedAdType(defAdType);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.selectedCampaignGoal]);\r\n\r\n const renderAdTypeCardsWithGoal = () => {\r\n if (selectedCampaignGoal === CampaignGoal.SkipGoals || selectedCampaignGoal === CampaignGoal.NoneSelected) return null;\r\n const options: IChoiceGroupOption[] = Object.entries(campaignGoalConfig).map(([adType, config]) => {\r\n const id = adType as AdTypes;\r\n\r\n const titleOverride = config?.titleOverride;\r\n const descShort = config?.descriptionOverride || CampaignTypeWithGoalDescriptionTextShort[adType];\r\n const descExtended = config?.descriptionExtendedOverride || CampaignTypeWithGoalDescriptionTextExtended[adType];\r\n const icon = \r\n
\r\n \r\n
\r\n \r\n \r\n {primaryTextOverride ? i18n.getString(primaryTextOverride) : i18n.getString(_TL_('Select a campaign type'))}\r\n \r\n \r\n {\r\n secondaryTextOverride\r\n ? {i18n.getString(secondaryTextOverride)}\r\n : {i18n.getString(_TL_('Choose the'))} {i18n.getString(CampaignGoalPageTwoText[selectedCampaignGoal].secondary)} {i18n.getString(_TL_('campaign that\\'s right for you.'))}\r\n }\r\n \r\n
\r\n \r\n {renderCampaignTypeCardsWithGoal()}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n","import { bgColor, cardColor, selectedCardBorderColor, font } from './vars';\r\n\r\nconst cardContainer = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n background: cardColor,\r\n boxShadow: '0px 2px 4px 0px #0000001A',\r\n border: '1px solid rgba(0,0,0,0)',\r\n width: 282.5,\r\n height: 278,\r\n padding: '0 20px 0 20px',\r\n borderRadius: 4,\r\n gap: '12px',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n background: bgColor,\r\n },\r\n};\r\nconst cardContainerSelected = {\r\n ...cardContainer,\r\n border: `1px solid ${selectedCardBorderColor}`,\r\n};\r\nconst text = {\r\n fontFamily: font,\r\n lineHeight: '20px',\r\n letterSpacing: 0,\r\n textAlign: 'center',\r\n};\r\nconst title = {\r\n ...text,\r\n fontSize: 15,\r\n fontWeight: 700,\r\n};\r\nconst description = {\r\n ...text,\r\n fontSize: 14,\r\n fontWeight: 400,\r\n};\r\nconst goalTypesContainer = {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n gap: '20px',\r\n marginTop: 10,\r\n justifyContent: 'center',\r\n};\r\n\r\nconst facBadge = {\r\n position: 'absolute',\r\n top: 10,\r\n right: 40,\r\n};\r\n\r\nexport const getStyles = () => {\r\n return {\r\n cardContainer,\r\n cardContainerSelected,\r\n title,\r\n description,\r\n goalTypesContainer,\r\n facBadge,\r\n };\r\n};\r\n","import React, { useContext } from 'react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { HelpPopupInline } from '@bingads-webui-react/help-popup';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { CampaignGoalTitle } from '../goal-card/campaign-goal-title';\r\nimport { getStyles } from '../../styles/campaign-type-card-no-goal';\r\nimport { FACBadge } from '../goal-card/fac-badge';\r\n\r\n/**\r\n * CampaignTypeCardSimple component\r\n * @param title - title of the card\r\n * @param description - description of the card\r\n * @param icon - icon of the card\r\n * @param tooltip - tooltip of the card\r\n * @param goalTypes - goal types of the card, in the format [goalTypeString, backgroundColor, textColor][]\r\n */\r\nexport interface CampaignTypeCardNoGoalProps {\r\n title: string;\r\n tooltipId: string;\r\n description: string;\r\n icon: any;\r\n goalTypes: [string, string, string][];\r\n selected: boolean;\r\n id?: string;\r\n hasFACBadge?: boolean;\r\n FACCouponInfo?: any;\r\n permissions?: any;\r\n}\r\n\r\n\r\nexport const CampaignTypeCardNoGoal = (props: CampaignTypeCardNoGoalProps) => {\r\n\r\n const i18n: any = useContext(I18nContext);\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const renderTitle = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {primaryTextOverride ? i18n.getString(primaryTextOverride) : i18n.getString(_TL_('Select an ad type'))}\r\n \r\n \r\n {i18n.getString(secondaryTextOverride)}\r\n \r\n
\r\n \r\n {renderAdTypeCardsWithGoal()}\r\n
\r\n \r\n
\r\n \r\n {i18n.getString(props.title)}\r\n {props.tooltipId &&
\r\n );\r\n };\r\n\r\n const renderDescription = () => {i18n.getString(props.description)};\r\n\r\n const renderGoalTypes = () => {\r\n const goalTypes = props.goalTypes.map(goalType => \r\n {goalTypes}\r\n
\r\n );\r\n };\r\n\r\n // onClick={() => props.onClick(props.id, props.objectiveID)} onKeyDown={handleKeyDown}\r\n return (\r\n \r\n
\r\n );\r\n\r\n};\r\n","import React, { useContext, useState, useEffect } from 'react';\r\nimport { Stack, StackItem, Image, ChoiceGroup, IChoiceGroupOption } from '@fluentui/react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { ScenarioContext } from '@bingads-webui-react/hoc-with-signal';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getRoutePathById } from '@bingads-webui-campaign-react/with-site-map';\r\nimport { CampaignGoalType, CampaignType, CampaignTypeTitle, CampaignTypeWithNoGoalDescriptionText, TitleColors, ObjectiveIDs, CampaignTypeTooltipIds } from '../config/constants';\r\nimport { CampaignTypeCardNoGoal, CampaignTypeCardNoGoalProps } from '../components/campaign-type-card/campaign-type-card-no-goal';\r\nimport { connectedTVIcon, displayPlusIcon, hotelIcon, pmaxIcon, searchIcon, shoppingForBrandsIcon, windowsStoreIcon, shoppingIcon } from '../helpers/icons';\r\nimport { getStyles } from '../styles/index';\r\n\r\ninterface ICardConfig extends Omit\r\n {i18n.getString(_TL_('Choose the type of campaign you want to create'))}\r\n
\r\n \r\n {renderCampaignTypeCards()}\r\n
\r\n \r\n
\r\n );\r\n};\r\n","import React, { useContext } from 'react';\r\nimport { Image, IChoiceGroupOptionProps, Stack } from '@fluentui/react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getStyles } from '../../styles/index';\r\nimport { AdTypes } from '../../config/constants';\r\nimport { FACBadge } from '../../components/goal-card/fac-badge';\r\nimport { microsoftIconAdv, androidPlayStoreIconAdv, iOsAppStoreIconAdv } from '../../helpers/icons';\r\n\r\nconst getAdTypeIcon = (type: string) => {\r\n switch (type) {\r\n case AdTypes.WindowsAppStore:\r\n return microsoftIconAdv;\r\n case AdTypes.AndroidPlayStore:\r\n return androidPlayStoreIconAdv;\r\n case AdTypes.IosAppStore:\r\n return iOsAppStoreIconAdv;\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nexport interface UnifiedAppAdsCardProps {\r\n adType: any,\r\n permissions: any,\r\n FACCouponInfo: any,\r\n optionProps: IChoiceGroupOptionProps | undefined;\r\n}\r\n\r\nexport const UnifiedAppAdsCard = (props: UnifiedAppAdsCardProps) => {\r\n const i18n: any = useContext(I18nContext);\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const {\r\n adType, permissions, FACCouponInfo, optionProps,\r\n } = props;\r\n\r\n return (\r\n \r\n {i18n.getString(adType.title)}\r\n
\r\n {i18n.getString(adType.description)}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n","import React, { useContext } from 'react';\r\n// @ts-ignore\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { CampaignTypeTitle, AdTypesSelectionHeaderText, CampaignType } from '../../config/constants';\r\nimport { AdTypeSelectionPage } from './ad-type-selection-page';\r\n\r\ninterface DefaultAdTypeSelectionPageProps {\r\n adTypeSelectionRef: React.RefObject\r\n {i18n.getString(adType.title)}\r\n
\r\n {i18n.getString(adType.description)}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst CampaignOnboardingV2Page = (props) => {\r\n return (\r\n \r\n {renderPageSectionTwo}\r\n {renderAdTypesPageSection}\r\n {renderNetflixDealsPageSection}\r\n {renderContinueButton}\r\n
\r\n \r\n {offset > 0 && leftIconButton}\r\n 0 ? { width: contentContainerWidth } : {}}\r\n >\r\n {displayedContentCount > 0 && parentContainer}\r\n
\r\n {\r\n offset > 0 &&\r\n \r\n }\r\n {showRightIconButton &&\r\n \r\n
\r\n );\r\n};\r\n\r\nSimpleCarousel.propTypes = {\r\n contents: PropTypes.arrayOf(PropTypes.node).isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { mapObject, constant, flatten, noop } from 'underscore';\r\nimport { Dropdown, DropdownMenuItemType } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getContainerFactoryStyles } from './styles/categorized-dropdown-list-styles';\r\n\r\nlet dropdownStyles = {\r\n dropdownItemHeader: {\r\n color: 'black',\r\n fontWeight: 'bold',\r\n },\r\n};\r\n\r\nconst ConstructOptionKey = (categoryKey, optionKey) => `${categoryKey}_${optionKey}`;\r\n\r\nconst DeConstructOptionKey = constructedOptionKey => ({\r\n categoryKey: constructedOptionKey.split('_')[0],\r\n optionKey: constructedOptionKey.split('_')[1],\r\n});\r\n\r\nconst mapCatogriesToDropdownOptions = categories => flatten(categories.map((category, index) => {\r\n const options = category.value.map((item, innerIndex) => ({\r\n key: ConstructOptionKey(category.key, item.key ? item.key : innerIndex),\r\n text: item.text,\r\n title: item.text,\r\n }));\r\n // add header option\r\n options.unshift({ key: `${category.key}_Header`, text: category.text, itemType: DropdownMenuItemType.Header });\r\n // add divider option\r\n options.push({ key: `divider_${index}`, text: '-', itemType: DropdownMenuItemType.Divider });\r\n return options;\r\n}));\r\n\r\nconst CategorizedDropdownListUnStyle = (props) => {\r\n const {\r\n classes: { CategorizedDropdownListContainer },\r\n categories,\r\n onSelectionChange,\r\n placeholder,\r\n label,\r\n dropdownStyle,\r\n selectedKey,\r\n forwardedRef,\r\n maxHeight,\r\n disabled,\r\n } = props;\r\n if (dropdownStyle) {\r\n const { title } = dropdownStyle;\r\n if (!title) {\r\n dropdownStyle.title = {\r\n borderColor: 'rgb(179, 176, 173)',\r\n };\r\n }\r\n if (title && !title.borderColor) {\r\n title.borderColor = 'rgb(179, 176, 173)';\r\n }\r\n dropdownStyles = { ...dropdownStyles, ...dropdownStyle };\r\n }\r\n\r\n const options = mapCatogriesToDropdownOptions(categories);\r\n const [selectedItem, setSelectedItem] = React.useState();\r\n let defaultSelectedKey;\r\n if (selectedKey) {\r\n const { categoryKey, optionKey } = selectedKey;\r\n defaultSelectedKey = ConstructOptionKey(categoryKey, optionKey);\r\n }\r\n\r\n const onChange = (_, item) => {\r\n setSelectedItem(item);\r\n const { categoryKey, optionKey } = DeConstructOptionKey(item.key);\r\n onSelectionChange({\r\n category: categoryKey,\r\n value: item,\r\n optionKey,\r\n });\r\n };\r\n\r\n return (\r\n \r\n {contents}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {i18n.getString(_TL_('If you want to serve products ads, you will need to set up a Merchant Center store to use for your campaign.'))}\r\n {i18n.getString(_TL_('Learn more about creating a Merchant Center store.'))} \r\n
\r\n ), [i18n]);\r\n\r\n const onStartCampaignClick = () => {\r\n if (selectedStoreResult.isValid) {\r\n // set provider Id to local storage.\r\n appConfig.set('ProviderId', selectedStoreResult.data.ProviderId);\r\n appConfig.set('SalesCountry', selectedStoreResult.data.SalesCountry);\r\n appConfig.set('LocalInventoryAdsEnabled', selectedStoreResult.data.LocalInventoryAdsEnabled);\r\n appConfig.set('FeedLabel', selectedStoreResult.data.FeedLabel);\r\n appConfig.set('IsFeedFiltered', selectedStoreResult.data.IsFeedFiltered);\r\n if (localStorage.supportsStorage()) {\r\n localStorage.set('ProviderId', selectedStoreResult.data.ProviderId);\r\n localStorage.set('SalesCountry', selectedStoreResult.data.SalesCountry);\r\n localStorage.set('LocalInventoryAdsEnabled', selectedStoreResult.data.LocalInventoryAdsEnabled);\r\n localStorage.set('FeedLabel', selectedStoreResult.data.FeedLabel);\r\n localStorage.set('IsFeedFiltered', selectedStoreResult.data.IsFeedFiltered);\r\n }\r\n\r\n // navigate to perf max wizard.\r\n const url = getRoutePathById(siteMap, 'campaign-create-pmax-v2');\r\n\r\n scope.history.push({\r\n pathname: url,\r\n search: scope.history.location.search,\r\n });\r\n }\r\n };\r\n\r\n const scrollIntoView = useCallback((ref: React.RefObject\r\n { !showStoreSelector &&
\r\n );\r\n};\r\n\r\nPerfMaxStoreSelector.propTypes = {\r\n selectedGoal: PropTypes.string.isRequired,\r\n siteMap: PropTypes.shape({}).isRequired,\r\n permissions: PropTypes.shape({\r\n dynamic: PropTypes.shape({\r\n FeedLabel: PropTypes.bool,\r\n FeedLabelBlockList: PropTypes.bool,\r\n }),\r\n }).isRequired,\r\n};\r\n\r\nexport default withSiteMap(PerfMaxStoreSelector);\r\n","/**\r\n * This file contains all of the strings and constant values related to campaign types, sub-types, and ad-types\r\n *\r\n * To add a new campaign type, you need to update the following constants:\r\n * - CampaignType\r\n * - CampaignTypeTitle\r\n * - CampaignTypeDescription\r\n * - CampaignTypeTooltipIds\r\n * - CampaignAdTypes (also use this for campaign sub-types which aren't necessarily ad types)\r\n * - CampaignGoalToCampaignTypeMap (which goals will have your campaign type as an option)\r\n *\r\n * If you need to add additional ad types or campaign sub-types, you will also need to update:\r\n * - AdTypes\r\n * - AdTypeTitles\r\n * - AdTypeTooltipIds\r\n *\r\n * Icons and images are imported in the helpers/icons.ts or helpers/images.ts files.\r\n *\r\n * Final navigation is handle in navigate-to-wizard. You will need to make sure your campaign type is added there,.\r\n */\r\n\r\nexport enum TitleColors {\r\n GreenBG = '#DFF6DD',\r\n GreenText = '#036903',\r\n YellowBG = '#FDF6D7',\r\n YellowText = '#715A0B',\r\n BlueBG = '#EFF6FC',\r\n BlueText = '#005A9E',\r\n}\r\n\r\nexport const CampaignGoalType = {\r\n Conversions: _TL_('Conversions'),\r\n Leads: _TL_('Leads'),\r\n Awareness: _TL_('Awareness'),\r\n};\r\n\r\nexport const CampaignGoalTypeBoost = {\r\n Conversions: _TL_('Conversions'),\r\n Engagement: _TL_('Engagement'),\r\n Awareness: _TL_('Awareness'),\r\n};\r\n\r\nexport const CampaignGoalTypeBoostV2 = {\r\n Acquisition: _TL_('Acquisition'),\r\n Engagement: _TL_('Engagement'),\r\n Awareness: _TL_('Awareness'),\r\n};\r\n\r\nexport enum CampaignGoal {\r\n ConvertCustomers = 'ConvertCustomers',\r\n Consideration = 'Consideration',\r\n BrandAwareness = 'BrandAwareness',\r\n SellProducts = 'SellProducts',\r\n PromoteApp = 'PromoteMyApp',\r\n UnifiedPromoteApp = 'UnifiedPromoteApp',\r\n SkipGoals = 'SkipGoals',\r\n NoneSelected = 'None',\r\n}\r\n\r\nexport const CampaignGoalTitle = {\r\n [CampaignGoal.ConvertCustomers]: _TL_('Drive conversions'),\r\n [CampaignGoal.Consideration]: _TL_('Generate leads'),\r\n [CampaignGoal.BrandAwareness]: _TL_('Build brand awareness'),\r\n [CampaignGoal.SellProducts]: _TL_('Sell products'),\r\n [CampaignGoal.PromoteApp]: _TL_('Promote apps'),\r\n [CampaignGoal.UnifiedPromoteApp]: _TL_('Promote apps'),\r\n [CampaignGoal.SkipGoals]: _TL_('Skip'),\r\n};\r\n\r\nexport const CampaignGoalTitleBoostCampaign = {\r\n [CampaignGoal.ConvertCustomers]: _TL_('Acquisitions'),\r\n [CampaignGoal.Consideration]: _TL_('Retention'),\r\n [CampaignGoal.BrandAwareness]: _TL_('Build brand awareness'),\r\n};\r\n\r\nexport const CampaignGoalDescriptionText = {\r\n [CampaignGoal.ConvertCustomers]: _TL_('Get more customers to make purchases and meet your performance goals.'),\r\n [CampaignGoal.Consideration]: _TL_('Get visits to your website and attract potential customers.'),\r\n [CampaignGoal.BrandAwareness]: _TL_('Increase your audience\\'s familiarity with your brand.'),\r\n [CampaignGoal.SellProducts]: _TL_('Advertise products from your Merchant Center store.'),\r\n [CampaignGoal.PromoteApp]: _TL_('Increase discoverability and downloads for your apps.'),\r\n [CampaignGoal.UnifiedPromoteApp]: _TL_('Advertise your iOS, Android, or Microsoft Windows apps.'),\r\n [CampaignGoal.SkipGoals]: _TL_('You already know which campaign type you want to use.'),\r\n};\r\n\r\nexport const CampaignGoalDescriptionTextBoostCampaign = {\r\n [CampaignGoal.ConvertCustomers]: _TL_('Acquire more customers to make purchases.'),\r\n [CampaignGoal.Consideration]: _TL_('Retain your current set of users.'),\r\n [CampaignGoal.BrandAwareness]: _TL_('Increase your audience\\'s familiarity with your brand.'),\r\n};\r\n\r\nexport const CampaignGoalPageTwoText = {\r\n [CampaignGoal.ConvertCustomers]: {\r\n primary: _TL_('convert customers'),\r\n secondary: _TL_('conversion-based'),\r\n },\r\n [CampaignGoal.Consideration]: {\r\n primary: _TL_('generate leads'),\r\n secondary: _TL_('lead-based'),\r\n },\r\n [CampaignGoal.BrandAwareness]: {\r\n primary: _TL_('build brand awareness'),\r\n secondary: _TL_('brand awareness-based'),\r\n },\r\n [CampaignGoal.SellProducts]: {\r\n primary: _TL_('sell your products'),\r\n secondary: _TL_('product-based'),\r\n },\r\n [CampaignGoal.PromoteApp]: {\r\n primary: _TL_('promote your apps'),\r\n secondary: _TL_('app-based'),\r\n },\r\n [CampaignGoal.UnifiedPromoteApp]: {\r\n primaryOverride: _TL_('Select an app-based campaign'),\r\n secondaryOverride: _TL_('Choose the platform your app is on'),\r\n },\r\n};\r\n\r\nexport enum CampaignType {\r\n DisplayPlus = 'DisplayPlus',\r\n Search = 'Search',\r\n ConnectedTV = 'ConnectedTV',\r\n LinkedIn = 'LinkedIn',\r\n PerformanceMax = 'PerformanceMax',\r\n Shopping = 'Shopping',\r\n StandardShopping = 'StandardShopping',\r\n SmartShopping = 'SmartShopping',\r\n ShoppingForBrands = 'ShoppingForbrands',\r\n WindowsStore = 'WindowsStore',\r\n WindowsAppStore = 'WindowsAppStore',\r\n Lodging = 'Lodging',\r\n Hotel = 'Hotel',\r\n UnifiedAppAds = 'UnifiedAppAds',\r\n // Deals = 'Deals',\r\n NoneSelected = 'None',\r\n}\r\n\r\nexport const CampaignTypeTitle = {\r\n [CampaignType.DisplayPlus]: _TL_('Audience'),\r\n [CampaignType.Search]: _TL_('Search'),\r\n [CampaignType.ConnectedTV]: _TL_('Premium Streaming'),\r\n [CampaignType.LinkedIn]: _TL_('LinkedIn'),\r\n [CampaignType.PerformanceMax]: _TL_('Performance Max'),\r\n [CampaignType.Shopping]: _TL_('Shopping'),\r\n [CampaignType.StandardShopping]: _TL_('Standard Shopping'),\r\n [CampaignType.SmartShopping]: _TL_('Smart Shopping'),\r\n [CampaignType.ShoppingForBrands]: _TL_('Shopping campaigns for brands'),\r\n [CampaignType.WindowsStore]: _TL_('Microsoft apps'),\r\n [CampaignType.UnifiedAppAds]: _TL_('Universal app'),\r\n [CampaignType.Lodging]: _TL_('Lodging'),\r\n [CampaignType.Hotel]: _TL_('Hotel'),\r\n};\r\n\r\n// description text for campaign types on Advanced campaign card type\r\nexport const CampaignTypeWithGoalDescriptionTextShort = {\r\n [CampaignType.DisplayPlus]: _TL_('Target your ideal audience in the right place at the right time.'),\r\n [CampaignType.Search]: _TL_('Get in front of interested customers across search and search intent-powered display.'),\r\n [CampaignType.ConnectedTV]: _TL_('Show your video ads on premium streaming services, such as Netflix, Paramount, Roku, LG, Samsung, Rakuten, etc.'),\r\n [CampaignType.LinkedIn]: _TL_('Reach professional audiences on their LinkedIn feeds.'),\r\n [CampaignType.PerformanceMax]: _TL_('Provide assets and we\\'ll create ads for you using Microsoft AI.'),\r\n [CampaignType.StandardShopping]: _TL_('Showcase your product inventory to drive purchases.'),\r\n [CampaignType.SmartShopping]: _TL_('Show your products ads to your ideal audience and on search results pages more automatically.'),\r\n [CampaignType.ShoppingForBrands]: _TL_('Boost product sales across all retailers.'),\r\n [CampaignType.WindowsStore]: _TL_('Promote your Microsoft apps in the Store, Start menu, and other Microsoft components. '),\r\n [CampaignType.Lodging]: _TL_('Manage your Hotel price ads and Property promotion ads.'),\r\n [CampaignType.Hotel]: _TL_('Manage your Hotel price ads and Property promotion ads.'),\r\n [CampaignType.UnifiedAppAds]: _TL_('Promote your Windows, Android, or iOS app'),\r\n};\r\n\r\n// TODO There aren't any expanded texts after the text scrub, so we can remove this at some point\r\nexport const CampaignTypeWithGoalDescriptionTextExtended = {\r\n [CampaignType.DisplayPlus]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.DisplayPlus],\r\n [CampaignType.Search]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.Search],\r\n [CampaignType.ConnectedTV]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.ConnectedTV],\r\n [CampaignType.LinkedIn]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.LinkedIn],\r\n [CampaignType.PerformanceMax]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.PerformanceMax],\r\n [CampaignType.StandardShopping]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.StandardShopping],\r\n [CampaignType.SmartShopping]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.SmartShopping],\r\n [CampaignType.ShoppingForBrands]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.ShoppingForBrands],\r\n [CampaignType.WindowsStore]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.WindowsStore],\r\n [CampaignType.Lodging]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.Lodging],\r\n [CampaignType.Hotel]: CampaignTypeWithGoalDescriptionTextShort[CampaignType.Hotel],\r\n};\r\n\r\n// TODO after the text scrub, these texts are duplicates of CampaignTypeWithGoalDescriptionTextShort and so can be removed\r\nexport const CampaignTypeWithNoGoalDescriptionText = {\r\n [CampaignType.DisplayPlus]: _TL_('Target your ideal audience in the right place at the right time.'),\r\n [CampaignType.Search]: _TL_('Get in front of interested customers across search and search intent-powered display.'),\r\n [CampaignType.ConnectedTV]: _TL_('Show your video ads on premium streaming services.'),\r\n [CampaignType.LinkedIn]: _TL_('Create image ads for your LinkedIn audience.'),\r\n [CampaignType.PerformanceMax]: _TL_('Provide assets and we’ll create ads for you using Microsoft AI.'),\r\n [CampaignType.StandardShopping]: _TL_('Advertise your products to your target audience and on search results pages.'),\r\n [CampaignType.SmartShopping]: _TL_('Show your products ads to your ideal audience and on search results pages more automatically.'),\r\n [CampaignType.ShoppingForBrands]: _TL_('Boost product sales across all retailers.'),\r\n [CampaignType.WindowsStore]: _TL_('Increase visibility and downloads for your apps in the Micrsoft Store.'),\r\n [CampaignType.Lodging]: _TL_('Manage your Hotel price ads and Property promotion ads.'),\r\n [CampaignType.Hotel]: _TL_('Manage your Hotel price ads and Property promotion ads.'),\r\n [CampaignType.UnifiedAppAds]: _TL_('Promote your Windows, Android, or iOS app'),\r\n};\r\n\r\nexport const CampaignTypeTooltipIds = {\r\n [CampaignType.DisplayPlus]: 'pop_BA_Onboarding_Audience',\r\n [CampaignType.Search]: 'pop_BA_Onboarding_Search',\r\n [CampaignType.ConnectedTV]: 'pop_BA_Onboarding_PremiumStreaming',\r\n [CampaignType.LinkedIn]: 'pop_BA_Onboarding_LinkedIn',\r\n [CampaignType.PerformanceMax]: 'pop_BA_Onboarding_PMAX',\r\n [CampaignType.StandardShopping]: 'pop_BA_Onboarding_Shopping',\r\n [CampaignType.SmartShopping]: 'pop_BA_Onboarding_SmartShopping',\r\n [CampaignType.ShoppingForBrands]: 'pop_BA_Onboarding_ShoppingBrands',\r\n [CampaignType.Lodging]: 'pop_BA_Onboarding_Lodging',\r\n [CampaignType.Hotel]: 'pop_BA_Onboarding_Lodging',\r\n};\r\n\r\n// possible additional options for campaign types on Advanced campaign card type\r\nexport enum CampaignOptionTypes {\r\n None,\r\n Radio,\r\n Checkbox,\r\n}\r\n\r\nexport enum AdTypes {\r\n Display = 'Display',\r\n Native = 'Native',\r\n Video = 'Video',\r\n AudienceDefault = 'AudienceDefault',\r\n MetaImport = 'MetaImport',\r\n Multimedia = 'Multimedia',\r\n AppInstalls = 'AppInstalls',\r\n AudienceVideo = 'AudienceVideo',\r\n ShoppingAudience = 'ShoppingAudience',\r\n // Premium = 'Premium Bundle',\r\n Netflix = 'Netflix',\r\n Search = 'Search',\r\n AudienceAndSearch = 'AudienceAndSearch',\r\n SmartShopping = 'SmartShopping',\r\n MRN = 'MicrosoftRetailerNetwork',\r\n SPB = 'SponsoredPromotionsByBrand',\r\n WindowsAppStore = 'WindowsAppStore',\r\n AndroidPlayStore = 'AndroidPlayStore',\r\n IosAppStore = 'IosAppStore',\r\n NoneSelected = 'None',\r\n}\r\n\r\nexport const DummyAdTypesMap = {\r\n AudienceDefault: 'Native',\r\n};\r\n\r\nexport const AdTypeTitles = {\r\n [AdTypes.Display]: _TL_('Display ads'),\r\n [AdTypes.Native]: _TL_('Native ads'),\r\n [AdTypes.Video]: _TL_('Video ads'),\r\n [AdTypes.AudienceDefault]: _TL_('Build new campaign'),\r\n [AdTypes.MetaImport]: _TL_('Import From Meta'),\r\n [AdTypes.Multimedia]: _TL_('Search ads'),\r\n [AdTypes.AppInstalls]: _TL_('App Install ads'),\r\n [AdTypes.AudienceVideo]: _TL_('Premium Streaming'),\r\n // [AdTypes.Premium]: _TL_('Premium Bundle'),\r\n [AdTypes.Netflix]: _TL_('Netflix'),\r\n [AdTypes.ShoppingAudience]: _TL_('Audience'),\r\n [AdTypes.Search]: _TL_('Search'),\r\n [AdTypes.AudienceAndSearch]: _TL_('Search'),\r\n [AdTypes.SmartShopping]: _TL_('Smart shopping'),\r\n [AdTypes.MRN]: _TL_('Sponsored retail ads'),\r\n [AdTypes.SPB]: _TL_('Sponsored promotions for brands'),\r\n [AdTypes.WindowsAppStore]: _TL_('Windows'),\r\n [AdTypes.AndroidPlayStore]: _TL_('Android'),\r\n [AdTypes.IosAppStore]: _TL_('iOS'),\r\n};\r\n\r\nexport const AdTypeTooltipIds = {\r\n [AdTypes.Display]: null,\r\n [AdTypes.Native]: null,\r\n [AdTypes.Video]: null,\r\n [AdTypes.Multimedia]: 'pop_BA_Onboarding_Search',\r\n [AdTypes.AppInstalls]: 'pop_BA_Onboarding_AppInstalls',\r\n [AdTypes.AudienceVideo]: null,\r\n // [AdTypes.Premium]: '',\r\n [AdTypes.Netflix]: null,\r\n [AdTypes.ShoppingAudience]: null,\r\n [AdTypes.Search]: null,\r\n [AdTypes.AudienceAndSearch]: null,\r\n [AdTypes.SmartShopping]: 'pop_BA_Onboarding_SmartShopping',\r\n [AdTypes.MRN]: null,\r\n [AdTypes.SPB]: null,\r\n};\r\n\r\nexport const AdTypesSelectionHeaderText = {\r\n AdTypeGeneric: _TL_('Where do you want to show your ads?'),\r\n Shopping: _TL_('Choose the type of shopping campaign you prefer'),\r\n CTV: _TL_('Where do you want to show your ads?'),\r\n UnifiedAppAds: _TL_('Which platform is your app on?'),\r\n};\r\n\r\n// Possible objective IDs based on the goal+campaign selected\r\nexport const ObjectiveIDs = {\r\n WebsiteVisits: 'WebsiteVisits',\r\n LocationVisits: 'LocationVisits',\r\n WebsiteConversions: 'WebsiteConversions',\r\n PhoneCalls: 'PhoneCalls',\r\n AppInstalls: 'AppInstalls',\r\n SmartCampaign: 'SmartCampaign',\r\n ShoppingCampaign: 'ShoppingCampaign',\r\n SponsoredShoppingCampaign: 'SponsoredShoppingCampaign',\r\n MSStoreAds: 'MSStoreAds',\r\n VideoCampaign: 'VideoCampaign',\r\n MediaPackageCampaign: 'MediaPackageCampaign',\r\n AdImpressions: 'AdImpressions',\r\n HotelBooking: 'HotelBooking',\r\n Conversions: 'Conversions',\r\n Consideration: 'Consideration',\r\n Awareness: 'Awareness',\r\n};\r\n\r\nexport const LocalStorageKeys = {\r\n DisplayPlusCampaignType: 'DisplayPlusCampaignType',\r\n XandrVideoCampaignType: 'XandrVideoCampaignType',\r\n UnifiedAppCampaignAdType: 'UnifiedAppCampaignAdType',\r\n};\r\n\r\nexport interface ICampaignAdTypes {\r\n [adType: string]: {\r\n [type: string]: {\r\n id: AdTypes,\r\n icon?: string,\r\n title: string,\r\n description: string,\r\n learnMoreId?: string,\r\n tooltipId?: string,\r\n hasFACBadge?: boolean,\r\n }\r\n }\r\n}\r\n\r\n// map of campaign types and their possible ad types\r\nexport const CampaignAdTypes: ICampaignAdTypes = {\r\n [CampaignType.DisplayPlus]: {\r\n Native: {\r\n id: AdTypes.Native,\r\n title: AdTypeTitles[AdTypes.Native],\r\n description: _TL_('Show personalized, visually rich ads.'),\r\n learnMoreId: 'app54714',\r\n },\r\n Display: {\r\n id: AdTypes.Display,\r\n title: AdTypeTitles[AdTypes.Display],\r\n description: _TL_('Showcase eye-catching, customized image ads.'),\r\n learnMoreId: 'ext60196',\r\n },\r\n Video: {\r\n id: AdTypes.Video,\r\n title: AdTypeTitles[AdTypes.Video],\r\n description: _TL_('Show online video ads.'),\r\n learnMoreId: 'app54794',\r\n },\r\n AudienceDefault: {\r\n id: AdTypes.AudienceDefault,\r\n title: AdTypeTitles[AdTypes.AudienceDefault],\r\n description: _TL_('Create an audience campaign with Microsoft'),\r\n },\r\n MetaImport: {\r\n id: AdTypes.MetaImport,\r\n title: AdTypeTitles[AdTypes.MetaImport],\r\n description: _TL_('Quickly transfer your existing Meta campaign'),\r\n },\r\n },\r\n [CampaignType.Search]: {\r\n Multimedia: {\r\n id: AdTypes.Multimedia,\r\n title: AdTypeTitles[AdTypes.Multimedia],\r\n description: _TL_('Show ads for your products and services. '),\r\n tooltipId: AdTypeTooltipIds[AdTypes.Multimedia],\r\n },\r\n AppInstalls: {\r\n id: AdTypes.AppInstalls,\r\n title: AdTypeTitles[AdTypes.AppInstalls],\r\n description: _TL_('Show ads for your mobile apps.'),\r\n tooltipId: AdTypeTooltipIds[AdTypes.AppInstalls],\r\n },\r\n },\r\n [CampaignType.ConnectedTV]: {\r\n AudienceVideo: {\r\n id: AdTypes.AudienceVideo,\r\n title: AdTypeTitles[AdTypes.AudienceVideo],\r\n description: _TL_('Show video ads on premium streaming services. Upload broadcast-quality videos or allow Copilot to create videos.'),\r\n learnMoreId: 'app54794',\r\n },\r\n // Premium not included for now\r\n // Premium: {\r\n // title: AdTypes.Premium,\r\n // description: 'Custom creatives for ads that stand out on the page',\r\n // },\r\n Netflix: {\r\n id: AdTypes.Netflix,\r\n title: AdTypeTitles[AdTypes.Netflix],\r\n description: _TL_('Show video ads only on Netflix. Upload broadcast-quality videos.'),\r\n },\r\n },\r\n [CampaignType.LinkedIn]: {\r\n // no ad types\r\n },\r\n [CampaignType.PerformanceMax]: {\r\n // no ad types\r\n },\r\n [CampaignType.StandardShopping]: {\r\n ShoppingAudience: {\r\n id: AdTypes.ShoppingAudience,\r\n title: AdTypeTitles[AdTypes.ShoppingAudience],\r\n description: _TL_('Show your product ads in native placements on any device across sites such as Microsoft Edge, MSN, Microsoft Start, Outlook, and more.'),\r\n },\r\n Search: {\r\n id: AdTypes.AudienceAndSearch,\r\n title: AdTypeTitles[AdTypes.AudienceAndSearch],\r\n description: _TL_('Show your product ads to customers who are searching and browsing on relevant sites, such as Bing, AOL, DuckDuckGo, Ecosia, Yahoo, and more.'),\r\n hasFACBadge: true,\r\n },\r\n SmartShopping: {\r\n id: AdTypes.SmartShopping,\r\n title: AdTypeTitles[AdTypes.SmartShopping],\r\n description: _TL_('Show your product ads to your ideal audience and on search results pages more automatically.'),\r\n hasFACBadge: true,\r\n },\r\n },\r\n [CampaignType.ShoppingForBrands]: {\r\n MRN: {\r\n id: AdTypes.MRN,\r\n title: AdTypeTitles[AdTypes.MRN],\r\n description: _TL_('Target in-market customers with product ads across Bing and the retailer’s network.'),\r\n },\r\n SPB: {\r\n id: AdTypes.SPB,\r\n title: AdTypeTitles[AdTypes.SPB],\r\n description: _TL_('Target in-market customers with cashback promotions when they shop on Edge.'),\r\n },\r\n },\r\n [CampaignType.WindowsStore]: {\r\n // no ad types\r\n },\r\n [CampaignType.Lodging]: {\r\n // no ad types\r\n },\r\n [CampaignType.Hotel]: {\r\n // no ad types\r\n },\r\n [CampaignType.UnifiedAppAds]: {\r\n WindowsAppStore: {\r\n id: AdTypes.WindowsAppStore,\r\n icon: AdTypes.WindowsAppStore,\r\n title: AdTypeTitles[AdTypes.WindowsAppStore],\r\n description: _TL_('Promote your Windows app on the Microsoft Windows app store.'),\r\n learnMoreId: 'app54714',\r\n },\r\n IosAppStore: {\r\n id: AdTypes.IosAppStore,\r\n icon: AdTypes.IosAppStore,\r\n title: AdTypeTitles[AdTypes.IosAppStore],\r\n description: _TL_('Promote your iOS app on mobile devices across the Microsoft Advertising Network.'),\r\n learnMoreId: 'app54794',\r\n },\r\n AndroidPlayStore: {\r\n id: AdTypes.AndroidPlayStore,\r\n icon: AdTypes.AndroidPlayStore,\r\n title: AdTypeTitles[AdTypes.AndroidPlayStore],\r\n description: _TL_('Promote your Android app on mobile devices across the Microsoft Advertising Network.'),\r\n learnMoreId: 'ext60196',\r\n },\r\n },\r\n};\r\n\r\n// returns a filtered map of campaign types and their possible ad types based on the disabled ad types\r\nexport const getCampaignAdTypes = (disabledAdTypes: AdTypes[]): ICampaignAdTypes => {\r\n const filteredMap: ICampaignAdTypes = {};\r\n Object.entries(CampaignAdTypes).forEach(([campaignType, adTypes]) => {\r\n filteredMap[campaignType] = {};\r\n Object.entries(adTypes).forEach(([key, options]) => {\r\n if (!disabledAdTypes.includes(options.id as AdTypes)) {\r\n filteredMap[campaignType][key] = CampaignAdTypes[campaignType][key];\r\n }\r\n });\r\n });\r\n return filteredMap;\r\n\r\n};\r\n\r\nexport const xandrVideoCampaignTypes = {\r\n xandrVideoWeb: 'XandrVideoWebCampaign',\r\n xandrVideoCtv: 'XandrVideoCtvCampaign',\r\n};\r\n\r\nexport const adImpressionsCampaignTypes = {\r\n nativeAds: 'NativeAdsCampaign',\r\n displayAds: 'DisplayAdsCampaign',\r\n};\r\n\r\nexport const sponsoredProductCampaignTypes = {\r\n spa: 'MicrosoftRetailerNetwork',\r\n spb: 'SponsoredPromotionsByBrand',\r\n};\r\n\r\nexport interface ICampaignGoalToCampaignType {\r\n title: string,\r\n tooltipId: string | undefined,\r\n defaultObjectiveID: string,\r\n ObjectiveIDsForAdTypes?: { [adTypeId: string]: string },\r\n optionsType: CampaignOptionTypes,\r\n optionsHeader?: string,\r\n options?: { id: AdTypes, title: string, description: string, learnMoreId?: string, tooltipId?: string, }[],\r\n enableOptions?: Function,\r\n titleOverride?: string,\r\n descriptionOverride?: string,\r\n descriptionExtendedOverride?: string,\r\n defaultAdType?: AdTypes,\r\n hasFACBadge?: boolean,\r\n}\r\n\r\nexport interface ICampaignGoalsToCampaignTypesMap {\r\n [goal: string]: CampaignType[],\r\n}\r\n\r\nexport const CampaignGoalsToCampaignTypesMap: ICampaignGoalsToCampaignTypesMap = {\r\n [CampaignGoal.ConvertCustomers]: [\r\n CampaignType.PerformanceMax,\r\n CampaignType.DisplayPlus,\r\n CampaignType.Search,\r\n CampaignType.Hotel,\r\n CampaignType.Lodging,\r\n ],\r\n [CampaignGoal.SellProducts]: [\r\n CampaignType.PerformanceMax,\r\n CampaignType.StandardShopping,\r\n CampaignType.SmartShopping,\r\n CampaignType.ShoppingForBrands,\r\n ],\r\n [CampaignGoal.PromoteApp]: [\r\n CampaignType.WindowsStore,\r\n CampaignType.Search,\r\n ],\r\n [CampaignGoal.UnifiedPromoteApp]: [\r\n CampaignType.UnifiedAppAds,\r\n ],\r\n [CampaignGoal.Consideration]: [\r\n CampaignType.DisplayPlus,\r\n CampaignType.Search,\r\n CampaignType.LinkedIn,\r\n ],\r\n [CampaignGoal.BrandAwareness]: [\r\n CampaignType.DisplayPlus,\r\n CampaignType.ConnectedTV,\r\n CampaignType.LinkedIn,\r\n ],\r\n};\r\n\r\nexport const getCampaignGoalToCampaignTypeMap = (disabledCampaignTypes: CampaignType[]): ICampaignGoalsToCampaignTypesMap => {\r\n const map = CampaignGoalsToCampaignTypesMap;\r\n const filteredMap: ICampaignGoalsToCampaignTypesMap = {};\r\n Object.entries(map).forEach(([goal, campaignTypes]) => {\r\n filteredMap[goal] = [];\r\n campaignTypes.forEach((campaignType) => {\r\n if (!disabledCampaignTypes.includes(campaignType)) {\r\n filteredMap[goal].push(campaignType);\r\n }\r\n });\r\n });\r\n return filteredMap;\r\n};\r\n\r\n// required types for showing custom sections\r\nexport const CustomSectionConfig = {\r\n [CampaignType.PerformanceMax]: {\r\n goal: [CampaignGoal.ConvertCustomers, CampaignGoal.SellProducts, CampaignGoal.SkipGoals],\r\n campaignType: [CampaignType.PerformanceMax],\r\n shouldRender: ({ selectedGoal, selectedCampaignType, permissions = { dynamic: {} } }) => {\r\n const config = CustomSectionConfig[selectedCampaignType] || {};\r\n\r\n const { goal = [], campaignType = [] } = config;\r\n\r\n return goal.includes(selectedGoal) && campaignType.includes(selectedCampaignType) && (permissions.dynamic as Record\r\n
\r\n )\r\n }\r\n \r\n
\r\n {i18n.getString(_TL_('Which store would you like to use?'))}
\r\n {i18n.getString(_TL_('We will use products from catalogs you upload to Merchant Center and use them to create ads.'))}
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n {\r\n aid && cid && uid && (\r\n
\r\n \r\n
\r\n \r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\n\r\ninterface AdTypeSelectionPageHeaderProps {\r\n children: React.ReactNode,\r\n}\r\n\r\nAdTypeSelectionPage.Header = (props: AdTypeSelectionPageHeaderProps) => {\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const {\r\n children,\r\n } = props;\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\n\r\ninterface AdTypeSelectionPageTitleProps {\r\n children: React.ReactNode,\r\n}\r\n\r\nAdTypeSelectionPage.Title = (props: AdTypeSelectionPageTitleProps) => {\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const {\r\n children,\r\n } = props;\r\n\r\n return (\r\n {children}\r\n );\r\n};\r\n\r\n\r\ninterface AdTypeSelectionPageSubTitleProps {\r\n children: React.ReactNode,\r\n}\r\n\r\nAdTypeSelectionPage.SubTitle = (props: AdTypeSelectionPageSubTitleProps) => {\r\n const styles = useDefaultStyles(getStyles);\r\n\r\n const {\r\n children,\r\n } = props;\r\n\r\n return (\r\n {children}\r\n );\r\n};\r\n\r\n\r\ninterface AdTypeSelectionPageBodyProps {\r\n children: React.ReactNode,\r\n}\r\n\r\nAdTypeSelectionPage.Body = (props: AdTypeSelectionPageBodyProps) => {\r\n const {\r\n children,\r\n } = props;\r\n\r\n return (\r\n {children}
\r\n );\r\n};\r\n","import { makeStyles } from '@fluentui/react-components';\r\n\r\nexport const useFooterStyles = makeStyles({\r\n container: {\r\n marginTop: '8px',\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n },\r\n saveButton: {\r\n marginRight: '8px',\r\n },\r\n containerLeft: {\r\n marginTop: '8px',\r\n display: 'flex',\r\n },\r\n});\r\n","import React, { useContext, useCallback } from 'react';\r\nimport classNames from 'classnames';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { FORM_STATES, FORM_EVENTS, useFormService } from '@bingads-webui-react/form';\r\nimport { Button } from '@fluentui/react-components';\r\n\r\nimport { useFooterStyles } from '../styles/footer-styles';\r\n\r\nexport function withFooter(WrappedComponent, showBudgetSuggestion?) {\r\n const HoC = (props) => {\r\n const i18n = useContext(I18nContext) as any;\r\n const styles = useFooterStyles();\r\n const { state, send } = useFormService();\r\n const isLoading = state.matches(FORM_STATES.LOADING);\r\n\r\n const onSave = useCallback(() => send(FORM_EVENTS.SAVE), [send]);\r\n const onCancel = useCallback(() => send(FORM_EVENTS.CANCEL), [send]);\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {showBudgetSuggestion &&\r\n \r\n \r\n \r\n
}\r\n \r\n );\r\n };\r\n HoC.defaultProps = {\r\n headerState: undefined,\r\n };\r\n return HoC;\r\n}\r\n","import { useContext, useCallback } from 'react';\r\nimport { ScopeContext } from '@bingads-webui-react/scope-service';\r\nimport { getCampaignStatus, getCampaignStatusPromise } from '@bingads-webui-campaign-react/pmax-overview-data';\r\n\r\nexport const useReadCampaign = ({ set }) => {\r\n const { scope } = useContext(ScopeContext) as any;\r\n const {\r\n cid, aid, campaignId,\r\n } = scope.values;\r\n\r\n return useCallback(() => getCampaignStatus({\r\n cid, aid, campaignId, set,\r\n }), [aid, campaignId, cid, set]);\r\n};\r\n\r\nexport const useReadCampaignPromise = () => {\r\n const { scope } = useContext(ScopeContext) as any;\r\n const {\r\n cid, aid, campaignId,\r\n } = scope.values;\r\n\r\n return useCallback(() => getCampaignStatusPromise({ cid, aid, campaignId }), [aid, campaignId, cid]);\r\n};\r\n","import { edmCampaign } from '@bingads-webui/edm-campaign';\r\n\r\nexport const createOrUpdateCampaign = (data) => {\r\n const campaignEDM = edmCampaign.types.resolve('Model.ShoppingCampaign');\r\n const campaignResource = new campaignEDM.ResourceIdentifier();\r\n const createOrUpdateCall = data && data.Id ?\r\n campaignResource.bulkUpdate.bind(campaignResource) :\r\n campaignResource.bulkCreate.bind(campaignResource);\r\n return createOrUpdateCall(data);\r\n};\r\n","import { useState, useCallback, useContext, useMemo } from 'react';\r\nimport _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { ScopeContext } from '@bingads-webui-react/scope-service';\r\nimport { ServerContext } from '@bingads-webui-campaign-react/server-context';\r\nimport { MAX_CONVERSIONS } from '@bingads-webui-campaign-react/bid-strategy-component';\r\nimport { InstrumentationContext } from '@bingads-webui-react/hoc-with-instrumentation';\r\nimport { showBudgetBidCampaignNotifications } from '@bingads-webui-campaign/import-shared-utils';\r\nimport { LogTargetCpaCheckOnSave } from '@bingads-webui-campaign-react/target-cpa-warning-banner';\r\n\r\nimport { useReadCampaignPromise } from './use-read-campaign';\r\nimport { createOrUpdateCampaign } from '../utils/create-or-update-campaign';\r\n\r\nexport const useRepository = (isBudget: Boolean) => {\r\n const { scope } = useContext(ScopeContext) as any;\r\n const { campaignId } = scope.values;\r\n const instrumentation = useContext(InstrumentationContext) as any;\r\n const readCampaign = useReadCampaignPromise();\r\n const [initialCampaign, setInitialCampaign] = useState\r\n \r\n { },\r\n }}\r\n >{\r\n !isBSLoading &&\r\n \r\n
\r\n );\r\n};\r\n\r\nconst BudgetForm = ({ closeDialog, log, showBudgetSuggestion }: { closeDialog: Function, log: { trace: Function }, showBudgetSuggestion: Boolean}) => {\r\n const onDoneSaving = useCallback((...params) => {\r\n log.trace('Budget form popover closed: saved');\r\n closeDialog(...params);\r\n }, [log, closeDialog]);\r\n\r\n const onCanceled = useCallback((...params) => {\r\n log.trace('Budget form popover closed: canceled');\r\n closeDialog(...params);\r\n }, [log, closeDialog]);\r\n\r\n useEffect(() => {\r\n log.trace('Budget card popover rendered');\r\n }, [log]);\r\n\r\n const config = useMemo(() => ({\r\n id: 'budget-form',\r\n view: withFooter(FormViewWrapper, showBudgetSuggestion),\r\n repository: useBudgetRepository,\r\n machineOptions: {\r\n actions: {\r\n onDoneSaving,\r\n onCanceled,\r\n },\r\n },\r\n }), [onCanceled, onDoneSaving, showBudgetSuggestion]);\r\n return ();\r\n};\r\n\r\nexport const BudgetCard: React.FunctionComponent<{ contentReady: Function }> = ({ contentReady }: { contentReady: Function }) => {\r\n const i18n = useContext(I18nContext) as any;\r\n const instrumentation = useContext(InstrumentationContext) as any;\r\n const serverContext = useContext(ServerContext) as any;\r\n const currency = serverContext?.CurrentAccount?.CurrencyCode;\r\n\r\n const log = useMemo(() => {\r\n if (instrumentation && instrumentation.campaignOverviewEdit) {\r\n const scenario = instrumentation.campaignOverviewEdit.create();\r\n return scenario.budgetEdit.create();\r\n }\r\n return {\r\n trace: _.noop,\r\n error: _.noop,\r\n };\r\n }, [instrumentation]);\r\n\r\n const [budgetText, setBudgetText] = useState\r\n {!showBudgetSuggestionData &&\r\n
\r\n }\r\n \r\n {i18n.getString(_TL_('Your ads could be shown more often. You can increase your budget to ensure more ad exposure.'))}\r\n
\r\n }\r\n \r\n \r\n \r\n
);\r\n};\r\n\r\nconst BidStrategyForm = ({ closeDialog, log }: { closeDialog: Function, log: { trace: Function } }) => {\r\n const onDoneSaving = useCallback((...params) => {\r\n log.trace('Bid strategy form popover closed: saved');\r\n closeDialog(...params);\r\n }, [log, closeDialog]);\r\n\r\n const onCanceled = useCallback((...params) => {\r\n log.trace('Bid strategy form popover closed: canceled');\r\n closeDialog(...params);\r\n }, [log, closeDialog]);\r\n\r\n useEffect(() => {\r\n log.trace('Bid strategy card popover rendered');\r\n }, [log]);\r\n\r\n const config = useMemo(() => ({\r\n id: 'bid-strategy-form',\r\n view: withFooter(FormViewWrapper),\r\n repository: useBidStrategyRepository,\r\n machineOptions: {\r\n actions: {\r\n onDoneSaving,\r\n onCanceled,\r\n },\r\n },\r\n }), [onCanceled, onDoneSaving]);\r\n return ();\r\n};\r\n\r\nconst getBidStrategyText = (campaign, i18n) => {\r\n if (campaign.CampaignType === 'PerformanceMax') {\r\n return campaign?.BiddingScheme?.Type === MAX_CONVERSIONS.type ? i18n.getString(MAX_CONVERSIONS.text) : i18n.getString(MAX_CONVERSIONS_VALUE.text);\r\n }\r\n if (campaign.CampaignType === 'LinkedIn') {\r\n return getLinkedInBidStrategyText(campaign, i18n);\r\n }\r\n return '';\r\n};\r\n\r\nexport const BidStrategyCard: React.FunctionComponent<{ contentReady: Function }> = ({ contentReady }: { contentReady: Function }) => {\r\n const i18n = useContext(I18nContext) as any;\r\n const instrumentation = useContext(InstrumentationContext) as any;\r\n\r\n const [bidStrategyText, setBidStrategyText] = useState\r\n
\r\n );\r\n });\r\n","import performanceImage from '../media/performance.svg';\r\nimport recommendationsImage from '../media/recommendations.svg';\r\nimport campaignsImage from '../media/campaigns.svg';\r\nimport topChangesImage from '../media/top-changes.svg';\r\nimport conversionTrackingImage from '../media/conversion-tracking.svg';\r\nimport keywordsImage from '../media/keywords.svg';\r\nimport searchTermsImage from '../media/search-terms.svg';\r\nimport devicesImage from '../media/devices.svg';\r\nimport competitionImage from '../media/competition.svg';\r\nimport adGroupsImage from '../media/ad-groups.svg';\r\nimport accountsImage from '../media/accounts.svg';\r\nimport topLocationsImage from '../media/top-locations.svg';\r\n\r\nexport const CARD_CONFIG = {\r\n 'CardType-Performance': {\r\n icon: performanceImage,\r\n title: _TL_('Performance'),\r\n description: _TL_('View your campaigns\\' key performance data all in one place'),\r\n },\r\n 'CardType-Recommendations': {\r\n icon: recommendationsImage,\r\n title: _TL_('Recommendations'),\r\n description: _TL_('View key untapped strategies to ensure that you are getting the most out of your Microsoft advertising experience.'),\r\n },\r\n 'CardType-TopCampaigns': {\r\n icon: campaignsImage,\r\n title: _TL_('Campaigns'),\r\n description: _TL_('View your top campaigns of interest based on their performance data.'),\r\n },\r\n 'CardType-TopChanges-Campaign': {\r\n icon: topChangesImage,\r\n title: _TL_('Top changes'),\r\n description: _TL_('Identify which campaigns and ad groups are responsible for the biggest changes to your account.'),\r\n },\r\n 'CardType-TopChanges-Account': {\r\n icon: topChangesImage,\r\n title: _TL_('Top changes'),\r\n description: _TL_('Identify which accounts are responsible for the biggest changes.'),\r\n },\r\n 'CardType-TopChanges-AdGroup': {\r\n icon: topChangesImage,\r\n title: _TL_('Top changes'),\r\n description: _TL_('Identify which campaigns and ad groups are responsible for the biggest changes to your account.'),\r\n },\r\n 'CardType-Conversion-Tracking': {\r\n icon: conversionTrackingImage,\r\n title: _TL_('Conversion tracking'),\r\n description: _TL_('Conversions track website actions to measure campaign performance.'),\r\n },\r\n 'CardType-TopKeyword': {\r\n icon: keywordsImage,\r\n title: _TL_('Keywords'),\r\n description: _TL_('View your top keywords of interest based on their performance data.'),\r\n },\r\n 'CardType-TopSearchTerms': {\r\n icon: searchTermsImage,\r\n title: _TL_('What people searched'),\r\n description: _TL_('Get a quick glance into what queries potential customers are searching for to trigger your ads.'),\r\n },\r\n 'CardType-Device': {\r\n icon: devicesImage,\r\n title: _TL_('Devices'),\r\n description: _TL_('Get insights on how your campaigns perform by device type.'),\r\n },\r\n 'CardType-Competition': {\r\n icon: competitionImage,\r\n title: _TL_('Competition'),\r\n description: _TL_('View your campaign\\'s key performance data all in one place.'),\r\n },\r\n 'CardType-TopLocations': {\r\n icon: topLocationsImage,\r\n title: _TL_('Top locations'),\r\n description: _TL_('Highlights the top 10 best performing locations within the location targets you initially set.'),\r\n },\r\n 'CardType-TopAdGroup': {\r\n icon: adGroupsImage,\r\n title: _TL_('Ad groups'),\r\n description: _TL_('View your top ad groups of interest based on their performance data.'),\r\n },\r\n 'CardType-TopAccounts': {\r\n icon: accountsImage,\r\n title: _TL_('Accounts'),\r\n description: _TL_('View your top accounts of interest based on their performance data.'),\r\n },\r\n};\r\n","import { makeStyles, tokens, shorthands } from '@fluentui/react-components';\r\n\r\nconst cardStyle = {\r\n width: '280px',\r\n height: '185px',\r\n};\r\nexport const useCardStyles = makeStyles({\r\n card: cardStyle,\r\n cardSelected: {\r\n ...cardStyle,\r\n ...shorthands.border('1px', 'solid', tokens.colorNeutralForeground2BrandHover),\r\n },\r\n checkmark: {\r\n position: 'absolute',\r\n top: '0',\r\n right: '0',\r\n width: '16px',\r\n height: '16px',\r\n marginTop: '16px',\r\n marginRight: '16px',\r\n color: tokens.colorNeutralForeground2BrandHover,\r\n },\r\n image: {\r\n ...shorthands.margin('8px'),\r\n height: '45px',\r\n width: '45px',\r\n },\r\n header: {\r\n maxHeight: '52px',\r\n },\r\n textArea: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n title: {\r\n marginTop: '16px',\r\n marginBottom: '4px',\r\n },\r\n});\r\n","import React, { useCallback } from 'react';\r\nimport classNames from 'classnames';\r\nimport {\r\n Card as FluentCard,\r\n Caption1,\r\n Text,\r\n Image,\r\n} from '@fluentui/react-components';\r\nimport { CheckmarkCircleFilled } from '@fluentui/react-icons';\r\n\r\nimport { CARD_CONFIG } from './card-config';\r\nimport { CardProps } from './types';\r\nimport { useCardStyles } from './styles/card-styles';\r\n\r\nexport function Card({\r\n i18n,\r\n cardId,\r\n isSelected,\r\n onCardSelectionChange,\r\n}: CardProps) {\r\n const styles = useCardStyles() as any;\r\n const onCardClicked = useCallback(() => onCardSelectionChange(cardId, !isSelected), [cardId, isSelected, onCardSelectionChange]);\r\n const handleSpace = useCallback((e) => {\r\n if (e.key === ' ') {\r\n onCardClicked();\r\n }\r\n }, [onCardClicked]);\r\n if (!CARD_CONFIG[cardId]) return null;\r\n return (\r\n \r\n \r\n {i18n.getString(CARD_CONFIG[cardId].title)}\r\n \r\n {i18n.getString(CARD_CONFIG[cardId].description)} \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n <>{i18n.getString(_TL_('Select what tiles you would like to see in this overview.'))}\r\n \r\n \r\n \r\n \r\n \r\n {i18n.getString(tileLabel, { count: selectedCount })}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n"],"names":["getTextInputContainerStyles","TextInputContainer","width","color","BusinessNameWithValidation","props","id","i18n","maxLength","updateValidation","validationProps","onBusinessNameChanged","showLabel","data","activity","useContext","ActivityContext","businessName","_","getErrorMessages","useCallback","value","textLength","getLength","getString","_TL_","useEffect","BusinessName","onChanged","event","signal","concat","JSON","stringify","classes","useDefaultStyles","useMemo","_jsx","className","classnames","children","RemainingCharsUnvalidatedTextField","defaultValue","onChange","maxLengthHint","label","ariaLabel","defaultProps","undefined","SelectableItem","_React$PureComponent","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","handleKeyDown","keyCode","handleClick","_this$props","siteMapId","siteMapAvailable","onClick","_inherits","_createClass","key","_this$props2","this","isSelected","ariaItemSize","ariaItemIndex","showWarning","isNewFeature","rootClass","selectableButton","_jsxs","onMouseOver","onFocus","onKeyDown","type","tabIndex","checked","React","identity","text","StyledSelectableItem","withDefaultStyles","getSelectableItemStyles","ObjectiveItem","helpKeyDown","helpClick","stopPropagation","window","PopupController","PopupJsClick","target","handleDescription","description","wordArray","split","updatedDescription","pop","join","renderObjectiveItemContent","iconName","descriptionLine","helpId","helpArialLabel","showFACBadge","FACInfo","isSVGIcon","classNames","_objectSpread","objectiveItemContent","objectiveIcon","Glyphicon","glyph","objectiveDescription","objectiveHelpIcon","topic","newFeatureLabel","facLabel","CouponValue","CouponValueWithCurrency","objectiveItem","StyledObjectiveItem","compose","TempComponent","getObjectiveItemStyles","withI18nConsumer","wrap","ActionList","_ref","title","actionItems","ariaLabelId","Math","floor","random","actionList","role","map","item","index","StyledActionList","getActionListStyles","AdTypeItem","handleAdTypeClick","disabled","onSelect","itemId","dealDetails","state","isSmartShoppingWarningVisible","isPerfMaxWarningVisible","warningMessageTarget","isShowWarning","setState","smartShoppingWarningMessage","img","audienceAdsPolicy","period","helpTopicId","ref","adTypeItem","bind","Row","src","alt","rel","href","LearnMoreLink","linkText","Callout","smartShoppingWarningCallout","current","directionalHint","DirectionalHint","leftCenter","calloutWidth","rightCenter","StyledAdTypeItem","getAdTypeItemStyles","isTargetHasValue","deal","targetType","getTargetConstraints","mandatory","DealFilterBar","deals","onFilter","locationFilterOptions","isEnabledDealsV2","getChooseAdsPanelStyles","locationOptions","_useState","useState","_useState2","_slicedToArray","ronFilter","setRonFilter","_useState3","_useState4","ageFilter","setAgeFilter","_useState5","_useState6","genderFilter","setGenderFilter","_useState7","_useState8","genreFilter","setGenreFilter","currentLocation","config","get","Market","currentLocationInOptions","find","location","usLocationOptions","defaultLocationOptions","_useState9","_useState10","locationFilter","setLocationFilter","applyFilterToDeal","tmpDeals","slice","filter","toLowerCase","includes","Genre","AgeRange","String","Id","dealFilterBar","Dropdown","placeholder","options","selectedKey","ev","styles","dropdown","NFDealAccountPreferenceName","noSmartShoppingReasonRef","ChooseAdsPanel","handleNextButtonClick","handleNavigation","permissions","preferenceService","_this$state","selectedVideoChannelType","netflixDealTCAccepted","selectedDeal","selectedAdImpressionsType","selectedSponsoredProductCampaignType","set","isLocalStorageSupported","localStorage","isNetflixDealSelected","setAtAccountLevel","Name","Data","Type","Version","showPerfMaxCampaignTypeOptions","showShoppingCampaignTypeOptions","selectedCampaignType","shoppingCampaignTypes","standard","IsAIMCampaignEnabled","selectedAdType","handleAdTypeSelect","adTypeId","handleCampaignTypeSelect","handleShoppingCampaignTypeSelect","handleXanerVideoCampaignChannelSelect","handleSponsoredProductCampaignTypeSelect","handleDealSelect","handleAdImpressionsCampaignChannelSelect","handleCheckNFDealIterm","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_context","prev","next","stop","handleDealFilter","filteredDeals","isAcceptNetflixDealTCs","findByNameAtAccountLevel","isNetflixDeal","createService","getLocalStorage","supportsStorage","invalidate","isPerfMaxCampaignDisabled","isSmartShoppingCampaignDisabled","loading","locationMap","smartShoppingNotSupportedReason","prevProps","fetchIsSmartShoppingCampaignEnabled","fetchIsPerfMaxCampaignEnabled","fetchDeals","adTypeConfig","shoppingCampaignTypeConfig","perfMaxCampaignTypeConfig","standardShoppingCampaignTypeConfig","xandrVideoCampaignTypeConfig","adImpressionsCampaignTypeConfig","_this$props3","shoppingCampaignSubTypeTitle","campaignTypeTitle","isPerfMaxCampaign","_this$props4","scope","siteMap","smartShoppingWarning","campaignType","smartShoppingWarningLink","evt","preventDefault","pathname","getRoutePathById","history","push","search","_this$props5","NO_AVAILABLE_GOAL","getConversionGoalWarningMessage","MORE_THAN_100","_fetchDeals","_callee2","serverContext","_scope$values","cid","aid","lcid","locationIds","locationResponse","_context2","IsDealEnabledForMsAds","abrupt","values","CurrentUser","LocaleID","IsEnabledDealsV2","getDealsV2","then","response","sent","getDeals","uniq","flatten","getCountriesLocations","each","CountryCode","EnglishName","_x","apply","_this2","isSmartShoppingCampaignEnabled","fetchIsSmartShoppingCampaignSupportedWithLegacyCode","_ref2","supported","reason","NO_PILOT","smart","_this3","Promise","resolve","_this3$createService","fetchIsSmartShoppingCampaignSupported","noSmartShoppingReason","_this$state2","_this4","_this$props6","_this$state3","campaignTypeOptions","IsDomesticSimplifiedChineseEnabled","campaignTypesToShow","standardCampaignType","audienceCampaignType","campaigntype","xandrVideoCampaignType","IsDealFilterEnabled","hideDealImpression","isDealGenreRestricted","configItem","EstimatedImpressions","style","fontSize","fontWeight","bytesForHuman","targetConstraintsToText","MinimumBid","decimal","fromFloatToString","MTCurrencyConvertor","Currency","getVideoConstraintDuration","adImpressionCampaignType","sponsoredProductCampaignTypeConfig","warningMessage","campaignTypeLength","perfMaxCampaignType","getSmartShoppingWarningMessage","shoppingOptions","shopppingCampaignTypes","isSmartShoppingDisabled","standardShoppingCampaignType","adTypes","Checkbox","_Fragment","Link","defaultChecked","MessageBar","_this$props7","isOpen","onClose","isMMCSetup","_this$state4","optionsLength","Panel","getPanelTitle","panelClassName","chooseObjectivePanel","panelReadyAriaLabel","chooseAdsPanelBody","Loading","isVisible","renderOptions","isBoolean","isMultiline","renderConsentCheckBox","chooseAdsPanelFooter","Button","nextButton","btnStyle","isNextButtonDisabled","cancelButton","nextProps","prevState","StyledChooseAdsPanel","withScope","withSiteMap","withPermissions","ChooseObjective","getFACData","ccJsData","CurrencyCode","FeatureAdoptionCoupon","findAll","coupons","catch","Status","FeatureId","parseInt","FAC_FEATURE_ID","SHOPPING_CAMPAIGN","CCUIConstants","RecommendationAdoptionStatus","NotInProgess","Active","couponDetails","formatCurrency","getDescription","setSelectedItemFromQueryString","selectedItemKeyFromSearch","selectedCampaignObjectiveKey","objectivesConfig","isEnabled","some","handleSelectedObjective","showPanel","isPanelOpen","dynamic","PerformanceMaxCampaigns","getProductData","closePanel","selectedItemId","_ref3","isSmartCampaign","isHotelBooking","isAppInstall","IsRenameHotelToLodgingEnabled","uid","navigateSelectedObjective","isShopping","isAudience","isSmartShopping","findWhere","indexOf","IsVideoAdsForCampaignEnabled","XandrVideoCampaigns","isVideo","IsManualCpmEnabled","XandrDisplayAdsCampaigns","isDisplayAds","IsSmartShoppingCampaignEnabled","SSCDeprecation","selectedType","adImpressionsCampaignTypes","displayAds","isNewAudience","IsNewStaticAudienceCampaignCreationEnabled","isNewSearch","SearchCampaignCreationRevamp","isPerfMax","campaignTypes","perfMax","sponsoredBrandAdType","isMediaPackage","renderActionList","objectives","tools","toolsConfig","params","navigateSelectedTools","Fragment","perfMarker","prefetchChunks","done","_scope$values2","CurrentAccount","FACForShopping","getProductDataWithCache","withDFMCache","hasAnyStores","ProductCollectionAccounts","objectivesForPerfMax","chooseObjective","pageContent","Stack","horizontal","tokens","childrenGap","Item","grow","StyledCampaignChooseObjective","getChooseObjectiveStyles","withPreference","withCcJsData","withCreationHeader","ChooseObjectiveWithLegacyConfig","ChooseObjectiveView","appConfig","InjectedView","default","fallback","ProgressiveLoadingBlock","resolveStyles","theme","resolvedStyles","s","isFunction","isEmpty","Error","callbackAfterInjected","view","on","onSwitch","onSwitched","StyledCampaignCreationSearch","withDelayedStyles","withTheme","InjectWrapperWithHoC","InjectViewFactory","CampaignCreateAdvancedView","InjectViewOption","adExtensionsDynamicFeaturesLoader","instrumentation","adExtensionsDynamicFeatures","accountCurrencyCode","template","VerticalTemplate","usePanel","isForVNext","styleScopeName","_ref$palette","palette","globalStyles","merge","_toConsumableArray","stepWizardStyle","helpbuttonStyle","inputFieldStyle","CreationContainerContentOverrideStyle","commonStyles","containerBudgetStyle","sharedBudgetGridWrapper","linkStyle","searchCreationStyles","dsaCampaignStyles","campaignSettingsStyles","creationCommonStyle","CampaignCreationSearch","getDelayedStyles","getEntityCreationStyle","CampaignCreationAudience","AudienceCampaignCreationWizard","getCommonCampaignCreationViewOptions","layout","VerticalLayout","headerTemplate","HeaderTemplate","StyledCampaignCreationAudience","CampaignCreationAudienceVideo","_props$serverContext","CurrentAccountInActive","_props$serverContext$","Permissions","IsReadOnlyUser","IsImpressionTrackingUrlsEnabled","viewContext","isReadOnlyUser","isImpressionTrackingUrlsEnabled","newI18n","deps","pageContext","PageContext","StyledCampaignCreationAudienceVideo","getShoppingCampaignCreationComponent","isMSStoreAdsGAWorkflow","useJsDataContext","_useShoppingFAC","useShoppingFAC","getFACCoupon","updateCouponStatus","ShoppingCampaignCreationView","CampaignCreationSearchShopping","CampaignCreationMSStoreAds","propTypes","PropTypes","isRequired","perfMarkerPropTypes","StyledCampaignCreationSearchShopping","StyledCampaignCreationMSStoreAds","StyledCampaignCreationAudienceShopping","IsEnabledForDynamicFeedCampaign","audienceCampaignSubType","initData","getProductDataInit","getFeedDataInit","$top","CampaignCreationAudienceSimplified","StaticAudienceCampaignCreation","StyledCampaignCreationAudienceSimplified","getStandardShoppingCampaignWizardAsync","StandardShoppingCampaignWizard","StandardShoppingComponent","getComponentAsync","Component","component","getShoppingCampaignCreationWizardComponent","campaignTypeName","StyledCampaignCreationSearchShoppingWizard","AdTypes","AudienceAndSearch","StyledCampaignCreationAudienceShoppingWizard","ShoppingAudience","WizardDefaultLayoutOverrideStyle","overflowY","StyledCampaignCreationSearchV2","SearchCampaignCreationWizard","dynamicOptionsLoader","adExtensionsAssociationsFactory","dynamicOptions","withProps","LazyView","getStyledAdGroupCreationSearchAsync","StyledAdGroupCreationSearch","getStyledAdGroupCreationAudienceAsync","StyledAdGroupCreationAudience","getHotelAdGroupCreationAsync","HotelAdGroupCreation","getXandrVideoAdGroupCreationAsync","_ref4","XandrVideoAdGroupCreationPage","getXandrDisplayAdsAdGroupCreationAsync","_ref5","XandrDisplayAdsAdGroupCreationPage","getDisplayPlusAdGroupCreationAsync","_ref6","DisplayPlusCreateAdGroupWizard","getSearchAdGroupCreationRevampAsync","_ref7","SearchAdGroupCreationWizard","getComponent","AdGroupCreation","SearchComponent","SearchRevampComponent","AudienceComponent","HotelComponent","XandrVideoComponent","XandrDisplayAdsComponent","DisplayPlusComponent","isOpenCreatePanel","replace","result","campaignSubType","isSearchCampaign","SearchRevampPhase2","isXandrVideoAdsCampaign","CTVAndDealToDisplayPlus","DisplayPlusAdGroupCreation","setClarityTag","IsDisplayPlusAdGroupCreationEnabled","CampaignSubType","isXandrDisplayAdsCampaign","isAudienceNativeAdsCampaign","HotelCampaign","CampaignSubTypeMapping","AudienceVideoAds","AdGroupCreationWithCampaign","withCampaign","toolsItems","analyticsId","toolsItemsPropsMapping","injectFactory","_ref$deps","path","require","View","showAsCampaignType","SearchAdsImg","AudienceAdsImg","xandrVideoCampaignTypes","xandrVideoWeb","xandrVideoCtv","nativeAds","sponsoredProductCampaignTypes","spa","spb","PerformanceMaxImg","smartShoppingCampaignTypeConfig","SmartShoppingImg","StandardShoppingImg","VideoCampaignWeb","VideoCampaignCTV","ReactTemplate","model","bold","MicrosoftRetailerNetworkImg","SponsoredPromotionsByBrands","SponsoredPromotionsByBrandImg","NativeAdsImg","DisplayAdsImg","InjectWrapper","injectViewFactoryOptions","ReactView","_InjectViewOption$dep","viewOptions","router","getRouterDep","eventDelegator","EventDelegator","i18nNewDesign","instance","render","callbackAfterRendered","BackboneInstanceWrapper","managed","remove","processor","processPermissions","toolsPathMap","urlIds","ImportFile","GoogleImport","FreeCoach","navigateToRoute","itemTarget","open","NavigateSection","backRouterId","isShowConfirmPopup","isBorderInsteadOfShadow","ariaLabelText","onBackLinkClick","confirm","getNavigateSectionStyles","backToCampaign","backToCampaignLink","onKeyPress","display","marginLeft","content","StyledNavigateSection","NavigateContent","crumbs","crumbSpans","crumb","navigateContentLastItem","last","navigateContent","StyledNavigateContent","getNavigateContentStyles","CreationHeader","container","flexDirection","height","headerCrumbs","fromPathId","fromPage","fromPageName","name","getDelayedCreationStyles","url","queryify","adapter","bypassCache","cacheResponse","jsData","Product","Deal","edmCampaign","Customers","$withKey","Accounts","Deals","IsUseV2","toPromise","objectivesItems","IsUserAppInstallAdsAllowed","IsSmartCampaignPhase2Enabled","IsEnhancedShoppingCampaignAllowed","IsSPAv2Enabled","WindowsStoreAdsCNExpansion","objectiveItemsPropsMapping","ADGROUP_CREATION_AUDIENCE_LOADED_EVENT","AdGroupCreationAudience","currentCampaign","campaignContext","isShoppingCampaign","CampaignSettings","AdGroupCreationAudiencePerfMarker","createChild","AudienceAdgroupCreationWizard","eventDispatcher","trigger","statusStyle","paginationStyle","entitySelectorStyle","buttonInputStyle","commonDoubleListBoxStyle","keywordPlannerStyle","searchboxStyle","estimationResultStyle","locationBidGridStyle","locationMapStyle","tableStyle","advancedSettingsSectionStyle","toggleButtonStyle","selectElementStyle","uiblockerStyle","kendoMultiSelectStyle","audienceModalStyles","audienceExpressionStyle","audienceCombinedListStyle","extensionEditorStyles","messageBarStyle","glyphIconStyle","datePickerStyle","keywordToolbarStyle","disclaimerPanelStyles","globalDsaCampaignStyles","globalAdgroupCreationStyles","convertToGlobalStyle","adEditorPanelOverrideStyle","audienceTargetsSettingsStyles","audienceBudgetBidsStyles","adgroupsKeywordsStyles","adExtensionsStyles","budgetBidsStyles","adgroupCreationStyles","raiseBidPopupStyles","audienceCreationStyles","padding","marginTop","audienceCampaignSettingsStyles","audienceReachEstimateContainerStyle","audienceAssociationSectionStyle","audienceAdsStyles","audienceAdgroupStyles","audienceCampaignBmcRedirectStyles","legacyUIBlockerStyle","getCreationContainerContentStyle","AdGroupCreationSearch","IsDSAMixedModeCampaignEnabled","isExperiment","CampaignType","MixedModeCreationView","AdgroupCreateAdvancedView","AdGroupCreationSearchPerfMarker","willInit","flex","overflow","campaignCreationAdEditorOverrideStyle","lineHeight","border","backgroundColor","position","top","themeDarker","textDecoration","outline","neutralSecondary","adEditorStyle","opacity","alignItems","flexWrap","marginBottom","minHeight","neutralPrimary","svgIconStyle","backgroundRepeat","backgroundSize","backgroundPosition","margin","labelStyle","right","borderRadius","_ref$iconFontFamily","iconFontFamily","justifyContent","backgroundImage","microsoftStoreIcon","textAlign","neutralLighter","cursor","neutralLight","neutralQuaternaryAlt","fontFamily","white","themePrimary","memoize","_ref$isBorderInsteadO","_ref2$palette","borderBottom","boxShadow","themeDarkAlt","marginRight","paddingTop","internalLinkStyle","isGreyBackground","minWidth","paddingBottom","float","zIndex","shoppingCreationStyles","campaignCreationSearchShoppingStyles","smartShoppingCreationStyles","smartShoppingStyles","CampaignCreationAudienceShopping","CampaignCreationSmartShopping","clear","borderLeft","paddingLeft","borderTop","bottom","left","boxSizing","getCampaignAdgroupMultiSelectorStyle","textDecorationLine","maxWidth","background","processEdmResult","items","totalCount","status","campaignName","Campaign","CampaignId","processEdmResultAccount","AccountInactiveReasonsCount","legacyI18nMap","CampaignSelector_List_Header","AdGroupSelector_List_Header","EmptyList_Content","EntitySelector_Pagination_Page","EntitySelector_Pagination_TotalPageCountText","EntitySelector_Pagination_PreviousPageText","EntitySelector_Pagination_NextPageText","EntitySelector_Search_Placeholder","CampaignSelector_SelectCampaign","CampaignSelector_SelectCampaigns","AdGroupSelector_SelectAdGroup","AdGroupSelector_SelectAdGroups","CampaignSelector_Result_List_Header","AdGroupSelector_Result_List_Header","Result_Action_Bar","Campaigns","Done","Cancel","Search","CampaignSelector_Result_Action_Bar","AccountSelector_List_Header","AccountSelector_SelectAccounts","AccountSelector_Result_List_Header","CAMPAIGN_PAGESIZE","UnstyledCampaignAdgroupSelectorEdm","_React$Component","onSelectDone","onApply","fetchCampaign","_ref$query","query","_ref$pageNumber","pageNumber","_ref$pageSize","pageSize","currentEntity","getEntityFromScope","campaignFilterCustomizer","where","skip","select","fetch","e","finally","withUiBlock","$","campaign","containerClassName","selfRef","fetchAdgroup","_ref2$query","_ref2$pageNumber","_ref2$pageSize","_ref2$scopeParentItem","scopeParentItem","adGroupFilterCustomizer","campaignId","AdGroups","adgroup","fetchAccount","_ref3$query","_ref3$pageNumber","_ref3$pageSize","accountFilterCustomizer","onFetch","onSelectCampaign","onSelectAdGroup","i18nLegacy","buildLegacyI18n","_this$props$scope$val","adGroupId","campaignAdgroupMultiSelector","isArray","extend","isCampaignMode","CampaignSelector","isMultiMode","selectedItemsForMultiMode","onSelectCancel","withDropdownMenu","stringKeys","listHeader","selectEntities","emptyListContent","resultHeader","actionBar","CampaignAdgroupSelector","selectedCampaign","selectedAdgroupsForMultiMode","CampaignAdgroupSelectorEdm","_ref4$palette","ThemeFluent","ComponentSettings","noop","CampaignAdgroupSelectorEdmView","_Backbone$View","selectedItem","ReactDOM","el","_superPropGet","Backbone","sharedStylesFromSelDesign","borderWidth","borderBottomWidth","borderBottomStyle","_ref2$iconFontFamily","alertStyle","paddingRight","verticalAlign","resize","gridTemplateColumns","settingsCommonStyles","elementLocator","underlineLinkStyle","textOverflow","whiteSpace","disclaimerSettingsStyles","getInputBorderStyle","paddingBotton","black","neutralSecondaryAlt","outlineOffset","overflowWrap","backgroundClip","borderRight","borderColor","zoom","visibility","adsExtensionDoubleListStyle","adExtensionItemTemplateStyles","categoryContainerStyle","pointerEvents","tableLayout","convertToLocalStyle","scrollbarStyle","pillControlStyle","overflowX","wordBreak","convertToConcatStyle","_ref2$isCreationPage","isCreationPage","Object","assign","listStyle","appearance","criterionSettingAudienceStyles","fontsize","linkedInTargetSelectionSyles","_ref3$companySearchTa","companySearchTableWidth","_ref3$companySearchTa2","companySearchTableCompanyNameWidth","_ref3$companyIconHeig","companyIconHeightWidth","_ref3$targetGridWidth","targetGridWidth","linkedInSharedStyles","_ref4$iconFontFamily","_ref5$companySearchTa","_ref5$companySearchTa2","_ref5$companyIconHeig","searchBoxStyles","_ref6$companySearchTa","criterionSettingCompanyStyles","_ref7$palette","_ref7$iconFontFamily","_ref8","_ref8$companySearchTa","_ref8$companySearchTa2","_ref8$companyIconHeig","_ref8$targetGridWidth","criterionSettingIndustryStyles","_ref9","_ref9$palette","_ref9$iconFontFamily","_ref10","_ref10$companySearchT","_ref10$companySearchT2","_ref10$companyIconHei","_ref10$targetGridWidt","jobFunctionSearchStyles","_ref11","_ref11$companySearchT","criterionSettingJobFunctionStyles","_ref12","_ref12$palette","_ref12$iconFontFamily","_ref13","_ref13$companySearchT","_ref13$companySearchT2","_ref13$companyIconHei","_ref13$targetGridWidt","selectorContainerStyles","_ref14","_ref15","_ref14$palette","_ref14$iconFontFamily","_ref15$companySearchT","_ref15$companySearchT2","_ref15$companyIconHei","selectorContainerBtnStyles","_ref16","_ref16$iconFontFamily","_ref17","_ref17$palette","_ref17$iconFontFamily","_ref18","_ref18$companySearchT","_ref18$companySearchT2","_ref18$companyIconHei","userSelect","transform","_ref2$creationContain","creationContainerMarginLeft","colors","completedBorder","completedIcon","inProgressIcon","incompleteBorder","incompleteIcon","stepContentBorder","subtitle","order","borderLeftColor","getAjaxStubLogger","ajaxStubScenario","create","ajaxStubActivity","ajax","trace","error","getRequestPayloadLogger","addScenario","scenario","CampaignFetch","requestLogger","RequestPayload","responseLogger","Response","getDefaultOptions","_serverContext$Curren","AdvertiserCustomerID","isOnebox","ServicesEndpoints","CmAPI","startTimes","httpMethods","ajaxStubLogger","finalOptions","headers","Locale","PageTrackingId","Authorization","Token","CustomerAccountId","CustomerId","DeveloperToken","cachePolicy","interceptors","request","route","reqId","generateGuid","httpMethod","method","requestId","getTimestamp","body","beforeFetch","fetchResponse","responseUrl","URL","startTime","duration","ok","statusText","bodyText","afterFetch","CampaignFetchProvider","ServerContext","finalUrl","getDefaultUrl","InstrumentationContext","Provider","FetchError","_Error","errors","_wrapNativeSuper","withCacheInvalidation","call","cache","getCallProxy","getData","OperationErrors","err","Message","Code","Details","_useFetch","useFetch","wrappedRequest","del","post","put","patch","delete","goalTypeContainer","gap","alignSelf","goalType","font","goalTypeTitle","goalBadge","getStyles","FACBadge","showBadge","facBadgeText","FACCouponInfo","CampaignGoalTitle","goalTypeTitleColors","hasFACBadge","goalCardButton","goalCardContainer","cardColor","bgColor","goalCardContainerSelected","selectedCardBorderColor","noGoalTypes","letterSpacing","titleName","titleHelp","flexShrink","titleWithTooltip","CampaignGoalCard","I18nContext","ActionButton","goalId","selected","icon","tooltipId","HelpPopupInline","cardDescription","stackTokens","CampaignGoalSelection","handleGoalCardClick","selectedCampaignGoal","goalCardConfig","IsAmplifyEnabled","IsBoostPassCampaignGoalEnabled","ConvertCustomers","Conversions","GreenBG","GreenText","Image","Consideration","Engagement","YellowBG","YellowText","BrandAwareness","Awareness","BlueBG","BlueText","Leads","SellProducts","PromoteApp","UnifiedPromoteApp","SkipGoals","goalsSectionContainer","horizontalAlign","StackItem","titleText","titleTextPrimaryText","titleTextSecondaryText","c","disabledGoals","card","CampaignTypeCardBorderColor","cardWrapper","cardWrapperSelected","helpIcon","radioButtonWrapper","selectedRadioButton","choiceFieldWrapper","iconAndTextRow","iconAndTextRowIcon","iconAndTextRowTextWrapper","iconAndTextRowTextWrapperTitleText","iconAndTextRowTextWrapperDescriptionText","expandedContent","expandedContentOptionsHeader","adTypesWrapper","gridAutoColumns","gridAutoFlow","input","adTypeWrapper","adTypeWrapperSelectedRadioButton","adTypeWrapperTextWrapper","adTypeWrapperTextWrapperTitleText","adTypeWrapperTextWrapperDescriptionText","adTypeWrapperLearnMoreLink","adTypeWrapperSelected","facBadge","subSectionFacBadge","SelectionCardWithGoal","descriptionShort","descriptionExtended","radioRender","titleOverride","optionsComponent","optionsHeader","getChoiceOptionStyle","CampaignAdTypeOptionsRadio","adTypeOptions","onAdTypeSelect","defaultAdType","setSelectedAdType","ChoiceGroup","option","optionsCount","flexContainer","onRenderLabel","onRenderField","optionProps","learnMoreId","isUnderlineLink","enableDisplayPlusOptions","dynamicPermissions","isEnableMultiAdFormat","MultiAdFormat","isFBImportForAudienceCampaignCreationEnabled","FBImportForAudienceCampaignCreation","displayPlus","optionsType","None","Native","DisplayPlus","MetaImport","AudienceDefault","enableDisplayAndVideoOptions","isEnabledForXandrVideoCampaign","isEnabledForXandrDisplayCampaign","isEnabledForDisplayCampaign","EnableMSANDisplayCampaigns","isEnabledForVideoCampaign","EnableMSANVideoCampaigns","Radio","Display","Video","CampaignGoalToCampaignTypeMap","PerformanceMax","defaultObjectiveID","WebsiteConversions","enableOptions","AdTypeGeneric","Multimedia","AppInstalls","Hotel","HotelBooking","Lodging","ShoppingCampaign","StandardShopping","Shopping","SmartShopping","ShoppingForBrands","SponsoredShoppingCampaign","MRN","SPB","WindowsStore","MSStoreAds","descriptionOverride","descriptionExtendedOverride","AdImpressions","ObjectiveIDsForAdTypes","WebsiteVisits","LinkedIn","ConnectedTV","VideoCampaign","CTV","AudienceVideo","Netflix","getCampaignTypeIcon","getCampaignPreviewImage","adType","getObjectiveID","CampaignTypeSelectionWithGoal","campaignGoalToCampaignTypeMap","disabledAdTypes","scenarioContext","ScenarioContext","campaignGoalConfig","goal","campaignGoalToCampaignMap","baseCampaignGoalConfig","entries","forEach","campaignTypeConfig","configCopy","NoneSelected","configureCampaignTypeSelection","defaultCampaignType","keys","setSelectedCampaignType","defCampaign","defAdType","objectiveId","primaryTextOverride","primaryOverride","secondaryTextOverride","secondaryOverride","cardsContainerWithGoals","typeAndPreviewContainer","typeContainer","typeContainerTitleText","typeContainerTitleTextPrimaryText","typeContainerTitleTextSecondaryText","typeContainerTitleTextSecondaryTextHighlighted","secondary","types","descShort","descExtended","createActivity","r","defaultRender","choiceGroupWrapper","cType","renderCampaignTypeCardsWithGoal","previewContainer","CampaignGoalToAdTypeConfig","WindowsAppStore","objectiveID","UnifiedAppAds","AndroidPlayStore","IosAppStore","getAdTypeIcon","getAdPreviewImage","AdTypeSelectionWithGoal","campaignGoalToAdTypeMap","configureAdTypeSelection","renderAdTypeCardsWithGoal","cardContainer","cardContainerSelected","goalTypesContainer","CampaignTypeCardNoGoal","goalTypes","renderGoalTypes","CampaignTypeSelectionNoGoal","disabledCampaignTypes","isSpbEnabled","cardConfig","campaignTypeIcon","getCampaignCardNoGoalConfig","typeToObjectiveIDMap","cardCount","objId","save","containerColumn","choiceGroupOptions","cardsContainerNoGoals","renderCampaignTypeCards","selectedCampaignObjective","getGlobalSelectedCampaignObjective","setGlobalSelectedCampaignObjective","objective","DefaultCustomSectionPlaceholder","CustomSectionSelector","selectedGoal","handleContinueClick","customSectionConfig","shouldRender","DelayedPerfMaxCustomSection","lazy","module","AudienceCampaignSelecter","PMaxWizardRefresh","PlainCard","adTypeCardSelected","adTypeCard","adTypeCardTitleWrapper","adTypeCardTitleText","adTypeCardDescriptionText","UnifiedAppAdsCard","adTypeIconCardSelected","adTypeIconCard","adTypeCardIcon","DefaultAdTypeSelectionPage","adTypeSelectionRef","adTypeCards","Container","Header","Title","SubTitle","Body","ShoppingAdTypeSelectionPage","UnifiedAppAdTypeSelectionPage","getAdTypesRadioGroupStyle","adTypeCardsContainer","getAdTypeChoiceOptionStyle","initialNetflixDealTcAgreement","accepted","acceptedOnAccountProperties","saveAcceptanceToAccountProperties","CampaignOnboardingV2PageInternal","netflixDealsPageImport","PaymentOption","setSelectedCampaignGoal","setDisabledCampaignTypes","setDisabledAdTypes","setDisabledGoals","setCampaignGoalToCampaignTypeMap","campaignAdTypeMap","setcampaignAdTypeMap","setFACCouponInfo","selectedNetflixDeal","setSelectedNetflixDeal","netflixDealTcAgreement","setNetflixDealsTcAgreement","pageSection2Ref","sectionRefs","setSectionRefs","shouldRenderCustomSection","setShouldRenderCustomSection","isShoppingForBrandsEnabled","MranDeprecation","MranSimplificationV2","dCampaignTypes","dAdTypes","dGoals","isPmaxEnabled","PerformanceMaxInCnMarket","isDisplayPlusEnabled","DisplayPlusCampaigns","isNetflixAdsEnabled","NetflixDealNewExperienceEnabled","isVideoEnabled","isDisplayAdsEnabled","isAudienceEnabled","isHotelEnabled","isHotelRenamedToLodging","isSmartShoppingDeprecated","isMicrosoftStoreAdsEnabled","AppAdsCampaignPhaseOne","AppCampaignInCnMarket","isAudienceShoppingCampaignEnabled","isLinkedInEnabled","LinkedInCampaigns","isUnifiedAppAdsEnabled","isMranDeprecated","goalToTypeMap","scrollIntoView","behavior","block","isCTV","isDisplayPlus","isCTVAndDealToDisplayPlusEnabled","isUnifiedAppAds","DisplayPlusCampaignType","XandrVideoCampaignType","UnifiedAppCampaignAdType","shouldRenderCustomComonentEvaluvator","navigateToCampaignCreateWizard","setDealToVideoMediaDealConfig","navigateToVideoMediaDealCampaignCreateWizard","NetflixDealContinueToWizard","handleTCSaveError","notificationApi","navigateToNetflixDealCampaignCreateWizard","ContinueClick","onDealSelection","renderPageSectionTwo","renderAdTypesSelection","adTypeMap","v","findIndex","renderAdTypesPageSection","getSectionsWithoutAdTypeSelectionRef","refs","indexOfAdTypeSelectionRef","newSectionRefs","splice","previousRefs","renderNetflixDealsPageSection","DelayedNetflixDeals","onTcAcceptanceChange","agreement","renderContinueButton","PrimaryButton","allowDisabledFocus","pageContainer","root","align","goalSelected","campaignTypeSectionContainer","CampaignOnboardingV2","Scenario","Activity","rowGap","scrollMarginTop","campaignTypeSectionContainerTitleText","adTypePageSectionContainer","adTypeCardHover","CONFIRM_MESSAGES_TYPE","CONFIRM_MESSAGES","_defineProperty","CONVERSION_SCOPE","targetBiddingSchemeTypeList","getMessageType","initialData","patchData","BiddingSchemeType","initialGoalSelection","goalSelection","hasAnyGoalSelections","initialGoalScope","newGoalScope","newGoalScopeValue","removedGoals","initialGoal","TrackingStatus","getNeedConfirming","context","confirmDialogContent","useConfirmDialogConfigWithLogger","stateMatch","_useWizardService","useWizardService","wizardConfig","wizardState","wizardId","dialogConfig","confirmType","subText","disableConfirmPopup","wizardData","currentStepId","getCurrentStepId","customConfirmMessages","messageType","foundMessage","useConfirmDialogConfig","onLog","action","onOpenFn","onConfirmFn","onCancelFn","useStyles","makeStyles","carouselParent","flexGrow","parentContainer","transitionProperty","transitionDuration","transitionTimingFunction","chevronButton","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderLeftStyle","borderRightStyle","borderTopStyle","borderLeftWidth","borderRightWidth","borderTopWidth","borderRightColor","borderTopColor","borderBottomColor","chevronButtonLeft","chevronButtonRight","hintRight","hintLeft","useSimpleCarouselStyles","cardContents","Carousel","contents","contentWidth","offset","setOffset","contentContainerWidth","setContentContainerWidth","contentContainerNode","useRef","handleResize","offsetWidth","addEventListener","removeEventListener","measuredRef","node","displayedContentCount","getFullyShownContentsCount","noMoreResult","leftIconButton","shape","mergeClasses","ChevronLeft12Regular","code","document","querySelector","focus","rightIconButton","ChevronRight12Regular","total","current1","current2","showRightIconButton","SimpleCarousel","dropdownStyles","dropdownItemHeader","ConstructOptionKey","categoryKey","optionKey","CategorizedDropdownListUnStyle","CategorizedDropdownListContainer","categories","onSelectionChange","dropdownStyle","forwardedRef","maxHeight","defaultSelectedKey","category","innerIndex","unshift","itemType","DropdownMenuItemType","Divider","mapCatogriesToDropdownOptions","_React$useState","_React$useState2","setSelectedItem","componentRef","constructedOptionKey","_DeConstructOptionKey","calloutProps","calloutMaxHeight","CategorizedDropdownListStyled","CategorizedDropdownList","pug","exports","locals","pug_interp","pug_html","locals_for_with","html","escape","contentClass","steps","$$obj","$$l","step","attr","pageTitle","descriptionHelpText","descriptionHelpId","buttonContainer","ScopeContext","navigateToFBImportPage","continueToWizard","ContinueToFaceBookImport","GoalToStoreMap","PerfMaxStoreSelector","storeSelector","columnGap","headerSection","startCampaignButton","storeIcon","storeDropdown","alert","showStoreSelector","setShowStoreSelector","storeSelectorRef","selectedStoreResult","setSelectedStoreResult","ShoppingAlertText","HelpLink","onValidate","alertMessage","ValidationGroup","campaignObjective","Alert","level","dismissible","FontIcon","message","isValid","ProviderId","SalesCountry","LocalInventoryAdsEnabled","FeedLabel","IsFeedFiltered","FeedLabelBlockList","TitleColors","CampaignGoalType","CampaignGoalTypeBoost","CampaignGoalTypeBoostV2","Acquisition","CampaignGoal","CampaignGoalTitleBoostCampaign","CampaignGoalDescriptionText","CampaignGoalDescriptionTextBoostCampaign","CampaignGoalPageTwoText","primary","CampaignTypeTitle","CampaignTypeWithGoalDescriptionTextShort","CampaignTypeWithGoalDescriptionTextExtended","CampaignTypeWithNoGoalDescriptionText","CampaignTypeTooltipIds","CampaignOptionTypes","DummyAdTypesMap","AdTypeTitles","AdTypeTooltipIds","AdTypesSelectionHeaderText","ObjectiveIDs","LocationVisits","PhoneCalls","SmartCampaign","MediaPackageCampaign","LocalStorageKeys","CampaignAdTypes","getCampaignAdTypes","filteredMap","CampaignGoalsToCampaignTypesMap","getCampaignGoalToCampaignTypeMap","CustomSectionConfig","ActivityName","campaignTypeToURLMap","navigateToWizard","navigateToFBImport","AdTypeSelectionPage","useFooterStyles","saveButton","containerLeft","withFooter","WrappedComponent","showBudgetSuggestion","HoC","send","useFormService","isLoading","matches","FORM_STATES","LOADING","onSave","FORM_EVENTS","SAVE","onCancel","CANCEL","headerState","useReadCampaign","useRepository","isBudget","readCampaign","useReadCampaignPromise","initialCampaign","setInitialCampaign","log","campaignOverviewEdit","budgetEdit","bidStrategyEdit","currencyCode","localizeBudget","budget","currency","Number","toUpperCase","withSymbol","loadCampaign","campaignGoal","Goal","budgetAmount","Budget","Amount","bidStrategy","BiddingScheme","cpa","TargetCpa","roas","TargetRoas","language","Languages","isInitialAdditionalDetailsChecked","deliveryStatus","DeliveryStatus","deliveryStatusDetails","DeliveryStatusDetails","initialBudget","load","campaignData","isBudgetValid","isMarketingMetricValid","marketingMetric","toFixed","modelToSave","parseDecimal","campaignResource","ResourceIdentifier","bulkUpdate","bulkCreate","createOrUpdateCampaign","res","BudgetBidCampaignImportNotificationActivity","createScenarioAndActivity","scenarioName","activityName","campaignItemList","oldBudget","newBudget","oldBidStrategy","newBidStrategy","updateCampaign","TargetCpaValueCheck","useBudgetRepository","useBidStrategyRepository","getApiErrorMapper","useBudgetCardStyles","colorPaletteCranberryBorderActive","UnmappedFormErrors","FormViewWrapper","onDataChange","logger","DynamicPermissions","EnableBudgetSuggestion","isBSLoading","setIsBSLoading","isBSCalled","setIsBSCalled","apiErrorMapper","legacyI18n","ValidationStringMap","mergedI18n","schema","GlobalMaximumBudget","DailyBudget","Max","GlobalMinimumBudget","Min","MaximumBudget","maxDailyBudget","BudgetRange","MonthlyRange","CeilingValue","DailyRange","FloorValue","onFieldChange","updatedData","prevData","shouldLocalize","onBudgetChange","budgetAmountValue","budgetVal","budgetErrors","messages","onBudgetValidate","budgetSuggestionData","setBudgetSuggestionData","loadBudget","datas","showBudgetSuggestionData","formErrorProps","errorMapper","onNotifyValidation","budgetSuggestion","withSlider","mode","EDITING","bidType","minBudget","maxBudget","BudgetForm","closeDialog","onDoneSaving","onCanceled","repository","machineOptions","actions","Form","BudgetCard","contentReady","budgetText","setBudgetText","setIsLoading","budgetTitle","setBudgetTitle","campaignInfo","setCampaignInfo","dataBs","localizedBudget","ChildComponent","header","IconComponent","dialogEditProps","buttonAriaLabel","LINKEDIN_CAMPAIGN_GOALS","useBidStrategyCardStyles","bidRange","KeywordBidRange","getLinkedInBidStrategyOptions","onBidStrategyChange","bidStrategyType","onMarketingMetricChange","newMarketingMetric","marketingMetricErrors","selectedBidStrategy","marketingMetricsValue","inputUnit","hideMessage","hideAdditionalDetails","withTargetCpaWarning","BidStrategyForm","BidStrategyCard","bidStrategyText","setBidStrategyText","getLinkedInBidStrategyText","getBidStrategyText","CampaignStatusCard","campaignStatusEdit","pausedCampaignImportNotificationActivity","menuItemConfigs","iconColor","colorPaletteGreenForeground1","checkedValue","setCheckedValue","campaignItemData","seCampaignItemData","checkedItems","updateStatus","isActive","dropdownMenuProps","useCampaignStatusSummaryCardsStyles","fullWidthCards","shouldUseFullWidthCards","responsiveSize","CampaignStatusSummaryCards","memo","campaignStatusContentReady","budgetContentReady","bidStrategyContentReady","CARD_CONFIG","cardStyle","useCardStyles","cardSelected","colorNeutralForeground2BrandHover","checkmark","image","textArea","cardId","onCardSelectionChange","onCardClicked","handleSpace","Text","weight","Caption1","useCardSelectorStyles","cardsContainer","divider","CardSelector","cards","setOpen","localCardsState","setLocalCardsState","newCards","hidden","onSaveClicked","selectedCount","restoreFocusTargetAttributes","useRestoreFocus","restoreFocusSourceAttributes","tileLabel","Drawer","onOpenChange","size","DrawerHeader","DrawerHeaderTitle","DrawerBody","DrawerFooter","Body1","count"],"sourceRoot":""}\r\n {_.map(\r\n localCardsState,\r\n (card: CardConfigProps) => (
\r\n