{"version":3,"sources":["webpack:///./node_modules/@clickadilla/components/CampaignForm/CampaignChanges.vue","webpack:///node_modules/@clickadilla/components/CampaignForm/CampaignChanges.vue","webpack:///./node_modules/@clickadilla/components/CampaignForm/CampaignChanges.vue?f157","webpack:///./node_modules/@clickadilla/components/CampaignForm/CampaignChanges.vue?2743"],"names":["render","_vm","this","_c","_self","attrs","isShown","staticClass","_v","headers","tableItems","on","$event","$emit","staticRenderFns","name","props","campaign","type","required","data","value","text","width","computed","mapGetters","mapState","updatedCampaign","price","countries","id","version","filter","map","join","siteIds","methods","spotsTarget","browsersTarget","sspTarget","siteTarget","webPushSubscriptionTimeTarget","changeItem","item","updatedItem","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VDataTable","VDialog","VDivider","VSpacer"],"mappings":"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","file":"js/chunk-2d0d3245.968b3370.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"value\":_vm.isShown,\"scrollable\":\"\",\"max-width\":\"900\",\"persistent\":\"\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(\" Save changes? \")]),_c('v-divider'),_c('v-card-text',{staticClass:\"px-4 py-0\"},[_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.tableItems,\"hide-default-footer\":\"\",\"items-per-page\":-1}})],1),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.$emit('dialog-close')}}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){return _vm.$emit('confirm')}}},[_vm._v(\" Save changes \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog :value=\"isShown\" scrollable max-width=\"900\" persistent>\n    <v-card>\n      <v-card-title class=\"text-h5\">\n        Save changes?\n      </v-card-title>\n      <v-divider />\n      <v-card-text class=\"px-4 py-0\">\n        <v-data-table\n          :headers=\"headers\"\n          :items=\"tableItems\"\n          hide-default-footer\n          :items-per-page=\"-1\"\n        />\n      </v-card-text>\n      <v-divider />\n      <v-card-actions>\n        <v-spacer />\n        <v-btn text @click=\"$emit('dialog-close')\">\n          Cancel\n        </v-btn>\n        <v-btn color=\"primary\" text @click=\"$emit('confirm')\">\n          Save changes\n        </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\n  import lodash from 'lodash'\n  import { mapGetters, mapState } from 'vuex'\n\n  export default {\n    name: 'CampaignChanges',\n    props: {\n      campaign: {\n        type: Object,\n        required: true\n      },\n      isShown: {\n        type: Boolean,\n        required: true\n      }\n    },\n    data () {\n      return {\n        headers: [\n          { value: 'name', text: 'Items', width: 200 },\n          { value: 'campaign', text: 'Old', width: 300 },\n          { value: 'updatedCampaign', text: 'New', width: 300 }\n        ]\n      }\n    },\n    computed: {\n      ...mapGetters('campaignFormModule/form', ['whitelistedSspType', 'getAllState']),\n      ...mapState('campaignFormModule/collections', ['trafficPlatforms']),\n      tableItems () {\n        return [\n          {\n            name: 'Name',\n            isShown: this.campaign.name !== this.getAllState.name,\n            campaign: this.campaign.name,\n            updatedCampaign: this.getAllState.name\n          },\n          {\n            name: 'Activate on approve',\n            isShown: this.campaign.activateOnApprove !== this.getAllState.activateOnApprove,\n            campaign: this.campaign.activateOnApprove,\n            updatedCampaign: this.getAllState.activateOnApprove\n          },\n          {\n            name: 'Campaign group',\n            isShown: this.campaign.selectedCampaignGroup.id !== this.getAllState.selectedCampaignGroup.id,\n            campaign: this.campaign.selectedCampaignGroup.name,\n            updatedCampaign: this.getAllState.selectedCampaignGroup.name\n          },\n          {\n            name: 'Ad format',\n            isShown: this.campaign.selectedAdFormat.id !== this.getAllState.selectedAdFormat.id,\n            campaign: this.campaign.selectedAdFormat.name,\n            updatedCampaign: this.getAllState.selectedAdFormat.name\n          },\n          {\n            name: 'In-page traffic target',\n            isShown: this.campaign.inPageTrafficTarget !== this.getAllState.inPageTrafficTarget,\n            campaign: this.campaign.inPageTrafficTarget,\n            updatedCampaign: this.getAllState.inPageTrafficTarget\n          },\n          {\n            name: 'Web-push subscription time',\n            isShown: this.webPushSubscriptionTimeTarget(this.campaign) !== this.webPushSubscriptionTimeTarget(this.getAllState),\n            campaign: this.webPushSubscriptionTimeTarget(this.campaign),\n            updatedCampaign: this.webPushSubscriptionTimeTarget(this.getAllState)\n          },\n          {\n            name: 'Uniques',\n            isShown: this.campaign.cappingAccept !== this.getAllState.cappingAccept,\n            campaign: this.campaign.cappingAccept,\n            updatedCampaign: this.getAllState.cappingAccept\n          },\n          {\n            name: 'capping ttl',\n            isShown: this.campaign.cappingTtl !== this.getAllState.cappingTtl,\n            campaign: this.campaign.cappingTtl,\n            updatedCampaign: this.getAllState.cappingTtl\n          },\n          {\n            name: 'Creatives for capping ttl',\n            isShown: this.campaign.countOfCreativesForCappingTtl !== this.getAllState.countOfCreativesForCappingTtl,\n            campaign: this.campaign.countOfCreativesForCappingTtl,\n            updatedCampaign: this.getAllState.countOfCreativesForCappingTtl\n          },\n          {\n            name: 'Pricing model',\n            isShown: this.campaign.pricingModel !== this.getAllState.pricingModel,\n            campaign: this.campaign.pricingModel,\n            updatedCampaign: this.getAllState.pricingModel\n          },\n          {\n            name: 'Cpa(cpm) goals',\n            isShown: !lodash.isEqual(\n                this.campaign.cpaGoals.map(({ countries, price }) => ({ price, countries: countries.map(({ id }) => id) })),\n                this.getAllState.cpaGoals.map(({ countries, price }) => ({ price, countries: countries.map(({ id }) => id) }))\n            ),\n            campaign: this.campaign.cpaGoals.map(({ countries, price }) => `[$ ${price}: ${countries.map(({ name }) => name).join(', ')} ]`).join(', '),\n            updatedCampaign: this.getAllState.cpaGoals.map(({ countries, price }) => `[$ ${price}: ${countries.map(({ name }) => name).join(', ')}]`).join(', ')\n          },\n          {\n            name: 'price',\n            isShown: this.campaign.price !== this.getAllState.price,\n            campaign: this.campaign.price,\n            updatedCampaign: this.getAllState.price\n          },\n          {\n            name: 'Max adjustment price',\n            isShown: this.campaign.maxAdjustedPrice !== this.getAllState.maxAdjustedPrice,\n            campaign: this.campaign.maxAdjustedPrice,\n            updatedCampaign: this.getAllState.maxAdjustedPrice\n          },\n          {\n            name: 'Price adjustment ratio',\n            isShown: this.campaign.priceAdjustmentRatio !== this.getAllState.priceAdjustmentRatio,\n            campaign: this.campaign.priceAdjustmentRatio,\n            updatedCampaign: this.getAllState.priceAdjustmentRatio\n          },\n          {\n            name: 'Autoadjust',\n            isShown: this.campaign.enablePriceAutoAdjust !== this.getAllState.enablePriceAutoAdjust,\n            campaign: this.campaign.enablePriceAutoAdjust,\n            updatedCampaign: this.getAllState.enablePriceAutoAdjust\n          },\n          {\n            name: 'Ad',\n            isShown: this.campaign.selectedAd.id !== this.getAllState.selectedAd.id,\n            campaign: this.campaign.selectedAd.name,\n            updatedCampaign: this.getAllState.selectedAd.name\n          },\n          {\n            name: 'Date from',\n            isShown: this.campaign.activeFrom !== this.getAllState.activeFrom,\n            campaign: this.campaign.activeFrom,\n            updatedCampaign: this.getAllState.activeFrom\n          },\n          {\n            name: 'Date to',\n            isShown: this.campaign.activeTo !== this.getAllState.activeTo,\n            campaign: this.campaign.activeTo,\n            updatedCampaign: this.getAllState.activeTo\n          },\n          {\n            name: 'Category group ids',\n            isShown: !lodash.isEqual(this.campaign.categoryGroupIds, this.getAllState.categoryGroupIds),\n            campaign: this.campaign.categoryGroupIds.join(', '),\n            updatedCampaign: this.getAllState.categoryGroupIds.join(', ')\n          },\n          {\n            name: 'Category ids',\n            isShown: !lodash.isEqual(this.campaign.categoryIds, this.getAllState.categoryIds),\n            campaign: (this.campaign.categoryGroupIds.length && !this.campaign.categoryIds.length)\n              ? 'All'\n              : this.campaign.categoryIds.join(', '),\n            updatedCampaign: (this.getAllState.categoryGroupIds.length && !this.getAllState.categoryIds.length)\n              ? 'All'\n              : this.getAllState.categoryIds.join(', ')\n          },\n          {\n            name: 'Traffic type',\n            isShown: (\n                (this.campaign.trafficQualityTarget.quality !== this.getAllState.trafficQualityType) ||\n                (this.campaign.campaignTrafficPlatformTargetId.length > 0 && this.getAllState.trafficPlatformsId === null) ||\n                (!this.campaign.campaignTrafficPlatformTargetId.map(item => item.id).includes(this.getAllState.trafficPlatformsId) &&\n                    this.getAllState.trafficPlatformsId !== null)\n            ),\n            campaign: this.campaign.campaignTrafficPlatformTargetId.length\n                ? this.campaign.campaignTrafficPlatformTargetId.map(item => item.name).join(', ') ?? ''\n                : this.campaign.trafficQualityTarget.quality ?? 'All',\n            updatedCampaign: this.getAllState.trafficPlatformsId\n                ? this.trafficPlatforms.find(item => item.id === this.getAllState.trafficPlatformsId)?.name ?? ''\n                : this.getAllState.trafficQualityType ?? 'All'\n          },\n          {\n            name: 'Interests',\n            isShown: !lodash.isEqual(this.campaign.interestTarget, this.getAllState.interestTarget),\n            campaign: this.campaign.interestTarget,\n            updatedCampaign: this.getAllState.interestTarget\n          },\n          {\n            name: 'Interests',\n            isShown: !lodash.isEqual(this.campaign.campaignTrafficPlatformTargetIsLocked, this.getAllState.sspIsLocked),\n            campaign: this.campaign.campaignTrafficPlatformTargetIsLocked,\n            updatedCampaign: this.getAllState.sspIsLocked\n          },\n          {\n            name: 'Connection type',\n            isShown: this.campaign.connectionType !== this.getAllState.connectionType,\n            campaign: this.campaign.connectionType,\n            updatedCampaign: this.getAllState.connectionType\n          },\n          {\n            name: 'Device type',\n            isShown: this.campaign.selectedTrafficType?.id !== this.getAllState.selectedTrafficType?.id,\n            campaign: this.campaign.selectedTrafficType?.name,\n            updatedCampaign: this.getAllState.selectedTrafficType?.name\n          },\n          {\n            name: 'Enable main provider',\n            isShown: this.campaign.providersTarget.enableMainProvider !== this.getAllState.providersTarget.enableMainProvider,\n            campaign: this.campaign.providersTarget.enableMainProvider,\n            updatedCampaign: this.getAllState.providersTarget.enableMainProvider\n          },\n          {\n            name: 'Bidding price rate',\n            isShown: this.campaign.biddingPriceRate !== this.getAllState.biddingPriceRate,\n            campaign: this.campaign.biddingPriceRate,\n            updatedCampaign: this.getAllState.biddingPriceRate\n          },\n          this.changeItem('Device vendors', this.campaign.selectedDeviceVendors, this.getAllState.selectedDeviceVendors),\n          this.changeItem('Device models', this.campaign.selectedDeviceModels, this.getAllState.selectedDeviceModels),\n          this.changeItem('Languages', this.campaign.selectedLanguages, this.getAllState.selectedLanguages),\n          this.changeItem('Countries', this.campaign.selectedCountries, this.getAllState.selectedCountries),\n          this.changeItem('Regions', this.campaign.selectedRegions, this.getAllState.selectedRegions),\n          this.changeItem('Cities', this.campaign.selectedCities, this.getAllState.selectedCities),\n          this.changeItem('Carriers', this.campaign.selectedCarriers, this.getAllState.selectedCarriers),\n          this.changeItem('Placement types', this.campaign.selectedPlacementTypes, this.getAllState.selectedPlacementTypes),\n          this.changeItem('IP2 location types', this.campaign.selectedIp2LocationTypes, this.getAllState.selectedIp2LocationTypes),\n          this.changeItem('Traffic provider target', this.campaign.providersTarget.selectedProviders, this.getAllState.providersTarget.selectedProviders),\n          {\n            name: 'Browsers',\n            isShown: !lodash.isEqual(this.browsersTarget(this.campaign), this.browsersTarget(this.getAllState)),\n            campaign: this.browsersTarget(this.campaign),\n            updatedCampaign: this.browsersTarget(this.getAllState)\n          },\n          {\n            name: 'Operating systems',\n            isShown: !lodash.isEqual(\n                this.campaign.selectedOperatingSystems.map(({ id, version }) => ({ id, version })),\n                this.getAllState.selectedOperatingSystems.map(({ id, version }) => ({ id, version }))\n            ),\n            campaign: this.campaign.selectedOperatingSystems.map(({ name, version }) => `${name}(${version})`).join(', '),\n            updatedCampaign: this.getAllState.selectedOperatingSystems.map(({ name, version }) => `${name}(${version})`).join(', ')\n          },\n          {\n            name: 'IPv6 traffic',\n            isShown: this.campaign.ipv6Target !== this.getAllState.ipv6Target,\n            campaign: this.campaign.ipv6Target,\n            updatedCampaign: this.getAllState.ipv6Target\n          },\n          {\n            name: 'Sites',\n            isShown: !lodash.isEqual(this.siteTarget(this.campaign), this.siteTarget(this.getAllState)),\n            campaign: this.siteTarget(this.campaign),\n            updatedCampaign: this.siteTarget(this.getAllState)\n          },\n          {\n            name: 'Apps',\n            isShown: !lodash.isEqual(\n                [this.campaign.blackWhiteAppsType, this.campaign.selectedApps],\n                [this.getAllState.blackWhiteAppsType, this.getAllState.selectedApps]\n            ),\n            campaign: `${this.campaign.blackWhiteAppsType}: ${this.campaign.isManualApps ? this.campaign.selectedApps.join(', ') : 'all'}`,\n            updatedCampaign: `${this.getAllState.blackWhiteAppsType}: ${this.getAllState.isManualApps ? this.getAllState.selectedApps.join(', ') : 'all'}`\n          },\n          {\n            name: 'ip ranges',\n            isShown: this.campaign.isIpRangesMode !== this.getAllState.isIpRangesMode,\n            campaign: this.campaign.isIpRangesMode\n                ? `Whitelist: ${this.campaign.ipRanges}`\n                : `Blacklist: ${this.campaign.blacklistIpRanges}`,\n            updatedCampaign: this.getAllState.isIpRangesMode\n                ? `Whitelist: ${this.getAllState.ipRanges}`\n                : `Blacklist: ${this.getAllState.blacklistIpRanges}`\n          },\n          {\n            name: 'Blacklist Ip Ranges',\n            isShown: this.campaign.isIpRangesMode === this.getAllState.isIpRangesMode &&\n                this.campaign.blacklistIpRanges !== this.getAllState.blacklistIpRanges,\n            campaign: this.campaign.blacklistIpRanges,\n            updatedCampaign: this.getAllState.blacklistIpRanges\n          },\n          {\n            name: 'Whitelist Ip Ranges',\n            isShown: this.campaign.isIpRangesMode === this.getAllState.isIpRangesMode &&\n                this.campaign.ipRanges !== this.getAllState.ipRanges,\n            campaign: this.campaign.ipRanges,\n            updatedCampaign: this.getAllState.ipRanges\n          },\n\n          {\n            name: 'Limit type',\n            isShown: this.campaign.limitType !== this.getAllState.limitType,\n            campaign: this.campaign.limitType,\n            updatedCampaign: this.getAllState.limitType\n          },\n          {\n            name: 'Hourly limit',\n            isShown: this.campaign.hourlyLimit !== this.getAllState.hourlyLimits[this.getAllState.limitType],\n            campaign: this.campaign.hourlyLimit,\n            updatedCampaign: this.getAllState.hourlyLimits[this.getAllState.limitType]\n          },\n          {\n            name: 'Daily limit',\n            isShown: this.campaign.dailyLimit !== this.getAllState.dailyLimits[this.getAllState.limitType],\n            campaign: this.campaign.dailyLimit,\n            updatedCampaign: this.getAllState.dailyLimits[this.getAllState.limitType]\n          },\n          {\n            name: 'Total limit',\n            isShown: this.campaign.totalLimit !== this.getAllState.totalLimits[this.getAllState.limitType],\n            campaign: this.campaign.totalLimit,\n            updatedCampaign: this.getAllState.totalLimits[this.getAllState.limitType]\n          },\n          {\n            name: 'Calendar limits',\n            isShown: !lodash.isEqual(\n                this.campaign.calendarLimits,\n                this.getAllState.calendarLimits[this.getAllState.limitType]\n            ),\n            campaign: 'Has changed',\n            updatedCampaign: 'Has changed'\n          },\n          {\n            name: 'Smooth spend rate',\n            isShown: this.campaign.smoothSpendRate !== this.getAllState.smoothSpendRate,\n            campaign: this.campaign.smoothSpendRate,\n            updatedCampaign: this.getAllState.smoothSpendRate\n          },\n          {\n            name: 'Sale type',\n            isShown: this.campaign.saleType !== this.getAllState.saleType,\n            campaign: this.campaign.saleType,\n            updatedCampaign: this.getAllState.saleType\n          },\n          {\n            name: 'Error Ratio Threshold',\n            isShown: this.campaign.errorRatioThreshold !== this.getAllState.errorRatioThreshold,\n            campaign: this.campaign.errorRatioThreshold,\n            updatedCampaign: this.getAllState.errorRatioThreshold\n          },\n          {\n            name: 'Empty referer',\n            isShown: this.campaign.emptyReferrer !== this.getAllState.emptyReferrer,\n            campaign: this.campaign.emptyReferrer ?? 'any',\n            updatedCampaign: this.getAllState.emptyReferrer ?? 'any'\n          },\n          {\n            name: 'Blocked proxy',\n            isShown: this.campaign.proxy !== this.getAllState.proxy,\n            campaign: this.campaign.proxy,\n            updatedCampaign: this.getAllState.proxy\n          },\n          {\n            name: 'Antifraud Target',\n            isShown: this.campaign.antifraudTarget !== this.getAllState.antifraudTarget,\n            campaign: this.campaign.antifraudTarget,\n            updatedCampaign: this.getAllState.antifraudTarget\n          },\n          {\n            name: 'Max Impression Rate',\n            isShown: this.campaign.maxImpressionRate !== this.getAllState.maxImpressionRate,\n            campaign: this.campaign.maxImpressionRate,\n            updatedCampaign: this.getAllState.maxImpressionRate\n          },\n          {\n            name: 'Traffic Quality: Score',\n            isShown: this.campaign.trafficQualityTarget.score !== this.getAllState.trafficQualityScore,\n            campaign: this.campaign.trafficQualityTarget.score,\n            updatedCampaign: this.getAllState.trafficQualityScore\n          },\n          {\n            name: 'Http get params',\n            isShown: !lodash.isEqual(\n                this.campaign.httpGetParams,\n                this.getAllState.httpGetParams.filter(item => item.name || item.value)\n            ),\n            campaign: this.campaign.httpGetParams.map(({ name, value }) => `[${name}: ${value}]`).join(', '),\n            updatedCampaign: this.getAllState.httpGetParams\n                .filter(item => item.name || item.value)\n                .map(({ name, value }) => `[${name}: ${value}]`)\n                .join(', ')\n          },\n          {\n            name: 'Http header: accept',\n            isShown: this.campaign.httpHeaderAccept !== this.getAllState.httpHeaderAccept,\n            campaign: this.campaign.httpHeaderAccept,\n            updatedCampaign: this.getAllState.httpHeaderAccept\n          },\n          {\n            name: 'Http header: header',\n            isShown: this.campaign.httpHeaderHeader !== this.getAllState.httpHeaderHeader,\n            campaign: this.campaign.httpHeaderHeader,\n            updatedCampaign: this.getAllState.httpHeaderHeader\n          },\n          {\n            name: 'Telegram audience target',\n            isShown:\n                (this.campaign.telegramAudienceId !== this.getAllState.telegramAudienceId) ||\n                (this.campaign.telegramAudienceType !== this.getAllState.telegramAudienceType),\n            campaign: `${this.campaign.telegramAudienceType}: #${this.campaign.telegramAudienceId}`,\n            updatedCampaign: `${this.getAllState.telegramAudienceType}: #${this.getAllState.telegramAudienceId}`\n          },\n          {\n            name: 'Http header: regexp',\n            isShown: this.campaign.httpHeaderRegexp !== this.getAllState.httpHeaderRegexp,\n            campaign: this.campaign.httpHeaderRegexp,\n            updatedCampaign: this.getAllState.httpHeaderRegexp\n          },\n          {\n            name: 'Aliases',\n            isShown: this.campaign.siteAliasTarget !== this.getAllState.siteAliasTarget,\n            campaign: this.campaign.siteAliasTarget,\n            updatedCampaign: this.getAllState.siteAliasTarget\n          },\n          {\n            name: 'Webview target',\n            isShown: this.campaign.webviewTarget !== this.getAllState.webviewTarget,\n            campaign: this.campaign.webviewTarget,\n            updatedCampaign: this.getAllState.webviewTarget\n          },\n          {\n            name: 'Disable auto scans',\n            isShown: this.campaign.disableAutoScans !== this.getAllState.disableAutoScans,\n            campaign: this.campaign.disableAutoScans,\n            updatedCampaign: this.getAllState.disableAutoScans\n          },\n          {\n            name: 'Conversion types',\n            isShown: this.campaign.conversionType?.id !== this.getAllState.conversionType?.id,\n            campaign: this.campaign.conversionType?.name,\n            updatedCampaign: this.getAllState.conversionType?.name\n          },\n          {\n            name: 'Popunder traffic type',\n            isShown: this.campaign.popunderTrafficType !== this.getAllState.popunderTrafficType,\n            campaign: this.campaign.popunderTrafficType,\n            updatedCampaign: this.getAllState.popunderTrafficType\n          },\n          {\n            name: 'Site biddings',\n                isShown: !lodash.isEqual(\n                this.campaign.siteBiddings.map(({ sites, price }) => {\n                      const siteIds = sites.map(site => site.id)\n                      return { price, siteIds }\n                    }),\n                this.getAllState.siteBiddings.map(({ sites, price }) => {\n                  const siteIds = sites.map(site => site.id)\n                  return { price, siteIds }\n                })\n            ),\n            campaign: this.campaign.siteBiddings.map(({ sites, price }) => `${sites.map(sites => sites.domain)}: ${price} $`).join(', '),\n            updatedCampaign: this.getAllState.siteBiddings.map(({ sites, price }) => `${sites.map(sites => sites.domain)}: ${price} $`).join(', ')\n          },\n          {\n            name: 'Spots',\n            isShown: !lodash.isEqual(this.spotsTarget(this.campaign), this.spotsTarget(this.getAllState)),\n            campaign: this.spotsTarget(this.campaign),\n            updatedCampaign: this.spotsTarget(this.getAllState)\n          },\n          {\n            name: 'System ids (SSP)',\n            isShown: !lodash.isEqual(\n              this.sspTarget(this.campaign),\n              this.sspTarget(this.getAllState)\n            ),\n            campaign: this.sspTarget(this.campaign),\n            updatedCampaign: this.sspTarget(this.getAllState)\n          }\n        ].filter(({ isShown }) => isShown)\n      }\n    },\n    methods: {\n      spotsTarget (data) {\n        return `${data.blackWhiteSpotsType}: ${data.selectedSpots.map(({ tdsId }) => tdsId)}`\n      },\n      browsersTarget (data) {\n        return `${data.blackWhiteBrowsersType}: ${data.selectedBrowsers.map(({ name, version }) => `${name}(${version})`).join(', ')}`\n      },\n      sspTarget (data) {\n        return `${data.blackWhiteSspType}: ${data.selectedSsp}`\n      },\n      siteTarget (data) {\n        if (data.isPremiumSites) {\n          const sites = data.isAllPremiumSites ? 'all' : data.premiumSitesIds.join(', ')\n          return `Premium: ${sites}`\n        } else {\n          return `${data.blackWhiteSitesType}: ${data.selectedSites.map(({ domain }) => domain).join(', ')}`\n        }\n      },\n      webPushSubscriptionTimeTarget (data) {\n        if (data.webpushSubscriptionTime === null) {\n          return ''\n        }\n        if (data.webpushSubscriptionTime.minDays !== null && data.webpushSubscriptionTime.maxDays !== null) {\n          return `[${data.webpushSubscriptionTime.minDays}-${data.webpushSubscriptionTime.maxDays}]`\n        }\n        if (data.webpushSubscriptionTime.minDays !== null) {\n          return `Min: ${data.webpushSubscriptionTime.minDays}`\n        }\n        if (data.webpushSubscriptionTime.maxDays !== null) {\n          return `Max: ${data.webpushSubscriptionTime.maxDays}`\n        }\n        return ''\n      },\n      changeItem (name, item, updatedItem) {\n        return {\n          name,\n          isShown: !lodash.isEqual(\n            item.map(({ id }) => id),\n            updatedItem.map(({ id }) => id)\n          ),\n          campaign: item.map(({ name }) => name).join(', '),\n          updatedCampaign: updatedItem.map(({ name }) => name).join(', ')\n        }\n      }\n    }\n  }\n</script>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./CampaignChanges.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./CampaignChanges.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignChanges.vue?vue&type=template&id=6130044e&\"\nimport script from \"./CampaignChanges.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignChanges.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VDataTable,VDialog,VDivider,VSpacer})\n"],"sourceRoot":""}